@zat-design/sisyphus-react 4.0.0-beta.9 → 4.0.0

package/lib/ProForm/components/combination/Group/component/FlexibleGroup.js

@@ -0,0 +1,360 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = require("lodash");
+var _useFieldProps = require("../../../../utils/useFieldProps");
+var _ProForm = _interopRequireDefault(require("../../../../../ProForm"));
+var _Render = _interopRequireDefault(require("../../../render/Render"));
+var componentMap = _interopRequireWildcard(require("../../../../../index"));
+var utils = _interopRequireWildcard(require("../utils"));
+var _hooks = require("../hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["width"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * 错误提示组件
+ */
+var ErrorTip = () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  className: "pro-group-error-tip",
+  children: "Group\u914D\u7F6E\u9519\u8BEF\uFF0C\u8BF7\u68C0\u67E5\u63A7\u5236\u53F0\u8B66\u544A\u4FE1\u606F"
+});
+
+/**
+ * FlexibleGroup渲染组件
+ */
+var FlexibleGroupRender = props => {
+  var _fieldProps, _ref;
+  var propsChildren = props.children,
+    _props$space = props.space,
+    space = _props$space === void 0 ? {
+      size: 12
+    } : _props$space,
+    className = props.className,
+    isParentView = props.isView,
+    separator = props.separator,
+    split = props.split,
+    groupDisabled = props.disabled,
+    otherProps = props.otherProps,
+    id = props.id;
+
+  // children可能在props.children或props.fieldProps.children中
+  var children = propsChildren || ((_fieldProps = props.fieldProps) === null || _fieldProps === void 0 ? void 0 : _fieldProps.children) || [];
+
+  // 向后兼容处理：优先使用 separator，如果没有则使用 split，最后使用默认值
+  var finalSeparator = (_ref = separator !== null && separator !== void 0 ? separator : split) !== null && _ref !== void 0 ? _ref : '/';
+  var contextProps = _ProForm.default.useFieldProps() || {};
+  var form = contextProps.form,
+    contextIsView = contextProps.isView;
+  var isView = isParentView || contextIsView || (otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView);
+
+  // 使用 hook 处理 ProEditTable 场景下的字段重置逻辑
+  (0, _hooks.useResetProEditTable)({
+    children,
+    form,
+    namePath: contextProps.namePath,
+    source: otherProps === null || otherProps === void 0 ? void 0 : otherProps.source
+  });
+  var renderFormItem = (child, index) => {
+    var _child$fieldProps, _child$fieldProps2;
+    // 计算样式（宽度处理）
+    var childWidth = (_child$fieldProps = child.fieldProps) === null || _child$fieldProps === void 0 || (_child$fieldProps = _child$fieldProps.style) === null || _child$fieldProps === void 0 ? void 0 : _child$fieldProps.width;
+    var formItemStyle = childWidth ? {
+      width: childWidth
+    } : undefined;
+    var formItemClassName = childWidth ? 'pro-group-form-item pro-group-form-item-has-width' : 'pro-group-form-item';
+
+    // 如果子组件有自定义宽度，从 fieldProps.style 中移除 width，让组件保持默认宽度
+    // 宽度只应用到 Form.Item，不透传到组件本身
+    var adjustedFieldProps = childWidth && (_child$fieldProps2 = child.fieldProps) !== null && _child$fieldProps2 !== void 0 && _child$fieldProps2.style ? _objectSpread(_objectSpread({}, child.fieldProps), {}, {
+      style: (() => {
+        var _child$fieldProps$sty = child.fieldProps.style,
+          width = _child$fieldProps$sty.width,
+          restStyle = _objectWithoutProperties(_child$fieldProps$sty, _excluded);
+        return restStyle;
+      })()
+    }) : child.fieldProps;
+
+    // 检查 child 是否来自 FormList 的处理（已有处理过的参数）
+    var isFromFormList = (child === null || child === void 0 ? void 0 : child.source) === 'FormList';
+    var childNamePath = child.namePath || contextProps.namePath;
+    var childIndex = child.index;
+    var childListName = child.listName;
+
+    // 需要判断childNamePath来源是FormList还是ProEditTable
+    var fullName = (() => {
+      if (isFromFormList) {
+        return child.name;
+      }
+      if (childNamePath && Array.isArray(child.name) && child.name.length > 1) {
+        return [...childNamePath, ...child.name];
+      }
+      if (childNamePath) {
+        return [...childNamePath, child.name];
+      }
+      return child.name;
+    })();
+
+    // 处理依赖关系 - 支持相对路径和绝对路径
+    var safeDependencies = Array.isArray(child.dependencies) ? child.dependencies : [];
+    var processedDependencies = safeDependencies.map(dep => {
+      if (typeof dep === 'string') {
+        // 相对路径：同Group内的其他字段
+        return childNamePath ? [...childNamePath, dep] : dep;
+      }
+      return dep; // 绝对路径保持不变
+    });
+
+    // 获取组件类型
+    var type = child.type || 'Input';
+    var TargetComponent = componentMap[type];
+
+    // 处理 disabled（可能是函数）
+    var childDisabled = typeof child.disabled === 'function' ? false : child.disabled;
+    var finalDisabled = groupDisabled || childDisabled;
+
+    // 构建 formItemProps
+    var formItemProps = {
+      name: fullName,
+      label: child.label,
+      rules: child.rules,
+      dependencies: processedDependencies,
+      extra: child.extra,
+      before: child.before,
+      after: child.after,
+      required: child.required,
+      disabled: finalDisabled,
+      validateFirst: child.validateFirst
+    };
+
+    // 如果 child 来自 FormList 的处理，传递 index、namePath、listName
+    if (childIndex !== undefined) {
+      formItemProps.index = childIndex;
+    }
+    if (childNamePath) {
+      formItemProps.namePath = childNamePath;
+    }
+    if (childListName) {
+      formItemProps.listName = childListName;
+    }
+
+    // 处理 tooltip（类型兼容）
+    if (child.tooltip) {
+      formItemProps.tooltip = child.tooltip;
+    }
+
+    // 构建 otherProps
+    var renderOtherProps = {
+      label: child.label,
+      name: fullName,
+      disabled: finalDisabled,
+      isView,
+      viewEmpty: otherProps === null || otherProps === void 0 ? void 0 : otherProps.viewEmpty,
+      valueType: child.valueType,
+      form,
+      type,
+      colProps: {
+        span: 24
+      },
+      // 灵活模式不需要 Col，但需要传递 colProps
+      namePath: childNamePath || contextProps.namePath,
+      formDisabled: otherProps === null || otherProps === void 0 ? void 0 : otherProps.formDisabled,
+      globalControl: otherProps === null || otherProps === void 0 ? void 0 : otherProps.globalControl,
+      // 灵活模式样式属性
+      flexibleGroupProps: {
+        className: formItemClassName,
+        style: formItemStyle
+      }
+    };
+
+    // 如果 child 来自 FormList 的处理，传递 listName
+    if (childListName) {
+      renderOtherProps.listName = childListName;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_useFieldProps.FieldProvider, {
+      value: renderOtherProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Render.default, {
+        show: child.show,
+        form: form,
+        disabled: child.disabled,
+        formDisabled: otherProps === null || otherProps === void 0 ? void 0 : otherProps.formDisabled,
+        type: type,
+        originComponent: child.component,
+        component: TargetComponent,
+        formItemProps: formItemProps,
+        confirm: child.confirm,
+        colProps: {
+          span: 24
+        },
+        componentProps: adjustedFieldProps || {},
+        otherProps: renderOtherProps,
+        fieldProps: child.fieldProps,
+        isSelect: false // 由 Render 内部计算
+        ,
+        diffConfig: otherProps === null || otherProps === void 0 ? void 0 : otherProps.diffConfig,
+        requiredOnView: otherProps === null || otherProps === void 0 ? void 0 : otherProps.requiredOnView,
+        globalControl: otherProps === null || otherProps === void 0 ? void 0 : otherProps.globalControl,
+        viewRender: child.viewRender,
+        shouldUpdateDebounce: otherProps === null || otherProps === void 0 ? void 0 : otherProps.shouldUpdateDebounce
+      })
+    }, child.name || `item-${index}`);
+  };
+
+  // 非compact模式：正常的表单项渲染
+  var renderChildren = () => {
+    var elements = [];
+    var visibleChildren = [];
+
+    // 先过滤出可见的子项
+    children.forEach(child => {
+      var childNamePath = child.namePath || contextProps.namePath;
+      var childIndex = child.index;
+      if ((0, _hooks.checkShouldShow)(child, form, childNamePath, childIndex)) {
+        visibleChildren.push(child);
+      }
+    });
+
+    // 只渲染可见的子项
+    visibleChildren.forEach((child, index) => {
+      // 找到原始索引，用于获取正确的 child 对象和分隔符索引计算
+      var originalIndex = children.findIndex(c => c === child);
+
+      // 渲染表单项
+      var formElement = renderFormItem(child, originalIndex);
+      elements.push(formElement);
+
+      // 添加分隔符（除最后一个元素外）
+      if (index < visibleChildren.length - 1 && space !== null && space !== void 0 && space.separator) {
+        // 检查是否在指定位置添加分隔符
+        var shouldAddSeparator = space.separatorIndex ? Array.isArray(space.separatorIndex) ? space.separatorIndex.includes(originalIndex) : space.separatorIndex === originalIndex : true; // 默认每个元素后都加分隔符
+
+        if (shouldAddSeparator) {
+          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "pro-group-separator-space",
+            children: space.separator
+          }, child.name ? `separator-${child.name}` : `separator-${originalIndex}`));
+        }
+      }
+    });
+    return elements;
+  };
+
+  // compact模式专用：为每个字段创建可见的Form.Item，并使用CSS实现compact视觉效果
+  var renderCompactFormItems = () => {
+    var elements = [];
+    var visibleChildren = [];
+
+    // 先过滤出可见的子项
+    children.forEach(child => {
+      var childNamePath = child.namePath || contextProps.namePath;
+      var childIndex = child.index;
+      if ((0, _hooks.checkShouldShow)(child, form, childNamePath, childIndex)) {
+        visibleChildren.push(child);
+      }
+    });
+
+    // 只渲染可见的子项
+    visibleChildren.forEach((child, index) => {
+      // 找到原始索引，用于获取正确的 child 对象和分隔符索引计算
+      var originalIndex = children.findIndex(c => c === child);
+
+      // 为每个字段创建独立的Form.Item，确保表单校验正常工作
+      var formElement = renderFormItem(child, originalIndex);
+      elements.push(formElement);
+
+      // 添加分隔符
+      if (index < visibleChildren.length - 1 && space !== null && space !== void 0 && space.separator) {
+        var shouldAddSeparator = space.separatorIndex ? Array.isArray(space.separatorIndex) ? space.separatorIndex.includes(originalIndex) : space.separatorIndex === originalIndex : true;
+        if (shouldAddSeparator) {
+          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "pro-group-separator-compact",
+            children: space.separator
+          }, child.name ? `separator-${child.name}` : `separator-${originalIndex}`));
+        }
+      }
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "ant-space ant-space-horizontal ant-space-compact pro-group-compact-container",
+      children: elements
+    });
+  };
+  var nextClassName = (0, _classnames.default)({
+    'pro-group': true,
+    'pro-group-flexible': true,
+    'pro-group-diy-width': children.some(item => {
+      var _item$fieldProps;
+      return item === null || item === void 0 || (_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 || (_item$fieldProps = _item$fieldProps.style) === null || _item$fieldProps === void 0 ? void 0 : _item$fieldProps.width;
+    }),
+    'pro-group-width-auto': children.some(item => ['Radio', 'Checkbox', 'Switch'].includes(item.type)),
+    'pro-group-view': isView,
+    [`${className}`]: className
+  });
+
+  // 检查是否有子项包含 show 函数，如果有则需要响应式更新
+  var hasShowFunction = children.some(child => (0, _lodash.isFunction)(child.show));
+
+  // 查看模式下空值处理
+  if (isView && (0, _lodash.isEmpty)(children)) {
+    return (otherProps === null || otherProps === void 0 ? void 0 : otherProps.viewEmpty) || '-';
+  }
+
+  // 渲染内容
+  var renderContent = () => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: nextClassName,
+      id: id,
+      children: space.compact ?
+      // compact模式：使用Form.Item确保表单校验正常工作
+      renderCompactFormItems() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
+        align: "start",
+        size: space.size || 12,
+        separator: isView ? finalSeparator : null,
+        children: renderChildren()
+      })
+    });
+  };
+
+  // 如果有 show 函数，使用 Form.Item 的 shouldUpdate 来监听表单值变化
+  if (hasShowFunction && form) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Item, {
+      shouldUpdate: () => true,
+      noStyle: true,
+      children: renderContent
+    });
+  }
+  return renderContent();
+};
+
+/**
+ * FlexibleGroup主组件
+ */
+var FlexibleGroup = props => {
+  var _fieldProps2;
+  var propsChildren = props.children;
+
+  // children可能在props.children或props.fieldProps.children中
+  var children = propsChildren || ((_fieldProps2 = props.fieldProps) === null || _fieldProps2 === void 0 ? void 0 : _fieldProps2.children) || [];
+
+  // 配置验证
+  if (!utils.validateChildren(children)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorTip, {});
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FlexibleGroupRender, _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  }));
+};
+var _default = exports.default = FlexibleGroup;

