@kne/form-creator 0.1.16 → 0.1.17

package/dist/index.modern.js

@@ -4974,6 +4974,7 @@ const ChoiceBlock = ({
   block,
   preview: _preview = false,
   isMobile: _isMobile = false,
+  isPartRoot: _isPartRoot = false,
   formatMessage,
   renderOptionContent
 }) => {
@@ -5119,7 +5120,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,6 +5144,11 @@ 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
 } = {}) => fields.filter(field => !field.hidden).map(field => {
@@ -5237,7 +5243,9 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
           gap: block.gap,
           bordered,
           list: [...fields, ...nested]
-        }, listItemPartProps || {})), asListItem);
+        }, listItemPartProps || {}, {
+          className: resolvePartRootClassName(depth)
+        })), asListItem);
       }
     case 'object':
       {
@@ -5253,7 +5261,9 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
           gap: block.gap,
           bordered,
           list: [...fields, ...nested]
-        }, listItemPartProps || {})), asListItem);
+        }, listItemPartProps || {}, {
+          className: resolvePartRootClassName(depth)
+        })), asListItem);
       }
     case 'list':
       {
@@ -5265,6 +5275,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 ? {
@@ -5289,7 +5300,9 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
           addText: block.addText
         } : {}, {
           list: fields
-        }, listItemPartProps || {})), asListItem);
+        }, listItemPartProps || {}, {
+          className: resolvePartRootClassName(depth)
+        })), asListItem);
       }
     case 'multiField':
       {
@@ -5314,6 +5327,7 @@ 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 => {
@@ -5354,6 +5368,7 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
         block,
         preview,
         isMobile,
+        isPartRoot: depth === 0,
         formatMessage,
         renderOptionContent: option => {
           const nodes = [];
@@ -6923,7 +6938,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':