@zat-design/sisyphus-react 3.7.1-beta.3 → 3.7.1-beta.4

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

@@ -24,9 +24,10 @@ import { FieldProvider } from '../../../ProForm/utils/useFieldProps';
 import useRules from '../../../ProForm/utils/useRules';
 import { isSelect, isTrim } from '../../../ProForm/utils';
 import ConfirmWrapper from '../../../ProForm/components/render/ConfirmWrapper';
+import { getDefaultProps } from '../../utils/getDefaultProps';
 import ListChanged from './ListChanged';
 var RenderField = function RenderField(_ref) {
-  var _type, _type$replace, _fieldProps2, _names, _TargetComponent4, _componentProps, _componentProps2;
+  var _type, _type$replace, _fieldProps2, _names, _TargetComponent4, _componentProps2;
   var value = _ref.text,
     record = _ref.record,
     index = _ref.index,
@@ -154,8 +155,14 @@ var RenderField = function RenderField(_ref) {
   });
   // 分离form item参数，防止对于参数透传（如onChange,防止重复触发）并优先级高于 _fieldProps 内部参数
   var formItemChildProps = _objectSpread({}, _fieldProps);
+  var defaultProps = getDefaultProps({
+    name: name,
+    namePath: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
+    type: column === null || column === void 0 ? void 0 : column.type,
+    fieldProps: column === null || column === void 0 ? void 0 : column.fieldProps
+  });
   // 允许formItem的属性放在column最外层