package/lib/ProForm/components/combination/Group/hooks/index.d.ts

@@ -1,6 +1,6 @@
 import { InternalNamePath, NamePath } from 'antd/lib/form/interface';
 import { FormInstance } from 'antd';
-import type { GroupColumnType, GroupType } from '../propsType';
+import type { GroupColumnType, GroupType, FlexibleGroupColumnType } from '../propsType';
 export type EventArgs = any[];
 interface ColumnsTransformerParams {
     columns: GroupColumnType[];
@@ -16,4 +16,19 @@ interface ColumnsTransformerParams {
 }
 /** 转换columns */
 export declare const useTransformColumns: (params: ColumnsTransformerParams) => any[];
+/**
+ * 检查子项是否应该显示（纯函数，不执行副作用）
+ */
+export declare const checkShouldShow: (child: FlexibleGroupColumnType, form: FormInstance, namePath?: NamePath, index?: number) => boolean;
+interface UseResetProEditTableParams {
+    children: FlexibleGroupColumnType[];
+    form: FormInstance;
+    namePath?: NamePath;
+    source?: 'FormList' | 'ProEditTable';
+}
+/**
+ * ProEditTable 场景下，当字段的 show 从 true 变为 false 时，自动重置字段值
+ * 使用 useEffect 在副作用中执行重置，避免在渲染过程中调用 setState
+ */
+export declare const useResetProEditTable: (params: UseResetProEditTableParams) => void;
 export {};

package/lib/ProForm/components/combination/Group/hooks/index.js

@@ -1,18 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTransformColumns = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports.useTransformColumns = exports.useResetProEditTable = exports.checkShouldShow = void 0;
 var _react = require("react");
 var _lodash = require("lodash");
 var _useDeepCompareMemo = require("../../../../utils/useDeepCompareMemo");
 var _tools = require("../../../../../ProEditTable/utils/tools");
 var _utils = require("../utils");
-/* eslint-disable no-lonely-if */
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable no-lonely-if */
 /** 转换columns */
 var useTransformColumns = params => {
   var form = params.form,
@@ -131,7 +132,6 @@ var useTransformColumns = params => {
         form,
         option: args === null || args === void 0 ? void 0 : args[1]
       });
-
       // 如果是在可编辑表格或formList内部, 储存当前行的值, 并在变更后更新到表单里
       if (namePath !== null && namePath !== void 0 && namePath.length && !(0, _lodash.isEqual)(originRow, values)) {
         var _Object$keys, _Object$keys$map;
@@ -166,12 +166,12 @@ var useTransformColumns = params => {
       }
       return reactiveProps.disabled || groupProps.disabled;
     };
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+    return _objectSpread(_objectSpread(_objectSpread({}, column), {}, {
       name: columnName
     }, reactiveProps), {}, {
       disabled: getLastDisabled(),
       getValueProps: transform === null || transform === void 0 ? void 0 : transform.getValueProps,
-      fieldProps: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, column === null || column === void 0 ? void 0 : column.fieldProps), reactiveProps === null || reactiveProps === void 0 ? void 0 : reactiveProps.fieldProps), {}, {
+      fieldProps: _objectSpread(_objectSpread(_objectSpread({}, column === null || column === void 0 ? void 0 : column.fieldProps), reactiveProps === null || reactiveProps === void 0 ? void 0 : reactiveProps.fieldProps), {}, {
         onChange: handleChange,
         onBlur: handleBlur,
         value: value === null || value === void 0 ? void 0 : value[index]
@@ -179,4 +179,106 @@ var useTransformColumns = params => {
     });
   });
 };
