@kne/form-creator 0.1.13 → 0.1.15

package/dist/index.modern.js

@@ -1,5 +1,6 @@
 import '@kne/form-info/dist/index.css';
 import '@kne/info-page/dist/index.css';
+import '@kne/button-group/dist/index.css';
 import { useState, useRef, useMemo, useEffect, useCallback, createElement, Fragment } from 'react';
 import { Space, Tag, Button, Typography, Flex, Dropdown, Empty, message, Checkbox as Checkbox$1, Input as Input$1, InputNumber as InputNumber$1, Card, Tooltip } from 'antd';
 import { createWithIntlProvider, useIntl } from '@kne/react-intl';
@@ -12,9 +13,11 @@ import '@kne/super-select/dist/index.css';
 import '@kne/super-select-plus/dist/index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import FormInfo, { FormModal, Form, Steps, MultiField, TableList, List } from '@kne/form-info';
-import InfoPage from '@kne/info-page';
+import { ButtonFooter } from '@kne/button-group';
+import InfoPage, { Content } from '@kne/info-page';
+import { createWithRemoteLoader } from '@kne/remote-loader';
 
-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","schema-content-file-list":"kne-form-creator_UGdXA","schema-content-file":"kne-form-creator_75EtE","schema-content-file-image":"kne-form-creator_P-be6","schema-content-file-name":"kne-form-creator_NXpTS","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"};
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -227,7 +230,14 @@ const locale$1 = {
   formSettingsTitle: '表单设置',
   formTitlePlaceholder: '表单标题（可选）',
   formSubtitlePlaceholder: '表单副标题（可选）',
-  formColumnPlaceholder: '每行显示列数'
+  formColumnPlaceholder: '每行显示列数',
+  schemaContentEmpty: '暂无数据',
+  schemaContentEmptyValue: '-',
+  schemaContentYes: '是',
+  schemaContentNo: '否',
+  schemaContentItemIndex: '第 {index} 项',
+  schemaContentUntilToday: '至今',
+  schemaContentPasswordMasked: '••••••'
 };
 var zhCN = locale$1;
 
@@ -423,7 +433,14 @@ 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}',
+  schemaContentUntilToday: 'Present',
+  schemaContentPasswordMasked: '••••••'
 };
 var enUS = locale;
 
@@ -1237,6 +1254,81 @@ const mapOptionItem = item => {
   }
   return next;
 };
