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

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

@@ -12,7 +12,7 @@ import locale from "../../../locale";
 import processDependencies from "../../utils/processDependencies";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var RenderFields = function RenderFields(props) {
+var RenderFields = props => {
   var isView = props.isView,
     _props$columns = props.columns,
     columns = _props$columns === void 0 ? [] : _props$columns,
@@ -29,27 +29,27 @@ var RenderFields = function RenderFields(props) {
     required = props.required,
     diffConfig = props.diffConfig,
     globalControl = props.globalControl,
-    desensitizationKey = props.desensitizationKey;
+    shouldUpdateDebounce = props.shouldUpdateDebounce;
 
   // 是否包含隐藏字段
-  var hiddenData = columns.filter(function (item) {
+  var hiddenData = columns.filter(item => {
     return Array.isArray(item.hiddenNames);
   }) || [];
 
   // 创建hidden字段供表单收集
   if (hiddenData.length) {
     var hiddenArray = [];
-    hiddenData.forEach(function (item) {
+    hiddenData.forEach(item => {
       hiddenArray = hiddenArray.concat(item.hiddenNames);
     });
-    hiddenArray.forEach(function (item) {
+    hiddenArray.forEach(item => {
       columns.push({
-        name: Array.isArray(item) ? item : "".concat(item),
+        name: Array.isArray(item) ? item : `${item}`,
         hidden: true
       });
     });
   }
-  var comList = columns.flatMap(function (column, index) {
+  var comList = columns.flatMap((column, index) => {
     var _formItemProps$disabl;
     if (!!expand && !openState) {
       // expand为Number时 过滤掉大于expand 且 非fixed的column
@@ -90,7 +90,7 @@ var RenderFields = function RenderFields(props) {
     // 允许formItem的属性放在column最外层 并优先级高于 formItemProps 内部参数
     var _formItemProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultProps), formItemProps), otherFormItemProps), {}, {
       required: columnRequired !== null && columnRequired !== void 0 ? columnRequired : required,
-      clearNotShow: clearNotShow,
+      clearNotShow,
       dependencies: processedDeps
     });
     _formItemProps.labelWidth = _formItemProps.labelWidth || labelWidth; // 接收Form中的labelWidth
@@ -102,7 +102,7 @@ var RenderFields = function RenderFields(props) {
     var TargetComponent;
 
     // 查看高阶函数
-    var viewRenderHandle = function viewRenderHandle() {
+    var viewRenderHandle = () => {
       var _column$namePath;
       var value = form.getFieldValue(column.name);
       var record = form.getFieldsValue();
@@ -115,8 +115,8 @@ var RenderFields = function RenderFields(props) {
         index = column === null || column === void 0 ? void 0 : column.index;
       }
       return viewRender ? viewRender(value, record, {
-        form: form,
-        index: index,
+        form,
+        index,
         namePath: column === null || column === void 0 ? void 0 : column.namePath
       }) || null : null;
     };
@@ -145,13 +145,13 @@ var RenderFields = function RenderFields(props) {
 
     // 当前组件是不是一个选择组件
     var _isSelect = isSelect({
-      dataSource: dataSource,
+      dataSource,
       type: _type
     });
-    var placeholderHandle = function placeholderHandle() {
+    var placeholderHandle = () => {
       var _label = isString(label) ? label : '';
       var _formLabel = isString(formLabel) ? formLabel : '';
-      return placeholder || "".concat(_isSelect ? "".concat(locale.ProForm.selectPlaceHolder) : "".concat(locale.ProForm.inputPlaceholder)).concat(_label || _formLabel || '');
+      return placeholder || `${_isSelect ? `${locale.ProForm.selectPlaceHolder}` : `${locale.ProForm.inputPlaceholder}`}${_label || _formLabel || ''}`;
     };
 
     // 表单组件Props 兼容2.0版本
@@ -187,7 +187,7 @@ var RenderFields = function RenderFields(props) {
       return [];
     }
     var _colProps = span ? {
-      span: span
+      span
     } : _objectSpread(_objectSpread({}, defaultColProps), colProps);
 
     // 其余参数收进对象里传给子组件 componentProps只包含子组件参数
@@ -196,21 +196,20 @@ var RenderFields = function RenderFields(props) {
       name: _formItemProps.name,
       disabled: comDisabled,
       isView: _isView,
-      viewEmpty: viewEmpty,
-      valueType: valueType,
-      viewType: viewType,
+      viewEmpty,
+      valueType,
+      viewType,
       names: _formItemProps.names,
-      form: form,
+      form,
       type: _type,
       hiddenNames: column.hiddenNames,
       colProps: _colProps,
       mode: componentProps.mode,
       namePath: column.namePath,
       listName: column.listName,
-      globalControl: globalControl,
-      formDisabled: formDisabled,
-      diffConfig: diffConfig,
-      desensitizationKey: desensitizationKey
+      globalControl,
+      formDisabled,
+      diffConfig
     };
     return /*#__PURE__*/_jsx(FieldProvider, {
       value: otherProps,
@@ -240,9 +239,10 @@ var RenderFields = function RenderFields(props) {
         requiredOnView: requiredOnView,
         globalControl: globalControl,
         viewRender: viewRender,
-        desensitization: desensitization
+        desensitization: desensitization,
+        shouldUpdateDebounce: shouldUpdateDebounce
       })
-    }, "".concat(_formItemProps.name || _formItemProps.label).concat(index));
+    }, `${_formItemProps.name || _formItemProps.label}${index}`);
   });
   return /*#__PURE__*/_jsx(_Fragment, {
     children: comList

package/es/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/es/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/es/ProForm/index.js

@@ -1,11 +1,16 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/row/style";
+import _Row from "antd/es/row";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "diffConfig", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "formKey", "globalControl", "scrollToError", "optimize", "desensitizationKey", "stopOnFirstError"];
+var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "diffConfig", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "formKey", "globalControl", "scrollToError", "optimize", "stopOnFirstError", "shouldUpdateDebounce"];
 import { DoubleLeftOutlined } from '@ant-design/icons';
-import { Col, Form, Row, Space } from 'antd';
 import classnames from 'classnames';
 import React, { forwardRef, useImperativeHandle, useMemo, useEffect } from 'react';
 import { isObject, merge, omit } from 'lodash';
@@ -22,7 +27,7 @@ import FormsProvider, { useContextForms, useForms } from "../FormsProvider";
 import { useStep } from "../ProStep";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var ProForm = function ProForm(props, ref) {
+var ProForm = (props, ref) => {
   var _localStorage, _ref3;
   var _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'search' : _props$mode,
@@ -65,10 +70,10 @@ var ProForm = function ProForm(props, ref) {
     scrollToError = _props$scrollToError === void 0 ? true : _props$scrollToError,
     _props$optimize = props.optimize,
     optimize = _props$optimize === void 0 ? false : _props$optimize,
-    _props$desensitizatio = props.desensitizationKey,
-    desensitizationKey = _props$desensitizatio === void 0 ? 'zat-design-pro-component-desensitization' : _props$desensitizatio,
     _props$stopOnFirstErr = props.stopOnFirstError,
     stopOnFirstError = _props$stopOnFirstErr === void 0 ? false : _props$stopOnFirstErr,
+    _props$shouldUpdateDe = props.shouldUpdateDebounce,
+    shouldUpdateDebounce = _props$shouldUpdateDe === void 0 ? 500 : _props$shouldUpdateDe,
     otherProps = _objectWithoutProperties(props, _excluded);
   var config = useProConfig('ProForm');
   // source: 用于区分是哪个组件调用，用于错误提示
@@ -80,16 +85,16 @@ var ProForm = function ProForm(props, ref) {
     _ref2$source = _ref2.source,
     stepSource = _ref2$source === void 0 ? '' : _ref2$source;
   var _useForm = useForm(originForm, {
-      scrollToError: scrollToError,
-      optimize: optimize,
-      formKey: formKey,
+      scrollToError,
+      optimize,
+      formKey,
       source: source || stepSource || 'ProForm'
     }),
     _useForm2 = _slicedToArray(_useForm, 1),
     form = _useForm2[0];
 
   // 保存内部配置
-  useEffect(function () {
+  useEffect(() => {
     if (!form.__INTERNAL_CONFIG__) {
       form.__INTERNAL_CONFIG__ = {};
     }
@@ -104,8 +109,8 @@ var ProForm = function ProForm(props, ref) {
     openState = _useControlled2[0],
     setOpenState = _useControlled2[1];
   var _getLayout = getLayout({
-      span: span,
-      form: form
+      span,
+      form
     }),
     formProps = _getLayout.formProps,
     colProps = _getLayout.colProps,
@@ -113,7 +118,7 @@ var ProForm = function ProForm(props, ref) {
     _onCancel = _getLayout.onCancel;
 
   // 初始值names转换
-  var _initialValues = useMemo(function () {
+  var _initialValues = useMemo(() => {
     var values = initialValuesToNames(initialValues, columns);
     return values;
   }, []);
@@ -121,19 +126,19 @@ var ProForm = function ProForm(props, ref) {
   /**
    * 展开&收起函数
    */
-  var expandHandle = function expandHandle() {
+  var expandHandle = () => {
     setOpenState === null || setOpenState === void 0 || setOpenState(!openState);
   };
-  var expandRender = function expandRender() {
+  var expandRender = () => {
     return !!expand && columns.length > Number(expand) && /*#__PURE__*/_jsx("div", {
       className: "expand-button",
       onClick: expandHandle,
-      children: !openState ? /*#__PURE__*/_jsxs(Space, {
+      children: !openState ? /*#__PURE__*/_jsxs(_Space, {
         align: "center",
         children: [locale.ProForm.unfold, /*#__PURE__*/_jsx(DoubleLeftOutlined, {
           className: "rotate-to-bottom"
         })]
-      }) : /*#__PURE__*/_jsxs(Space, {
+      }) : /*#__PURE__*/_jsxs(_Space, {
         align: "center",
         children: [locale.ProForm.packUp, /*#__PURE__*/_jsx(DoubleLeftOutlined, {
           className: "rotate-to-top"
@@ -141,7 +146,7 @@ var ProForm = function ProForm(props, ref) {
       })
     });
   };
-  var defaultFooter = function defaultFooter(footerConfig) {
+  var defaultFooter = footerConfig => {
     return /*#__PURE__*/_jsx(FormFooter, {
       formId: formId,
       onOk: onOk || _onOk,
@@ -155,12 +160,10 @@ var ProForm = function ProForm(props, ref) {
   };
 
   // 暴露form出去给类组件使用
-  useImperativeHandle(ref, function () {
-    return form;
-  });
+  useImperativeHandle(ref, () => form);
 
   // 解决平铺后的值拿不到的问题
-  var handleValuesChange = function handleValuesChange(changedValue) {
+  var handleValuesChange = changedValue => {
     if (!onValuesChange) return;
 
     // 暂时通过'-'区分组合组件字段和普通字段
@@ -168,32 +171,31 @@ var ProForm = function ProForm(props, ref) {
     if (!keys.length) {
       onValuesChange(filterInternalFields(changedValue, optimize), form.getFieldsValue());
     } else {
-      var values = keys.map(function (key) {
+      var values = keys.map(key => {
         if (key.includes('-')) {
           var comKeys = [];
-          comKeys = key.split('-').map(function (keyStr) {
-            return keyStr.split('_');
-          });
+          comKeys = key.split('-').map(keyStr => keyStr.split('_'));
           return form.getFieldsValue(comKeys);
         }
         return {};
       });
-      onValuesChange(filterInternalFields(merge.apply(void 0, [changedValue].concat(_toConsumableArray(values))), optimize), form.getFieldsValue());
+      onValuesChange(filterInternalFields(merge(changedValue, ...values), optimize), form.getFieldsValue());
     }
   };
 
   // 包装一层兼容 names 改变
-  var handleFinish = function handleFinish() {
+  var handleFinish = () => {
     onFinish === null || onFinish === void 0 || onFinish(form.getFieldsValue());
   };
-  var cls = classnames(_defineProperty({
+  var cls = classnames({
     'pro-form': true,
-    'pro-form-view': isView
-  }, className, className));
+    'pro-form-view': isView,
+    [className]: className
+  });
   var footerCls = classnames({
     'pro-form-custom-footer': true
   });
-  var footerRender = function footerRender() {
+  var footerRender = () => {
     var footerEle = null;
     if (isView || disabled) {
       // 查看或禁用模式
@@ -209,9 +211,9 @@ var ProForm = function ProForm(props, ref) {
     // 展开折叠按钮
     var expandEle = expandRender();
     var hasElement = footerEle || expandEle;
-    return hasElement ? /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, colProps), {}, {
+    return hasElement ? /*#__PURE__*/_jsx(_Col, _objectSpread(_objectSpread({}, colProps), {}, {
       className: footerCls,
-      children: /*#__PURE__*/_jsxs(Space, {
+      children: /*#__PURE__*/_jsxs(_Space, {
         align: "center",
         children: [footerEle, expandEle]
       })
@@ -228,8 +230,8 @@ var ProForm = function ProForm(props, ref) {
       otherProps.layout = otherProps.layout || 'vertical';
     }
   }
-  return /*#__PURE__*/_jsxs(Form, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    onKeyPress: function onKeyPress(event) {
+  return /*#__PURE__*/_jsxs(_Form, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    onKeyPress: event => {
       if (!submitOnEnter) return;
       if (event.key === 'Enter') {
         form.submit();
@@ -242,7 +244,7 @@ var ProForm = function ProForm(props, ref) {
     onValuesChange: handleValuesChange,
     onFinish: handleFinish,
     initialValues: _initialValues,
-    children: [/*#__PURE__*/_jsxs(Row, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/_jsxs(_Row, _objectSpread(_objectSpread({
       gutter: 24
     }, rowProps), {}, {
       children: [/*#__PURE__*/_jsx(RenderFields, {
@@ -262,7 +264,7 @@ var ProForm = function ProForm(props, ref) {
         requiredOnView: requiredOnView,
         required: required,
         globalControl: globalControl,
-        desensitizationKey: desensitizationKey
+        shouldUpdateDebounce: shouldUpdateDebounce
       }), footerRender()]
     })), children]
   }));
@@ -272,13 +274,13 @@ var ProForm = function ProForm(props, ref) {
 var ProFormForward = /*#__PURE__*/forwardRef(ProForm);
 ProFormForward.useForm = useForm;
 ProFormForward.useWatch = useWatch;
-export var ProFormProvider = function ProFormProvider(props) {
+export var ProFormProvider = props => {
   var onFormChange = props.onFormChange,
     onFormFinish = props.onFormFinish,
     children = props.children;
-  var handleFormChange = function handleFormChange(formName, info) {
+  var handleFormChange = (formName, info) => {
     var changedFields = info.changedFields;
-    var _changedFields = changedFields.flatMap(function (item) {
+    var _changedFields = changedFields.flatMap(item => {
       var _item$value = item.value,
         value = _item$value === void 0 ? [] : _item$value;
       var name = item.name;
@@ -291,9 +293,9 @@ export var ProFormProvider = function ProFormProvider(props) {
       var namesList = splitNameStr(String(namesStr)); // 拆解出name列表
 
       var prefix = name.slice(0, name.length - 1);
-      return namesList.map(function (nameItem, index) {
+      return namesList.map((nameItem, index) => {
         return _objectSpread(_objectSpread({}, item), {}, {
-          name: [].concat(_toConsumableArray(prefix), _toConsumableArray(nameItem)),
+          name: [...prefix, ...nameItem],
           // 拼接前缀 组成完整name
           value: value[index]
         });
@@ -304,7 +306,7 @@ export var ProFormProvider = function ProFormProvider(props) {
     // @ts-ignore
     onFormChange(formName, info);
   };
-  return /*#__PURE__*/_jsx(Form.Provider, {
+  return /*#__PURE__*/_jsx(_Form.Provider, {
     onFormChange: onFormChange ? handleFormChange : undefined,
     onFormFinish: onFormFinish,
     children: children

package/es/ProForm/propsType.d.ts

@@ -5,7 +5,7 @@ import { StoreValue, Store } from 'rc-field-form/es/interface.d';
 import { ShouldUpdate } from 'rc-field-form/es/Field.d';
 import React, { ReactNode } from 'react';
 import type { ProFormColumnType, ViewType } from './components/render/propsType';
-import type { ProFormComponentType } from './components/index';
+import type { ProFormComponentType } from './components';
 export interface ButtonType extends ButtonProps {
     children?: any;
 }
@@ -46,7 +46,6 @@ export interface ProFormOtherType {
     formDisabled?: boolean;
     isDiffChange?: boolean;
     diffConfig?: DiffConfigType;
-    desensitizationKey?: string;
 }
 export interface DiffConfigType<Values = any> {
     /** 比对原始数据源 */
@@ -99,10 +98,10 @@ export interface ProFormType<Values = any> extends FormProps<Values> {
      * 1. 开启不过滤names的中间态值
      */
     optimize?: boolean;
-    /** 全局脱敏开关的key、默认 zat-design-pro-component-desensitization */
-    desensitizationKey?: string;
     /** 是否在遇到第一个错误时停止验证 */
     stopOnFirstError?: boolean;
+    /** shouldUpdate防抖延迟时间，默认500ms，设置为0则不防抖 */
+    shouldUpdateDebounce?: number;
 }
 export interface TransformType<T = any> {
     normalize?: (value: StoreValue, prevValue: StoreValue, allValues: Store) => StoreValue;

package/es/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/es/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/es/ProForm/utils/diffOriginal.js

@@ -1,15 +1,73 @@
 import { isEqual, isFunction, isObject } from 'lodash';
 import { isEmpty } from "../../utils";
+
+// 比较策略接口
+
+// 数字类型标准化函数
+var normalizeNumberValue = value => {
+  if (value === null || value === undefined || value === '') return null;
+  var num = Number(value);
+  return Number.isNaN(num) ? null : num;
+};
+
+// InputNumber 比较策略
+var inputNumberStrategy = {
+  compare: (val1, val2) => {
+    var num1 = normalizeNumberValue(val1);
+    var num2 = normalizeNumberValue(val2);
+    return num1 === num2;
+  }
+};
+
+// ProNumberRange 比较策略
+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) => {
+      var num1 = normalizeNumberValue(item);
+      var num2 = normalizeNumberValue(val2[index]);
+      return num1 === num2;
+    });
+  }
+};
+
+// 数字类型处理函数
+var handleNumberTypeDiff = params => {
+  var originalValue = params.originalValue,
+    value = params.value,
+    type = params.type;
+  var isEmptyVal = isEmpty(value);
+  var isEmptyOrg = isEmpty(originalValue);
+
+  // 都为空视为相等
+  if (isEmptyOrg && isEmptyVal) return 'same';
+
+  // 如果原始值为空 且当前有值的话 视为新增
+  if (isEmptyOrg && !isEmptyVal) return 'add';
+
+  // 根据类型选择对应的比较策略
+  var compareStrategy;
+  if (type === 'InputNumber') {
+    compareStrategy = inputNumberStrategy;
+  } else if (type === 'ProNumberRange') {
+    compareStrategy = proNumberRangeStrategy;
+  } else {
+    return 'changed'; // 未知类型视为已改变
+  }
+  return compareStrategy.compare(value, originalValue) ? 'same' : 'changed';
+};
+
 // 过滤对象中undefined字段
 // 防止{a: '1'} {a: '1', b: undefined | null}被认为不相等
-var filterObject = function filterObject(data) {
+var filterObject = data => {
   if (!isObject(data) || data === null) return data;
 
   // ['1', undefined] ['1', ''] 视为相等
   if (Array.isArray(data)) {
     // 数组中全是empty值的话 视为null
     var isFillNull = true;
-    var arr = data.map(function (item) {
+    var arr = data.map(item => {
       if (isEmpty(item)) {
         return null;
       }
@@ -19,7 +77,7 @@ var filterObject = function filterObject(data) {
     return isFillNull ? null : arr;
   }
   var resData = {};
-  Object.keys(data).forEach(function (key) {
+  Object.keys(data).forEach(key => {
     if (!isEmpty(data[key])) {
       resData[key] = data[key];
     }
@@ -29,10 +87,12 @@ var filterObject = function filterObject(data) {
   if (!Object.keys(resData).length) return null;
   return resData;
 };
-export var diffOriginal = function diffOriginal(params) {
+export var diffOriginal = params => {
   var originalValue = params.originalValue,
     value = params.value,
-    onDiff = params.onDiff;
+    onDiff = params.onDiff,
+    type = params.type;
+
   // 支持传入自定义比较事件
   if (isFunction(onDiff)) {
     var diffRes = onDiff(originalValue, value);
@@ -44,6 +104,11 @@ export var diffOriginal = function diffOriginal(params) {
       return diffRes;
     }
   }
+  if (['InputNumber', 'ProNumberRange'].includes(type)) {
+    return handleNumberTypeDiff(params);
+  }
+
+  // 其他类型使用原有逻辑
   var _value = filterObject(value);
   var _originalValue = filterObject(originalValue);
   var isEmptyVal = isEmpty(_value);

package/es/ProForm/utils/getDefaultProps.js

@@ -1,6 +1,6 @@
 import { get, isEqual } from 'lodash';
 var defaultPropsMap = {
-  ProSelect: function ProSelect(props) {
+  ProSelect: props => {
     var fieldProps = props.fieldProps,
       name = props.name,
       namePath = props.namePath;
@@ -12,11 +12,11 @@ var defaultPropsMap = {
     if (filterInList && namePath && name) {
       var _listName = namePath.slice(0, -1);
       var _namePath = name.slice(1);
-      defaultProps.shouldUpdate = function (preValues, curValues) {
-        var preListValue = get(preValues, _listName).map(function (item) {
+      defaultProps.shouldUpdate = (preValues, curValues) => {
+        var preListValue = get(preValues, _listName).map(item => {
           return get(item, _namePath);
         });
-        var curListValue = get(curValues, _listName).map(function (item) {
+        var curListValue = get(curValues, _listName).map(item => {
           return get(item, _namePath);
         });
         return !isEqual(preListValue, curListValue);
@@ -25,7 +25,7 @@ var defaultPropsMap = {
     return defaultProps;
   }
 };
-export var getDefaultProps = function getDefaultProps(props) {
+export var 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);