@kne/form-creator 0.1.2

package/dist/index.js

@@ -0,0 +1,4435 @@
+var react = require('react');
+var antd = require('antd');
+var reactIntl = require('@kne/react-intl');
+var responsiveUtils = require('@kne/responsive-utils');
+var icons = require('@ant-design/icons');
+var reactFormAntd = require('@kne/react-form-antd');
+var SelectList = require('@kne/super-select');
+var superSelectPlus = require('@kne/super-select-plus');
+require('@kne/super-select/dist/index.css');
+require('@kne/super-select-plus/dist/index.css');
+var jsxRuntime = require('react/jsx-runtime');
+var FormInfo = require('@kne/form-info');
+require('@kne/form-info/dist/index.css');
+require('@kne/info-page/dist/index.css');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var SelectList__default = /*#__PURE__*/_interopDefaultLegacy(SelectList);
+var FormInfo__default = /*#__PURE__*/_interopDefaultLegacy(FormInfo);
+
+const locale$1 = {
+  addField: '添加填写项',
+  editField: '编辑填写项',
+  deleteField: '删除填写项',
+  moveUp: '上移',
+  moveDown: '下移',
+  fieldListTitle: '填写项配置',
+  fieldListSubtitle: '通过列表管理填写项，右侧实时预览表单效果',
+  blockListTitle: '表单结构',
+  blockListSubtitle: '添加不同类型的内容模块来搭建你的表单',
+  emptyFieldList: '暂无填写项，点击上方添加',
+  emptyBlockList: '暂无内容，点击"添加模块"开始搭建表单',
+  addBlock: '添加模块',
+  editBlock: '编辑模块',
+  deleteBlock: '删除模块',
+  untitledBlock: '未命名模块',
+  expandBlock: '展开',
+  collapseBlock: '收起',
+  fieldCount: '{count} 个填写项',
+  stepCount: '{count} 个步骤',
+  blockKind_formInfo: '基础表单',
+  blockKind_list: '可增减列表',
+  blockKind_tableList: '表格列表',
+  blockKind_multiField: '同类多值',
+  blockKind_steps: '分步表单',
+  blockTitle: '模块标题',
+  blockTitlePlaceholder: '例如：基本信息',
+  blockSubtitle: '模块副标题',
+  blockSubtitlePlaceholder: '例如：请填写员工基本信息',
+  blockName: '数据标识',
+  blockNameRequired: '请填写数据标识',
+  blockGap: '间距',
+  blockBordered: '显示边框',
+  blockImportant: '突出显示',
+  blockAddText: '添加按钮文案',
+  blockAddTextPlaceholder: '例如：添加一条工作经历',
+  blockMaxLength: '最多条数',
+  blockMinLength: '最少条数',
+  blockAutoStep: '填写完成后自动进入下一步',
+  multiFieldType: '填写项类型',
+  multiFieldSummary: '填写类型：{type}',
+  multiFieldEditorHint: '同类多值模块会根据你选择的填写项类型，自动生成可增减的多个输入框。',
+  stepListTitle: '步骤列表',
+  addStep: '添加步骤',
+  editStep: '编辑步骤',
+  deleteStep: '删除步骤',
+  stepTitle: '步骤标题',
+  stepTitlePlaceholder: '默认第 x 步，可自定义',
+  emptyStepList: '暂无步骤，点击"添加步骤"开始搭建',
+  untitledStep: '第{index}步',
+  stepPrev: '上一步',
+  stepNext: '下一步',
+  stepComplete: '完成',
+  fieldType: '填写项类型',
+  fieldName: '数据标识',
+  fieldNamePlaceholder: '已自动生成，可修改',
+  fieldLabel: '显示名称',
+  fieldLabelPlaceholder: '例如：姓名',
+  fieldTips: '标签提示',
+  fieldTipsPlaceholder: '鼠标悬停标签旁图标时显示',
+  fieldDescription: '字段说明',
+  fieldDescriptionPlaceholder: '显示在输入框下方的补充说明',
+  fieldRule: '填写规则',
+  fieldPlaceholder: '输入提示语',
+  fieldOptions: '选项配置',
+  fieldBlock: '占满整行',
+  fieldHidden: '隐藏该项',
+  fieldHiddenTag: '已隐藏',
+  fieldBlockTag: '整行',
+  fieldNameDuplicate: '该数据标识已被使用，请换一个',
+  untitledField: '未命名填写项',
+  previewTitle: '表单预览',
+  previewHint: '左侧的配置变化会实时同步到这里',
+  confirm: '确定',
+  cancel: '取消',
+  submit: '提交',
+  reset: '重置',
+  formActionsSection: '表单按钮',
+  formActionsShowSubmit: '显示提交按钮',
+  formActionsShowReset: '显示重置按钮',
+  formActionsShowCancel: '显示取消按钮',
+  formActionsSubmitText: '提交文案',
+  formActionsResetText: '重置文案',
+  formActionsCancelText: '取消文案',
+  formActionsSubmitTextHint: '默认「提交」',
+  formActionsResetTextHint: '默认「重置」',
+  formActionsCancelTextHint: '默认「取消」',
+  formActionsAlign: '按钮位置',
+  formActionsAlignCenter: '居中',
+  formActionsAlignStart: '靠左',
+  formActionsAlignEnd: '靠右',
+  formActionsGap: '按钮间距',
+  formActionsGapHint: '默认 16',
+  formActionsLayoutSection: '布局',
+  fieldBasicSection: '基本设置',
+  optionLabelPlaceholder: '显示文字',
+  optionValuePlaceholder: '对应值',
+  optionDescPlaceholder: '补充说明（可选）',
+  addOption: '添加一个选项',
+  builtinDataHint: '该类型自带数据，无需手动配置选项',
+  optionsEditorHint: '至少填写显示文字和对应值',
+  optionsTreeEditorHint: '点「添加子级」可挂下级选项；左侧竖线表示层级',
+  addChildOption: '添加子级',
+  fieldColumns: '表格有哪些列',
+  columnTitlePlaceholder: '列标题，例如：姓名',
+  columnNamePlaceholder: '已自动生成，可修改',
+  columnWidthPlaceholder: '列宽（可选）',
+  addColumn: '添加一列',
+  columnsEditorHint: '列标题用于表头展示；数据名已自动生成，需要时可改',
+  fieldTableRows: '表格数据',
+  tableRowsNeedColumnsHint: '请先在上方填写列的数据名，再来配置每一行数据',
+  tableRowTitle: '第 {index} 行',
+  tableRowLabelPlaceholder: '选中后显示的文字',
+  addTableRow: '添加一行数据',
+  tableRowsEditorHint: '「对应值」是选中后真正保存的内容；其余按列填写，会显示在表格里',
+  superSelectPropsSection: '选择设置',
+  superSelectSingle: '只能选一项',
+  superSelectIsPopup: '以下拉方式打开（关闭则为弹窗）',
+  superSelectAllowClear: '允许清空已选内容',
+  superSelectAllowSelectedAll: '显示全选',
+  superSelectOnlyLastLevel: '只能选择最后一级',
+  superSelectMaxLength: '最多可选数量',
+  superSelectMaxLengthPlaceholder: '不限制可留空',
+  superSelectPlaceholderHint: '例如：请选择',
+  superSelectSearchPlaceholder: '搜索框提示语',
+  superSelectSearchPlaceholderHint: '例如：搜索...',
+  fieldPropsSection: '填写项设置',
+  fieldPlaceholderHint: '例如：请输入 / 请选择',
+  propAllowClear: '允许清空',
+  propMaxLength: '最多可输入字数',
+  propOptionalNumber: '不限制可留空',
+  propRows: '默认显示行数',
+  propShowCount: '显示字数统计',
+  propMin: '最小值',
+  propMax: '最大值',
+  propStep: '每次增减幅度',
+  propPrecision: '小数位数',
+  propSelectMode: '选择方式',
+  propSelectModeSingle: '只能选一项',
+  propSelectModeMultiple: '可以选择多项',
+  propDateRange: '选择日期范围（开始～结束）',
+  propDatePickerType: '日期类型',
+  propDatePickerDate: '日期',
+  propDatePickerWeek: '周',
+  propDatePickerMonth: '月份',
+  propDatePickerQuarter: '季度',
+  propDatePickerYear: '年份',
+  propDateFormat: '显示格式',
+  propShowTime: '同时选择时间',
+  propSwitchOnText: '打开时显示的文字',
+  propSwitchOffText: '关闭时显示的文字',
+  propSwitchOnTextHint: '例如：开',
+  propSwitchOffTextHint: '例如：关',
+  ruleLen: '长度限制',
+  ruleLenRange: '长度范围',
+  ruleLenMin: '最少字数',
+  ruleLenMax: '最多字数',
+  ruleEditorHint: '勾选需要的填写规则，可同时选多个',
+  formSettingsTitle: '表单设置',
+  formTitlePlaceholder: '表单标题（可选）',
+  formSubtitlePlaceholder: '表单副标题（可选）',
+  formColumnPlaceholder: '每行显示列数'
+};
+
+const locale = {
+  addField: 'Add Field',
+  editField: 'Edit Field',
+  deleteField: 'Delete',
+  moveUp: 'Move Up',
+  moveDown: 'Move Down',
+  fieldListTitle: 'Field Configuration',
+  fieldListSubtitle: 'Manage fields and preview the form on the right',
+  blockListTitle: 'Form Structure',
+  blockListSubtitle: 'Add different content sections to build your form',
+  emptyFieldList: 'No fields yet. Click to add one.',
+  emptyBlockList: 'No content yet. Click "Add Section" to start building.',
+  addBlock: 'Add Section',
+  editBlock: 'Edit Section',
+  deleteBlock: 'Delete Section',
+  untitledBlock: 'Untitled Section',
+  expandBlock: 'Expand',
+  collapseBlock: 'Collapse',
+  fieldCount: '{count} fields',
+  stepCount: '{count} steps',
+  blockKind_formInfo: 'Basic Form',
+  blockKind_list: 'Repeatable List',
+  blockKind_tableList: 'Table List',
+  blockKind_multiField: 'Multi-Value',
+  blockKind_steps: 'Step-by-Step',
+  blockTitle: 'Section Title',
+  blockTitlePlaceholder: 'e.g. Basic Info',
+  blockSubtitle: 'Section Subtitle',
+  blockSubtitlePlaceholder: 'e.g. Please fill in employee info',
+  blockName: 'Data Key',
+  blockNameRequired: 'Data key is required',
+  blockGap: 'Spacing',
+  blockBordered: 'Show Border',
+  blockImportant: 'Highlight',
+  blockAddText: 'Add Button Label',
+  blockAddTextPlaceholder: 'e.g. Add Work Experience',
+  blockMaxLength: 'Max Entries',
+  blockMinLength: 'Min Entries',
+  blockAutoStep: 'Auto proceed to next step after completion',
+  multiFieldType: 'Field Type',
+  multiFieldSummary: 'Field type: {type}',
+  multiFieldEditorHint: 'This section auto-generates repeatable inputs based on the field type you choose.',
+  stepListTitle: 'Steps',
+  addStep: 'Add Step',
+  editStep: 'Edit Step',
+  deleteStep: 'Delete Step',
+  stepTitle: 'Step Title',
+  stepTitlePlaceholder: 'Defaults to Step x',
+  emptyStepList: 'No steps yet. Click "Add Step" to start.',
+  untitledStep: 'Step {index}',
+  stepPrev: 'Previous',
+  stepNext: 'Next',
+  stepComplete: 'Done',
+  fieldType: 'Field Type',
+  fieldName: 'Data Key',
+  fieldNamePlaceholder: 'Auto-generated, editable',
+  fieldLabel: 'Display Name',
+  fieldLabelPlaceholder: 'e.g. Full Name',
+  fieldTips: 'Label Tips',
+  fieldTipsPlaceholder: 'Shown when hovering the icon next to the label',
+  fieldDescription: 'Description',
+  fieldDescriptionPlaceholder: 'Helper text shown below the input',
+  fieldRule: 'Validation',
+  fieldPlaceholder: 'Hint Text',
+  fieldOptions: 'Options',
+  fieldBlock: 'Full Width',
+  fieldHidden: 'Hidden',
+  fieldHiddenTag: 'Hidden',
+  fieldBlockTag: 'Full Width',
+  fieldNameDuplicate: 'This data key is already in use, please choose another',
+  untitledField: 'Untitled Field',
+  previewTitle: 'Form Preview',
+  previewHint: 'Changes on the left are reflected here in real time',
+  confirm: 'OK',
+  cancel: 'Cancel',
+  submit: 'Submit',
+  reset: 'Reset',
+  formActionsSection: 'Form Actions',
+  formActionsShowSubmit: 'Show submit button',
+  formActionsShowReset: 'Show reset button',
+  formActionsShowCancel: 'Show cancel button',
+  formActionsSubmitText: 'Submit label',
+  formActionsResetText: 'Reset label',
+  formActionsCancelText: 'Cancel label',
+  formActionsSubmitTextHint: 'Default: Submit',
+  formActionsResetTextHint: 'Default: Reset',
+  formActionsCancelTextHint: 'Default: Cancel',
+  formActionsAlign: 'Button alignment',
+  formActionsAlignCenter: 'Center',
+  formActionsAlignStart: 'Left',
+  formActionsAlignEnd: 'Right',
+  formActionsGap: 'Button gap',
+  formActionsGapHint: 'Default: 16',
+  formActionsLayoutSection: 'Layout',
+  fieldBasicSection: 'Basic Settings',
+  optionLabelPlaceholder: 'Display text',
+  optionValuePlaceholder: 'Value',
+  optionDescPlaceholder: 'Description (optional)',
+  addOption: 'Add Option',
+  builtinDataHint: 'This type comes with built-in data, no manual options needed',
+  optionsEditorHint: 'Enter at least the display text and value',
+  optionsTreeEditorHint: 'Use “Add Child” for nested options; the left line shows hierarchy',
+  addChildOption: 'Add Child',
+  fieldColumns: 'Table Columns',
+  columnTitlePlaceholder: 'Column title, e.g. Name',
+  columnNamePlaceholder: 'Auto-generated, editable',
+  columnWidthPlaceholder: 'Width (optional)',
+  addColumn: 'Add Column',
+  columnsEditorHint: 'Title is shown in the header; data key is auto-generated and editable',
+  fieldTableRows: 'Table Rows',
+  tableRowsNeedColumnsHint: 'Fill in each column’s data key above before configuring rows',
+  tableRowTitle: 'Row {index}',
+  tableRowLabelPlaceholder: 'Text shown after selection',
+  addTableRow: 'Add Row',
+  tableRowsEditorHint: '“Value” is what gets saved; other fields appear as table columns',
+  superSelectPropsSection: 'Selection Settings',
+  superSelectSingle: 'Single select only',
+  superSelectIsPopup: 'Open as dropdown (off = modal)',
+  superSelectAllowClear: 'Allow clearing selection',
+  superSelectAllowSelectedAll: 'Show select all',
+  superSelectOnlyLastLevel: 'Only allow selecting leaf nodes',
+  superSelectMaxLength: 'Max selections',
+  superSelectMaxLengthPlaceholder: 'Leave empty for unlimited',
+  superSelectPlaceholderHint: 'e.g. Please select',
+  superSelectSearchPlaceholder: 'Search hint',
+  superSelectSearchPlaceholderHint: 'e.g. Search...',
+  fieldPropsSection: 'Field Settings',
+  fieldPlaceholderHint: 'e.g. Please enter / Please select',
+  propAllowClear: 'Allow clear',
+  propMaxLength: 'Max characters',
+  propOptionalNumber: 'Leave empty for no limit',
+  propRows: 'Visible rows',
+  propShowCount: 'Show character count',
+  propMin: 'Minimum',
+  propMax: 'Maximum',
+  propStep: 'Step',
+  propPrecision: 'Decimal places',
+  propSelectMode: 'Selection mode',
+  propSelectModeSingle: 'Single',
+  propSelectModeMultiple: 'Multiple',
+  propDateRange: 'Date range (start – end)',
+  propDatePickerType: 'Picker type',
+  propDatePickerDate: 'Date',
+  propDatePickerWeek: 'Week',
+  propDatePickerMonth: 'Month',
+  propDatePickerQuarter: 'Quarter',
+  propDatePickerYear: 'Year',
+  propDateFormat: 'Display format',
+  propShowTime: 'Include time',
+  propSwitchOnText: 'Text when on',
+  propSwitchOffText: 'Text when off',
+  propSwitchOnTextHint: 'e.g. On',
+  propSwitchOffTextHint: 'e.g. Off',
+  ruleLen: 'Length Limit',
+  ruleLenRange: 'Length Range',
+  ruleLenMin: 'Min',
+  ruleLenMax: 'Max',
+  ruleEditorHint: 'Check the validation rules you need; you can select multiple',
+  formSettingsTitle: 'Form Settings',
+  formTitlePlaceholder: 'Form title (optional)',
+  formSubtitlePlaceholder: 'Form subtitle (optional)',
+  formColumnPlaceholder: 'Columns per row'
+};
+
+const withLocale = reactIntl.createWithIntlProvider({
+  defaultLocale: 'zh-CN',
+  messages: {
+    'zh-CN': locale$1,
+    'en-US': locale
+  },
+  namespace: 'form-creator'
+});
+
+const createFieldId = () => `field_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
+
+/** 生成可编辑的默认数据标识，如 field_xxxx / col_xxxx */
+const createDataKey = function (prefix) {
+  if (prefix === void 0) {
+    prefix = 'field';
+  }
+  return `${prefix}_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 6)}`;
+};
+const isAutoDataKey = function (value, prefix) {
+  if (prefix === void 0) {
+    prefix = 'field';
+  }
+  return new RegExp(`^${prefix}_[a-z0-9]+_[a-z0-9]+$`, 'i').test(String(value || '').trim());
+};
+const createEmptyColumn = () => ({
+  title: '',
+  name: createDataKey('col'),
+  width: undefined
+});
+const defaultSchema = () => ({
+  title: '',
+  subtitle: '',
+  column: 2,
+  gap: 24,
+  blocks: [],
+  actions: defaultFormActions()
+});
+
+/** 表单底部提交 / 重置 / 取消按钮（写入 Schema，SchemaRenderer 识别） */
+const defaultFormActions = () => ({
+  showSubmit: true,
+  showReset: true,
+  showCancel: false,
+  submitText: '',
+  resetText: '',
+  cancelText: '',
+  align: 'center',
+  gap: 16
+});
+const FORM_ACTIONS_ALIGN = ['center', 'start', 'end'];
+const normalizeFormActions = function (actions) {
+  if (actions === void 0) {
+    actions = {};
+  }
+  const base = defaultFormActions();
+  if (!actions || typeof actions !== 'object') {
+    return base;
+  }
+  const align = FORM_ACTIONS_ALIGN.includes(actions.align) ? actions.align : base.align;
+  const gapValue = actions.gap != null && actions.gap !== '' ? Number(actions.gap) : base.gap;
+  const gap = Number.isFinite(gapValue) && gapValue >= 0 ? gapValue : base.gap;
+  return {
+    showSubmit: actions.showSubmit !== false,
+    showReset: actions.showReset !== false,
+    showCancel: !!actions.showCancel,
+    submitText: actions.submitText != null ? String(actions.submitText) : '',
+    resetText: actions.resetText != null ? String(actions.resetText) : '',
+    cancelText: actions.cancelText != null ? String(actions.cancelText) : '',
+    align,
+    gap,
+    ...(actions.submitButtonProps && typeof actions.submitButtonProps === 'object' ? {
+      submitButtonProps: {
+        ...actions.submitButtonProps
+      }
+    } : {}),
+    ...(actions.resetButtonProps && typeof actions.resetButtonProps === 'object' ? {
+      resetButtonProps: {
+        ...actions.resetButtonProps
+      }
+    } : {}),
+    ...(actions.cancelButtonProps && typeof actions.cancelButtonProps === 'object' ? {
+      cancelButtonProps: {
+        ...actions.cancelButtonProps
+      }
+    } : {})
+  };
+};
+const createField$1 = function (overrides) {
+  if (overrides === void 0) {
+    overrides = {};
+  }
+  return {
+    id: createFieldId(),
+    type: 'Input',
+    name: createDataKey('field'),
+    label: '',
+    tips: '',
+    description: '',
+    rule: '',
+    block: false,
+    hidden: false,
+    props: {},
+    ...overrides
+  };
+};
+const createBlock = function (kind, overrides) {
+  if (overrides === void 0) {
+    overrides = {};
+  }
+  const base = {
+    id: createFieldId(),
+    kind,
+    title: '',
+    subtitle: '',
+    column: 2,
+    gap: 24,
+    bordered: false,
+    important: false,
+    name: ['list', 'tableList', 'multiField'].includes(kind) ? createDataKey('block') : '',
+    label: '',
+    addText: '',
+    maxLength: undefined,
+    minLength: undefined,
+    fieldType: 'Input',
+    autoStep: true,
+    list: [],
+    items: []
+  };
+  if (kind === 'steps') {
+    return {
+      ...base,
+      list: undefined,
+      items: [createStep()],
+      ...overrides
+    };
+  }
+  if (kind === 'multiField') {
+    return {
+      ...base,
+      list: undefined,
+      ...overrides
+    };
+  }
+  return {
+    ...base,
+    ...overrides
+  };
+};
+const createStep = function (overrides) {
+  if (overrides === void 0) {
+    overrides = {};
+  }
+  return {
+    id: createFieldId(),
+    title: '',
+    column: 2,
+    list: [],
+    ...overrides
+  };
+};
+const normalizeField = field => ({
+  ...createField$1(),
+  ...field,
+  props: {
+    ...(field.props || {})
+  }
+});
+const normalizeStep = step => ({
+  ...createStep(),
+  ...step,
+  list: Array.isArray(step.list) ? step.list.map(normalizeField) : []
+});
+const normalizeBlock = block => {
+  const kind = block.kind || 'formInfo';
+  const normalized = {
+    ...createBlock(kind),
+    ...block
+  };
+  if (kind === 'steps') {
+    normalized.items = Array.isArray(block.items) ? block.items.map(normalizeStep) : [createStep()];
+    delete normalized.list;
+    return normalized;
+  }
+  if (kind === 'multiField') {
+    normalized.list = undefined;
+    normalized.items = undefined;
+    return normalized;
+  }
+  normalized.list = Array.isArray(block.list) ? block.list.map(normalizeField) : [];
+  normalized.items = undefined;
+  return normalized;
+};
+const normalizeSchema = function (schema) {
+  if (schema === void 0) {
+    schema = {};
+  }
+  const base = defaultSchema();
+  if (Array.isArray(schema.blocks)) {
+    return {
+      ...base,
+      ...schema,
+      actions: normalizeFormActions(schema.actions),
+      blocks: schema.blocks.map(normalizeBlock)
+    };
+  }
+  if (Array.isArray(schema.list) && schema.list.length) {
+    return {
+      ...base,
+      ...schema,
+      actions: normalizeFormActions(schema.actions),
+      blocks: [normalizeBlock({
+        kind: 'formInfo',
+        title: schema.title,
+        subtitle: schema.subtitle,
+        column: schema.column,
+        gap: schema.gap,
+        list: schema.list
+      })]
+    };
+  }
+  return {
+    ...base,
+    ...schema,
+    actions: normalizeFormActions(schema.actions),
+    blocks: []
+  };
+};
+const moveItem = (list, id, direction) => {
+  const index = list.findIndex(item => item.id === id);
+  if (index < 0) {
+    return list;
+  }
+  const targetIndex = direction === 'up' ? index - 1 : index + 1;
+  if (targetIndex < 0 || targetIndex >= list.length) {
+    return list;
+  }
+  const next = [...list];
+  const [item] = next.splice(index, 1);
+  next.splice(targetIndex, 0, item);
+  return next;
+};
+const isFieldNameUnique = (fields, name, excludeId) => {
+  if (!name) {
+    return false;
+  }
+  return !fields.some(item => item.name === name && item.id !== excludeId);
+};
+const collectSchemaFields = function (schema, _temp) {
+  let {
+    blockId,
+    stepId
+  } = _temp === void 0 ? {} : _temp;
+  const blocks = schema.blocks || [];
+  const fields = [];
+  blocks.forEach(block => {
+    if (blockId && block.id !== blockId) {
+      return;
+    }
+    if (block.kind === 'steps') {
+      (block.items || []).forEach(step => {
+        if (stepId !== undefined && step.id !== stepId) {
+          return;
+        }
+        fields.push(...(step.list || []));
+      });
+      return;
+    }
+    if (block.kind !== 'multiField') {
+      fields.push(...(block.list || []));
+    }
+  });
+  return fields;
+};
+const updateBlocks = (schema, updater) => ({
+  ...schema,
+  blocks: updater(schema.blocks || [])
+});
+const findBlock = (schema, blockId) => (schema.blocks || []).find(block => block.id === blockId);
+const mapBlocks = (schema, blockId, updater) => updateBlocks(schema, blocks => blocks.map(block => {
+  if (block.id !== blockId) {
+    return block;
+  }
+  return updater(block);
+}));
+const hasRenderableContent = schema => {
+  const blocks = schema.blocks || [];
+  return blocks.some(block => {
+    if (block.kind === 'steps') {
+      return (block.items || []).some(step => (step.list || []).length > 0);
+    }
+    if (block.kind === 'multiField') {
+      return !!block.name;
+    }
+    return (block.list || []).length > 0 || block.title;
+  });
+};
+
+const BLOCK_KINDS = {
+  formInfo: {
+    label: '基础表单',
+    color: 'blue',
+    hasFieldList: true,
+    description: '最常用的表单模块，可设置标题、列数和间距'
+  },
+  list: {
+    label: '可增减列表',
+    color: 'cyan',
+    hasFieldList: true,
+    requiresName: true,
+    description: '用户可以动态添加或删除多条记录，例如工作经历'
+  },
+  tableList: {
+    label: '表格列表',
+    color: 'geekblue',
+    hasFieldList: true,
+    requiresName: true,
+    description: '以表格形式展示的可增减列表'
+  },
+  multiField: {
+    label: '同类多值',
+    color: 'purple',
+    requiresName: true,
+    description: '同一种填写项可以输入多个值，例如多个手机号'
+  },
+  steps: {
+    label: '分步表单',
+    color: 'gold',
+    hasSteps: true,
+    description: '将表单拆分成多个步骤，引导用户逐步填写'
+  }
+};
+const getBlockKindOptions = () => Object.entries(BLOCK_KINDS).map(_ref => {
+  let [value, config] = _ref;
+  return {
+    label: config.label,
+    value
+  };
+});
+const getBlockDefinition = kind => BLOCK_KINDS[kind];
+const blockToFormValues = block => ({
+  kind: block.kind,
+  title: block.title || '',
+  subtitle: block.subtitle || '',
+  column: block.column ?? 2,
+  gap: block.gap ?? 24,
+  bordered: !!block.bordered,
+  important: !!block.important,
+  name: block.name || '',
+  label: block.label || '',
+  addText: block.addText || '',
+  maxLength: block.maxLength ?? null,
+  minLength: block.minLength ?? null,
+  fieldType: block.fieldType || 'Input',
+  autoStep: block.autoStep !== false
+});
+const formValuesToBlock = function (values, existingBlock) {
+  if (existingBlock === void 0) {
+    existingBlock = {};
+  }
+  return {
+    ...existingBlock,
+    kind: values.kind || existingBlock.kind,
+    title: values.title,
+    subtitle: values.subtitle,
+    column: values.column ?? 2,
+    gap: values.gap ?? 24,
+    bordered: !!values.bordered,
+    important: !!values.important,
+    name: values.name,
+    label: values.label,
+    addText: values.addText || undefined,
+    maxLength: values.maxLength ?? undefined,
+    minLength: values.minLength ?? undefined,
+    fieldType: values.fieldType || 'Input',
+    autoStep: values.autoStep !== false
+  };
+};
+const stepToFormValues = step => ({
+  title: step.title || '',
+  column: step.column ?? 2
+});
+const formValuesToStep = function (values, existingStep) {
+  if (existingStep === void 0) {
+    existingStep = {};
+  }
+  return {
+    ...existingStep,
+    title: values.title,
+    column: values.column ?? 2
+  };
+};
+
+const mapOptionItem = item => {
+  if (!item || typeof item !== 'object') {
+    return item;
+  }
+  const {
+    children,
+    ...rest
+  } = item;
+  const next = {
+    ...rest
+  };
+  if (Array.isArray(children) && children.length) {
+    next.children = children.map(mapOptionItem);
+  }
+  return next;
+};
+const createApiFromOptions = function (options) {
+  if (options === void 0) {
+    options = [];
+  }
+  return {
+    loader: () => ({
+      pageData: options.map(mapOptionItem)
+    })
+  };
+};
+
+const {
+  useOnChange: useOnChange$1
+} = reactFormAntd.hooks;
+const hasNestedOptions = options => Array.isArray(options) && options.some(item => Array.isArray(item?.children) && item.children.length);
+const createField = function (Component, _temp) {
+  let {
+    preferOptions = false,
+    placeholderPrefix = '请选择'
+  } = _temp === void 0 ? {} : _temp;
+  const Field = props => {
+    const {
+      options,
+      api,
+      placeholder,
+      ...rest
+    } = props;
+    const useOptionsDirectly = preferOptions || hasNestedOptions(options);
+    const mergedApi = api || (!useOptionsDirectly && Array.isArray(options) && options.length ? createApiFromOptions(options) : undefined);
+    const resolvedPlaceholder = placeholder != null && String(placeholder).trim() ? placeholder : `${placeholderPrefix}${props.label || ''}`;
+    const render = useOnChange$1(Object.assign({}, {
+      isPopup: true,
+      placeholder: resolvedPlaceholder
+    }, rest, useOptionsDirectly && Array.isArray(options) ? {
+      options
+    } : {}, mergedApi ? {
+      api: mergedApi
+    } : {}));
+    return render(Component);
+  };
+  Field.field = Component;
+  return Field;
+};
+const SuperSelectList = createField(SelectList__default["default"]);
+const SuperSelectTableList = createField(SelectList.SelectTableList, {
+  preferOptions: true
+});
+const SuperSelectTree = createField(SelectList.SelectTree, {
+  preferOptions: true
+});
+const SuperSelectCascader = createField(SelectList.SelectCascader, {
+  preferOptions: true
+});
+const SelectFunctionField = createField(superSelectPlus.SelectFunction);
+const SelectIndustryField = createField(superSelectPlus.SelectIndustry);
+const SelectAddressField = createField(superSelectPlus.SelectAddress);
+
+const RULE_PRESET_ITEMS = [{
+  value: 'REQ',
+  label: '必填'
+}, {
+  value: 'TEL',
+  label: '手机号格式'
+}, {
+  value: 'EMAIL',
+  label: '邮箱格式'
+}];
+const DEFAULT_RULE_CONFIG = () => ({
+  presets: [],
+  lenMin: '',
+  lenMax: ''
+});
+const RULE_LEN_PRESET = 'LEN';
+
+/** 注册填写项校验规则 preset，会在规则勾选面板中展示 */
+const registerRulePreset = item => {
+  if (!item?.value) {
+    return;
+  }
+  const index = RULE_PRESET_ITEMS.findIndex(rule => rule.value === item.value);
+  const next = {
+    value: item.value,
+    label: item.label || item.value
+  };
+  if (index >= 0) {
+    RULE_PRESET_ITEMS[index] = next;
+  } else {
+    RULE_PRESET_ITEMS.push(next);
+  }
+};
+const getRulePresetItems = () => RULE_PRESET_ITEMS.slice();
+const parseRuleString = rule => {
+  const config = DEFAULT_RULE_CONFIG();
+  if (!rule) {
+    return config;
+  }
+  const tokens = String(rule).trim().split(/\s+/).filter(Boolean);
+  tokens.forEach(token => {
+    if (RULE_PRESET_ITEMS.some(item => item.value === token)) {
+      config.presets.push(token);
+      return;
+    }
+    const lenMatch = token.match(/^LEN-(\d+)-(\d+)$/);
+    if (lenMatch) {
+      config.lenMin = lenMatch[1];
+      config.lenMax = lenMatch[2];
+      config.presets.push('LEN');
+    }
+  });
+  return config;
+};
+const buildRuleString = function (_temp) {
+  let {
+    presets = [],
+    lenMin,
+    lenMax
+  } = _temp === void 0 ? {} : _temp;
+  const parts = [];
+  RULE_PRESET_ITEMS.forEach(item => {
+    if (presets.includes(item.value)) {
+      parts.push(item.value);
+    }
+  });
+  if (presets.includes('LEN') && lenMin !== '' && lenMax !== '') {
+    parts.push(`LEN-${lenMin}-${lenMax}`);
+  }
+  return parts.join(' ') || undefined;
+};
+
+const registry = new Map();
+const defineField = (type, definition) => {
+  registry.set(type, {
+    type,
+    ...definition
+  });
+};
+const FIELD_GROUPS = [{
+  label: '基础字段',
+  types: ['Input', 'TextArea', 'InputNumber', 'Switch', 'Checkbox', 'DatePicker']
+}, {
+  label: '选择字段',
+  types: ['Select', 'RadioGroup', 'CheckboxGroup']
+}, {
+  label: '高级选择',
+  types: ['SuperSelectList', 'SuperSelectTableList', 'SuperSelectTree', 'SuperSelectCascader']
+}, {
+  label: '业务选择',
+  types: ['SelectFunction', 'SelectIndustry', 'SelectAddress']
+}];
+defineField('Input', {
+  label: '单行文本',
+  group: '基础字段',
+  component: reactFormAntd.Input,
+  defaultProps: {
+    allowClear: true
+  },
+  hasFieldProps: true
+});
+defineField('TextArea', {
+  label: '多行文本',
+  group: '基础字段',
+  component: reactFormAntd.TextArea,
+  defaultProps: {
+    rows: 3
+  },
+  defaults: {
+    block: true
+  },
+  hasFieldProps: true
+});
+defineField('InputNumber', {
+  label: '数字',
+  group: '基础字段',
+  component: reactFormAntd.InputNumber,
+  defaultProps: {},
+  hasFieldProps: true
+});
+defineField('Select', {
+  label: '下拉选择',
+  group: '选择字段',
+  component: reactFormAntd.Select,
+  defaultProps: {
+    options: [],
+    allowClear: true
+  },
+  hasOptions: true,
+  hasFieldProps: true
+});
+defineField('RadioGroup', {
+  label: '单选组',
+  group: '选择字段',
+  component: reactFormAntd.RadioGroup,
+  defaultProps: {
+    options: []
+  },
+  hasOptions: true
+});
+defineField('CheckboxGroup', {
+  label: '复选组',
+  group: '选择字段',
+  component: reactFormAntd.CheckboxGroup,
+  defaultProps: {
+    options: []
+  },
+  hasOptions: true
+});
+defineField('SuperSelectList', {
+  label: '普通下拉',
+  group: 'SuperSelect',
+  component: SuperSelectList,
+  defaultProps: {
+    options: [],
+    isPopup: true,
+    allowClear: true,
+    labelKey: 'label',
+    valueKey: 'value'
+  },
+  isSuperSelect: true,
+  hasOptions: true,
+  optionsAllowDescription: true
+});
+defineField('SuperSelectTableList', {
+  label: '表格选择',
+  group: 'SuperSelect',
+  component: SuperSelectTableList,
+  defaultProps: {
+    options: [],
+    columns: [],
+    isPopup: true,
+    allowClear: true,
+    labelKey: 'label',
+    valueKey: 'value'
+  },
+  isSuperSelect: true,
+  hasOptions: true,
+  hasColumns: true,
+  optionsAllowDescription: true
+});
+defineField('SuperSelectTree', {
+  label: '树形选择',
+  group: 'SuperSelect',
+  component: SuperSelectTree,
+  defaultProps: {
+    options: [],
+    isPopup: true,
+    allowClear: true,
+    labelKey: 'label',
+    valueKey: 'value'
+  },
+  isSuperSelect: true,
+  hasOptions: true,
+  optionsAllowChildren: true,
+  optionsAllowDescription: true
+});
+defineField('SuperSelectCascader', {
+  label: '级联选择',
+  group: 'SuperSelect',
+  component: SuperSelectCascader,
+  defaultProps: {
+    options: [],
+    isPopup: true,
+    allowClear: true,
+    labelKey: 'label',
+    valueKey: 'value',
+    onlyAllowLastLevel: false
+  },
+  isSuperSelect: true,
+  hasOptions: true,
+  hasOnlyLastLevel: true,
+  optionsAllowChildren: true,
+  optionsAllowDescription: true
+});
+defineField('SelectFunction', {
+  label: '职能选择',
+  group: 'SuperSelectPlus',
+  component: SelectFunctionField,
+  defaultProps: {
+    isPopup: true,
+    allowClear: true
+  },
+  isSuperSelect: true,
+  hasBuiltinData: true
+});
+defineField('SelectIndustry', {
+  label: '行业选择',
+  group: 'SuperSelectPlus',
+  component: SelectIndustryField,
+  defaultProps: {
+    isPopup: true,
+    allowClear: true
+  },
+  isSuperSelect: true,
+  hasBuiltinData: true
+});
+defineField('SelectAddress', {
+  label: '地址选择',
+  group: 'SuperSelectPlus',
+  component: SelectAddressField,
+  defaultProps: {
+    isPopup: true,
+    allowClear: true
+  },
+  isSuperSelect: true,
+  hasBuiltinData: true
+});
+defineField('Switch', {
+  label: '开关',
+  group: '基础字段',
+  component: reactFormAntd.Switch,
+  defaultProps: {},
+  hasFieldProps: true
+});
+defineField('Checkbox', {
+  label: '复选框',
+  group: '基础字段',
+  component: reactFormAntd.Checkbox,
+  defaultProps: {
+    children: ''
+  }
+});
+defineField('DatePicker', {
+  label: '日期',
+  group: '基础字段',
+  component: reactFormAntd.DatePicker,
+  defaultProps: {
+    format: 'YYYY-MM-DD',
+    picker: 'date',
+    allowClear: true,
+    range: false,
+    showTime: false
+  },
+  hasFieldProps: true,
+  resolveComponent: props => props?.range ? reactFormAntd.DatePicker.RangePicker || reactFormAntd.DatePicker : reactFormAntd.DatePicker
+});
+
+/**
+ * 扩展字段额外参数声明（propsSchema 项）：
+ * - name: props 键名
+ * - label: 编辑器展示名
+ * - type: 'string' | 'number' | 'boolean' | 'select'
+ * - placeholder?: string
+ * - defaultValue?: any
+ * - min / max?: number（type=number）
+ * - options?: { label, value }[]（type=select）
+ *
+ * registerField(type, definition) 还可传：
+ * - groupName?: string 自定义类型下拉分组名；不传则归入「扩展字段」
+ */
+const registerField = (type, definition) => {
+  const propsSchema = Array.isArray(definition?.propsSchema) ? definition.propsSchema : undefined;
+  const groupName = definition?.groupName != null && String(definition.groupName).trim() ? String(definition.groupName).trim() : undefined;
+  defineField(type, {
+    ...definition,
+    propsSchema,
+    groupName,
+    hasFieldProps: definition.hasFieldProps ?? !!(propsSchema && propsSchema.length)
+  });
+};
+const pickFromPropsSchema = function (props, propsSchema, defaultProps) {
+  if (props === void 0) {
+    props = {};
+  }
+  if (propsSchema === void 0) {
+    propsSchema = [];
+  }
+  if (defaultProps === void 0) {
+    defaultProps = {};
+  }
+  const next = {};
+  propsSchema.forEach(item => {
+    if (!item?.name) {
+      return;
+    }
+    const key = item.name;
+    const fallback = item.defaultValue !== undefined ? item.defaultValue : defaultProps[key];
+    if (item.type === 'boolean') {
+      next[key] = props[key] !== undefined ? !!props[key] : !!fallback;
+      return;
+    }
+    if (item.type === 'number') {
+      next[key] = props[key] != null && props[key] !== '' ? props[key] : fallback ?? null;
+      return;
+    }
+    if (item.type === 'select') {
+      next[key] = props[key] !== undefined ? props[key] : fallback;
+      return;
+    }
+    next[key] = props[key] != null ? props[key] : fallback ?? '';
+  });
+  return next;
+};
+const applyFromPropsSchema = function (props, values, propsSchema) {
+  if (values === void 0) {
+    values = {};
+  }
+  if (propsSchema === void 0) {
+    propsSchema = [];
+  }
+  propsSchema.forEach(item => {
+    if (!item?.name) {
+      return;
+    }
+    const key = item.name;
+    const value = values[key];
+    if (item.type === 'boolean') {
+      props[key] = !!value;
+      return;
+    }
+    if (item.type === 'number') {
+      setOptionalNumber(props, key, value);
+      return;
+    }
+    if (item.type === 'select') {
+      if (value !== undefined && value !== null && value !== '') {
+        props[key] = value;
+      } else if (item.defaultValue !== undefined) {
+        props[key] = item.defaultValue;
+      } else {
+        delete props[key];
+      }
+      return;
+    }
+    setOptionalString(props, key, value);
+  });
+};
+const getFieldDefinition = type => registry.get(type);
+const getFieldComponent = (type, field) => {
+  const definition = registry.get(type);
+  if (!definition) {
+    return undefined;
+  }
+  if (typeof definition.resolveComponent === 'function') {
+    return definition.resolveComponent(field?.props || {});
+  }
+  return definition.component;
+};
+const getFieldTypes = () => {
+  const grouped = FIELD_GROUPS.map(group => ({
+    label: group.label,
+    options: group.types.map(type => registry.get(type)).filter(Boolean).map(_ref => {
+      let {
+        type,
+        label
+      } = _ref;
+      return {
+        label,
+        value: type
+      };
+    })
+  }));
+  const builtinTypes = new Set(FIELD_GROUPS.flatMap(group => group.types));
+  const registered = Array.from(registry.values()).filter(item => !builtinTypes.has(item.type));
+  const customGroups = new Map();
+  const fallback = [];
+  registered.forEach(item => {
+    const option = {
+      label: item.label,
+      value: item.type
+    };
+    const groupName = item.groupName != null && String(item.groupName).trim() ? String(item.groupName).trim() : '';
+    if (!groupName) {
+      fallback.push(option);
+      return;
+    }
+    if (!customGroups.has(groupName)) {
+      customGroups.set(groupName, []);
+    }
+    customGroups.get(groupName).push(option);
+  });
+  customGroups.forEach((options, label) => {
+    grouped.push({
+      label,
+      options
+    });
+  });
+  if (fallback.length) {
+    grouped.push({
+      label: '扩展字段',
+      options: fallback
+    });
+  }
+  return grouped;
+};
+const normalizeOptions = function (options, _temp) {
+  let {
+    allowChildren = false,
+    columns = []
+  } = _temp === void 0 ? {} : _temp;
+  if (!Array.isArray(options)) {
+    return [];
+  }
+  const columnNames = (columns || []).map(item => item?.name).filter(Boolean);
+  return options.map(item => {
+    const next = {
+      label: item?.label ?? '',
+      value: item?.value ?? '',
+      description: item?.description ?? ''
+    };
+    columnNames.forEach(name => {
+      next[name] = item?.[name] ?? '';
+    });
+    if (!String(next.label).trim() && columnNames[0] && String(next[columnNames[0]] || '').trim()) {
+      next.label = String(next[columnNames[0]]);
+    }
+    if (!String(next.value).trim() && String(next.label).trim()) {
+      next.value = next.label;
+    }
+    if (allowChildren && Array.isArray(item?.children) && item.children.length) {
+      next.children = normalizeOptions(item.children, {
+        allowChildren: true,
+        columns
+      });
+    }
+    return next;
+  }).filter(item => {
+    if (item.label || item.value || item.children && item.children.length) {
+      return true;
+    }
+    return columnNames.some(name => String(item[name] || '').trim());
+  });
+};
+const normalizeColumns = columns => {
+  if (!Array.isArray(columns)) {
+    return [];
+  }
+  return columns.map((item, index) => {
+    const title = item?.title ?? '';
+    const name = String(item?.name || item?.dataIndex || item?.key || '').trim() || `col_${index + 1}`;
+    const next = {
+      title,
+      name,
+      key: name
+    };
+    if (item?.width != null && item.width !== '') {
+      next.width = Number(item.width);
+    }
+    return next;
+  }).filter(item => String(item.title || '').trim() || String(item.name || '').trim());
+};
+const pickSuperSelectFormValues = (field, definition) => {
+  const props = field.props || {};
+  const columns = normalizeColumns(props.columns);
+  return {
+    single: !!props.single,
+    isPopup: props.isPopup !== false,
+    allowClear: props.allowClear !== false,
+    allowSelectedAll: !!props.allowSelectedAll,
+    onlyAllowLastLevel: !!props.onlyAllowLastLevel,
+    maxLength: props.maxLength,
+    placeholder: props.placeholder || '',
+    searchPlaceholder: props.searchPlaceholder || '',
+    columns: columns.length ? columns : [createEmptyColumn()]
+  };
+};
+const applySuperSelectProps = (props, values, definition) => {
+  props.single = !!values.single;
+  props.isPopup = values.isPopup !== false;
+  props.allowClear = values.allowClear !== false;
+  props.allowSelectedAll = !values.single && !!values.allowSelectedAll;
+  if (!values.single && values.maxLength != null && values.maxLength !== '') {
+    props.maxLength = Number(values.maxLength);
+  } else {
+    delete props.maxLength;
+  }
+  if (values.placeholder) {
+    props.placeholder = values.placeholder;
+  } else {
+    delete props.placeholder;
+  }
+  if (values.searchPlaceholder) {
+    props.searchPlaceholder = values.searchPlaceholder;
+  } else {
+    delete props.searchPlaceholder;
+  }
+
+  // labelKey / valueKey 固定用类型默认值，不开放给用户编辑
+  if (!definition.hasBuiltinData) {
+    props.labelKey = definition.defaultProps?.labelKey || 'label';
+    props.valueKey = definition.defaultProps?.valueKey || 'value';
+  }
+  if (definition.hasOnlyLastLevel) {
+    props.onlyAllowLastLevel = !!values.onlyAllowLastLevel;
+  } else {
+    delete props.onlyAllowLastLevel;
+  }
+  if (definition.hasColumns) {
+    props.columns = normalizeColumns(values.columns);
+  } else {
+    delete props.columns;
+  }
+};
+const setOptionalNumber = (props, key, value) => {
+  if (value != null && value !== '') {
+    props[key] = Number(value);
+  } else {
+    delete props[key];
+  }
+};
+const setOptionalString = (props, key, value) => {
+  if (value != null && String(value).trim()) {
+    props[key] = value;
+  } else {
+    delete props[key];
+  }
+};
+const pickFieldProps = (field, definition) => {
+  const props = field.props || {};
+  const type = definition?.type || field.type;
+  switch (type) {
+    case 'Input':
+      return {
+        placeholder: props.placeholder || '',
+        allowClear: props.allowClear !== false,
+        maxLength: props.maxLength
+      };
+    case 'TextArea':
+      return {
+        placeholder: props.placeholder || '',
+        rows: props.rows ?? 3,
+        maxLength: props.maxLength,
+        showCount: !!props.showCount
+      };
+    case 'InputNumber':
+      return {
+        placeholder: props.placeholder || '',
+        min: props.min,
+        max: props.max,
+        step: props.step,
+        precision: props.precision
+      };
+    case 'Select':
+      return {
+        placeholder: props.placeholder || '',
+        allowClear: props.allowClear !== false,
+        mode: props.mode === 'multiple' || props.mode === 'tags' ? 'multiple' : 'single'
+      };
+    case 'DatePicker':
+      {
+        const raw = props.placeholder;
+        const placeholder = Array.isArray(raw) ? raw[0] || '' : raw || '';
+        return {
+          placeholder,
+          allowClear: props.allowClear !== false,
+          format: props.format || 'YYYY-MM-DD',
+          picker: props.picker || 'date',
+          showTime: !!props.showTime,
+          range: !!props.range
+        };
+      }
+    case 'Switch':
+      return {
+        checkedChildren: props.checkedChildren || '',
+        unCheckedChildren: props.unCheckedChildren || ''
+      };
+    default:
+      if (definition?.propsSchema?.length) {
+        return pickFromPropsSchema(props, definition.propsSchema, definition.defaultProps || {});
+      }
+      return {};
+  }
+};
+const applyFieldProps = (props, values, definition) => {
+  const type = definition.type;
+  switch (type) {
+    case 'Input':
+      setOptionalString(props, 'placeholder', values.placeholder);
+      props.allowClear = values.allowClear !== false;
+      setOptionalNumber(props, 'maxLength', values.maxLength);
+      break;
+    case 'TextArea':
+      setOptionalString(props, 'placeholder', values.placeholder);
+      props.rows = values.rows ?? 3;
+      setOptionalNumber(props, 'maxLength', values.maxLength);
+      if (values.showCount) {
+        props.showCount = true;
+      } else {
+        delete props.showCount;
+      }
+      break;
+    case 'InputNumber':
+      setOptionalString(props, 'placeholder', values.placeholder);
+      setOptionalNumber(props, 'min', values.min);
+      setOptionalNumber(props, 'max', values.max);
+      setOptionalNumber(props, 'step', values.step);
+      setOptionalNumber(props, 'precision', values.precision);
+      break;
+    case 'Select':
+      setOptionalString(props, 'placeholder', values.placeholder);
+      props.allowClear = values.allowClear !== false;
+      if (values.mode === 'multiple') {
+        props.mode = 'multiple';
+      } else {
+        delete props.mode;
+      }
+      break;
+    case 'DatePicker':
+      {
+        props.allowClear = values.allowClear !== false;
+        props.picker = values.picker || 'date';
+        props.format = values.format || 'YYYY-MM-DD';
+        props.range = !!values.range;
+        if (values.showTime && props.picker === 'date') {
+          props.showTime = true;
+        } else {
+          delete props.showTime;
+        }
+        if (values.range) {
+          // RangePicker 用数组 placeholder；单框用字符串
+          const raw = values.placeholder;
+          const text = (Array.isArray(raw) ? raw[0] : raw) || '请选择日期';
+          props.placeholder = [text, text];
+        } else {
+          setOptionalString(props, 'placeholder', values.placeholder);
+        }
+        break;
+      }
+    case 'Switch':
+      setOptionalString(props, 'checkedChildren', values.checkedChildren);
+      setOptionalString(props, 'unCheckedChildren', values.unCheckedChildren);
+      break;
+    default:
+      if (definition?.propsSchema?.length) {
+        applyFromPropsSchema(props, values, definition.propsSchema);
+      }
+      break;
+  }
+};
+const fieldToFormValues = field => {
+  const definition = getFieldDefinition(field.type);
+  const ruleConfig = parseRuleString(field.rule);
+  const allowChildren = !!definition?.optionsAllowChildren;
+  const columns = definition?.hasColumns ? normalizeColumns(field.props?.columns) : [];
+  const options = normalizeOptions(field.props?.options, {
+    allowChildren,
+    columns
+  });
+  const rawPlaceholder = field.props?.placeholder;
+  const placeholder = Array.isArray(rawPlaceholder) ? rawPlaceholder[0] || '' : rawPlaceholder || '';
+  return {
+    type: field.type,
+    name: field.name,
+    label: field.label,
+    tips: field.tips || '',
+    description: field.description || '',
+    block: !!field.block,
+    hidden: !!field.hidden,
+    placeholder,
+    options: options.length ? options : [{
+      label: '',
+      value: ''
+    }],
+    ruleConfig,
+    hasOptions: !!definition?.hasOptions,
+    selectProps: definition?.isSuperSelect ? pickSuperSelectFormValues(field) : undefined,
+    fieldProps: definition?.hasFieldProps ? pickFieldProps(field, definition) : undefined
+  };
+};
+const formValuesToField = function (values, existingField) {
+  if (existingField === void 0) {
+    existingField = {};
+  }
+  const definition = getFieldDefinition(values.type) || getFieldDefinition('Input');
+  // 不沿用旧类型残留 props，避免切换填写项类型后参数串味
+  const props = {
+    ...(definition.defaultProps || {})
+  };
+  if (definition.isSuperSelect) {
+    applySuperSelectProps(props, values.selectProps || values, definition);
+  } else if (definition.hasFieldProps) {
+    applyFieldProps(props, values.fieldProps || values, definition);
+  } else if (values.placeholder) {
+    props.placeholder = values.placeholder;
+  } else {
+    delete props.placeholder;
+  }
+  if (definition.hasOptions) {
+    props.options = normalizeOptions(values.options, {
+      allowChildren: !!definition.optionsAllowChildren,
+      columns: definition.hasColumns ? props.columns || [] : []
+    });
+  } else {
+    delete props.options;
+  }
+  if (values.type === 'Checkbox' && values.label) {
+    props.children = values.label;
+  }
+  const rule = buildRuleString(values.ruleConfig);
+  return {
+    id: existingField.id,
+    type: values.type,
+    name: values.name,
+    label: values.label,
+    tips: values.tips != null && String(values.tips).trim() ? values.tips : '',
+    description: values.description != null && String(values.description).trim() ? values.description : '',
+    rule,
+    block: values.block ?? definition.defaults?.block ?? false,
+    hidden: !!values.hidden,
+    props
+  };
+};
+
+var style = {"kne-responsive-boundary":"kne-form-creator_gh14z","kne-responsive-scroll":"kne-form-creator_Kfn6L","form-creator":"kne-form-creator_Xrjrk","editor-pane":"kne-form-creator_Skfuv","preview-pane":"kne-form-creator_v4Lsp","editor-header":"kne-form-creator_WaSS-","block-list-panel":"kne-form-creator_lx8An","form-actions-setting-btn":"kne-form-creator_NekU2","panel-toolbar":"kne-form-creator_t0WxZ","add-block-btn":"kne-form-creator_16Zre","add-inline-btn":"kne-form-creator_iCYdB","ant-btn-disabled":"kne-form-creator_LdGtv","block-list":"kne-form-creator_wK5eK","block-section":"kne-form-creator_15IiK","block-kind-formInfo":"kne-form-creator_D0hoK","block-kind-list":"kne-form-creator_JdPhy","block-kind-tableList":"kne-form-creator_gzd64","block-kind-multiField":"kne-form-creator_t0iOJ","block-kind-steps":"kne-form-creator_QNF9W","step-section":"kne-form-creator_22ajp","block-section-header":"kne-form-creator_wS4rL","block-header-left":"kne-form-creator_t4awC","block-title":"kne-form-creator_wSVJf","block-summary":"kne-form-creator_GzeW8","block-header-actions":"kne-form-creator_Ue-nT","block-body":"kne-form-creator_je1H0","section-toolbar":"kne-form-creator_LUO8S","section-toolbar-label":"kne-form-creator_7KQ79","field-list":"kne-form-creator_-B7WZ","step-list":"kne-form-creator_kc1pH","step-section-header":"kne-form-creator_wkhEX","step-section-title":"kne-form-creator_NBinE","step-index":"kne-form-creator_CCKZZ","field-row":"kne-form-creator_XMkdt","field-row-index":"kne-form-creator_a-cDo","field-row-main":"kne-form-creator_ftlwp","inline-empty":"kne-form-creator_yP-RF","action-group":"kne-form-creator_773yo","hover-reveal":"kne-form-creator_S234h","action-btn":"kne-form-creator_mLgqh","add-block-dropdown":"kne-form-creator_vmS-e","add-block-option":"kne-form-creator_gjg2Y","add-block-option-icon":"kne-form-creator_qh1hh","add-block-option-text":"kne-form-creator_G8iJO","add-block-option-title":"kne-form-creator_ETSvm","add-block-option-desc":"kne-form-creator_O0C3l","field-empty":"kne-form-creator_Nmpfl","field-label-tips-icon":"kne-form-creator_0VVaO","preview-header":"kne-form-creator_c4BT0","preview-title":"kne-form-creator_fPkK4","preview-body":"kne-form-creator_6JntQ","schema-form":"kne-form-creator_MxCWP","schema-body":"kne-form-creator_q9ydz","schema-actions":"kne-form-creator_Y4eEH","schema-actions-inner":"kne-form-creator_FT9Zf","field-editor-form":"kne-form-creator_PGPHL","form-actions-editor":"kne-form-creator_fchMy","form-actions-switch-field":"kne-form-creator_6JE9x","form-actions-layout-panel":"kne-form-creator_rtm9D","form-actions-align-group":"kne-form-creator_51ZsV","form-actions-layout-title":"kne-form-creator_hFeiC","form-actions-gap-slider":"kne-form-creator_Gq0bk","editor-section":"kne-form-creator_jJy85","section-divider":"kne-form-creator_zA7L-","rule-editor":"kne-form-creator_bAlGU","options-editor":"kne-form-creator_AK4yO","super-select-props":"kne-form-creator_Iawhh","field-props-editor":"kne-form-creator_Gabf2","columns-editor":"kne-form-creator_DQW1N","prop-row":"kne-form-creator_7K54P","prop-label":"kne-form-creator_HAAyH","options-item":"kne-form-creator_dnOd2","table-row-card":"kne-form-creator_cwCYp","tree-options-editor":"kne-form-creator_s3nHO","tree-options-list":"kne-form-creator_Djs-E","tree-option-node":"kne-form-creator_XAcut","tree-option-row":"kne-form-creator_4K4Rj","tree-option-fields":"kne-form-creator_-4cjc","tree-option-actions":"kne-form-creator_IjCNI","tree-option-children":"kne-form-creator_pVPGJ","tree-add-sibling":"kne-form-creator_bl46P","rule-checkbox-group":"kne-form-creator_tDgVP","rule-len-row":"kne-form-creator_ATsae","rule-len-input":"kne-form-creator_jY4Ld","rule-len-sep":"kne-form-creator_jBDC8","options-list":"kne-form-creator_GUBNS","options-row":"kne-form-creator_uohD0","options-tip":"kne-form-creator_vrTmK","icon-square-btn":"kne-form-creator_DZjCf","icon-square-btn-sm":"kne-form-creator_GAh-t","is-mobile":"kne-form-creator_LtgJz"};
+
+const {
+  Text: Text$4
+} = antd.Typography;
+const TYPE_TAG_COLORS = {
+  Input: 'blue',
+  TextArea: 'blue',
+  InputNumber: 'cyan',
+  Select: 'geekblue',
+  RadioGroup: 'purple',
+  CheckboxGroup: 'purple',
+  SuperSelectList: 'gold',
+  SuperSelectTableList: 'gold',
+  SuperSelectTree: 'gold',
+  SuperSelectCascader: 'gold',
+  SelectFunction: 'orange',
+  SelectIndustry: 'orange',
+  SelectAddress: 'orange',
+  Switch: 'green',
+  Checkbox: 'green',
+  DatePicker: 'lime'
+};
+const FieldRow = _ref => {
+  let {
+    field,
+    index,
+    total,
+    onEdit,
+    onDelete,
+    onMove
+  } = _ref;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const definition = getFieldDefinition(field.type);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: style['field-row'],
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+      className: style['field-row-index'],
+      children: index + 1
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: style['field-row-main'],
+      children: /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+        size: 6,
+        wrap: true,
+        children: [/*#__PURE__*/jsxRuntime.jsx(Text$4, {
+          strong: true,
+          ellipsis: true,
+          children: field.label || formatMessage({
+            id: 'untitledField'
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+          bordered: false,
+          color: TYPE_TAG_COLORS[field.type] || 'default',
+          children: definition?.label || field.type
+        }), field.hidden ? /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+          bordered: false,
+          children: formatMessage({
+            id: 'fieldHiddenTag'
+          })
+        }) : null, field.block ? /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+          bordered: false,
+          color: "processing",
+          children: formatMessage({
+            id: 'fieldBlockTag'
+          })
+        }) : null]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: style['action-group'],
+      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+        type: "text",
+        size: "small",
+        className: style['action-btn'],
+        title: formatMessage({
+          id: 'moveUp'
+        }),
+        icon: /*#__PURE__*/jsxRuntime.jsx(icons.ArrowUpOutlined, {}),
+        disabled: index === 0,
+        onClick: () => onMove(field.id, 'up')
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+        type: "text",
+        size: "small",
+        className: style['action-btn'],
+        title: formatMessage({
+          id: 'moveDown'
+        }),
+        icon: /*#__PURE__*/jsxRuntime.jsx(icons.ArrowDownOutlined, {}),
+        disabled: index === total - 1,
+        onClick: () => onMove(field.id, 'down')
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+        type: "text",
+        size: "small",
+        className: style['action-btn'],
+        title: formatMessage({
+          id: 'editField'
+        }),
+        icon: /*#__PURE__*/jsxRuntime.jsx(icons.EditOutlined, {}),
+        onClick: () => onEdit(field)
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+        type: "text",
+        size: "small",
+        danger: true,
+        className: style['action-btn'],
+        title: formatMessage({
+          id: 'deleteField'
+        }),
+        icon: /*#__PURE__*/jsxRuntime.jsx(icons.DeleteOutlined, {}),
+        onClick: () => onDelete(field.id)
+      })]
+    })]
+  });
+};
+
+const {
+  Text: Text$3
+} = antd.Typography;
+const ActionGroup = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: style['action-group'],
+    children: children
+  });
+};
+const IconBtn = _ref2 => {
+  let {
+    title,
+    danger,
+    ...props
+  } = _ref2;
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+    type: "text",
+    size: "small",
+    title: title,
+    danger: danger,
+    className: style['action-btn'],
+    ...props
+  });
+};
+const BlockListPanel = _ref3 => {
+  let {
+    blocks,
+    onAddBlock,
+    onEditBlock,
+    onDeleteBlock,
+    onMoveBlock,
+    onAddField,
+    onEditField,
+    onDeleteField,
+    onMoveField,
+    onAddStep,
+    onEditStep,
+    onDeleteStep,
+    onMoveStep,
+    onOpenFormActions
+  } = _ref3;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const [addMenuOpen, setAddMenuOpen] = react.useState(false);
+  const addBlockOptions = [{
+    key: 'formInfo',
+    icon: /*#__PURE__*/jsxRuntime.jsx(icons.FormOutlined, {})
+  }, {
+    key: 'list',
+    icon: /*#__PURE__*/jsxRuntime.jsx(icons.UnorderedListOutlined, {})
+  }, {
+    key: 'tableList',
+    icon: /*#__PURE__*/jsxRuntime.jsx(icons.TableOutlined, {})
+  }, {
+    key: 'multiField',
+    icon: /*#__PURE__*/jsxRuntime.jsx(icons.AppstoreOutlined, {})
+  }, {
+    key: 'steps',
+    icon: /*#__PURE__*/jsxRuntime.jsx(icons.OrderedListOutlined, {})
+  }];
+  const renderFieldList = (fields, blockId, stepId) => {
+    if (!(fields || []).length) {
+      return /*#__PURE__*/jsxRuntime.jsx(Text$3, {
+        type: "secondary",
+        className: style['inline-empty'],
+        children: formatMessage({
+          id: 'emptyFieldList'
+        })
+      });
+    }
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: style['field-list'],
+      children: fields.map((field, fieldIndex) => /*#__PURE__*/jsxRuntime.jsx(FieldRow, {
+        field: field,
+        index: fieldIndex,
+        total: fields.length,
+        onEdit: fieldItem => onEditField(blockId, fieldItem, stepId),
+        onDelete: fieldId => onDeleteField(blockId, fieldId, stepId),
+        onMove: (fieldId, direction) => onMoveField(blockId, fieldId, direction, stepId)
+      }, field.id))
+    });
+  };
+  const renderBlockChildren = block => {
+    if (block.kind === 'steps') {
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: style['block-body'],
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: style['section-toolbar'],
+          children: [/*#__PURE__*/jsxRuntime.jsx(Text$3, {
+            type: "secondary",
+            className: style['section-toolbar-label'],
+            children: formatMessage({
+              id: 'stepListTitle'
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+            type: "text",
+            size: "small",
+            icon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
+            className: `${style['add-inline-btn']} ${style['hover-reveal']}`,
+            onClick: () => onAddStep(block.id),
+            children: formatMessage({
+              id: 'addStep'
+            })
+          })]
+        }), (block.items || []).length ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: style['step-list'],
+          children: (block.items || []).map((step, stepIndex) => /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: style['step-section'],
+            children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: style['step-section-header'],
+              children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+                size: 8,
+                className: style['step-section-title'],
+                children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: style['step-index'],
+                  children: stepIndex + 1
+                }), /*#__PURE__*/jsxRuntime.jsx(Text$3, {
+                  strong: true,
+                  children: step.title || formatMessage({
+                    id: 'untitledStep'
+                  }, {
+                    index: stepIndex + 1
+                  })
+                }), /*#__PURE__*/jsxRuntime.jsx(Text$3, {
+                  type: "secondary",
+                  children: formatMessage({
+                    id: 'fieldCount'
+                  }, {
+                    count: step.list?.length || 0
+                  })
+                })]
+              }), /*#__PURE__*/jsxRuntime.jsxs(ActionGroup, {
+                children: [/*#__PURE__*/jsxRuntime.jsx(IconBtn, {
+                  title: formatMessage({
+                    id: 'moveUp'
+                  }),
+                  icon: /*#__PURE__*/jsxRuntime.jsx(icons.ArrowUpOutlined, {}),
+                  disabled: stepIndex === 0,
+                  onClick: () => onMoveStep(block.id, step.id, 'up')
+                }), /*#__PURE__*/jsxRuntime.jsx(IconBtn, {
+                  title: formatMessage({
+                    id: 'moveDown'
+                  }),
+                  icon: /*#__PURE__*/jsxRuntime.jsx(icons.ArrowDownOutlined, {}),
+                  disabled: stepIndex === (block.items?.length || 0) - 1,
+                  onClick: () => onMoveStep(block.id, step.id, 'down')
+                }), /*#__PURE__*/jsxRuntime.jsx(IconBtn, {
+                  title: formatMessage({
+                    id: 'editStep'
+                  }),
+                  icon: /*#__PURE__*/jsxRuntime.jsx(icons.EditOutlined, {}),
+                  onClick: () => onEditStep(block.id, step)
+                }), /*#__PURE__*/jsxRuntime.jsx(IconBtn, {
+                  title: formatMessage({
+                    id: 'deleteStep'
+                  }),
+                  danger: true,
+                  icon: /*#__PURE__*/jsxRuntime.jsx(icons.DeleteOutlined, {}),
+                  onClick: () => onDeleteStep(block.id, step.id)
+                })]
+              }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+                type: "text",
+                size: "small",
+                icon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
+                className: `${style['add-inline-btn']} ${style['hover-reveal']}`,
+                onClick: () => onAddField(block.id, step.id),
+                children: formatMessage({
+                  id: 'addField'
+                })
+              })]
+            }), renderFieldList(step.list, block.id, step.id)]
+          }, step.id))
+        }) : /*#__PURE__*/jsxRuntime.jsx(Text$3, {
+          type: "secondary",
+          className: style['inline-empty'],
+          children: formatMessage({
+            id: 'emptyStepList'
+          })
+        })]
+      });
+    }
+    if (block.kind === 'multiField') {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: style['block-body'],
+        children: /*#__PURE__*/jsxRuntime.jsx(Text$3, {
+          type: "secondary",
+          children: formatMessage({
+            id: 'multiFieldEditorHint'
+          })
+        })
+      });
+    }
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: style['block-body'],
+      children: renderFieldList(block.list, block.id)
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: style['block-list-panel'],
+    children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+      justify: "flex-end",
+      gap: 8,
+      align: "center",
+      className: style['panel-toolbar'],
+      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Dropdown, {
+        open: addMenuOpen,
+        onOpenChange: setAddMenuOpen,
+        trigger: ['click'],
+        dropdownRender: () => /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: style['add-block-dropdown'],
+          children: addBlockOptions.map(opt => {
+            const definition = getBlockDefinition(opt.key);
+            return /*#__PURE__*/jsxRuntime.jsxs("div", {
+              role: "button",
+              tabIndex: 0,
+              className: style['add-block-option'],
+              onClick: () => {
+                onAddBlock(opt.key);
+                setAddMenuOpen(false);
+              },
+              onKeyDown: e => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                  onAddBlock(opt.key);
+                  setAddMenuOpen(false);
+                }
+              },
+              children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                className: style['add-block-option-icon'],
+                children: opt.icon
+              }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: style['add-block-option-text'],
+                children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                  className: style['add-block-option-title'],
+                  children: formatMessage({
+                    id: `blockKind_${opt.key}`
+                  })
+                }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                  className: style['add-block-option-desc'],
+                  children: definition?.description
+                })]
+              })]
+            }, opt.key);
+          })
+        }),
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+          type: "primary",
+          size: "small",
+          icon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
+          className: style['add-block-btn'],
+          children: formatMessage({
+            id: 'addBlock'
+          })
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+        type: "default",
+        size: "small",
+        shape: "circle",
+        icon: /*#__PURE__*/jsxRuntime.jsx(icons.SettingOutlined, {}),
+        className: style['form-actions-setting-btn'],
+        title: formatMessage({
+          id: 'formActionsSection'
+        }),
+        onClick: onOpenFormActions
+      })]
+    }), !blocks.length ? /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
+      className: style['field-empty'],
+      image: antd.Empty.PRESENTED_IMAGE_SIMPLE,
+      description: formatMessage({
+        id: 'emptyBlockList'
+      })
+    }) : /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: style['block-list'],
+      children: blocks.map((block, blockIndex) => {
+        const definition = getBlockDefinition(block.kind);
+        const canAddField = block.kind !== 'steps' && block.kind !== 'multiField';
+        const summary = block.kind === 'steps' ? formatMessage({
+          id: 'stepCount'
+        }, {
+          count: block.items?.length || 0
+        }) : block.kind === 'multiField' ? formatMessage({
+          id: 'multiFieldSummary'
+        }, {
+          type: block.fieldType
+        }) : formatMessage({
+          id: 'fieldCount'
+        }, {
+          count: block.list?.length || 0
+        });
+        return /*#__PURE__*/jsxRuntime.jsxs("section", {
+          className: `${style['block-section']} ${style[`block-kind-${block.kind}`] || ''}`.trim(),
+          children: [/*#__PURE__*/jsxRuntime.jsxs("header", {
+            className: style['block-section-header'],
+            children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: style['block-header-left'],
+              children: [/*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+                bordered: false,
+                color: definition?.color || 'default',
+                children: definition?.label || block.kind
+              }), /*#__PURE__*/jsxRuntime.jsx(Text$3, {
+                strong: true,
+                ellipsis: true,
+                className: style['block-title'],
+                children: block.title || block.label || block.name || formatMessage({
+                  id: 'untitledBlock'
+                })
+              }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                className: style['block-summary'],
+                children: summary
+              })]
+            }), /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+              size: 4,
+              wrap: true,
+              className: style['block-header-actions'],
+              children: [/*#__PURE__*/jsxRuntime.jsxs(ActionGroup, {
+                children: [/*#__PURE__*/jsxRuntime.jsx(IconBtn, {
+                  title: formatMessage({
+                    id: 'moveUp'
+                  }),
+                  icon: /*#__PURE__*/jsxRuntime.jsx(icons.ArrowUpOutlined, {}),
+                  disabled: blockIndex === 0,
+                  onClick: () => onMoveBlock(block.id, 'up')
+                }), /*#__PURE__*/jsxRuntime.jsx(IconBtn, {
+                  title: formatMessage({
+                    id: 'moveDown'
+                  }),
+                  icon: /*#__PURE__*/jsxRuntime.jsx(icons.ArrowDownOutlined, {}),
+                  disabled: blockIndex === blocks.length - 1,
+                  onClick: () => onMoveBlock(block.id, 'down')
+                }), /*#__PURE__*/jsxRuntime.jsx(IconBtn, {
+                  title: formatMessage({
+                    id: 'editBlock'
+                  }),
+                  icon: /*#__PURE__*/jsxRuntime.jsx(icons.SettingOutlined, {}),
+                  onClick: () => onEditBlock(block)
+                }), /*#__PURE__*/jsxRuntime.jsx(IconBtn, {
+                  title: formatMessage({
+                    id: 'deleteBlock'
+                  }),
+                  danger: true,
+                  icon: /*#__PURE__*/jsxRuntime.jsx(icons.DeleteOutlined, {}),
+                  onClick: () => onDeleteBlock(block.id)
+                })]
+              }), canAddField ? /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+                type: "text",
+                size: "small",
+                icon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
+                className: `${style['add-inline-btn']} ${style['hover-reveal']}`,
+                onClick: () => onAddField(block.id),
+                children: formatMessage({
+                  id: 'addField'
+                })
+              }) : null]
+            })]
+          }), renderBlockChildren(block)]
+        }, block.id);
+      })
+    })]
+  });
+};
+
+const BlockConfigFields = _ref => {
+  let {
+    kind
+  } = _ref;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const definition = getBlockDefinition(kind);
+  const fieldTypeOptions = react.useMemo(() => getFieldTypes(), []);
+  const list = [];
+  if (kind === 'formInfo' || kind === 'list' || kind === 'tableList') {
+    list.push(/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+      name: "title",
+      label: formatMessage({
+        id: 'blockTitle'
+      }),
+      placeholder: formatMessage({
+        id: 'blockTitlePlaceholder'
+      })
+    }, "title"), kind === 'formInfo' ? /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+      name: "subtitle",
+      label: formatMessage({
+        id: 'blockSubtitle'
+      }),
+      placeholder: formatMessage({
+        id: 'blockSubtitlePlaceholder'
+      })
+    }, "subtitle") : null, kind !== 'formInfo' ? /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+      name: "name",
+      label: formatMessage({
+        id: 'blockName'
+      }),
+      rule: "REQ",
+      placeholder: formatMessage({
+        id: 'fieldNamePlaceholder'
+      })
+    }, "name") : null, /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+      name: "column",
+      label: formatMessage({
+        id: 'formColumnPlaceholder'
+      }),
+      min: 1,
+      max: 4
+    }, "column"), kind === 'formInfo' ? /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+      name: "gap",
+      label: formatMessage({
+        id: 'blockGap'
+      }),
+      min: 0,
+      max: 48
+    }, "gap") : null, /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+      name: "bordered",
+      children: formatMessage({
+        id: 'blockBordered'
+      })
+    }, "bordered"), kind === 'list' ? /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+      name: "important",
+      children: formatMessage({
+        id: 'blockImportant'
+      })
+    }, "important") : null, kind !== 'formInfo' ? /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+      name: "addText",
+      label: formatMessage({
+        id: 'blockAddText'
+      }),
+      placeholder: formatMessage({
+        id: 'blockAddTextPlaceholder'
+      })
+    }, "addText") : null, kind !== 'formInfo' ? /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+      name: "maxLength",
+      label: formatMessage({
+        id: 'blockMaxLength'
+      }),
+      min: 1
+    }, "maxLength") : null, kind !== 'formInfo' ? /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+      name: "minLength",
+      label: formatMessage({
+        id: 'blockMinLength'
+      }),
+      min: 0
+    }, "minLength") : null);
+  }
+  if (kind === 'multiField') {
+    list.push(/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+      name: "name",
+      label: formatMessage({
+        id: 'blockName'
+      }),
+      rule: "REQ",
+      placeholder: formatMessage({
+        id: 'fieldNamePlaceholder'
+      })
+    }, "name"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+      name: "label",
+      label: formatMessage({
+        id: 'fieldLabel'
+      }),
+      rule: "REQ",
+      placeholder: formatMessage({
+        id: 'fieldLabelPlaceholder'
+      })
+    }, "label"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Select, {
+      name: "fieldType",
+      label: formatMessage({
+        id: 'multiFieldType'
+      }),
+      rule: "REQ",
+      options: fieldTypeOptions
+    }, "fieldType"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+      name: "addText",
+      label: formatMessage({
+        id: 'blockAddText'
+      }),
+      placeholder: formatMessage({
+        id: 'blockAddTextPlaceholder'
+      })
+    }, "addText"));
+  }
+  if (kind === 'steps') {
+    list.push(/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+      name: "title",
+      label: formatMessage({
+        id: 'blockTitle'
+      }),
+      placeholder: formatMessage({
+        id: 'blockTitlePlaceholder'
+      })
+    }, "title"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+      name: "subtitle",
+      label: formatMessage({
+        id: 'blockSubtitle'
+      }),
+      placeholder: formatMessage({
+        id: 'blockSubtitlePlaceholder'
+      })
+    }, "subtitle"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+      name: "bordered",
+      children: formatMessage({
+        id: 'blockBordered'
+      })
+    }, "bordered"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+      name: "autoStep",
+      children: formatMessage({
+        id: 'blockAutoStep'
+      })
+    }, "autoStep"));
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: style['field-editor-form'],
+    children: /*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+      title: definition?.label || kind,
+      subtitle: definition?.description,
+      column: 1,
+      list: list.filter(Boolean)
+    })
+  });
+};
+const BlockEditorModal = _ref2 => {
+  let {
+    open,
+    block,
+    onCancel,
+    onSave,
+    renderModal
+  } = _ref2;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const isMobile = responsiveUtils.useIsMobile();
+  const isEdit = !!block?.id;
+  const formData = react.useMemo(() => blockToFormValues(block || createBlock('formInfo')), [block, open]);
+  const handleSubmit = function (values) {
+    try {
+      if ((block?.kind === 'list' || block?.kind === 'tableList' || block?.kind === 'multiField') && !values.name) {
+        antd.message.error(formatMessage({
+          id: 'blockNameRequired'
+        }));
+        return Promise.resolve(false);
+      }
+      onSave(formValuesToBlock(values, block || createBlock(values.kind || 'formInfo')));
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(FormInfo.FormModal, {
+    destroyOnHidden: true,
+    destroyOnClose: true,
+    title: formatMessage({
+      id: isEdit ? 'editBlock' : 'addBlock'
+    }),
+    open: open,
+    onCancel: onCancel,
+    width: isMobile ? 'calc(100vw - 32px)' : 720,
+    ...(renderModal ? {
+      renderModal
+    } : {}),
+    formProps: {
+      data: formData,
+      onSubmit: handleSubmit
+    },
+    okText: formatMessage({
+      id: 'confirm'
+    }),
+    cancelText: formatMessage({
+      id: 'cancel'
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsx(BlockConfigFields, {
+      kind: block?.kind || 'formInfo'
+    })
+  }, open ? block?.id ? `edit-${block.id}` : `add-${block?.kind || 'formInfo'}-${formData.name || 'new'}` : 'closed');
+};
+
+const StepEditorModal = _ref => {
+  let {
+    open,
+    step,
+    onCancel,
+    onSave,
+    renderModal
+  } = _ref;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const isMobile = responsiveUtils.useIsMobile();
+  const formData = react.useMemo(() => stepToFormValues(step || createStep()), [step, open]);
+  return /*#__PURE__*/jsxRuntime.jsx(FormInfo.FormModal, {
+    destroyOnHidden: true,
+    destroyOnClose: true,
+    title: formatMessage({
+      id: step?.id ? 'editStep' : 'addStep'
+    }),
+    open: open,
+    onCancel: onCancel,
+    width: isMobile ? 'calc(100vw - 32px)' : 560,
+    ...(renderModal ? {
+      renderModal
+    } : {}),
+    formProps: {
+      data: formData,
+      onSubmit: values => {
+        onSave(formValuesToStep(values, step || createStep()));
+      }
+    },
+    okText: formatMessage({
+      id: 'confirm'
+    }),
+    cancelText: formatMessage({
+      id: 'cancel'
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+      column: 1,
+      list: [/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+        name: "title",
+        label: formatMessage({
+          id: 'stepTitle'
+        }),
+        rule: "REQ",
+        placeholder: formatMessage({
+          id: 'stepTitlePlaceholder'
+        })
+      }, "title"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+        name: "column",
+        label: formatMessage({
+          id: 'formColumnPlaceholder'
+        }),
+        min: 1,
+        max: 4
+      }, "column")]
+    })
+  }, open ? step?.id ? `edit-${step.id}` : `add-step-${formData.title || 'new'}` : 'closed');
+};
+
+const {
+  Text: Text$2
+} = antd.Typography;
+const {
+  useOnChange
+} = reactFormAntd.hooks;
+const RulePresetsGroup = props => {
+  const render = useOnChange(props);
+  return render(antd.Checkbox.Group);
+};
+RulePresetsGroup.field = antd.Checkbox.Group;
+const RulePresetEditor = () => {
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const options = [...RULE_PRESET_ITEMS.map(item => ({
+    label: item.label,
+    value: item.value
+  })), {
+    label: formatMessage({
+      id: 'ruleLen'
+    }),
+    value: RULE_LEN_PRESET
+  }];
+  const list = [/*#__PURE__*/jsxRuntime.jsx(RulePresetsGroup, {
+    name: "rulePresets",
+    block: true,
+    options: options
+  }, "rulePresets"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+    name: "lenMin",
+    label: formatMessage({
+      id: 'ruleLenMin'
+    }),
+    min: 0,
+    display: _ref => {
+      let {
+        openApi
+      } = _ref;
+      return (openApi?.data?.rulePresets || []).includes(RULE_LEN_PRESET);
+    }
+  }, "lenMin"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+    name: "lenMax",
+    label: formatMessage({
+      id: 'ruleLenMax'
+    }),
+    min: 0,
+    display: _ref2 => {
+      let {
+        openApi
+      } = _ref2;
+      return (openApi?.data?.rulePresets || []).includes(RULE_LEN_PRESET);
+    }
+  }, "lenMax"), /*#__PURE__*/jsxRuntime.jsx("div", {
+    block: true,
+    children: /*#__PURE__*/jsxRuntime.jsx(Text$2, {
+      type: "secondary",
+      children: formatMessage({
+        id: 'ruleEditorHint'
+      })
+    })
+  }, "rule-hint")];
+  return /*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+    title: formatMessage({
+      id: 'fieldRule'
+    }),
+    column: 1,
+    list: list
+  });
+};
+
+const {
+  Text: Text$1
+} = antd.Typography;
+const createOptionKey = () => createDataKey('opt');
+const EMPTY_OPTION = () => ({
+  _key: createOptionKey(),
+  label: '',
+  value: ''
+});
+const createEmptyTableRow = columns => {
+  const row = {
+    label: '',
+    value: ''
+  };
+  (columns || []).forEach(column => {
+    if (column?.name) {
+      row[column.name] = '';
+    }
+  });
+  return row;
+};
+const ensureOptionKeys = function (list) {
+  if (list === void 0) {
+    list = [];
+  }
+  return list.map(item => ({
+    ...item,
+    _key: item._key || createOptionKey(),
+    children: Array.isArray(item.children) ? ensureOptionKeys(item.children) : undefined
+  }));
+};
+const hasMissingOptionKey = function (list) {
+  if (list === void 0) {
+    list = [];
+  }
+  return list.some(item => !item?._key || Array.isArray(item.children) && hasMissingOptionKey(item.children));
+};
+
+/** 扁平选项（非树） */
+const FlatOptionRows = _ref => {
+  let {
+    list,
+    onChange,
+    allowDescription
+  } = _ref;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const rows = list.length ? ensureOptionKeys(list) : [EMPTY_OPTION()];
+  const commit = next => onChange(next);
+  const updateItem = (index, patch) => {
+    commit(rows.map((item, itemIndex) => itemIndex === index ? {
+      ...item,
+      ...patch
+    } : item));
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: style['options-list'],
+    children: [rows.map((item, index) => /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+      gap: 8,
+      align: "start",
+      className: style['options-row'],
+      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+        value: item.label,
+        placeholder: formatMessage({
+          id: 'optionLabelPlaceholder'
+        }),
+        onChange: event => updateItem(index, {
+          label: event.target.value
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+        value: item.value,
+        placeholder: formatMessage({
+          id: 'optionValuePlaceholder'
+        }),
+        onChange: event => updateItem(index, {
+          value: event.target.value
+        })
+      }), allowDescription ? /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+        value: item.description || '',
+        placeholder: formatMessage({
+          id: 'optionDescPlaceholder'
+        }),
+        onChange: event => updateItem(index, {
+          description: event.target.value
+        })
+      }) : null, /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+        type: "text",
+        danger: true,
+        className: style['icon-square-btn-sm'],
+        icon: /*#__PURE__*/jsxRuntime.jsx(icons.DeleteOutlined, {}),
+        disabled: rows.length === 1,
+        onClick: () => {
+          const next = rows.filter((_, itemIndex) => itemIndex !== index);
+          commit(next.length ? next : [EMPTY_OPTION()]);
+        }
+      })]
+    }, item._key)), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+      type: "dashed",
+      block: true,
+      icon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
+      onClick: () => commit([...rows, EMPTY_OPTION()]),
+      children: formatMessage({
+        id: 'addOption'
+      })
+    })]
+  });
+};
+
+/** 树形 / 级联选项 */
+const TreeOptionNode = _ref2 => {
+  let {
+    item,
+    index,
+    siblings,
+    onChangeSiblings,
+    allowDescription,
+    depth,
+    maxDepth = 4
+  } = _ref2;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const children = Array.isArray(item.children) ? item.children : [];
+  const canAddChild = depth < maxDepth;
+  const updateSelf = patch => {
+    onChangeSiblings(siblings.map((row, i) => i === index ? {
+      ...row,
+      ...patch
+    } : row));
+  };
+  const removeSelf = () => {
+    onChangeSiblings(siblings.filter((_, i) => i !== index));
+  };
+  const addChild = () => {
+    updateSelf({
+      children: [...children, EMPTY_OPTION()]
+    });
+  };
+  const changeChildren = nextChildren => {
+    if (!nextChildren.length) {
+      updateSelf({
+        children: undefined
+      });
+      return;
+    }
+    updateSelf({
+      children: nextChildren
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: style['tree-option-node'],
+    "data-depth": depth,
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: style['tree-option-row'],
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: style['tree-option-fields'],
+        children: [/*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+          value: item.label,
+          placeholder: formatMessage({
+            id: 'optionLabelPlaceholder'
+          }),
+          onChange: e => updateSelf({
+            label: e.target.value
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+          value: item.value,
+          placeholder: formatMessage({
+            id: 'optionValuePlaceholder'
+          }),
+          onChange: e => updateSelf({
+            value: e.target.value
+          })
+        }), allowDescription ? /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+          value: item.description || '',
+          placeholder: formatMessage({
+            id: 'optionDescPlaceholder'
+          }),
+          onChange: e => updateSelf({
+            description: e.target.value
+          })
+        }) : null]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: style['tree-option-actions'],
+        children: [canAddChild ? /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+          type: "link",
+          size: "small",
+          icon: /*#__PURE__*/jsxRuntime.jsx(icons.ApartmentOutlined, {}),
+          onClick: addChild,
+          children: formatMessage({
+            id: 'addChildOption'
+          })
+        }) : null, /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+          type: "text",
+          danger: true,
+          size: "small",
+          className: style['icon-square-btn-sm'],
+          icon: /*#__PURE__*/jsxRuntime.jsx(icons.DeleteOutlined, {}),
+          disabled: siblings.length === 1 && depth === 0,
+          onClick: removeSelf
+        })]
+      })]
+    }), children.length ? /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: style['tree-option-children'],
+      children: children.map((child, childIndex) => /*#__PURE__*/jsxRuntime.jsx(TreeOptionNode, {
+        item: child,
+        index: childIndex,
+        siblings: children,
+        onChangeSiblings: changeChildren,
+        allowDescription: allowDescription,
+        depth: depth + 1,
+        maxDepth: maxDepth
+      }, child._key))
+    }) : null]
+  });
+};
+const TreeOptionsEditor = _ref3 => {
+  let {
+    value = [],
+    onChange,
+    allowDescription
+  } = _ref3;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  react.useEffect(() => {
+    if (!value.length) {
+      return;
+    }
+    if (hasMissingOptionKey(value)) {
+      onChange(ensureOptionKeys(value));
+    }
+  }, [value, onChange]);
+  const rows = value.length ? hasMissingOptionKey(value) ? ensureOptionKeys(value) : value : [EMPTY_OPTION()];
+  const commit = next => {
+    onChange(next.length ? ensureOptionKeys(next) : [EMPTY_OPTION()]);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: style['tree-options-editor'],
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: style['tree-options-list'],
+      children: rows.map((item, index) => /*#__PURE__*/jsxRuntime.jsx(TreeOptionNode, {
+        item: item,
+        index: index,
+        siblings: rows,
+        onChangeSiblings: commit,
+        allowDescription: allowDescription,
+        depth: 0
+      }, item._key))
+    }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+      type: "dashed",
+      block: true,
+      icon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
+      onClick: () => commit([...rows, EMPTY_OPTION()]),
+      children: formatMessage({
+        id: 'addOption'
+      })
+    })]
+  });
+};
+const ColumnsEditor = _ref4 => {
+  let {
+    value = [],
+    onChange
+  } = _ref4;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const list = value.length ? value : [createEmptyColumn()];
+  const updateItem = (index, patch) => {
+    onChange(list.map((item, itemIndex) => itemIndex === index ? {
+      ...item,
+      ...patch
+    } : item));
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+    title: formatMessage({
+      id: 'fieldColumns'
+    }),
+    column: 1,
+    list: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      block: true,
+      className: style['columns-editor'],
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: style['options-list'],
+        children: list.map((item, index) => /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+          gap: 8,
+          align: "start",
+          className: style['options-row'],
+          children: [/*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+            value: item.title || '',
+            placeholder: formatMessage({
+              id: 'columnTitlePlaceholder'
+            }),
+            onChange: e => {
+              const title = e.target.value;
+              const patch = {
+                title
+              };
+              if ((!item.name || isAutoDataKey(item.name, 'col')) && !item.name) {
+                patch.name = createDataKey('col');
+                patch.key = patch.name;
+              }
+              updateItem(index, patch);
+            }
+          }), /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+            value: item.name || '',
+            placeholder: formatMessage({
+              id: 'columnNamePlaceholder'
+            }),
+            onChange: e => {
+              const name = e.target.value;
+              updateItem(index, {
+                name,
+                key: name.trim() || item.key
+              });
+            }
+          }), /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
+            min: 40,
+            style: {
+              width: 120
+            },
+            value: item.width ?? null,
+            placeholder: formatMessage({
+              id: 'columnWidthPlaceholder'
+            }),
+            onChange: width => updateItem(index, {
+              width: width ?? undefined
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+            type: "text",
+            danger: true,
+            className: style['icon-square-btn-sm'],
+            icon: /*#__PURE__*/jsxRuntime.jsx(icons.DeleteOutlined, {}),
+            disabled: list.length === 1,
+            onClick: () => {
+              const next = list.filter((_, i) => i !== index);
+              onChange(next.length ? next : [createEmptyColumn()]);
+            }
+          })]
+        }, item.name || index))
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+        type: "dashed",
+        block: true,
+        icon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
+        onClick: () => onChange([...list, createEmptyColumn()]),
+        children: formatMessage({
+          id: 'addColumn'
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Space, {
+        size: 4,
+        className: style['options-tip'],
+        children: formatMessage({
+          id: 'columnsEditorHint'
+        })
+      })]
+    }, "columns-editor")]
+  });
+};
+const TableRowsEditor = _ref5 => {
+  let {
+    columns = [],
+    value = [],
+    onChange
+  } = _ref5;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const usableColumns = columns.filter(column => column?.name && String(column.name).trim());
+  const list = value.length ? value : [createEmptyTableRow(usableColumns)];
+  const updateItem = (index, patch) => {
+    onChange(list.map((item, itemIndex) => itemIndex === index ? {
+      ...item,
+      ...patch
+    } : item));
+  };
+  if (!usableColumns.length) {
+    return /*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+      title: formatMessage({
+        id: 'fieldTableRows'
+      }),
+      column: 1,
+      list: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        block: true,
+        children: /*#__PURE__*/jsxRuntime.jsx(Text$1, {
+          type: "secondary",
+          children: formatMessage({
+            id: 'tableRowsNeedColumnsHint'
+          })
+        })
+      }, "table-rows-empty")]
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+    title: formatMessage({
+      id: 'fieldTableRows'
+    }),
+    column: 1,
+    list: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      block: true,
+      className: style['table-rows-editor'],
+      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Space, {
+        direction: "vertical",
+        size: 12,
+        style: {
+          width: '100%'
+        },
+        children: list.map((item, index) => /*#__PURE__*/jsxRuntime.jsx(antd.Card, {
+          size: "small",
+          className: style['table-row-card'],
+          title: formatMessage({
+            id: 'tableRowTitle'
+          }, {
+            index: index + 1
+          }),
+          extra: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+            type: "text",
+            danger: true,
+            className: style['icon-square-btn-sm'],
+            icon: /*#__PURE__*/jsxRuntime.jsx(icons.DeleteOutlined, {}),
+            disabled: list.length === 1,
+            onClick: () => {
+              const next = list.filter((_, i) => i !== index);
+              onChange(next.length ? next : [createEmptyTableRow(usableColumns)]);
+            }
+          }),
+          children: /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+            direction: "vertical",
+            size: 8,
+            style: {
+              width: '100%'
+            },
+            children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+              gap: 8,
+              children: [/*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+                value: item.value || '',
+                placeholder: formatMessage({
+                  id: 'optionValuePlaceholder'
+                }),
+                onChange: e => updateItem(index, {
+                  value: e.target.value
+                })
+              }), /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+                value: item.label || '',
+                placeholder: formatMessage({
+                  id: 'tableRowLabelPlaceholder'
+                }),
+                onChange: e => updateItem(index, {
+                  label: e.target.value
+                })
+              })]
+            }), /*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
+              gap: 8,
+              wrap: "wrap",
+              children: usableColumns.map(column => /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+                style: {
+                  minWidth: 140,
+                  flex: 1
+                },
+                value: item[column.name] || '',
+                placeholder: column.title || column.name,
+                onChange: e => updateItem(index, {
+                  [column.name]: e.target.value
+                })
+              }, column.name))
+            })]
+          })
+        }, index))
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+        type: "dashed",
+        block: true,
+        icon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
+        style: {
+          marginTop: 12
+        },
+        onClick: () => onChange([...list, createEmptyTableRow(usableColumns)]),
+        children: formatMessage({
+          id: 'addTableRow'
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Space, {
+        size: 4,
+        className: style['options-tip'],
+        children: formatMessage({
+          id: 'tableRowsEditorHint'
+        })
+      })]
+    }, "table-rows-editor")]
+  });
+};
+const OptionsEditor = _ref6 => {
+  let {
+    value = [],
+    onChange,
+    allowDescription = false,
+    allowChildren = false,
+    hasColumns = false,
+    columns = [],
+    onColumnsChange
+  } = _ref6;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  if (hasColumns) {
+    const handleColumnsChange = nextColumns => {
+      const prevColumns = columns || [];
+      const migrated = (value || []).map(row => {
+        const nextRow = {
+          ...row
+        };
+        prevColumns.forEach((prevCol, index) => {
+          const nextCol = nextColumns[index];
+          const prevName = prevCol?.name;
+          const nextName = nextCol?.name;
+          if (prevName && nextName && prevName !== nextName && Object.prototype.hasOwnProperty.call(row, prevName)) {
+            nextRow[nextName] = row[prevName];
+            delete nextRow[prevName];
+          }
+        });
+        return nextRow;
+      });
+      onColumnsChange(nextColumns);
+      if (migrated.length) {
+        onChange(migrated);
+      }
+    };
+    return /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: style['options-editor'],
+      children: [/*#__PURE__*/jsxRuntime.jsx(ColumnsEditor, {
+        value: columns,
+        onChange: handleColumnsChange
+      }), /*#__PURE__*/jsxRuntime.jsx(TableRowsEditor, {
+        columns: columns,
+        value: value,
+        onChange: onChange
+      })]
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+    title: formatMessage({
+      id: 'fieldOptions'
+    }),
+    column: 1,
+    list: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      block: true,
+      className: style['options-editor'],
+      children: [allowChildren ? /*#__PURE__*/jsxRuntime.jsx(TreeOptionsEditor, {
+        value: value,
+        onChange: onChange,
+        allowDescription: allowDescription
+      }) : /*#__PURE__*/jsxRuntime.jsx(FlatOptionRows, {
+        list: value.length ? value : [EMPTY_OPTION()],
+        onChange: onChange,
+        allowDescription: allowDescription
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Space, {
+        size: 4,
+        className: style['options-tip'],
+        children: formatMessage({
+          id: allowChildren ? 'optionsTreeEditorHint' : 'optionsEditorHint'
+        })
+      })]
+    }, "options-editor")]
+  });
+};
+
+const SuperSelectPropsEditor = _ref => {
+  let {
+    definition
+  } = _ref;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const {
+    openApi
+  } = reactFormAntd.useFormContext();
+  const list = react.useMemo(() => {
+    const items = [/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+      name: "single",
+      onChange: checked => {
+        if (checked) {
+          openApi?.setFields?.([{
+            name: 'allowSelectedAll',
+            value: false
+          }, {
+            name: 'maxLength',
+            value: undefined
+          }], {
+            runValidate: false
+          });
+        }
+      },
+      children: formatMessage({
+        id: 'superSelectSingle'
+      })
+    }, "single"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+      name: "isPopup",
+      children: formatMessage({
+        id: 'superSelectIsPopup'
+      })
+    }, "isPopup"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+      name: "allowClear",
+      children: formatMessage({
+        id: 'superSelectAllowClear'
+      })
+    }, "allowClear"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+      name: "allowSelectedAll",
+      display: _ref2 => {
+        let {
+          openApi
+        } = _ref2;
+        return !openApi?.data?.single;
+      },
+      children: formatMessage({
+        id: 'superSelectAllowSelectedAll'
+      })
+    }, "allowSelectedAll")];
+    if (definition?.hasOnlyLastLevel) {
+      items.push(/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+        name: "onlyAllowLastLevel",
+        children: formatMessage({
+          id: 'superSelectOnlyLastLevel'
+        })
+      }, "onlyAllowLastLevel"));
+    }
+    items.push(/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+      name: "maxLength",
+      label: formatMessage({
+        id: 'superSelectMaxLength'
+      }),
+      min: 1,
+      placeholder: formatMessage({
+        id: 'superSelectMaxLengthPlaceholder'
+      }),
+      display: _ref3 => {
+        let {
+          openApi
+        } = _ref3;
+        return !openApi?.data?.single;
+      }
+    }, "maxLength"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+      name: "placeholder",
+      label: formatMessage({
+        id: 'fieldPlaceholder'
+      }),
+      placeholder: formatMessage({
+        id: 'superSelectPlaceholderHint'
+      })
+    }, "placeholder"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+      name: "searchPlaceholder",
+      label: formatMessage({
+        id: 'superSelectSearchPlaceholder'
+      }),
+      placeholder: formatMessage({
+        id: 'superSelectSearchPlaceholderHint'
+      })
+    }, "searchPlaceholder"));
+    return items;
+  }, [definition, formatMessage, openApi]);
+  return /*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+    title: formatMessage({
+      id: 'superSelectPropsSection'
+    }),
+    column: 1,
+    list: list
+  });
+};
+
+const BUILTIN_PROP_TYPES = ['Input', 'TextArea', 'InputNumber', 'Select', 'DatePicker', 'Switch'];
+const buildPropsSchemaList = (schema, formatMessage) => (schema || []).filter(item => item?.name).map(item => {
+  if (item.type === 'boolean') {
+    return /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+      name: item.name,
+      children: item.label || item.name
+    }, item.name);
+  }
+  if (item.type === 'number') {
+    return /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+      name: item.name,
+      label: item.label || item.name,
+      min: item.min,
+      max: item.max,
+      placeholder: item.placeholder || formatMessage({
+        id: 'propOptionalNumber'
+      })
+    }, item.name);
+  }
+  if (item.type === 'select') {
+    return /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Select, {
+      name: item.name,
+      label: item.label || item.name,
+      options: item.options || [],
+      placeholder: item.placeholder,
+      allowClear: item.allowClear !== false
+    }, item.name);
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+    name: item.name,
+    label: item.label || item.name,
+    placeholder: item.placeholder
+  }, item.name);
+});
+const buildBuiltinList = (type, formatMessage) => {
+  const placeholder = /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+    name: "placeholder",
+    label: formatMessage({
+      id: 'fieldPlaceholder'
+    }),
+    placeholder: formatMessage({
+      id: 'fieldPlaceholderHint'
+    })
+  }, "placeholder");
+  const allowClear = /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+    name: "allowClear",
+    children: formatMessage({
+      id: 'propAllowClear'
+    })
+  }, "allowClear");
+  switch (type) {
+    case 'Input':
+      return [placeholder, allowClear, /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+        name: "maxLength",
+        label: formatMessage({
+          id: 'propMaxLength'
+        }),
+        min: 1,
+        placeholder: formatMessage({
+          id: 'propOptionalNumber'
+        })
+      }, "maxLength")];
+    case 'TextArea':
+      return [placeholder, /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+        name: "rows",
+        label: formatMessage({
+          id: 'propRows'
+        }),
+        min: 2,
+        max: 20
+      }, "rows"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+        name: "maxLength",
+        label: formatMessage({
+          id: 'propMaxLength'
+        }),
+        min: 1,
+        placeholder: formatMessage({
+          id: 'propOptionalNumber'
+        })
+      }, "maxLength"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+        name: "showCount",
+        children: formatMessage({
+          id: 'propShowCount'
+        })
+      }, "showCount")];
+    case 'InputNumber':
+      return [placeholder, /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+        name: "min",
+        label: formatMessage({
+          id: 'propMin'
+        }),
+        placeholder: formatMessage({
+          id: 'propOptionalNumber'
+        })
+      }, "min"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+        name: "max",
+        label: formatMessage({
+          id: 'propMax'
+        }),
+        placeholder: formatMessage({
+          id: 'propOptionalNumber'
+        })
+      }, "max"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+        name: "step",
+        label: formatMessage({
+          id: 'propStep'
+        }),
+        min: 0,
+        placeholder: formatMessage({
+          id: 'propOptionalNumber'
+        })
+      }, "step"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
+        name: "precision",
+        label: formatMessage({
+          id: 'propPrecision'
+        }),
+        min: 0,
+        max: 10,
+        placeholder: formatMessage({
+          id: 'propOptionalNumber'
+        })
+      }, "precision")];
+    case 'Select':
+      return [placeholder, allowClear, /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Select, {
+        name: "mode",
+        label: formatMessage({
+          id: 'propSelectMode'
+        }),
+        options: [{
+          label: formatMessage({
+            id: 'propSelectModeSingle'
+          }),
+          value: 'single'
+        }, {
+          label: formatMessage({
+            id: 'propSelectModeMultiple'
+          }),
+          value: 'multiple'
+        }]
+      }, "mode")];
+    case 'DatePicker':
+      return [/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+        name: "range",
+        children: formatMessage({
+          id: 'propDateRange'
+        })
+      }, "range"), placeholder, allowClear, /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Select, {
+        name: "picker",
+        label: formatMessage({
+          id: 'propDatePickerType'
+        }),
+        options: [{
+          label: formatMessage({
+            id: 'propDatePickerDate'
+          }),
+          value: 'date'
+        }, {
+          label: formatMessage({
+            id: 'propDatePickerWeek'
+          }),
+          value: 'week'
+        }, {
+          label: formatMessage({
+            id: 'propDatePickerMonth'
+          }),
+          value: 'month'
+        }, {
+          label: formatMessage({
+            id: 'propDatePickerQuarter'
+          }),
+          value: 'quarter'
+        }, {
+          label: formatMessage({
+            id: 'propDatePickerYear'
+          }),
+          value: 'year'
+        }]
+      }, "picker"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Select, {
+        name: "format",
+        label: formatMessage({
+          id: 'propDateFormat'
+        }),
+        options: [{
+          label: 'YYYY-MM-DD',
+          value: 'YYYY-MM-DD'
+        }, {
+          label: 'YYYY/MM/DD',
+          value: 'YYYY/MM/DD'
+        }, {
+          label: 'YYYY年MM月DD日',
+          value: 'YYYY年MM月DD日'
+        }, {
+          label: 'YYYY-MM-DD HH:mm:ss',
+          value: 'YYYY-MM-DD HH:mm:ss'
+        }, {
+          label: 'YYYY-MM',
+          value: 'YYYY-MM'
+        }, {
+          label: 'YYYY',
+          value: 'YYYY'
+        }]
+      }, "format"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+        name: "showTime",
+        display: _ref => {
+          let {
+            openApi
+          } = _ref;
+          return (openApi?.data?.picker || 'date') === 'date';
+        },
+        children: formatMessage({
+          id: 'propShowTime'
+        })
+      }, "showTime")];
+    case 'Switch':
+      return [/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+        name: "checkedChildren",
+        label: formatMessage({
+          id: 'propSwitchOnText'
+        }),
+        placeholder: formatMessage({
+          id: 'propSwitchOnTextHint'
+        })
+      }, "checkedChildren"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+        name: "unCheckedChildren",
+        label: formatMessage({
+          id: 'propSwitchOffText'
+        }),
+        placeholder: formatMessage({
+          id: 'propSwitchOffTextHint'
+        })
+      }, "unCheckedChildren")];
+    default:
+      return [];
+  }
+};
+const FieldPropsEditor = _ref2 => {
+  let {
+    type,
+    definition: definitionProp
+  } = _ref2;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const definition = definitionProp || getFieldDefinition(type);
+  const list = react.useMemo(() => {
+    if (!type) {
+      return [];
+    }
+    if (definition?.propsSchema?.length) {
+      return buildPropsSchemaList(definition.propsSchema, formatMessage);
+    }
+    return buildBuiltinList(type, formatMessage);
+  }, [type, definition, formatMessage]);
+  if (!list.length) {
+    return null;
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+    title: formatMessage({
+      id: 'fieldPropsSection'
+    }),
+    column: 1,
+    list: list
+  });
+};
+const hasFieldPropsEditor = (type, definition) => {
+  const def = definition || getFieldDefinition(type);
+  if (def?.propsSchema?.length) {
+    return true;
+  }
+  return BUILTIN_PROP_TYPES.includes(type);
+};
+
+const {
+  Text
+} = antd.Typography;
+const getDefaultSelectProps = () => ({
+  single: false,
+  isPopup: true,
+  allowClear: true,
+  allowSelectedAll: false,
+  onlyAllowLastLevel: false,
+  maxLength: undefined,
+  placeholder: '',
+  searchPlaceholder: '',
+  columns: [createEmptyColumn()]
+});
+const omitColumns = function (_temp) {
+  let {
+    columns,
+    ...rest
+  } = _temp === void 0 ? {} : _temp;
+  return rest;
+};
+const FieldConfigFields = _ref => {
+  let {
+    initialType,
+    options,
+    onOptionsChange,
+    columns,
+    onColumnsChange
+  } = _ref;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const {
+    openApi
+  } = reactFormAntd.useFormContext();
+  const [fieldType, setFieldType] = react.useState(initialType);
+  const fieldTypeOptions = react.useMemo(() => getFieldTypes(), []);
+  const definition = getFieldDefinition(fieldType);
+  react.useEffect(() => {
+    setFieldType(initialType);
+  }, [initialType]);
+  const applyTypeDefaults = nextType => {
+    const nextDefinition = getFieldDefinition(nextType);
+    let nextValues = {};
+    if (nextDefinition?.isSuperSelect) {
+      nextValues = omitColumns(getDefaultSelectProps());
+    } else if (nextDefinition?.hasFieldProps || nextDefinition?.propsSchema?.length) {
+      nextValues = pickFieldProps({
+        type: nextType,
+        props: nextDefinition.defaultProps || {}
+      }, nextDefinition);
+    }
+    const entries = Object.entries(nextValues).map(_ref2 => {
+      let [name, value] = _ref2;
+      return {
+        name,
+        value
+      };
+    });
+    if (!entries.length || !openApi?.setFields) {
+      return;
+    }
+    // 等新类型的 Form Field 挂载后再写入默认值
+    requestAnimationFrame(() => {
+      openApi.setFields(entries, {
+        runValidate: false
+      });
+    });
+  };
+  const list = [/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Select, {
+    name: "type",
+    label: formatMessage({
+      id: 'fieldType'
+    }),
+    rule: "REQ",
+    options: fieldTypeOptions,
+    onChange: nextType => {
+      setFieldType(nextType);
+      applyTypeDefaults(nextType);
+    }
+  }, "type"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+    name: "name",
+    label: formatMessage({
+      id: 'fieldName'
+    }),
+    rule: "REQ",
+    placeholder: formatMessage({
+      id: 'fieldNamePlaceholder'
+    })
+  }, "name"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+    name: "label",
+    label: formatMessage({
+      id: 'fieldLabel'
+    }),
+    rule: "REQ",
+    placeholder: formatMessage({
+      id: 'fieldLabelPlaceholder'
+    })
+  }, "label"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+    name: "tips",
+    label: formatMessage({
+      id: 'fieldTips'
+    }),
+    placeholder: formatMessage({
+      id: 'fieldTipsPlaceholder'
+    })
+  }, "tips"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.TextArea, {
+    name: "description",
+    label: formatMessage({
+      id: 'fieldDescription'
+    }),
+    placeholder: formatMessage({
+      id: 'fieldDescriptionPlaceholder'
+    }),
+    rows: 2
+  }, "description")];
+  list.push(/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+    name: "block",
+    children: formatMessage({
+      id: 'fieldBlock'
+    })
+  }, "block"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
+    name: "hidden",
+    children: formatMessage({
+      id: 'fieldHidden'
+    })
+  }, "hidden"));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: style['field-editor-form'],
+    children: [/*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+      title: formatMessage({
+        id: 'fieldBasicSection'
+      }),
+      column: 1,
+      list: list
+    }), definition?.isSuperSelect ? /*#__PURE__*/jsxRuntime.jsx(SuperSelectPropsEditor, {
+      definition: definition
+    }) : hasFieldPropsEditor(fieldType, definition) ? /*#__PURE__*/jsxRuntime.jsx(FieldPropsEditor, {
+      type: fieldType,
+      definition: definition
+    }) : null, /*#__PURE__*/jsxRuntime.jsx(RulePresetEditor, {}), definition?.hasBuiltinData ? /*#__PURE__*/jsxRuntime.jsx(Text, {
+      type: "secondary",
+      children: formatMessage({
+        id: 'builtinDataHint'
+      })
+    }) : definition?.hasOptions ? /*#__PURE__*/jsxRuntime.jsx(OptionsEditor, {
+      value: options,
+      onChange: onOptionsChange,
+      allowDescription: definition.optionsAllowDescription,
+      allowChildren: definition.optionsAllowChildren,
+      hasColumns: definition.hasColumns,
+      columns: columns,
+      onColumnsChange: onColumnsChange
+    }) : null]
+  });
+};
+const FieldEditorModal = _ref3 => {
+  let {
+    open,
+    field,
+    fieldList,
+    onCancel,
+    onSave,
+    renderModal
+  } = _ref3;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const isMobile = responsiveUtils.useIsMobile();
+  const isEdit = !!field?.id;
+  const editorValues = react.useMemo(() => fieldToFormValues(field || createField$1()), [field, open]);
+  const formData = react.useMemo(() => {
+    const ruleConfig = editorValues.ruleConfig || {
+      presets: [],
+      lenMin: '',
+      lenMax: ''
+    };
+    return {
+      type: editorValues.type,
+      name: editorValues.name,
+      label: editorValues.label,
+      tips: editorValues.tips,
+      description: editorValues.description,
+      block: editorValues.block,
+      hidden: editorValues.hidden,
+      ...(editorValues.fieldProps || {}),
+      ...omitColumns(editorValues.selectProps || {}),
+      rulePresets: ruleConfig.presets || [],
+      lenMin: ruleConfig.lenMin === '' ? undefined : ruleConfig.lenMin,
+      lenMax: ruleConfig.lenMax === '' ? undefined : ruleConfig.lenMax
+    };
+  }, [editorValues]);
+  const [options, setOptions] = react.useState([{
+    label: '',
+    value: ''
+  }]);
+  const [columns, setColumns] = react.useState(() => [createEmptyColumn()]);
+  react.useEffect(() => {
+    if (!open) {
+      return;
+    }
+    setOptions(editorValues.options?.length ? editorValues.options : [{
+      label: '',
+      value: ''
+    }]);
+    setColumns(editorValues.selectProps?.columns?.length ? editorValues.selectProps.columns : [createEmptyColumn()]);
+  }, [open, editorValues]);
+  const handleSubmit = function (values) {
+    try {
+      if (!isFieldNameUnique(fieldList, values.name, field?.id)) {
+        antd.message.error(formatMessage({
+          id: 'fieldNameDuplicate'
+        }));
+        return Promise.resolve(false);
+      }
+      const definition = getFieldDefinition(values.type);
+      const normalizedColumns = definition?.hasColumns ? normalizeColumns(columns) : [];
+      const nextField = formValuesToField({
+        ...values,
+        ruleConfig: {
+          presets: values.rulePresets || [],
+          lenMin: values.lenMin ?? '',
+          lenMax: values.lenMax ?? ''
+        },
+        options: normalizeOptions(options, {
+          allowChildren: !!definition?.optionsAllowChildren,
+          columns: normalizedColumns
+        }),
+        selectProps: {
+          ...values,
+          columns: normalizedColumns
+        },
+        fieldProps: values
+      }, field || createField$1());
+      if (!nextField.id) {
+        nextField.id = createField$1().id;
+      }
+      onSave(nextField);
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const modalKey = open ? field?.id ? `edit-${field.id}` : `add-${formData.name}` : 'closed';
+  return /*#__PURE__*/jsxRuntime.jsx(FormInfo.FormModal, {
+    destroyOnHidden: true,
+    destroyOnClose: true,
+    title: formatMessage({
+      id: isEdit ? 'editField' : 'addField'
+    }),
+    open: open,
+    onCancel: onCancel,
+    width: isMobile ? 'calc(100vw - 32px)' : 760,
+    ...(renderModal ? {
+      renderModal
+    } : {}),
+    formProps: {
+      data: formData,
+      onSubmit: handleSubmit
+    },
+    okText: formatMessage({
+      id: 'confirm'
+    }),
+    cancelText: formatMessage({
+      id: 'cancel'
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsx(FieldConfigFields, {
+      initialType: formData.type,
+      options: options,
+      onOptionsChange: setOptions,
+      columns: columns,
+      onColumnsChange: setColumns
+    })
+  }, modalKey);
+};
+
+const FormActionsEditor = _ref => {
+  let {
+    open,
+    value,
+    onCancel,
+    onSave,
+    renderModal
+  } = _ref;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const isMobile = responsiveUtils.useIsMobile();
+  const formData = react.useMemo(() => normalizeFormActions(value), [value, open]);
+  const alignOptions = react.useMemo(() => [{
+    label: formatMessage({
+      id: 'formActionsAlignStart'
+    }),
+    value: 'start'
+  }, {
+    label: formatMessage({
+      id: 'formActionsAlignCenter'
+    }),
+    value: 'center'
+  }, {
+    label: formatMessage({
+      id: 'formActionsAlignEnd'
+    }),
+    value: 'end'
+  }], [formatMessage]);
+  const gapMarks = react.useMemo(() => ({
+    0: '0',
+    16: '16',
+    32: '32',
+    48: '48',
+    64: '64'
+  }), []);
+  return /*#__PURE__*/jsxRuntime.jsx(FormInfo.FormModal, {
+    destroyOnHidden: true,
+    destroyOnClose: true,
+    title: formatMessage({
+      id: 'formActionsSection'
+    }),
+    open: open,
+    onCancel: onCancel,
+    width: isMobile ? 'calc(100vw - 32px)' : 520,
+    ...(renderModal ? {
+      renderModal
+    } : {}),
+    formProps: {
+      data: formData,
+      onSubmit: values => {
+        onSave?.(normalizeFormActions(values));
+      }
+    },
+    okText: formatMessage({
+      id: 'confirm'
+    }),
+    cancelText: formatMessage({
+      id: 'cancel'
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: style['form-actions-editor'],
+      children: [/*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+        column: 2,
+        list: [/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Switch, {
+          name: "showSubmit",
+          label: formatMessage({
+            id: 'formActionsShowSubmit'
+          }),
+          className: style['form-actions-switch-field']
+        }, "showSubmit"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+          name: "submitText",
+          label: formatMessage({
+            id: 'formActionsSubmitText'
+          }),
+          placeholder: formatMessage({
+            id: 'formActionsSubmitTextHint'
+          }),
+          display: _ref2 => {
+            let {
+              openApi
+            } = _ref2;
+            return Boolean(openApi?.data?.showSubmit);
+          }
+        }, "submitText")]
+      }), /*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+        column: 2,
+        list: [/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Switch, {
+          name: "showReset",
+          label: formatMessage({
+            id: 'formActionsShowReset'
+          }),
+          className: style['form-actions-switch-field']
+        }, "showReset"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+          name: "resetText",
+          label: formatMessage({
+            id: 'formActionsResetText'
+          }),
+          placeholder: formatMessage({
+            id: 'formActionsResetTextHint'
+          }),
+          display: _ref3 => {
+            let {
+              openApi
+            } = _ref3;
+            return Boolean(openApi?.data?.showReset);
+          }
+        }, "resetText")]
+      }), /*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+        column: 2,
+        list: [/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Switch, {
+          name: "showCancel",
+          label: formatMessage({
+            id: 'formActionsShowCancel'
+          }),
+          className: style['form-actions-switch-field']
+        }, "showCancel"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
+          name: "cancelText",
+          label: formatMessage({
+            id: 'formActionsCancelText'
+          }),
+          placeholder: formatMessage({
+            id: 'formActionsCancelTextHint'
+          }),
+          display: _ref4 => {
+            let {
+              openApi
+            } = _ref4;
+            return Boolean(openApi?.data?.showCancel);
+          }
+        }, "cancelText")]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: style['form-actions-layout-panel'],
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: style['form-actions-layout-title'],
+          children: formatMessage({
+            id: 'formActionsLayoutSection'
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
+          column: 1,
+          list: [/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.RadioGroup, {
+            name: "align",
+            label: formatMessage({
+              id: 'formActionsAlign'
+            }),
+            optionType: "button",
+            buttonStyle: "solid",
+            options: alignOptions,
+            className: style['form-actions-align-group']
+          }, "align"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Slider, {
+            name: "gap",
+            label: formatMessage({
+              id: 'formActionsGap'
+            }),
+            min: 0,
+            max: 64,
+            step: 1,
+            marks: gapMarks,
+            tooltip: {
+              formatter: v => `${v ?? 0}px`
+            },
+            className: style['form-actions-gap-slider']
+          }, "gap")]
+        })]
+      })]
+    })
+  }, open ? 'form-actions-open' : 'form-actions-closed');
+};
+
+const buildLabelTips = tips => {
+  if (tips == null || !String(tips).trim()) {
+    return undefined;
+  }
+  return /*#__PURE__*/react.createElement(antd.Tooltip, {
+    title: tips
+  }, /*#__PURE__*/react.createElement(icons.QuestionCircleOutlined, {
+    className: style['field-label-tips-icon']
+  }));
+};
+const renderFieldElements = function (fields, preview) {
+  if (fields === void 0) {
+    fields = [];
+  }
+  return fields.filter(field => !field.hidden).map(field => {
+    const Component = getFieldComponent(field.type, field);
+    if (!Component) {
+      return null;
+    }
+    const definition = getFieldDefinition(field.type);
+    const props = {
+      ...(field.props || {})
+    };
+    if (definition?.optionsAllowDescription && props.options?.length && !props.api && !definition.optionsAllowChildren) {
+      props.api = createApiFromOptions(props.options);
+    }
+
+    // 空字符串会盖掉 react-form-antd / SuperSelect 的默认「请输入/请选择」占位
+    if (!Array.isArray(props.placeholder) && props.placeholder != null && !String(props.placeholder).trim()) {
+      delete props.placeholder;
+    }
+
+    // schema 内部标记，不传给 antd
+    delete props.range;
+    const description = field.description != null && String(field.description).trim() ? field.description : undefined;
+    return /*#__PURE__*/react.createElement(Component, {
+      key: field.id,
+      name: field.name,
+      label: field.label,
+      rule: field.rule || undefined,
+      block: field.block || undefined,
+      ...props,
+      labelTips: buildLabelTips(field.tips),
+      description
+    });
+  }).filter(Boolean);
+};
+const renderBlockElement = function (block, preview, _temp) {
+  let {
+    isMobile = false,
+    formatMessage
+  } = _temp === void 0 ? {} : _temp;
+  const fields = renderFieldElements(block.list);
+  const bordered = isMobile ? false : block.bordered || undefined;
+  switch (block.kind) {
+    case 'formInfo':
+      return /*#__PURE__*/react.createElement(FormInfo__default["default"], {
+        key: block.id,
+        title: block.title || undefined,
+        subtitle: block.subtitle || undefined,
+        column: block.column,
+        gap: block.gap,
+        bordered,
+        list: fields
+      });
+    case 'list':
+      return /*#__PURE__*/react.createElement(FormInfo.List, {
+        key: block.id,
+        name: block.name,
+        title: block.title || undefined,
+        important: block.important || undefined,
+        bordered,
+        maxLength: block.maxLength,
+        minLength: block.minLength,
+        // 不要传 addText: undefined，会盖掉 form-info 内部默认文案，变成畸形 icon-only 按钮
+        ...(block.addText ? {
+          addText: block.addText
+        } : {}),
+        ...(typeof block.itemTitle === 'function' || block.itemTitle ? {
+          itemTitle: block.itemTitle
+        } : {}),
+        list: fields
+      });
+    case 'tableList':
+      return /*#__PURE__*/react.createElement(FormInfo.TableList, {
+        key: block.id,
+        name: block.name,
+        title: block.title || undefined,
+        bordered,
+        maxLength: block.maxLength,
+        minLength: block.minLength,
+        ...(block.addText ? {
+          addText: block.addText
+        } : {}),
+        list: fields
+      });
+    case 'multiField':
+      {
+        const FieldComponent = getFieldComponent(block.fieldType);
+        if (!FieldComponent) {
+          return null;
+        }
+        return /*#__PURE__*/react.createElement(FormInfo.MultiField, {
+          key: block.id,
+          name: block.name,
+          label: block.label,
+          field: FieldComponent,
+          block: block.block || undefined,
+          ...(block.addText ? {
+            addText: block.addText
+          } : {})
+        });
+      }
+    case 'steps':
+      {
+        const bordered = isMobile ? false : block.bordered || undefined;
+        return /*#__PURE__*/react.createElement(FormInfo.Steps, {
+          key: block.id,
+          title: block.title || undefined,
+          subtitle: block.subtitle || undefined,
+          bordered,
+          items: (block.items || []).map(step => ({
+            key: step.id,
+            title: step.title,
+            column: step.column,
+            gap: block.gap,
+            list: renderFieldElements(step.list),
+            fieldNames: (step.list || []).filter(field => field && !field.hidden && field.name).map(field => field.name)
+          }))
+        });
+      }
+    default:
+      return null;
+  }
+};
+const renderSchemaInner = function (schema, _temp2) {
+  let {
+    preview = false,
+    className,
+    isMobile = false,
+    formatMessage,
+    children,
+    actionNode
+  } = _temp2 === void 0 ? {} : _temp2;
+  const normalized = normalizeSchema(schema);
+  const blocks = normalized.blocks || [];
+  const contentChildren = blocks.map(block => renderBlockElement(block, preview, {
+    isMobile,
+    formatMessage
+  })).filter(Boolean);
+  if (!contentChildren.length && !children && !actionNode) {
+    return null;
+  }
+  const body = /*#__PURE__*/react.createElement(react.Fragment, null, ...contentChildren, children, actionNode || null);
+  return className ? /*#__PURE__*/react.createElement('div', {
+    className
+  }, body) : body;
+};
+const renderSchemaContent = function (schema, _temp3) {
+  let {
+    preview = false,
+    formProps = {},
+    className,
+    isMobile = false,
+    formatMessage,
+    children,
+    actionNode
+  } = _temp3 === void 0 ? {} : _temp3;
+  const normalized = normalizeSchema(schema);
+  const blocks = normalized.blocks || [];
+  const contentChildren = blocks.map(block => renderBlockElement(block, preview, {
+    isMobile,
+    formatMessage
+  })).filter(Boolean);
+  if (!contentChildren.length && !children) {
+    return null;
+  }
+  const formClassName = [style['schema-form'], formProps.className, className].filter(Boolean).join(' ');
+  return /*#__PURE__*/react.createElement(FormInfo.Form, {
+    ...formProps,
+    className: formClassName
+  }, /*#__PURE__*/react.createElement('div', {
+    className: style['schema-body']
+  }, ...contentChildren, children), actionNode || null);
+};
+
+const resolveActionNode = _ref => {
+  let {
+    schema,
+    formatMessage,
+    actions,
+    showActions = true,
+    submitText,
+    resetText,
+    cancelText,
+    submitButtonProps,
+    resetButtonProps,
+    cancelButtonProps,
+    showSubmit,
+    showReset,
+    showCancel,
+    actionsAlign,
+    actionsGap
+  } = _ref;
+  if (showActions === false || actions === false || actions === null) {
+    return null;
+  }
+  const normalized = normalizeSchema(schema);
+  const schemaActions = normalizeFormActions(normalized.actions);
+  const resolvedShowSubmit = showSubmit ?? schemaActions.showSubmit;
+  const resolvedShowReset = showReset ?? schemaActions.showReset;
+  const resolvedShowCancel = showCancel ?? schemaActions.showCancel;
+  const resolvedAlign = actionsAlign || schemaActions.align || 'center';
+  const resolvedGap = actionsGap != null ? actionsGap : schemaActions.gap;
+  const resolvedSubmitText = (submitText != null && String(submitText).trim() ? submitText : null) || (schemaActions.submitText && String(schemaActions.submitText).trim() ? schemaActions.submitText : null) || formatMessage({
+    id: 'submit'
+  });
+  const resolvedResetText = (resetText != null && String(resetText).trim() ? resetText : null) || (schemaActions.resetText && String(schemaActions.resetText).trim() ? schemaActions.resetText : null) || formatMessage({
+    id: 'reset'
+  });
+  const resolvedCancelText = (cancelText != null && String(cancelText).trim() ? cancelText : null) || (schemaActions.cancelText && String(schemaActions.cancelText).trim() ? schemaActions.cancelText : null) || formatMessage({
+    id: 'cancel'
+  });
+  const resolvedSubmitButtonProps = {
+    ...(schemaActions.submitButtonProps || {}),
+    ...(submitButtonProps || {})
+  };
+  const resolvedResetButtonProps = {
+    ...(schemaActions.resetButtonProps || {}),
+    ...(resetButtonProps || {})
+  };
+  const resolvedCancelButtonProps = {
+    ...(schemaActions.cancelButtonProps || {}),
+    ...(cancelButtonProps || {})
+  };
+  const flexProps = {
+    className: style['schema-actions-inner'],
+    justify: resolvedAlign,
+    gap: resolvedGap ?? 16,
+    wrap: 'wrap'
+  };
+  if (actions !== undefined) {
+    return /*#__PURE__*/react.createElement('div', {
+      className: style['schema-actions']
+    }, /*#__PURE__*/react.createElement(antd.Flex, flexProps, actions));
+  }
+  if (!resolvedShowSubmit && !resolvedShowReset && !resolvedShowCancel) {
+    return null;
+  }
+  return /*#__PURE__*/react.createElement('div', {
+    className: style['schema-actions']
+  }, /*#__PURE__*/react.createElement(antd.Flex, flexProps, resolvedShowSubmit ? /*#__PURE__*/react.createElement(reactFormAntd.SubmitButton, {
+    type: 'primary',
+    ...resolvedSubmitButtonProps
+  }, resolvedSubmitText) : null, resolvedShowReset ? /*#__PURE__*/react.createElement(reactFormAntd.ResetButton, resolvedResetButtonProps, resolvedResetText) : null, resolvedShowCancel ? /*#__PURE__*/react.createElement(reactFormAntd.CancelButton, resolvedCancelButtonProps, resolvedCancelText) : null));
+};
+const SchemaRendererInner = withLocale(props => {
+  const {
+    schema,
+    preview = false,
+    className,
+    children,
+    showActions = true,
+    actions,
+    submitText,
+    resetText,
+    cancelText,
+    submitButtonProps,
+    resetButtonProps,
+    cancelButtonProps,
+    showSubmit,
+    showReset,
+    showCancel,
+    actionsAlign,
+    actionsGap
+  } = props;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const isMobile = responsiveUtils.useIsMobile();
+  const normalized = normalizeSchema(schema);
+  if (!hasRenderableContent(normalized)) {
+    return null;
+  }
+  const actionNode = resolveActionNode({
+    schema: normalized,
+    formatMessage,
+    showActions,
+    actions,
+    submitText,
+    resetText,
+    cancelText,
+    submitButtonProps,
+    resetButtonProps,
+    cancelButtonProps,
+    showSubmit,
+    showReset,
+    showCancel,
+    actionsAlign,
+    actionsGap
+  });
+  return renderSchemaInner(normalized, {
+    preview,
+    className,
+    isMobile,
+    formatMessage,
+    children,
+    actionNode
+  });
+});
+const SchemaRenderer = withLocale(props => {
+  const {
+    schema,
+    formProps = {},
+    preview = false,
+    className,
+    children,
+    showActions = true,
+    actions,
+    submitText,
+    resetText,
+    cancelText,
+    submitButtonProps,
+    resetButtonProps,
+    cancelButtonProps,
+    showSubmit,
+    showReset,
+    showCancel,
+    actionsAlign,
+    actionsGap
+  } = props;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const isMobile = responsiveUtils.useIsMobile();
+  const normalized = normalizeSchema(schema);
+  if (!hasRenderableContent(normalized)) {
+    return null;
+  }
+  const actionNode = resolveActionNode({
+    schema: normalized,
+    formatMessage,
+    showActions,
+    actions,
+    submitText,
+    resetText,
+    cancelText,
+    submitButtonProps,
+    resetButtonProps,
+    cancelButtonProps,
+    showSubmit,
+    showReset,
+    showCancel,
+    actionsAlign,
+    actionsGap
+  });
+  return renderSchemaContent(normalized, {
+    preview,
+    formProps,
+    className,
+    isMobile,
+    formatMessage,
+    children,
+    actionNode
+  });
+});
+
+const FormCreator = withLocale(_ref => {
+  let {
+    value,
+    defaultValue,
+    onChange,
+    showPreview = true,
+    className,
+    formProps,
+    renderModal
+  } = _ref;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const isMobile = responsiveUtils.useIsMobile();
+  const [innerSchema, setInnerSchema] = react.useState(() => normalizeSchema(defaultValue || defaultSchema()));
+  const [blockEditorOpen, setBlockEditorOpen] = react.useState(false);
+  const [editingBlock, setEditingBlock] = react.useState(null);
+  const [stepEditorOpen, setStepEditorOpen] = react.useState(false);
+  const [stepContext, setStepContext] = react.useState(null);
+  const [fieldEditorOpen, setFieldEditorOpen] = react.useState(false);
+  const [fieldContext, setFieldContext] = react.useState(null);
+  const [editingField, setEditingField] = react.useState(null);
+  const [formActionsOpen, setFormActionsOpen] = react.useState(false);
+  const schema = react.useMemo(() => normalizeSchema(value ?? innerSchema), [value, innerSchema]);
+  const updateSchema = nextSchema => {
+    const normalized = normalizeSchema(nextSchema);
+    if (value === undefined) {
+      setInnerSchema(normalized);
+    }
+    onChange?.(normalized);
+  };
+  const handleAddBlock = kind => {
+    setEditingBlock(createBlock(kind));
+    setBlockEditorOpen(true);
+  };
+  const handleEditBlock = block => {
+    setEditingBlock(block);
+    setBlockEditorOpen(true);
+  };
+  const handleSaveBlock = block => {
+    const exists = schema.blocks.some(item => item.id === block.id);
+    updateSchema({
+      ...schema,
+      blocks: exists ? schema.blocks.map(item => item.id === block.id ? block : item) : [...schema.blocks, block]
+    });
+    setBlockEditorOpen(false);
+    setEditingBlock(null);
+  };
+  const handleDeleteBlock = blockId => {
+    updateSchema({
+      ...schema,
+      blocks: schema.blocks.filter(item => item.id !== blockId)
+    });
+  };
+  const handleMoveBlock = (blockId, direction) => {
+    updateSchema({
+      ...schema,
+      blocks: moveItem(schema.blocks, blockId, direction)
+    });
+  };
+  const handleAddStep = blockId => {
+    setStepContext({
+      blockId,
+      step: createStep()
+    });
+    setStepEditorOpen(true);
+  };
+  const handleEditStep = (blockId, step) => {
+    setStepContext({
+      blockId,
+      step
+    });
+    setStepEditorOpen(true);
+  };
+  const handleSaveStep = step => {
+    const {
+      blockId
+    } = stepContext;
+    updateSchema(mapBlocks(schema, blockId, block => {
+      const exists = (block.items || []).some(item => item.id === step.id);
+      return {
+        ...block,
+        items: exists ? block.items.map(item => item.id === step.id ? step : item) : [...(block.items || []), step]
+      };
+    }));
+    setStepEditorOpen(false);
+    setStepContext(null);
+  };
+  const handleDeleteStep = (blockId, stepId) => {
+    updateSchema(mapBlocks(schema, blockId, block => ({
+      ...block,
+      items: (block.items || []).filter(item => item.id !== stepId)
+    })));
+  };
+  const handleMoveStep = (blockId, stepId, direction) => {
+    updateSchema(mapBlocks(schema, blockId, block => ({
+      ...block,
+      items: moveItem(block.items || [], stepId, direction)
+    })));
+  };
+  const handleAddField = (blockId, stepId) => {
+    setFieldContext({
+      blockId,
+      stepId
+    });
+    setEditingField(null);
+    setFieldEditorOpen(true);
+  };
+  const handleEditField = (blockId, field, stepId) => {
+    setFieldContext({
+      blockId,
+      stepId
+    });
+    setEditingField(field);
+    setFieldEditorOpen(true);
+  };
+  const handleSaveField = field => {
+    const {
+      blockId,
+      stepId
+    } = fieldContext;
+    updateSchema(mapBlocks(schema, blockId, block => {
+      if (block.kind === 'steps') {
+        return {
+          ...block,
+          items: (block.items || []).map(step => {
+            if (step.id !== stepId) {
+              return step;
+            }
+            const exists = (step.list || []).some(item => item.id === field.id);
+            return {
+              ...step,
+              list: exists ? step.list.map(item => item.id === field.id ? field : item) : [...(step.list || []), field]
+            };
+          })
+        };
+      }
+      const exists = (block.list || []).some(item => item.id === field.id);
+      return {
+        ...block,
+        list: exists ? block.list.map(item => item.id === field.id ? field : item) : [...(block.list || []), field]
+      };
+    }));
+    setFieldEditorOpen(false);
+    setFieldContext(null);
+    setEditingField(null);
+  };
+  const handleDeleteField = (blockId, fieldId, stepId) => {
+    updateSchema(mapBlocks(schema, blockId, block => {
+      if (block.kind === 'steps') {
+        return {
+          ...block,
+          items: (block.items || []).map(step => step.id === stepId ? {
+            ...step,
+            list: (step.list || []).filter(item => item.id !== fieldId)
+          } : step)
+        };
+      }
+      return {
+        ...block,
+        list: (block.list || []).filter(item => item.id !== fieldId)
+      };
+    }));
+  };
+  const handleMoveField = (blockId, fieldId, direction, stepId) => {
+    updateSchema(mapBlocks(schema, blockId, block => {
+      if (block.kind === 'steps') {
+        return {
+          ...block,
+          items: (block.items || []).map(step => step.id === stepId ? {
+            ...step,
+            list: moveItem(step.list || [], fieldId, direction)
+          } : step)
+        };
+      }
+      return {
+        ...block,
+        list: moveItem(block.list || [], fieldId, direction)
+      };
+    }));
+  };
+  const currentFieldScope = fieldContext ? collectSchemaFields(schema, {
+    blockId: fieldContext.blockId,
+    stepId: fieldContext.stepId
+  }) : [];
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: [style['form-creator'], responsiveUtils.RESPONSIVE_BOUNDARY_CLASS, isMobile ? style['is-mobile'] : '', className].filter(Boolean).join(' '),
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: style['editor-pane'],
+      children: /*#__PURE__*/jsxRuntime.jsx(BlockListPanel, {
+        blocks: schema.blocks,
+        onAddBlock: handleAddBlock,
+        onEditBlock: handleEditBlock,
+        onDeleteBlock: handleDeleteBlock,
+        onMoveBlock: handleMoveBlock,
+        onAddField: handleAddField,
+        onEditField: handleEditField,
+        onDeleteField: handleDeleteField,
+        onMoveField: handleMoveField,
+        onAddStep: handleAddStep,
+        onEditStep: handleEditStep,
+        onDeleteStep: handleDeleteStep,
+        onMoveStep: handleMoveStep,
+        onOpenFormActions: () => setFormActionsOpen(true)
+      })
+    }), showPreview ? /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: style['preview-pane'],
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: style['preview-body'],
+        children: hasRenderableContent(schema) ? /*#__PURE__*/jsxRuntime.jsx(SchemaRenderer, {
+          schema: schema,
+          preview: true,
+          formProps: formProps
+        }) : /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
+          image: antd.Empty.PRESENTED_IMAGE_SIMPLE,
+          description: formatMessage({
+            id: 'emptyBlockList'
+          })
+        })
+      })
+    }) : null, /*#__PURE__*/jsxRuntime.jsx(BlockEditorModal, {
+      open: blockEditorOpen,
+      block: editingBlock,
+      renderModal: renderModal,
+      onCancel: () => {
+        setBlockEditorOpen(false);
+        setEditingBlock(null);
+      },
+      onSave: handleSaveBlock
+    }), /*#__PURE__*/jsxRuntime.jsx(StepEditorModal, {
+      open: stepEditorOpen,
+      step: stepContext?.step,
+      renderModal: renderModal,
+      onCancel: () => {
+        setStepEditorOpen(false);
+        setStepContext(null);
+      },
+      onSave: handleSaveStep
+    }), /*#__PURE__*/jsxRuntime.jsx(FieldEditorModal, {
+      open: fieldEditorOpen,
+      field: editingField,
+      fieldList: currentFieldScope,
+      renderModal: renderModal,
+      onCancel: () => {
+        setFieldEditorOpen(false);
+        setFieldContext(null);
+        setEditingField(null);
+      },
+      onSave: handleSaveField
+    }), /*#__PURE__*/jsxRuntime.jsx(FormActionsEditor, {
+      open: formActionsOpen,
+      value: schema.actions,
+      renderModal: renderModal,
+      onCancel: () => setFormActionsOpen(false),
+      onSave: actions => {
+        updateSchema({
+          ...schema,
+          actions
+        });
+        setFormActionsOpen(false);
+      }
+    })]
+  });
+});
+
+exports.FormCreator = FormCreator;
+exports.RULE_LEN_PRESET = RULE_LEN_PRESET;
+exports.RULE_PRESET_ITEMS = RULE_PRESET_ITEMS;
+exports.SchemaRenderer = SchemaRenderer;
+exports.SchemaRendererInner = SchemaRendererInner;
+exports.applyFromPropsSchema = applyFromPropsSchema;
+exports.blockToFormValues = blockToFormValues;
+exports.buildRuleString = buildRuleString;
+exports.collectSchemaFields = collectSchemaFields;
+exports.createBlock = createBlock;
+exports.createField = createField$1;
+exports.createFieldId = createFieldId;
+exports.createStep = createStep;
+exports["default"] = FormCreator;
+exports.defaultFormActions = defaultFormActions;
+exports.defaultSchema = defaultSchema;
+exports.fieldToFormValues = fieldToFormValues;
+exports.findBlock = findBlock;
+exports.formValuesToBlock = formValuesToBlock;
+exports.formValuesToField = formValuesToField;
+exports.getBlockDefinition = getBlockDefinition;
+exports.getBlockKindOptions = getBlockKindOptions;
+exports.getFieldComponent = getFieldComponent;
+exports.getFieldDefinition = getFieldDefinition;
+exports.getFieldTypes = getFieldTypes;
+exports.getRulePresetItems = getRulePresetItems;
+exports.hasRenderableContent = hasRenderableContent;
+exports.isFieldNameUnique = isFieldNameUnique;
+exports.mapBlocks = mapBlocks;
+exports.moveItem = moveItem;
+exports.normalizeBlock = normalizeBlock;
+exports.normalizeFormActions = normalizeFormActions;
+exports.normalizeOptions = normalizeOptions;
+exports.normalizeSchema = normalizeSchema;
+exports.parseRuleString = parseRuleString;
+exports.pickFieldProps = pickFieldProps;
+exports.pickFromPropsSchema = pickFromPropsSchema;
+exports.registerField = registerField;
+exports.registerRulePreset = registerRulePreset;
+exports.updateBlocks = updateBlocks;
+//# sourceMappingURL=index.js.map