@zat-design/sisyphus-react 3.13.19-beta.6 → 3.13.19-beta.8

package/es/ProForm/utils/useShouldUpdate.js

@@ -1,19 +1,18 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _get from "lodash/get";
-import _isEqualWith from "lodash/isEqualWith";
-import _isFunction from "lodash/isFunction";
 import { useRef, useState } from 'react';
-import { customEqualForFun } from './index';
+import { isFunction, isEqualWith, get } from 'lodash';
+import { customEqualForFun } from "./index";
 /** FormList中被删除的行也会再触发一次响应式函数 排除这种场景 */
-var isDeleteLine = function isDeleteLine(form, namePath) {
+var isDeleteLine = (form, namePath) => {
   if (namePath) {
     var line = form.getFieldValue(namePath);
     return line === undefined;
   }
   return false;
 };
+
 // 代理shouldUpdate事件, 执行函数值的[show, disabled], 当[show, disabled]与上一次值不相同时更新状态
-var useShouldUpdate = function useShouldUpdate(props) {
+var useShouldUpdate = props => {
   var show = props.show,
     formItemProps = props.formItemProps,
     form = props.form,
@@ -47,17 +46,18 @@ var useShouldUpdate = function useShouldUpdate(props) {
     _useState2 = _slicedToArray(_useState, 2),
     reRender = _useState2[1];
   var values = {};
+
   // 不是动态函数直接返回
-  if (!(dependNames === null || dependNames === void 0 ? void 0 : dependNames.length) && !_isFunction(show) && !_isFunction(disabled) && !_isFunction(required) && !_isFunction(rules) && !_isFunction(fieldProps) && !_isFunction(originComponent) && !_isFunction(desensitization)) {
+  if (!(dependNames !== null && dependNames !== void 0 && dependNames.length) && !isFunction(show) && !isFunction(disabled) && !isFunction(required) && !isFunction(rules) && !isFunction(fieldProps) && !isFunction(originComponent) && !isFunction(desensitization)) {
     return {
       shouldUpdate: _shouldUpdate,
-      show: show,
-      disabled: disabled,
-      required: required,
-      rules: rules,
-      fieldProps: fieldProps,
+      show,
+      disabled,
+      required,
+      rules,
+      fieldProps,
       component: newComponent,
-      desensitization: desensitization
+      desensitization
     };
   }
   if (namePath) {
@@ -66,95 +66,91 @@ var useShouldUpdate = function useShouldUpdate(props) {
   } else {
     values = form.getFieldsValue(true);
   }
-  if (_isFunction(show)) {
+  if (isFunction(show)) {
     showRef.current = Boolean(show(values, {
-      form: form,
-      index: index,
-      namePath: namePath
+      form,
+      index,
+      namePath
     }));
   } else {
     showRef.current = show;
   }
-  if (_isFunction(desensitization)) {
+  if (isFunction(desensitization)) {
     desensitizationRef.current = desensitization(values, {
-      form: form,
-      index: index,
-      namePath: namePath
+      form,
+      index,
+      namePath
     });
   } else {
     desensitizationRef.current = desensitization;
   }
-  if (_isFunction(disabled)) {
+  if (isFunction(disabled)) {
     // RangePicker返回数组时，特殊处理
     if (['Group', 'RangePicker', 'ProCascader'].includes(type) && Array.isArray(disabled(values, {
-      form: form,
-      index: index,
-      namePath: namePath
+      form,
+      index,
+      namePath
     }))) {
       disabledRef.current = disabled(values, {
-        form: form,
-        index: index,
-        namePath: namePath
+        form,
+        index,
+        namePath
       });
     } else {
       disabledRef.current = Boolean(disabled(values, {
-        form: form,
-        index: index,
-        namePath: namePath
+        form,
+        index,
+        namePath
       }));
     }
   } else {
     disabledRef.current = disabled;
   }
-  if (_isFunction(required)) {
+  if (isFunction(required)) {
     requiredRef.current = required(values, {
-      form: form,
-      index: index,
-      namePath: namePath
+      form,
+      index,
+      namePath
     });
   } else {
     requiredRef.current = required;
   }
-  if (_isFunction(rules)) {
+  if (isFunction(rules)) {
     rulesRef.current = rules(values, {
-      form: form,
-      index: index,
-      namePath: namePath
+      form,
+      index,
+      namePath
     });
   } else {
     rulesRef.current = rules;
   }
-  if (_isFunction(originComponent)) {
+  if (isFunction(originComponent)) {
     originComponentRef.current = originComponent(values, {
-      form: form,
-      index: index,
-      namePath: namePath
+      form,
+      index,
+      namePath
     });
   } else {
     originComponentRef.current = newComponent;
   }
-  if (_isFunction(fieldProps)) {
+  if (isFunction(fieldProps)) {
     fieldPropsRef.current = fieldProps(values, {
-      form: form,
-      index: index,
-      namePath: namePath
+      form,
+      index,
+      namePath
     }); // index, namePath FormList才会有
   } else {
     fieldPropsRef.current = fieldProps;
   }
-  if (dependNames === null || dependNames === void 0 ? void 0 : dependNames.length) {
-    dependNamesRef.current = dependNames.map(function (name) {
-      return _get(values, name);
-    });
+  if (dependNames !== null && dependNames !== void 0 && dependNames.length) {
+    dependNamesRef.current = dependNames.map(name => get(values, name));
   }
   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 _get(currentValues, name);
-        });
-        var dependNamesChanged = !_isEqualWith(dependNamesRef.current, curDependNamesValue, customEqualForFun);
+      if (dependNames !== null && dependNames !== void 0 && dependNames.length) {
+        var curDependNamesValue = dependNames.map(name => get(currentValues, name));
+        var dependNamesChanged = !isEqualWith(dependNamesRef.current, curDependNamesValue, customEqualForFun);
         dependNamesRef.current = curDependNamesValue;
         if (!dependNamesChanged) return false;
       }
@@ -165,36 +161,37 @@ var useShouldUpdate = function useShouldUpdate(props) {
       } else {
         _currentValues = form.getFieldsValue(true);
       }
-      var _show = _isFunction(show) ? Boolean(show(_currentValues, {
-        form: form,
-        index: index,
-        namePath: namePath
+      var _show = isFunction(show) ? Boolean(show(_currentValues, {
+        form,
+        index,
+        namePath
       })) : show;
-      var _disabled = _isFunction(disabled) ? Boolean(disabled(_currentValues, {
-        form: form,
-        index: index,
-        namePath: namePath
+      var _disabled = isFunction(disabled) ? Boolean(disabled(_currentValues, {
+        form,
+        index,
+        namePath
       })) : disabled;
-      var _required = _isFunction(required) ? required(_currentValues, {
-        form: form,
-        index: index,
-        namePath: namePath
+      var _required = isFunction(required) ? required(_currentValues, {
+        form,
+        index,
+        namePath
       }) : required;
-      var _rules = _isFunction(rules) ? rules(_currentValues, {
-        form: form,
-        index: index,
-        namePath: namePath
+      var _rules = isFunction(rules) ? rules(_currentValues, {
+        form,
+        index,
+        namePath
       }) : rules;
-      var _fieldProps = _isFunction(fieldProps) ? fieldProps(_currentValues, {
-        form: form,
-        index: index,
-        namePath: namePath
+      var _fieldProps = isFunction(fieldProps) ? fieldProps(_currentValues, {
+        form,
+        index,
+        namePath
       }) : fieldProps;
-      var _desensitization = _isFunction(desensitization) ? desensitization(_currentValues, {
-        form: form,
-        index: index,
-        namePath: namePath
+      var _desensitization = isFunction(desensitization) ? desensitization(_currentValues, {
+        form,
+        index,
+        namePath
       }) : desensitization;
+
       // 清值防抖  多次刷新时以最后一次为准
       if (clearNotShow !== false && (name || names) && !isDeleteLine(form, namePath)) {
         // 当show为其他变为false的时候记录一次需要清值
@@ -203,7 +200,7 @@ var useShouldUpdate = function useShouldUpdate(props) {
         }
         if (_show === false) {
           clearTimeout(timerRef.current);
-          timerRef.current = setTimeout(function () {
+          timerRef.current = setTimeout(() => {
             if (needClear.current !== true) return;
             if (Array.isArray(names)) {
               form.resetFields(names);
@@ -218,10 +215,10 @@ var useShouldUpdate = function useShouldUpdate(props) {
           clearTimeout(timerRef.current);
         }
       }
-      var equalRes = _isEqualWith(rulesRef.current, _rules, customEqualForFun);
-      var proEqualRes = _isEqualWith(fieldPropsRef.current, _fieldProps, customEqualForFun);
-      var desensitizationRes = _isEqualWith(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新值无法触发更新
+      var equalRes = isEqualWith(rulesRef.current, _rules, customEqualForFun);
+      var proEqualRes = isEqualWith(fieldPropsRef.current, _fieldProps, customEqualForFun);
+      var desensitizationRes = isEqualWith(desensitizationRef.current, _desensitization);
+      if (_show !== showRef.current || _disabled !== disabledRef.current || _required !== requiredRef.current || !equalRes || !proEqualRes || !desensitizationRes || _fieldProps !== null && _fieldProps !== void 0 && _fieldProps.transformResponse // 防止fieldProps变更时，transformResponse根据fieldProps新值无法触发更新
       ) {
         showRef.current = _show;
         disabledRef.current = _disabled;
@@ -236,7 +233,7 @@ var useShouldUpdate = function useShouldUpdate(props) {
         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));
+        return _shouldUpdate(prevValues, currentValues, ...rest);
       }
       return !!_shouldUpdate;
     },

package/es/ProForm/utils/useWatch.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _debounce from "lodash/debounce";
+import { debounce } from 'lodash';
 import warning from 'rc-util/lib/warning';
 import { useState, useEffect, useRef, useMemo } from 'react';
 import isEqual from 'lodash/isEqual';
@@ -10,6 +10,7 @@ export function toArray(value) {
   }
   return Array.isArray(value) ? value : [value];
 }
+
 // 从一个对象或Form值中获取特定路径的值
 function get(source, path) {
   if (!source || path.length === 0) {
@@ -24,6 +25,7 @@ function get(source, path) {
   }
   return current;
 }
+
 /**
  * 将值设置到指定路径的嵌套对象中
  * @param obj 目标对象
@@ -32,11 +34,13 @@ function get(source, path) {
  */
 function setValueByPath(obj, path, value) {
   if (path.length === 0) return;
+
   // 处理单层路径
   if (path.length === 1) {
     obj[path[0]] = value;
     return;
   }
+
   // 处理多层嵌套路径
   var current = obj;
   for (var i = 0; i < path.length - 1; i++) {
@@ -48,12 +52,14 @@ function setValueByPath(obj, path, value) {
   }
   current[path[path.length - 1]] = value;
 }
+
 // 创建之后namepath就不可变的警告
-var useWatchWarning = process.env.NODE_ENV !== 'production' ? function (dependencies) {
+var useWatchWarning = process.env.NODE_ENV !== 'production' ? dependencies => {
   var depsStr = JSON.stringify(dependencies);
   var depsStrRef = useRef(depsStr);
   warning(depsStrRef.current === depsStr, '`useWatch` is not support dynamic `namePath`. Please provide static instead.');
-} : function () {};
+} : () => {};
+
 /**
  * ProForm的useWatch hook，用于监听表单字段变化
  * @param dependencies 监听的字段路径
@@ -64,20 +70,25 @@ var useWatchWarning = process.env.NODE_ENV !== 'production' ? function (dependen
 function useWatch(dependencies, form, wait) {
   // 处理开发环境警告
   useWatchWarning(dependencies);
+
   // 获取表单实例
   var formInstance = form;
+
   // 用于存储最终结果
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
+
   // 使用ref存储中间状态，避免不必要的渲染
   var valueRef = useRef({});
   var prevStateRef = useRef({});
+
   // 标准化依赖为路径数组的数组
-  var namePaths = useMemo(function () {
+  var namePaths = useMemo(() => {
     // 将依赖标准化为数组的数组形式
     var paths = [];
+
     // 字符串形式: 'fieldName'
     if (typeof dependencies === 'string') {
       paths.push(dependencies);
@@ -87,7 +98,7 @@ function useWatch(dependencies, form, wait) {
       var isPathsCollection = dependencies.length > 0 && (typeof dependencies[0] === 'string' || Array.isArray(dependencies[0]));
       if (isPathsCollection) {
         // 每个元素都是一个路径
-        dependencies.forEach(function (path) {
+        dependencies.forEach(path => {
           paths.push(path);
         });
       } else {
@@ -97,10 +108,11 @@ function useWatch(dependencies, form, wait) {
     }
     return paths;
   }, [/* dependencies 故意忽略，与原实现一致 */]);
+
   // 保存防抖函数引用，避免重复创建
-  var debouncedFn = useMemo(function () {
+  var debouncedFn = useMemo(() => {
     if (wait) {
-      return _debounce(function (value) {
+      return debounce(value => {
         // 只在值真正变化时才更新状态
         if (!isEqual(prevStateRef.current, value)) {
           prevStateRef.current = _objectSpread({}, value);
@@ -108,46 +120,56 @@ function useWatch(dependencies, form, wait) {
         }
       }, wait);
     }
+
     // 非防抖版本
-    return function (value) {
+    return value => {
       if (!isEqual(prevStateRef.current, value)) {
         prevStateRef.current = _objectSpread({}, value);
         setState(value);
       }
     };
   }, [wait]);
-  useEffect(function () {
+  useEffect(() => {
     if (!formInstance) return undefined;
+
     // 创建更新状态的函数
-    var updateState = function updateState() {
+    var updateState = () => {
       var values = formInstance.getFieldsValue(true);
       var newState = {};
+
       // 处理每个监听路径
-      namePaths.forEach(function (path) {
+      namePaths.forEach(path => {
         // 将路径转换为数组形式
         var namePath = toArray(path);
+
         // 获取路径对应的值
         var value = get(values, namePath);
+
         // 将值设置到正确的嵌套结构中
         setValueByPath(newState, namePath, value);
       });
+
       // 存储并更新状态
       valueRef.current = newState;
       debouncedFn(newState);
     };
+
     // 初始调用一次
     updateState();
+
     // 注册表单变化监听
-    var getInternalHooks = formInstance.getInternalHooks;
+    var _ref = formInstance,
+      getInternalHooks = _ref.getInternalHooks;
     var _getInternalHooks = getInternalHooks('RC_FORM_INTERNAL_HOOKS'),
       registerWatch = _getInternalHooks.registerWatch;
-    var cancelWatch = registerWatch(function (values) {
+    var cancelWatch = registerWatch(values => {
       if (values) {
         updateState();
       }
     });
+
     // 清理订阅
-    return function () {
+    return () => {
       if (wait) {
         debouncedFn.cancel();
       }