-  var _formItemProps = _objectSpread(_objectSpread({}, resetProps), internalRule);
+  var _formItemProps = _objectSpread(_objectSpread(_objectSpread({}, defaultProps), resetProps), internalRule);
   if (['Switch', 'SwitchCheckbox'].includes(type)) {
     _formItemProps.valuePropName = 'checked';
     valueType = 'switch';
@@ -530,55 +537,65 @@ var RenderField = function RenderField(_ref) {
     delete _formItemProps.rules;
   }
   var _className = classNames(_defineProperty({}, className, className));
-  var FormItem = null;
-  var FieldComponent = /*#__PURE__*/React.isValidElement(TargetComponent) ? ( /*#__PURE__*/React.cloneElement(TargetComponent, componentProps)) : _jsx(TargetComponent, _objectSpread({}, componentProps));
-  if (originalValues) {
-    FieldComponent = _jsx(ListChanged, {
-      name: cellName,
-      names: names,
-      namesStr: [].concat(_toConsumableArray(baseName), [index, dataIndex]),
-      rowKeyPath: [].concat(_toConsumableArray(baseName), [index, 'rowKey']),
-      originalName: originalName,
-      originalNames: originalNames,
-      originalValues: originalValues,
-      form: form,
-      equalWith: equalWith,
-      type: type,
-      onChange: _onChange,
+  var getFieldItem = function getFieldItem() {
+    var _componentProps;
+    var FormItem = null;
+    var FieldComponent = /*#__PURE__*/React.isValidElement(TargetComponent) ? ( /*#__PURE__*/React.cloneElement(TargetComponent, componentProps)) : _jsx(TargetComponent, _objectSpread({}, componentProps));
+    if (originalValues) {
+      FieldComponent = _jsx(ListChanged, {
+        name: cellName,
+        names: names,
+        namesStr: [].concat(_toConsumableArray(baseName), [index, dataIndex]),
+        rowKeyPath: [].concat(_toConsumableArray(baseName), [index, 'rowKey']),
+        originalName: originalName,
+        originalNames: originalNames,
+        originalValues: originalValues,
+        form: form,
+        equalWith: equalWith,
+        type: type,
+        onChange: _onChange,
+        children: FieldComponent
+      });
+    }
+    if ((_componentProps = componentProps) === null || _componentProps === void 0 ? void 0 : _componentProps.confirm) {
+      FieldComponent = _jsx(ConfirmWrapper, _objectSpread(_objectSpread({}, componentProps), {}, {
+        children: FieldComponent
+      }));
+    }
+    FormItem = TargetComponent ? _jsx(_Form.Item, _objectSpread(_objectSpread({
+      validateFirst: true
+    }, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name', 'onCell', _fieldProps.shouldUpdate ? 'shouldUpdate' : null])), {}, {
+      className: _className,
+      name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
       children: FieldComponent
+    })) : _jsx(Container, {
+      viewEmpty: viewEmpty
     });
-  }
-  if ((_componentProps = componentProps) === null || _componentProps === void 0 ? void 0 : _componentProps.confirm) {
-    FieldComponent = _jsx(ConfirmWrapper, _objectSpread(_objectSpread({}, componentProps), {}, {
-      children: FieldComponent
-    }));
-  }
-  FormItem = TargetComponent ? _jsx(_Form.Item, _objectSpread(_objectSpread({
-    validateFirst: true
-  }, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name', 'onCell'])), {}, {
-    className: _className,
-    name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
-    children: FieldComponent
-  })) : _jsx(Container, {
-    viewEmpty: viewEmpty
-  });
-  if (type === 'FormList') {
-    FormItem = _jsx(_Form.List, _objectSpread(_objectSpread({
-      name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName
-    }, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
-      children: function children(fields, operation, meta) {
-        return _jsx(TargetComponent, _objectSpread(_objectSpread({}, componentProps), {}, {
-          otherProps: otherProps,
-          fields: fields,
-          operation: operation,
-          meta: meta
-        }));
-      }
-    }));
-  }
+    if (type === 'FormList') {
+      FormItem = _jsx(_Form.List, _objectSpread(_objectSpread({
+        name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName
+      }, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
+        children: function children(fields, operation, meta) {
+          return _jsx(TargetComponent, _objectSpread(_objectSpread({}, componentProps), {}, {
+            otherProps: otherProps,
+            fields: fields,
+            operation: operation,
+            meta: meta
+          }));
+        }
+      }));
+    }
+    return FormItem;
+  };
   return _jsx(FieldProvider, {
     value: (_componentProps2 = componentProps) === null || _componentProps2 === void 0 ? void 0 : _componentProps2.otherProps,
-    children: FormItem
+    children: _formItemProps.shouldUpdate ? _jsx(_Form.Item, {
+      noStyle: true,
+      shouldUpdate: _formItemProps.shouldUpdate,
+      children: function children() {
+        return getFieldItem();
+      }
+    }) : getFieldItem()
   });
 };
 export default RenderField;

package/es/ProEditTable/utils/getDefaultProps.d.ts

@@ -0,0 +1 @@
+export declare const getDefaultProps: (props: any) => any;

package/es/ProEditTable/utils/getDefaultProps.js

@@ -0,0 +1,31 @@
+import { get, isEqual } from 'lodash';
+var defaultPropsMap = {
+  ProSelect: function ProSelect(props) {
+    var fieldProps = props.fieldProps,
+      name = props.name,
+      namePath = props.namePath;
+    var _ref = fieldProps || {},
+      filterInList = _ref.filterInList;
+    var defaultProps = {};
+    // formList场景传入列表过滤时
+    if (filterInList && namePath && name) {
+      var _namePath = namePath.slice(2, namePath.length - 1);
+      defaultProps.shouldUpdate = function (preValues, curValues) {
+        var _get, _get$map, _get2, _get2$map;
+        var preListValue = (_get = get(preValues, name)) === null || _get === void 0 ? void 0 : (_get$map = _get.map) === null || _get$map === void 0 ? void 0 : _get$map.call(_get, function (item) {
+          return get(item, _namePath);
+        });
+        var curListValue = (_get2 = get(curValues, name)) === null || _get2 === void 0 ? void 0 : (_get2$map = _get2.map) === null || _get2$map === void 0 ? void 0 : _get2$map.call(_get2, function (item) {
+          return get(item, _namePath);
+        });
+        return !isEqual(preListValue, curListValue);
+      };
+    }
+    return defaultProps;
+  }
+};
+export var getDefaultProps = function getDefaultProps(props) {
+  var _defaultPropsMap$type;
+  var type = props.type;
+  return (_defaultPropsMap$type = defaultPropsMap[type]) === null || _defaultPropsMap$type === void 0 ? void 0 : _defaultPropsMap$type.call(defaultPropsMap, props);
+};

package/es/ProForm/components/combination/Group/utils.js

@@ -194,12 +194,10 @@ export var useTransformColumns = function useTransformColumns(params) {
           timerRef.current[index] = setTimeout(function () {
             if (names) {
               form.resetFields([columnName]);
-            } else {
-              var columnValue = form.getFieldValue(name);
-              if (columnValue === null || columnValue === void 0 ? void 0 : columnValue.length) {
-                columnValue[index] = null;
-                form.setFieldValue(columnName, _toConsumableArray(columnValue));
-              }
+            }
+            if (!names && (value === null || value === void 0 ? void 0 : value.length)) {
+              value[index] = null;
+              form.setFieldValue(columnName, _toConsumableArray(value));
             }
           }, 200);
         } else {

package/es/ProTable/index.js

@@ -199,7 +199,7 @@ function ProTable(props) {
         return show;
       }
       if (isFunction(show)) {
-        return show(item, index);
+        return show();
       }
       return true;
     });

package/es/ProTable/propsType.d.ts

@@ -40,6 +40,7 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
     };
     toolTipProps?: TooltipProps & React.RefAttributes<unknown>;
     transform?: (value: any, record?: any) => string[];
