@kne/form-creator 0.1.16 → 0.1.18

package/dist/index.js

@@ -110,6 +110,27 @@ const locale$1 = {
   stepNext: '下一步',
   stepComplete: '完成',
   fieldType: '填写项类型',
+  FieldGroupBasic: '基础字段',
+  FieldGroupSelect: '选择字段',
+  FieldGroupAdvancedSelect: '高级选择',
+  FieldGroupBusinessSelect: '业务选择',
+  FieldGroupExtended: '扩展字段',
+  FieldTypeInput: '单行文本',
+  FieldTypeTextArea: '多行文本',
+  FieldTypeInputNumber: '数字',
+  FieldTypeSelect: '下拉选择',
+  FieldTypeRadioGroup: '单选组',
+  FieldTypeCheckboxGroup: '复选组',
+  FieldTypeSuperSelectList: '普通下拉',
+  FieldTypeSuperSelectTableList: '表格选择',
+  FieldTypeSuperSelectTree: '树形选择',
+  FieldTypeSuperSelectCascader: '级联选择',
+  FieldTypeSelectFunction: '职能选择',
+  FieldTypeSelectIndustry: '行业选择',
+  FieldTypeSelectAddress: '地址选择',
+  FieldTypeSwitch: '开关',
+  FieldTypeCheckbox: '复选框',
+  FieldTypeDatePicker: '日期',
   fieldName: '保存用的名称',
   fieldNamePlaceholder: '已自动生成，可修改',
   fieldLabel: '显示名称',
@@ -313,6 +334,27 @@ const locale = {
   stepNext: 'Next',
   stepComplete: 'Done',
   fieldType: 'Field Type',
+  FieldGroupBasic: 'Basic Fields',
+  FieldGroupSelect: 'Select Fields',
+  FieldGroupAdvancedSelect: 'Advanced Select',
+  FieldGroupBusinessSelect: 'Business Select',
+  FieldGroupExtended: 'Extended Fields',
+  FieldTypeInput: 'Single-line Text',
+  FieldTypeTextArea: 'Multi-line Text',
+  FieldTypeInputNumber: 'Number',
+  FieldTypeSelect: 'Dropdown',
+  FieldTypeRadioGroup: 'Radio Group',
+  FieldTypeCheckboxGroup: 'Checkbox Group',
+  FieldTypeSuperSelectList: 'Select List',
+  FieldTypeSuperSelectTableList: 'Table Select',
+  FieldTypeSuperSelectTree: 'Tree Select',
+  FieldTypeSuperSelectCascader: 'Cascader',
+  FieldTypeSelectFunction: 'Job Function',
+  FieldTypeSelectIndustry: 'Industry',
+  FieldTypeSelectAddress: 'Address',
+  FieldTypeSwitch: 'Switch',
+  FieldTypeCheckbox: 'Checkbox',
+  FieldTypeDatePicker: 'Date',
   fieldName: 'Save name',
   fieldNamePlaceholder: 'Auto-generated, editable',
   fieldLabel: 'Display Name',
@@ -1367,14 +1409,10 @@ const mapOptionItem = item => {
  * 搭建器选项是 { label, value, children }；SelectCascader 默认 valueKey='id'、示例用 id/name。
  * 补齐两边的 key，避免 mapping 全部落到 undefined 导致下拉空白。
  */
-const alignOptionKeys = function (options, _temp) {
-  if (options === void 0) {
-    options = [];
-  }
-  let {
-    valueKey = 'value',
-    labelKey = 'label'
-  } = _temp === void 0 ? {} : _temp;
+const alignOptionKeys = (options = [], {
+  valueKey = 'value',
+  labelKey = 'label'
+} = {}) => {
   if (!Array.isArray(options)) {
     return options;
   }
@@ -1413,16 +1451,12 @@ const alignOptionKeys = function (options, _temp) {
  * SelectTree 按扁平 parentId 组树，会覆盖节点上已有的 children。
  * 搭建器存的是嵌套 children，交给 SelectTree 前先拍平。
  */
-const flattenTreeOptions = function (options, _temp2) {
-  if (options === void 0) {
-    options = [];
-  }
-  let {
-    valueKey = 'value',
-    parentKey = 'parentId',
-    childrenKey = 'children',
-    parentId
-  } = _temp2 === void 0 ? {} : _temp2;
+const flattenTreeOptions = (options = [], {
+  valueKey = 'value',
+  parentKey = 'parentId',
+  childrenKey = 'children',
+  parentId
+} = {}) => {
   const result = [];
   (Array.isArray(options) ? options : []).forEach(item => {
     if (!item || typeof item !== 'object') {
@@ -1448,16 +1482,11 @@ const flattenTreeOptions = function (options, _temp2) {
   });
   return result;
 };
-const createApiFromOptions = function (options) {
-  if (options === void 0) {
-    options = [];
-  }
-  return {
-    loader: () => ({
-      pageData: options.map(mapOptionItem)
-    })
-  };
-};
+const createApiFromOptions = (options = []) => ({
+  loader: () => ({
+    pageData: options.map(mapOptionItem)
+  })
+});
 
 const {
   useOnChange: useOnChange$1
@@ -1601,18 +1630,29 @@ const defineField = (type, definition) => {
   });
 };
 const FIELD_GROUPS = [{
-  label: '基础字段',
+  labelId: 'FieldGroupBasic',
   types: ['Input', 'TextArea', 'InputNumber', 'Switch', 'Checkbox', 'DatePicker']
 }, {
-  label: '选择字段',
+  labelId: 'FieldGroupSelect',
   types: ['Select', 'RadioGroup', 'CheckboxGroup']
 }, {
-  label: '高级选择',
+  labelId: 'FieldGroupAdvancedSelect',
   types: ['SuperSelectList', 'SuperSelectTableList', 'SuperSelectTree', 'SuperSelectCascader']
 }, {
-  label: '业务选择',
+  labelId: 'FieldGroupBusinessSelect',
   types: ['SelectFunction', 'SelectIndustry', 'SelectAddress']
 }];
+const resolveRegistryLabel = (formatMessage, labelId, fallbackLabel) => {
+  if (typeof formatMessage === 'function' && labelId) {
+    return formatMessage({
+      id: labelId
+    });
+  }
+  if (fallbackLabel != null && String(fallbackLabel).trim()) {
+    return String(fallbackLabel).trim();
+  }
+  return labelId || '';
+};
 const optionEnumValues = field => {
   const options = field?.props?.options;
   if (!Array.isArray(options) || !options.length) {
@@ -1673,8 +1713,7 @@ const datePickerValueSchema = field => {
   return item;
 };
 defineField('Input', {
-  label: '单行文本',
-  group: '基础字段',
+  labelId: 'FieldTypeInput',
   component: reactFormAntd.Input,
   defaultProps: {
     allowClear: true
@@ -1685,8 +1724,7 @@ defineField('Input', {
   }
 });
 defineField('TextArea', {
-  label: '多行文本',
-  group: '基础字段',
+  labelId: 'FieldTypeTextArea',
   component: reactFormAntd.TextArea,
   defaultProps: {
     rows: 3
@@ -1700,8 +1738,7 @@ defineField('TextArea', {
   }
 });
 defineField('InputNumber', {
-  label: '数字',
-  group: '基础字段',
+  labelId: 'FieldTypeInputNumber',
   component: reactFormAntd.InputNumber,
   defaultProps: {},
   hasFieldProps: true,
@@ -1710,8 +1747,7 @@ defineField('InputNumber', {
   }
 });
 defineField('Select', {
-  label: '下拉选择',
-  group: '选择字段',
+  labelId: 'FieldTypeSelect',
   component: reactFormAntd.Select,
   defaultProps: {
     options: [],
@@ -1722,8 +1758,7 @@ defineField('Select', {
   valueSchema: stringWithEnumSchema
 });
 defineField('RadioGroup', {
-  label: '单选组',
-  group: '选择字段',
+  labelId: 'FieldTypeRadioGroup',
   component: reactFormAntd.RadioGroup,
   defaultProps: {
     options: []
@@ -1732,8 +1767,7 @@ defineField('RadioGroup', {
   valueSchema: stringWithEnumSchema
 });
 defineField('CheckboxGroup', {
-  label: '复选组',
-  group: '选择字段',
+  labelId: 'FieldTypeCheckboxGroup',
   component: reactFormAntd.CheckboxGroup,
   defaultProps: {
     options: []
@@ -1754,8 +1788,7 @@ defineField('CheckboxGroup', {
   }
 });
 defineField('SuperSelectList', {
-  label: '普通下拉',
-  group: 'SuperSelect',
+  labelId: 'FieldTypeSuperSelectList',
   component: SuperSelectList,
   defaultProps: {
     options: [],
@@ -1770,8 +1803,7 @@ defineField('SuperSelectList', {
   valueSchema: superSelectValueSchema
 });
 defineField('SuperSelectTableList', {
-  label: '表格选择',
-  group: 'SuperSelect',
+  labelId: 'FieldTypeSuperSelectTableList',
   component: SuperSelectTableList,
   defaultProps: {
     options: [],
@@ -1788,8 +1820,7 @@ defineField('SuperSelectTableList', {
   valueSchema: superSelectValueSchema
 });
 defineField('SuperSelectTree', {
-  label: '树形选择',
-  group: 'SuperSelect',
+  labelId: 'FieldTypeSuperSelectTree',
   component: SuperSelectTree,
   defaultProps: {
     options: [],
@@ -1805,8 +1836,7 @@ defineField('SuperSelectTree', {
   valueSchema: superSelectValueSchema
 });
 defineField('SuperSelectCascader', {
-  label: '级联选择',
-  group: 'SuperSelect',
+  labelId: 'FieldTypeSuperSelectCascader',
   component: SuperSelectCascader,
   defaultProps: {
     options: [],
@@ -1824,8 +1854,7 @@ defineField('SuperSelectCascader', {
   valueSchema: superSelectValueSchema
 });
 defineField('SelectFunction', {
-  label: '职能选择',
-  group: 'SuperSelectPlus',
+  labelId: 'FieldTypeSelectFunction',
   component: SelectFunctionField,
   defaultProps: {
     isPopup: true,
@@ -1836,8 +1865,7 @@ defineField('SelectFunction', {
   valueSchema: superSelectValueSchema
 });
 defineField('SelectIndustry', {
-  label: '行业选择',
-  group: 'SuperSelectPlus',
+  labelId: 'FieldTypeSelectIndustry',
   component: SelectIndustryField,
   defaultProps: {
     isPopup: true,
@@ -1848,8 +1876,7 @@ defineField('SelectIndustry', {
   valueSchema: superSelectValueSchema
 });
 defineField('SelectAddress', {
-  label: '地址选择',
-  group: 'SuperSelectPlus',
+  labelId: 'FieldTypeSelectAddress',
   component: SelectAddressField,
   defaultProps: {
     isPopup: true,
@@ -1860,8 +1887,7 @@ defineField('SelectAddress', {
   valueSchema: superSelectValueSchema
 });
 defineField('Switch', {
-  label: '开关',
-  group: '基础字段',
+  labelId: 'FieldTypeSwitch',
   component: reactFormAntd.Switch,
   defaultProps: {},
   hasFieldProps: true,
@@ -1870,8 +1896,7 @@ defineField('Switch', {
   }
 });
 defineField('Checkbox', {
-  label: '复选框',
-  group: '基础字段',
+  labelId: 'FieldTypeCheckbox',
   component: reactFormAntd.Checkbox,
   defaultProps: {
     children: ''
@@ -1881,8 +1906,7 @@ defineField('Checkbox', {
   }
 });
 defineField('DatePicker', {
-  label: '日期',
-  group: '基础字段',
+  labelId: 'FieldTypeDatePicker',
   component: reactFormAntd.DatePicker,
   defaultProps: {
     format: 'YYYY-MM-DD',
@@ -1906,8 +1930,9 @@ defineField('DatePicker', {
  * - min / max?: number（type=number）
  * - options?: { label, value }[]（type=select）
  *
- * preset({ type, definition }) 的 fields 项还可传：
- * - groupName?: string 自定义类型下拉分组名；不传则归入「扩展字段」
+ * preset / registerField 的 fields 项还可传：
+ * - label / labelId?: 展示名；有 labelId 时随 formatMessage 切换语言
+ * - groupName / groupNameId?: 自定义类型下拉分组；有 groupNameId 时随语言切换；都不传则归入「扩展字段」
  * - valueSchema?: object | (field) => object  提交值的 JSON Schema 片段；缺省回退 { type: 'string' }
  *   可含 format（date/month/week/time/date-time/password/color/json）与 display（option/phone/file/typed-date-range/date-to-today/html/money），供 SchemaContent 预览
  * - formatDisplayValue?: (value, field, ctx) => string  覆盖 valueSchema 默认预览
@@ -1915,10 +1940,14 @@ defineField('DatePicker', {
 const registerField = (type, definition) => {
   const propsSchema = Array.isArray(definition?.propsSchema) ? definition.propsSchema : undefined;
   const groupName = definition?.groupName != null && String(definition.groupName).trim() ? String(definition.groupName).trim() : undefined;
+  const groupNameId = definition?.groupNameId != null && String(definition.groupNameId).trim() ? String(definition.groupNameId).trim() : undefined;
+  const labelId = definition?.labelId != null && String(definition.labelId).trim() ? String(definition.labelId).trim() : undefined;
   defineField(type, {
     ...definition,
     propsSchema,
     groupName,
+    groupNameId,
+    labelId,
     hasFieldProps: definition.hasFieldProps ?? !!(propsSchema && propsSchema.length)
   });
 };
@@ -1991,6 +2020,15 @@ const applyFromPropsSchema = function (props, values, propsSchema) {
 };
 const getFieldDefinition = type => registry.get(type);
 
+/** 解析字段类型展示名：内置走 labelId；扩展字段可用已翻译的 label */
+const resolveFieldTypeLabel = (typeOrDefinition, formatMessage) => {
+  const definition = typeof typeOrDefinition === 'string' ? registry.get(typeOrDefinition) : typeOrDefinition;
+  if (!definition) {
+    return typeof typeOrDefinition === 'string' ? typeOrDefinition : '';
+  }
+  return resolveRegistryLabel(formatMessage, definition.labelId, definition.label) || definition.type || '';
+};
+
 /**
  * 解析字段提交值的 JSON Schema 片段。
  * 优先用 definition.valueSchema（对象或 (field)=>schema）；缺省 { type: 'string' }。
@@ -2044,19 +2082,13 @@ const getFieldComponent = (type, field) => {
   }
   return definition.component;
 };
-const getFieldTypes = () => {
+const getFieldTypes = formatMessage => {
   const grouped = FIELD_GROUPS.map(group => ({
-    label: group.label,
-    options: group.types.map(type => registry.get(type)).filter(Boolean).map(_ref => {
-      let {
-        type,
-        label
-      } = _ref;
-      return {
-        label,
-        value: type
-      };
-    })
+    label: resolveRegistryLabel(formatMessage, group.labelId, group.label),
+    options: group.types.map(type => registry.get(type)).filter(Boolean).map(item => ({
+      label: resolveFieldTypeLabel(item, formatMessage),
+      value: item.type
+    }))
   }));
   const builtinTypes = new Set(FIELD_GROUPS.flatMap(group => group.types));
   const registered = Array.from(registry.values()).filter(item => !builtinTypes.has(item.type));
@@ -2064,20 +2096,29 @@ const getFieldTypes = () => {
   const fallback = [];
   registered.forEach(item => {
     const option = {
-      label: item.label,
+      label: resolveFieldTypeLabel(item, formatMessage),
       value: item.type
     };
+    const groupNameId = item.groupNameId != null && String(item.groupNameId).trim() ? String(item.groupNameId).trim() : '';
     const groupName = item.groupName != null && String(item.groupName).trim() ? String(item.groupName).trim() : '';
-    if (!groupName) {
+    if (!groupNameId && !groupName) {
       fallback.push(option);
       return;
     }
-    if (!customGroups.has(groupName)) {
-      customGroups.set(groupName, []);
+    const groupKey = groupNameId || groupName;
+    if (!customGroups.has(groupKey)) {
+      customGroups.set(groupKey, {
+        label: resolveRegistryLabel(formatMessage, groupNameId || null, groupName),
+        options: []
+      });
     }
-    customGroups.get(groupName).push(option);
+    customGroups.get(groupKey).options.push(option);
   });
-  customGroups.forEach((options, label) => {
+  customGroups.forEach(_ref => {
+    let {
+      label,
+      options
+    } = _ref;
     grouped.push({
       label,
       options
@@ -2085,7 +2126,7 @@ const getFieldTypes = () => {
   });
   if (fallback.length) {
     grouped.push({
-      label: '扩展字段',
+      label: resolveRegistryLabel(formatMessage, 'FieldGroupExtended', '扩展字段'),
       options: fallback
     });
   }
@@ -2430,15 +2471,14 @@ const TYPE_TAG_COLORS = {
   Checkbox: 'green',
   DatePicker: 'lime'
 };
-const FieldRow = _ref => {
-  let {
-    field,
-    index,
-    total,
-    onEdit,
-    onDelete,
-    onMove
-  } = _ref;
+const FieldRow = ({
+  field,
+  index,
+  total,
+  onEdit,
+  onDelete,
+  onMove
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -2462,7 +2502,7 @@ const FieldRow = _ref => {
         }), /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
           bordered: false,
           color: TYPE_TAG_COLORS[field.type] || 'default',
-          children: definition?.label || field.type
+          children: resolveFieldTypeLabel(definition || field.type, formatMessage)
         }), field.hidden ? /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
           bordered: false,
           children: formatMessage({
@@ -3067,7 +3107,7 @@ const BlockListPanel = _ref3 => {
     }) : block.kind === 'multiField' ? formatMessage({
       id: 'multiFieldSummary'
     }, {
-      type: block.fieldType
+      type: resolveFieldTypeLabel(block.fieldType, formatMessage)
     }) : block.kind === 'choice' ? formatMessage({
       id: 'choiceOptionCount'
     }, {
@@ -3091,7 +3131,9 @@ const BlockListPanel = _ref3 => {
           children: [/*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
             bordered: false,
             color: definition?.color || 'default',
-            children: definition?.label || block.kind
+            children: formatMessage({
+              id: `blockKind_${block.kind}`
+            })
           }), /*#__PURE__*/jsxRuntime.jsx(Text$3, {
             strong: true,
             ellipsis: true,
@@ -3210,7 +3252,7 @@ const BlockConfigFields = _ref => {
     formatMessage
   } = reactIntl.useIntl();
   const definition = getBlockDefinition(kind);
-  const fieldTypeOptions = react.useMemo(() => getFieldTypes(), []);
+  const fieldTypeOptions = react.useMemo(() => getFieldTypes(formatMessage), [formatMessage]);
   const list = [];
   if (kind === 'formInfo' || kind === 'list' || kind === 'tableList' || kind === 'object') {
     list.push(/*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
@@ -3423,7 +3465,9 @@ const BlockConfigFields = _ref => {
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: style['field-editor-form'],
     children: /*#__PURE__*/jsxRuntime.jsx(FormInfo__default["default"], {
-      title: definition?.label || kind,
+      title: formatMessage({
+        id: `blockKind_${kind}`
+      }),
       subtitle: definition?.description,
       column: 1,
       list: list.filter(Boolean)
@@ -3636,24 +3680,18 @@ const RulePresetEditor = () => {
       id: 'ruleLenMin'
     }),
     min: 0,
-    display: _ref => {
-      let {
-        openApi
-      } = _ref;
-      return (openApi?.data?.rulePresets || []).includes(RULE_LEN_PRESET);
-    }
+    display: ({
+      openApi
+    }) => (openApi?.data?.rulePresets || []).includes(RULE_LEN_PRESET)
   }, "lenMin"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.InputNumber, {
     name: "lenMax",
     label: formatMessage({
       id: 'ruleLenMax'
     }),
     min: 0,
-    display: _ref2 => {
-      let {
-        openApi
-      } = _ref2;
-      return (openApi?.data?.rulePresets || []).includes(RULE_LEN_PRESET);
-    }
+    display: ({
+      openApi
+    }) => (openApi?.data?.rulePresets || []).includes(RULE_LEN_PRESET)
   }, "lenMax"), /*#__PURE__*/jsxRuntime.jsx("div", {
     block: true,
     children: /*#__PURE__*/jsxRuntime.jsx(Text$2, {
@@ -3694,30 +3732,19 @@ const createEmptyTableRow = columns => {
   });
   return row;
 };
-const ensureOptionKeys = function (list) {
-  if (list === void 0) {
-    list = [];
-  }
-  return list.map(item => ({
-    ...item,
-    _key: item._key || createOptionKey(),
-    children: Array.isArray(item.children) ? ensureOptionKeys(item.children) : undefined
-  }));
-};
-const hasMissingOptionKey = function (list) {
-  if (list === void 0) {
-    list = [];
-  }
-  return list.some(item => !item?._key || Array.isArray(item.children) && hasMissingOptionKey(item.children));
-};
+const ensureOptionKeys = (list = []) => list.map(item => ({
+  ...item,
+  _key: item._key || createOptionKey(),
+  children: Array.isArray(item.children) ? ensureOptionKeys(item.children) : undefined
+}));
+const hasMissingOptionKey = (list = []) => list.some(item => !item?._key || Array.isArray(item.children) && hasMissingOptionKey(item.children));
 
 /** 扁平选项（非树） */
-const FlatOptionRows = _ref => {
-  let {
-    list,
-    onChange,
-    allowDescription
-  } = _ref;
+const FlatOptionRows = ({
+  list,
+  onChange,
+  allowDescription
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -3783,16 +3810,15 @@ const FlatOptionRows = _ref => {
 };
 
 /** 树形 / 级联选项 */
-const TreeOptionNode = _ref2 => {
-  let {
-    item,
-    index,
-    siblings,
-    onChangeSiblings,
-    allowDescription,
-    depth,
-    maxDepth = 4
-  } = _ref2;
+const TreeOptionNode = ({
+  item,
+  index,
+  siblings,
+  onChangeSiblings,
+  allowDescription,
+  depth,
+  maxDepth = 4
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -3889,12 +3915,11 @@ const TreeOptionNode = _ref2 => {
     }) : null]
   });
 };
-const TreeOptionsEditor = _ref3 => {
-  let {
-    value = [],
-    onChange,
-    allowDescription
-  } = _ref3;
+const TreeOptionsEditor = ({
+  value = [],
+  onChange,
+  allowDescription
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -3933,11 +3958,10 @@ const TreeOptionsEditor = _ref3 => {
     })]
   });
 };
-const ColumnsEditor = _ref4 => {
-  let {
-    value = [],
-    onChange
-  } = _ref4;
+const ColumnsEditor = ({
+  value = [],
+  onChange
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -4032,12 +4056,11 @@ const ColumnsEditor = _ref4 => {
     }, "columns-editor")]
   });
 };
-const TableRowsEditor = _ref5 => {
-  let {
-    columns = [],
-    value = [],
-    onChange
-  } = _ref5;
+const TableRowsEditor = ({
+  columns = [],
+  value = [],
+  onChange
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -4162,16 +4185,15 @@ const TableRowsEditor = _ref5 => {
     }, "table-rows-editor")]
   });
 };
-const OptionsEditor = _ref6 => {
-  let {
-    value = [],
-    onChange,
-    allowDescription = false,
-    allowChildren = false,
-    hasColumns = false,
-    columns = [],
-    onColumnsChange
-  } = _ref6;
+const OptionsEditor = ({
+  value = [],
+  onChange,
+  allowDescription = false,
+  allowChildren = false,
+  hasColumns = false,
+  columns = [],
+  onColumnsChange
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -4238,10 +4260,9 @@ const OptionsEditor = _ref6 => {
 };
 var OptionsEditor$1 = OptionsEditor;
 
-const SuperSelectPropsEditor = _ref => {
-  let {
-    definition
-  } = _ref;
+const SuperSelectPropsEditor = ({
+  definition
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -4279,12 +4300,9 @@ const SuperSelectPropsEditor = _ref => {
       })
     }, "allowClear"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
       name: "allowSelectedAll",
-      display: _ref2 => {
-        let {
-          openApi
-        } = _ref2;
-        return !openApi?.data?.single;
-      },
+      display: ({
+        openApi
+      }) => !openApi?.data?.single,
       children: formatMessage({
         id: 'superSelectAllowSelectedAll'
       })
@@ -4306,12 +4324,9 @@ const SuperSelectPropsEditor = _ref => {
       placeholder: formatMessage({
         id: 'superSelectMaxLengthPlaceholder'
       }),
-      display: _ref3 => {
-        let {
-          openApi
-        } = _ref3;
-        return !openApi?.data?.single;
-      }
+      display: ({
+        openApi
+      }) => !openApi?.data?.single
     }, "maxLength"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Input, {
       name: "placeholder",
       label: formatMessage({
@@ -4544,12 +4559,9 @@ const buildBuiltinList = (type, formatMessage) => {
         }]
       }, "format"), /*#__PURE__*/jsxRuntime.jsx(reactFormAntd.Checkbox, {
         name: "showTime",
-        display: _ref => {
-          let {
-            openApi
-          } = _ref;
-          return (openApi?.data?.picker || 'date') === 'date';
-        },
+        display: ({
+          openApi
+        }) => (openApi?.data?.picker || 'date') === 'date',
         children: formatMessage({
           id: 'propShowTime'
         })
@@ -4576,11 +4588,10 @@ const buildBuiltinList = (type, formatMessage) => {
       return [];
   }
 };
-const FieldPropsEditor = _ref2 => {
-  let {
-    type,
-    definition: definitionProp
-  } = _ref2;
+const FieldPropsEditor = ({
+  type,
+  definition: definitionProp
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -4650,7 +4661,7 @@ const FieldConfigFields = _ref => {
     openApi
   } = reactFormAntd.useFormContext();
   const [fieldType, setFieldType] = react.useState(initialType);
-  const fieldTypeOptions = react.useMemo(() => getFieldTypes(), []);
+  const fieldTypeOptions = react.useMemo(() => getFieldTypes(formatMessage), [formatMessage]);
   const definition = getFieldDefinition(fieldType);
   react.useEffect(() => {
     setFieldType(initialType);
@@ -5172,14 +5183,14 @@ const buildMultipleHint = (formatMessage, minLength, maxLength) => {
  * choice：同一条选项 UI；mode=single 只挂载一支；mode=multiple 平铺所有选中支。
  * 外层用 InfoPage.Part 的 title 展示标题。
  */
-const ChoiceBlock = _ref => {
-  let {
-    block,
-    preview = false,
-    isMobile = false,
-    formatMessage,
-    renderOptionContent
-  } = _ref;
+const ChoiceBlock = ({
+  block,
+  preview = false,
+  isMobile = false,
+  isPartRoot = false,
+  formatMessage,
+  renderOptionContent
+}) => {
   const mode = block.mode === 'multiple' ? 'multiple' : 'single';
   const selectorName = resolveSelectorName(block);
   const options = react.useMemo(() => block.options || [], [block.options]);
@@ -5325,7 +5336,7 @@ const ChoiceBlock = _ref => {
     title,
     subtitle: modeHint,
     bordered,
-    className: style['choice-block'],
+    className: [style['choice-block'], isPartRoot ? InfoPage__default["default"].partRootClassName : null].filter(Boolean).join(' '),
     'data-choice-mode': mode
   }, /*#__PURE__*/react.createElement('div', {
     className: style['choice-selector']
@@ -5349,12 +5360,18 @@ const buildLabelTips = tips => {
     className: style['field-label-tips-icon']
   }));
 };
+const resolvePartRootClassName = function (depth) {
+  // 顶层模块一律重设一级标题，嵌入外层 FormInfo Part 时不降为二级胶囊
+  const names = [depth === 0 ? InfoPage__default["default"].partRootClassName : null, ...[].slice.call(arguments, 1)].filter(Boolean);
+  return names.length ? names.join(' ') : undefined;
+};
 const renderFieldElements = function (fields, preview, _temp) {
   if (fields === void 0) {
     fields = [];
   }
   let {
-    namePrefix
+    namePrefix,
+    locale
   } = _temp === void 0 ? {} : _temp;
   return fields.filter(field => !field.hidden).map(field => {
     const Component = getFieldComponent(field.type, field);
@@ -5375,6 +5392,10 @@ const renderFieldElements = function (fields, preview, _temp) {
     delete props.range;
     const description = field.description != null && String(field.description).trim() ? field.description : undefined;
     const fieldName = namePrefix && field.name ? `${namePrefix}.${field.name}` : field.name;
+    // 显式传 locale，避免 Global 仍为 zh-CN 时 react-form-antd withLocale 盖掉父级英文
+    const localeProps = locale ? {
+      locale
+    } : {};
     return /*#__PURE__*/react.createElement(Component, {
       key: field.id,
       name: fieldName,
@@ -5382,6 +5403,7 @@ const renderFieldElements = function (fields, preview, _temp) {
       rule: field.rule || undefined,
       block: field.block || undefined,
       ...props,
+      ...localeProps,
       labelTips: buildLabelTips(field.tips),
       description
     });
@@ -5424,7 +5446,8 @@ const renderBlockElement = function (block, preview, ctx) {
     isMobile = false,
     formatMessage,
     depth = 0,
-    asListItem = false
+    asListItem = false,
+    locale
   } = ctx;
   if (!block || depth > MAX_BLOCK_DEPTH) {
     return null;
@@ -5434,6 +5457,9 @@ const renderBlockElement = function (block, preview, ctx) {
     depth: depth + 1,
     asListItem: false
   };
+  const fieldRenderOpts = {
+    locale
+  };
   const bordered = isMobile ? false : block.bordered || undefined;
   // 仅 FormInfo/object 吃列表项 Part 样式；List 等交给 form-info nestDepth
   const listItemPartProps = asListItem && isFormInfoLikeBlock(block.kind) ? nestedListItemPartProps : null;
@@ -5463,7 +5489,7 @@ const renderBlockElement = function (block, preview, ctx) {
   switch (block.kind) {
     case 'formInfo':
       {
-        const fields = renderFieldElements(block.list);
+        const fields = renderFieldElements(block.list, preview, fieldRenderOpts);
         const nested = renderChildBlocks(block.blocks || [], nextCtx).map(node => withBlockLayout(node, true));
         return withBlockLayout(/*#__PURE__*/react.createElement(FormInfo__default["default"], {
           key: block.id,
@@ -5473,12 +5499,14 @@ const renderBlockElement = function (block, preview, ctx) {
           gap: block.gap,
           bordered,
           list: [...fields, ...nested],
-          ...(listItemPartProps || {})
+          ...(listItemPartProps || {}),
+          className: resolvePartRootClassName(depth)
         }), asListItem);
       }
     case 'object':
       {
         const fields = renderFieldElements(block.list, preview, {
+          ...fieldRenderOpts,
           namePrefix: block.name || ''
         });
         const nested = renderChildBlocks(block.blocks || [], nextCtx).map(node => withBlockLayout(node, true));
@@ -5490,12 +5518,13 @@ const renderBlockElement = function (block, preview, ctx) {
           gap: block.gap,
           bordered,
           list: [...fields, ...nested],
-          ...(listItemPartProps || {})
+          ...(listItemPartProps || {}),
+          className: resolvePartRootClassName(depth)
         }), asListItem);
       }
     case 'list':
       {
-        const fields = renderFieldElements(block.list);
+        const fields = renderFieldElements(block.list, preview, fieldRenderOpts);
         const nested = renderItemBlocks(block.itemBlocks || []);
         return withBlockLayout(/*#__PURE__*/react.createElement(FormInfo.List, {
           key: block.id,
@@ -5503,6 +5532,7 @@ const renderBlockElement = function (block, preview, ctx) {
           title: block.title || undefined,
           important: block.important || undefined,
           bordered,
+          className: resolvePartRootClassName(depth),
           maxLength: block.maxLength,
           minLength: block.minLength,
           ...(block.addText ? {
@@ -5516,7 +5546,7 @@ const renderBlockElement = function (block, preview, ctx) {
       }
     case 'tableList':
       {
-        const fields = renderFieldElements(block.list);
+        const fields = renderFieldElements(block.list, preview, fieldRenderOpts);
         return withBlockLayout(/*#__PURE__*/react.createElement(FormInfo.TableList, {
           key: block.id,
           name: block.name,
@@ -5528,7 +5558,8 @@ const renderBlockElement = function (block, preview, ctx) {
             addText: block.addText
           } : {}),
           list: fields,
-          ...(listItemPartProps || {})
+          ...(listItemPartProps || {}),
+          className: resolvePartRootClassName(depth)
         }), asListItem);
       }
     case 'multiField':
@@ -5555,10 +5586,11 @@ const renderBlockElement = function (block, preview, ctx) {
           title: block.title || undefined,
           subtitle: block.subtitle || undefined,
           bordered,
+          className: resolvePartRootClassName(depth),
           prevIcon: /*#__PURE__*/react.createElement(icons.ArrowLeftOutlined),
           nextIcon: /*#__PURE__*/react.createElement(icons.ArrowRightOutlined),
           items: (block.items || []).map(step => {
-            const fields = renderFieldElements(step.list);
+            const fields = renderFieldElements(step.list, preview, fieldRenderOpts);
             const nested = renderChildBlocks(step.blocks || [], nextCtx);
             const fieldNames = [...(step.list || []).filter(field => field && !field.hidden && field.name).map(field => field.name), ...collectBlockFieldNames(step.blocks || [])];
             if (nested.length) {
@@ -5595,6 +5627,7 @@ const renderBlockElement = function (block, preview, ctx) {
         block,
         preview,
         isMobile,
+        isPartRoot: depth === 0,
         formatMessage,
         renderOptionContent: option => {
           const nodes = [];
@@ -5621,6 +5654,7 @@ const renderSchemaInner = function (schema, _temp2) {
     bodyClassName,
     isMobile = false,
     formatMessage,
+    locale,
     children,
     actionNode
   } = _temp2 === void 0 ? {} : _temp2;
@@ -5628,7 +5662,8 @@ const renderSchemaInner = function (schema, _temp2) {
   const blocks = normalized.blocks || [];
   const contentChildren = blocks.map(block => renderBlockElement(block, preview, {
     isMobile,
-    formatMessage
+    formatMessage,
+    locale
   })).filter(Boolean);
   if (!contentChildren.length && !children && !actionNode) {
     return null;
@@ -5649,6 +5684,7 @@ const renderSchemaContent = function (schema, _temp3) {
     bodyClassName,
     isMobile = false,
     formatMessage,
+    locale,
     children,
     actionNode
   } = _temp3 === void 0 ? {} : _temp3;
@@ -5656,7 +5692,8 @@ const renderSchemaContent = function (schema, _temp3) {
   const blocks = normalized.blocks || [];
   const contentChildren = blocks.map(block => renderBlockElement(block, preview, {
     isMobile,
-    formatMessage
+    formatMessage,
+    locale
   })).filter(Boolean);
   if (!contentChildren.length && !children) {
     return null;
@@ -5779,7 +5816,8 @@ const SchemaRendererInner = withLocale$1(props => {
     buttonFooterProps
   } = props;
   const {
-    formatMessage
+    formatMessage,
+    locale
   } = reactIntl.useIntl();
   const isMobile = responsiveUtils.useIsMobile();
   const normalized = normalizeSchema(schema);
@@ -5812,6 +5850,7 @@ const SchemaRendererInner = withLocale$1(props => {
     bodyClassName,
     isMobile,
     formatMessage,
+    locale,
     children,
     actionNode
   });
@@ -5842,7 +5881,8 @@ const SchemaRenderer = withLocale$1(props => {
     buttonFooterProps
   } = props;
   const {
-    formatMessage
+    formatMessage,
+    locale
   } = reactIntl.useIntl();
   const isMobile = responsiveUtils.useIsMobile();
   const normalized = normalizeSchema(schema);
@@ -5876,6 +5916,7 @@ const SchemaRenderer = withLocale$1(props => {
     bodyClassName,
     isMobile,
     formatMessage,
+    locale,
     children,
     actionNode
   });
@@ -5894,7 +5935,8 @@ const FormCreator = withLocale$1(_ref => {
     extraToolbar
   } = _ref;
   const {
-    formatMessage
+    formatMessage,
+    locale
   } = reactIntl.useIntl();
   const isMobile = responsiveUtils.useIsMobile();
   const [innerSchema, setInnerSchema] = react.useState(() => normalizeSchema(defaultValue || defaultSchema()));
@@ -6243,7 +6285,8 @@ const FormCreator = withLocale$1(_ref => {
         children: hasRenderableContent(schema) ? /*#__PURE__*/jsxRuntime.jsx(SchemaRenderer$1, {
           schema: schema,
           preview: true,
-          formProps: formProps
+          formProps: formProps,
+          locale: locale
         }) : /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
           image: antd.Empty.PRESENTED_IMAGE_SIMPLE,
           description: formatMessage({
@@ -7236,7 +7279,8 @@ const renderBlock = (block, data, ctx) => {
     key: block.id,
     title: block.title || block.label || undefined,
     subtitle: block.subtitle || undefined,
-    bordered
+    bordered,
+    className: depth === 0 ? InfoPage__default["default"].partRootClassName : undefined
   };
   switch (block.kind) {
     case 'formInfo':
@@ -7435,7 +7479,9 @@ exports.parseRuleString = parseRuleString;
 exports.pickFieldProps = pickFieldProps;
 exports.pickFromPropsSchema = pickFromPropsSchema;
 exports.preset = preset;
+exports.registerField = registerField;
 exports.removeBlockInTree = removeBlockInTree;
+exports.resolveFieldTypeLabel = resolveFieldTypeLabel;
 exports.resolveFieldValueSchema = resolveFieldValueSchema;
 exports.schemaToDataSchema = schemaToDataSchema;
 exports.updateBlocks = updateBlocks;