@kne/form-creator 0.1.16 → 0.1.18

package/dist/index.modern.js

@@ -123,6 +123,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: '显示名称',
@@ -326,6 +347,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',
@@ -1475,18 +1517,29 @@ const defineField = (type, definition) => {
   }, 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 => {
   var _field$props;
   const options = field == null || (_field$props = field.props) == null ? void 0 : _field$props.options;
@@ -1546,8 +1599,7 @@ const datePickerValueSchema = field => {
   return item;
 };
 defineField('Input', {
-  label: '单行文本',
-  group: '基础字段',
+  labelId: 'FieldTypeInput',
   component: Input,
   defaultProps: {
     allowClear: true
@@ -1558,8 +1610,7 @@ defineField('Input', {
   }
 });
 defineField('TextArea', {
-  label: '多行文本',
-  group: '基础字段',
+  labelId: 'FieldTypeTextArea',
   component: TextArea,
   defaultProps: {
     rows: 3
@@ -1573,8 +1624,7 @@ defineField('TextArea', {
   }
 });
 defineField('InputNumber', {
-  label: '数字',
-  group: '基础字段',
+  labelId: 'FieldTypeInputNumber',
   component: InputNumber,
   defaultProps: {},
   hasFieldProps: true,
@@ -1583,8 +1633,7 @@ defineField('InputNumber', {
   }
 });
 defineField('Select', {
-  label: '下拉选择',
-  group: '选择字段',
+  labelId: 'FieldTypeSelect',
   component: Select,
   defaultProps: {
     options: [],
@@ -1595,8 +1644,7 @@ defineField('Select', {
   valueSchema: stringWithEnumSchema
 });
 defineField('RadioGroup', {
-  label: '单选组',
-  group: '选择字段',
+  labelId: 'FieldTypeRadioGroup',
   component: RadioGroup,
   defaultProps: {
     options: []
@@ -1605,8 +1653,7 @@ defineField('RadioGroup', {
   valueSchema: stringWithEnumSchema
 });
 defineField('CheckboxGroup', {
-  label: '复选组',
-  group: '选择字段',
+  labelId: 'FieldTypeCheckboxGroup',
   component: CheckboxGroup,
   defaultProps: {
     options: []
@@ -1627,8 +1674,7 @@ defineField('CheckboxGroup', {
   }
 });
 defineField('SuperSelectList', {
-  label: '普通下拉',
-  group: 'SuperSelect',
+  labelId: 'FieldTypeSuperSelectList',
   component: SuperSelectList,
   defaultProps: {
     options: [],
@@ -1643,8 +1689,7 @@ defineField('SuperSelectList', {
   valueSchema: superSelectValueSchema
 });
 defineField('SuperSelectTableList', {
-  label: '表格选择',
-  group: 'SuperSelect',
+  labelId: 'FieldTypeSuperSelectTableList',
   component: SuperSelectTableList,
   defaultProps: {
     options: [],
@@ -1661,8 +1706,7 @@ defineField('SuperSelectTableList', {
   valueSchema: superSelectValueSchema
 });
 defineField('SuperSelectTree', {
-  label: '树形选择',
-  group: 'SuperSelect',
+  labelId: 'FieldTypeSuperSelectTree',
   component: SuperSelectTree,
   defaultProps: {
     options: [],
@@ -1678,8 +1722,7 @@ defineField('SuperSelectTree', {
   valueSchema: superSelectValueSchema
 });
 defineField('SuperSelectCascader', {
-  label: '级联选择',
-  group: 'SuperSelect',
+  labelId: 'FieldTypeSuperSelectCascader',
   component: SuperSelectCascader,
   defaultProps: {
     options: [],
@@ -1697,8 +1740,7 @@ defineField('SuperSelectCascader', {
   valueSchema: superSelectValueSchema
 });
 defineField('SelectFunction', {
-  label: '职能选择',
-  group: 'SuperSelectPlus',
+  labelId: 'FieldTypeSelectFunction',
   component: SelectFunctionField,
   defaultProps: {
     isPopup: true,
@@ -1709,8 +1751,7 @@ defineField('SelectFunction', {
   valueSchema: superSelectValueSchema
 });
 defineField('SelectIndustry', {
-  label: '行业选择',
-  group: 'SuperSelectPlus',
+  labelId: 'FieldTypeSelectIndustry',
   component: SelectIndustryField,
   defaultProps: {
     isPopup: true,
@@ -1721,8 +1762,7 @@ defineField('SelectIndustry', {
   valueSchema: superSelectValueSchema
 });
 defineField('SelectAddress', {
-  label: '地址选择',
-  group: 'SuperSelectPlus',
+  labelId: 'FieldTypeSelectAddress',
   component: SelectAddressField,
   defaultProps: {
     isPopup: true,
@@ -1733,8 +1773,7 @@ defineField('SelectAddress', {
   valueSchema: superSelectValueSchema
 });
 defineField('Switch', {
-  label: '开关',
-  group: '基础字段',
+  labelId: 'FieldTypeSwitch',
   component: Switch,
   defaultProps: {},
   hasFieldProps: true,
@@ -1743,8 +1782,7 @@ defineField('Switch', {
   }
 });
 defineField('Checkbox', {
-  label: '复选框',
-  group: '基础字段',
+  labelId: 'FieldTypeCheckbox',
   component: Checkbox,
   defaultProps: {
     children: ''
@@ -1754,8 +1792,7 @@ defineField('Checkbox', {
   }
 });
 defineField('DatePicker', {
-  label: '日期',
-  group: '基础字段',
+  labelId: 'FieldTypeDatePicker',
   component: DatePicker,
   defaultProps: {
     format: 'YYYY-MM-DD',
@@ -1779,8 +1816,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 默认预览
@@ -1789,9 +1827,13 @@ 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;
+  const groupNameId = (definition == null ? void 0 : definition.groupNameId) != null && String(definition.groupNameId).trim() ? String(definition.groupNameId).trim() : undefined;
+  const labelId = (definition == null ? void 0 : definition.labelId) != null && String(definition.labelId).trim() ? String(definition.labelId).trim() : undefined;
   defineField(type, _extends({}, definition, {
     propsSchema,
     groupName,
+    groupNameId,
+    labelId,
     hasFieldProps: (_definition$hasFieldP = definition.hasFieldProps) != null ? _definition$hasFieldP : !!(propsSchema && propsSchema.length)
   }));
 };
@@ -1849,6 +1891,15 @@ const applyFromPropsSchema = (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' }。
@@ -1898,15 +1949,12 @@ 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(({
-      type,
-      label
-    }) => ({
-      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));
@@ -1915,20 +1963,28 @@ 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(({
+    label,
+    options
+  }) => {
     grouped.push({
       label,
       options
@@ -1936,7 +1992,7 @@ const getFieldTypes = () => {
   });
   if (fallback.length) {
     grouped.push({
-      label: '扩展字段',
+      label: resolveRegistryLabel(formatMessage, 'FieldGroupExtended', '扩展字段'),
       options: fallback
     });
   }
@@ -2314,7 +2370,7 @@ const FieldRow = ({
         }), /*#__PURE__*/jsx(Tag, {
           bordered: false,
           color: TYPE_TAG_COLORS[field.type] || 'default',
-          children: (definition == null ? void 0 : definition.label) || field.type
+          children: resolveFieldTypeLabel(definition || field.type, formatMessage)
         }), field.hidden ? /*#__PURE__*/jsx(Tag, {
           bordered: false,
           children: formatMessage({
@@ -2914,7 +2970,7 @@ const BlockListPanel = ({
     }) : block.kind === 'multiField' ? formatMessage({
       id: 'multiFieldSummary'
     }, {
-      type: block.fieldType
+      type: resolveFieldTypeLabel(block.fieldType, formatMessage)
     }) : block.kind === 'choice' ? formatMessage({
       id: 'choiceOptionCount'
     }, {
@@ -2938,7 +2994,9 @@ const BlockListPanel = ({
           children: [/*#__PURE__*/jsx(Tag, {
             bordered: false,
             color: (definition == null ? void 0 : definition.color) || 'default',
-            children: (definition == null ? void 0 : definition.label) || block.kind
+            children: formatMessage({
+              id: `blockKind_${block.kind}`
+            })
           }), /*#__PURE__*/jsx(Text$3, {
             strong: true,
             ellipsis: true,
@@ -3056,7 +3114,7 @@ const BlockConfigFields = ({
     formatMessage
   } = useIntl();
   const definition = getBlockDefinition(kind);
-  const fieldTypeOptions = useMemo(() => getFieldTypes(), []);
+  const fieldTypeOptions = useMemo(() => getFieldTypes(formatMessage), [formatMessage]);
   const list = [];
   if (kind === 'formInfo' || kind === 'list' || kind === 'tableList' || kind === 'object') {
     list.push(/*#__PURE__*/jsx(Input, {
@@ -3269,7 +3327,9 @@ const BlockConfigFields = ({
   return /*#__PURE__*/jsx("div", {
     className: style['field-editor-form'],
     children: /*#__PURE__*/jsx(FormInfo, {
-      title: (definition == null ? void 0 : definition.label) || kind,
+      title: formatMessage({
+        id: `blockKind_${kind}`
+      }),
       subtitle: definition == null ? void 0 : definition.description,
       column: 1,
       list: list.filter(Boolean)
@@ -4457,7 +4517,7 @@ const FieldConfigFields = ({
     openApi
   } = useFormContext();
   const [fieldType, setFieldType] = useState(initialType);
-  const fieldTypeOptions = useMemo(() => getFieldTypes(), []);
+  const fieldTypeOptions = useMemo(() => getFieldTypes(formatMessage), [formatMessage]);
   const definition = getFieldDefinition(fieldType);
   useEffect(() => {
     setFieldType(initialType);
@@ -4974,6 +5034,7 @@ const ChoiceBlock = ({
   block,
   preview: _preview = false,
   isMobile: _isMobile = false,
+  isPartRoot: _isPartRoot = false,
   formatMessage,
   renderOptionContent
 }) => {
@@ -5119,7 +5180,7 @@ const ChoiceBlock = ({
     title,
     subtitle: modeHint,
     bordered,
-    className: style['choice-block'],
+    className: [style['choice-block'], _isPartRoot ? InfoPage.partRootClassName : null].filter(Boolean).join(' '),
     'data-choice-mode': mode
   }, /*#__PURE__*/createElement('div', {
     className: style['choice-selector']
@@ -5143,8 +5204,14 @@ const buildLabelTips = tips => {
     className: style['field-label-tips-icon']
   }));
 };
+const resolvePartRootClassName = (depth, ...extra) => {
+  // 顶层模块一律重设一级标题，嵌入外层 FormInfo Part 时不降为二级胶囊
+  const names = [depth === 0 ? InfoPage.partRootClassName : null, ...extra].filter(Boolean);
+  return names.length ? names.join(' ') : undefined;
+};
 const renderFieldElements = (fields = [], preview = false, {
-  namePrefix
+  namePrefix,
+  locale
 } = {}) => fields.filter(field => !field.hidden).map(field => {
   var _props$options;
   const Component = getFieldComponent(field.type, field);
@@ -5162,13 +5229,17 @@ const renderFieldElements = (fields = [], preview = false, {
   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__*/createElement(Component, _extends({
     key: field.id,
     name: fieldName,
     label: field.label,
     rule: field.rule || undefined,
     block: field.block || undefined
-  }, props, {
+  }, props, localeProps, {
     labelTips: buildLabelTips(field.tips),
     description
   }));
@@ -5203,7 +5274,8 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
     isMobile = false,
     formatMessage,
     depth = 0,
-    asListItem = false
+    asListItem = false,
+    locale
   } = ctx;
   if (!block || depth > MAX_BLOCK_DEPTH) {
     return null;
@@ -5212,6 +5284,9 @@ const renderBlockElement = (block, preview = false, 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;
@@ -5227,7 +5302,7 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
   switch (block.kind) {
     case 'formInfo':
       {
-        const fields = renderFieldElements(block.list, preview);
+        const fields = renderFieldElements(block.list, preview, fieldRenderOpts);
         const nested = renderChildBlocks(block.blocks || [], nextCtx).map(node => withBlockLayout(node, true));
         return withBlockLayout(/*#__PURE__*/createElement(FormInfo, _extends({
           key: block.id,
@@ -5237,13 +5312,15 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
           gap: block.gap,
           bordered,
           list: [...fields, ...nested]
-        }, listItemPartProps || {})), asListItem);
+        }, listItemPartProps || {}, {
+          className: resolvePartRootClassName(depth)
+        })), asListItem);
       }
     case 'object':
       {
-        const fields = renderFieldElements(block.list, preview, {
+        const fields = renderFieldElements(block.list, preview, _extends({}, fieldRenderOpts, {
           namePrefix: block.name || ''
-        });
+        }));
         const nested = renderChildBlocks(block.blocks || [], nextCtx).map(node => withBlockLayout(node, true));
         return withBlockLayout(/*#__PURE__*/createElement(FormInfo, _extends({
           key: block.id,
@@ -5253,11 +5330,13 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
           gap: block.gap,
           bordered,
           list: [...fields, ...nested]
-        }, listItemPartProps || {})), asListItem);
+        }, listItemPartProps || {}, {
+          className: resolvePartRootClassName(depth)
+        })), asListItem);
       }
     case 'list':
       {
-        const fields = renderFieldElements(block.list, preview);
+        const fields = renderFieldElements(block.list, preview, fieldRenderOpts);
         const nested = renderItemBlocks(block.itemBlocks || []);
         return withBlockLayout(/*#__PURE__*/createElement(List, _extends({
           key: block.id,
@@ -5265,6 +5344,7 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
           title: block.title || undefined,
           important: block.important || undefined,
           bordered,
+          className: resolvePartRootClassName(depth),
           maxLength: block.maxLength,
           minLength: block.minLength
         }, block.addText ? {
@@ -5277,7 +5357,7 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
       }
     case 'tableList':
       {
-        const fields = renderFieldElements(block.list, preview);
+        const fields = renderFieldElements(block.list, preview, fieldRenderOpts);
         return withBlockLayout(/*#__PURE__*/createElement(TableList, _extends({
           key: block.id,
           name: block.name,
@@ -5289,7 +5369,9 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
           addText: block.addText
         } : {}, {
           list: fields
-        }, listItemPartProps || {})), asListItem);
+        }, listItemPartProps || {}, {
+          className: resolvePartRootClassName(depth)
+        })), asListItem);
       }
     case 'multiField':
       {
@@ -5314,10 +5396,11 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
           title: block.title || undefined,
           subtitle: block.subtitle || undefined,
           bordered,
+          className: resolvePartRootClassName(depth),
           prevIcon: /*#__PURE__*/createElement(ArrowLeftOutlined),
           nextIcon: /*#__PURE__*/createElement(ArrowRightOutlined),
           items: (block.items || []).map(step => {
-            const fields = renderFieldElements(step.list, preview);
+            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) {
@@ -5354,6 +5437,7 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
         block,
         preview,
         isMobile,
+        isPartRoot: depth === 0,
         formatMessage,
         renderOptionContent: option => {
           const nodes = [];
@@ -5379,6 +5463,7 @@ const renderSchemaInner = (schema, {
   bodyClassName,
   isMobile: _isMobile = false,
   formatMessage,
+  locale,
   children,
   actionNode
 } = {}) => {
@@ -5386,7 +5471,8 @@ const renderSchemaInner = (schema, {
   const blocks = normalized.blocks || [];
   const contentChildren = blocks.map(block => renderBlockElement(block, _preview, {
     isMobile: _isMobile,
-    formatMessage
+    formatMessage,
+    locale
   })).filter(Boolean);
   if (!contentChildren.length && !children && !actionNode) {
     return null;
@@ -5406,6 +5492,7 @@ const renderSchemaContent = (schema, {
   bodyClassName,
   isMobile: _isMobile2 = false,
   formatMessage,
+  locale,
   children,
   actionNode
 } = {}) => {
@@ -5413,7 +5500,8 @@ const renderSchemaContent = (schema, {
   const blocks = normalized.blocks || [];
   const contentChildren = blocks.map(block => renderBlockElement(block, _preview2, {
     isMobile: _isMobile2,
-    formatMessage
+    formatMessage,
+    locale
   })).filter(Boolean);
   if (!contentChildren.length && !children) {
     return null;
@@ -5522,7 +5610,8 @@ const SchemaRendererInner = withLocale$1(props => {
     buttonFooterProps
   } = props;
   const {
-    formatMessage
+    formatMessage,
+    locale
   } = useIntl();
   const isMobile = useIsMobile();
   const normalized = normalizeSchema(schema);
@@ -5555,6 +5644,7 @@ const SchemaRendererInner = withLocale$1(props => {
     bodyClassName,
     isMobile,
     formatMessage,
+    locale,
     children,
     actionNode
   });
@@ -5585,7 +5675,8 @@ const SchemaRenderer = withLocale$1(props => {
     buttonFooterProps
   } = props;
   const {
-    formatMessage
+    formatMessage,
+    locale
   } = useIntl();
   const isMobile = useIsMobile();
   const normalized = normalizeSchema(schema);
@@ -5619,6 +5710,7 @@ const SchemaRenderer = withLocale$1(props => {
     bodyClassName,
     isMobile,
     formatMessage,
+    locale,
     children,
     actionNode
   });
@@ -5636,7 +5728,8 @@ const FormCreator = withLocale$1(({
   extraToolbar
 }) => {
   const {
-    formatMessage
+    formatMessage,
+    locale
   } = useIntl();
   const isMobile = useIsMobile();
   const [innerSchema, setInnerSchema] = useState(() => normalizeSchema(defaultValue || defaultSchema()));
@@ -5954,7 +6047,8 @@ const FormCreator = withLocale$1(({
         children: hasRenderableContent(schema) ? /*#__PURE__*/jsx(SchemaRenderer$1, {
           schema: schema,
           preview: true,
-          formProps: formProps
+          formProps: formProps,
+          locale: locale
         }) : /*#__PURE__*/jsx(Empty, {
           image: Empty.PRESENTED_IMAGE_SIMPLE,
           description: formatMessage({
@@ -6923,7 +7017,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.partRootClassName : undefined
   };
   switch (block.kind) {
     case 'formInfo':
@@ -7068,5 +7163,5 @@ const SchemaContent = withLocale$1(({
 });
 var SchemaContent$1 = SchemaContent;
 
-export { FormCreator$1 as FormCreator, MAX_BLOCK_DEPTH, RULE_LEN_PRESET, RULE_PRESET_ITEMS, SchemaContent$1 as SchemaContent, SchemaContentInner, SchemaRenderer$1 as SchemaRenderer, SchemaRendererInner, applyFromPropsSchema, blockToFormValues, buildRuleString, collectBlockFieldNames, collectSchemaFields, createBlock, createChoiceOption, createField$1 as createField, createFieldId, createStep, FormCreator$1 as default, defaultFormActions, defaultSchema, fieldToFormValues, findBlock, findBlockInTree, formValuesToBlock, formValuesToField, formatByValueSchema, formatFieldDisplayValue, getBlockDefinition, getBlockKindOptions, getFieldComponent, getFieldDefinition, getFieldTypes, getRulePresetItems, hasRenderableContent, isFieldNameUnique, mapBlocks, moveBlockInTree, moveItem, normalizeBlock, normalizeFormActions, normalizeOptions, normalizeSchema, parseRuleString, pickFieldProps, pickFromPropsSchema, preset, removeBlockInTree, resolveFieldValueSchema, schemaToDataSchema, updateBlocks };
+export { FormCreator$1 as FormCreator, MAX_BLOCK_DEPTH, RULE_LEN_PRESET, RULE_PRESET_ITEMS, SchemaContent$1 as SchemaContent, SchemaContentInner, SchemaRenderer$1 as SchemaRenderer, SchemaRendererInner, applyFromPropsSchema, blockToFormValues, buildRuleString, collectBlockFieldNames, collectSchemaFields, createBlock, createChoiceOption, createField$1 as createField, createFieldId, createStep, FormCreator$1 as default, defaultFormActions, defaultSchema, fieldToFormValues, findBlock, findBlockInTree, formValuesToBlock, formValuesToField, formatByValueSchema, formatFieldDisplayValue, getBlockDefinition, getBlockKindOptions, getFieldComponent, getFieldDefinition, getFieldTypes, getRulePresetItems, hasRenderableContent, isFieldNameUnique, mapBlocks, moveBlockInTree, moveItem, normalizeBlock, normalizeFormActions, normalizeOptions, normalizeSchema, parseRuleString, pickFieldProps, pickFromPropsSchema, preset, registerField, removeBlockInTree, resolveFieldTypeLabel, resolveFieldValueSchema, schemaToDataSchema, updateBlocks };
 //# sourceMappingURL=index.modern.js.map