+    show?: boolean | (() => boolean);
 }
 export interface CreateTreeFromArrayOptions {
     itemKey?: string;

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

@@ -28,12 +28,13 @@ var _useFieldProps = require("../../../ProForm/utils/useFieldProps");
 var _useRules = _interopRequireDefault(require("../../../ProForm/utils/useRules"));
 var _utils = require("../../../ProForm/utils");
 var _ConfirmWrapper = _interopRequireDefault(require("../../../ProForm/components/render/ConfirmWrapper"));
+var _getDefaultProps = require("../../utils/getDefaultProps");
 var _ListChanged = _interopRequireDefault(require("./ListChanged"));
 var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className", "trim", "confirm"];
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
 var RenderField = function RenderField(_ref) {
-  var _type, _type$replace, _fieldProps2, _names, _TargetComponent4, _componentProps, _componentProps2;
+  var _type, _type$replace, _fieldProps2, _names, _TargetComponent4, _componentProps2;
   var value = _ref.text,
     record = _ref.record,
     index = _ref.index,
@@ -161,8 +162,14 @@ var RenderField = function RenderField(_ref) {
   });
   // 分离form item参数，防止对于参数透传（如onChange,防止重复触发）并优先级高于 _fieldProps 内部参数
   var formItemChildProps = (0, _objectSpread2.default)({}, _fieldProps);
+  var defaultProps = (0, _getDefaultProps.getDefaultProps)({
+    name: name,
+    namePath: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
+    type: column === null || column === void 0 ? void 0 : column.type,
+    fieldProps: column === null || column === void 0 ? void 0 : column.fieldProps
+  });
   // 允许formItem的属性放在column最外层
-  var _formItemProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), internalRule);
+  var _formItemProps = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultProps), resetProps), internalRule);
   if (['Switch', 'SwitchCheckbox'].includes(type)) {
     _formItemProps.valuePropName = 'checked';
     valueType = 'switch';
@@ -537,55 +544,65 @@ var RenderField = function RenderField(_ref) {
     delete _formItemProps.rules;
   }
   var _className = (0, _classnames.default)((0, _defineProperty2.default)({}, className, className));
-  var FormItem = null;
-  var FieldComponent = /*#__PURE__*/_react.default.isValidElement(TargetComponent) ? ( /*#__PURE__*/_react.default.cloneElement(TargetComponent, componentProps)) : (0, _jsxRuntime.jsx)(TargetComponent, (0, _objectSpread2.default)({}, componentProps));
-  if (originalValues) {
-    FieldComponent = (0, _jsxRuntime.jsx)(_ListChanged.default, {
-      name: cellName,
-      names: names,
-      namesStr: [].concat((0, _toConsumableArray2.default)(baseName), [index, dataIndex]),
-      rowKeyPath: [].concat((0, _toConsumableArray2.default)(baseName), [index, 'rowKey']),
-      originalName: originalName,
-      originalNames: originalNames,
-      originalValues: originalValues,
-      form: form,
-      equalWith: equalWith,
-      type: type,
-      onChange: _onChange,
+  var getFieldItem = function getFieldItem() {
+    var _componentProps;
+    var FormItem = null;
+    var FieldComponent = /*#__PURE__*/_react.default.isValidElement(TargetComponent) ? ( /*#__PURE__*/_react.default.cloneElement(TargetComponent, componentProps)) : (0, _jsxRuntime.jsx)(TargetComponent, (0, _objectSpread2.default)({}, componentProps));
+    if (originalValues) {
+      FieldComponent = (0, _jsxRuntime.jsx)(_ListChanged.default, {
+        name: cellName,
+        names: names,
+        namesStr: [].concat((0, _toConsumableArray2.default)(baseName), [index, dataIndex]),
+        rowKeyPath: [].concat((0, _toConsumableArray2.default)(baseName), [index, 'rowKey']),
+        originalName: originalName,
+        originalNames: originalNames,
+        originalValues: originalValues,
+        form: form,
+        equalWith: equalWith,
+        type: type,
+        onChange: _onChange,
+        children: FieldComponent
+      });
+    }
+    if ((_componentProps = componentProps) === null || _componentProps === void 0 ? void 0 : _componentProps.confirm) {
+      FieldComponent = (0, _jsxRuntime.jsx)(_ConfirmWrapper.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, componentProps), {}, {
+        children: FieldComponent
+      }));
+    }
+    FormItem = TargetComponent ? (0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      validateFirst: true
+    }, (0, _lodash.omit)(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name', 'onCell', _fieldProps.shouldUpdate ? 'shouldUpdate' : null])), {}, {
+      className: _className,
+      name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
       children: FieldComponent
+    })) : (0, _jsxRuntime.jsx)(_Container.default, {
+      viewEmpty: viewEmpty
     });
-  }
-  if ((_componentProps = componentProps) === null || _componentProps === void 0 ? void 0 : _componentProps.confirm) {
-    FieldComponent = (0, _jsxRuntime.jsx)(_ConfirmWrapper.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, componentProps), {}, {
-      children: FieldComponent
-    }));
-  }
-  FormItem = TargetComponent ? (0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    validateFirst: true
-  }, (0, _lodash.omit)(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name', 'onCell'])), {}, {
-    className: _className,
-    name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
-    children: FieldComponent
-  })) : (0, _jsxRuntime.jsx)(_Container.default, {
-    viewEmpty: viewEmpty
-  });
-  if (type === 'FormList') {
-    FormItem = (0, _jsxRuntime.jsx)(_antd.Form.List, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName
-    }, (0, _lodash.omit)(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
-      children: function children(fields, operation, meta) {
-        return (0, _jsxRuntime.jsx)(TargetComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, componentProps), {}, {
-          otherProps: otherProps,
-          fields: fields,
-          operation: operation,
-          meta: meta
-        }));
-      }
-    }));
-  }
+    if (type === 'FormList') {
+      FormItem = (0, _jsxRuntime.jsx)(_antd.Form.List, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName
+      }, (0, _lodash.omit)(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
+        children: function children(fields, operation, meta) {
+          return (0, _jsxRuntime.jsx)(TargetComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, componentProps), {}, {
+            otherProps: otherProps,
+            fields: fields,
+            operation: operation,
+            meta: meta
+          }));
+        }
+      }));
+    }
+    return FormItem;
+  };
   return (0, _jsxRuntime.jsx)(_useFieldProps.FieldProvider, {
     value: (_componentProps2 = componentProps) === null || _componentProps2 === void 0 ? void 0 : _componentProps2.otherProps,
-    children: FormItem
+    children: _formItemProps.shouldUpdate ? (0, _jsxRuntime.jsx)(_antd.Form.Item, {
+      noStyle: true,
+      shouldUpdate: _formItemProps.shouldUpdate,
+      children: function children() {
+        return getFieldItem();
+      }
+    }) : getFieldItem()
   });
 };
 var _default = exports.default = RenderField;

