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

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

@@ -54,6 +54,7 @@ var ProModalSelect = (props, ref) => {
     labelInValue = false,
     fieldNames,
     readOnly = true,
+    mode = "select",
     addonAfter,
     configOption,
     title,
@@ -66,12 +67,20 @@ var ProModalSelect = (props, ref) => {
     beforeOpen,
     afterOpen,
     isTooltip,
+    tooltip,
     searchForm,
     searchKey,
     defaultOne,
     otherProps,
     ...restProps
   } = props;
+  const _tooltip = tooltip ?? isTooltip;
+  const nextMode = (0, import_react.useMemo)(() => {
+    if ((0, import_lodash.isBoolean)(readOnly) && readOnly === false) {
+      return "input";
+    }
+    return mode;
+  }, [mode, readOnly]);
   const contentForm = import_antd.Form.useFormInstance();
   if (!configOption || Object.prototype.toString.call(configOption) !== "[object Object]") {
     throw new Error("error: 请检查枚举选择弹框的配置项【configOption】");
@@ -165,8 +174,7 @@ var ProModalSelect = (props, ref) => {
       transformResponse
     },
     {
-      manual: true,
-      ready: (initParams || defaultOne) && !readOnly || open,
+      ready: (initParams || defaultOne) && nextMode === "input" || open,
       ...useRequest == null ? void 0 : useRequest.options
     }
   );
@@ -180,7 +188,7 @@ var ProModalSelect = (props, ref) => {
     if (typeof data2 === "string" || typeof data2 === "number") {
       return data2;
     }
-    if (Object.prototype.toString.call(data2) === "[object Object]") {
+    if ((0, import_lodash.isObject)(data2)) {
       return handleFormat({
         ...data2,
         value: data2[valueKey],
@@ -211,7 +219,7 @@ var ProModalSelect = (props, ref) => {
     return formatValue(nextValue);
   }, [value, _value, options]);
   const getRowKey = (record) => {
-    if (typeof rowKey === "function") {
+    if ((0, import_lodash.isFunction)(rowKey)) {
       return rowKey(record);
     }
     return record[rowKey];
@@ -225,7 +233,7 @@ var ProModalSelect = (props, ref) => {
   const handleChangeValue = (e) => {
     onChange(e.target.value);
     preValue.current = e.target.value;
-    if (!readOnly) {
+    if (nextMode === "input") {
       setState({
         _value: e.target.value
       });
@@ -385,7 +393,7 @@ var ProModalSelect = (props, ref) => {
             selectedRows: list,
             selectedRowKeys: nextSelectRowKeys
           });
-        } else if (!readOnly) {
+        } else if (nextMode === "input") {
           setState({
             _value: value,
             isInit: false
@@ -443,13 +451,13 @@ var ProModalSelect = (props, ref) => {
         selectedRows: (rowSelection == null ? void 0 : rowSelection.selectedRows) || [],
         _value: void 0
       });
-    } else if (Object.prototype.toString.call(value) === "[object Array]") {
+    } else if ((0, import_lodash.isArray)(value)) {
       setState({
         selectedRowKeys: (rowSelection == null ? void 0 : rowSelection.selectedRowKeys) || value,
         selectedRows: (rowSelection == null ? void 0 : rowSelection.selectedRows) || value,
         _value: value
       });
-    } else if (Object.prototype.toString.call(value) === "[object Object]") {
+    } else if ((0, import_lodash.isObject)(value)) {
       const initialValue = { [valueKey]: value[valueKey], [labelKey]: value[labelKey] };
       setState({
         selectedRowKeys: [value],
@@ -472,7 +480,7 @@ var ProModalSelect = (props, ref) => {
           nextState.selectedRowKeys = [];
           nextState.selectedRows = [];
         }
-        if (Object.prototype.toString.call(value) === "[object Object]") {
+        if ((0, import_lodash.isObject)(value)) {
           nextState.selectedRowKeys = [getRowKey(value)];
           nextState.selectedRows = [value];
         }
@@ -495,13 +503,13 @@ var ProModalSelect = (props, ref) => {
     (0, import_utils.hideTooltipIfOpen)(fieldRef.current, open);
   }, [open]);
   (0, import_react.useEffect)(() => {
-    if (value && !open && isInit && !readOnly) {
+    if (value && !open && isInit && nextMode === "input") {
       getInitValues();
     }
   }, [JSON.stringify(value), open, isInit]);
   (0, import_ahooks.useDebounceEffect)(() => {
     var _a2;
-    if (value && !open && readOnly && (!(0, import_lodash.isEqual)(value, preValue.current) || (options == null ? void 0 : options.length) === 0)) {
+    if (value && !open && nextMode === "select" && (!(0, import_lodash.isEqual)(value, preValue.current) || (options == null ? void 0 : options.length) === 0)) {
       preValue.current = value;
       const data2 = labelInValue ? value[valueKey] : value;
       const isHasValue = (_a2 = options == null ? void 0 : options.some) == null ? void 0 : _a2.call(options, (item) => item[valueKey] === data2);
@@ -580,7 +588,7 @@ var ProModalSelect = (props, ref) => {
         });
       }
     }
-    if (!readOnly) {
+    if (nextMode === "input") {
       if (labelInValue && _value && !(0, import_lodash.isEqual)(value, _value)) {
         setState({
           _value: value,
@@ -597,7 +605,7 @@ var ProModalSelect = (props, ref) => {
       }
     }
   }, [value, _value]);
-  let initRender = /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { style: { width: "100%" }, block: true }, readOnly ? /* @__PURE__ */ import_react.default.createElement(
+  let initRender = /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { style: { width: "100%" }, block: true }, nextMode === "select" ? /* @__PURE__ */ import_react.default.createElement(
     import__.ProSelect,
     {
       value,
@@ -613,10 +621,11 @@ var ProModalSelect = (props, ref) => {
       notFoundContent: selectLoading ? /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { size: "small" }) : null,
       onFocus: handleSelectFocus,
       onSearch: handleSelectSearch,
+      tooltip: _tooltip,
       style: { width: isView || disabled ? "100%" : "calc(100% - 30px)" },
       ...restProps
     }
-  ) : /* @__PURE__ */ import_react.default.createElement(
+  ) : /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: _tooltip ? viewText : null, placement: "topLeft" }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {
       value: viewText,
@@ -626,45 +635,10 @@ var ProModalSelect = (props, ref) => {
       allowClear: true,
       ...restProps
     }
-  ), isView || disabled ? null : /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleClick, icon: /* @__PURE__ */ import_react.default.createElement(import_react_svg.ReactSVG, { className: "viewSvg", src: import_view.default }) }));
+  )), isView || disabled ? null : /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleClick, icon: /* @__PURE__ */ import_react.default.createElement(import_react_svg.ReactSVG, { className: "viewSvg", src: import_view.default }) }));
   if (customRender && import_react.default.isValidElement(customRender)) {
     initRender = /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-modal-select-init", onClick: handleClick }, customRender);
   }
-  (0, import_ahooks.useDeepCompareEffect)(() => {
-    if (isTooltip && value) {
-      const dom = document.getElementById(uuid);
-      dom.addEventListener("mouseover", (e) => {
-        if (value && e.target.tagName === "INPUT") {
-          setState({
-            open: true
-          });
-        }
-      });
-      dom.addEventListener("mouseout", (e) => {
-        if (e.target.tagName === "INPUT") {
-          setState({
-            open: false
-          });
-        }
-      });
-      return () => {
-        dom.removeEventListener("mouseover", (e) => {
-          if (value && e.target.tagName === "INPUT") {
-            setState({
-              open: true
-            });
-          }
-        });
-        dom.removeEventListener("mouseout", (e) => {
-          if (e.target.tagName === "INPUT") {
-            setState({
-              open: false
-            });
-          }
-        });
-      };
-    }
-  }, [value, isTooltip]);
   (0, import_ahooks.useDeepCompareEffect)(() => {
     setState({
       options: (tableProps == null ? void 0 : tableProps.dataSource) || []
@@ -689,10 +663,10 @@ var ProModalSelect = (props, ref) => {
     [props.className]: props.className,
     "pro-modal-select-open": open
   });
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { id: uuid, className: _className, style, ref: fieldRef }, isTooltip && viewText ? /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { placement: "topLeft", open, title: viewText }, initRender) : initRender), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { id: uuid, className: _className, style, ref: fieldRef }, initRender), /* @__PURE__ */ import_react.default.createElement(
     import__.ProDrawerForm,
     {
-      showType: "Modal",
+      mode: "Modal",
       title,
       onOk: handleFinish,
       onCancel: handleClose,

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

@@ -80,17 +80,21 @@ interface ProModalPropsType {
     beforeOpen?: any;
     /** 打开弹框后的回调函数 */
     afterOpen?: any;
-    /** 是否启用tooltip提示 */
+    /** 废弃 是否启用tooltip提示 */
     isTooltip?: boolean;
+    /** 是否启用tooltip提示 */
+    tooltip?: boolean;
     /** 是否以"值-名称"形式展示 */
     showCodeName?: boolean;
     /** 查询表单实例，用于获取查询表单数据 */
     searchForm?: FormInstance;
     /** 模糊查询的字段名 */
     searchKey?: string;
+    /** 展示形式 */
+    mode?: 'input' | 'select';
 }
 /** 模态框选择器属性类型（结合Select和Input属性） */
-export declare type ProModalSelectPropsType = SelectProps & InputProps & ProModalPropsType;
+export declare type ProModalSelectPropsType = Omit<SelectProps & InputProps, 'mode'> & ProModalPropsType;
 /** 配置选项类型 */
 export type ProModalSelectConfigType = ConfigOption;
 /** 模态框属性类型 */
@@ -98,5 +102,5 @@ export type ProModalType = Omit<ProModalPropsType, 'configOption'> & {
     configOption: ProModalSelectConfigType;
 };
 /** 模态框选择器类型（结合Select和Input属性） */
-export type ProModalSelectType = SelectProps & InputProps & ProModalType;
+export type ProModalSelectType = Omit<SelectProps & InputProps, 'mode'> & ProModalType;
 export {};

package/lib/ProForm/components/combination/ProModalSelect/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-modal-select,
 .pro-tree-modal {
@@ -53,7 +51,7 @@
     }
   }
 
-  // 新加适用于 readonly false
+  // 新加适用于 _readOnly false
   .@{ant-prefix}-input-affix-wrapper {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
@@ -102,7 +100,6 @@
     }
   }
 
-
   .@{ant-prefix}-input-group-wrapper-status-error {
     &:hover {
       .@{ant-prefix}-input,

package/lib/ProForm/components/combination/ProNumberRange/style/index.less

@@ -1,7 +1,8 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
-
 .pro-number-range {
+  display: block;
+  .@{ant-prefix}-space-compact {
+    display: block;
+  }
   .range-split {
     min-width: 32px;
     max-width: 32px;

package/lib/ProForm/components/combination/ProTimeLimit/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .@{ant-prefix}-form-item-has-error {
   .@{ant-prefix}-picker-status-error

package/lib/ProForm/components/render/ChangedWrapper.js

@@ -85,8 +85,8 @@ var ChangedWrapper = (props) => {
       value: _value,
       originalValue: _originalValue,
       form,
-      onDiff
-      // name: namesStr || name,
+      onDiff,
+      type: props.type
     });
   }, [isWatch, noChange, props[valuePropName], originalValue, typeof onDiff]);
   const isAdd = diffType === "add";

package/lib/ProForm/components/render/Render.js

@@ -67,7 +67,8 @@ var Render = (props) => {
     globalControl,
     diffConfig,
     viewRender,
-    desensitization
+    desensitization,
+    shouldUpdateDebounce
   } = props;
   let { colProps } = props;
   const {
@@ -103,7 +104,8 @@ var Render = (props) => {
     component,
     originComponent,
     type,
-    desensitization
+    desensitization,
+    shouldUpdateDebounce
   });
   otherFormItemProps.shouldUpdate = shouldUpdate;
   const namesStr = (0, import_react.useMemo)(() => {
@@ -295,6 +297,7 @@ var Render = (props) => {
     (lastComponentProps == null ? void 0 : lastComponentProps.onBlur) && await (lastComponentProps == null ? void 0 : lastComponentProps.onBlur(..._args));
   };
   const renderItem = () => {
+    var _a2, _b, _c;
     const lastComponentPropsFilter = ["onFieldChange", "disabledStrictly"];
     const childProps = {
       ...AutoComponent == null ? void 0 : AutoComponent.props,
@@ -390,11 +393,16 @@ var Render = (props) => {
       };
     }
     if (diffConfig == null ? void 0 : diffConfig.originalValues) {
+      let nextNames = otherProps.names;
+      if (((_a2 = otherProps == null ? void 0 : otherProps.namePath) == null ? void 0 : _a2.length) && ((_b = otherProps.names) == null ? void 0 : _b.length)) {
+        const prefixLength = ((_c = otherProps == null ? void 0 : otherProps.namePath) == null ? void 0 : _c.length) - 1;
+        nextNames = otherProps.names.map((name) => name.slice(prefixLength));
+      }
       child = /* @__PURE__ */ import_react.default.createElement(
         import_ChangedWrapper.default,
         {
           name: formItemProps.name,
-          names: otherProps.names,
+          names: nextNames,
           namesStr,
           diffConfig,
           form,

package/lib/ProForm/components/render/RenderFields.d.ts

@@ -21,6 +21,7 @@ interface Props<T = any> {
     required?: boolean | boolean[] | (() => boolean | boolean[]);
     globalControl?: boolean;
     desensitizationKey?: string;
+    shouldUpdateDebounce?: number;
 }
 declare const RenderFields: React.FC<Props>;
 export default RenderFields;

package/lib/ProForm/components/render/RenderFields.js

@@ -58,7 +58,8 @@ var RenderFields = (props) => {
     required,
     diffConfig,
     globalControl,
-    desensitizationKey
+    desensitizationKey,
+    shouldUpdateDebounce
   } = props;
   const hiddenData = columns.filter((item) => {
     return Array.isArray(item.hiddenNames);
@@ -232,7 +233,8 @@ var RenderFields = (props) => {
           requiredOnView,
           globalControl,
           viewRender,
-          desensitization
+          desensitization,
+          shouldUpdateDebounce
         }
       )
     );

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

@@ -280,6 +280,7 @@ export interface RenderType<Values = any> {
     requiredOnView?: boolean;
     confirm?: ProFormColumnType['confirm'];
     globalControl?: boolean;
+    shouldUpdateDebounce?: number;
     [name: string]: any;
 }
 /**

package/lib/ProForm/index.d.ts

@@ -1,11 +1,11 @@
 import { FormInstance } from 'antd';
-import React, { ForwardRefRenderFunction } from 'react';
+import React from 'react';
 import { FormProviderProps } from 'antd/es/form/context';
 import type { ProFormType } from './propsType';
 import { useForm } from './utils/useForm';
 import useWatch from './utils/useWatch';
 import { useForms } from '../FormsProvider';
-interface IProForm<T = any> extends ForwardRefRenderFunction<FormInstance<T>, ProFormType<T>> {
+interface IProForm<T = any> extends React.ForwardRefExoticComponent<ProFormType<T> & React.RefAttributes<FormInstance<T>>> {
     useForm: typeof useForm;
     useWatch: typeof useWatch;
     useFormInstances: typeof useForms;

package/lib/ProForm/index.js

@@ -87,6 +87,7 @@ var ProForm = (props, ref) => {
     optimize = false,
     desensitizationKey = "zat-design-pro-component-desensitization",
     stopOnFirstError = false,
+    shouldUpdateDebounce = 500,
     ...otherProps
   } = props;
   const config = (0, import_ProConfigProvider.useProConfig)("ProForm");
@@ -225,7 +226,8 @@ var ProForm = (props, ref) => {
         requiredOnView,
         required,
         globalControl,
-        desensitizationKey
+        desensitizationKey,
+        shouldUpdateDebounce
       }
     ), footerRender()),
     children

package/lib/ProForm/propsType.d.ts

@@ -103,6 +103,8 @@ export interface ProFormType<Values = any> extends FormProps<Values> {
     desensitizationKey?: string;
     /** 是否在遇到第一个错误时停止验证 */
     stopOnFirstError?: boolean;
+    /** shouldUpdate防抖延迟时间，默认500ms，设置为0则不防抖 */
+    shouldUpdateDebounce?: number;
 }
 export interface TransformType<T = any> {
     normalize?: (value: StoreValue, prevValue: StoreValue, allValues: Store) => StoreValue;

package/lib/ProForm/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 @import '../components/base/SwitchCheckbox/style/index.less';
 @import '../components/base/TimePicker/style/index.less';
 @import '../components/base/TextArea/index.less';

package/lib/ProForm/utils/diffOriginal.d.ts

@@ -3,6 +3,7 @@ export interface DiffOriginalParams {
     originalValue: any;
     value: any;
     form: FormInstance;
+    type?: string;
     onDiff?: (originalValue: any, currentValue: any) => DiffType | boolean | undefined;
 }
 export type DiffType = 'same' | 'add' | 'changed';

package/lib/ProForm/utils/diffOriginal.js

@@ -24,6 +24,50 @@ __export(diffOriginal_exports, {
 module.exports = __toCommonJS(diffOriginal_exports);
 var import_lodash = require("lodash");
 var import_utils = require("../../utils");
+var normalizeNumberValue = (value) => {
+  if (value === null || value === void 0 || value === "")
+    return null;
+  const num = Number(value);
+  return Number.isNaN(num) ? null : num;
+};
+var inputNumberStrategy = {
+  compare: (val1, val2) => {
+    const num1 = normalizeNumberValue(val1);
+    const num2 = normalizeNumberValue(val2);
+    return num1 === num2;
+  }
+};
+var proNumberRangeStrategy = {
+  compare: (val1, val2) => {
+    if (!Array.isArray(val1) || !Array.isArray(val2))
+      return false;
+    if (val1.length !== val2.length)
+      return false;
+    return val1.every((item, index) => {
+      const num1 = normalizeNumberValue(item);
+      const num2 = normalizeNumberValue(val2[index]);
+      return num1 === num2;
+    });
+  }
+};
+var handleNumberTypeDiff = (params) => {
+  const { originalValue, value, type } = params;
+  const isEmptyVal = (0, import_utils.isEmpty)(value);
+  const isEmptyOrg = (0, import_utils.isEmpty)(originalValue);
+  if (isEmptyOrg && isEmptyVal)
+    return "same";
+  if (isEmptyOrg && !isEmptyVal)
+    return "add";
+  let compareStrategy;
+  if (type === "InputNumber") {
+    compareStrategy = inputNumberStrategy;
+  } else if (type === "ProNumberRange") {
+    compareStrategy = proNumberRangeStrategy;
+  } else {
+    return "changed";
+  }
+  return compareStrategy.compare(value, originalValue) ? "same" : "changed";
+};
 var filterObject = (data) => {
   if (!(0, import_lodash.isObject)(data) || data === null)
     return data;
@@ -49,7 +93,7 @@ var filterObject = (data) => {
   return resData;
 };
 var diffOriginal = (params) => {
-  const { originalValue, value, onDiff } = params;
+  const { originalValue, value, onDiff, type } = params;
   if ((0, import_lodash.isFunction)(onDiff)) {
     const diffRes = onDiff(originalValue, value);
     if (diffRes !== void 0) {
@@ -59,6 +103,9 @@ var diffOriginal = (params) => {
       return diffRes;
     }
   }
+  if (["InputNumber", "ProNumberRange"].includes(type)) {
+    return handleNumberTypeDiff(params);
+  }
   const _value = filterObject(value);
   const _originalValue = filterObject(originalValue);
   const isEmptyVal = (0, import_utils.isEmpty)(_value);

package/lib/ProForm/utils/index.js

@@ -176,7 +176,7 @@ var filterInternalFields = (values, optimize) => {
   if ((0, import_lodash.isObject)(nextValues)) {
     const result = {};
     Object.keys(nextValues).forEach((key) => {
-      if (key.includes("-"))
+      if (key.includes("-") || key.startsWith("__"))
         return;
       result[key] = filterInternalFields(nextValues[key]);
     });

package/lib/ProForm/utils/useShouldUpdate.d.ts

@@ -19,6 +19,7 @@ interface UseShouldUpdateProps<Values> {
     rules?: ProRule[];
     required?: boolean;
     type: string;
+    shouldUpdateDebounce?: number;
     [key: string]: any;
 }
 type HookShouldUpdate<Values = any> = (props: UseShouldUpdateProps<Values>) => Result<Values>;

package/lib/ProForm/utils/useShouldUpdate.js

@@ -44,10 +44,13 @@ var useShouldUpdate = (props) => {
     component,
     originComponent,
     type,
-    desensitization
+    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);
@@ -60,6 +63,47 @@ var useShouldUpdate = (props) => {
   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 };
   }
@@ -123,6 +167,11 @@ var useShouldUpdate = (props) => {
         if (!dependNamesChanged)
           return false;
       }
+      if (shouldUpdateDebounce > 0 && debouncedShouldUpdateRef.current) {
+        pendingValuesRef.current = currentValues;
+        debouncedShouldUpdateRef.current();
+        return false;
+      }
       let _currentValues;
       if (namePath) {
         _currentValues = form.getFieldValue(namePath) || {};

package/lib/ProIcon/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-icon {
   cursor: pointer;