@kne/form-creator 0.1.2

package/dist/index.modern.js

@@ -0,0 +1,4228 @@
+import { useState, useMemo, useEffect, createElement, Fragment } from 'react';
+import { Space, Tag, Button, Typography, Flex, Dropdown, Empty, message, Checkbox as Checkbox$1, Input as Input$1, InputNumber as InputNumber$1, Card, Tooltip } from 'antd';
+import { createWithIntlProvider, useIntl } from '@kne/react-intl';
+import { useIsMobile, RESPONSIVE_BOUNDARY_CLASS } from '@kne/responsive-utils';
+import { ArrowUpOutlined, ArrowDownOutlined, EditOutlined, DeleteOutlined, PlusOutlined, SettingOutlined, FormOutlined, UnorderedListOutlined, TableOutlined, AppstoreOutlined, OrderedListOutlined, ApartmentOutlined, QuestionCircleOutlined } from '@ant-design/icons';
+import { hooks, Input, TextArea, InputNumber, Select, RadioGroup, CheckboxGroup, Switch, Checkbox, DatePicker, useFormContext, Slider, SubmitButton, ResetButton, CancelButton } from '@kne/react-form-antd';
+import SelectList, { SelectTableList, SelectTree, SelectCascader } from '@kne/super-select';
+import { SelectFunction, SelectIndustry, SelectAddress } from '@kne/super-select-plus';
+import '@kne/super-select/dist/index.css';
+import '@kne/super-select-plus/dist/index.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import FormInfo, { FormModal, Form, Steps, MultiField, TableList, List } from '@kne/form-info';
+import '@kne/form-info/dist/index.css';
+import '@kne/info-page/dist/index.css';
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+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 = 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 = (prefix = 'field') => `${prefix}_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 6)}`;
+const isAutoDataKey = (value, prefix = 'field') => 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 = (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 _extends({
+    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: _extends({}, actions.submitButtonProps)
+  } : {}, actions.resetButtonProps && typeof actions.resetButtonProps === 'object' ? {
+    resetButtonProps: _extends({}, actions.resetButtonProps)
+  } : {}, actions.cancelButtonProps && typeof actions.cancelButtonProps === 'object' ? {
+    cancelButtonProps: _extends({}, actions.cancelButtonProps)
+  } : {});
+};
+const createField$1 = (overrides = {}) => _extends({
+  id: createFieldId(),
+  type: 'Input',
+  name: createDataKey('field'),
+  label: '',
+  tips: '',
+  description: '',
+  rule: '',
+  block: false,
+  hidden: false,
+  props: {}
+}, overrides);
+const createBlock = (kind, 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 _extends({}, base, {
+      list: undefined,
+      items: [createStep()]
+    }, overrides);
+  }
+  if (kind === 'multiField') {
+    return _extends({}, base, {
+      list: undefined
+    }, overrides);
+  }
+  return _extends({}, base, overrides);
+};
+const createStep = (overrides = {}) => _extends({
+  id: createFieldId(),
+  title: '',
+  column: 2,
+  list: []
+}, overrides);
+const normalizeField = field => _extends({}, createField$1(), field, {
+  props: _extends({}, field.props || {})
+});
+const normalizeStep = step => _extends({}, createStep(), step, {
+  list: Array.isArray(step.list) ? step.list.map(normalizeField) : []
+});
+const normalizeBlock = block => {
+  const kind = block.kind || 'formInfo';
+  const normalized = _extends({}, 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 = (schema = {}) => {
+  const base = defaultSchema();
+  if (Array.isArray(schema.blocks)) {
+    return _extends({}, base, schema, {
+      actions: normalizeFormActions(schema.actions),
+      blocks: schema.blocks.map(normalizeBlock)
+    });
+  }
+  if (Array.isArray(schema.list) && schema.list.length) {
+    return _extends({}, 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 _extends({}, 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 = (schema, {
+  blockId,
+  stepId
+} = {}) => {
+  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) => _extends({}, 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(([value, config]) => ({
+  label: config.label,
+  value
+}));
+const getBlockDefinition = kind => BLOCK_KINDS[kind];
+const blockToFormValues = block => {
+  var _block$column, _block$gap, _block$maxLength, _block$minLength;
+  return {
+    kind: block.kind,
+    title: block.title || '',
+    subtitle: block.subtitle || '',
+    column: (_block$column = block.column) != null ? _block$column : 2,
+    gap: (_block$gap = block.gap) != null ? _block$gap : 24,
+    bordered: !!block.bordered,
+    important: !!block.important,
+    name: block.name || '',
+    label: block.label || '',
+    addText: block.addText || '',
+    maxLength: (_block$maxLength = block.maxLength) != null ? _block$maxLength : null,
+    minLength: (_block$minLength = block.minLength) != null ? _block$minLength : null,
+    fieldType: block.fieldType || 'Input',
+    autoStep: block.autoStep !== false
+  };
+};
+const formValuesToBlock = (values, existingBlock = {}) => {
+  var _values$column, _values$gap, _values$maxLength, _values$minLength;
+  return _extends({}, existingBlock, {
+    kind: values.kind || existingBlock.kind,
+    title: values.title,
+    subtitle: values.subtitle,
+    column: (_values$column = values.column) != null ? _values$column : 2,
+    gap: (_values$gap = values.gap) != null ? _values$gap : 24,
+    bordered: !!values.bordered,
+    important: !!values.important,
+    name: values.name,
+    label: values.label,
+    addText: values.addText || undefined,
+    maxLength: (_values$maxLength = values.maxLength) != null ? _values$maxLength : undefined,
+    minLength: (_values$minLength = values.minLength) != null ? _values$minLength : undefined,
+    fieldType: values.fieldType || 'Input',
+    autoStep: values.autoStep !== false
+  });
+};
+const stepToFormValues = step => {
+  var _step$column;
+  return {
+    title: step.title || '',
+    column: (_step$column = step.column) != null ? _step$column : 2
+  };
+};
+const formValuesToStep = (values, existingStep = {}) => {
+  var _values$column2;
+  return _extends({}, existingStep, {
+    title: values.title,
+    column: (_values$column2 = values.column) != null ? _values$column2 : 2
+  });
+};
+
+const _excluded$3 = ["children"];
+const mapOptionItem = item => {
+  if (!item || typeof item !== 'object') {
+    return item;
+  }
+  const {
+      children
+    } = item,
+    rest = _objectWithoutPropertiesLoose(item, _excluded$3);
+  const next = _extends({}, rest);
+  if (Array.isArray(children) && children.length) {
+    next.children = children.map(mapOptionItem);
+  }
+  return next;
+};
+const createApiFromOptions = (options = []) => ({
+  loader: () => ({
+    pageData: options.map(mapOptionItem)
+  })
+});
+
+const _excluded$2 = ["options", "api", "placeholder"];
+const {
+  useOnChange: useOnChange$1
+} = hooks;
+const hasNestedOptions = options => Array.isArray(options) && options.some(item => Array.isArray(item == null ? void 0 : item.children) && item.children.length);
+const createField = (Component, {
+  preferOptions: _preferOptions = false,
+  placeholderPrefix: _placeholderPrefix = '请选择'
+} = {}) => {
+  const Field = props => {
+    const {
+        options,
+        api,
+        placeholder
+      } = props,
+      rest = _objectWithoutPropertiesLoose(props, _excluded$2);
+    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);
+const SuperSelectTableList = createField(SelectTableList, {
+  preferOptions: true
+});
+const SuperSelectTree = createField(SelectTree, {
+  preferOptions: true
+});
+const SuperSelectCascader = createField(SelectCascader, {
+  preferOptions: true
+});
+const SelectFunctionField = createField(SelectFunction);
+const SelectIndustryField = createField(SelectIndustry);
+const SelectAddressField = createField(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 != null && 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 = ({
+  presets: _presets = [],
+  lenMin,
+  lenMax
+} = {}) => {
+  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, _extends({
+    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: Input,
+  defaultProps: {
+    allowClear: true
+  },
+  hasFieldProps: true
+});
+defineField('TextArea', {
+  label: '多行文本',
+  group: '基础字段',
+  component: TextArea,
+  defaultProps: {
+    rows: 3
+  },
+  defaults: {
+    block: true
+  },
+  hasFieldProps: true
+});
+defineField('InputNumber', {
+  label: '数字',
+  group: '基础字段',
+  component: InputNumber,
+  defaultProps: {},
+  hasFieldProps: true
+});
+defineField('Select', {
+  label: '下拉选择',
+  group: '选择字段',
+  component: Select,
+  defaultProps: {
+    options: [],
+    allowClear: true
+  },
+  hasOptions: true,
+  hasFieldProps: true
+});
+defineField('RadioGroup', {
+  label: '单选组',
+  group: '选择字段',
+  component: RadioGroup,
+  defaultProps: {
+    options: []
+  },
+  hasOptions: true
+});
+defineField('CheckboxGroup', {
+  label: '复选组',
+  group: '选择字段',
+  component: 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: Switch,
+  defaultProps: {},
+  hasFieldProps: true
+});
+defineField('Checkbox', {
+  label: '复选框',
+  group: '基础字段',
+  component: Checkbox,
+  defaultProps: {
+    children: ''
+  }
+});
+defineField('DatePicker', {
+  label: '日期',
+  group: '基础字段',
+  component: DatePicker,
+  defaultProps: {
+    format: 'YYYY-MM-DD',
+    picker: 'date',
+    allowClear: true,
+    range: false,
+    showTime: false
+  },
+  hasFieldProps: true,
+  resolveComponent: props => props != null && props.range ? DatePicker.RangePicker || DatePicker : 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) => {
+  var _definition$hasFieldP;
+  const propsSchema = Array.isArray(definition == null ? void 0 : definition.propsSchema) ? definition.propsSchema : undefined;
+  const groupName = (definition == null ? void 0 : definition.groupName) != null && String(definition.groupName).trim() ? String(definition.groupName).trim() : undefined;
+  defineField(type, _extends({}, definition, {
+    propsSchema,
+    groupName,
+    hasFieldProps: (_definition$hasFieldP = definition.hasFieldProps) != null ? _definition$hasFieldP : !!(propsSchema && propsSchema.length)
+  }));
+};
+const pickFromPropsSchema = (props = {}, propsSchema = [], defaultProps = {}) => {
+  const next = {};
+  propsSchema.forEach(item => {
+    if (!(item != null && 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 ? fallback : null;
+      return;
+    }
+    if (item.type === 'select') {
+      next[key] = props[key] !== undefined ? props[key] : fallback;
+      return;
+    }
+    next[key] = props[key] != null ? props[key] : fallback != null ? fallback : '';
+  });
+  return next;
+};
+const applyFromPropsSchema = (props, values = {}, propsSchema = []) => {
+  propsSchema.forEach(item => {
+    if (!(item != null && 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 == null ? void 0 : 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(({
+      type,
+      label
+    }) => ({
+      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 = (options, {
+  allowChildren: _allowChildren = false,
+  columns: _columns = []
+} = {}) => {
+  if (!Array.isArray(options)) {
+    return [];
+  }
+  const columnNames = (_columns || []).map(item => item == null ? void 0 : item.name).filter(Boolean);
+  return options.map(item => {
+    var _item$label, _item$value, _item$description;
+    const next = {
+      label: (_item$label = item == null ? void 0 : item.label) != null ? _item$label : '',
+      value: (_item$value = item == null ? void 0 : item.value) != null ? _item$value : '',
+      description: (_item$description = item == null ? void 0 : item.description) != null ? _item$description : ''
+    };
+    columnNames.forEach(name => {
+      var _item$name;
+      next[name] = (_item$name = item == null ? void 0 : item[name]) != null ? _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 == null ? void 0 : item.children) && item.children.length) {
+      next.children = normalizeOptions(item.children, {
+        allowChildren: true,
+        columns: _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) => {
+    var _item$title;
+    const title = (_item$title = item == null ? void 0 : item.title) != null ? _item$title : '';
+    const name = String((item == null ? void 0 : item.name) || (item == null ? void 0 : item.dataIndex) || (item == null ? void 0 : item.key) || '').trim() || `col_${index + 1}`;
+    const next = {
+      title,
+      name,
+      key: name
+    };
+    if ((item == null ? void 0 : 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) {
+    var _definition$defaultPr, _definition$defaultPr2;
+    props.labelKey = ((_definition$defaultPr = definition.defaultProps) == null ? void 0 : _definition$defaultPr.labelKey) || 'label';
+    props.valueKey = ((_definition$defaultPr2 = definition.defaultProps) == null ? void 0 : _definition$defaultPr2.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) => {
+  var _props$rows, _definition$propsSche;
+  const props = field.props || {};
+  const type = (definition == null ? void 0 : 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 = props.rows) != null ? _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 != null && (_definition$propsSche = definition.propsSchema) != null && _definition$propsSche.length) {
+        return pickFromPropsSchema(props, definition.propsSchema, definition.defaultProps || {});
+      }
+      return {};
+  }
+};
+const applyFieldProps = (props, values, definition) => {
+  var _values$rows, _definition$propsSche2;
+  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 = values.rows) != null ? _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 != null && (_definition$propsSche2 = definition.propsSchema) != null && _definition$propsSche2.length) {
+        applyFromPropsSchema(props, values, definition.propsSchema);
+      }
+      break;
+  }
+};
+const fieldToFormValues = field => {
+  var _field$props, _field$props2, _field$props3;
+  const definition = getFieldDefinition(field.type);
+  const ruleConfig = parseRuleString(field.rule);
+  const allowChildren = !!(definition != null && definition.optionsAllowChildren);
+  const columns = definition != null && definition.hasColumns ? normalizeColumns((_field$props = field.props) == null ? void 0 : _field$props.columns) : [];
+  const options = normalizeOptions((_field$props2 = field.props) == null ? void 0 : _field$props2.options, {
+    allowChildren,
+    columns
+  });
+  const rawPlaceholder = (_field$props3 = field.props) == null ? void 0 : _field$props3.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 != null && definition.hasOptions),
+    selectProps: definition != null && definition.isSuperSelect ? pickSuperSelectFormValues(field) : undefined,
+    fieldProps: definition != null && definition.hasFieldProps ? pickFieldProps(field, definition) : undefined
+  };
+};
+const formValuesToField = (values, existingField = {}) => {
+  var _ref, _values$block, _definition$defaults;
+  const definition = getFieldDefinition(values.type) || getFieldDefinition('Input');
+  // 不沿用旧类型残留 props，避免切换填写项类型后参数串味
+  const props = _extends({}, 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: (_ref = (_values$block = values.block) != null ? _values$block : (_definition$defaults = definition.defaults) == null ? void 0 : _definition$defaults.block) != null ? _ref : 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
+} = 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 = ({
+  field,
+  index,
+  total,
+  onEdit,
+  onDelete,
+  onMove
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const definition = getFieldDefinition(field.type);
+  return /*#__PURE__*/jsxs("div", {
+    className: style['field-row'],
+    children: [/*#__PURE__*/jsx("span", {
+      className: style['field-row-index'],
+      children: index + 1
+    }), /*#__PURE__*/jsx("div", {
+      className: style['field-row-main'],
+      children: /*#__PURE__*/jsxs(Space, {
+        size: 6,
+        wrap: true,
+        children: [/*#__PURE__*/jsx(Text$4, {
+          strong: true,
+          ellipsis: true,
+          children: field.label || formatMessage({
+            id: 'untitledField'
+          })
+        }), /*#__PURE__*/jsx(Tag, {
+          bordered: false,
+          color: TYPE_TAG_COLORS[field.type] || 'default',
+          children: (definition == null ? void 0 : definition.label) || field.type
+        }), field.hidden ? /*#__PURE__*/jsx(Tag, {
+          bordered: false,
+          children: formatMessage({
+            id: 'fieldHiddenTag'
+          })
+        }) : null, field.block ? /*#__PURE__*/jsx(Tag, {
+          bordered: false,
+          color: "processing",
+          children: formatMessage({
+            id: 'fieldBlockTag'
+          })
+        }) : null]
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: style['action-group'],
+      children: [/*#__PURE__*/jsx(Button, {
+        type: "text",
+        size: "small",
+        className: style['action-btn'],
+        title: formatMessage({
+          id: 'moveUp'
+        }),
+        icon: /*#__PURE__*/jsx(ArrowUpOutlined, {}),
+        disabled: index === 0,
+        onClick: () => onMove(field.id, 'up')
+      }), /*#__PURE__*/jsx(Button, {
+        type: "text",
+        size: "small",
+        className: style['action-btn'],
+        title: formatMessage({
+          id: 'moveDown'
+        }),
+        icon: /*#__PURE__*/jsx(ArrowDownOutlined, {}),
+        disabled: index === total - 1,
+        onClick: () => onMove(field.id, 'down')
+      }), /*#__PURE__*/jsx(Button, {
+        type: "text",
+        size: "small",
+        className: style['action-btn'],
+        title: formatMessage({
+          id: 'editField'
+        }),
+        icon: /*#__PURE__*/jsx(EditOutlined, {}),
+        onClick: () => onEdit(field)
+      }), /*#__PURE__*/jsx(Button, {
+        type: "text",
+        size: "small",
+        danger: true,
+        className: style['action-btn'],
+        title: formatMessage({
+          id: 'deleteField'
+        }),
+        icon: /*#__PURE__*/jsx(DeleteOutlined, {}),
+        onClick: () => onDelete(field.id)
+      })]
+    })]
+  });
+};
+
+const _excluded$1 = ["title", "danger"];
+const {
+  Text: Text$3
+} = Typography;
+const ActionGroup = ({
+  children
+}) => /*#__PURE__*/jsx("div", {
+  className: style['action-group'],
+  children: children
+});
+const IconBtn = _ref => {
+  let {
+      title,
+      danger
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  return /*#__PURE__*/jsx(Button, _extends({
+    type: "text",
+    size: "small",
+    title: title,
+    danger: danger,
+    className: style['action-btn']
+  }, props));
+};
+const BlockListPanel = ({
+  blocks,
+  onAddBlock,
+  onEditBlock,
+  onDeleteBlock,
+  onMoveBlock,
+  onAddField,
+  onEditField,
+  onDeleteField,
+  onMoveField,
+  onAddStep,
+  onEditStep,
+  onDeleteStep,
+  onMoveStep,
+  onOpenFormActions
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const [addMenuOpen, setAddMenuOpen] = useState(false);
+  const addBlockOptions = [{
+    key: 'formInfo',
+    icon: /*#__PURE__*/jsx(FormOutlined, {})
+  }, {
+    key: 'list',
+    icon: /*#__PURE__*/jsx(UnorderedListOutlined, {})
+  }, {
+    key: 'tableList',
+    icon: /*#__PURE__*/jsx(TableOutlined, {})
+  }, {
+    key: 'multiField',
+    icon: /*#__PURE__*/jsx(AppstoreOutlined, {})
+  }, {
+    key: 'steps',
+    icon: /*#__PURE__*/jsx(OrderedListOutlined, {})
+  }];
+  const renderFieldList = (fields, blockId, stepId) => {
+    if (!(fields || []).length) {
+      return /*#__PURE__*/jsx(Text$3, {
+        type: "secondary",
+        className: style['inline-empty'],
+        children: formatMessage({
+          id: 'emptyFieldList'
+        })
+      });
+    }
+    return /*#__PURE__*/jsx("div", {
+      className: style['field-list'],
+      children: fields.map((field, fieldIndex) => /*#__PURE__*/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__*/jsxs("div", {
+        className: style['block-body'],
+        children: [/*#__PURE__*/jsxs("div", {
+          className: style['section-toolbar'],
+          children: [/*#__PURE__*/jsx(Text$3, {
+            type: "secondary",
+            className: style['section-toolbar-label'],
+            children: formatMessage({
+              id: 'stepListTitle'
+            })
+          }), /*#__PURE__*/jsx(Button, {
+            type: "text",
+            size: "small",
+            icon: /*#__PURE__*/jsx(PlusOutlined, {}),
+            className: `${style['add-inline-btn']} ${style['hover-reveal']}`,
+            onClick: () => onAddStep(block.id),
+            children: formatMessage({
+              id: 'addStep'
+            })
+          })]
+        }), (block.items || []).length ? /*#__PURE__*/jsx("div", {
+          className: style['step-list'],
+          children: (block.items || []).map((step, stepIndex) => {
+            var _step$list, _block$items;
+            return /*#__PURE__*/jsxs("div", {
+              className: style['step-section'],
+              children: [/*#__PURE__*/jsxs("div", {
+                className: style['step-section-header'],
+                children: [/*#__PURE__*/jsxs(Space, {
+                  size: 8,
+                  className: style['step-section-title'],
+                  children: [/*#__PURE__*/jsx("span", {
+                    className: style['step-index'],
+                    children: stepIndex + 1
+                  }), /*#__PURE__*/jsx(Text$3, {
+                    strong: true,
+                    children: step.title || formatMessage({
+                      id: 'untitledStep'
+                    }, {
+                      index: stepIndex + 1
+                    })
+                  }), /*#__PURE__*/jsx(Text$3, {
+                    type: "secondary",
+                    children: formatMessage({
+                      id: 'fieldCount'
+                    }, {
+                      count: ((_step$list = step.list) == null ? void 0 : _step$list.length) || 0
+                    })
+                  })]
+                }), /*#__PURE__*/jsxs(ActionGroup, {
+                  children: [/*#__PURE__*/jsx(IconBtn, {
+                    title: formatMessage({
+                      id: 'moveUp'
+                    }),
+                    icon: /*#__PURE__*/jsx(ArrowUpOutlined, {}),
+                    disabled: stepIndex === 0,
+                    onClick: () => onMoveStep(block.id, step.id, 'up')
+                  }), /*#__PURE__*/jsx(IconBtn, {
+                    title: formatMessage({
+                      id: 'moveDown'
+                    }),
+                    icon: /*#__PURE__*/jsx(ArrowDownOutlined, {}),
+                    disabled: stepIndex === (((_block$items = block.items) == null ? void 0 : _block$items.length) || 0) - 1,
+                    onClick: () => onMoveStep(block.id, step.id, 'down')
+                  }), /*#__PURE__*/jsx(IconBtn, {
+                    title: formatMessage({
+                      id: 'editStep'
+                    }),
+                    icon: /*#__PURE__*/jsx(EditOutlined, {}),
+                    onClick: () => onEditStep(block.id, step)
+                  }), /*#__PURE__*/jsx(IconBtn, {
+                    title: formatMessage({
+                      id: 'deleteStep'
+                    }),
+                    danger: true,
+                    icon: /*#__PURE__*/jsx(DeleteOutlined, {}),
+                    onClick: () => onDeleteStep(block.id, step.id)
+                  })]
+                }), /*#__PURE__*/jsx(Button, {
+                  type: "text",
+                  size: "small",
+                  icon: /*#__PURE__*/jsx(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__*/jsx(Text$3, {
+          type: "secondary",
+          className: style['inline-empty'],
+          children: formatMessage({
+            id: 'emptyStepList'
+          })
+        })]
+      });
+    }
+    if (block.kind === 'multiField') {
+      return /*#__PURE__*/jsx("div", {
+        className: style['block-body'],
+        children: /*#__PURE__*/jsx(Text$3, {
+          type: "secondary",
+          children: formatMessage({
+            id: 'multiFieldEditorHint'
+          })
+        })
+      });
+    }
+    return /*#__PURE__*/jsx("div", {
+      className: style['block-body'],
+      children: renderFieldList(block.list, block.id)
+    });
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: style['block-list-panel'],
+    children: [/*#__PURE__*/jsxs(Flex, {
+      justify: "flex-end",
+      gap: 8,
+      align: "center",
+      className: style['panel-toolbar'],
+      children: [/*#__PURE__*/jsx(Dropdown, {
+        open: addMenuOpen,
+        onOpenChange: setAddMenuOpen,
+        trigger: ['click'],
+        dropdownRender: () => /*#__PURE__*/jsx("div", {
+          className: style['add-block-dropdown'],
+          children: addBlockOptions.map(opt => {
+            const definition = getBlockDefinition(opt.key);
+            return /*#__PURE__*/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__*/jsx("div", {
+                className: style['add-block-option-icon'],
+                children: opt.icon
+              }), /*#__PURE__*/jsxs("div", {
+                className: style['add-block-option-text'],
+                children: [/*#__PURE__*/jsx("div", {
+                  className: style['add-block-option-title'],
+                  children: formatMessage({
+                    id: `blockKind_${opt.key}`
+                  })
+                }), /*#__PURE__*/jsx("div", {
+                  className: style['add-block-option-desc'],
+                  children: definition == null ? void 0 : definition.description
+                })]
+              })]
+            }, opt.key);
+          })
+        }),
+        children: /*#__PURE__*/jsx(Button, {
+          type: "primary",
+          size: "small",
+          icon: /*#__PURE__*/jsx(PlusOutlined, {}),
+          className: style['add-block-btn'],
+          children: formatMessage({
+            id: 'addBlock'
+          })
+        })
+      }), /*#__PURE__*/jsx(Button, {
+        type: "default",
+        size: "small",
+        shape: "circle",
+        icon: /*#__PURE__*/jsx(SettingOutlined, {}),
+        className: style['form-actions-setting-btn'],
+        title: formatMessage({
+          id: 'formActionsSection'
+        }),
+        onClick: onOpenFormActions
+      })]
+    }), !blocks.length ? /*#__PURE__*/jsx(Empty, {
+      className: style['field-empty'],
+      image: Empty.PRESENTED_IMAGE_SIMPLE,
+      description: formatMessage({
+        id: 'emptyBlockList'
+      })
+    }) : /*#__PURE__*/jsx("div", {
+      className: style['block-list'],
+      children: blocks.map((block, blockIndex) => {
+        var _block$items2, _block$list;
+        const definition = getBlockDefinition(block.kind);
+        const canAddField = block.kind !== 'steps' && block.kind !== 'multiField';
+        const summary = block.kind === 'steps' ? formatMessage({
+          id: 'stepCount'
+        }, {
+          count: ((_block$items2 = block.items) == null ? void 0 : _block$items2.length) || 0
+        }) : block.kind === 'multiField' ? formatMessage({
+          id: 'multiFieldSummary'
+        }, {
+          type: block.fieldType
+        }) : formatMessage({
+          id: 'fieldCount'
+        }, {
+          count: ((_block$list = block.list) == null ? void 0 : _block$list.length) || 0
+        });
+        return /*#__PURE__*/jsxs("section", {
+          className: `${style['block-section']} ${style[`block-kind-${block.kind}`] || ''}`.trim(),
+          children: [/*#__PURE__*/jsxs("header", {
+            className: style['block-section-header'],
+            children: [/*#__PURE__*/jsxs("div", {
+              className: style['block-header-left'],
+              children: [/*#__PURE__*/jsx(Tag, {
+                bordered: false,
+                color: (definition == null ? void 0 : definition.color) || 'default',
+                children: (definition == null ? void 0 : definition.label) || block.kind
+              }), /*#__PURE__*/jsx(Text$3, {
+                strong: true,
+                ellipsis: true,
+                className: style['block-title'],
+                children: block.title || block.label || block.name || formatMessage({
+                  id: 'untitledBlock'
+                })
+              }), /*#__PURE__*/jsx("span", {
+                className: style['block-summary'],
+                children: summary
+              })]
+            }), /*#__PURE__*/jsxs(Space, {
+              size: 4,
+              wrap: true,
+              className: style['block-header-actions'],
+              children: [/*#__PURE__*/jsxs(ActionGroup, {
+                children: [/*#__PURE__*/jsx(IconBtn, {
+                  title: formatMessage({
+                    id: 'moveUp'
+                  }),
+                  icon: /*#__PURE__*/jsx(ArrowUpOutlined, {}),
+                  disabled: blockIndex === 0,
+                  onClick: () => onMoveBlock(block.id, 'up')
+                }), /*#__PURE__*/jsx(IconBtn, {
+                  title: formatMessage({
+                    id: 'moveDown'
+                  }),
+                  icon: /*#__PURE__*/jsx(ArrowDownOutlined, {}),
+                  disabled: blockIndex === blocks.length - 1,
+                  onClick: () => onMoveBlock(block.id, 'down')
+                }), /*#__PURE__*/jsx(IconBtn, {
+                  title: formatMessage({
+                    id: 'editBlock'
+                  }),
+                  icon: /*#__PURE__*/jsx(SettingOutlined, {}),
+                  onClick: () => onEditBlock(block)
+                }), /*#__PURE__*/jsx(IconBtn, {
+                  title: formatMessage({
+                    id: 'deleteBlock'
+                  }),
+                  danger: true,
+                  icon: /*#__PURE__*/jsx(DeleteOutlined, {}),
+                  onClick: () => onDeleteBlock(block.id)
+                })]
+              }), canAddField ? /*#__PURE__*/jsx(Button, {
+                type: "text",
+                size: "small",
+                icon: /*#__PURE__*/jsx(PlusOutlined, {}),
+                className: `${style['add-inline-btn']} ${style['hover-reveal']}`,
+                onClick: () => onAddField(block.id),
+                children: formatMessage({
+                  id: 'addField'
+                })
+              }) : null]
+            })]
+          }), renderBlockChildren(block)]
+        }, block.id);
+      })
+    })]
+  });
+};
+
+const BlockConfigFields = ({
+  kind
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const definition = getBlockDefinition(kind);
+  const fieldTypeOptions = useMemo(() => getFieldTypes(), []);
+  const list = [];
+  if (kind === 'formInfo' || kind === 'list' || kind === 'tableList') {
+    list.push(/*#__PURE__*/jsx(Input, {
+      name: "title",
+      label: formatMessage({
+        id: 'blockTitle'
+      }),
+      placeholder: formatMessage({
+        id: 'blockTitlePlaceholder'
+      })
+    }, "title"), kind === 'formInfo' ? /*#__PURE__*/jsx(Input, {
+      name: "subtitle",
+      label: formatMessage({
+        id: 'blockSubtitle'
+      }),
+      placeholder: formatMessage({
+        id: 'blockSubtitlePlaceholder'
+      })
+    }, "subtitle") : null, kind !== 'formInfo' ? /*#__PURE__*/jsx(Input, {
+      name: "name",
+      label: formatMessage({
+        id: 'blockName'
+      }),
+      rule: "REQ",
+      placeholder: formatMessage({
+        id: 'fieldNamePlaceholder'
+      })
+    }, "name") : null, /*#__PURE__*/jsx(InputNumber, {
+      name: "column",
+      label: formatMessage({
+        id: 'formColumnPlaceholder'
+      }),
+      min: 1,
+      max: 4
+    }, "column"), kind === 'formInfo' ? /*#__PURE__*/jsx(InputNumber, {
+      name: "gap",
+      label: formatMessage({
+        id: 'blockGap'
+      }),
+      min: 0,
+      max: 48
+    }, "gap") : null, /*#__PURE__*/jsx(Checkbox, {
+      name: "bordered",
+      children: formatMessage({
+        id: 'blockBordered'
+      })
+    }, "bordered"), kind === 'list' ? /*#__PURE__*/jsx(Checkbox, {
+      name: "important",
+      children: formatMessage({
+        id: 'blockImportant'
+      })
+    }, "important") : null, kind !== 'formInfo' ? /*#__PURE__*/jsx(Input, {
+      name: "addText",
+      label: formatMessage({
+        id: 'blockAddText'
+      }),
+      placeholder: formatMessage({
+        id: 'blockAddTextPlaceholder'
+      })
+    }, "addText") : null, kind !== 'formInfo' ? /*#__PURE__*/jsx(InputNumber, {
+      name: "maxLength",
+      label: formatMessage({
+        id: 'blockMaxLength'
+      }),
+      min: 1
+    }, "maxLength") : null, kind !== 'formInfo' ? /*#__PURE__*/jsx(InputNumber, {
+      name: "minLength",
+      label: formatMessage({
+        id: 'blockMinLength'
+      }),
+      min: 0
+    }, "minLength") : null);
+  }
+  if (kind === 'multiField') {
+    list.push(/*#__PURE__*/jsx(Input, {
+      name: "name",
+      label: formatMessage({
+        id: 'blockName'
+      }),
+      rule: "REQ",
+      placeholder: formatMessage({
+        id: 'fieldNamePlaceholder'
+      })
+    }, "name"), /*#__PURE__*/jsx(Input, {
+      name: "label",
+      label: formatMessage({
+        id: 'fieldLabel'
+      }),
+      rule: "REQ",
+      placeholder: formatMessage({
+        id: 'fieldLabelPlaceholder'
+      })
+    }, "label"), /*#__PURE__*/jsx(Select, {
+      name: "fieldType",
+      label: formatMessage({
+        id: 'multiFieldType'
+      }),
+      rule: "REQ",
+      options: fieldTypeOptions
+    }, "fieldType"), /*#__PURE__*/jsx(Input, {
+      name: "addText",
+      label: formatMessage({
+        id: 'blockAddText'
+      }),
+      placeholder: formatMessage({
+        id: 'blockAddTextPlaceholder'
+      })
+    }, "addText"));
+  }
+  if (kind === 'steps') {
+    list.push(/*#__PURE__*/jsx(Input, {
+      name: "title",
+      label: formatMessage({
+        id: 'blockTitle'
+      }),
+      placeholder: formatMessage({
+        id: 'blockTitlePlaceholder'
+      })
+    }, "title"), /*#__PURE__*/jsx(Input, {
+      name: "subtitle",
+      label: formatMessage({
+        id: 'blockSubtitle'
+      }),
+      placeholder: formatMessage({
+        id: 'blockSubtitlePlaceholder'
+      })
+    }, "subtitle"), /*#__PURE__*/jsx(Checkbox, {
+      name: "bordered",
+      children: formatMessage({
+        id: 'blockBordered'
+      })
+    }, "bordered"), /*#__PURE__*/jsx(Checkbox, {
+      name: "autoStep",
+      children: formatMessage({
+        id: 'blockAutoStep'
+      })
+    }, "autoStep"));
+  }
+  return /*#__PURE__*/jsx("div", {
+    className: style['field-editor-form'],
+    children: /*#__PURE__*/jsx(FormInfo, {
+      title: (definition == null ? void 0 : definition.label) || kind,
+      subtitle: definition == null ? void 0 : definition.description,
+      column: 1,
+      list: list.filter(Boolean)
+    })
+  });
+};
+const BlockEditorModal = ({
+  open,
+  block,
+  onCancel,
+  onSave,
+  renderModal
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const isMobile = useIsMobile();
+  const isEdit = !!(block != null && block.id);
+  const formData = useMemo(() => blockToFormValues(block || createBlock('formInfo')), [block, open]);
+  const handleSubmit = async values => {
+    if (((block == null ? void 0 : block.kind) === 'list' || (block == null ? void 0 : block.kind) === 'tableList' || (block == null ? void 0 : block.kind) === 'multiField') && !values.name) {
+      message.error(formatMessage({
+        id: 'blockNameRequired'
+      }));
+      return false;
+    }
+    onSave(formValuesToBlock(values, block || createBlock(values.kind || 'formInfo')));
+  };
+  return /*#__PURE__*/jsx(FormModal, _extends({
+    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__*/jsx(BlockConfigFields, {
+      kind: (block == null ? void 0 : block.kind) || 'formInfo'
+    })
+  }), open ? block != null && block.id ? `edit-${block.id}` : `add-${(block == null ? void 0 : block.kind) || 'formInfo'}-${formData.name || 'new'}` : 'closed');
+};
+
+const StepEditorModal = ({
+  open,
+  step,
+  onCancel,
+  onSave,
+  renderModal
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const isMobile = useIsMobile();
+  const formData = useMemo(() => stepToFormValues(step || createStep()), [step, open]);
+  return /*#__PURE__*/jsx(FormModal, _extends({
+    destroyOnHidden: true,
+    destroyOnClose: true,
+    title: formatMessage({
+      id: step != null && 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__*/jsx(FormInfo, {
+      column: 1,
+      list: [/*#__PURE__*/jsx(Input, {
+        name: "title",
+        label: formatMessage({
+          id: 'stepTitle'
+        }),
+        rule: "REQ",
+        placeholder: formatMessage({
+          id: 'stepTitlePlaceholder'
+        })
+      }, "title"), /*#__PURE__*/jsx(InputNumber, {
+        name: "column",
+        label: formatMessage({
+          id: 'formColumnPlaceholder'
+        }),
+        min: 1,
+        max: 4
+      }, "column")]
+    })
+  }), open ? step != null && step.id ? `edit-${step.id}` : `add-step-${formData.title || 'new'}` : 'closed');
+};
+
+const {
+  Text: Text$2
+} = Typography;
+const {
+  useOnChange
+} = hooks;
+const RulePresetsGroup = props => {
+  const render = useOnChange(props);
+  return render(Checkbox$1.Group);
+};
+RulePresetsGroup.field = Checkbox$1.Group;
+const RulePresetEditor = () => {
+  const {
+    formatMessage
+  } = 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__*/jsx(RulePresetsGroup, {
+    name: "rulePresets",
+    block: true,
+    options: options
+  }, "rulePresets"), /*#__PURE__*/jsx(InputNumber, {
+    name: "lenMin",
+    label: formatMessage({
+      id: 'ruleLenMin'
+    }),
+    min: 0,
+    display: ({
+      openApi
+    }) => {
+      var _openApi$data;
+      return ((openApi == null || (_openApi$data = openApi.data) == null ? void 0 : _openApi$data.rulePresets) || []).includes(RULE_LEN_PRESET);
+    }
+  }, "lenMin"), /*#__PURE__*/jsx(InputNumber, {
+    name: "lenMax",
+    label: formatMessage({
+      id: 'ruleLenMax'
+    }),
+    min: 0,
+    display: ({
+      openApi
+    }) => {
+      var _openApi$data2;
+      return ((openApi == null || (_openApi$data2 = openApi.data) == null ? void 0 : _openApi$data2.rulePresets) || []).includes(RULE_LEN_PRESET);
+    }
+  }, "lenMax"), /*#__PURE__*/jsx("div", {
+    block: true,
+    children: /*#__PURE__*/jsx(Text$2, {
+      type: "secondary",
+      children: formatMessage({
+        id: 'ruleEditorHint'
+      })
+    })
+  }, "rule-hint")];
+  return /*#__PURE__*/jsx(FormInfo, {
+    title: formatMessage({
+      id: 'fieldRule'
+    }),
+    column: 1,
+    list: list
+  });
+};
+
+const {
+  Text: Text$1
+} = Typography;
+const createOptionKey = () => createDataKey('opt');
+const EMPTY_OPTION = () => ({
+  _key: createOptionKey(),
+  label: '',
+  value: ''
+});
+const createEmptyTableRow = columns => {
+  const row = {
+    label: '',
+    value: ''
+  };
+  (columns || []).forEach(column => {
+    if (column != null && column.name) {
+      row[column.name] = '';
+    }
+  });
+  return row;
+};
+const ensureOptionKeys = (list = []) => list.map(item => _extends({}, item, {
+  _key: item._key || createOptionKey(),
+  children: Array.isArray(item.children) ? ensureOptionKeys(item.children) : undefined
+}));
+const hasMissingOptionKey = (list = []) => list.some(item => !(item != null && item._key) || Array.isArray(item.children) && hasMissingOptionKey(item.children));
+
+/** 扁平选项（非树） */
+const FlatOptionRows = ({
+  list,
+  onChange,
+  allowDescription
+}) => {
+  const {
+    formatMessage
+  } = 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 ? _extends({}, item, patch) : item));
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: style['options-list'],
+    children: [rows.map((item, index) => /*#__PURE__*/jsxs(Flex, {
+      gap: 8,
+      align: "start",
+      className: style['options-row'],
+      children: [/*#__PURE__*/jsx(Input$1, {
+        value: item.label,
+        placeholder: formatMessage({
+          id: 'optionLabelPlaceholder'
+        }),
+        onChange: event => updateItem(index, {
+          label: event.target.value
+        })
+      }), /*#__PURE__*/jsx(Input$1, {
+        value: item.value,
+        placeholder: formatMessage({
+          id: 'optionValuePlaceholder'
+        }),
+        onChange: event => updateItem(index, {
+          value: event.target.value
+        })
+      }), allowDescription ? /*#__PURE__*/jsx(Input$1, {
+        value: item.description || '',
+        placeholder: formatMessage({
+          id: 'optionDescPlaceholder'
+        }),
+        onChange: event => updateItem(index, {
+          description: event.target.value
+        })
+      }) : null, /*#__PURE__*/jsx(Button, {
+        type: "text",
+        danger: true,
+        className: style['icon-square-btn-sm'],
+        icon: /*#__PURE__*/jsx(DeleteOutlined, {}),
+        disabled: rows.length === 1,
+        onClick: () => {
+          const next = rows.filter((_, itemIndex) => itemIndex !== index);
+          commit(next.length ? next : [EMPTY_OPTION()]);
+        }
+      })]
+    }, item._key)), /*#__PURE__*/jsx(Button, {
+      type: "dashed",
+      block: true,
+      icon: /*#__PURE__*/jsx(PlusOutlined, {}),
+      onClick: () => commit([...rows, EMPTY_OPTION()]),
+      children: formatMessage({
+        id: 'addOption'
+      })
+    })]
+  });
+};
+
+/** 树形 / 级联选项 */
+const TreeOptionNode = ({
+  item,
+  index,
+  siblings,
+  onChangeSiblings,
+  allowDescription,
+  depth,
+  maxDepth: _maxDepth = 4
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const children = Array.isArray(item.children) ? item.children : [];
+  const canAddChild = depth < _maxDepth;
+  const updateSelf = patch => {
+    onChangeSiblings(siblings.map((row, i) => i === index ? _extends({}, 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__*/jsxs("div", {
+    className: style['tree-option-node'],
+    "data-depth": depth,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: style['tree-option-row'],
+      children: [/*#__PURE__*/jsxs("div", {
+        className: style['tree-option-fields'],
+        children: [/*#__PURE__*/jsx(Input$1, {
+          value: item.label,
+          placeholder: formatMessage({
+            id: 'optionLabelPlaceholder'
+          }),
+          onChange: e => updateSelf({
+            label: e.target.value
+          })
+        }), /*#__PURE__*/jsx(Input$1, {
+          value: item.value,
+          placeholder: formatMessage({
+            id: 'optionValuePlaceholder'
+          }),
+          onChange: e => updateSelf({
+            value: e.target.value
+          })
+        }), allowDescription ? /*#__PURE__*/jsx(Input$1, {
+          value: item.description || '',
+          placeholder: formatMessage({
+            id: 'optionDescPlaceholder'
+          }),
+          onChange: e => updateSelf({
+            description: e.target.value
+          })
+        }) : null]
+      }), /*#__PURE__*/jsxs("div", {
+        className: style['tree-option-actions'],
+        children: [canAddChild ? /*#__PURE__*/jsx(Button, {
+          type: "link",
+          size: "small",
+          icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
+          onClick: addChild,
+          children: formatMessage({
+            id: 'addChildOption'
+          })
+        }) : null, /*#__PURE__*/jsx(Button, {
+          type: "text",
+          danger: true,
+          size: "small",
+          className: style['icon-square-btn-sm'],
+          icon: /*#__PURE__*/jsx(DeleteOutlined, {}),
+          disabled: siblings.length === 1 && depth === 0,
+          onClick: removeSelf
+        })]
+      })]
+    }), children.length ? /*#__PURE__*/jsx("div", {
+      className: style['tree-option-children'],
+      children: children.map((child, childIndex) => /*#__PURE__*/jsx(TreeOptionNode, {
+        item: child,
+        index: childIndex,
+        siblings: children,
+        onChangeSiblings: changeChildren,
+        allowDescription: allowDescription,
+        depth: depth + 1,
+        maxDepth: _maxDepth
+      }, child._key))
+    }) : null]
+  });
+};
+const TreeOptionsEditor = ({
+  value: _value = [],
+  onChange,
+  allowDescription
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  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__*/jsxs("div", {
+    className: style['tree-options-editor'],
+    children: [/*#__PURE__*/jsx("div", {
+      className: style['tree-options-list'],
+      children: rows.map((item, index) => /*#__PURE__*/jsx(TreeOptionNode, {
+        item: item,
+        index: index,
+        siblings: rows,
+        onChangeSiblings: commit,
+        allowDescription: allowDescription,
+        depth: 0
+      }, item._key))
+    }), /*#__PURE__*/jsx(Button, {
+      type: "dashed",
+      block: true,
+      icon: /*#__PURE__*/jsx(PlusOutlined, {}),
+      onClick: () => commit([...rows, EMPTY_OPTION()]),
+      children: formatMessage({
+        id: 'addOption'
+      })
+    })]
+  });
+};
+const ColumnsEditor = ({
+  value: _value2 = [],
+  onChange
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const list = _value2.length ? _value2 : [createEmptyColumn()];
+  const updateItem = (index, patch) => {
+    onChange(list.map((item, itemIndex) => itemIndex === index ? _extends({}, item, patch) : item));
+  };
+  return /*#__PURE__*/jsx(FormInfo, {
+    title: formatMessage({
+      id: 'fieldColumns'
+    }),
+    column: 1,
+    list: [/*#__PURE__*/jsxs("div", {
+      block: true,
+      className: style['columns-editor'],
+      children: [/*#__PURE__*/jsx("div", {
+        className: style['options-list'],
+        children: list.map((item, index) => {
+          var _item$width;
+          return /*#__PURE__*/jsxs(Flex, {
+            gap: 8,
+            align: "start",
+            className: style['options-row'],
+            children: [/*#__PURE__*/jsx(Input$1, {
+              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__*/jsx(Input$1, {
+              value: item.name || '',
+              placeholder: formatMessage({
+                id: 'columnNamePlaceholder'
+              }),
+              onChange: e => {
+                const name = e.target.value;
+                updateItem(index, {
+                  name,
+                  key: name.trim() || item.key
+                });
+              }
+            }), /*#__PURE__*/jsx(InputNumber$1, {
+              min: 40,
+              style: {
+                width: 120
+              },
+              value: (_item$width = item.width) != null ? _item$width : null,
+              placeholder: formatMessage({
+                id: 'columnWidthPlaceholder'
+              }),
+              onChange: width => updateItem(index, {
+                width: width != null ? width : undefined
+              })
+            }), /*#__PURE__*/jsx(Button, {
+              type: "text",
+              danger: true,
+              className: style['icon-square-btn-sm'],
+              icon: /*#__PURE__*/jsx(DeleteOutlined, {}),
+              disabled: list.length === 1,
+              onClick: () => {
+                const next = list.filter((_, i) => i !== index);
+                onChange(next.length ? next : [createEmptyColumn()]);
+              }
+            })]
+          }, item.name || index);
+        })
+      }), /*#__PURE__*/jsx(Button, {
+        type: "dashed",
+        block: true,
+        icon: /*#__PURE__*/jsx(PlusOutlined, {}),
+        onClick: () => onChange([...list, createEmptyColumn()]),
+        children: formatMessage({
+          id: 'addColumn'
+        })
+      }), /*#__PURE__*/jsx(Space, {
+        size: 4,
+        className: style['options-tip'],
+        children: formatMessage({
+          id: 'columnsEditorHint'
+        })
+      })]
+    }, "columns-editor")]
+  });
+};
+const TableRowsEditor = ({
+  columns: _columns = [],
+  value: _value3 = [],
+  onChange
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const usableColumns = _columns.filter(column => (column == null ? void 0 : column.name) && String(column.name).trim());
+  const list = _value3.length ? _value3 : [createEmptyTableRow(usableColumns)];
+  const updateItem = (index, patch) => {
+    onChange(list.map((item, itemIndex) => itemIndex === index ? _extends({}, item, patch) : item));
+  };
+  if (!usableColumns.length) {
+    return /*#__PURE__*/jsx(FormInfo, {
+      title: formatMessage({
+        id: 'fieldTableRows'
+      }),
+      column: 1,
+      list: [/*#__PURE__*/jsx("div", {
+        block: true,
+        children: /*#__PURE__*/jsx(Text$1, {
+          type: "secondary",
+          children: formatMessage({
+            id: 'tableRowsNeedColumnsHint'
+          })
+        })
+      }, "table-rows-empty")]
+    });
+  }
+  return /*#__PURE__*/jsx(FormInfo, {
+    title: formatMessage({
+      id: 'fieldTableRows'
+    }),
+    column: 1,
+    list: [/*#__PURE__*/jsxs("div", {
+      block: true,
+      className: style['table-rows-editor'],
+      children: [/*#__PURE__*/jsx(Space, {
+        direction: "vertical",
+        size: 12,
+        style: {
+          width: '100%'
+        },
+        children: list.map((item, index) => /*#__PURE__*/jsx(Card, {
+          size: "small",
+          className: style['table-row-card'],
+          title: formatMessage({
+            id: 'tableRowTitle'
+          }, {
+            index: index + 1
+          }),
+          extra: /*#__PURE__*/jsx(Button, {
+            type: "text",
+            danger: true,
+            className: style['icon-square-btn-sm'],
+            icon: /*#__PURE__*/jsx(DeleteOutlined, {}),
+            disabled: list.length === 1,
+            onClick: () => {
+              const next = list.filter((_, i) => i !== index);
+              onChange(next.length ? next : [createEmptyTableRow(usableColumns)]);
+            }
+          }),
+          children: /*#__PURE__*/jsxs(Space, {
+            direction: "vertical",
+            size: 8,
+            style: {
+              width: '100%'
+            },
+            children: [/*#__PURE__*/jsxs(Flex, {
+              gap: 8,
+              children: [/*#__PURE__*/jsx(Input$1, {
+                value: item.value || '',
+                placeholder: formatMessage({
+                  id: 'optionValuePlaceholder'
+                }),
+                onChange: e => updateItem(index, {
+                  value: e.target.value
+                })
+              }), /*#__PURE__*/jsx(Input$1, {
+                value: item.label || '',
+                placeholder: formatMessage({
+                  id: 'tableRowLabelPlaceholder'
+                }),
+                onChange: e => updateItem(index, {
+                  label: e.target.value
+                })
+              })]
+            }), /*#__PURE__*/jsx(Flex, {
+              gap: 8,
+              wrap: "wrap",
+              children: usableColumns.map(column => /*#__PURE__*/jsx(Input$1, {
+                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__*/jsx(Button, {
+        type: "dashed",
+        block: true,
+        icon: /*#__PURE__*/jsx(PlusOutlined, {}),
+        style: {
+          marginTop: 12
+        },
+        onClick: () => onChange([...list, createEmptyTableRow(usableColumns)]),
+        children: formatMessage({
+          id: 'addTableRow'
+        })
+      }), /*#__PURE__*/jsx(Space, {
+        size: 4,
+        className: style['options-tip'],
+        children: formatMessage({
+          id: 'tableRowsEditorHint'
+        })
+      })]
+    }, "table-rows-editor")]
+  });
+};
+const OptionsEditor = ({
+  value: _value4 = [],
+  onChange,
+  allowDescription: _allowDescription = false,
+  allowChildren: _allowChildren = false,
+  hasColumns: _hasColumns = false,
+  columns: _columns2 = [],
+  onColumnsChange
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  if (_hasColumns) {
+    const handleColumnsChange = nextColumns => {
+      const prevColumns = _columns2 || [];
+      const migrated = (_value4 || []).map(row => {
+        const nextRow = _extends({}, row);
+        prevColumns.forEach((prevCol, index) => {
+          const nextCol = nextColumns[index];
+          const prevName = prevCol == null ? void 0 : prevCol.name;
+          const nextName = nextCol == null ? void 0 : 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__*/jsxs("div", {
+      className: style['options-editor'],
+      children: [/*#__PURE__*/jsx(ColumnsEditor, {
+        value: _columns2,
+        onChange: handleColumnsChange
+      }), /*#__PURE__*/jsx(TableRowsEditor, {
+        columns: _columns2,
+        value: _value4,
+        onChange: onChange
+      })]
+    });
+  }
+  return /*#__PURE__*/jsx(FormInfo, {
+    title: formatMessage({
+      id: 'fieldOptions'
+    }),
+    column: 1,
+    list: [/*#__PURE__*/jsxs("div", {
+      block: true,
+      className: style['options-editor'],
+      children: [_allowChildren ? /*#__PURE__*/jsx(TreeOptionsEditor, {
+        value: _value4,
+        onChange: onChange,
+        allowDescription: _allowDescription
+      }) : /*#__PURE__*/jsx(FlatOptionRows, {
+        list: _value4.length ? _value4 : [EMPTY_OPTION()],
+        onChange: onChange,
+        allowDescription: _allowDescription
+      }), /*#__PURE__*/jsx(Space, {
+        size: 4,
+        className: style['options-tip'],
+        children: formatMessage({
+          id: _allowChildren ? 'optionsTreeEditorHint' : 'optionsEditorHint'
+        })
+      })]
+    }, "options-editor")]
+  });
+};
+
+const SuperSelectPropsEditor = ({
+  definition
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    openApi
+  } = useFormContext();
+  const list = useMemo(() => {
+    const items = [/*#__PURE__*/jsx(Checkbox, {
+      name: "single",
+      onChange: checked => {
+        if (checked) {
+          openApi == null || openApi.setFields == null || openApi.setFields([{
+            name: 'allowSelectedAll',
+            value: false
+          }, {
+            name: 'maxLength',
+            value: undefined
+          }], {
+            runValidate: false
+          });
+        }
+      },
+      children: formatMessage({
+        id: 'superSelectSingle'
+      })
+    }, "single"), /*#__PURE__*/jsx(Checkbox, {
+      name: "isPopup",
+      children: formatMessage({
+        id: 'superSelectIsPopup'
+      })
+    }, "isPopup"), /*#__PURE__*/jsx(Checkbox, {
+      name: "allowClear",
+      children: formatMessage({
+        id: 'superSelectAllowClear'
+      })
+    }, "allowClear"), /*#__PURE__*/jsx(Checkbox, {
+      name: "allowSelectedAll",
+      display: ({
+        openApi
+      }) => {
+        var _openApi$data;
+        return !(openApi != null && (_openApi$data = openApi.data) != null && _openApi$data.single);
+      },
+      children: formatMessage({
+        id: 'superSelectAllowSelectedAll'
+      })
+    }, "allowSelectedAll")];
+    if (definition != null && definition.hasOnlyLastLevel) {
+      items.push(/*#__PURE__*/jsx(Checkbox, {
+        name: "onlyAllowLastLevel",
+        children: formatMessage({
+          id: 'superSelectOnlyLastLevel'
+        })
+      }, "onlyAllowLastLevel"));
+    }
+    items.push(/*#__PURE__*/jsx(InputNumber, {
+      name: "maxLength",
+      label: formatMessage({
+        id: 'superSelectMaxLength'
+      }),
+      min: 1,
+      placeholder: formatMessage({
+        id: 'superSelectMaxLengthPlaceholder'
+      }),
+      display: ({
+        openApi
+      }) => {
+        var _openApi$data2;
+        return !(openApi != null && (_openApi$data2 = openApi.data) != null && _openApi$data2.single);
+      }
+    }, "maxLength"), /*#__PURE__*/jsx(Input, {
+      name: "placeholder",
+      label: formatMessage({
+        id: 'fieldPlaceholder'
+      }),
+      placeholder: formatMessage({
+        id: 'superSelectPlaceholderHint'
+      })
+    }, "placeholder"), /*#__PURE__*/jsx(Input, {
+      name: "searchPlaceholder",
+      label: formatMessage({
+        id: 'superSelectSearchPlaceholder'
+      }),
+      placeholder: formatMessage({
+        id: 'superSelectSearchPlaceholderHint'
+      })
+    }, "searchPlaceholder"));
+    return items;
+  }, [definition, formatMessage, openApi]);
+  return /*#__PURE__*/jsx(FormInfo, {
+    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 == null ? void 0 : item.name).map(item => {
+  if (item.type === 'boolean') {
+    return /*#__PURE__*/jsx(Checkbox, {
+      name: item.name,
+      children: item.label || item.name
+    }, item.name);
+  }
+  if (item.type === 'number') {
+    return /*#__PURE__*/jsx(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__*/jsx(Select, {
+      name: item.name,
+      label: item.label || item.name,
+      options: item.options || [],
+      placeholder: item.placeholder,
+      allowClear: item.allowClear !== false
+    }, item.name);
+  }
+  return /*#__PURE__*/jsx(Input, {
+    name: item.name,
+    label: item.label || item.name,
+    placeholder: item.placeholder
+  }, item.name);
+});
+const buildBuiltinList = (type, formatMessage) => {
+  const placeholder = /*#__PURE__*/jsx(Input, {
+    name: "placeholder",
+    label: formatMessage({
+      id: 'fieldPlaceholder'
+    }),
+    placeholder: formatMessage({
+      id: 'fieldPlaceholderHint'
+    })
+  }, "placeholder");
+  const allowClear = /*#__PURE__*/jsx(Checkbox, {
+    name: "allowClear",
+    children: formatMessage({
+      id: 'propAllowClear'
+    })
+  }, "allowClear");
+  switch (type) {
+    case 'Input':
+      return [placeholder, allowClear, /*#__PURE__*/jsx(InputNumber, {
+        name: "maxLength",
+        label: formatMessage({
+          id: 'propMaxLength'
+        }),
+        min: 1,
+        placeholder: formatMessage({
+          id: 'propOptionalNumber'
+        })
+      }, "maxLength")];
+    case 'TextArea':
+      return [placeholder, /*#__PURE__*/jsx(InputNumber, {
+        name: "rows",
+        label: formatMessage({
+          id: 'propRows'
+        }),
+        min: 2,
+        max: 20
+      }, "rows"), /*#__PURE__*/jsx(InputNumber, {
+        name: "maxLength",
+        label: formatMessage({
+          id: 'propMaxLength'
+        }),
+        min: 1,
+        placeholder: formatMessage({
+          id: 'propOptionalNumber'
+        })
+      }, "maxLength"), /*#__PURE__*/jsx(Checkbox, {
+        name: "showCount",
+        children: formatMessage({
+          id: 'propShowCount'
+        })
+      }, "showCount")];
+    case 'InputNumber':
+      return [placeholder, /*#__PURE__*/jsx(InputNumber, {
+        name: "min",
+        label: formatMessage({
+          id: 'propMin'
+        }),
+        placeholder: formatMessage({
+          id: 'propOptionalNumber'
+        })
+      }, "min"), /*#__PURE__*/jsx(InputNumber, {
+        name: "max",
+        label: formatMessage({
+          id: 'propMax'
+        }),
+        placeholder: formatMessage({
+          id: 'propOptionalNumber'
+        })
+      }, "max"), /*#__PURE__*/jsx(InputNumber, {
+        name: "step",
+        label: formatMessage({
+          id: 'propStep'
+        }),
+        min: 0,
+        placeholder: formatMessage({
+          id: 'propOptionalNumber'
+        })
+      }, "step"), /*#__PURE__*/jsx(InputNumber, {
+        name: "precision",
+        label: formatMessage({
+          id: 'propPrecision'
+        }),
+        min: 0,
+        max: 10,
+        placeholder: formatMessage({
+          id: 'propOptionalNumber'
+        })
+      }, "precision")];
+    case 'Select':
+      return [placeholder, allowClear, /*#__PURE__*/jsx(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__*/jsx(Checkbox, {
+        name: "range",
+        children: formatMessage({
+          id: 'propDateRange'
+        })
+      }, "range"), placeholder, allowClear, /*#__PURE__*/jsx(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__*/jsx(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__*/jsx(Checkbox, {
+        name: "showTime",
+        display: ({
+          openApi
+        }) => {
+          var _openApi$data;
+          return ((openApi == null || (_openApi$data = openApi.data) == null ? void 0 : _openApi$data.picker) || 'date') === 'date';
+        },
+        children: formatMessage({
+          id: 'propShowTime'
+        })
+      }, "showTime")];
+    case 'Switch':
+      return [/*#__PURE__*/jsx(Input, {
+        name: "checkedChildren",
+        label: formatMessage({
+          id: 'propSwitchOnText'
+        }),
+        placeholder: formatMessage({
+          id: 'propSwitchOnTextHint'
+        })
+      }, "checkedChildren"), /*#__PURE__*/jsx(Input, {
+        name: "unCheckedChildren",
+        label: formatMessage({
+          id: 'propSwitchOffText'
+        }),
+        placeholder: formatMessage({
+          id: 'propSwitchOffTextHint'
+        })
+      }, "unCheckedChildren")];
+    default:
+      return [];
+  }
+};
+const FieldPropsEditor = ({
+  type,
+  definition: definitionProp
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const definition = definitionProp || getFieldDefinition(type);
+  const list = useMemo(() => {
+    var _definition$propsSche;
+    if (!type) {
+      return [];
+    }
+    if (definition != null && (_definition$propsSche = definition.propsSchema) != null && _definition$propsSche.length) {
+      return buildPropsSchemaList(definition.propsSchema, formatMessage);
+    }
+    return buildBuiltinList(type, formatMessage);
+  }, [type, definition, formatMessage]);
+  if (!list.length) {
+    return null;
+  }
+  return /*#__PURE__*/jsx(FormInfo, {
+    title: formatMessage({
+      id: 'fieldPropsSection'
+    }),
+    column: 1,
+    list: list
+  });
+};
+const hasFieldPropsEditor = (type, definition) => {
+  var _def$propsSchema;
+  const def = definition || getFieldDefinition(type);
+  if (def != null && (_def$propsSchema = def.propsSchema) != null && _def$propsSchema.length) {
+    return true;
+  }
+  return BUILTIN_PROP_TYPES.includes(type);
+};
+
+const _excluded = ["columns"];
+const {
+  Text
+} = Typography;
+const getDefaultSelectProps = () => ({
+  single: false,
+  isPopup: true,
+  allowClear: true,
+  allowSelectedAll: false,
+  onlyAllowLastLevel: false,
+  maxLength: undefined,
+  placeholder: '',
+  searchPlaceholder: '',
+  columns: [createEmptyColumn()]
+});
+const omitColumns = (_ref = {}) => {
+  let rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return rest;
+};
+const FieldConfigFields = ({
+  initialType,
+  options,
+  onOptionsChange,
+  columns,
+  onColumnsChange
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    openApi
+  } = useFormContext();
+  const [fieldType, setFieldType] = useState(initialType);
+  const fieldTypeOptions = useMemo(() => getFieldTypes(), []);
+  const definition = getFieldDefinition(fieldType);
+  useEffect(() => {
+    setFieldType(initialType);
+  }, [initialType]);
+  const applyTypeDefaults = nextType => {
+    var _nextDefinition$props;
+    const nextDefinition = getFieldDefinition(nextType);
+    let nextValues = {};
+    if (nextDefinition != null && nextDefinition.isSuperSelect) {
+      nextValues = omitColumns(getDefaultSelectProps());
+    } else if (nextDefinition != null && nextDefinition.hasFieldProps || nextDefinition != null && (_nextDefinition$props = nextDefinition.propsSchema) != null && _nextDefinition$props.length) {
+      nextValues = pickFieldProps({
+        type: nextType,
+        props: nextDefinition.defaultProps || {}
+      }, nextDefinition);
+    }
+    const entries = Object.entries(nextValues).map(([name, value]) => ({
+      name,
+      value
+    }));
+    if (!entries.length || !(openApi != null && openApi.setFields)) {
+      return;
+    }
+    // 等新类型的 Form Field 挂载后再写入默认值
+    requestAnimationFrame(() => {
+      openApi.setFields(entries, {
+        runValidate: false
+      });
+    });
+  };
+  const list = [/*#__PURE__*/jsx(Select, {
+    name: "type",
+    label: formatMessage({
+      id: 'fieldType'
+    }),
+    rule: "REQ",
+    options: fieldTypeOptions,
+    onChange: nextType => {
+      setFieldType(nextType);
+      applyTypeDefaults(nextType);
+    }
+  }, "type"), /*#__PURE__*/jsx(Input, {
+    name: "name",
+    label: formatMessage({
+      id: 'fieldName'
+    }),
+    rule: "REQ",
+    placeholder: formatMessage({
+      id: 'fieldNamePlaceholder'
+    })
+  }, "name"), /*#__PURE__*/jsx(Input, {
+    name: "label",
+    label: formatMessage({
+      id: 'fieldLabel'
+    }),
+    rule: "REQ",
+    placeholder: formatMessage({
+      id: 'fieldLabelPlaceholder'
+    })
+  }, "label"), /*#__PURE__*/jsx(Input, {
+    name: "tips",
+    label: formatMessage({
+      id: 'fieldTips'
+    }),
+    placeholder: formatMessage({
+      id: 'fieldTipsPlaceholder'
+    })
+  }, "tips"), /*#__PURE__*/jsx(TextArea, {
+    name: "description",
+    label: formatMessage({
+      id: 'fieldDescription'
+    }),
+    placeholder: formatMessage({
+      id: 'fieldDescriptionPlaceholder'
+    }),
+    rows: 2
+  }, "description")];
+  list.push(/*#__PURE__*/jsx(Checkbox, {
+    name: "block",
+    children: formatMessage({
+      id: 'fieldBlock'
+    })
+  }, "block"), /*#__PURE__*/jsx(Checkbox, {
+    name: "hidden",
+    children: formatMessage({
+      id: 'fieldHidden'
+    })
+  }, "hidden"));
+  return /*#__PURE__*/jsxs("div", {
+    className: style['field-editor-form'],
+    children: [/*#__PURE__*/jsx(FormInfo, {
+      title: formatMessage({
+        id: 'fieldBasicSection'
+      }),
+      column: 1,
+      list: list
+    }), definition != null && definition.isSuperSelect ? /*#__PURE__*/jsx(SuperSelectPropsEditor, {
+      definition: definition
+    }) : hasFieldPropsEditor(fieldType, definition) ? /*#__PURE__*/jsx(FieldPropsEditor, {
+      type: fieldType,
+      definition: definition
+    }) : null, /*#__PURE__*/jsx(RulePresetEditor, {}), definition != null && definition.hasBuiltinData ? /*#__PURE__*/jsx(Text, {
+      type: "secondary",
+      children: formatMessage({
+        id: 'builtinDataHint'
+      })
+    }) : definition != null && definition.hasOptions ? /*#__PURE__*/jsx(OptionsEditor, {
+      value: options,
+      onChange: onOptionsChange,
+      allowDescription: definition.optionsAllowDescription,
+      allowChildren: definition.optionsAllowChildren,
+      hasColumns: definition.hasColumns,
+      columns: columns,
+      onColumnsChange: onColumnsChange
+    }) : null]
+  });
+};
+const FieldEditorModal = ({
+  open,
+  field,
+  fieldList,
+  onCancel,
+  onSave,
+  renderModal
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const isMobile = useIsMobile();
+  const isEdit = !!(field != null && field.id);
+  const editorValues = useMemo(() => fieldToFormValues(field || createField$1()), [field, open]);
+  const formData = useMemo(() => {
+    const ruleConfig = editorValues.ruleConfig || {
+      presets: [],
+      lenMin: '',
+      lenMax: ''
+    };
+    return _extends({
+      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] = useState([{
+    label: '',
+    value: ''
+  }]);
+  const [columns, setColumns] = useState(() => [createEmptyColumn()]);
+  useEffect(() => {
+    var _editorValues$options, _editorValues$selectP;
+    if (!open) {
+      return;
+    }
+    setOptions((_editorValues$options = editorValues.options) != null && _editorValues$options.length ? editorValues.options : [{
+      label: '',
+      value: ''
+    }]);
+    setColumns((_editorValues$selectP = editorValues.selectProps) != null && (_editorValues$selectP = _editorValues$selectP.columns) != null && _editorValues$selectP.length ? editorValues.selectProps.columns : [createEmptyColumn()]);
+  }, [open, editorValues]);
+  const handleSubmit = async values => {
+    var _values$lenMin, _values$lenMax;
+    if (!isFieldNameUnique(fieldList, values.name, field == null ? void 0 : field.id)) {
+      message.error(formatMessage({
+        id: 'fieldNameDuplicate'
+      }));
+      return false;
+    }
+    const definition = getFieldDefinition(values.type);
+    const normalizedColumns = definition != null && definition.hasColumns ? normalizeColumns(columns) : [];
+    const nextField = formValuesToField(_extends({}, values, {
+      ruleConfig: {
+        presets: values.rulePresets || [],
+        lenMin: (_values$lenMin = values.lenMin) != null ? _values$lenMin : '',
+        lenMax: (_values$lenMax = values.lenMax) != null ? _values$lenMax : ''
+      },
+      options: normalizeOptions(options, {
+        allowChildren: !!(definition != null && definition.optionsAllowChildren),
+        columns: normalizedColumns
+      }),
+      selectProps: _extends({}, values, {
+        columns: normalizedColumns
+      }),
+      fieldProps: values
+    }), field || createField$1());
+    if (!nextField.id) {
+      nextField.id = createField$1().id;
+    }
+    onSave(nextField);
+  };
+  const modalKey = open ? field != null && field.id ? `edit-${field.id}` : `add-${formData.name}` : 'closed';
+  return /*#__PURE__*/jsx(FormModal, _extends({
+    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__*/jsx(FieldConfigFields, {
+      initialType: formData.type,
+      options: options,
+      onOptionsChange: setOptions,
+      columns: columns,
+      onColumnsChange: setColumns
+    })
+  }), modalKey);
+};
+
+const FormActionsEditor = ({
+  open,
+  value,
+  onCancel,
+  onSave,
+  renderModal
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const isMobile = useIsMobile();
+  const formData = useMemo(() => normalizeFormActions(value), [value, open]);
+  const alignOptions = useMemo(() => [{
+    label: formatMessage({
+      id: 'formActionsAlignStart'
+    }),
+    value: 'start'
+  }, {
+    label: formatMessage({
+      id: 'formActionsAlignCenter'
+    }),
+    value: 'center'
+  }, {
+    label: formatMessage({
+      id: 'formActionsAlignEnd'
+    }),
+    value: 'end'
+  }], [formatMessage]);
+  const gapMarks = useMemo(() => ({
+    0: '0',
+    16: '16',
+    32: '32',
+    48: '48',
+    64: '64'
+  }), []);
+  return /*#__PURE__*/jsx(FormModal, _extends({
+    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 == null || onSave(normalizeFormActions(values));
+      }
+    },
+    okText: formatMessage({
+      id: 'confirm'
+    }),
+    cancelText: formatMessage({
+      id: 'cancel'
+    }),
+    children: /*#__PURE__*/jsxs("div", {
+      className: style['form-actions-editor'],
+      children: [/*#__PURE__*/jsx(FormInfo, {
+        column: 2,
+        list: [/*#__PURE__*/jsx(Switch, {
+          name: "showSubmit",
+          label: formatMessage({
+            id: 'formActionsShowSubmit'
+          }),
+          className: style['form-actions-switch-field']
+        }, "showSubmit"), /*#__PURE__*/jsx(Input, {
+          name: "submitText",
+          label: formatMessage({
+            id: 'formActionsSubmitText'
+          }),
+          placeholder: formatMessage({
+            id: 'formActionsSubmitTextHint'
+          }),
+          display: ({
+            openApi
+          }) => {
+            var _openApi$data;
+            return Boolean(openApi == null || (_openApi$data = openApi.data) == null ? void 0 : _openApi$data.showSubmit);
+          }
+        }, "submitText")]
+      }), /*#__PURE__*/jsx(FormInfo, {
+        column: 2,
+        list: [/*#__PURE__*/jsx(Switch, {
+          name: "showReset",
+          label: formatMessage({
+            id: 'formActionsShowReset'
+          }),
+          className: style['form-actions-switch-field']
+        }, "showReset"), /*#__PURE__*/jsx(Input, {
+          name: "resetText",
+          label: formatMessage({
+            id: 'formActionsResetText'
+          }),
+          placeholder: formatMessage({
+            id: 'formActionsResetTextHint'
+          }),
+          display: ({
+            openApi
+          }) => {
+            var _openApi$data2;
+            return Boolean(openApi == null || (_openApi$data2 = openApi.data) == null ? void 0 : _openApi$data2.showReset);
+          }
+        }, "resetText")]
+      }), /*#__PURE__*/jsx(FormInfo, {
+        column: 2,
+        list: [/*#__PURE__*/jsx(Switch, {
+          name: "showCancel",
+          label: formatMessage({
+            id: 'formActionsShowCancel'
+          }),
+          className: style['form-actions-switch-field']
+        }, "showCancel"), /*#__PURE__*/jsx(Input, {
+          name: "cancelText",
+          label: formatMessage({
+            id: 'formActionsCancelText'
+          }),
+          placeholder: formatMessage({
+            id: 'formActionsCancelTextHint'
+          }),
+          display: ({
+            openApi
+          }) => {
+            var _openApi$data3;
+            return Boolean(openApi == null || (_openApi$data3 = openApi.data) == null ? void 0 : _openApi$data3.showCancel);
+          }
+        }, "cancelText")]
+      }), /*#__PURE__*/jsxs("div", {
+        className: style['form-actions-layout-panel'],
+        children: [/*#__PURE__*/jsx("div", {
+          className: style['form-actions-layout-title'],
+          children: formatMessage({
+            id: 'formActionsLayoutSection'
+          })
+        }), /*#__PURE__*/jsx(FormInfo, {
+          column: 1,
+          list: [/*#__PURE__*/jsx(RadioGroup, {
+            name: "align",
+            label: formatMessage({
+              id: 'formActionsAlign'
+            }),
+            optionType: "button",
+            buttonStyle: "solid",
+            options: alignOptions,
+            className: style['form-actions-align-group']
+          }, "align"), /*#__PURE__*/jsx(Slider, {
+            name: "gap",
+            label: formatMessage({
+              id: 'formActionsGap'
+            }),
+            min: 0,
+            max: 64,
+            step: 1,
+            marks: gapMarks,
+            tooltip: {
+              formatter: v => `${v != null ? 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__*/createElement(Tooltip, {
+    title: tips
+  }, /*#__PURE__*/createElement(QuestionCircleOutlined, {
+    className: style['field-label-tips-icon']
+  }));
+};
+const renderFieldElements = (fields = [], preview = false) => fields.filter(field => !field.hidden).map(field => {
+  var _props$options;
+  const Component = getFieldComponent(field.type, field);
+  if (!Component) {
+    return null;
+  }
+  const definition = getFieldDefinition(field.type);
+  const props = _extends({}, field.props || {});
+  if (definition != null && definition.optionsAllowDescription && (_props$options = props.options) != null && _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__*/createElement(Component, _extends({
+    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 = (block, preview = false, {
+  isMobile: _isMobile = false,
+  formatMessage
+} = {}) => {
+  const fields = renderFieldElements(block.list, preview);
+  const bordered = _isMobile ? false : block.bordered || undefined;
+  switch (block.kind) {
+    case 'formInfo':
+      return /*#__PURE__*/createElement(FormInfo, {
+        key: block.id,
+        title: block.title || undefined,
+        subtitle: block.subtitle || undefined,
+        column: block.column,
+        gap: block.gap,
+        bordered,
+        list: fields
+      });
+    case 'list':
+      return /*#__PURE__*/createElement(List, _extends({
+        key: block.id,
+        name: block.name,
+        title: block.title || undefined,
+        important: block.important || undefined,
+        bordered,
+        maxLength: block.maxLength,
+        minLength: block.minLength
+      }, block.addText ? {
+        addText: block.addText
+      } : {}, typeof block.itemTitle === 'function' || block.itemTitle ? {
+        itemTitle: block.itemTitle
+      } : {}, {
+        list: fields
+      }));
+    case 'tableList':
+      return /*#__PURE__*/createElement(TableList, _extends({
+        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__*/createElement(MultiField, _extends({
+          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__*/createElement(Steps, {
+          key: block.id,
+          title: block.title || undefined,
+          subtitle: block.subtitle || undefined,
+          bordered: _bordered,
+          items: (block.items || []).map(step => ({
+            key: step.id,
+            title: step.title,
+            column: step.column,
+            gap: block.gap,
+            list: renderFieldElements(step.list, preview),
+            fieldNames: (step.list || []).filter(field => field && !field.hidden && field.name).map(field => field.name)
+          }))
+        });
+      }
+    default:
+      return null;
+  }
+};
+const renderSchemaInner = (schema, {
+  preview: _preview = false,
+  className,
+  isMobile: _isMobile2 = false,
+  formatMessage,
+  children,
+  actionNode
+} = {}) => {
+  const normalized = normalizeSchema(schema);
+  const blocks = normalized.blocks || [];
+  const contentChildren = blocks.map(block => renderBlockElement(block, _preview, {
+    isMobile: _isMobile2,
+    formatMessage
+  })).filter(Boolean);
+  if (!contentChildren.length && !children && !actionNode) {
+    return null;
+  }
+  const body = /*#__PURE__*/createElement(Fragment, null, ...contentChildren, children, actionNode || null);
+  return className ? /*#__PURE__*/createElement('div', {
+    className
+  }, body) : body;
+};
+const renderSchemaContent = (schema, {
+  preview: _preview2 = false,
+  formProps: _formProps = {},
+  className,
+  isMobile: _isMobile3 = false,
+  formatMessage,
+  children,
+  actionNode
+} = {}) => {
+  const normalized = normalizeSchema(schema);
+  const blocks = normalized.blocks || [];
+  const contentChildren = blocks.map(block => renderBlockElement(block, _preview2, {
+    isMobile: _isMobile3,
+    formatMessage
+  })).filter(Boolean);
+  if (!contentChildren.length && !children) {
+    return null;
+  }
+  const formClassName = [style['schema-form'], _formProps.className, className].filter(Boolean).join(' ');
+  return /*#__PURE__*/createElement(Form, _extends({}, _formProps, {
+    className: formClassName
+  }), /*#__PURE__*/createElement('div', {
+    className: style['schema-body']
+  }, ...contentChildren, children), actionNode || null);
+};
+
+const resolveActionNode = ({
+  schema,
+  formatMessage,
+  actions,
+  showActions: _showActions = true,
+  submitText,
+  resetText,
+  cancelText,
+  submitButtonProps,
+  resetButtonProps,
+  cancelButtonProps,
+  showSubmit,
+  showReset,
+  showCancel,
+  actionsAlign,
+  actionsGap
+}) => {
+  if (_showActions === false || actions === false || actions === null) {
+    return null;
+  }
+  const normalized = normalizeSchema(schema);
+  const schemaActions = normalizeFormActions(normalized.actions);
+  const resolvedShowSubmit = showSubmit != null ? showSubmit : schemaActions.showSubmit;
+  const resolvedShowReset = showReset != null ? showReset : schemaActions.showReset;
+  const resolvedShowCancel = showCancel != null ? 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 = _extends({}, schemaActions.submitButtonProps || {}, submitButtonProps || {});
+  const resolvedResetButtonProps = _extends({}, schemaActions.resetButtonProps || {}, resetButtonProps || {});
+  const resolvedCancelButtonProps = _extends({}, schemaActions.cancelButtonProps || {}, cancelButtonProps || {});
+  const flexProps = {
+    className: style['schema-actions-inner'],
+    justify: resolvedAlign,
+    gap: resolvedGap != null ? resolvedGap : 16,
+    wrap: 'wrap'
+  };
+  if (actions !== undefined) {
+    return /*#__PURE__*/createElement('div', {
+      className: style['schema-actions']
+    }, /*#__PURE__*/createElement(Flex, flexProps, actions));
+  }
+  if (!resolvedShowSubmit && !resolvedShowReset && !resolvedShowCancel) {
+    return null;
+  }
+  return /*#__PURE__*/createElement('div', {
+    className: style['schema-actions']
+  }, /*#__PURE__*/createElement(Flex, flexProps, resolvedShowSubmit ? /*#__PURE__*/createElement(SubmitButton, _extends({
+    type: 'primary'
+  }, resolvedSubmitButtonProps), resolvedSubmitText) : null, resolvedShowReset ? /*#__PURE__*/createElement(ResetButton, resolvedResetButtonProps, resolvedResetText) : null, resolvedShowCancel ? /*#__PURE__*/createElement(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
+  } = useIntl();
+  const isMobile = 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
+  } = useIntl();
+  const isMobile = 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(({
+  value,
+  defaultValue,
+  onChange,
+  showPreview: _showPreview = true,
+  className,
+  formProps,
+  renderModal
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const isMobile = useIsMobile();
+  const [innerSchema, setInnerSchema] = useState(() => normalizeSchema(defaultValue || defaultSchema()));
+  const [blockEditorOpen, setBlockEditorOpen] = useState(false);
+  const [editingBlock, setEditingBlock] = useState(null);
+  const [stepEditorOpen, setStepEditorOpen] = useState(false);
+  const [stepContext, setStepContext] = useState(null);
+  const [fieldEditorOpen, setFieldEditorOpen] = useState(false);
+  const [fieldContext, setFieldContext] = useState(null);
+  const [editingField, setEditingField] = useState(null);
+  const [formActionsOpen, setFormActionsOpen] = useState(false);
+  const schema = useMemo(() => normalizeSchema(value != null ? value : innerSchema), [value, innerSchema]);
+  const updateSchema = nextSchema => {
+    const normalized = normalizeSchema(nextSchema);
+    if (value === undefined) {
+      setInnerSchema(normalized);
+    }
+    onChange == null || 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(_extends({}, schema, {
+      blocks: exists ? schema.blocks.map(item => item.id === block.id ? block : item) : [...schema.blocks, block]
+    }));
+    setBlockEditorOpen(false);
+    setEditingBlock(null);
+  };
+  const handleDeleteBlock = blockId => {
+    updateSchema(_extends({}, schema, {
+      blocks: schema.blocks.filter(item => item.id !== blockId)
+    }));
+  };
+  const handleMoveBlock = (blockId, direction) => {
+    updateSchema(_extends({}, 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 _extends({}, 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 => _extends({}, block, {
+      items: (block.items || []).filter(item => item.id !== stepId)
+    })));
+  };
+  const handleMoveStep = (blockId, stepId, direction) => {
+    updateSchema(mapBlocks(schema, blockId, block => _extends({}, 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 _extends({}, block, {
+          items: (block.items || []).map(step => {
+            if (step.id !== stepId) {
+              return step;
+            }
+            const exists = (step.list || []).some(item => item.id === field.id);
+            return _extends({}, 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 _extends({}, 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 _extends({}, block, {
+          items: (block.items || []).map(step => step.id === stepId ? _extends({}, step, {
+            list: (step.list || []).filter(item => item.id !== fieldId)
+          }) : step)
+        });
+      }
+      return _extends({}, 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 _extends({}, block, {
+          items: (block.items || []).map(step => step.id === stepId ? _extends({}, step, {
+            list: moveItem(step.list || [], fieldId, direction)
+          }) : step)
+        });
+      }
+      return _extends({}, block, {
+        list: moveItem(block.list || [], fieldId, direction)
+      });
+    }));
+  };
+  const currentFieldScope = fieldContext ? collectSchemaFields(schema, {
+    blockId: fieldContext.blockId,
+    stepId: fieldContext.stepId
+  }) : [];
+  return /*#__PURE__*/jsxs("div", {
+    className: [style['form-creator'], RESPONSIVE_BOUNDARY_CLASS, isMobile ? style['is-mobile'] : '', className].filter(Boolean).join(' '),
+    children: [/*#__PURE__*/jsx("div", {
+      className: style['editor-pane'],
+      children: /*#__PURE__*/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__*/jsx("div", {
+      className: style['preview-pane'],
+      children: /*#__PURE__*/jsx("div", {
+        className: style['preview-body'],
+        children: hasRenderableContent(schema) ? /*#__PURE__*/jsx(SchemaRenderer, {
+          schema: schema,
+          preview: true,
+          formProps: formProps
+        }) : /*#__PURE__*/jsx(Empty, {
+          image: Empty.PRESENTED_IMAGE_SIMPLE,
+          description: formatMessage({
+            id: 'emptyBlockList'
+          })
+        })
+      })
+    }) : null, /*#__PURE__*/jsx(BlockEditorModal, {
+      open: blockEditorOpen,
+      block: editingBlock,
+      renderModal: renderModal,
+      onCancel: () => {
+        setBlockEditorOpen(false);
+        setEditingBlock(null);
+      },
+      onSave: handleSaveBlock
+    }), /*#__PURE__*/jsx(StepEditorModal, {
+      open: stepEditorOpen,
+      step: stepContext == null ? void 0 : stepContext.step,
+      renderModal: renderModal,
+      onCancel: () => {
+        setStepEditorOpen(false);
+        setStepContext(null);
+      },
+      onSave: handleSaveStep
+    }), /*#__PURE__*/jsx(FieldEditorModal, {
+      open: fieldEditorOpen,
+      field: editingField,
+      fieldList: currentFieldScope,
+      renderModal: renderModal,
+      onCancel: () => {
+        setFieldEditorOpen(false);
+        setFieldContext(null);
+        setEditingField(null);
+      },
+      onSave: handleSaveField
+    }), /*#__PURE__*/jsx(FormActionsEditor, {
+      open: formActionsOpen,
+      value: schema.actions,
+      renderModal: renderModal,
+      onCancel: () => setFormActionsOpen(false),
+      onSave: actions => {
+        updateSchema(_extends({}, schema, {
+          actions
+        }));
+        setFormActionsOpen(false);
+      }
+    })]
+  });
+});
+
+export { FormCreator, RULE_LEN_PRESET, RULE_PRESET_ITEMS, SchemaRenderer, SchemaRendererInner, applyFromPropsSchema, blockToFormValues, buildRuleString, collectSchemaFields, createBlock, createField$1 as createField, createFieldId, createStep, FormCreator as default, defaultFormActions, defaultSchema, fieldToFormValues, findBlock, formValuesToBlock, formValuesToField, getBlockDefinition, getBlockKindOptions, getFieldComponent, getFieldDefinition, getFieldTypes, getRulePresetItems, hasRenderableContent, isFieldNameUnique, mapBlocks, moveItem, normalizeBlock, normalizeFormActions, normalizeOptions, normalizeSchema, parseRuleString, pickFieldProps, pickFromPropsSchema, registerField, registerRulePreset, updateBlocks };
+//# sourceMappingURL=index.modern.js.map