package/lib/ProEditTable/utils/getDefaultProps.d.ts

@@ -0,0 +1 @@
+export declare const getDefaultProps: (props: any) => any;

package/lib/ProEditTable/utils/getDefaultProps.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultProps = void 0;
+var _lodash = require("lodash");
+var defaultPropsMap = {
+  ProSelect: function ProSelect(props) {
+    var fieldProps = props.fieldProps,
+      name = props.name,
+      namePath = props.namePath;
+    var _ref = fieldProps || {},
+      filterInList = _ref.filterInList;
+    var defaultProps = {};
+    // formList场景传入列表过滤时
+    if (filterInList && namePath && name) {
+      var _namePath = namePath.slice(2, namePath.length - 1);
+      defaultProps.shouldUpdate = function (preValues, curValues) {
+        var _get, _get$map, _get2, _get2$map;
+        var preListValue = (_get = (0, _lodash.get)(preValues, name)) === null || _get === void 0 ? void 0 : (_get$map = _get.map) === null || _get$map === void 0 ? void 0 : _get$map.call(_get, function (item) {
+          return (0, _lodash.get)(item, _namePath);
+        });
+        var curListValue = (_get2 = (0, _lodash.get)(curValues, name)) === null || _get2 === void 0 ? void 0 : (_get2$map = _get2.map) === null || _get2$map === void 0 ? void 0 : _get2$map.call(_get2, function (item) {
+          return (0, _lodash.get)(item, _namePath);
+        });
+        return !(0, _lodash.isEqual)(preListValue, curListValue);
+      };
+    }
+    return defaultProps;
+  }
+};
+var getDefaultProps = exports.getDefaultProps = function getDefaultProps(props) {
+  var _defaultPropsMap$type;
+  var type = props.type;
+  return (_defaultPropsMap$type = defaultPropsMap[type]) === null || _defaultPropsMap$type === void 0 ? void 0 : _defaultPropsMap$type.call(defaultPropsMap, props);
+};

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