-exports.useTransformColumns = useTransformColumns;
+
+/**
+ * 检查子项是否应该显示（纯函数，不执行副作用）
+ */
+exports.useTransformColumns = useTransformColumns;
+var checkShouldShow = (child, form, namePath, index) => {
+  var show = child.show;
+
+  // 如果没有配置 show，默认显示
+  if (show === undefined || show === true) {
+    return true;
+  }
+
+  // 如果 show 是 false，不显示
+  if (show === false) {
+    return false;
+  }
+
+  // 如果 show 是函数，需要获取表单值来评估
+  if ((0, _lodash.isFunction)(show)) {
+    var values = {};
+    if (namePath) {
+      // FormList 场景：取当前行数据
+      values = form.getFieldValue(namePath) || {};
+    } else {
+      // 普通场景：取整个表单值
+      values = form.getFieldsValue(true);
+    }
+    return Boolean(show(values, {
+      form,
+      index,
+      namePath
+    }));
+  }
+  return true;
+};
+exports.checkShouldShow = checkShouldShow;
+/**
+ * ProEditTable 场景下，当字段的 show 从 true 变为 false 时，自动重置字段值
+ * 使用 useEffect 在副作用中执行重置，避免在渲染过程中调用 setState
+ */
+var useResetProEditTable = params => {
+  var children = params.children,
+    form = params.form,
+    namePath = params.namePath,
+    source = params.source;
+
+  // 用于跟踪每个子项的显示状态
+  var showStateRef = (0, _react.useRef)(new Map());
+  // 用于存储重置定时器
+  var resetTimersRef = (0, _react.useRef)(new Map());
+  (0, _react.useEffect)(() => {
+    // 只在 ProEditTable 场景下执行重置逻辑
+    if (source !== 'ProEditTable') {
+      return;
+    }
+
+    // 检查每个子项的显示状态
+    children.forEach(child => {
+      var childNamePath = child.namePath || namePath;
+      var childIndex = child.index;
+
+      // 生成唯一 key 用于跟踪状态
+      var childKey = child.name ? Array.isArray(child.name) ? `${JSON.stringify(childNamePath)}-${JSON.stringify(child.name)}` : `${JSON.stringify(childNamePath)}-${child.name}` : `child-${children.indexOf(child)}`;
+
+      // 计算当前显示状态
+      var currentShow = checkShouldShow(child, form, childNamePath, childIndex);
+      var previousShow = showStateRef.current.get(childKey);
+
+      // 如果状态发生变化，且从显示变为隐藏，执行重置
+      if (previousShow !== undefined && previousShow === true && currentShow === false) {
+        // 清除之前的定时器
+        var existingTimer = resetTimersRef.current.get(childKey);
+        if (existingTimer) {
+          clearTimeout(existingTimer);
+        }
+
+        // 延迟执行重置，避免在渲染过程中调用
+        var timer = setTimeout(() => {
+          if (Array.isArray(child.name)) {
+            form.resetFields([[...childNamePath, ...child.name]]);
+          } else {
+            form.resetFields([[...childNamePath, child.name]]);
+          }
+          resetTimersRef.current.delete(childKey);
+        }, 300);
+        resetTimersRef.current.set(childKey, timer);
+      }
+
+      // 更新显示状态
+      showStateRef.current.set(childKey, currentShow);
+    });
+
+    // 清理函数：组件卸载时清除所有定时器
+    return () => {
+      resetTimersRef.current.forEach(timer => {
+        clearTimeout(timer);
+      });
+      resetTimersRef.current.clear();
+    };
+  }, [children, namePath, source, form]);
+};
+exports.useResetProEditTable = useResetProEditTable;

package/lib/ProForm/components/combination/Group/index.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
 import type { GroupType } from './propsType';
 /**
- * 1. 外层过滤FormItem相关属性, 但是子元素上的 required [disabled] [show] rules [fieldProps] [component] 需要取到并
- * 2.
- *
- * render内部能力 show, component, value, onChange, disabled, clearNotShow, fieldProps
+ * Group组件 - 支持传统模式和灵活模式
+ * - 有names属性 → 传统数组模式（保持向后兼容）
+ * - 无names属性 → 新的灵活模式（子组件必须配置name）
  */
 declare const Group: React.FC<GroupType>;
 export default Group;