Skip to main content

字段属性配置面板

使用appSetting.panelConfig.addConfigPanel方法单独为表单项添加自定义的配置面板

使用方法

appSetting.panelConfig.addConfigPanel({
type: 'input',
render: React.lazy(() => import('../SubInputConfigPanel')),
filter: 'container',
precedences: 10,
});

参数说明:

  • type。面板对应的表单项类型
  • render。面板组件
  • filter。该面板的适用范围。可以接受两种类型的值
    • 字符串。表单项分为普通表单项root和容器内的表单项container,使用字段属性中的 owner 来标识,默认为root。filter 为字符串时,对比 owner 与 filter 的值是否匹配。
    • 方法(field) => boolean。根据表单项的配置数据获取面板是否满足渲染条件,返回 true 表示满足条件,否则为不满足条件
  • precedences。面板的优先级,数值越大,优先级越高。如果存在多个符合条件的属性面板,使用优先级最高的面板