@@ -201,12 +201,10 @@ var useTransformColumns = exports.useTransformColumns = function useTransformCol
           timerRef.current[index] = setTimeout(function () {
             if (names) {
               form.resetFields([columnName]);
-            } else {
-              var columnValue = form.getFieldValue(name);
-              if (columnValue === null || columnValue === void 0 ? void 0 : columnValue.length) {
-                columnValue[index] = null;
-                form.setFieldValue(columnName, (0, _toConsumableArray2.default)(columnValue));
-              }
+            }
+            if (!names && (value === null || value === void 0 ? void 0 : value.length)) {
+              value[index] = null;
+              form.setFieldValue(columnName, (0, _toConsumableArray2.default)(value));
             }
           }, 200);
         } else {

package/lib/ProTable/index.js

@@ -206,7 +206,7 @@ function ProTable(props) {
         return show;
       }
       if ((0, _lodash.isFunction)(show)) {
-        return show(item, index);
+        return show();
       }
       return true;
     });

package/lib/ProTable/propsType.d.ts

@@ -40,6 +40,7 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
     };
     toolTipProps?: TooltipProps & React.RefAttributes<unknown>;
     transform?: (value: any, record?: any) => string[];
+    show?: boolean | (() => boolean);
 }
 export interface CreateTreeFromArrayOptions {
     itemKey?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "3.7.1-beta.3",
+  "version": "3.7.1-beta.4",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",