Combine

组合多个字段

组合多个字段组件来输入一个状态值。

参数

type SchemaCombineWidgetOptions = {
    children: SchemaOptions[];
};

示例

loading

指南

configurable('10px 5px', {
    widget: 'combine',
    label: '内边距',
    toState: (values) => toPadding(values), 
    required: true,
    children: [
        {
            name: 'top',
            label: '上',
            widget: 'range',
            width: '50%',
            toInput: (value) => parsePadding(value).top, 
        },
        {
            name: 'right',
            label: '右',
            widget: 'range',
            width: '50%',
            toInput: (value) => parsePadding(value).right, 
        },
        {
            name: 'bottom',
            label: '下',
            widget: 'range',
            width: '50%',
            toInput: (value) => parsePadding(value).bottom,
        },
        {
            name: 'left',
            label: '左',
            widget: 'range',
            width: '50%',
            toInput: (value) => parsePadding(value).left,
        },
    ],
}),

• toState用于将子组件的值合并成一个值
• toInput用于将父组件的值拆分成子组件的值