4.7 KiB
Raw Blame History

布局

配置类型

::: details 查看 ContainerCommonConfig / RowConfig / TabConfig / TabPaneConfig / FieldsetConfig / PanelConfig / StepConfig / FlexLayoutConfig / GroupListConfig / TableConfig / TableColumnConfig / TableGroupListCommonConfig 配置类型定义 <<< @/../packages/form-schema/src/base.ts#ContainerCommonConfig{ts}

<<< @/../packages/form-schema/src/base.ts#RowConfig{ts}

<<< @/../packages/form-schema/src/base.ts#TabConfig{ts}

<<< @/../packages/form-schema/src/base.ts#TabPaneConfig{ts}

<<< @/../packages/form-schema/src/base.ts#FieldsetConfig{ts}

<<< @/../packages/form-schema/src/base.ts#PanelConfig{ts}

<<< @/../packages/form-schema/src/base.ts#StepConfig{ts}

<<< @/../packages/form-schema/src/base.ts#FlexLayoutConfig{ts}

<<< @/../packages/form-schema/src/base.ts#GroupListConfig{ts}

<<< @/../packages/form-schema/src/base.ts#TableConfig{ts}

<<< @/../packages/form-schema/src/base.ts#TableColumnConfig{ts}

<<< @/../packages/form-schema/src/base.ts#TableGroupListCommonConfig{ts}

<<< @/../packages/form-schema/src/base.ts#FormItem{ts}

:::

基础用法

行内布局

可以通过配置span来指定行内的配置项占用多少位置一行为24例如一行要显示三个配置则 span 可以配置 8四个则为 6。默认会自动调节在一行中显示。

混合布局

对象容器

Object

fieldset

legend 除了支持字符串,也支持函数,函数返回值作为标题展示,可根据表单数据动态生成:

panel

tabs

数组容器

groupList

table

step

flex-layout