import{At as e,E as t,Ot as n,Xt as r}from"./chunks/framework.ECw2lWOt.js";var i=JSON.parse(`{"title":"Page","description":"","frontmatter":{},"headers":[],"relativePath":"runtime-api/core/page.md","filePath":"runtime-api/core/page.md"}`),a={name:`runtime-api/core/page.md`};function o(t,i,a,o,s,c){return r(),n(`div`,null,[...i[0]||=[e(`

Page

Page@tmagic/core 的页面类,继承自 Node,用于管理页面及其子节点。

构造函数

typescript
new Page(options: PageOptions)

PageOptions

继承自 NodeOptions,参见 Node 构造函数。

属性

属性类型说明
nodesMap<Id, Node>页面内所有节点的映射表

继承自 Node 的属性请参见 Node 属性

实例方法

initNode

typescript
page.initNode(
  {
    id: 'button_1',
    type: 'button',
    style: { width: 100 }
  },
  page,
);

getNode

参数类型说明
iteratorContainerIdId[]迭代器容器 ID 数组
iteratorIndexnumber[]迭代器索引数组
pageFragmentContainerIdId页面片段容器 ID
strictboolean是否严格模式
typescript
const node = page.getNode('button_1');

// 从迭代器中获取
const iteratorNode = page.getNode('item_1', {
  iteratorContainerId: ['iterator_1'],
  iteratorIndex: [0]
});

setNode

deleteNode

typescript
page.deleteNode('button_1');

destroy

typescript
page.destroy();
`,26)]])}var s=t(a,[[`render`,o]]);export{i as __pageData,s as default};