+
+/**
+ * 搭建器选项是 { label, value, children }；SelectCascader 默认 valueKey='id'、示例用 id/name。
+ * 补齐两边的 key，避免 mapping 全部落到 undefined 导致下拉空白。
+ */
+const alignOptionKeys = (options = [], {
+  valueKey: _valueKey = 'value',
+  labelKey: _labelKey = 'label'
+} = {}) => {
+  if (!Array.isArray(options)) {
+    return options;
+  }
+  return options.map(item => {
+    var _ref, _ref2, _item$_valueKey, _ref3, _item$_labelKey;
+    if (!item || typeof item !== 'object') {
+      return item;
+    }
+    const rawValue = (_ref = (_ref2 = (_item$_valueKey = item[_valueKey]) != null ? _item$_valueKey : item.value) != null ? _ref2 : item.id) != null ? _ref : item.code;
+    const rawLabel = (_ref3 = (_item$_labelKey = item[_labelKey]) != null ? _item$_labelKey : item.label) != null ? _ref3 : item.name;
+    const next = _extends({}, item);
+    if (rawValue != null && next[_valueKey] == null) {
+      next[_valueKey] = rawValue;
+    }
+    if (rawLabel != null && (next[_labelKey] == null || next[_labelKey] === '')) {
+      next[_labelKey] = rawLabel;
+    }
+    if (next.id == null && rawValue != null) {
+      next.id = rawValue;
+    }
+    if ((next.name == null || next.name === '') && rawLabel != null) {
+      next.name = rawLabel;
+    }
+    if (Array.isArray(next.children) && next.children.length) {
+      next.children = alignOptionKeys(next.children, {
+        valueKey: _valueKey,
+        labelKey: _labelKey
+      });
+    }
+    return next;
+  });
+};
+
+/**
+ * SelectTree 按扁平 parentId 组树，会覆盖节点上已有的 children。
+ * 搭建器存的是嵌套 children，交给 SelectTree 前先拍平。
+ */
+const flattenTreeOptions = (options = [], {
+  valueKey: _valueKey2 = 'value',
+  parentKey: _parentKey = 'parentId',
+  childrenKey: _childrenKey = 'children',
+  parentId
+} = {}) => {
+  const result = [];
+  (Array.isArray(options) ? options : []).forEach(item => {
+    if (!item || typeof item !== 'object') {
+      return;
+    }
+    const nested = item[_childrenKey];
+    const node = _extends({}, item);
+    delete node[_childrenKey];
+    if (parentId !== undefined) {
+      node[_parentKey] = parentId;
+    }
+    result.push(node);
+    if (Array.isArray(nested) && nested.length) {
+      result.push(...flattenTreeOptions(nested, {
+        valueKey: _valueKey2,
+        parentKey: _parentKey,
+        childrenKey: _childrenKey,
+        parentId: node[_valueKey2]
+      }));
+    }
+  });
+  return result;
+};
 const createApiFromOptions = (options = []) => ({
   loader: () => ({
     pageData: options.map(mapOptionItem)
@@ -1250,6 +1342,7 @@ const {
 const hasNestedOptions = options => Array.isArray(options) && options.some(item => Array.isArray(item == null ? void 0 : item.children) && item.children.length);
 const createField = (Component, {
   preferOptions: _preferOptions = false,
+  flattenTree: _flattenTree = false,
   placeholderPrefix: _placeholderPrefix = '请选择'
 } = {}) => {
   const Field = props => {
@@ -1259,14 +1352,28 @@ const createField = (Component, {
         placeholder
       } = props,
       rest = _objectWithoutPropertiesLoose(props, _excluded$3);
-    const useOptionsDirectly = _preferOptions || hasNestedOptions(options);
-    const mergedApi = api || (!useOptionsDirectly && Array.isArray(options) && options.length ? createApiFromOptions(options) : undefined);
+    const valueKey = rest.valueKey || 'value';
+    const labelKey = rest.labelKey || 'label';
+    const parentKey = rest.parentKey || 'parentId';
+    const flattened = _flattenTree && Array.isArray(options) ? flattenTreeOptions(options, {
+      valueKey,
+      parentKey
+    }) : options;
+    const resolvedOptions = Array.isArray(flattened) ? alignOptionKeys(flattened, {
+      valueKey,
+      labelKey
+    }) : flattened;
+    const useOptionsDirectly = _preferOptions || hasNestedOptions(resolvedOptions);
+    const mergedApi = api || (!useOptionsDirectly && Array.isArray(resolvedOptions) && resolvedOptions.length ? createApiFromOptions(resolvedOptions) : undefined);
     const resolvedPlaceholder = placeholder != null && String(placeholder).trim() ? placeholder : `${_placeholderPrefix}${props.label || ''}`;
     const render = useOnChange$1(Object.assign({}, {
       isPopup: true,
       placeholder: resolvedPlaceholder
-    }, rest, useOptionsDirectly && Array.isArray(options) ? {
-      options
+    }, rest, {
+      valueKey,
+      labelKey
+    }, useOptionsDirectly && Array.isArray(resolvedOptions) ? {
+      options: resolvedOptions
     } : {}, mergedApi ? {
       api: mergedApi
     } : {}));
@@ -1280,7 +1387,8 @@ const SuperSelectTableList = createField(SelectTableList, {
   preferOptions: true
 });
 const SuperSelectTree = createField(SelectTree, {
-  preferOptions: true
+  preferOptions: true,
+  flattenTree: true
 });
 const SuperSelectCascader = createField(SelectCascader, {
   preferOptions: true
@@ -1398,20 +1506,45 @@ const stringWithEnumSchema = field => {
   }
   return schema;
 };
+const optionValueSchema = {
+  type: 'object',
+  display: 'option'
+};
 const superSelectValueSchema = field => {
   var _field$props2;
   if (field != null && (_field$props2 = field.props) != null && _field$props2.single) {
-    return {
-      type: 'object'
-    };
+    return _extends({}, optionValueSchema);
   }
   return {
     type: 'array',
-    items: {
-      type: 'object'
-    }
+    items: _extends({}, optionValueSchema)
   };
 };
+const PICKER_TO_FORMAT = {
+  date: 'date',
+  week: 'week',
+  month: 'month',
+  quarter: 'quarter',
+  year: 'year'
+};
+const datePickerValueSchema = field => {
+  var _field$props3, _field$props4, _field$props5;
+  const picker = (field == null || (_field$props3 = field.props) == null ? void 0 : _field$props3.picker) || 'date';
+  const format = field != null && (_field$props4 = field.props) != null && _field$props4.showTime ? 'date-time' : PICKER_TO_FORMAT[picker] || 'date';
+  const item = {
+    type: 'string',
+    format
+  };
+  if (field != null && (_field$props5 = field.props) != null && _field$props5.range) {
+    return {
+      type: 'array',
+      items: item,
+      minItems: 2,
+      maxItems: 2
+    };
+  }
+  return item;
+};
 defineField('Input', {
   label: '单行文本',
   group: '基础字段',
@@ -1633,19 +1766,7 @@ defineField('DatePicker', {
   },
   hasFieldProps: true,
   resolveComponent: props => props != null && props.range ? DatePicker.RangePicker || DatePicker : DatePicker,
-  valueSchema: field => {
-    var _field$props3;
-    return field != null && (_field$props3 = field.props) != null && _field$props3.range ? {
-      type: 'array',
-      items: {
-        type: 'string'
-      },
-      minItems: 2,
-      maxItems: 2
-    } : {
-      type: 'string'
-    };
-  }
+  valueSchema: datePickerValueSchema
 });
 
 /**
@@ -1661,6 +1782,8 @@ defineField('DatePicker', {
  * preset({ type, definition }) 的 fields 项还可传：
  * - groupName?: string 自定义类型下拉分组名；不传则归入「扩展字段」
  * - 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 默认预览
  */
 const registerField = (type, definition) => {
   var _definition$hasFieldP;
@@ -2069,16 +2192,16 @@ const applyFieldProps = (props, values, definition) => {
   }
 };
 const fieldToFormValues = field => {
-  var _field$props4, _field$props5, _field$props6;
+  var _field$props6, _field$props7, _field$props8;
   const definition = getFieldDefinition(field.type);
   const ruleConfig = parseRuleString(field.rule);
   const allowChildren = !!(definition != null && definition.optionsAllowChildren);
-  const columns = definition != null && definition.hasColumns ? normalizeColumns((_field$props4 = field.props) == null ? void 0 : _field$props4.columns) : [];
-  const options = normalizeOptions((_field$props5 = field.props) == null ? void 0 : _field$props5.options, {
+  const columns = definition != null && definition.hasColumns ? normalizeColumns((_field$props6 = field.props) == null ? void 0 : _field$props6.columns) : [];
+  const options = normalizeOptions((_field$props7 = field.props) == null ? void 0 : _field$props7.options, {
     allowChildren,
     columns
   });
-  const rawPlaceholder = (_field$props6 = field.props) == null ? void 0 : _field$props6.placeholder;
+  const rawPlaceholder = (_field$props8 = field.props) == null ? void 0 : _field$props8.placeholder;
   const placeholder = Array.isArray(rawPlaceholder) ? rawPlaceholder[0] || '' : rawPlaceholder || '';
   return {
     type: field.type,
@@ -2319,7 +2442,8 @@ const BlockListPanel = ({
   onEditChoiceOption,
   onDeleteChoiceOption,
   onMoveChoiceOption,
-  onOpenFormActions
+  onOpenFormActions,
+  extraToolbar
 }) => {
   const {
     formatMessage
@@ -2907,7 +3031,10 @@ const BlockListPanel = ({
           id: 'formActionsSection'
         }),
         onClick: onOpenFormActions
-      })]
+      }), extraToolbar ? /*#__PURE__*/jsx("div", {
+        className: style['panel-toolbar-extra'],
+        children: extraToolbar
+      }) : null]
     }), !blocks.length ? /*#__PURE__*/jsx(Empty, {
       className: style['field-empty'],
       image: Empty.PRESENTED_IMAGE_SIMPLE,
@@ -4731,7 +4858,7 @@ const FormActionsEditor = ({
 };
 var FormActionsEditor$1 = FormActionsEditor;
 
-const getByPath = (obj, path) => {
+const getByPath$1 = (obj, path) => {
   if (obj == null || path == null || path === '') {
     return undefined;
   }
@@ -4775,7 +4902,7 @@ const clearUnselectedOptionFields = (openApi, formData, keepIds, allOptions) =>
       if (!(field != null && field.name)) {
         return;
       }
-      const current = getByPath(formData, field.name);
+      const current = getByPath$1(formData, field.name);
       if (current !== undefined) {
         entries.push({
           name: field.name,
@@ -4784,7 +4911,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,
@@ -4867,7 +4994,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 != null ? rawValue : '') : String(rawValue != null ? rawValue : '');
 
@@ -5025,7 +5152,7 @@ const renderFieldElements = (fields = [], preview = false, {
     return null;
   }
   const definition = getFieldDefinition(field.type);
-  const props = _extends({}, field.props || {});
+  const props = _extends({}, (definition == null ? void 0 : definition.defaultProps) || {}, field.props || {});
   if (definition != null && definition.optionsAllowDescription && (_props$options = props.options) != null && _props$options.length && !props.api && !definition.optionsAllowChildren) {
     props.api = createApiFromOptions(props.options);
   }
@@ -5249,6 +5376,7 @@ const renderBlockElement = (block, preview = false, ctx = {}) => {
 const renderSchemaInner = (schema, {
   preview: _preview = false,
   className,
+  bodyClassName,
   isMobile: _isMobile = false,
   formatMessage,
   children,
@@ -5263,15 +5391,19 @@ const renderSchemaInner = (schema, {
   if (!contentChildren.length && !children && !actionNode) {
     return null;
   }
-  const body = /*#__PURE__*/createElement(Fragment, null, ...contentChildren, children, actionNode || null);
+  const body = /*#__PURE__*/createElement('div', {
+    className: [style['schema-body'], bodyClassName].filter(Boolean).join(' ')
+  }, ...contentChildren, children);
+  const content = /*#__PURE__*/createElement(Fragment, null, body, actionNode || null);
   return className ? /*#__PURE__*/createElement('div', {
     className
-  }, body) : body;
+  }, content) : content;
 };
 const renderSchemaContent = (schema, {
   preview: _preview2 = false,
   formProps: _formProps = {},
   className,
+  bodyClassName,
   isMobile: _isMobile2 = false,
   formatMessage,
   children,
@@ -5290,11 +5422,12 @@ const renderSchemaContent = (schema, {
   return /*#__PURE__*/createElement(Form, _extends({}, _formProps, {
     className: formClassName
   }), /*#__PURE__*/createElement('div', {
-    className: style['schema-body']
+    className: [style['schema-body'], bodyClassName].filter(Boolean).join(' ')
   }, ...contentChildren, children), actionNode || null);
 };
 var renderSchemaContent$1 = renderSchemaContent;
 
+const joinClass = (...names) => names.filter(Boolean).join(' ');
 const resolveActionNode = ({
   schema,
   formatMessage,
@@ -5310,7 +5443,10 @@ const resolveActionNode = ({
   showReset,
   showCancel,
   actionsAlign,
-  actionsGap
+  actionsGap,
+  footerClassName,
+  buttonFooter: _buttonFooter = false,
+  buttonFooterProps
 }) => {
   if (_showActions === false || actions === false || actions === null) {
     return null;
@@ -5340,19 +5476,26 @@ const resolveActionNode = ({
     gap: resolvedGap != null ? resolvedGap : 16,
     wrap: 'wrap'
   };
+  let actionsEl = null;
   if (actions !== undefined) {
-    return /*#__PURE__*/createElement('div', {
-      className: style['schema-actions']
+    actionsEl = /*#__PURE__*/createElement('div', {
+      className: joinClass(style['schema-actions'], footerClassName)
     }, /*#__PURE__*/createElement(Flex, flexProps, actions));
-  }
-  if (!resolvedShowSubmit && !resolvedShowReset && !resolvedShowCancel) {
+  } else if (resolvedShowSubmit || resolvedShowReset || resolvedShowCancel) {
+    actionsEl = /*#__PURE__*/createElement('div', {
+      className: joinClass(style['schema-actions'], footerClassName)
+    }, /*#__PURE__*/createElement(Flex, flexProps, resolvedShowSubmit ? /*#__PURE__*/createElement(SubmitButton, _extends({
+      type: 'primary'
+    }, resolvedSubmitButtonProps), resolvedSubmitText) : null, resolvedShowReset ? /*#__PURE__*/createElement(ResetButton, resolvedResetButtonProps, resolvedResetText) : null, resolvedShowCancel ? /*#__PURE__*/createElement(CancelButton, resolvedCancelButtonProps, resolvedCancelText) : null));
+  }
+  if (!actionsEl) {
     return null;
   }
-  return /*#__PURE__*/createElement('div', {
-    className: style['schema-actions']
-  }, /*#__PURE__*/createElement(Flex, flexProps, resolvedShowSubmit ? /*#__PURE__*/createElement(SubmitButton, _extends({
-    type: 'primary'
-  }, resolvedSubmitButtonProps), resolvedSubmitText) : null, resolvedShowReset ? /*#__PURE__*/createElement(ResetButton, resolvedResetButtonProps, resolvedResetText) : null, resolvedShowCancel ? /*#__PURE__*/createElement(CancelButton, resolvedCancelButtonProps, resolvedCancelText) : null));
+  if (!_buttonFooter) {
+    return actionsEl;
+  }
+  const footerProps = buttonFooterProps || {};
+  return /*#__PURE__*/createElement(ButtonFooter, footerProps, actionsEl);
 };
 const SchemaRendererInner = withLocale$1(props => {
   const {
@@ -5372,7 +5515,11 @@ const SchemaRendererInner = withLocale$1(props => {
     showReset,
     showCancel,
     actionsAlign,
-    actionsGap
+    actionsGap,
+    bodyClassName,
+    footerClassName,
+    buttonFooter = false,
+    buttonFooterProps
   } = props;
   const {
     formatMessage
@@ -5397,11 +5544,15 @@ const SchemaRendererInner = withLocale$1(props => {
     showReset,
     showCancel,
     actionsAlign,
-    actionsGap
+    actionsGap,
+    footerClassName,
+    buttonFooter,
+    buttonFooterProps
   });
   return renderSchemaInner(normalized, {
     preview,
     className,
+    bodyClassName,
     isMobile,
     formatMessage,
     children,
@@ -5427,7 +5578,11 @@ const SchemaRenderer = withLocale$1(props => {
     showReset,
     showCancel,
     actionsAlign,
-    actionsGap
+    actionsGap,
+    bodyClassName,
+    footerClassName,
+    buttonFooter = false,
+    buttonFooterProps
   } = props;
   const {
     formatMessage
@@ -5452,12 +5607,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,
@@ -5473,7 +5632,8 @@ const FormCreator = withLocale$1(({
   showPreview: _showPreview = true,
   className,
   formProps,
-  renderModal
+  renderModal,
+  extraToolbar
 }) => {
   const {
     formatMessage
@@ -5759,6 +5919,9 @@ const FormCreator = withLocale$1(({
     stepId: fieldContext.stepId,
     optionId: fieldContext.optionId
   }) : [];
+  const toolbarExtra = typeof extraToolbar === 'function' ? extraToolbar({
+    schema
+  }) : extraToolbar;
   return /*#__PURE__*/jsxs("div", {
     className: [style['form-creator'], RESPONSIVE_BOUNDARY_CLASS, isMobile ? style['is-mobile'] : '', className].filter(Boolean).join(' '),
     children: [/*#__PURE__*/jsx("div", {
@@ -5781,7 +5944,8 @@ const FormCreator = withLocale$1(({
         onEditChoiceOption: handleEditChoiceOption,
         onDeleteChoiceOption: handleDeleteChoiceOption,
         onMoveChoiceOption: handleMoveChoiceOption,
-        onOpenFormActions: () => setFormActionsOpen(true)
+        onOpenFormActions: () => setFormActionsOpen(true),
+        extraToolbar: toolbarExtra
       })
     }), _showPreview ? /*#__PURE__*/jsx("div", {
       className: style['preview-pane'],
@@ -5849,6 +6013,530 @@ const FormCreator = withLocale$1(({
 });
 var FormCreator$1 = FormCreator;
 
+const IMAGE_EXT = /\.(png|jpe?g|gif|webp|bmp|svg|avif)(?:[?#].*)?$/i;
+const toFileList = value => {
+  if (value == null || value === '') {
+    return [];
+  }
+  return Array.isArray(value) ? value : [value];
+};
+const isHttpLike = value => typeof value === 'string' && /^(https?:|blob:|data:)/i.test(value);
+const pickFilePreviewProps = file => {
+  var _file$originFileObj, _file$originFileObj2;
+  if (file == null || file === '') {
+    return null;
+  }
+  if (typeof file === 'string') {
+    const _filename = file.split('/').pop() || file;
+    if (isHttpLike(file)) {
+      return {
+        src: file,
+        filename: _filename,
+        originName: _filename
+      };
+    }
+    return {
+      filename: _filename,
+      originName: _filename
+    };
+  }
+  if (typeof file !== 'object') {
+    return null;
+  }
+  const filename = file.filename || file.name || file.originName || ((_file$originFileObj = file.originFileObj) == null ? void 0 : _file$originFileObj.name);
+  const src = file.src || file.url || file.path || file.thumbUrl;
+  const id = file.id || file.uuid || file.fileId;
+  if (!src && !id && !filename) {
+    return null;
+  }
+  return _extends({}, src ? {
+    src
+  } : {}, id ? {
+    id
+  } : {}, {
+    filename,
+    originName: file.originName || filename,
+    mimetype: file.mimetype || file.type || ((_file$originFileObj2 = file.originFileObj) == null ? void 0 : _file$originFileObj2.type)
+  });
+};
+const isImageFile = (item, field) => {
+  const type = field == null ? void 0 : field.type;
+  if (type === 'Avatar' || type === 'Signature') {
+    return true;
+  }
+  const mime = item == null ? void 0 : item.mimetype;
+  if (typeof mime === 'string' && mime.startsWith('image/')) {
+    return true;
+  }
+  return IMAGE_EXT.test(String((item == null ? void 0 : item.filename) || (item == null ? void 0 : item.originName) || (item == null ? void 0 : item.src) || ''));
+};
+const FileFieldPreview = createWithRemoteLoader({
+  modules: ['components-core:File@FileLink', 'components-core:Image']
+})(({
+  remoteModules,
+  value,
+  field
+}) => {
+  const [FileLink, Image] = remoteModules;
+  const files = toFileList(value).map(pickFilePreviewProps).filter(Boolean);
+  if (!files.length) {
+    return null;
+  }
+  return /*#__PURE__*/jsx(Flex, {
+    vertical: true,
+    gap: 8,
+    className: style['schema-content-file-list'],
+    children: files.map((item, index) => {
+      const key = item.id || item.src || item.filename || String(index);
+      const filename = item.filename || item.originName || '';
+      const canPreview = !!(item.id || item.src);
+      const asImage = isImageFile(item, field);
+      if (!canPreview) {
+        return /*#__PURE__*/jsx("span", {
+          className: style['schema-content-file-name'],
+          children: filename
+        }, key);
+      }
+      const linkProps = {
+        id: item.id,
+        src: item.src,
+        url: item.src,
+        filename,
+        originName: item.originName || filename
+      };
+      if (asImage) {
+        const preview = (field == null ? void 0 : field.type) === 'Avatar' ? /*#__PURE__*/jsx(Image.Avatar, {
+          id: item.id,
+          src: item.src,
+          size: 64,
+          shape: "square",
+          alt: filename
+        }) : /*#__PURE__*/jsx(Image, {
+          id: item.id,
+          src: item.src,
+          alt: filename,
+          className: style['schema-content-file-image']
+        });
+        return /*#__PURE__*/jsx(FileLink, _extends({
+          className: style['schema-content-file'],
+          icon: null
+        }, linkProps, {
+          children: preview
+        }), key);
+      }
+      return /*#__PURE__*/jsx(FileLink, _extends({
+        className: style['schema-content-file']
+      }, linkProps, {
+        children: filename
+      }), key);
+    })
+  });
+});
+var FileFieldPreview$1 = FileFieldPreview;
+
+const TEMPORAL_PATTERN = {
+  date: 'YYYY-MM-DD',
+  month: 'YYYY-MM',
+  time: 'HH:mm:ss',
+  'date-time': 'YYYY-MM-DD HH:mm:ss',
+  year: 'YYYY'
+};
+const TYPE_TO_TEMPORAL = {
+  date: 'date',
+  month: 'month',
+  week: 'week',
+  time: 'time',
+  year: 'year',
+  quarter: 'quarter',
+  datetime: 'date-time',
+  'date-time': 'date-time'
+};
+const pad = n => String(n).padStart(2, '0');
+const isEmptyValue = value => {
+  if (value == null || value === '') {
+    return true;
+  }
+  if (Array.isArray(value) && value.length === 0) {
+    return true;
+  }
+  return false;
+};
+const toDate = value => {
+  if (value == null || value === '') {
+    return null;
+  }
+  if (value instanceof Date) {
+    return Number.isNaN(value.getTime()) ? null : value;
+  }
+  if (typeof value.toDate === 'function') {
+    const next = value.toDate();
+    return next instanceof Date && !Number.isNaN(next.getTime()) ? next : null;
+  }
+  if (typeof value.format === 'function' && typeof value.valueOf === 'function') {
+    const next = new Date(value.valueOf());
+    return Number.isNaN(next.getTime()) ? null : next;
+  }
+  if (typeof value === 'string' || typeof value === 'number') {
+    const next = new Date(value);
+    return Number.isNaN(next.getTime()) ? null : next;
+  }
+  return null;
+};
+const isoWeek = date => {
+  const tmp = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
+  const day = tmp.getUTCDay() || 7;
+  tmp.setUTCDate(tmp.getUTCDate() + 4 - day);
+  const yearStart = new Date(Date.UTC(tmp.getUTCFullYear(), 0, 1));
+  const week = Math.ceil(((tmp - yearStart) / 86400000 + 1) / 7);
+  return {
+    year: tmp.getUTCFullYear(),
+    week
+  };
+};
+const applyPattern = (date, pattern) => {
+  const year = date.getFullYear();
+  const month = date.getMonth() + 1;
+  const quarter = Math.ceil(month / 3);
+  return pattern.replace(/YYYY/g, String(year)).replace(/MM/g, pad(month)).replace(/DD/g, pad(date.getDate())).replace(/HH/g, pad(date.getHours())).replace(/mm/g, pad(date.getMinutes())).replace(/ss/g, pad(date.getSeconds())).replace(/Q/g, String(quarter));
+};
+const formatTemporal = (value, formatKey, patternOverride) => {
+  if (Array.isArray(value)) {
+    return value.map(item => formatTemporal(item, formatKey, patternOverride)).filter(item => item !== '').join(' ~ ');
+  }
+  const date = toDate(value);
+  if (!date) {
+    return value == null || value === '' ? '' : String(value);
+  }
+  if (formatKey === 'week') {
+    const {
+      year,
+      week
+    } = isoWeek(date);
+    return `${year}-W${pad(week)}`;
+  }
+  if (formatKey === 'quarter') {
+    return `${date.getFullYear()}-Q${Math.ceil((date.getMonth() + 1) / 3)}`;
+  }
+  const pattern = patternOverride || TEMPORAL_PATTERN[formatKey] || TEMPORAL_PATTERN.date;
+  if (value && typeof value.format === 'function' && patternOverride) {
+    try {
+      return value.format(patternOverride);
+    } catch (_unused) {
+      // fall through to Date formatting
+    }
+  }
+  return applyPattern(date, pattern);
+};
+const isTemporalKey = key => !!(key && (TEMPORAL_PATTERN[key] || key === 'week' || key === 'quarter'));
+const pickObjectLabel = (item, labelKey = 'label', valueKey = 'value') => {
+  var _ref, _item$labelKey, _ref2, _ref3, _item$valueKey;
+  if (item == null) {
+    return '';
+  }
+  if (typeof item !== 'object') {
+    return item;
+  }
+  const label = (_ref = (_item$labelKey = item[labelKey]) != null ? _item$labelKey : item.label) != null ? _ref : item.name;
+  if (label != null && typeof label !== 'object' && label !== '') {
+    return label;
+  }
+  const raw = (_ref2 = (_ref3 = (_item$valueKey = item[valueKey]) != null ? _item$valueKey : item.value) != null ? _ref3 : item.id) != null ? _ref2 : item.code;
+  if (raw != null && typeof raw !== 'object') {
+    return raw;
+  }
+  return '';
+};
+const mapOptionLabel = (value, options, labelKey = 'label', valueKey = 'value') => {
+  var _ref4, _match$labelKey;
+  if (value && typeof value === 'object') {
+    return pickObjectLabel(value, labelKey, valueKey);
+  }
+  if (!Array.isArray(options) || !options.length) {
+    return value == null ? '' : value;
+  }
+  const match = options.find(item => item && (item[valueKey] === value || item.value === value));
+  return (_ref4 = (_match$labelKey = match == null ? void 0 : match[labelKey]) != null ? _match$labelKey : match == null ? void 0 : match.label) != null ? _ref4 : value;
+};
+const formatOption = (value, field) => {
+  const props = (field == null ? void 0 : field.props) || {};
+  const labelKey = props.labelKey || 'label';
+  const valueKey = props.valueKey || 'value';
+  const pick = item => {
+    if (item && typeof item === 'object') {
+      return pickObjectLabel(item, labelKey, valueKey);
+    }
+    return mapOptionLabel(item, props.options, labelKey, valueKey);
+  };
+  if (Array.isArray(value)) {
+    return value.map(pick).filter(item => item != null && item !== '').join('、');
+  }
+  const label = pick(value);
+  return label == null ? '' : label;
+};
+const formatPhone = value => {
+  var _ref5, _ref6, _value$value, _value$code;
+  if (value == null || value === '') {
+    return '';
+  }
+  if (typeof value === 'string' || typeof value === 'number') {
+    const trimmed = String(value).trim().replace(/\s+/g, ' ');
+    return trimmed;
+  }
+  if (typeof value !== 'object') {
+    return String(value);
+  }
+  const number = String((_ref5 = (_ref6 = (_value$value = value.value) != null ? _value$value : value.phone) != null ? _ref6 : value.number) != null ? _ref5 : '').replace(/\s+/g, '');
+  const rawCode = (_value$code = value.code) != null ? _value$code : value.countryCallingCode;
+  const code = rawCode == null || rawCode === '' ? '' : String(rawCode).replace(/^\+/, '');
+  if (!number) {
+    return '';
+  }
+  if (!code) {
+    return number;
+  }
+  return `+${code} ${number}`;
+};
+const formatFile = value => {
+  var _value$originFileObj;
+  if (Array.isArray(value)) {
+    return value.map(item => formatFile(item)).filter(Boolean).join('、');
+  }
+  if (typeof value === 'string') {
+    return value;
+  }
+  if (!value || typeof value !== 'object') {
+    return value == null ? '' : String(value);
+  }
+  return value.filename || value.name || value.originName || ((_value$originFileObj = value.originFileObj) == null ? void 0 : _value$originFileObj.name) || value.id || '';
+};
+const formatTypedDateRange = (value, ctx) => {
+  var _ctx$field;
+  if (!value || typeof value !== 'object') {
+    return value == null ? '' : String(value);
+  }
+  const formatKey = TYPE_TO_TEMPORAL[value.type] || 'date';
+  const range = formatTemporal(value.value, formatKey, (_ctx$field = ctx.field) == null || (_ctx$field = _ctx$field.props) == null ? void 0 : _ctx$field.format);
+  const typeLabel = value.type ? String(value.type) : '';
+  return [typeLabel, range].filter(Boolean).join(' ');
+};
+const formatDateToToday = (value, itemSchema, ctx) => {
+  const items = Array.isArray(value) ? value : [value];
+  const start = formatByValueSchema(items[0], itemSchema, ctx);
+  if (items[1] == null || items[1] === '' || items[1] === true) {
+    const until = (ctx.formatMessage == null ? void 0 : ctx.formatMessage({
+      id: 'schemaContentUntilToday'
+    })) || '至今';
+    return [start, until].filter(Boolean).join(' ~ ');
+  }
+  const end = formatByValueSchema(items[1], itemSchema, ctx);
+  return [start, end].filter(Boolean).join(' ~ ');
+};
+const formatJson = value => {
+  if (typeof value === 'string') {
+    try {
+      return JSON.stringify(JSON.parse(value), null, 2);
+    } catch (_unused2) {
+      return value;
+    }
+  }
+  if (value && typeof value === 'object') {
+    return JSON.stringify(value, null, 2);
+  }
+  return value == null ? '' : String(value);
+};
+const formatHtml = value => String(value != null ? value : '').replace(/<[^>]+>/g, ' ').replace(/\s+/g, ' ').trim();
+const formatMoney = value => {
+  const num = Number(value);
+  if (Number.isNaN(num)) {
+    return value == null ? '' : String(value);
+  }
+  return num.toLocaleString();
+};
+const formatColor = value => {
+  if (value == null) {
+    return '';
+  }
+  if (typeof value === 'string' || typeof value === 'number') {
+    return String(value);
+  }
+  if (typeof value === 'object') {
+    if (typeof value.toHexString === 'function') {
+      return value.toHexString();
+    }
+    return value.hex || value.metaColor || pickObjectLabel(value) || '';
+  }
+  return String(value);
+};
+const formatPassword = (value, ctx) => {
+  if (isEmptyValue(value)) {
+    return '';
+  }
+  return (ctx.formatMessage == null ? void 0 : ctx.formatMessage({
+    id: 'schemaContentPasswordMasked'
+  })) || '••••••';
+};
+const formatBoolean = (value, field, ctx) => {
+  const props = (field == null ? void 0 : field.props) || {};
+  if (value) {
+    return props.checkedChildren || (ctx.formatMessage == null ? void 0 : ctx.formatMessage({
+      id: 'schemaContentYes'
+    })) || '是';
+  }
+  return props.unCheckedChildren || (ctx.formatMessage == null ? void 0 : ctx.formatMessage({
+    id: 'schemaContentNo'
+  })) || '否';
+};
+const stringifyFallback = value => {
+  if (value == null) {
+    return '';
+  }
+  if (typeof value !== 'object') {
+    return String(value);
+  }
+  if (toDate(value)) {
+    return formatTemporal(value, 'date-time');
+  }
+  if (Array.isArray(value)) {
+    return value.map(item => item && typeof item === 'object' ? stringifyFallback(item) : String(item != null ? item : '')).filter(Boolean).join('、');
+  }
+  if (value.label != null || value.name != null) {
+    return pickObjectLabel(value);
+  }
+  if (value.filename || value.mimetype || value.storageType) {
+    return formatFile(value);
+  }
+  if (value.code != null && value.value != null && value.label == null) {
+    return formatPhone(value);
+  }
+  if (value.type != null && Array.isArray(value.value)) {
+    return formatTypedDateRange(value, {
+      field: {}
+    });
+  }
+  try {
+    return JSON.stringify(value);
+  } catch (_unused3) {
+    return '';
+  }
+};
+const formatByValueSchema = (value, schema, ctx = {}) => {
+  var _field$props, _field$props2;
+  if (isEmptyValue(value)) {
+    return '';
+  }
+  const resolved = schema && typeof schema === 'object' ? schema : {};
+  const type = resolved.type;
+  const format = resolved.format;
+  const display = resolved.display;
+  const field = ctx.field;
+  const patternOverride = field == null || (_field$props = field.props) == null ? void 0 : _field$props.format;
+  if (display === 'option') {
+    return formatOption(value, field);
+  }
+  if (display === 'phone') {
+    return formatPhone(value);
+  }
+  if (display === 'file') {
+    return /*#__PURE__*/createElement(FileFieldPreview$1, {
+      value,
+      field
+    });
+  }
+  if (display === 'typed-date-range') {
+    return formatTypedDateRange(value, ctx);
+  }
+  if (display === 'date-to-today') {
+    return formatDateToToday(value, resolved.items || {
+      type: 'string',
+      format: 'date'
+    }, ctx);
+  }
+  if (display === 'html' || format === 'html') {
+    return formatHtml(value);
+  }
+  if (display === 'money') {
+    return formatMoney(value);
+  }
+  if (format === 'password') {
+    return formatPassword(value, ctx);
+  }
+  if (format === 'json') {
+    return formatJson(value);
+  }
+  if (format === 'color') {
+    return formatColor(value);
+  }
+  if (type === 'boolean') {
+    return formatBoolean(value, field, ctx);
+  }
+  if (isTemporalKey(format)) {
+    return formatTemporal(value, format, patternOverride);
+  }
+  if (type === 'array') {
+    const items = Array.isArray(value) ? value : [value];
+    const itemSchema = resolved.items || {};
+    if (itemSchema.display === 'file') {
+      return /*#__PURE__*/createElement(FileFieldPreview$1, {
+        value: items,
+        field
+      });
+    }
+    const joiner = isTemporalKey(itemSchema.format) || itemSchema.display === 'date-to-today' ? ' ~ ' : '、';
+    return items.map(item => formatByValueSchema(item, itemSchema, ctx)).filter(item => item != null && item !== '').join(joiner);
+  }
+  if (Array.isArray(value)) {
+    const itemSchema = resolved.items || _extends({}, resolved, {
+      type: undefined
+    });
+    if (itemSchema.display === 'file' || resolved.display === 'file') {
+      return /*#__PURE__*/createElement(FileFieldPreview$1, {
+        value,
+        field
+      });
+    }
+    const joiner = isTemporalKey(itemSchema.format) ? ' ~ ' : '、';
+    return value.map(item => formatByValueSchema(item, itemSchema, ctx)).filter(item => item != null && item !== '').join(joiner);
+  }
+  if (Array.isArray(resolved.enum) || Array.isArray(field == null || (_field$props2 = field.props) == null ? void 0 : _field$props2.options) && field.props.options.length) {
+    const mapped = formatOption(value, field);
+    if (mapped != null && mapped !== '') {
+      return mapped;
+    }
+  }
+  if (type === 'object') {
+    return stringifyFallback(value);
+  }
+  if (typeof value === 'object') {
+    return stringifyFallback(value);
+  }
+  return String(value);
+};
+const formatFieldDisplayValue = (field, value, {
+  formatMessage
+} = {}) => {
+  const emptyText = (formatMessage == null ? void 0 : formatMessage({
+    id: 'schemaContentEmptyValue'
+  })) || '-';
+  if (isEmptyValue(value)) {
+    return emptyText;
+  }
+  const definition = getFieldDefinition(field == null ? void 0 : field.type);
+  if (typeof (definition == null ? void 0 : definition.formatDisplayValue) === 'function') {
+    const custom = definition.formatDisplayValue(value, field, {
+      formatMessage
+    });
+    if (custom != null && custom !== '') {
+      return custom;
+    }
+  }
+  const schema = resolveFieldValueSchema(field);
+  const text = formatByValueSchema(value, schema, {
+    field,
+    formatMessage
+  });
+  return text == null || text === '' ? emptyText : text;
+};
+
 const _excluded = ["label", "validator"];
 
 /**
@@ -5903,7 +6591,7 @@ const createObjectLayer = () => ({
   composites: []
 });
 const isReq = rule => parseRuleString(rule).presets.includes('REQ');
-const resolveChoiceSelectorName = block => {
+const resolveChoiceSelectorName$1 = block => {
   var _block$discriminator;
   if (block.selectorName != null && String(block.selectorName).trim()) {
     return String(block.selectorName).trim();
@@ -6077,7 +6765,7 @@ const walkBlock = (block, layer, depth = 0) => {
 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) => {
@@ -6184,5 +6872,201 @@ const schemaToDataSchema = (schema, options = {}) => {
   return root;
 };
 
-export { FormCreator$1 as FormCreator, MAX_BLOCK_DEPTH, RULE_LEN_PRESET, RULE_PRESET_ITEMS, 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, getBlockDefinition, getBlockKindOptions, getFieldComponent, getFieldDefinition, getFieldTypes, getRulePresetItems, hasRenderableContent, isFieldNameUnique, mapBlocks, moveBlockInTree, moveItem, normalizeBlock, normalizeFormActions, normalizeOptions, normalizeSchema, parseRuleString, pickFieldProps, pickFromPropsSchema, preset, removeBlockInTree, resolveFieldValueSchema, schemaToDataSchema, updateBlocks };
+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 resolveChoiceSelectorName = block => {
+  var _block$discriminator;
+  if (block.selectorName != null && String(block.selectorName).trim()) {
+    return String(block.selectorName).trim();
+  }
+  if ((_block$discriminator = block.discriminator) != null && _block$discriminator.propertyName) {
+    return String(block.discriminator.propertyName).trim();
+  }
+  return `__choice_${block.id}`;
+};
+const formatFieldValue = (field, value, formatMessage) => formatFieldDisplayValue(field, value, {
+  formatMessage
+});
+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__*/jsx(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 = _extends({}, 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__*/jsxs(InfoPage.Part, _extends({}, 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__*/jsxs(InfoPage.Part, _extends({}, 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__*/jsx(InfoPage.Part, _extends({}, partProps, {
+          children: rows.length ? rows.map((item, index) => /*#__PURE__*/jsxs(InfoPage.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__*/jsx(InfoPage.Part, _extends({}, partProps, {
+          children: /*#__PURE__*/jsx(Content, {
+            col: 1,
+            list: [{
+              label: block.label || block.name,
+              content,
+              block: true
+            }]
+          })
+        }));
+      }
+    case 'steps':
+      {
+        return /*#__PURE__*/jsx(Fragment, {
+          children: (block.items || []).map(step => /*#__PURE__*/jsxs(InfoPage.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__*/jsx(InfoPage.Part, _extends({}, partProps, {
+          children: visibleOptions.map(option => /*#__PURE__*/jsxs(InfoPage.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 = ({
+  schema,
+  data,
+  className
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const isMobile = useIsMobile();
+  const normalized = normalizeSchema(schema);
+  const children = renderBlockList(normalized.blocks, data || {}, {
+    formatMessage,
+    isMobile,
+    depth: 0
+  });
+  if (!children.length) {
+    return null;
+  }
+  if (className) {
+    return /*#__PURE__*/jsx("div", {
+      className: className,
+      children: children
+    });
+  }
+  return /*#__PURE__*/jsx(Fragment, {
+    children: children
+  });
+};
+const SchemaContentInner = withLocale$1(SchemaContentInnerView);
+const SchemaContent = withLocale$1(({
+  schema,
+  data,
+  className,
+  empty
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const normalized = normalizeSchema(schema);
+  const emptyNode = empty !== undefined ? empty : /*#__PURE__*/jsx(Empty, {
+    image: Empty.PRESENTED_IMAGE_SIMPLE,
+    description: formatMessage({
+      id: 'schemaContentEmpty'
+    })
+  });
+  if (data == null || !hasRenderableContent(normalized)) {
+    return emptyNode;
+  }
+  return /*#__PURE__*/jsx(InfoPage, {
+    className: [style['schema-content'], className].filter(Boolean).join(' '),
+    children: /*#__PURE__*/jsx(SchemaContentInnerView, {
+      schema: normalized,
+      data: data
+    })
+  });
+});
+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 };
 //# sourceMappingURL=index.modern.js.map