nocobase/docs/zh-CN/development/client/ui-schema-designer/component-library.md
chenos b8d0ad8fbc
feat: update docs (#996)
* feat: update docs

* feat: update docs

* fix: update docs

* Add files via upload

* Add files via upload

* Update the-first-app.md

* Update the-first-app.md

* Update v08-changelog.md

* feat: update docs

Co-authored-by: Zhou <zhou.working@gmail.com>
2022-10-31 22:41:24 +08:00

1.0 KiB
Raw Blame History

Schema 组件库

包装器组件

  • BlockItem
  • FormItem
  • CardItem

布局

  • Page
  • Grid
  • Tabs
  • Space

字段组件

字段组件一般不单独使用,而是用在数据展示组件当中

  • CollectionField万能组件
  • Cascader
  • Checkbox
  • ColorSelect
  • DatePicker
  • Filter
  • Formula
  • IconPicker
  • Input
  • InputNumber
  • Markdown
  • Password
  • Percent
  • Radio
  • RecordPicker
  • RichText
  • Select
  • TimePicker
  • TreeSelect
  • Upload

数据展示组件

需要与字段组件搭配使用

  • Calendar
  • Form
  • Kanban
  • Table
  • TableV2

操作onClick 事件型组件)

  • Action
  • Action.Drawer
  • Action.Modal
  • ActionBar用于操作布局
  • Menu

其他

  • G2plot
  • Markdown.Void

x-designerx-initializer 的使用场景

x-decoratorx-component 是以下组件时,x-designer 生效:

  • BlockItem
  • CardItem
  • FormItem
  • Table.Column
  • Tabs.TabPane

x-decoratorx-component 是以下组件时,x-initializer 生效:

  • ActionBar
  • BlockItem
  • CardItem
  • FormItem
  • Grid
  • Table
  • Tabs