@4399ywkf/design 2.0.0 → 2.1.1

package/dist/FormDesigner/card/settings.js

@@ -0,0 +1,1031 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * cardSettings — left sidebar widget catalog for card mode.
+ *
+ * Setting 字段统一用 dot-path 写法（如 `'props.title.content'`），不再用
+ * `props: { type:object, properties:{...} }` 这种 object 容器节点。
+ * 原因：FormDesigner 的 setting form 是用 form-render 渲染的；object 容器
+ * 节点会把整个 schema.props 当作一个 sub-form 的 data slice，**只读写
+ * 节点内列出的字段**。当跟 cardCommonSettings 的 `'props.textAlign'` 等
+ * dot-path 同时存在时，sub-form 在提交时会用它"不知道 textAlign 存在"的
+ * 快照覆盖 schema.props.textAlign（连带 title 等也回滚）。
+ *
+ * 改用扁平 dot-path 后，每个字段独立读写 schema 上对应的精确路径，互不
+ * 干扰。视觉分组可后续靠 form-render 的虚拟容器 ('theme:tile' 等) 补回，
+ * 但要保证容器节点不映射到 schema 上的实际路径。
+ */
+
+import { createHeaderDisplayWidget } from "../settings/displayHeader";
+
+// ---- helpers: container/column 公共字段，注意都是 dot-path ----
+var containerFields = {
+  'props.direction': {
+    title: '排列方向',
+    type: 'string',
+    widget: 'radio',
+    enum: ['vertical', 'horizontal'],
+    enumNames: ['竖排', '横排']
+  },
+  'props.horizontalSpacing': {
+    title: '水平间距',
+    type: 'string',
+    widget: 'input',
+    placeholder: '8px'
+  },
+  'props.verticalSpacing': {
+    title: '垂直间距',
+    type: 'string',
+    widget: 'input',
+    placeholder: '12px'
+  },
+  'props.horizontalAlign': {
+    title: '水平对齐',
+    type: 'string',
+    widget: 'select',
+    enum: ['left', 'center', 'right'],
+    enumNames: ['左', '中', '右']
+  },
+  'props.verticalAlign': {
+    title: '垂直对齐',
+    type: 'string',
+    widget: 'select',
+    enum: ['top', 'center', 'bottom'],
+    enumNames: ['上', '中', '下']
+  },
+  'props.flexMode': {
+    title: '弹性模式',
+    type: 'string',
+    widget: 'select',
+    enum: ['stretch', 'flow', 'bisect', 'trisect'],
+    enumNames: ['撑满', '流式', '二等分', '三等分']
+  }
+};
+var columnFields = {
+  'props.width': {
+    title: '宽度模式',
+    type: 'string',
+    widget: 'select',
+    enum: ['weighted', 'auto', 'fill'],
+    enumNames: ['按权重', '自适应', '撑满']
+  },
+  'props.weight': {
+    title: '权重',
+    type: 'number',
+    hidden: '{{formData.props?.width !== "weighted"}}'
+  }
+};
+var displayWidgets = [createHeaderDisplayWidget({
+  name: 'cardHeader',
+  titleContent: '卡片标题',
+  widget: 'cardHeader'
+}), {
+  // 卡片版「Markdown 字段」chip。底层 widget 同 form 端 markdownFieldElement
+  // （widget:'markdown', type:'string'）——是 form 字段：可被 onMount/set_values 整串回填，
+  // schema.title 渲染为灰色字段标签（frCardFieldLabel）。与 form 端「Markdown 展示」
+  // (displayMarkdown, type:'void') 是两个不同 widget；后者纯只读、不进 formData。
+  // 在「form+card 混合面板」里，base.tsx 把这条 chip 滤掉以免与「基础组件 / Markdown 字段」重名；
+  // 纯卡片面板下它继续在「展示组件」里出现。
+  text: 'Markdown 字段',
+  name: 'markdown',
+  schema: {
+    title: '标签',
+    type: 'string',
+    widget: 'markdown',
+    props: {
+      content: '请编辑内容',
+      textAlign: 'left',
+      textSize: 'normal_v2'
+    }
+  },
+  // 卡片模式默认 cardCommonSettings 把 title 设为 hidden:true（避免 cardHeader/columnSet 等
+  // 布局节点显示 form-style 标题）；markdown 是数据字段，要显式 hidden:false 让 label 可编辑。
+  // hidden:false 会被 mergeInOrder 当作完整覆盖前面的 hidden:true。
+  setting: {
+    $id: {
+      title: 'ID',
+      description: '字段名（formData 的数据绑定 key）',
+      type: 'string',
+      widget: 'idInput',
+      hidden: false,
+      require: true,
+      rules: [{
+        pattern: '^#/.+$',
+        message: 'ID 必填'
+      }]
+    },
+    title: {
+      title: 'label',
+      description: 'Form.Item 标签文案',
+      type: 'string',
+      widget: 'htmlInput',
+      hidden: false
+    },
+    default: {
+      title: 'Markdown 默认值',
+      description: 'form 初始值；运行时 formInstance.setValues({[name]: "..."}) 会覆盖它实时改渲染',
+      type: 'string',
+      widget: 'textArea',
+      props: {
+        autoSize: {
+          minRows: 3,
+          maxRows: 10
+        }
+      }
+    }
+  }
+}, {
+  text: '分割线',
+  name: 'hr',
+  schema: {
+    type: 'string',
+    widget: 'hr',
+    props: {
+      margin: '0px 0px 0px 0px'
+    }
+  },
+  setting: {}
+}, {
+  text: '纯文本',
+  name: 'plainText',
+  schema: {
+    type: 'string',
+    widget: 'plainText',
+    props: {
+      text: {
+        tag: 'plain_text',
+        content: '纯文本'
+      }
+    }
+  },
+  setting: {
+    'props.text.content': {
+      title: '内容',
+      type: 'string',
+      widget: 'textArea'
+    },
+    'props.text.text_size': {
+      title: '字号',
+      type: 'string',
+      widget: 'select',
+      enum: ['notation', 'small', 'normal', 'normal_v2', 'heading', 'heading_0', 'heading_1', 'heading_2', 'heading_3', 'heading_4'],
+      enumNames: ['注释', '小', '正文', '正文 V2', '标题', '标题 0', '标题 1', '标题 2', '标题 3', '标题 4']
+    },
+    'props.text.text_align': {
+      title: '对齐',
+      type: 'string',
+      widget: 'radio',
+      enum: ['left', 'center', 'right'],
+      enumNames: ['左', '中', '右']
+    },
+    'props.text.text_color': {
+      title: '颜色',
+      type: 'string',
+      widget: 'select',
+      enum: ['default', 'grey', 'blue', 'green', 'red', 'orange', 'yellow', 'purple']
+    }
+  }
+}, {
+  text: '图片',
+  name: 'img',
+  schema: {
+    type: 'string',
+    widget: 'img',
+    props: {
+      src: '',
+      alt: {
+        tag: 'plain_text',
+        content: ''
+      },
+      size: '16:9',
+      scaleType: 'crop_center',
+      cornerRadius: '8px'
+    }
+  },
+  setting: {
+    'props.src': {
+      title: '图片 URL',
+      type: 'string',
+      widget: 'input',
+      placeholder: 'https://… 或留空走 imgKey'
+    },
+    'props.imgKey': {
+      title: 'imgKey',
+      type: 'string',
+      widget: 'input',
+      placeholder: '飞书图床 key (留空走 src)'
+    },
+    'props.alt.content': {
+      title: '替代文本',
+      type: 'string',
+      widget: 'input'
+    },
+    'props.size': {
+      title: '尺寸',
+      type: 'string',
+      widget: 'select',
+      enum: ['16:5', '16:6', '16:9', '4:3', '1:1', 'stretch_without_padding', 'compact_width', 'large', 'medium', 'small'],
+      enumNames: ['16:5', '16:6', '16:9', '4:3', '1:1', '通栏', '紧凑', '大', '中', '小']
+    },
+    'props.scaleType': {
+      title: '裁剪方式',
+      type: 'string',
+      widget: 'select',
+      enum: ['crop_center', 'crop_top', 'fit_horizontal', 'fit_vertical'],
+      enumNames: ['居中裁剪', '顶部裁剪', '横向填充', '纵向填充']
+    },
+    'props.cornerRadius': {
+      title: '圆角',
+      type: 'string',
+      widget: 'input',
+      placeholder: '8px'
+    },
+    'props.transparent': {
+      title: '透明背景',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '图片组合',
+  name: 'imgCombination',
+  schema: {
+    type: 'string',
+    widget: 'imgCombination',
+    props: {
+      combinationMode: 'trisect',
+      imgList: [{
+        imgKey: 'placeholder'
+      }, {
+        imgKey: 'placeholder'
+      }, {
+        imgKey: 'placeholder'
+      }],
+      cornerRadius: '4px'
+    }
+  },
+  setting: {
+    'props.combinationMode': {
+      title: '组合模式',
+      type: 'string',
+      widget: 'select',
+      enum: ['bisect', 'trisect', 'triple', 'quadsect', 'quintet', 'sextet', 'nonet'],
+      enumNames: ['2 图', '3 图 (1 大 2 小)', '3 图 (triple)', '4 宫格', '5 图', '6 宫格', '9 宫格']
+    },
+    'props.imgList': {
+      title: '图片列表',
+      type: 'array',
+      widget: 'cardImageListEditor'
+    },
+    'props.cornerRadius': {
+      title: '圆角',
+      type: 'string',
+      widget: 'input',
+      placeholder: '4px'
+    },
+    'props.combinationTransparent': {
+      title: '透明背景',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '图标',
+  name: 'standardIcon',
+  schema: {
+    type: 'string',
+    widget: 'standardIcon',
+    props: {
+      icon: {
+        tag: 'standard_icon',
+        token: 'info_colorful'
+      }
+    }
+  },
+  setting: {
+    'props.icon.token': {
+      title: 'token',
+      type: 'string',
+      widget: 'iconPicker'
+    },
+    'props.icon.color': {
+      title: '颜色',
+      type: 'string',
+      widget: 'input',
+      placeholder: 'grey / blue / #RRGGBB'
+    }
+  }
+}, {
+  text: '文本标签',
+  name: 'textTag',
+  schema: {
+    type: 'string',
+    widget: 'textTag',
+    props: {
+      text: {
+        tag: 'plain_text',
+        content: '标签'
+      },
+      color: 'blue'
+    }
+  },
+  setting: {
+    'props.text.content': {
+      title: '文案',
+      type: 'string',
+      widget: 'input'
+    },
+    'props.color': {
+      title: '颜色',
+      type: 'string',
+      widget: 'select',
+      enum: ['neutral', 'blue', 'wathet', 'turquoise', 'green', 'yellow', 'orange', 'red', 'carmine', 'violet', 'purple', 'indigo', 'grey', 'lime'],
+      enumNames: ['中性', '蓝', '天蓝', '青', '绿', '黄', '橙', '红', '洋红', '紫罗兰', '紫', '靛', '灰', '柠檬']
+    }
+  }
+}, {
+  text: '富文本块 (div)',
+  name: 'div',
+  schema: {
+    type: 'string',
+    widget: 'div',
+    props: {
+      text: {
+        tag: 'plain_text',
+        content: '富文本块',
+        text_size: 'normal',
+        text_align: 'left'
+      }
+    }
+  },
+  setting: {
+    'props.text.content': {
+      title: '内容',
+      type: 'string',
+      widget: 'textArea'
+    },
+    'props.text.text_size': {
+      title: '字号',
+      type: 'string',
+      widget: 'select',
+      enum: ['notation', 'small', 'normal', 'normal_v2', 'heading']
+    },
+    'props.text.text_align': {
+      title: '对齐',
+      type: 'string',
+      widget: 'radio',
+      enum: ['left', 'center', 'right'],
+      enumNames: ['左', '中', '右']
+    },
+    'props.text.text_color': {
+      title: '颜色',
+      type: 'string',
+      widget: 'input',
+      placeholder: 'grey / blue / red…'
+    }
+  }
+}];
+var layoutWidgets = [{
+  text: '多列容器',
+  name: 'columnSet',
+  schema: {
+    type: 'object',
+    widget: 'columnSet',
+    props: {
+      flexMode: 'stretch',
+      horizontalSpacing: '8px',
+      horizontalAlign: 'left'
+    },
+    properties: {}
+  },
+  setting: _objectSpread({}, containerFields)
+}, {
+  text: '列',
+  name: 'column',
+  schema: {
+    type: 'object',
+    widget: 'column',
+    props: {
+      width: 'weighted',
+      weight: 1,
+      direction: 'vertical',
+      verticalSpacing: '8px'
+    },
+    properties: {}
+  },
+  setting: _objectSpread(_objectSpread({}, columnFields), containerFields)
+}, {
+  text: '交互容器',
+  name: 'interactiveContainer',
+  schema: {
+    type: 'object',
+    widget: 'interactiveContainer',
+    props: {
+      width: 'fill',
+      height: 'auto',
+      cornerRadius: '8px',
+      hasBorder: false,
+      backgroundStyle: 'grey-100',
+      padding: '12px 12px 12px 12px',
+      direction: 'vertical',
+      verticalSpacing: '8px',
+      horizontalAlign: 'left',
+      verticalAlign: 'top',
+      behaviors: [],
+      hoverTips: {
+        tag: 'plain_text',
+        content: ''
+      }
+    },
+    properties: {}
+  },
+  setting: _objectSpread({
+    'props.backgroundStyle': {
+      title: '背景',
+      type: 'string',
+      widget: 'select',
+      enum: ['transparent', 'white', 'grey-50', 'grey-100', 'grey-200', 'grey-300'],
+      enumNames: ['透明', '白', '极浅灰', '浅灰', '灰', '深灰']
+    },
+    'props.hasBorder': {
+      title: '描边',
+      type: 'boolean',
+      widget: 'switch'
+    },
+    'props.borderColor': {
+      title: '边框色',
+      type: 'string',
+      widget: 'input',
+      placeholder: '#DEE0E3',
+      hidden: '{{!formData.props?.hasBorder}}'
+    },
+    'props.cornerRadius': {
+      title: '圆角',
+      type: 'string',
+      widget: 'input',
+      placeholder: '8px'
+    },
+    'props.padding': {
+      title: '内边距',
+      type: 'string',
+      widget: 'input',
+      placeholder: '12px 12px 12px 12px'
+    },
+    'props.hoverTips.content': {
+      title: '悬浮提示',
+      type: 'string',
+      widget: 'input',
+      placeholder: '鼠标悬浮时显示的提示'
+    },
+    'props.lockForm': {
+      title: '提交时锁定表单',
+      type: 'boolean',
+      widget: 'switch',
+      description: '开启后，点击触发的接口请求在途时锁住整张卡片：期间点不动其它内容，请求结束自动解锁。仅对含「接口请求」的行为生效。'
+    },
+    'props.behaviors': {
+      title: '点击行为',
+      type: 'array',
+      widget: 'jsonInput',
+      description: '飞书交互容器行为数组，事件 Tab 提供结构化编辑入口。'
+    }
+  }, containerFields)
+}, {
+  text: '循环 repeat',
+  name: 'repeat',
+  schema: {
+    type: 'object',
+    widget: 'repeat',
+    props: {
+      variable: 'object_img'
+    },
+    properties: {}
+  },
+  setting: {
+    'props.variable': {
+      title: '变量名',
+      type: 'string',
+      widget: 'input',
+      placeholder: 'object_img'
+    }
+  }
+}];
+var dataWidgets = [{
+  // 数据分组容器：跟 column 一样只是个 <div>，但提交时它的 ID 会出现在
+  // form name 路径上——子叶子的提交结果会被打成一包。
+  // 例：fieldGroup id=address，内含 city / zip
+  //   → 提交 body.value = { address: { city: '...', zip: '...' }, ...其他叶子 }
+  // 布局容器 (columnSet / column 等) 对 path 透明，不影响嵌套。
+  text: '数据分组',
+  name: 'fieldGroup',
+  schema: {
+    type: 'object',
+    widget: 'fieldGroup',
+    props: {
+      direction: 'vertical',
+      verticalSpacing: '12px'
+    },
+    properties: {}
+  },
+  setting: _objectSpread({}, containerFields)
+}, {
+  text: '柱状图 / 折线图',
+  name: 'chart',
+  schema: {
+    type: 'string',
+    widget: 'chart',
+    props: {
+      chartSpec: {
+        type: 'bar',
+        title: {
+          text: '示例图表'
+        },
+        data: {
+          values: [{
+            type: 'A',
+            value: 30
+          }, {
+            type: 'B',
+            value: 45
+          }, {
+            type: 'C',
+            value: 22
+          }]
+        }
+      },
+      height: '260px'
+    }
+  },
+  setting: {
+    'props.chartSpec.type': {
+      title: '图表类型',
+      type: 'string',
+      widget: 'select',
+      enum: ['bar', 'line', 'area', 'pie', 'scatter'],
+      enumNames: ['柱状图', '折线图', '面积图', '饼图', '散点图']
+    },
+    'props.chartSpec.title.text': {
+      title: '标题',
+      type: 'string',
+      widget: 'input'
+    },
+    'props.chartSpec.data.values': {
+      title: '图表数据',
+      type: 'array',
+      widget: 'cardChartDataEditor'
+    },
+    'props.height': {
+      title: '高度',
+      type: 'string',
+      widget: 'input',
+      placeholder: '260px'
+    }
+  }
+}, {
+  text: '表格',
+  name: 'table',
+  schema: {
+    type: 'string',
+    widget: 'table',
+    props: {
+      columns: [{
+        dataType: 'text',
+        name: 'col1',
+        displayName: '列 1',
+        horizontalAlign: 'left',
+        width: 'auto'
+      }, {
+        dataType: 'text',
+        name: 'col2',
+        displayName: '列 2',
+        horizontalAlign: 'left',
+        width: 'auto'
+      }],
+      rows: [{
+        col1: '示例 A',
+        col2: '说明 1'
+      }, {
+        col1: '示例 B',
+        col2: '说明 2'
+      }],
+      rowHeight: 'low'
+    }
+  },
+  setting: {
+    'props.columns': {
+      title: '列配置',
+      type: 'array',
+      widget: 'cardTableColumnsEditor'
+    },
+    'props.rows': {
+      title: '行数据',
+      type: 'array',
+      widget: 'cardTableRowsEditor'
+    },
+    'props.rowHeight': {
+      title: '行高',
+      type: 'string',
+      widget: 'select',
+      enum: ['low', 'middle', 'high'],
+      enumNames: ['低', '中', '高']
+    },
+    'props.pageSize': {
+      title: '分页 (每页)',
+      type: 'number'
+    }
+  }
+}];
+var defaultStaticSelectOptions = [{
+  value: 'a',
+  text: {
+    tag: 'plain_text',
+    content: '选项 A'
+  }
+}, {
+  value: 'b',
+  text: {
+    tag: 'plain_text',
+    content: '选项 B'
+  }
+}];
+var staticSelectSettings = {
+  name: {
+    title: '字段标识 (name)',
+    type: 'string',
+    widget: 'input'
+  },
+  'props.placeholder.content': {
+    title: '占位符',
+    type: 'string',
+    widget: 'input'
+  },
+  'props.width': {
+    title: '宽度',
+    type: 'string',
+    widget: 'select',
+    enum: ['fill', 'auto'],
+    enumNames: ['撑满', '自适应']
+  },
+  'props.options': {
+    title: '选项',
+    type: 'array',
+    widget: 'cardStaticOptionsEditor'
+  }
+};
+var interactionWidgets = [{
+  text: '表单容器',
+  name: 'formContainer',
+  schema: {
+    type: 'object',
+    widget: 'formContainer',
+    name: '',
+    props: {
+      direction: 'vertical',
+      verticalSpacing: '12px',
+      horizontalSpacing: '8px'
+    },
+    properties: {}
+  },
+  setting: _objectSpread({
+    name: {
+      title: '表单标识 (name)',
+      type: 'string',
+      widget: 'input'
+    }
+  }, containerFields)
+}, {
+  text: '输入框',
+  name: 'input',
+  schema: {
+    type: 'string',
+    widget: 'input',
+    name: '',
+    title: '输入框',
+    default: '',
+    placeholder: {
+      tag: 'plain_text',
+      content: '请输入'
+    },
+    disabled: false,
+    props: {
+      width: 'default',
+      showTitle: false,
+      titlePosition: 'top',
+      maxLengthEnabled: true
+    }
+  },
+  setting: {
+    name: {
+      title: '组件 ID',
+      type: 'string',
+      widget: 'input'
+    },
+    'placeholder.content': {
+      title: '占位文本',
+      type: 'string',
+      widget: 'textArea',
+      props: {
+        autoSize: {
+          minRows: 1,
+          maxRows: 2
+        }
+      }
+    },
+    default: {
+      title: '默认文本',
+      type: 'string',
+      widget: 'textArea',
+      props: {
+        autoSize: {
+          minRows: 1,
+          maxRows: 2
+        }
+      }
+    },
+    'props.width': {
+      title: '宽度模式',
+      type: 'string',
+      widget: 'select',
+      enum: ['default', 'fill', 'auto'],
+      enumNames: ['自适应-default', '撑满', '紧凑']
+    },
+    'props.showTitle': {
+      title: '输入框标题',
+      type: 'boolean',
+      widget: 'switch'
+    },
+    title: {
+      title: '标题文本',
+      type: 'string',
+      widget: 'textArea',
+      hidden: '{{(formData["props.showTitle"] ?? formData.props?.showTitle) === false}}',
+      props: {
+        autoSize: {
+          minRows: 1,
+          maxRows: 2
+        }
+      }
+    },
+    'props.titlePosition': {
+      title: '标题位置',
+      type: 'string',
+      widget: 'radio',
+      enum: ['top', 'left'],
+      enumNames: ['居上', '居左'],
+      hidden: '{{(formData["props.showTitle"] ?? formData.props?.showTitle) === false}}'
+    },
+    'props.maxLengthEnabled': {
+      title: '最大文本输入长度',
+      type: 'boolean',
+      widget: 'switch'
+    },
+    maxLength: {
+      title: '字符数',
+      type: 'number',
+      hidden: '{{(formData["props.maxLengthEnabled"] ?? formData.props?.maxLengthEnabled) === false}}',
+      props: {
+        placeholder: '请输入'
+      }
+    },
+    disabled: {
+      title: '是否禁用',
+      type: 'boolean',
+      widget: 'switch'
+    },
+    required: {
+      title: '必填',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '按钮',
+  name: 'cardButton',
+  schema: {
+    type: 'string',
+    widget: 'cardButton',
+    name: '',
+    props: {
+      text: {
+        tag: 'plain_text',
+        content: '按钮'
+      },
+      type: 'default',
+      size: 'medium',
+      width: 'auto',
+      icon: {
+        tag: 'standard_icon',
+        token: 'check_outlined'
+      },
+      behaviors: []
+    }
+  },
+  setting: {
+    name: {
+      title: '按钮标识 (name)',
+      type: 'string',
+      widget: 'input'
+    },
+    'props.text.content': {
+      title: '文案',
+      type: 'string',
+      widget: 'input'
+    },
+    'props.icon.token': {
+      title: '图标',
+      type: 'string',
+      widget: 'iconPicker'
+    },
+    'props.type': {
+      title: '类型',
+      type: 'string',
+      widget: 'select',
+      enum: ['primary_filled', 'default', 'primary_text', 'danger_filled', 'danger_text'],
+      enumNames: ['主要', '默认', '文字', '危险', '危险文字']
+    },
+    'props.size': {
+      title: '尺寸',
+      type: 'string',
+      widget: 'radio',
+      enum: ['large', 'medium', 'small'],
+      enumNames: ['大', '中', '小']
+    },
+    'props.width': {
+      title: '宽度',
+      type: 'string',
+      widget: 'radio',
+      enum: ['auto', 'fill'],
+      enumNames: ['自适应', '撑满']
+    },
+    'props.lockForm': {
+      title: '提交时锁定表单',
+      type: 'boolean',
+      widget: 'switch',
+      description: '开启后，点击触发的接口请求在途时锁住整张卡片（同意/拒绝这类提交按钮用）：期间点不动其它按钮、改不了输入，请求结束自动解锁。仅对含「接口请求」的行为生效。'
+    },
+    'props.behaviors': {
+      title: '点击行为',
+      type: 'array',
+      widget: 'jsonInput',
+      description: '飞书按钮行为数组，事件 Tab 提供结构化编辑入口'
+    }
+    // 注：cardButton 事件 Tab 走自定义编辑器 CardButtonBehaviorsEditor，
+    // 「点击时设值」UI 在那里实现，无需在此声明 setting。
+  }
+}, {
+  text: '静态下拉单选',
+  name: 'selectStatic',
+  schema: {
+    type: 'string',
+    widget: 'selectStatic',
+    name: '',
+    props: {
+      placeholder: {
+        tag: 'plain_text',
+        content: '请选择'
+      },
+      options: defaultStaticSelectOptions,
+      multiSelect: false
+    }
+  },
+  setting: staticSelectSettings
+}, {
+  text: '静态下拉多选',
+  name: 'selectStaticMulti',
+  schema: {
+    type: 'array',
+    widget: 'selectStaticMulti',
+    name: '',
+    default: [],
+    items: {
+      type: 'string'
+    },
+    props: {
+      placeholder: {
+        tag: 'plain_text',
+        content: '请选择'
+      },
+      options: defaultStaticSelectOptions,
+      multiSelect: true
+    }
+  },
+  setting: _objectSpread(_objectSpread({}, staticSelectSettings), {}, {
+    default: {
+      title: '默认值',
+      type: 'array',
+      widget: 'jsonInput'
+    }
+  })
+}, {
+  text: '人员选择',
+  name: 'selectPerson',
+  schema: {
+    type: 'string',
+    widget: 'selectPerson',
+    name: '',
+    props: {
+      placeholder: {
+        tag: 'plain_text',
+        content: '请选择人员'
+      },
+      multi: false
+    }
+  },
+  setting: {
+    name: {
+      title: '字段标识 (name)',
+      type: 'string',
+      widget: 'input'
+    },
+    'props.placeholder.content': {
+      title: '占位符',
+      type: 'string',
+      widget: 'input'
+    },
+    'props.multi': {
+      title: '多选',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '人员列表',
+  name: 'personList',
+  schema: {
+    type: 'string',
+    widget: 'personList',
+    props: {
+      persons: [{
+        id: 'ou_bb1588f4b53177075497b1e3cbc28e99'
+      }],
+      size: 'small',
+      showAvatar: true,
+      showName: true
+    }
+  },
+  setting: {
+    'props.persons': {
+      title: '人员列表',
+      type: 'array',
+      widget: 'cardPersonListEditor'
+    },
+    'props.size': {
+      title: '尺寸',
+      type: 'string',
+      widget: 'select',
+      enum: ['extra_small', 'small', 'medium', 'large'],
+      enumNames: ['超小', '小', '中', '大']
+    },
+    'props.showAvatar': {
+      title: '显示头像',
+      type: 'boolean',
+      widget: 'switch'
+    },
+    'props.showName': {
+      title: '显示姓名',
+      type: 'boolean',
+      widget: 'switch'
+    },
+    'props.lines': {
+      title: '行数限制',
+      type: 'number'
+    }
+  }
+}];
+export var cardSettings = [{
+  title: '展示组件',
+  widgets: displayWidgets,
+  useCommon: true
+}, {
+  title: '布局组件',
+  widgets: layoutWidgets,
+  useCommon: true
+}, {
+  title: '数据组件',
+  widgets: dataWidgets,
+  useCommon: true
+}, {
+  title: '交互组件',
+  widgets: interactionWidgets,
+  useCommon: true
+}];
+
+/** Default canvas schema for a fresh card-mode FormDesigner. */
+export var defaultCardSchema = {
+  type: 'object',
+  widget: 'cardRoot',
+  props: {
+    template: 'default',
+    padding: '0px 20px 20px 20px',
+    direction: 'vertical',
+    horizontalSpacing: '8px',
+    verticalSpacing: '16px',
+    updateMulti: true,
+    textSizeMode: 'normal_v2'
+  },
+  properties: {}
+};