Skip to content

表单与字段

当物料已有稳定 props 后,字段 schema 使用稳定字符串键定位 UI adapter。公告示例把资产选择器注册为 Asset

ts
export function createGuideFieldComponentMap(): FieldComponentMap {
  return {
    ...createAntDesignVueFields(),
    Asset: {
      component: AssetField,
      modelPropName: 'modelValue',
      updateEventName: 'onUpdate:modelValue',
    },
  }
}

物料表单中未声明 bindTo 的字段默认更新当前节点的 props.{key}。全局表单默认更新 globalConfig.{key};需要编辑页面 surface 或容器变体时,声明明确的 bindTo

场景使用方式
可复用字段component: 'Asset'fieldComponentMap
当前表单专用说明或操作区FieldRenderFactory
修改节点、Schema、全局配置或容器状态bindTo 指定 scopepath
框架负责宿主负责
字段可见性、禁用状态、值转换和校验触发远程选项、资产权限、异步校验和最终服务端校验

函数值会被解释为 render factory。要使用 Vue 函数式组件,先把它注册到 fieldComponentMap。更多字段类型见 Designer 表单与字段

完成检查:切换“使用背景图”后,Asset 字段出现或隐藏;其值只写入公告的 props.image

下一步:页面布局与容器