@zat-design/sisyphus-react 3.4.7 → 3.4.8

package/es/ProForm/components/render/propsType.d.ts

@@ -28,7 +28,7 @@ import { ProEditTableProps } from '../../../ProEditTable/propsType';
 import { ProTreeModalProps } from '../../../ProTreeModal/propsType';
 import { ProUploadProps } from '../../../ProUpload/propsType';
 import { ProTreeProps } from '../../../ProTree/propsType';
-import { GroupProps } from '../combination/Group/propsType';
+import { GroupProps as GroupCopyProps } from '../combination/Group/propsType';
 import { ProCollapseProps } from '../../../ProLayout/components/ProCollapse/PropTypes';
 import { DistributiveOmit } from '../../propsType';
 export type ComponentMap = keyof typeof componentMap;
@@ -159,7 +159,7 @@ export type ColumnPropsMap<Values = any, T = 'ProForm'> = {
     fieldProps?: FieldProps<ProTreeProps, Values, T>;
 } | {
     type?: 'Group';
-    fieldProps?: GroupProps | ReactiveFunction<Values, GroupProps>;
+    fieldProps?: GroupCopyProps | ReactiveFunction<Values, GroupCopyProps>;
 } | {
     type?: 'ProCollapse';
     fieldProps?: ProCollapseProps | ReactiveFunction<Values, ProCollapseProps>;

package/es/ProForm/style/index.less

@@ -140,6 +140,13 @@
 
       // 地址组件
       .@{ant-prefix}-form-item-control-input-content {
+        // 查看模式
+        & > span {
+          border-radius: 4px;
+          padding: 5px 8px;
+          background: @zaui-contract-bg;
+        }
+
         & > .pro-address {
           .@{ant-prefix}-select-selector,
           .@{ant-prefix}-input-affix-wrapper,

package/es/ProForm/utils/diffOriginal.js

@@ -40,7 +40,8 @@ export var diffOriginal = function diffOriginal(params) {
     });
   }
   if (!nullValue.includes(value) || !nullValue.includes(originalValue)) {
-    return !isEqual(value, originalValue);
+    var res = !isEqual(value, originalValue);
+    return res;
   }
   return false;
 };

package/es/ProForm/utils/transformNames.js

