@kne/form-creator 0.1.16 → 0.1.17

package/dist/index.js

@@ -1367,14 +1367,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 +1409,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 +1440,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
@@ -2430,15 +2417,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();
@@ -3636,24 +3622,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 +3674,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 +3752,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 +3857,11 @@ const TreeOptionNode = _ref2 => {
     }) : null]
   });
 };
-const TreeOptionsEditor = _ref3 => {
-  let {
-    value = [],
-    onChange,
-    allowDescription
-  } = _ref3;
+const TreeOptionsEditor = ({
+  value = [],
+  onChange,
+  allowDescription
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -3933,11 +3900,10 @@ const TreeOptionsEditor = _ref3 => {
     })]
   });
 };
-const ColumnsEditor = _ref4 => {
-  let {
-    value = [],
-    onChange
-  } = _ref4;
+const ColumnsEditor = ({
+  value = [],
+  onChange
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -4032,12 +3998,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 +4127,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 +4202,9 @@ const OptionsEditor = _ref6 => {
 };
 var OptionsEditor$1 = OptionsEditor;
 
-const SuperSelectPropsEditor = _ref => {
-  let {
-    definition
-  } = _ref;
+const SuperSelectPropsEditor = ({
+  definition
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -4279,12 +4242,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 +4266,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 +4501,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 +4530,10 @@ const buildBuiltinList = (type, formatMessage) => {
       return [];
   }
 };
-const FieldPropsEditor = _ref2 => {
-  let {
-    type,
-    definition: definitionProp
-  } = _ref2;
+const FieldPropsEditor = ({
+  type,
+  definition: definitionProp
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -5172,14 +5125,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 +5278,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,6 +5302,11 @@ 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 = [];
@@ -5473,7 +5431,8 @@ const renderBlockElement = function (block, preview, ctx) {
           gap: block.gap,
           bordered,
           list: [...fields, ...nested],
-          ...(listItemPartProps || {})
+          ...(listItemPartProps || {}),
+          className: resolvePartRootClassName(depth)
         }), asListItem);
       }
     case 'object':
@@ -5490,7 +5449,8 @@ const renderBlockElement = function (block, preview, ctx) {
           gap: block.gap,
           bordered,
           list: [...fields, ...nested],
-          ...(listItemPartProps || {})
+          ...(listItemPartProps || {}),
+          className: resolvePartRootClassName(depth)
         }), asListItem);
       }
     case 'list':
@@ -5503,6 +5463,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 ? {
@@ -5528,7 +5489,8 @@ const renderBlockElement = function (block, preview, ctx) {
             addText: block.addText
           } : {}),
           list: fields,
-          ...(listItemPartProps || {})
+          ...(listItemPartProps || {}),
+          className: resolvePartRootClassName(depth)
         }), asListItem);
       }
     case 'multiField':
@@ -5555,6 +5517,7 @@ 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 => {
@@ -5595,6 +5558,7 @@ const renderBlockElement = function (block, preview, ctx) {
         block,
         preview,
         isMobile,
+        isPartRoot: depth === 0,
         formatMessage,
         renderOptionContent: option => {
           const nodes = [];
@@ -7236,7 +7200,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':