@kne/form-creator 0.1.12 → 0.1.14

package/dist/index.js

@@ -1,5 +1,6 @@
 require('@kne/form-info/dist/index.css');
 require('@kne/info-page/dist/index.css');
+require('@kne/button-group/dist/index.css');
 var react = require('react');
 var antd = require('antd');
 var reactIntl = require('@kne/react-intl');
@@ -12,6 +13,7 @@ require('@kne/super-select/dist/index.css');
 require('@kne/super-select-plus/dist/index.css');
 var jsxRuntime = require('react/jsx-runtime');
 var FormInfo = require('@kne/form-info');
+var buttonGroup = require('@kne/button-group');
 var InfoPage = require('@kne/info-page');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -20,7 +22,7 @@ var SelectList__default = /*#__PURE__*/_interopDefaultLegacy(SelectList);
 var FormInfo__default = /*#__PURE__*/_interopDefaultLegacy(FormInfo);
 var InfoPage__default = /*#__PURE__*/_interopDefaultLegacy(InfoPage);
 
-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","item-blocks-section":"kne-form-creator_wq4bT","nested-block-list":"kne-form-creator_4NWH4","block-section-nested":"kne-form-creator_mUKom","add-field-dropdown":"kne-form-creator_9JS0d","add-field-dropdown-item":"kne-form-creator_Ql1z3","add-field-dropdown-item-icon":"kne-form-creator_ZHB5O","add-field-dropdown-item-desc":"kne-form-creator_dcsOS","add-field-dropdown-divider":"kne-form-creator_CUK0H","add-field-dropdown-label":"kne-form-creator_bPJ-2","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-section-actions":"kne-form-creator_es-FC","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","hover-reveal-active":"kne-form-creator_AE-6r","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","choice-block":"kne-form-creator_RllJe","choice-selector":"kne-form-creator_5A1eM","choice-panels":"kne-form-creator_IO0MY","choice-panels-empty":"kne-form-creator_T0nND","choice-option-panel":"kne-form-creator_FQixN","choice-option-panel-title":"kne-form-creator_ofRo2","choice-option-summary":"kne-form-creator_pksH8","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"};
+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","panel-toolbar-extra":"kne-form-creator_O22ZM","schema-content":"kne-form-creator_9bWOD","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","item-blocks-section":"kne-form-creator_wq4bT","nested-block-list":"kne-form-creator_4NWH4","block-section-nested":"kne-form-creator_mUKom","add-field-dropdown":"kne-form-creator_9JS0d","add-field-dropdown-item":"kne-form-creator_Ql1z3","add-field-dropdown-item-icon":"kne-form-creator_ZHB5O","add-field-dropdown-item-desc":"kne-form-creator_dcsOS","add-field-dropdown-divider":"kne-form-creator_CUK0H","add-field-dropdown-label":"kne-form-creator_bPJ-2","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-section-actions":"kne-form-creator_es-FC","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","hover-reveal-active":"kne-form-creator_AE-6r","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","choice-block":"kne-form-creator_RllJe","choice-selector":"kne-form-creator_5A1eM","choice-panels":"kne-form-creator_IO0MY","choice-panels-empty":"kne-form-creator_T0nND","choice-option-panel":"kne-form-creator_FQixN","choice-option-panel-title":"kne-form-creator_ofRo2","choice-option-summary":"kne-form-creator_pksH8","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 locale$1 = {
   addField: '添加填写项',
@@ -214,7 +216,12 @@ const locale$1 = {
   formSettingsTitle: '表单设置',
   formTitlePlaceholder: '表单标题（可选）',
   formSubtitlePlaceholder: '表单副标题（可选）',
-  formColumnPlaceholder: '每行显示列数'
+  formColumnPlaceholder: '每行显示列数',
+  schemaContentEmpty: '暂无数据',
+  schemaContentEmptyValue: '-',
+  schemaContentYes: '是',
+  schemaContentNo: '否',
+  schemaContentItemIndex: '第 {index} 项'
 };
 var zhCN = locale$1;
 
@@ -410,7 +417,12 @@ const locale = {
   formSettingsTitle: 'Form Settings',
   formTitlePlaceholder: 'Form title (optional)',
   formSubtitlePlaceholder: 'Form subtitle (optional)',
-  formColumnPlaceholder: 'Columns per row'
+  formColumnPlaceholder: 'Columns per row',
+  schemaContentEmpty: 'No data',
+  schemaContentEmptyValue: '-',
+  schemaContentYes: 'Yes',
+  schemaContentNo: 'No',
+  schemaContentItemIndex: 'Item {index}'
 };
 var enUS = locale;
 
@@ -2448,7 +2460,8 @@ const BlockListPanel = _ref3 => {
     onEditChoiceOption,
     onDeleteChoiceOption,
     onMoveChoiceOption,
-    onOpenFormActions
+    onOpenFormActions,
+    extraToolbar
   } = _ref3;
   const {
     formatMessage
@@ -3037,7 +3050,10 @@ const BlockListPanel = _ref3 => {
           id: 'formActionsSection'
         }),
         onClick: onOpenFormActions
-      })]
+      }), extraToolbar ? /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: style['panel-toolbar-extra'],
+        children: extraToolbar
+      }) : null]
     }), !blocks.length ? /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
       className: style['field-empty'],
       image: antd.Empty.PRESENTED_IMAGE_SIMPLE,