@@ -1,23 +1,16 @@
-import { union, isNumber } from 'lodash';
+import { union } from 'lodash';
 import { transformValue } from './transformValue';
 var transformNames = function transformNames(formItem, form, names, fieldName, type) {
-  var _names2, _names3, _names3$;
   var _ref = formItem || {},
     normalize = _ref.normalize,
     getValueProps = _ref.getValueProps,
     _shouldUpdate2 = _ref.shouldUpdate;
-  var _names = names;
-  if (!((_names2 = _names) === null || _names2 === void 0 ? void 0 : _names2.length)) {
+  if (!(names === null || names === void 0 ? void 0 : names.length)) {
     return {};
   }
   // 当在formList场景下，给transformValue函数的setFiledProps的name, 需要全namePath
   var _fieldName = Array.isArray(formItem === null || formItem === void 0 ? void 0 : formItem.name) ? union(formItem === null || formItem === void 0 ? void 0 : formItem.namePath, formItem === null || formItem === void 0 ? void 0 : formItem.name) : fieldName;
-  if (type === 'Group' && isNumber((_names3 = _names) === null || _names3 === void 0 ? void 0 : (_names3$ = _names3[0]) === null || _names3$ === void 0 ? void 0 : _names3$[0])) {
-    _names = _names.map(function (item) {
-      return union(formItem === null || formItem === void 0 ? void 0 : formItem.namePath, item);
-    });
-  }
-  var _transformValue = transformValue(_names, form, _fieldName, normalize, getValueProps),
+  var _transformValue = transformValue(names, form, _fieldName, normalize, getValueProps),
     _normalize = _transformValue.normalize,
     _getValueProps = _transformValue.getValueProps,
     _shouldUpdate = _transformValue.shouldUpdate;

package/es/ProForm/utils/useDeepCompareMemo.d.ts

@@ -0,0 +1,2 @@
+/** 深度比较依赖变化memo */
+export declare const useDeepCompareMemo: (fun: () => any, depList: any[]) => any;

package/es/ProForm/utils/useDeepCompareMemo.js

@@ -0,0 +1,14 @@
+import { useRef } from 'react';
+import { isEqualWith } from 'lodash';
+import { customEqualForFun } from '.';
+/** 深度比较依赖变化memo */
+export var useDeepCompareMemo = function useDeepCompareMemo(fun, depList) {
+  var lastDependency = useRef(); // 上一次的依赖
+  var lastRes = useRef(); // 上一次的结果
+  if (!isEqualWith(depList, lastDependency.current, customEqualForFun)) {
+    var res = fun();
+    lastRes.current = res;
+  }
+  lastDependency.current = depList;
+  return lastRes.current;
+};

package/es/ProForm/utils/useListChanged.js

@@ -1,6 +1,6 @@
 import "antd/es/form/style";
 import _Form from "antd/es/form";
-import { get } from 'lodash';
+import { get, isString } from 'lodash';
 import { diffOriginal } from './diffOriginal';
 var toNamePath = function toNamePath(name) {
   if (Array.isArray(name)) {
@@ -87,7 +87,7 @@ export var useListChanged = function useListChanged(params) {
     originalValue: originalValue,
     form: form,
     equalWith: equalWith,
-    name: namesStr || name
+    name: isString(namesStr) ? namesStr : originalName || name
   });
   return [changed, originalValue];
 };

package/es/ProForm/utils/useRules.js

@@ -24,10 +24,6 @@ var useRules = function useRules(props) {
     var result = {
       rules: rules || []
     };
-    // Group required: true时，直接走完整校验
-    if (allRequired && type === 'Group') {
-      return result;
-    }
     if (allRequired) {
       if (!requiredRule) {
         var message = isSelect ? "".concat(locale.ProForm.selectPlaceHolder).concat(_label) : "".concat(locale.ProForm.inputPlaceholder).concat(_label);
@@ -58,23 +54,9 @@ var useRules = function useRules(props) {
     required: required
   });
   useEffect(function () {
-    if (type === 'Group' && (allRequired || requiredRule)) {
-      var customRequired = {
-        validator: function validator(rules, value) {
-          // 完整性校验, 数组有值且值不完整则校验不通过
-          if (Array.isArray(value) && isNotFullArray(value, names.length, required)) {
-            return Promise.reject(new Error("".concat(locale.ProForm.completeText).concat(_label)));
-          }
-          return Promise.resolve();
-        }
-      };
-      // 插入rules第一条，完整性校验大于自定义
-      internalRule.rules.unshift(customRequired);
-      return;
-    }
     // 添加完整性校验
     if (names && !isBoolean(labelRequired)) {
-      var _customRequired = {
+      var customRequired = {
         validator: function validator(rules, value) {
           // 完整性校验, 空数组不校验, 数组有值且值不完整则校验不通过
           if (Array.isArray(value) && !isNullArray(value) && isNotFullArray(value, names.length, required)) {
@@ -83,7 +65,7 @@ var useRules = function useRules(props) {
           return Promise.resolve();
         }
       };
-      internalRule.rules.unshift(_customRequired);
+      internalRule.rules.unshift(customRequired);
     }
   }, [internalRule]);
   return internalRule;

package/es/global.less

@@ -9,13 +9,21 @@ pre {
   scrollbar-face-color: #d2d3d7;
   scrollbar-highlight-color: #979797;
   scrollbar-3dlight-color: #979797;
+
   ::-webkit-scrollbar  {
     width: 16px;
+    background: transparent;
   }
 
-  // // 滑块
-  ::-webkit-scrollbar-thumb {
-    background-color: #d2d3d7;
+  // 轨道
+  ::-webkit-scrollbar-track {
+    background-color: #fff;
+    border-radius: 10px;
+  }
+
+  // 悬浮轨道
+  ::-webkit-scrollbar-thumb:hover {
+    background-color: #979797;
     background-clip: padding-box;
     border-color: transparent;
     border-style: dashed;
@@ -24,14 +32,25 @@ pre {
     -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
   }
 
-  // 轨道
-  ::-webkit-scrollbar-track {
-    background-color: transparent;
+  :hover::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  :hover::-webkit-scrollbar-thumb {
+    background-color: #d2d3d7;
+    background-clip: padding-box;
+    border-color: transparent;
+    border-style: dashed;
+    border-width: 4px;
     border-radius: 10px;
+    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
   }
 
-  // 悬浮轨道
-  ::-webkit-scrollbar-thumb:hover {
+  :hover::-webkit-scrollbar-thumb:hover {
     background-color: #979797;
   }
+
+  :hover::-webkit-scrollbar-track {
+    background-color: #fff;
+  }
 }

package/es/locale/zh_CN.js

@@ -89,7 +89,7 @@ export default {
     edit: '编辑',
     copy: '复制',
     delete: '删除',
-    mulDelete: '删除',
+    mulDelete: '批量删除',
     save: '保存',
     custom: '自定义',
     operation: '操作',

package/lib/ProEditTable/components/RenderField/index.js

@@ -318,7 +318,7 @@ var RenderField = function RenderField(_ref) {
           }
           _args = [].concat(args);
           rowPath = [].concat((0, _toConsumableArray2.default)(namePath), [index]);
-          row = type === 'Group' ? _args[1] : form.getFieldValue(rowPath, true);
+          row = form.getFieldValue(rowPath, true);
           orgRow = (0, _lodash.cloneDeep)(row);
           if (!onFieldChange) {
             _context.next = 18;
@@ -363,7 +363,7 @@ var RenderField = function RenderField(_ref) {
           return onChange.apply(void 0, (0, _toConsumableArray2.default)(_args));
         case 27:
           // 判断属性是否变动
-          type !== 'Group' && form.setFieldValue(rowPath, row);
+          form.setFieldValue(rowPath, row);
           if (!(0, _lodash.isEqual)(orgRow, row)) {
             diff = (0, _tools.difference)(row, orgRow) || {};
             validateFieldKeys = (_Object$keys = Object.keys(diff)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$map = _Object$keys.map) === null || _Object$keys$map === void 0 ? void 0 : _Object$keys$map.call(_Object$keys, function (key) {
@@ -409,7 +409,7 @@ var RenderField = function RenderField(_ref) {
             }
             _args = formatArgs([].concat(args));
             rowPath = [].concat((0, _toConsumableArray2.default)(namePath), [index]);
-            row = type === 'Group' ? _args[1] : form.getFieldValue(rowPath, true);
+            row = type === form.getFieldValue(rowPath, true);
             orgRow = (0, _lodash.cloneDeep)(row);
             _args[1] = row;
             _context2.t0 = (_TargetComponent3 = TargetComponent) === null || _TargetComponent3 === void 0 ? void 0 : (_TargetComponent3$pro = _TargetComponent3.props) === null || _TargetComponent3$pro === void 0 ? void 0 : _TargetComponent3$pro.onBlur;
@@ -500,11 +500,7 @@ var RenderField = function RenderField(_ref) {
       isView: isView
     }
   });
-  if (type === 'Group') {
-    componentProps.onFieldChange = _onchange;
-  } else {
-    componentProps = (0, _lodash.omit)(componentProps, ['onFieldChange', 'namePath', 'index']);
-  }
+  componentProps = (0, _lodash.omit)(componentProps, ['onFieldChange', 'namePath', 'index']);
   // 单元格编辑时，设置各个单元格disabled属性
   if (isCell) {
     record["".concat(dataIndex, "-Disabled")] = _disabled;

package/lib/ProEditTable/style/index.less

@@ -65,7 +65,7 @@
 
   .drag-wrapper {
     display: flex;
-    .drag-icon {
+    .anticon {
       margin-right: var(--zaui-space-size-md, 16px);
       margin-left: var(--zaui-space-size-xs, 4px);
       cursor: pointer;

package/lib/ProForm/components/base/TextArea/index.d.ts

@@ -5,6 +5,7 @@ import './index.less';
 export interface Props extends TextAreaProps {
     otherProps?: ProFormOtherProps;
     isView?: boolean;
+    tooltip?: boolean;
 }
 declare const TextAreaDef: React.FC<Props>;
 export default TextAreaDef;

package/lib/ProForm/components/base/TextArea/index.js

@@ -17,12 +17,14 @@ var _locale = _interopRequireDefault(require("../../../../locale"));
 var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
 var _Container = _interopRequireDefault(require("../../Container"));
 require("./index.less");
-var _excluded = ["placeholder", "otherProps", "className"];
+var _excluded = ["placeholder", "otherProps", "className", "tooltip"];
 var TextArea = _antd.Input.TextArea;
 var TextAreaDef = function TextAreaDef(props) {
   var placeholder = props.placeholder,
     otherProps = props.otherProps,
     className = props.className,
+    _props$tooltip = props.tooltip,
+    tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _ref = _ProForm.default.useFieldProps() || {},
     label = _ref.label,
@@ -33,7 +35,7 @@ var TextAreaDef = function TextAreaDef(props) {
   if (isView) {
     return (0, _jsxRuntime.jsx)(_Container.default, {
       nowrap: false,
-      tooltip: true,
+      tooltip: tooltip,
       viewEmpty: viewEmpty,
       children: rest.value
     });

package/lib/ProForm/components/combination/FormList/components/BlockFields.d.ts

@@ -1,7 +1,7 @@
 import { ColProps, FormListFieldData } from 'antd';
 import React from 'react';
 import { InternalNamePath } from 'antd/es/form/interface';
-import type { levelType } from '@/ProLayout/components/ProCollapse/PropTypes';
+import type { levelType } from '../../../../../ProLayout/components/ProCollapse/PropTypes';
 import type { FormListProps } from '../propsType';
 interface Props extends Omit<FormListProps, 'toolbarProps'> {
     index: number;

package/lib/ProForm/components/combination/FormList/index.js

@@ -54,7 +54,7 @@ var FormList = function FormList(props, ref) {
         name: _name,
         names: (item === null || item === void 0 ? void 0 : item.names) ? item.names.map(function (nameItem) {
           // 传给Group的names会被渲染成真实FormItem 不能传完整name
-          return item.type === 'Group' ? [fieldName].concat((0, _toConsumableArray2.default)((0, _utils.toArray)(nameItem))) : [].concat((0, _toConsumableArray2.default)(namePath), (0, _toConsumableArray2.default)((0, _utils.toArray)(nameItem)));
+          return [].concat((0, _toConsumableArray2.default)(namePath), (0, _toConsumableArray2.default)((0, _utils.toArray)(nameItem)));
         }) : item.names,
         index: fieldName,
         namePath: namePath,

package/lib/ProForm/components/combination/FormList/propsType.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { FormInstance } from 'antd/es/form/Form';
 import type { ButtonProps, FormListFieldData, FormListOperation, PopconfirmProps } from 'antd';
 import type { InternalNamePath } from 'antd/es/form/interface';
-import type { levelType } from '@/ProLayout/components/ProCollapse/PropTypes';
+import type { levelType } from '../../../../ProLayout/components/ProCollapse/PropTypes';
 import type { ProColumnProps, ProFormOtherProps } from '../../../propsType';
 export type TitleRender = (record: Record<string, any>, index: number, form: FormInstance) => any;
 export type TitleType = string | React.ReactNode | TitleRender;

package/lib/ProForm/components/combination/FormList/utils.js

@@ -14,12 +14,11 @@ var namesPathTransform = exports.namesPathTransform = function namesPathTransfor
   var names = _ref.names,
     prefixNamePath = _ref.prefixNamePath,
     type = _ref.type;
-  if (!Array.isArray(names) || type !== 'Group' && !Array.isArray(prefixNamePath)) {
+  if (!Array.isArray(names) || !Array.isArray(prefixNamePath)) {
     return '';
   }
-  var _prefixNamePath = type === 'Group' ? '' : prefixNamePath;
   var newNamePath = names.map(function (val) {
-    return _prefixNamePath.concat(val);
+    return prefixNamePath.concat(val);
   });
   return newNamePath === null || newNamePath === void 0 ? void 0 : newNamePath.map(function (name) {
     return Array.isArray(name) ? name.join('_') : name;

package/lib/ProForm/components/combination/{GroupCopy → Group}/component/ComRender.js

@@ -10,8 +10,8 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireDefault(require("react"));
-var _ConfirmWrapper = _interopRequireDefault(require("@/ProForm/components/render/ConfirmWrapper"));
-var _useFieldProps = require("@/ProForm/utils/useFieldProps");
+var _ConfirmWrapper = _interopRequireDefault(require("../../../../components/render/ConfirmWrapper"));
+var _useFieldProps = require("../../../../utils/useFieldProps");
 var componentMap = _interopRequireWildcard(require("../../../../../index"));
 var _excluded = ["type", "confirm", "component", "fieldProps", "contextProps"];
 /** 渲染组件 */

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

@@ -1,4 +1,10 @@
 import React from 'react';
 import { GroupProps } from './propsType';
-declare const Group: React.FC<GroupProps>;
-export default Group;
+/**
+ * 1. 外层过滤FormItem相关属性, 但是子元素上的 required [disabled] [show] rules [fieldProps] [component] 需要取到并
+ * 2.
+ *
+ * render内部能力 show, component, value, onChange, disabled, clearNotShow, fieldProps
+ */
+declare const GroupCopy: React.FC<GroupProps>;
+export default GroupCopy;

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

@@ -1,65 +1,67 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _antd = require("antd");
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _lodash = require("lodash");
-var _ahooks = require("ahooks");
 var _classnames2 = _interopRequireDefault(require("classnames"));
-var _RenderFields = _interopRequireDefault(require("../../render/RenderFields"));
 var _utils = require("./utils");
 var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
-var Group = function Group(props) {
-  var columns = props.children,
-    otherProps = props.otherProps,
+var _ComRender = _interopRequireDefault(require("./component/ComRender"));
+/**
+ * 1. 外层过滤FormItem相关属性, 但是子元素上的 required [disabled] [show] rules [fieldProps] [component] 需要取到并
+ * 2.
+ *
+ * render内部能力 show, component, value, onChange, disabled, clearNotShow, fieldProps
+ */
+var GroupCopy = function GroupCopy(props) {
+  var children = props.children,
     className = props.className,
     _props$space = props.space,
     space = _props$space === void 0 ? {
       size: 12
     } : _props$space,
-    id = props.id,
     value = props.value,
-    isView = props.isView,
-    index = props.index,
-    onFieldChange = props.onFieldChange,
-    namePath = props.namePath;
-  var _ref = _ProForm.default.useFieldProps() || {},
-    names = _ref.names,
-    name = _ref.name,
-    form = _ref.form,
-    _namePath = _ref.namePath;
-  var newNamePath = namePath || _namePath || [];
-  if (!Array.isArray(names)) {
-    console.error('Warning: Composite form components whose type is Group must be configured with names');
-  }
-  var data = (0, _react.useMemo)(function () {
-    var fieldList = [];
-    var result = columns.map(function (item) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        disabled: Boolean(props === null || props === void 0 ? void 0 : props.disabled)
-      }, item), {}, {
-        isView: isView !== null && isView !== void 0 ? isView : item.isView,
-        noStyle: (space === null || space === void 0 ? void 0 : space.compact) || (space === null || space === void 0 ? void 0 : space.separator),
-        parentNames: id,
-        namePath: newNamePath
-      });
-    });
-    var node = (0, _jsxRuntime.jsx)(_antd.Button, {
-      className: "group-separator",
-      children: space.separator
+    onChange = props.onChange,
+    otherProps = props.otherProps,
+    disabled = props.disabled;
+  var contextProps = _ProForm.default.useFieldProps() || {};
+  var names = contextProps.names,
+    name = contextProps.name,
+    form = contextProps.form,
+    namePath = contextProps.namePath,
+    index = contextProps.index;
+  var _option = _react.default.useRef([]);
+  // 组合onChange
+  var handleChange = function handleChange(value, option, index) {
+    var _value = props.value ? (0, _toConsumableArray2.default)(props.value) : [];
+    _value[index] = value;
+    _option.current[index] = option;
+    onChange(_value, _option.current);
+  };
+  var columns = (0, _react.useMemo)(function () {
+    var columnsProps = (0, _utils.transformColumns)({
+      columns: children,
+      name: name,
+      names: names,
+      onChange: handleChange,
+      namePath: namePath,
+      form: form,
+      index: index,
+      value: value,
+      groupProps: props
     });
-    return {
-      columns: (0, _utils.insertSeparator)(result, space, node, otherProps),
-      fieldList: fieldList
-    };
-  }, [name, columns, space, props, names]);
+    return (0, _utils.insertSeparator)(columnsProps, space);
+  }, [name, value, children, space, names, namePath, index]);
   var _className = (0, _classnames2.default)((0, _defineProperty2.default)({
     'pro-group': true,
     'pro-group-diy-width': columns.some(function (item) {
@@ -70,44 +72,27 @@ var Group = function Group(props) {
       return ['Radio', 'Checkbox', 'Switch'].includes(item.type);
     })
   }, "".concat(className), className));
-  // 用于formList场景下names移除掉了前缀，需要再次合并回来
-  var _names = names.map(function (item) {
-    if ((0, _lodash.isNumber)(item === null || item === void 0 ? void 0 : item[0])) {
-      return (0, _lodash.union)(newNamePath, item);
-    }
-    return item;
-  });
-  (0, _ahooks.useDeepCompareEffect)(function () {
-    var _document, _document$activeEleme;
-    // 焦点激活的表单
-    var touchName = ((_document = document) === null || _document === void 0 ? void 0 : (_document$activeEleme = _document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.id) || '';
-    // 模拟change,初始化不执行onFieldChange
-    if ((0, _lodash.isFunction)(onFieldChange) && form.isFieldsTouched(_names) && (0, _utils.transformNamesString)(_names).includes(touchName)) {
-      onFieldChange(value, (newNamePath === null || newNamePath === void 0 ? void 0 : newNamePath.length) ? form.getFieldValue(newNamePath, true) : form.getFieldsValue(), {
-        form: form,
-        namePath: newNamePath,
-        index: index
-      });
-    }
-  }, [value]);
-  var _otherProps = (0, _lodash.omit)(otherProps, ['colProps', 'required']);
   return (0, _jsxRuntime.jsx)("div", {
     className: _className,
     children: space.compact || (space === null || space === void 0 ? void 0 : space.separator) ? (0, _jsxRuntime.jsx)(_antd.Space.Compact, {
-      children: (0, _jsxRuntime.jsx)(_RenderFields.default, (0, _objectSpread2.default)({
-        columns: data.columns,
-        form: form
-      }, _otherProps))
+      children: columns.map(function (column) {
+        return (0, _jsxRuntime.jsx)(_ComRender.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+          contextProps: contextProps
+        }, column), {}, {
+          otherProps: otherProps
+        }));
+      })
     }) : (0, _jsxRuntime.jsx)(_antd.Space, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       align: "start"
     }, (0, _lodash.omit)(space, ['separator', 'compact'])), {}, {
-      children: data.columns.map(function (column, index) {
-        return (0, _jsxRuntime.jsx)(_RenderFields.default, (0, _objectSpread2.default)({
-          columns: [column],
-          form: form
-        }, _otherProps), (column === null || column === void 0 ? void 0 : column.name) || index);
+      children: columns.map(function (column, index) {
+        return (0, _jsxRuntime.jsx)(_ComRender.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+          contextProps: contextProps
+        }, column), {}, {
+          otherProps: otherProps
+        }));
       })
     }))
   });
 };
-var _default = exports.default = Group;
+var _default = exports.default = GroupCopy;

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { RowProps, SpaceProps } from 'antd';
+import { FormItemProps, ModalFuncProps, SpaceProps } from 'antd';
 import { FormInstance } from 'antd/es/form/Form';
 import { NamePath } from 'antd/lib/form/interface';
-import { ProColumnProps, ProFormOtherProps } from '../../../propsType';
+import { ColumnPropsMap, FunctionArgs, ProFormValueType, ReactiveFunction, ViewType } from '../../../propsType';
 export interface SpaceType extends SpaceProps {
     /**
      * 是否紧凑合并
@@ -16,20 +16,33 @@ export interface SpaceType extends SpaceProps {
     size?: number;
 }
 export interface GroupProps {
-    children?: ProColumnProps[];
+    children?: GroupColumnProps[];
     space?: SpaceType;
-    otherProps?: ProFormOtherProps;
-    rowProps?: RowProps;
     className?: string;
-    value?: any;
     id?: string;
-    disabled?: boolean | (() => void);
+    disabled?: boolean;
     isView?: boolean;
-    namePath?: NamePath;
-    index?: number;
-    onFieldChange?: (value: any[] | null, record: any, { form, }: {
-        form: FormInstance;
-        namePath?: NamePath;
-        index?: number;
-    }) => any;
+    value?: any[];
+    onChange?: (value: any[] | null, options?: any[]) => void;
+    otherProps?: any;
 }
+export type GroupColumnProps<Values = any> = {
+    component?: React.ReactNode | ReactiveFunction<Values, React.ReactNode>;
+    names?: NamePath[];
+    show?: boolean | ReactiveFunction<Values, boolean>;
+    valueType?: ProFormValueType;
+    switchValue?: [any, any];
+    isView?: boolean;
+    viewRender?: (value: any, record: Values, { form, index, namePath, }: {
+        form: FormInstance<Values>;
+        index?: number | undefined;
+        [key: string]: any;
+    }) => React.ReactElement<any, any> | string | undefined | null;
+    viewType?: ViewType;
+    disabled?: boolean | ReactiveFunction<Values, boolean>;
+    trim?: boolean;
+    upperCase?: boolean;
+    toISOString?: boolean;
+    clearNotShow?: boolean;
+    confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps>;
+} & ColumnPropsMap & FormItemProps;