@4399ywkf/design 2.1.0 → 2.1.1

package/dist/FormDesigner/settings/index.js

@@ -0,0 +1,2399 @@
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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); }
+import { feishuCardTemplates } from "../card/templates";
+import { createHeaderDisplayWidget, hiddenDisplayCommonSettings } from "./displayHeader";
+
+// 只需写配置，方便可扩展
+export var baseCommonSettings = {
+  type: {
+    title: '类型',
+    type: 'string',
+    hidden: '{{true}}'
+  },
+  widget: {
+    title: '组件',
+    type: 'string',
+    hidden: '{{true}}'
+  },
+  format: {
+    title: '格式',
+    type: 'string',
+    hidden: '{{true}}'
+  }
+};
+export var defaultCommonSettings = {
+  $id: {
+    title: 'ID',
+    description: '字段名称/英文',
+    type: 'string',
+    widget: 'idInput',
+    require: true,
+    rules: [{
+      pattern: '^#/.+$',
+      message: 'ID 必填'
+    }]
+  },
+  title: {
+    title: '标题',
+    type: 'string',
+    widget: 'htmlInput'
+  },
+  displayType: {
+    title: '标题展示模式',
+    type: 'string',
+    enum: ['row', 'column'],
+    enumNames: ['同行', '单独一行'],
+    widget: 'radio'
+  },
+  description: {
+    title: '说明',
+    type: 'string'
+  },
+  default: {
+    title: '默认值',
+    type: 'string'
+  },
+  required: {
+    title: '必填',
+    type: 'boolean'
+  },
+  placeholder: {
+    title: '占位符',
+    type: 'string'
+  },
+  bind: {
+    title: 'Bind',
+    type: 'string'
+  },
+  min: {
+    title: '最小值',
+    type: 'number'
+  },
+  max: {
+    title: '最大值',
+    type: 'number'
+  },
+  disabled: {
+    title: '禁用',
+    type: 'boolean'
+  },
+  readOnly: {
+    title: '只读',
+    type: 'boolean'
+  },
+  hidden: {
+    title: '隐藏',
+    type: 'boolean'
+  },
+  readOnlyWidget: {
+    title: '只读组件',
+    type: 'string'
+  },
+  width: {
+    title: '元素宽度',
+    type: 'string',
+    widget: 'percentSlider'
+  },
+  labelWidth: {
+    title: '标签宽度',
+    description: '默认值120',
+    type: 'number',
+    widget: 'slider',
+    max: 400,
+    props: {
+      hideNumber: true
+    }
+  }
+};
+
+// 远程数据源事件配置（下拉选择类组件共用）
+var remoteDataEventSetting = {
+  remoteData: {
+    type: 'object',
+    theme: 'tile',
+    properties: {
+      enabled: {
+        title: '开启远程数据',
+        description: '打开下拉面板时请求后端接口加载选项',
+        type: 'boolean',
+        widget: 'switch'
+      },
+      apiUrl: {
+        title: '接口地址',
+        type: 'string',
+        hidden: '{{!formData.remoteData?.enabled}}',
+        props: {
+          placeholder: 'https://api.example.com/options'
+        }
+      },
+      method: {
+        title: '请求方式',
+        type: 'string',
+        enum: ['GET', 'POST'],
+        enumNames: ['GET', 'POST'],
+        widget: 'radio',
+        hidden: '{{!formData.remoteData?.enabled}}'
+      },
+      headers: {
+        title: '自定义请求头',
+        type: 'string',
+        format: 'textarea',
+        hidden: '{{!formData.remoteData?.enabled}}',
+        description: 'JSON 格式，如 {"Authorization": "Bearer xxx"}',
+        props: {
+          placeholder: '{"Content-Type": "application/json"}',
+          autoSize: {
+            minRows: 2,
+            maxRows: 4
+          }
+        }
+      },
+      responsePath: {
+        title: '数据路径',
+        type: 'string',
+        hidden: '{{!formData.remoteData?.enabled}}',
+        description: '从响应 JSON 中取数组的路径',
+        props: {
+          placeholder: '如: data.list 或 data.options'
+        }
+      },
+      valueField: {
+        title: '值字段',
+        type: 'string',
+        hidden: '{{!formData.remoteData?.enabled}}',
+        description: '选项值对应的字段名',
+        props: {
+          placeholder: '如: id 或 value'
+        }
+      },
+      labelField: {
+        title: '标签字段',
+        type: 'string',
+        hidden: '{{!formData.remoteData?.enabled}}',
+        description: '选项显示文本对应的字段名',
+        props: {
+          placeholder: '如: name 或 label'
+        }
+      }
+    }
+  }
+};
+var defaultChoiceOptions = [{
+  value: 'a',
+  label: '选项 A'
+}, {
+  value: 'b',
+  label: '选项 B'
+}, {
+  value: 'c',
+  label: '选项 C'
+}];
+var optionConfigSetting = {
+  title: '选项',
+  type: 'array',
+  widget: 'formOptionsEditor'
+};
+var singleOptionDefaultSetting = {
+  title: '默认值',
+  type: 'string',
+  widget: 'formOptionDefaultValue'
+};
+var multipleOptionDefaultSetting = {
+  title: '默认值',
+  type: 'array',
+  widget: 'formOptionDefaultValue',
+  props: {
+    mode: 'multiple'
+  }
+};
+
+// widget 用于指定 schema 右侧配置对应的 setting
+export var elements = [{
+  text: '输入框',
+  name: 'input',
+  schema: {
+    title: '输入框',
+    type: 'string',
+    default: '',
+    placeholder: '请输入',
+    disabled: false,
+    props: {
+      width: 'default',
+      showTitle: false,
+      titlePosition: 'top',
+      maxLengthEnabled: true
+    }
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    placeholder: {
+      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'
+    }
+  }
+}, {
+  text: '大输入框',
+  name: 'textarea',
+  schema: {
+    title: '大输入框',
+    type: 'string',
+    format: 'textarea',
+    default: '',
+    placeholder: '请输入',
+    disabled: false,
+    props: {
+      width: 'default',
+      showTitle: false,
+      titlePosition: 'top',
+      maxLengthEnabled: true
+    }
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    placeholder: {
+      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'
+    }
+  }
+}, {
+  text: '日期选择',
+  name: 'date',
+  schema: {
+    title: '日期选择',
+    type: 'string',
+    format: 'date',
+    default: '',
+    placeholder: '请选择',
+    disabled: false,
+    props: {
+      width: 'default'
+    }
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    placeholder: {
+      title: '占位文本',
+      type: 'string',
+      widget: 'input',
+      props: {
+        placeholder: '请输入'
+      }
+    },
+    format: {
+      title: '日期格式',
+      type: 'string',
+      enum: ['dateTime', 'date', 'time'],
+      enumNames: ['日期时间', '日期', '时间']
+    },
+    default: {
+      title: '默认时间',
+      type: 'string',
+      widget: 'dateDefaultValue',
+      dependencies: ['format']
+    },
+    'props.width': {
+      title: '宽度模式',
+      type: 'string',
+      widget: 'select',
+      enum: ['default', 'fill', 'auto'],
+      enumNames: ['自适应-default', '撑满', '紧凑']
+    },
+    disabled: {
+      title: '是否禁用',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '时间选择',
+  name: 'time',
+  show: false,
+  schema: {
+    title: '时间选择',
+    type: 'string',
+    format: 'time',
+    default: '',
+    placeholder: '请选择',
+    disabled: false,
+    props: {
+      width: 'default'
+    }
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    placeholder: {
+      title: '占位文本',
+      type: 'string',
+      widget: 'input',
+      props: {
+        placeholder: '请输入'
+      }
+    },
+    format: {
+      title: '日期格式',
+      type: 'string',
+      enum: ['dateTime', 'date', 'time'],
+      enumNames: ['日期时间', '日期', '时间']
+    },
+    default: {
+      title: '默认时间',
+      type: 'string',
+      widget: 'dateDefaultValue',
+      dependencies: ['format']
+    },
+    'props.width': {
+      title: '宽度模式',
+      type: 'string',
+      widget: 'select',
+      enum: ['default', 'fill', 'auto'],
+      enumNames: ['自适应-default', '撑满', '紧凑']
+    },
+    disabled: {
+      title: '是否禁用',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '数字输入框',
+  name: 'number',
+  schema: {
+    title: '数字输入框',
+    type: 'number',
+    disabled: false,
+    props: {
+      width: 'default',
+      showTitle: false,
+      titlePosition: 'top'
+    }
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    default: {
+      title: '默认值',
+      type: 'number'
+    },
+    '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}}'
+    },
+    min: {
+      title: '最小值',
+      type: 'number'
+    },
+    max: {
+      title: '最大值',
+      type: 'number'
+    },
+    disabled: {
+      title: '是否禁用',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '是否选择',
+  name: 'checkbox',
+  schema: {
+    title: '是否选择',
+    type: 'boolean',
+    widget: 'checkbox',
+    disabled: false
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    title: {
+      title: '选项文本',
+      type: 'string',
+      widget: 'input'
+    },
+    default: {
+      title: '是否默认勾选',
+      type: 'boolean',
+      widget: 'switch'
+    },
+    disabled: {
+      title: '是否禁用',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '是否switch',
+  name: 'switch',
+  schema: {
+    title: '是否选择',
+    type: 'boolean',
+    widget: 'switch',
+    disabled: false
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    title: {
+      title: '选项文本',
+      type: 'string',
+      widget: 'input'
+    },
+    default: {
+      title: '是否默认开启',
+      type: 'boolean',
+      widget: 'switch'
+    },
+    disabled: {
+      title: '是否禁用',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '下拉单选',
+  name: 'select',
+  schema: {
+    title: '单选',
+    type: 'string',
+    widget: 'select',
+    disabled: false,
+    props: {
+      options: defaultChoiceOptions,
+      width: 'default',
+      showTitle: false,
+      titlePosition: 'top'
+    }
+  },
+  setting: _objectSpread({
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    default: _objectSpread({}, singleOptionDefaultSetting),
+    'props.options': _objectSpread({}, optionConfigSetting),
+    '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}}'
+    },
+    disabled: {
+      title: '是否禁用',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }, remoteDataEventSetting)
+}, {
+  text: '点击单选',
+  name: 'radio',
+  schema: {
+    title: '单选',
+    type: 'string',
+    widget: 'radio',
+    disabled: false,
+    props: {
+      options: defaultChoiceOptions,
+      width: 'default',
+      showTitle: false,
+      titlePosition: 'top'
+    }
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    default: _objectSpread({}, singleOptionDefaultSetting),
+    'props.options': _objectSpread({}, optionConfigSetting),
+    '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}}'
+    },
+    disabled: {
+      title: '是否禁用',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '下拉多选',
+  name: 'multiSelect',
+  schema: {
+    title: '多选',
+    description: '下拉多选',
+    type: 'array',
+    items: {
+      type: 'string'
+    },
+    widget: 'multiSelect',
+    default: [],
+    disabled: false,
+    props: {
+      options: defaultChoiceOptions,
+      width: 'default',
+      showTitle: false,
+      titlePosition: 'top'
+    }
+  },
+  setting: _objectSpread({
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    default: _objectSpread({}, multipleOptionDefaultSetting),
+    'props.options': _objectSpread({}, optionConfigSetting),
+    '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}}'
+    },
+    disabled: {
+      title: '是否禁用',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }, remoteDataEventSetting)
+}, {
+  text: '点击多选',
+  name: 'checkboxes',
+  schema: {
+    title: '多选',
+    type: 'array',
+    widget: 'checkboxes',
+    items: {
+      type: 'string'
+    },
+    default: [],
+    disabled: false,
+    props: {
+      options: defaultChoiceOptions,
+      width: 'default',
+      showTitle: false,
+      titlePosition: 'top'
+    }
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    default: _objectSpread({}, multipleOptionDefaultSetting),
+    'props.options': _objectSpread({}, optionConfigSetting),
+    '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}}'
+    },
+    disabled: {
+      title: '是否禁用',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+},
+// ════ Markdown 字段 ════ widget:'markdown', type:'string' —— 数据绑定版 markdown：
+// 进 formData.{name}，可被 onMount 的 api_request → set_values 整串覆盖；schema.title
+// 在 FormRender 卡片模式下渲染为 frCardFieldLabel（12px 灰标签），form 模式下渲染为
+// 普通 Form.Item label。与「Markdown 展示」(displayMarkdown, type:'void') 区别就是它
+// 是 form 字段、有 label、能被回填。
+{
+  text: 'Markdown 字段',
+  name: 'markdownField',
+  schema: {
+    title: '标签',
+    type: 'string',
+    widget: 'markdown',
+    props: {
+      content: '请编辑内容',
+      textAlign: 'left',
+      textSize: 'normal_v2'
+    }
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: '字段名（formData 的数据绑定 key）'
+    }),
+    title: {
+      title: '标签',
+      description: 'Form.Item label；卡片模式下渲染为灰色字段标签',
+      type: 'string',
+      widget: 'htmlInput'
+    },
+    'props.content': {
+      title: '占位内容',
+      description: 'form value 为空时显示；onMount/set_values 回填后被覆盖',
+      type: 'string',
+      widget: 'textArea',
+      props: {
+        autoSize: {
+          minRows: 2,
+          maxRows: 10
+        }
+      }
+    },
+    default: {
+      title: '默认值',
+      description: 'form 初始值；formInstance.setValues({[name]:"…"}) 会覆盖',
+      type: 'string',
+      widget: 'textArea',
+      props: {
+        autoSize: {
+          minRows: 2,
+          maxRows: 10
+        }
+      }
+    },
+    'props.textAlign': {
+      title: '对齐',
+      type: 'string',
+      widget: 'radio',
+      enum: ['left', 'center', 'right'],
+      enumNames: ['左', '中', '右']
+    },
+    'props.textSize': {
+      title: '字号',
+      type: 'string',
+      widget: 'select',
+      enum: ['small', 'normal', 'normal_v2', 'heading'],
+      enumNames: ['小', '正常', '响应式', '标题']
+    }
+  }
+}];
+
+// 表单容器内部按钮（不在侧边栏显示，仅用于 settings 面板识别）
+export var formBtnElements = [{
+  text: '提交按钮',
+  name: 'formSubmitBtn',
+  show: false,
+  widget: 'formSubmitBtn',
+  schema: {
+    title: '提交',
+    type: 'string',
+    widget: 'formSubmitBtn'
+  },
+  setting: {
+    props: {
+      type: 'object',
+      theme: 'tile',
+      properties: {
+        submitText: {
+          title: '按钮文案',
+          type: 'string'
+        },
+        actionType: {
+          title: '点击事件',
+          type: 'string',
+          enum: ['callback', 'open_url', 'none'],
+          enumNames: ['回调请求', '打开链接', '无'],
+          widget: 'radio'
+        },
+        callbackUrl: {
+          title: '回调地址',
+          type: 'string',
+          description: '提交时发送请求到此URL',
+          hidden: '{{"callback" !== formData.props?.actionType}}',
+          props: {
+            placeholder: 'https://example.com/api/submit'
+          }
+        },
+        openUrl: {
+          title: '跳转链接',
+          type: 'string',
+          hidden: '{{"open_url" !== formData.props?.actionType}}',
+          props: {
+            placeholder: 'https://example.com/success'
+          }
+        },
+        confirmTitle: {
+          title: '二次确认标题',
+          type: 'string',
+          description: '留空则不弹确认框',
+          props: {
+            placeholder: '确认提交此表单？'
+          }
+        }
+      }
+    },
+    style: {
+      type: 'object',
+      theme: 'tile',
+      properties: {
+        btnType: {
+          title: '按钮类型',
+          type: 'string',
+          enum: ['primary', 'default', 'dashed', 'text', 'link'],
+          enumNames: ['主要按钮', '默认按钮', '虚线按钮', '文本按钮', '链接按钮'],
+          widget: 'select'
+        },
+        size: {
+          title: '按钮尺寸',
+          type: 'string',
+          enum: ['large', 'middle', 'small'],
+          enumNames: ['大', '中', '小'],
+          widget: 'radio'
+        },
+        danger: {
+          title: '危险按钮',
+          type: 'boolean',
+          widget: 'switch'
+        },
+        block: {
+          title: '撑满宽度',
+          type: 'boolean',
+          widget: 'switch'
+        }
+      }
+    }
+  }
+}, {
+  text: '取消按钮',
+  name: 'formResetBtn',
+  show: false,
+  widget: 'formResetBtn',
+  schema: {
+    title: '取消',
+    type: 'string',
+    widget: 'formResetBtn'
+  },
+  setting: {
+    props: {
+      type: 'object',
+      theme: 'tile',
+      properties: {
+        resetText: {
+          title: '按钮文案',
+          type: 'string'
+        },
+        actionType: {
+          title: '点击事件',
+          type: 'string',
+          enum: ['reset', 'open_url'],
+          enumNames: ['重置表单', '打开链接'],
+          widget: 'radio'
+        },
+        redirectUrl: {
+          title: '跳转链接',
+          type: 'string',
+          hidden: '{{"open_url" !== formData.props?.actionType}}',
+          props: {
+            placeholder: 'https://example.com/cancel'
+          }
+        }
+      }
+    },
+    style: {
+      type: 'object',
+      theme: 'tile',
+      properties: {
+        btnType: {
+          title: '按钮类型',
+          type: 'string',
+          enum: ['primary', 'default', 'dashed', 'text', 'link'],
+          enumNames: ['主要按钮', '默认按钮', '虚线按钮', '文本按钮', '链接按钮'],
+          widget: 'select'
+        },
+        size: {
+          title: '按钮尺寸',
+          type: 'string',
+          enum: ['large', 'middle', 'small'],
+          enumNames: ['大', '中', '小'],
+          widget: 'radio'
+        },
+        danger: {
+          title: '危险按钮',
+          type: 'boolean',
+          widget: 'switch'
+        },
+        block: {
+          title: '撑满宽度',
+          type: 'boolean',
+          widget: 'switch'
+        }
+      }
+    }
+  }
+}];
+var advancedDisplayCommonSettings = _objectSpread(_objectSpread({}, hiddenDisplayCommonSettings), {}, {
+  $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+    title: '组件 ID',
+    description: ''
+  })
+});
+export var advancedElements = [{
+  text: '日期范围',
+  name: 'dateRange',
+  schema: {
+    title: '日期范围',
+    type: 'range',
+    format: 'dateTime',
+    default: [],
+    disabled: false,
+    props: {
+      placeholder: ['开始时间', '结束时间'],
+      width: 'default',
+      showTitle: false,
+      titlePosition: 'top'
+    }
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    format: {
+      title: '日期格式',
+      type: 'string',
+      enum: ['dateTime', 'date'],
+      enumNames: ['日期时间', '日期']
+    },
+    default: {
+      title: '默认时间',
+      type: 'array',
+      widget: 'dateRangeDefaultValue',
+      dependencies: ['format']
+    },
+    '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}}'
+    },
+    disabled: {
+      title: '是否禁用',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '数字（slider）',
+  name: 'slider',
+  schema: {
+    title: '带滑动条',
+    type: 'number',
+    widget: 'slider',
+    disabled: false,
+    props: {
+      width: 'default',
+      showTitle: false,
+      titlePosition: 'top'
+    }
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    default: {
+      title: '默认值',
+      type: 'number'
+    },
+    '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}}'
+    },
+    min: {
+      title: '最小值',
+      type: 'number'
+    },
+    max: {
+      title: '最大值',
+      type: 'number'
+    },
+    disabled: {
+      title: '是否禁用',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '图片展示',
+  name: 'image',
+  schema: {
+    title: '图片展示',
+    type: 'string',
+    format: 'image',
+    default: '',
+    props: {
+      width: 'default',
+      showTitle: false,
+      titlePosition: 'top',
+      aspectRatio: '16 / 9',
+      objectFit: 'cover',
+      borderRadius: 6,
+      preview: true
+    }
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    default: {
+      title: '图片地址',
+      type: 'string',
+      widget: 'textArea',
+      props: {
+        placeholder: 'https://example.com/image.png',
+        autoSize: {
+          minRows: 2,
+          maxRows: 4
+        }
+      }
+    },
+    '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.aspectRatio': {
+      title: '图片比例',
+      type: 'string',
+      widget: 'select',
+      enum: ['16 / 9', '4 / 3', '1 / 1', 'auto'],
+      enumNames: ['16:9', '4:3', '1:1', '原图比例']
+    },
+    'props.imageHeight': {
+      title: '图片高度',
+      type: 'number',
+      widget: 'clearableNumberInput',
+      description: '未填写时按图片比例自适应',
+      props: {
+        placeholder: '如 180'
+      }
+    },
+    'props.objectFit': {
+      title: '填充方式',
+      type: 'string',
+      widget: 'radio',
+      enum: ['cover', 'contain'],
+      enumNames: ['裁剪填充', '完整显示']
+    },
+    'props.borderRadius': {
+      title: '圆角',
+      type: 'number',
+      props: {
+        placeholder: '如 6'
+      }
+    },
+    'props.preview': {
+      title: '点击预览',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '颜色选择',
+  name: 'color',
+  schema: {
+    title: '颜色选择',
+    type: 'string',
+    format: 'color',
+    default: '',
+    disabled: false,
+    props: {
+      width: 'default',
+      showTitle: false,
+      titlePosition: 'top',
+      colorFormat: 'hex',
+      allowClear: true,
+      disabledAlpha: false
+    }
+  },
+  setting: {
+    $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+      title: '组件 ID',
+      description: ''
+    }),
+    default: {
+      title: '默认颜色',
+      type: 'string',
+      props: {
+        placeholder: '#3370ff / rgba(51,112,255,0.6) / transparent'
+      }
+    },
+    '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.colorFormat': {
+      title: '颜色格式',
+      type: 'string',
+      widget: 'radio',
+      enum: ['hex', 'rgb'],
+      enumNames: ['HEX', 'RGB/RGBA']
+    },
+    'props.disabledAlpha': {
+      title: '禁用透明度',
+      type: 'boolean',
+      widget: 'switch'
+    },
+    'props.allowClear': {
+      title: '允许清空',
+      type: 'boolean',
+      widget: 'switch'
+    },
+    disabled: {
+      title: '是否禁用',
+      type: 'boolean',
+      widget: 'switch'
+    }
+  }
+}, {
+  text: '柱状图 / 折线图',
+  name: 'advancedChart',
+  schema: {
+    title: '柱状图 / 折线图',
+    type: 'void',
+    widget: 'advancedChart',
+    props: {
+      showTitle: false,
+      chartSpec: {
+        type: 'bar',
+        title: {
+          text: '示例图表'
+        },
+        data: {
+          values: [{
+            type: 'A',
+            value: 30
+          }, {
+            type: 'B',
+            value: 45
+          }, {
+            type: 'C',
+            value: 22
+          }]
+        }
+      },
+      height: '260px'
+    }
+  },
+  setting: _objectSpread(_objectSpread({}, advancedDisplayCommonSettings), {}, {
+    '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: 'advancedTable',
+  schema: {
+    title: '表格',
+    type: 'void',
+    widget: 'advancedTable',
+    props: {
+      showTitle: false,
+      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: _objectSpread(_objectSpread({}, advancedDisplayCommonSettings), {}, {
+    '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 displayHeaderElement = createHeaderDisplayWidget({
+  name: 'displayHeader',
+  schemaType: 'void',
+  widget: 'displayHeader'
+});
+var displayCommonSettings = _objectSpread(_objectSpread({}, hiddenDisplayCommonSettings), {}, {
+  $id: _objectSpread(_objectSpread({}, defaultCommonSettings.$id), {}, {
+    title: '组件 ID',
+    description: ''
+  })
+});
+var htmlDisplayElement = {
+  text: 'HTML',
+  name: 'html',
+  schema: {
+    title: 'HTML',
+    type: 'void',
+    widget: 'html',
+    props: {
+      showTitle: false,
+      value: '<div>HTML 内容</div>'
+    }
+  },
+  setting: _objectSpread(_objectSpread({}, displayCommonSettings), {}, {
+    'props.value': {
+      title: '展示内容',
+      type: 'string',
+      widget: 'textArea',
+      props: {
+        autoSize: {
+          minRows: 3,
+          maxRows: 8
+        }
+      }
+    }
+  })
+};
+
+// Markdown 展示（widget:'displayMarkdown'）—— 纯展示组件（type:'void'），不进 formData，
+// 内容只能写在 props.content 里。与「Markdown 字段」(widget:'markdown', type:'string') 区分：
+// 字段版才进 form state、才能被 set_values 回填、才有 label（schema.title 渲染为灰色字段标签）。
+var displayMarkdownElement = {
+  text: 'Markdown 展示',
+  name: 'displayMarkdown',
+  schema: {
+    title: 'Markdown 展示',
+    type: 'void',
+    widget: 'displayMarkdown',
+    props: {
+      showTitle: false,
+      content: '请编辑内容',
+      textAlign: 'left',
+      textSize: 'normal_v2'
+    }
+  },
+  setting: _objectSpread(_objectSpread({}, displayCommonSettings), {}, {
+    'props.content': {
+      title: '展示内容',
+      type: 'string',
+      widget: 'textArea',
+      props: {
+        autoSize: {
+          minRows: 3,
+          maxRows: 10
+        }
+      }
+    },
+    'props.textAlign': {
+      title: '对齐',
+      type: 'string',
+      widget: 'radio',
+      enum: ['left', 'center', 'right'],
+      enumNames: ['左', '中', '右']
+    },
+    'props.textSize': {
+      title: '字号',
+      type: 'string',
+      widget: 'select',
+      enum: ['small', 'normal', 'normal_v2', 'heading'],
+      enumNames: ['小', '正常', '响应式', '标题']
+    }
+  })
+};
+var displayHrElement = {
+  text: '分割线',
+  name: 'displayHr',
+  schema: {
+    title: '分割线',
+    type: 'void',
+    widget: 'displayHr',
+    props: {
+      showTitle: false,
+      margin: '8px 0px'
+    }
+  },
+  setting: _objectSpread(_objectSpread({}, displayCommonSettings), {}, {
+    'props.margin': {
+      title: '外边距',
+      type: 'string',
+      widget: 'input',
+      props: {
+        placeholder: '8px 0px'
+      }
+    }
+  })
+};
+var displayPlainTextElement = {
+  text: '纯文本',
+  name: 'displayPlainText',
+  schema: {
+    title: '纯文本',
+    type: 'void',
+    widget: 'displayPlainText',
+    props: {
+      showTitle: false,
+      text: {
+        tag: 'plain_text',
+        content: '纯文本',
+        text_size: 'normal_v2',
+        text_align: 'left',
+        text_color: 'default'
+      }
+    }
+  },
+  setting: _objectSpread(_objectSpread({}, displayCommonSettings), {}, {
+    'props.text.content': {
+      title: '内容',
+      type: 'string',
+      widget: 'textArea',
+      props: {
+        autoSize: {
+          minRows: 1,
+          maxRows: 4
+        }
+      }
+    },
+    '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'],
+      enumNames: ['默认', '灰', '蓝', '绿', '红', '橙', '黄', '紫']
+    }
+  })
+};
+var displayTextTagElement = {
+  text: '标签',
+  name: 'displayTextTag',
+  schema: {
+    title: '标签',
+    type: 'void',
+    widget: 'displayTextTag',
+    props: {
+      showTitle: false,
+      text: {
+        tag: 'plain_text',
+        content: '标签'
+      },
+      color: 'blue'
+    }
+  },
+  setting: _objectSpread(_objectSpread({}, displayCommonSettings), {}, {
+    '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: ['中性', '蓝', '天蓝', '青', '绿', '黄', '橙', '红', '洋红', '紫罗兰', '紫', '靛', '灰', '柠檬']
+    }
+  })
+};
+export var displayElements = [htmlDisplayElement, _objectSpread(_objectSpread({}, displayHeaderElement), {}, {
+  setting: _objectSpread(_objectSpread({}, displayCommonSettings), displayHeaderElement.setting)
+}), displayMarkdownElement, displayHrElement, displayPlainTextElement, displayTextTagElement];
+export var layouts = [{
+  text: '表单容器',
+  name: 'formContainer',
+  schema: {
+    type: 'object',
+    widget: 'formContainer',
+    properties: {
+      _btnGroup: {
+        type: 'object',
+        widget: 'formBtnGroup',
+        properties: {
+          _submitBtn: {
+            type: 'string',
+            widget: 'formSubmitBtn',
+            width: 'auto',
+            props: {
+              submitText: '提交',
+              actionType: 'callback',
+              callbackUrl: '',
+              confirmTitle: ''
+            },
+            style: {
+              btnType: 'primary',
+              size: 'small',
+              danger: false,
+              block: false
+            }
+          },
+          _resetBtn: {
+            type: 'string',
+            widget: 'formResetBtn',
+            width: 'auto',
+            props: {
+              resetText: '取消',
+              actionType: 'reset',
+              redirectUrl: ''
+            },
+            style: {
+              btnType: 'default',
+              size: 'small',
+              danger: false,
+              block: false
+            }
+          }
+        }
+      }
+    }
+  },
+  setting: {
+    props: {
+      title: '表单设置',
+      type: 'object',
+      theme: 'collapse',
+      properties: {
+        formName: {
+          title: '表单标识',
+          type: 'string',
+          description: '唯一标识，用于识别提交数据来源',
+          props: {
+            placeholder: '如: userForm'
+          }
+        }
+      }
+    }
+  }
+}, {
+  text: '对象',
+  name: 'object',
+  schema: {
+    title: '对象',
+    type: 'object',
+    properties: {}
+  },
+  setting: {
+    theme: {
+      title: '主题',
+      type: 'string',
+      enum: ['collapse', 'collapse:pure', 'collapse:ghost', 'card', 'tile', 'flex'],
+      enumNames: ['默认', '无框', '幽灵', '卡片', '平铺', '弹性'],
+      default: 'collapse',
+      widget: 'radio'
+    },
+    props: {
+      title: '弹性布局',
+      hidden: '{{"flex" !== formData.theme}}',
+      type: 'object',
+      theme: 'tile',
+      properties: {
+        style: {
+          title: '布局样式',
+          type: 'object',
+          theme: 'flex',
+          props: {
+            style: {
+              flexDirection: 'column'
+            }
+          },
+          properties: {
+            height: {
+              title: '高度',
+              description: 'height',
+              type: 'string',
+              widget: 'input'
+            },
+            flexDirection: {
+              title: '布局方向',
+              description: 'flex-direction',
+              type: 'string',
+              enum: ['row', 'row-reverse', 'column', 'column-reverse'],
+              enumNames: ['横向', '横向反转', '纵向', '纵向反转'],
+              widget: 'select'
+            },
+            flexWrap: {
+              title: '换行方式',
+              description: 'flex-wrap',
+              type: 'string',
+              enum: ['wrap', 'nowrap', 'wrap-reverse'],
+              enumNames: ['换行', '不换行', '反向换行'],
+              widget: 'select'
+            },
+            justifyContent: {
+              title: '对齐方式',
+              description: 'justify-content',
+              type: 'string',
+              enum: ['flex-start', 'flex-end', 'center', 'space-between', 'space-around'],
+              enumNames: ['起点对齐', '终点对齐', '居中对齐', '两端对齐', '相同间距'],
+              widget: 'select'
+            },
+            alignItems: {
+              title: '轴对齐方式',
+              description: 'align-items',
+              type: 'string',
+              enum: ['flex-start', 'flex-end', 'center', 'baseline', 'stretch'],
+              enumNames: ['起点对齐', '终点对齐', '居中对齐', '基线对齐', '拉伸铺满'],
+              widget: 'select'
+            },
+            alignContent: {
+              title: '多轴线对齐',
+              description: 'align-content',
+              type: 'string',
+              enum: ['flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'stretch'],
+              enumNames: ['起点对齐', '终点对齐', '居中对齐', '两端对齐', '相同间距', '拉伸铺满'],
+              widget: 'select'
+            }
+          }
+        }
+      }
+    },
+    style: {
+      title: '元素样式',
+      type: 'object',
+      properties: {
+        background: {
+          title: '背景',
+          description: 'background',
+          type: 'string',
+          widget: 'color'
+        },
+        margin: {
+          title: '外边距',
+          description: 'margin',
+          type: 'string',
+          widget: 'input'
+        },
+        padding: {
+          title: '内边距',
+          description: 'padding',
+          type: 'string',
+          widget: 'input'
+        },
+        borderWidth: {
+          title: '边框宽',
+          description: 'border-width',
+          type: 'string',
+          widget: 'input'
+        },
+        borderStyle: {
+          title: '边框样式',
+          description: 'border-style',
+          type: 'string',
+          widget: 'input'
+        },
+        borderColor: {
+          title: '边框颜色',
+          description: 'border-color',
+          type: 'string',
+          widget: 'color'
+        },
+        borderRadius: {
+          title: '圆角',
+          description: 'border-radius',
+          type: 'string',
+          widget: 'input'
+        },
+        flex: {
+          title: '弹性伸缩',
+          description: 'flex',
+          type: 'string',
+          widget: 'input'
+        },
+        order: {
+          title: '排列顺序',
+          description: 'order',
+          type: 'string',
+          widget: 'input'
+        },
+        alignSelf: {
+          title: '自身对齐',
+          description: 'align-self',
+          type: 'string',
+          widget: 'input'
+        }
+      }
+    }
+  }
+}, {
+  text: '数据分组',
+  name: 'fieldGroup',
+  schema: {
+    title: '数据分组',
+    type: 'object',
+    widget: 'fieldGroup',
+    props: {
+      direction: 'vertical',
+      verticalSpacing: '12px'
+    },
+    properties: {}
+  },
+  setting: {
+    props: {
+      title: '分组布局',
+      type: 'object',
+      theme: 'tile',
+      properties: {
+        direction: {
+          title: '排列方向',
+          type: 'string',
+          enum: ['vertical', 'horizontal'],
+          enumNames: ['纵向', '横向'],
+          widget: 'radio',
+          default: 'vertical'
+        },
+        verticalSpacing: {
+          title: '纵向间距',
+          description: '纵向排列时子项间距',
+          type: 'string',
+          widget: 'input'
+        },
+        horizontalSpacing: {
+          title: '横向间距',
+          description: '横向排列时子项间距',
+          type: 'string',
+          widget: 'input'
+        }
+      }
+    }
+  }
+}, {
+  text: '常规列表',
+  name: 'list',
+  schema: {
+    title: '数组',
+    type: 'array',
+    items: {
+      type: 'object',
+      properties: {}
+    }
+  },
+  setting: {
+    default: {
+      title: '默认值',
+      type: 'array',
+      widget: 'jsonInput'
+    },
+    items: {
+      type: 'object',
+      hidden: '{{true}}'
+    },
+    min: {
+      title: '最小长度',
+      type: 'number'
+    },
+    max: {
+      title: '最大长度',
+      type: 'number'
+    },
+    props: {
+      title: '选项',
+      type: 'object',
+      properties: {
+        hideDelete: {
+          title: '隐藏删除按钮',
+          type: 'string'
+        },
+        hideAdd: {
+          title: '隐藏新增/复制按钮',
+          type: 'string'
+        }
+      }
+    }
+  }
+}, {
+  text: '简单列表',
+  name: 'simpleList',
+  schema: {
+    title: '数组',
+    type: 'array',
+    widget: 'simpleList',
+    items: {
+      type: 'object',
+      properties: {}
+    }
+  },
+  setting: {
+    default: {
+      title: '默认值',
+      type: 'array',
+      widget: 'jsonInput'
+    },
+    items: {
+      type: 'object',
+      hidden: '{{true}}'
+    },
+    min: {
+      title: '最小长度',
+      type: 'number'
+    },
+    max: {
+      title: '最大长度',
+      type: 'number'
+    },
+    props: {
+      title: '选项',
+      type: 'object',
+      properties: {
+        hideTitle: {
+          title: '隐藏标题',
+          type: 'boolean'
+        },
+        hideDelete: {
+          title: '隐藏删除按钮',
+          type: 'string'
+        },
+        hideAdd: {
+          title: '隐藏新增/复制按钮',
+          type: 'string'
+        }
+      }
+    }
+  }
+}, {
+  text: '表格列表',
+  name: 'list2',
+  schema: {
+    title: '数组',
+    type: 'array',
+    widget: 'list2',
+    items: {
+      type: 'object',
+      properties: {}
+    }
+  },
+  setting: {
+    default: {
+      title: '默认值',
+      type: 'array',
+      widget: 'jsonInput'
+    },
+    items: {
+      type: 'object',
+      hidden: '{{true}}'
+    },
+    min: {
+      title: '最小长度',
+      type: 'number'
+    },
+    max: {
+      title: '最大长度',
+      type: 'number'
+    },
+    props: {
+      title: '选项',
+      type: 'object',
+      properties: {
+        hideDelete: {
+          title: '隐藏删除按钮',
+          type: 'string'
+        },
+        hideAdd: {
+          title: '隐藏新增/复制按钮',
+          type: 'string'
+        },
+        hideCopy: {
+          title: '隐藏复制按钮',
+          type: 'string'
+        },
+        hideMove: {
+          title: '隐藏上下移动按钮',
+          type: 'string'
+        }
+      }
+    }
+  }
+}, {
+  text: '复杂表格列表',
+  name: 'drawerList',
+  schema: {
+    title: '数组',
+    type: 'array',
+    widget: 'drawerList',
+    items: {
+      type: 'object',
+      properties: {}
+    }
+  },
+  setting: {
+    default: {
+      title: '默认值',
+      type: 'array',
+      widget: 'jsonInput'
+    },
+    items: {
+      type: 'object',
+      hidden: '{{true}}'
+    },
+    min: {
+      title: '最小长度',
+      type: 'number'
+    },
+    max: {
+      title: '最大长度',
+      type: 'number'
+    },
+    props: {
+      title: '选项',
+      type: 'object',
+      properties: {
+        hideDelete: {
+          title: '隐藏删除按钮',
+          type: 'string'
+        },
+        hideAdd: {
+          title: '隐藏新增/复制按钮',
+          type: 'string'
+        }
+      }
+    }
+  }
+}];
+
+// 非卡片的内置示例模板，归到「示例」分类
+var extraTemplates = [{
+  // 普通动态表单模板：报销申请单（员工填报）。
+  // 全部用普通表单组件搭建——下拉/数字/日期/大输入框/输入框，字段可校验、提交产出 formData。
+  // 与「报销申请待审批」卡片的区别：这里每个业务项都是“可填字段”，不是 markdown 展示文本。
+  text: '报销申请单',
+  name: 'expenseApplicationForm',
+  category: '财务',
+  schema: {
+    type: 'object',
+    title: '报销申请单',
+    displayType: 'column',
+    properties: {
+      applicant: {
+        title: '申请人',
+        type: 'string',
+        required: true,
+        placeholder: '请输入申请人姓名'
+      },
+      department: {
+        title: '所属部门',
+        type: 'string',
+        placeholder: '请输入所属部门'
+      },
+      expenseType: {
+        title: '报销类型',
+        type: 'string',
+        widget: 'select',
+        required: true,
+        enum: ['travel', 'office', 'entertain', 'training', 'other'],
+        enumNames: ['差旅费', '办公用品费', '业务招待费', '培训费', '其他'],
+        placeholder: '请选择报销类型'
+      },
+      amount: {
+        title: '报销金额(元)',
+        type: 'number',
+        required: true,
+        min: 0,
+        placeholder: '请输入报销金额'
+      },
+      expenseDate: {
+        title: '费用发生日期',
+        type: 'string',
+        format: 'date',
+        required: true
+      },
+      reason: {
+        title: '报销事由',
+        type: 'string',
+        format: 'textarea',
+        required: true,
+        placeholder: '请简要说明报销事由',
+        props: {
+          rows: 3
+        }
+      }
+    }
+  }
+}, {
+  text: '复杂结构样例',
+  name: 'something',
+  category: '示例',
+  schema: {
+    title: '对象',
+    description: '这是一个对象类型',
+    type: 'object',
+    properties: {
+      inputName: {
+        title: '简单输入框',
+        type: 'string'
+      },
+      selectName: {
+        title: '单选',
+        type: 'string',
+        enum: ['a', 'b', 'c'],
+        enumNames: ['早', '中', '晚']
+      },
+      dateName: {
+        title: '时间选择',
+        type: 'string',
+        format: 'date'
+      },
+      listName: {
+        title: '对象数组',
+        description: '对象数组嵌套功能',
+        type: 'array',
+        items: {
+          type: 'object',
+          properties: {
+            rangeName: {
+              title: '日期/时间范围',
+              type: 'range',
+              format: 'date',
+              props: {
+                placeholder: ['开始日期', '结束日期']
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}];
+
+// 把模板按 category 分组成侧栏分组：每个分类一个可折叠分组，标题「模板 · {分类}」。
+// 顺序按模板首次出现的分类顺序，未标 category 的归到「其他」。
+// （feishuCardTemplates 上的 category 字段终于在这里被消费，不再是死元数据。）
+var templateGroups = function () {
+  var all = [].concat(_toConsumableArray(feishuCardTemplates.map(function (_ref) {
+    var text = _ref.text,
+      name = _ref.name,
+      schema = _ref.schema,
+      category = _ref.category;
+    return {
+      text: text,
+      name: name,
+      schema: schema,
+      category: category || '其他'
+    };
+  })), extraTemplates);
+  var order = [];
+  var byCategory = {};
+  all.forEach(function (_ref2) {
+    var text = _ref2.text,
+      name = _ref2.name,
+      schema = _ref2.schema,
+      category = _ref2.category;
+    if (!byCategory[category]) {
+      byCategory[category] = [];
+      order.push(category);
+    }
+    byCategory[category].push({
+      text: text,
+      name: name,
+      schema: schema
+    });
+  });
+  return order.map(function (category) {
+    return {
+      title: "\u6A21\u677F \xB7 ".concat(category),
+      widgets: byCategory[category]
+    };
+  });
+}();
+export var defaultSettings = [{
+  title: '基础组件',
+  widgets: elements,
+  show: true,
+  useCommon: true // TODO: 是否将common
+}, {
+  title: '高级组件',
+  widgets: advancedElements
+}, {
+  title: '展示组件',
+  widgets: displayElements,
+  useCommon: true
+}, {
+  title: '布局组件',
+  widgets: layouts
+}].concat(_toConsumableArray(templateGroups), [{
+  title: '内部组件',
+  show: false,
+  widgets: formBtnElements
+}]);
+export var defaultGlobalSettings = {
+  type: 'object',
+  properties: {
+    column: {
+      title: '整体布局',
+      type: 'number',
+      enum: [1, 2, 3],
+      enumNames: ['一行一列', '一行二列', '一行三列'],
+      props: {
+        placeholder: '默认一行一列'
+      }
+    },
+    labelWidth: {
+      title: '标签宽度',
+      type: 'number',
+      widget: 'slider',
+      max: 300,
+      default: 120,
+      props: {
+        hideNumber: true
+      }
+    },
+    displayType: {
+      title: '标签展示模式',
+      type: 'string',
+      default: 'row',
+      enum: ['row', 'column'],
+      enumNames: ['同行', '单独一行'],
+      widget: 'radio'
+    }
+  }
+};