@@ -4878,7 +4894,7 @@ const FormActionsEditor = _ref => {
 };
 var FormActionsEditor$1 = FormActionsEditor;
 
-const getByPath = (obj, path) => {
+const getByPath$1 = (obj, path) => {
   if (obj == null || path == null || path === '') {
     return undefined;
   }
@@ -4921,7 +4937,7 @@ const clearUnselectedOptionFields = (openApi, formData, keepIds, allOptions) =>
       if (!field?.name) {
         return;
       }
-      const current = getByPath(formData, field.name);
+      const current = getByPath$1(formData, field.name);
       if (current !== undefined) {
         entries.push({
           name: field.name,
@@ -4930,7 +4946,7 @@ const clearUnselectedOptionFields = (openApi, formData, keepIds, allOptions) =>
       }
     });
     collectBlockFieldNames(option.blocks || []).forEach(name => {
-      const current = getByPath(formData, name);
+      const current = getByPath$1(formData, name);
       if (current !== undefined) {
         entries.push({
           name,
@@ -5013,7 +5029,7 @@ const ChoiceBlock = ({
     maxLength
   } = mode === 'multiple' ? resolveSelectLimits(block) : {};
   const firstOptionId = options[0] != null ? String(options[0].id) : undefined;
-  const rawValue = getByPath(formData || {}, selectorName);
+  const rawValue = getByPath$1(formData || {}, selectorName);
   // 仅随 selector 值变化；勿依赖整个 formData，否则清空未选支字段会触发 options 重算 → CheckboxGroup 死循环
   const selectorValueKey = mode === 'multiple' ? Array.isArray(rawValue) ? rawValue.map(String).join('\0') : String(rawValue ?? '') : String(rawValue ?? '');
 
@@ -5433,6 +5449,7 @@ const renderSchemaInner = function (schema, _temp2) {
   let {
     preview = false,
     className,
+    bodyClassName,
     isMobile = false,
     formatMessage,
     children,
@@ -5447,16 +5464,20 @@ const renderSchemaInner = function (schema, _temp2) {
   if (!contentChildren.length && !children && !actionNode) {
     return null;
   }
-  const body = /*#__PURE__*/react.createElement(react.Fragment, null, ...contentChildren, children, actionNode || null);
+  const body = /*#__PURE__*/react.createElement('div', {
+    className: [style['schema-body'], bodyClassName].filter(Boolean).join(' ')
+  }, ...contentChildren, children);
+  const content = /*#__PURE__*/react.createElement(react.Fragment, null, body, actionNode || null);
   return className ? /*#__PURE__*/react.createElement('div', {
     className
-  }, body) : body;
+  }, content) : content;
 };
 const renderSchemaContent = function (schema, _temp3) {
   let {
     preview = false,
     formProps = {},
     className,
+    bodyClassName,
     isMobile = false,
     formatMessage,
     children,
@@ -5476,11 +5497,14 @@ const renderSchemaContent = function (schema, _temp3) {
     ...formProps,
     className: formClassName
   }, /*#__PURE__*/react.createElement('div', {
-    className: style['schema-body']
+    className: [style['schema-body'], bodyClassName].filter(Boolean).join(' ')
   }, ...contentChildren, children), actionNode || null);
 };
 var renderSchemaContent$1 = renderSchemaContent;
 
+const joinClass = function () {
+  return [].slice.call(arguments).filter(Boolean).join(' ');
+};
 const resolveActionNode = _ref => {
   let {
     schema,
@@ -5497,7 +5521,10 @@ const resolveActionNode = _ref => {
     showReset,
     showCancel,
     actionsAlign,
-    actionsGap
+    actionsGap,
+    footerClassName,
+    buttonFooter = false,
+    buttonFooterProps
   } = _ref;
   if (showActions === false || actions === false || actions === null) {
     return null;
@@ -5536,20 +5563,27 @@ const resolveActionNode = _ref => {
     gap: resolvedGap ?? 16,
     wrap: 'wrap'
   };
+  let actionsEl = null;
   if (actions !== undefined) {
-    return /*#__PURE__*/react.createElement('div', {
-      className: style['schema-actions']
+    actionsEl = /*#__PURE__*/react.createElement('div', {
+      className: joinClass(style['schema-actions'], footerClassName)
     }, /*#__PURE__*/react.createElement(antd.Flex, flexProps, actions));
-  }
-  if (!resolvedShowSubmit && !resolvedShowReset && !resolvedShowCancel) {
+  } else if (resolvedShowSubmit || resolvedShowReset || resolvedShowCancel) {
+    actionsEl = /*#__PURE__*/react.createElement('div', {
+      className: joinClass(style['schema-actions'], footerClassName)
+    }, /*#__PURE__*/react.createElement(antd.Flex, flexProps, resolvedShowSubmit ? /*#__PURE__*/react.createElement(reactFormAntd.SubmitButton, {
+      type: 'primary',
+      ...resolvedSubmitButtonProps
+    }, resolvedSubmitText) : null, resolvedShowReset ? /*#__PURE__*/react.createElement(reactFormAntd.ResetButton, resolvedResetButtonProps, resolvedResetText) : null, resolvedShowCancel ? /*#__PURE__*/react.createElement(reactFormAntd.CancelButton, resolvedCancelButtonProps, resolvedCancelText) : null));
+  }
+  if (!actionsEl) {
     return null;
   }
-  return /*#__PURE__*/react.createElement('div', {
-    className: style['schema-actions']
-  }, /*#__PURE__*/react.createElement(antd.Flex, flexProps, resolvedShowSubmit ? /*#__PURE__*/react.createElement(reactFormAntd.SubmitButton, {
-    type: 'primary',
-    ...resolvedSubmitButtonProps
-  }, resolvedSubmitText) : null, resolvedShowReset ? /*#__PURE__*/react.createElement(reactFormAntd.ResetButton, resolvedResetButtonProps, resolvedResetText) : null, resolvedShowCancel ? /*#__PURE__*/react.createElement(reactFormAntd.CancelButton, resolvedCancelButtonProps, resolvedCancelText) : null));
+  if (!buttonFooter) {
+    return actionsEl;
+  }
+  const footerProps = buttonFooterProps || {};
+  return /*#__PURE__*/react.createElement(buttonGroup.ButtonFooter, footerProps, actionsEl);
 };
 const SchemaRendererInner = withLocale$1(props => {
   const {
@@ -5569,7 +5603,11 @@ const SchemaRendererInner = withLocale$1(props => {
     showReset,
     showCancel,
     actionsAlign,
-    actionsGap
+    actionsGap,
+    bodyClassName,
+    footerClassName,
+    buttonFooter = false,
+    buttonFooterProps
   } = props;
   const {
     formatMessage
@@ -5594,11 +5632,15 @@ const SchemaRendererInner = withLocale$1(props => {
     showReset,
     showCancel,
     actionsAlign,
-    actionsGap
+    actionsGap,
+    footerClassName,
+    buttonFooter,
+    buttonFooterProps
   });
   return renderSchemaInner(normalized, {
     preview,
     className,
+    bodyClassName,
     isMobile,
     formatMessage,
     children,
@@ -5624,7 +5666,11 @@ const SchemaRenderer = withLocale$1(props => {
     showReset,
     showCancel,
     actionsAlign,
-    actionsGap
+    actionsGap,
+    bodyClassName,
+    footerClassName,
+    buttonFooter = false,
+    buttonFooterProps
   } = props;
   const {
     formatMessage
@@ -5649,12 +5695,16 @@ const SchemaRenderer = withLocale$1(props => {
     showReset,
     showCancel,
     actionsAlign,
-    actionsGap
+    actionsGap,
+    footerClassName,
+    buttonFooter,
+    buttonFooterProps
   });
   return renderSchemaContent$1(normalized, {
     preview,
     formProps,
     className,
+    bodyClassName,
     isMobile,
     formatMessage,
     children,
@@ -5671,7 +5721,8 @@ const FormCreator = withLocale$1(_ref => {
     showPreview = true,
     className,
     formProps,
-    renderModal
+    renderModal,
+    extraToolbar
   } = _ref;
   const {
     formatMessage
@@ -5988,6 +6039,9 @@ const FormCreator = withLocale$1(_ref => {
     stepId: fieldContext.stepId,
     optionId: fieldContext.optionId
   }) : [];
+  const toolbarExtra = typeof extraToolbar === 'function' ? extraToolbar({
+    schema
+  }) : extraToolbar;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: [style['form-creator'], responsiveUtils.RESPONSIVE_BOUNDARY_CLASS, isMobile ? style['is-mobile'] : '', className].filter(Boolean).join(' '),
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
@@ -6010,7 +6064,8 @@ const FormCreator = withLocale$1(_ref => {
         onEditChoiceOption: handleEditChoiceOption,
         onDeleteChoiceOption: handleDeleteChoiceOption,
         onMoveChoiceOption: handleMoveChoiceOption,
-        onOpenFormActions: () => setFormActionsOpen(true)
+        onOpenFormActions: () => setFormActionsOpen(true),
+        extraToolbar: toolbarExtra
       })
     }), showPreview ? /*#__PURE__*/jsxRuntime.jsx("div", {
       className: style['preview-pane'],
@@ -6136,7 +6191,7 @@ const createObjectLayer = () => ({
   composites: []
 });
 const isReq = rule => parseRuleString(rule).presets.includes('REQ');
-const resolveChoiceSelectorName = block => {
+const resolveChoiceSelectorName$1 = block => {
   if (block.selectorName != null && String(block.selectorName).trim()) {
     return String(block.selectorName).trim();
   }
@@ -6313,7 +6368,7 @@ const walkBlock = function (block, layer, depth) {
 const mergeChoiceIntoLayer = (layer, block, depth) => {
   const mode = block.mode === 'multiple' ? 'multiple' : 'single';
   const selectorInData = block.selectorInData !== false;
-  const selectorName = resolveChoiceSelectorName(block);
+  const selectorName = resolveChoiceSelectorName$1(block);
   const options = block.options || [];
   const optionIds = options.map(option => String(option.id));
   const branches = options.map((option, index) => {
@@ -6424,10 +6479,301 @@ const schemaToDataSchema = function (schema, options) {
   return root;
 };
 
+const getByPath = (data, path) => {
+  if (data == null || path == null || path === '') {
+    return data;
+  }
+  return String(path).split('.').reduce((acc, key) => acc == null ? acc : acc[key], data);
+};
+const isEmptyValue = value => {
+  if (value == null || value === '') {
+    return true;
+  }
+  if (Array.isArray(value) && value.length === 0) {
+    return true;
+  }
+  return false;
+};
+const resolveChoiceSelectorName = block => {
+  if (block.selectorName != null && String(block.selectorName).trim()) {
+    return String(block.selectorName).trim();
+  }
+  if (block.discriminator?.propertyName) {
+    return String(block.discriminator.propertyName).trim();
+  }
+  return `__choice_${block.id}`;
+};
+const formatDateValue = (value, format) => {
+  const pattern = format || 'YYYY-MM-DD';
+  if (Array.isArray(value)) {
+    return value.map(item => formatDateValue(item, format)).filter(item => item !== '').join(' ~ ');
+  }
+  if (value && typeof value.format === 'function') {
+    return value.format(pattern);
+  }
+  return value == null ? '' : String(value);
+};
+const mapOptionLabel = (value, options) => {
+  if (!Array.isArray(options) || !options.length) {
+    return value;
+  }
+  const match = options.find(item => item && item.value === value);
+  return match?.label ?? value;
+};
+const formatFieldValue = (field, value, formatMessage) => {
+  if (isEmptyValue(value)) {
+    return formatMessage({
+      id: 'schemaContentEmptyValue'
+    });
+  }
+  const definition = getFieldDefinition(field.type);
+  const props = field.props || {};
+  const valueSchema = resolveFieldValueSchema(field);
+  const schemaType = valueSchema?.type;
+  if (schemaType === 'boolean' || field.type === 'Switch' || field.type === 'Checkbox') {
+    if (value) {
+      return props.checkedChildren || formatMessage({
+        id: 'schemaContentYes'
+      });
+    }
+    return props.unCheckedChildren || formatMessage({
+      id: 'schemaContentNo'
+    });
+  }
+  if (field.type === 'DatePicker') {
+    const formatted = formatDateValue(value, props.format);
+    return formatted || formatMessage({
+      id: 'schemaContentEmptyValue'
+    });
+  }
+  if (Array.isArray(props.options) && props.options.length) {
+    if (Array.isArray(value)) {
+      const labels = value.map(item => mapOptionLabel(item, props.options)).filter(item => item != null && item !== '');
+      return labels.length ? labels.join('、') : formatMessage({
+        id: 'schemaContentEmptyValue'
+      });
+    }
+    return mapOptionLabel(value, props.options);
+  }
+  if (definition?.isSuperSelect) {
+    const labelKey = props.labelKey || 'label';
+    const pickLabel = item => {
+      if (item && typeof item === 'object') {
+        return item[labelKey] ?? item.label ?? item.value;
+      }
+      return item;
+    };
+    if (Array.isArray(value)) {
+      const labels = value.map(pickLabel).filter(item => item != null && item !== '');
+      return labels.length ? labels.join('、') : formatMessage({
+        id: 'schemaContentEmptyValue'
+      });
+    }
+    if (value && typeof value === 'object') {
+      return pickLabel(value) ?? formatMessage({
+        id: 'schemaContentEmptyValue'
+      });
+    }
+  }
+  if (Array.isArray(value)) {
+    return value.map(item => item && typeof item === 'object' ? JSON.stringify(item) : String(item)).join('、');
+  }
+  if (typeof value === 'object') {
+    return JSON.stringify(value);
+  }
+  return String(value);
+};
+const renderFieldsContent = (fields, data, formatMessage, column) => {
+  const list = (fields || []).filter(field => field && !field.hidden && field.name).map(field => ({
+    label: field.label || field.name,
+    content: formatFieldValue(field, getByPath(data, field.name), formatMessage),
+    block: field.block || undefined
+  }));
+  if (!list.length) {
+    return null;
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(InfoPage.Content, {
+    col: column || 2,
+    list: list
+  });
+};
+const renderBlockList = (blocks, data, ctx) => (blocks || []).map(block => renderBlock(block, data, ctx)).filter(Boolean);
+const renderBlock = (block, data, ctx) => {
+  const {
+    formatMessage,
+    isMobile,
+    depth = 0
+  } = ctx;
+  if (!block || depth > MAX_BLOCK_DEPTH) {
+    return null;
+  }
+  const nextCtx = {
+    ...ctx,
+    depth: depth + 1
+  };
+  const bordered = isMobile ? false : block.bordered || undefined;
+  const partProps = {
+    key: block.id,
+    title: block.title || block.label || undefined,
+    subtitle: block.subtitle || undefined,
+    bordered
+  };
+  switch (block.kind) {
+    case 'formInfo':
+      {
+        return /*#__PURE__*/jsxRuntime.jsxs(InfoPage__default["default"].Part, {
+          ...partProps,
+          children: [renderFieldsContent(block.list, data, formatMessage, block.column), renderBlockList(block.blocks, data, nextCtx)]
+        });
+      }
+    case 'object':
+      {
+        const name = block.name != null && String(block.name).trim() ? String(block.name).trim() : '';
+        const nestedData = name ? getByPath(data, name) || {} : data;
+        return /*#__PURE__*/jsxRuntime.jsxs(InfoPage__default["default"].Part, {
+          ...partProps,
+          children: [renderFieldsContent(block.list, nestedData, formatMessage, block.column), renderBlockList(block.blocks, nestedData, nextCtx)]
+        });
+      }
+    case 'list':
+    case 'tableList':
+      {
+        const name = block.name != null && String(block.name).trim() ? String(block.name).trim() : '';
+        const items = name ? getByPath(data, name) : null;
+        const rows = Array.isArray(items) ? items : [];
+        return /*#__PURE__*/jsxRuntime.jsx(InfoPage__default["default"].Part, {
+          ...partProps,
+          children: rows.length ? rows.map((item, index) => /*#__PURE__*/jsxRuntime.jsxs(InfoPage__default["default"].Part, {
+            title: formatMessage({
+              id: 'schemaContentItemIndex'
+            }, {
+              index: index + 1
+            }),
+            bordered: false,
+            children: [renderFieldsContent(block.list, item || {}, formatMessage, 2), block.kind === 'list' ? renderBlockList(block.itemBlocks, item || {}, nextCtx) : null]
+          }, `${block.id}-${index}`)) : formatMessage({
+            id: 'schemaContentEmptyValue'
+          })
+        });
+      }
+    case 'multiField':
+      {
+        const name = block.name != null && String(block.name).trim() ? String(block.name).trim() : '';
+        const values = name ? getByPath(data, name) : null;
+        const itemField = {
+          type: block.fieldType || 'Input',
+          label: block.label,
+          props: {}
+        };
+        const content = Array.isArray(values) ? values.map(item => formatFieldValue(itemField, item, formatMessage)).join('、') : formatFieldValue(itemField, values, formatMessage);
+        return /*#__PURE__*/jsxRuntime.jsx(InfoPage__default["default"].Part, {
+          ...partProps,
+          children: /*#__PURE__*/jsxRuntime.jsx(InfoPage.Content, {
+            col: 1,
+            list: [{
+              label: block.label || block.name,
+              content,
+              block: true
+            }]
+          })
+        });
+      }
+    case 'steps':
+      {
+        return /*#__PURE__*/jsxRuntime.jsx(react.Fragment, {
+          children: (block.items || []).map(step => /*#__PURE__*/jsxRuntime.jsxs(InfoPage__default["default"].Part, {
+            title: step.title || undefined,
+            bordered: bordered,
+            children: [renderFieldsContent(step.list, data, formatMessage, step.column || 2), renderBlockList(step.blocks, data, nextCtx)]
+          }, step.id))
+        }, block.id);
+      }
+    case 'choice':
+      {
+        const selectorName = resolveChoiceSelectorName(block);
+        const selectorValue = block.selectorInData === false ? undefined : getByPath(data, selectorName);
+        const selectedIds = block.mode === 'multiple' ? Array.isArray(selectorValue) ? selectorValue.map(String) : [] : selectorValue != null && selectorValue !== '' ? [String(selectorValue)] : [];
+        const options = block.options || [];
+        const visibleOptions = selectedIds.length ? options.filter(option => selectedIds.includes(String(option.id))) : [];
+        return /*#__PURE__*/jsxRuntime.jsx(InfoPage__default["default"].Part, {
+          ...partProps,
+          children: visibleOptions.map(option => /*#__PURE__*/jsxRuntime.jsxs(InfoPage__default["default"].Part, {
+            title: option.title || undefined,
+            bordered: false,
+            children: [renderFieldsContent(option.list, data, formatMessage, block.column), renderBlockList(option.blocks, data, nextCtx)]
+          }, option.id))
+        });
+      }
+    default:
+      return null;
+  }
+};
+const SchemaContentInnerView = _ref => {
+  let {
+    schema,
+    data,
+    className
+  } = _ref;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const isMobile = responsiveUtils.useIsMobile();
+  const normalized = normalizeSchema(schema);
+  const children = renderBlockList(normalized.blocks, data || {}, {
+    formatMessage,
+    isMobile,
+    depth: 0
+  });
+  if (!children.length) {
+    return null;
+  }
+  if (className) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: className,
+      children: children
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(react.Fragment, {
+    children: children
+  });
+};
+const SchemaContentInner = withLocale$1(SchemaContentInnerView);
+const SchemaContent = withLocale$1(_ref2 => {
+  let {
+    schema,
+    data,
+    className,
+    empty
+  } = _ref2;
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const normalized = normalizeSchema(schema);
+  const emptyNode = empty !== undefined ? empty : /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
+    image: antd.Empty.PRESENTED_IMAGE_SIMPLE,
+    description: formatMessage({
+      id: 'schemaContentEmpty'
+    })
+  });
+  if (data == null || !hasRenderableContent(normalized)) {
+    return emptyNode;
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(InfoPage__default["default"], {
+    className: [style['schema-content'], className].filter(Boolean).join(' '),
+    children: /*#__PURE__*/jsxRuntime.jsx(SchemaContentInnerView, {
+      schema: normalized,
+      data: data
+    })
+  });
+});
+var SchemaContent$1 = SchemaContent;
+
 exports.FormCreator = FormCreator$1;
 exports.MAX_BLOCK_DEPTH = MAX_BLOCK_DEPTH;
 exports.RULE_LEN_PRESET = RULE_LEN_PRESET;
 exports.RULE_PRESET_ITEMS = RULE_PRESET_ITEMS;
+exports.SchemaContent = SchemaContent$1;
+exports.SchemaContentInner = SchemaContentInner;
 exports.SchemaRenderer = SchemaRenderer$1;
 exports.SchemaRendererInner = SchemaRendererInner;
 exports.applyFromPropsSchema = applyFromPropsSchema;