Back to Nocobase

SchemaInitializer

packages/core/client/src/schema-initializer/index.md

2.0.481.3 KB
Original Source

SchemaInitializer

用于各种 schema 的初始化。新增的 schema 可以插入到某个已有 schema 节点的任意位置,包括:

ts
{
  properties: {
    // beforeBegin 在当前节点的前面插入
    node1: {
      properties: {
        // afterBegin 在当前节点的第一个子节点前面插入
        // ...
        // beforeEnd 在当前节点的最后一个子节点后面
      },
    },
    // afterEnd 在当前节点的后面
  },
}

Examples

Basic

<code src="./demos/basic.tsx"></code>

Nested items

<code src="./demos/nested-items.tsx"></code>

Custom Items Component

列表默认使用 List 组件,可以通过 ItemsComponent 属性自定义列表组件。

<code src="./demos/custom-items-component.tsx"></code>

Custom Button

<code src="./demos/custom-button.tsx"></code>

Built Type

NocoBase 提供了几个内置的组件,可以直接使用。

<code src="./demos/build-type.tsx"></code>

Dynamic visible & children

动态显示和隐藏 Item 项,以及动态加载 children。

<code src="./demos/dynamic-visible-children.tsx"></code>

Insert schema

Basic

<code src="./demos/insert-schema-basic.tsx"></code>

Action

<code src="./demos/insert-schema-action.tsx"></code>

FormItem

<code src="./demos/insert-schema-form-item.tsx"></code>