@zat-design/sisyphus-react 4.0.0-beta.2 → 4.0.0-beta.4

package/lib/ProForm/utils/useShouldUpdate.js

@@ -1,221 +1,202 @@
-"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProForm/utils/useShouldUpdate.ts
+var useShouldUpdate_exports = {};
+__export(useShouldUpdate_exports, {
+  default: () => useShouldUpdate_default
 });
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _get2 = _interopRequireDefault(require("lodash/get"));
-var _isEqualWith2 = _interopRequireDefault(require("lodash/isEqualWith"));
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-var _react = require("react");
-var _utils = require("../../utils");
-/** FormList中被删除的行也会再触发一次响应式函数 排除这种场景 */
-var isDeleteLine = function isDeleteLine(form, namePath) {
+module.exports = __toCommonJS(useShouldUpdate_exports);
+var import_react = require("react");
+var import_lodash = require("lodash");
+var import_utils = require("../../utils");
+var isDeleteLine = (form, namePath) => {
   if (namePath) {
-    var line = form.getFieldValue(namePath);
-    return line === undefined;
+    const line = form.getFieldValue(namePath);
+    return line === void 0;
   }
   return false;
 };
-// 代理shouldUpdate事件, 执行函数值的[show, disabled], 当[show, disabled]与上一次值不相同时更新状态
-var useShouldUpdate = function useShouldUpdate(props) {
-  var show = props.show,
-    formItemProps = props.formItemProps,
-    form = props.form,
-    disabled = props.disabled,
-    rules = props.rules,
-    required = props.required,
-    fieldProps = props.fieldProps,
-    component = props.component,
-    originComponent = props.originComponent,
-    type = props.type,
-    desensitization = props.desensitization;
-  var _shouldUpdate = formItemProps.shouldUpdate,
-    name = formItemProps.name,
-    clearNotShow = formItemProps.clearNotShow,
-    index = formItemProps.index,
-    namePath = formItemProps.namePath,
-    names = formItemProps.names,
-    dependNames = formItemProps.dependNames;
-  var timerRef = (0, _react.useRef)(null); // 清值防抖
-  var needClear = (0, _react.useRef)(false); // 是否需要执行清值操作
-  var showRef = (0, _react.useRef)(false);
-  var disabledRef = (0, _react.useRef)(false);
-  var requiredRef = (0, _react.useRef)(false);
-  var rulesRef = (0, _react.useRef)([]);
-  var fieldPropsRef = (0, _react.useRef)(null);
-  var originComponentRef = (0, _react.useRef)(null);
-  var dependNamesRef = (0, _react.useRef)([]);
-  var desensitizationRef = (0, _react.useRef)([0, 0]);
-  var newComponent = originComponent || component; // 解决component默认赋值污染问题，需要使用originComponent
-  var _useState = (0, _react.useState)({}),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    reRender = _useState2[1];
-  var values = {};
-  // 不是动态函数直接返回
-  if (!(dependNames === null || dependNames === void 0 ? void 0 : dependNames.length) && !(0, _isFunction2.default)(show) && !(0, _isFunction2.default)(disabled) && !(0, _isFunction2.default)(required) && !(0, _isFunction2.default)(rules) && !(0, _isFunction2.default)(fieldProps) && !(0, _isFunction2.default)(originComponent) && !(0, _isFunction2.default)(desensitization)) {
-    return {
-      shouldUpdate: _shouldUpdate,
-      show: show,
-      disabled: disabled,
-      required: required,
-      rules: rules,
-      fieldProps: fieldProps,
-      component: newComponent,
-      desensitization: desensitization
+var useShouldUpdate = (props) => {
+  const {
+    show,
+    formItemProps,
+    form,
+    disabled,
+    rules,
+    required,
+    fieldProps,
+    component,
+    originComponent,
+    type,
+    desensitization,
+    shouldUpdateDebounce = 500
+  } = props;
+  const { shouldUpdate, name, clearNotShow, index, namePath, names, dependNames } = formItemProps;
+  const timerRef = (0, import_react.useRef)(null);
+  const debouncedShouldUpdateRef = (0, import_react.useRef)(null);
+  const pendingValuesRef = (0, import_react.useRef)(null);
+  const needClear = (0, import_react.useRef)(false);
+  const showRef = (0, import_react.useRef)(false);
+  const disabledRef = (0, import_react.useRef)(false);
+  const requiredRef = (0, import_react.useRef)(false);
+  const rulesRef = (0, import_react.useRef)([]);
+  const fieldPropsRef = (0, import_react.useRef)(null);
+  const originComponentRef = (0, import_react.useRef)(null);
+  const dependNamesRef = (0, import_react.useRef)([]);
+  const desensitizationRef = (0, import_react.useRef)([0, 0]);
+  const newComponent = originComponent || component;
+  const [, reRender] = (0, import_react.useState)({});
+  let values = {};
+  const processValuesUpdate = (currentValues) => {
+    let _currentValues;
+    if (namePath) {
+      _currentValues = form.getFieldValue(namePath) || {};
+    } else {
+      _currentValues = currentValues;
+    }
+    const _show = (0, import_lodash.isFunction)(show) ? Boolean(show(_currentValues, { form, index, namePath })) : show;
+    const _disabled = (0, import_lodash.isFunction)(disabled) ? disabled(_currentValues, { form, index, namePath }) : disabled;
+    const _required = (0, import_lodash.isFunction)(required) ? required(_currentValues, { form, index, namePath }) : required;
+    const _rules = (0, import_lodash.isFunction)(rules) ? rules(_currentValues, { form, index, namePath }) : rules;
+    const _fieldProps = (0, import_lodash.isFunction)(fieldProps) ? fieldProps(_currentValues, { form, index, namePath }) : fieldProps;
+    const _desensitization = (0, import_lodash.isFunction)(desensitization) ? desensitization(_currentValues, { form, index, namePath }) : desensitization;
+    const equalRes = (0, import_lodash.isEqualWith)(rulesRef.current, _rules, import_utils.customEqualForFunction);
+    const proEqualRes = (0, import_lodash.isEqualWith)(fieldPropsRef.current, _fieldProps, import_utils.customEqualForFunction);
+    const desensitizationRes = (0, import_lodash.isEqualWith)(desensitizationRef.current, _desensitization);
+    if (_show !== showRef.current || !(0, import_lodash.isEqualWith)(disabledRef.current, _disabled, import_utils.customEqualForFunction) || _required !== requiredRef.current || !equalRes || !proEqualRes || !desensitizationRes || (_fieldProps == null ? void 0 : _fieldProps.transformResponse)) {
+      showRef.current = _show;
+      disabledRef.current = _disabled;
+      requiredRef.current = _required;
+      rulesRef.current = _rules;
+      fieldPropsRef.current = _fieldProps;
+      desensitizationRef.current = _desensitization;
+      reRender({});
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (shouldUpdateDebounce > 0 && ((dependNames == null ? void 0 : dependNames.length) || (0, import_lodash.isFunction)(show) || (0, import_lodash.isFunction)(disabled) || (0, import_lodash.isFunction)(required) || (0, import_lodash.isFunction)(rules) || (0, import_lodash.isFunction)(fieldProps) || (0, import_lodash.isFunction)(originComponent) || (0, import_lodash.isFunction)(desensitization))) {
+      debouncedShouldUpdateRef.current = (0, import_lodash.debounce)(() => {
+        if (pendingValuesRef.current) {
+          const currentValues = pendingValuesRef.current;
+          pendingValuesRef.current = null;
+          processValuesUpdate(currentValues);
+        }
+      }, shouldUpdateDebounce);
+    }
+    return () => {
+      var _a;
+      (_a = debouncedShouldUpdateRef.current) == null ? void 0 : _a.cancel();
     };
+  }, [shouldUpdateDebounce, dependNames == null ? void 0 : dependNames.length, show, disabled, required, rules, fieldProps, originComponent, desensitization]);
+  if (!(dependNames == null ? void 0 : dependNames.length) && !(0, import_lodash.isFunction)(show) && !(0, import_lodash.isFunction)(disabled) && !(0, import_lodash.isFunction)(required) && !(0, import_lodash.isFunction)(rules) && !(0, import_lodash.isFunction)(fieldProps) && !(0, import_lodash.isFunction)(originComponent) && !(0, import_lodash.isFunction)(desensitization)) {
+    return { shouldUpdate, show, disabled, required, rules, fieldProps, component: newComponent, desensitization };
   }
   if (namePath) {
-    // formList场景values取当前行数据
     values = form.getFieldValue(namePath) || {};
   } else {
     values = form.getFieldsValue(true);
   }
-  if ((0, _isFunction2.default)(show)) {
-    showRef.current = Boolean(show(values, {
-      form: form,
-      index: index,
-      namePath: namePath
-    }));
+  if ((0, import_lodash.isFunction)(show)) {
+    showRef.current = Boolean(show(values, { form, index, namePath }));
   } else {
     showRef.current = show;
   }
-  if ((0, _isFunction2.default)(desensitization)) {
-    desensitizationRef.current = desensitization(values, {
-      form: form,
-      index: index,
-      namePath: namePath
-    });
+  if ((0, import_lodash.isFunction)(desensitization)) {
+    desensitizationRef.current = desensitization(values, { form, index, namePath });
   } else {
     desensitizationRef.current = desensitization;
   }
-  if ((0, _isFunction2.default)(disabled)) {
-    // RangePicker返回数组时，特殊处理
-    if (['Group', 'RangePicker', 'ProCascader'].includes(type) && Array.isArray(disabled(values, {
-      form: form,
-      index: index,
-      namePath: namePath
-    }))) {
-      disabledRef.current = disabled(values, {
-        form: form,
-        index: index,
-        namePath: namePath
-      });
+  if ((0, import_lodash.isFunction)(disabled)) {
+    if (["Group", "RangePicker", "ProCascader"].includes(type) && Array.isArray(disabled(values, { form, index, namePath }))) {
+      disabledRef.current = disabled(values, { form, index, namePath });
     } else {
-      disabledRef.current = Boolean(disabled(values, {
-        form: form,
-        index: index,
-        namePath: namePath
-      }));
+      disabledRef.current = Boolean(disabled(values, { form, index, namePath }));
     }
   } else {
     disabledRef.current = disabled;
   }
-  if ((0, _isFunction2.default)(required)) {
-    requiredRef.current = required(values, {
-      form: form,
-      index: index,
-      namePath: namePath
-    });
+  if ((0, import_lodash.isFunction)(required)) {
+    requiredRef.current = required(values, { form, index, namePath });
   } else {
     requiredRef.current = required;
   }
-  if ((0, _isFunction2.default)(rules)) {
-    rulesRef.current = rules(values, {
-      form: form,
-      index: index,
-      namePath: namePath
-    });
+  if ((0, import_lodash.isFunction)(rules)) {
+    rulesRef.current = rules(values, { form, index, namePath });
   } else {
     rulesRef.current = rules;
   }
-  if ((0, _isFunction2.default)(originComponent)) {
-    originComponentRef.current = originComponent(values, {
-      form: form,
-      index: index,
-      namePath: namePath
-    });
+  if ((0, import_lodash.isFunction)(originComponent)) {
+    originComponentRef.current = originComponent(values, { form, index, namePath });
   } else {
     originComponentRef.current = newComponent;
   }
-  if ((0, _isFunction2.default)(fieldProps)) {
-    fieldPropsRef.current = fieldProps(values, {
-      form: form,
-      index: index,
-      namePath: namePath
-    }); // index, namePath FormList才会有
+  if ((0, import_lodash.isFunction)(fieldProps)) {
+    fieldPropsRef.current = fieldProps(values, { form, index, namePath });
   } else {
     fieldPropsRef.current = fieldProps;
   }
-  if (dependNames === null || dependNames === void 0 ? void 0 : dependNames.length) {
-    dependNamesRef.current = dependNames.map(function (name) {
-      return (0, _get2.default)(values, name);
-    });
+  if (dependNames == null ? void 0 : dependNames.length) {
+    dependNamesRef.current = dependNames.map((name2) => (0, import_lodash.get)(values, name2));
   }
   return {
-    shouldUpdate: function shouldUpdate(prevValues, currentValues) {
-      // @ts-ignore formList场景取当前行数据，不取shouldUpdate变更后值
-      if (dependNames === null || dependNames === void 0 ? void 0 : dependNames.length) {
-        var curDependNamesValue = dependNames.map(function (name) {
-          return (0, _get2.default)(currentValues, name);
-        });
-        var dependNamesChanged = !(0, _isEqualWith2.default)(dependNamesRef.current, curDependNamesValue, _utils.customEqualForFunction);
+    shouldUpdate: (prevValues, currentValues, ...rest) => {
+      if (dependNames == null ? void 0 : dependNames.length) {
+        const curDependNamesValue = dependNames.map((name2) => (0, import_lodash.get)(currentValues, name2));
+        const dependNamesChanged = !(0, import_lodash.isEqualWith)(
+          dependNamesRef.current,
+          curDependNamesValue,
+          import_utils.customEqualForFunction
+        );
         dependNamesRef.current = curDependNamesValue;
-        if (!dependNamesChanged) return false;
+        if (!dependNamesChanged)
+          return false;
       }
-      var _currentValues;
+      if (shouldUpdateDebounce > 0 && debouncedShouldUpdateRef.current) {
+        pendingValuesRef.current = currentValues;
+        debouncedShouldUpdateRef.current();
+        return false;
+      }
+      let _currentValues;
       if (namePath) {
-        // formList场景values取当前行数据
         _currentValues = form.getFieldValue(namePath) || {};
       } else {
         _currentValues = form.getFieldsValue(true);
       }
-      var _show = (0, _isFunction2.default)(show) ? Boolean(show(_currentValues, {
-        form: form,
-        index: index,
-        namePath: namePath
-      })) : show;
-      var _disabled = (0, _isFunction2.default)(disabled) ? Boolean(disabled(_currentValues, {
-        form: form,
-        index: index,
-        namePath: namePath
-      })) : disabled;
-      var _required = (0, _isFunction2.default)(required) ? required(_currentValues, {
-        form: form,
-        index: index,
-        namePath: namePath
-      }) : required;
-      var _rules = (0, _isFunction2.default)(rules) ? rules(_currentValues, {
-        form: form,
-        index: index,
-        namePath: namePath
-      }) : rules;
-      var _fieldProps = (0, _isFunction2.default)(fieldProps) ? fieldProps(_currentValues, {
-        form: form,
-        index: index,
-        namePath: namePath
-      }) : fieldProps;
-      var _desensitization = (0, _isFunction2.default)(desensitization) ? desensitization(_currentValues, {
-        form: form,
-        index: index,
-        namePath: namePath
-      }) : desensitization;
-      // 清值防抖  多次刷新时以最后一次为准
+      const _show = (0, import_lodash.isFunction)(show) ? Boolean(show(_currentValues, { form, index, namePath })) : show;
+      const _disabled = (0, import_lodash.isFunction)(disabled) ? Boolean(disabled(_currentValues, { form, index, namePath })) : disabled;
+      const _required = (0, import_lodash.isFunction)(required) ? required(_currentValues, { form, index, namePath }) : required;
+      const _rules = (0, import_lodash.isFunction)(rules) ? rules(_currentValues, { form, index, namePath }) : rules;
+      const _fieldProps = (0, import_lodash.isFunction)(fieldProps) ? fieldProps(_currentValues, { form, index, namePath }) : fieldProps;
+      const _desensitization = (0, import_lodash.isFunction)(desensitization) ? desensitization(_currentValues, { form, index, namePath }) : desensitization;
       if (clearNotShow !== false && (name || names) && !isDeleteLine(form, namePath)) {
-        // 当show为其他变为false的时候记录一次需要清值
         if (_show !== showRef.current && _show === false) {
           needClear.current = true;
         }
         if (_show === false) {
           clearTimeout(timerRef.current);
-          timerRef.current = setTimeout(function () {
-            if (needClear.current !== true) return;
+          timerRef.current = setTimeout(() => {
+            if (needClear.current !== true)
+              return;
             if (Array.isArray(names)) {
               form.resetFields(names);
             } else {
-              var clearName = formItemProps.namePath ? formItemProps.namePath.slice(0, -1).concat(formItemProps.name) : formItemProps.name;
+              const clearName = formItemProps.namePath ? formItemProps.namePath.slice(0, -1).concat(formItemProps.name) : formItemProps.name;
               form.resetFields([clearName]);
             }
             needClear.current = false;
@@ -225,11 +206,10 @@ var useShouldUpdate = function useShouldUpdate(props) {
           clearTimeout(timerRef.current);
         }
       }
-      var equalRes = (0, _isEqualWith2.default)(rulesRef.current, _rules, _utils.customEqualForFunction);
-      var proEqualRes = (0, _isEqualWith2.default)(fieldPropsRef.current, _fieldProps, _utils.customEqualForFunction);
-      var desensitizationRes = (0, _isEqualWith2.default)(desensitizationRef.current, _desensitization);
-      if (_show !== showRef.current || _disabled !== disabledRef.current || _required !== requiredRef.current || !equalRes || !proEqualRes || !desensitizationRes || (_fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.transformResponse) // 防止fieldProps变更时，transformResponse根据fieldProps新值无法触发更新
-      ) {
+      const equalRes = (0, import_lodash.isEqualWith)(rulesRef.current, _rules, import_utils.customEqualForFunction);
+      const proEqualRes = (0, import_lodash.isEqualWith)(fieldPropsRef.current, _fieldProps, import_utils.customEqualForFunction);
+      const desensitizationRes = (0, import_lodash.isEqualWith)(desensitizationRef.current, _desensitization);
+      if (_show !== showRef.current || _disabled !== disabledRef.current || _required !== requiredRef.current || !equalRes || !proEqualRes || !desensitizationRes || (_fieldProps == null ? void 0 : _fieldProps.transformResponse)) {
         showRef.current = _show;
         disabledRef.current = _disabled;
         requiredRef.current = _required;
@@ -239,13 +219,10 @@ var useShouldUpdate = function useShouldUpdate(props) {
         reRender({});
         return false;
       }
-      if (typeof _shouldUpdate === 'function') {
-        for (var _len = arguments.length, rest = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-          rest[_key - 2] = arguments[_key];
-        }
-        return _shouldUpdate.apply(void 0, [prevValues, currentValues].concat(rest));
+      if (typeof shouldUpdate === "function") {
+        return shouldUpdate(prevValues, currentValues, ...rest);
       }
-      return !!_shouldUpdate;
+      return !!shouldUpdate;
     },
     show: showRef.current,
     disabled: disabledRef.current,
@@ -256,4 +233,4 @@ var useShouldUpdate = function useShouldUpdate(props) {
     desensitization: desensitizationRef.current
   };
 };
-var _default = exports.default = useShouldUpdate;
+var useShouldUpdate_default = useShouldUpdate;