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

package/es/ProEnum/utils/frequentEnum.js

@@ -0,0 +1,91 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { getEnumData, setEnumData, cacheFieldNames } from "./index";
+
+/**
+ * 替换频繁枚举缓存数据的参数接口
+ */
+
+/**
+ * 替换频繁枚举缓存数据
+ * @param params 参数对象
+ * @returns 更新后的缓存数据
+ */
+export function replaceFrequentEnumCache(params) {
+  var _params$storage = params.storage,
+    storage = _params$storage === void 0 ? 'localStorage' : _params$storage,
+    _params$cacheKey = params.cacheKey,
+    cacheKey = _params$cacheKey === void 0 ? 'zat-design-pro-component-cacheKey' : _params$cacheKey,
+    _params$enums = params.enums,
+    enums = _params$enums === void 0 ? [] : _params$enums,
+    _params$newData = params.newData,
+    newData = _params$newData === void 0 ? {} : _params$newData,
+    _params$fieldNames = params.fieldNames,
+    fieldNames = _params$fieldNames === void 0 ? {
+      label: 'label',
+      value: 'value',
+      children: 'children'
+    } : _params$fieldNames,
+    _params$clear = params.clear,
+    clear = _params$clear === void 0 ? true : _params$clear;
+
+  // 参数验证
+  if (!storage || !cacheKey) {
+    console.warn('ProEnum: storage and cacheKey are required for replaceFrequentEnumCache');
+    return {
+      data: {}
+    };
+  }
+  if (!enums.length) {
+    console.warn('ProEnum: enums array is empty, no data to replace');
+    return {
+      data: {}
+    };
+  }
+  var cacheData = getEnumData(storage, cacheKey) || {
+    data: {}
+  };
+
+  // 确保cacheData.data存在
+  if (!cacheData.data) {
+    cacheData.data = {};
+  }
+
+  // 只替换指定的枚举
+  enums.forEach(code => {
+    if (newData[code]) {
+      var processedData = newData[code];
+
+      // 应用数据清洗逻辑
+      if (clear && Array.isArray(processedData)) {
+        processedData = processedData.map(item => {
+          return cacheFieldNames(fieldNames, item);
+        });
+      }
+      cacheData.data[code] = processedData;
+      cacheData.time = Date.now();
+    }
+  });
+  setEnumData(storage, cacheKey, cacheData);
+  return cacheData;
+}
+
+/**
+ * 验证频繁枚举配置
+ * @param config 频繁枚举配置
+ * @returns 是否有效
+ */
+export function validateFrequentEnumConfig(config) {
+  var _config$enums;
+  return !!(config !== null && config !== void 0 && (_config$enums = config.enums) !== null && _config$enums !== void 0 && _config$enums.length && config !== null && config !== void 0 && config.service);
+}
+
+/**
+ * 合并频繁枚举数据到全局状态
+ * @param cacheData 缓存数据
+ * @param dics 现有字典数据
+ * @param dataSource 数据源
+ * @returns 合并后的数据
+ */
+export function mergeFrequentEnumData(cacheData, dics, dataSource) {
+  return _objectSpread(_objectSpread(_objectSpread({}, dics), dataSource), cacheData.data);
+}

package/es/ProEnum/utils/getEnumLabel.js

@@ -1,9 +1,8 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { useMemo } from 'react';
 import { isArray, isString } from 'lodash';
 import { useProConfig } from "../../ProConfigProvider";
 import { jsx as _jsx } from "react/jsx-runtime";
-var EnumLabel = function EnumLabel(props) {
+var EnumLabel = props => {
   var fieldNameLabel = '';
   var fieldNameValue = '';
   var _ref = useProConfig('ProEnum') || {},
@@ -26,26 +25,23 @@ var EnumLabel = function EnumLabel(props) {
   var _useProConfig = useProConfig('ProEnum'),
     _useProConfig$dics = _useProConfig.dics,
     dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
-  var enumLists = useMemo(function () {
+  var enumLists = useMemo(() => {
     var lists = [];
     if (isString(code)) {
       lists = (dics === null || dics === void 0 ? void 0 : dics[code]) || [];
     }
     if (isArray(code)) {
-      code.forEach(function (enumCode) {
-        var _lists;
-        isArray(dics === null || dics === void 0 ? void 0 : dics[enumCode]) && (_lists = lists).push.apply(_lists, _toConsumableArray(dics === null || dics === void 0 ? void 0 : dics[enumCode]));
+      code.forEach(enumCode => {
+        isArray(dics === null || dics === void 0 ? void 0 : dics[enumCode]) && lists.push(...(dics === null || dics === void 0 ? void 0 : dics[enumCode]));
       });
     }
     return lists;
   }, [dics, code]);
-  var transToLabel = function transToLabel(value) {
-    var labelList = value.map(function (v) {
-      var option = enumLists.find(function (option) {
-        return option[fieldNameValue] === v;
-      });
+  var transToLabel = value => {
+    var labelList = value.map(v => {
+      var option = enumLists.find(option => option[fieldNameValue] === v);
       if (option && option[fieldNameLabel]) {
-        return compose ? "".concat(value, "-").concat(option[fieldNameLabel]) : option[fieldNameLabel];
+        return compose ? `${value}-${option[fieldNameLabel]}` : option[fieldNameLabel];
       }
       return '';
     });

package/es/ProEnum/utils/index.js

@@ -1,6 +1,5 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
-import { isNull, isUndefined } from 'lodash';
 export var baseCacheKey = 'zat-design-pro-component-cacheKey';
 /**
  * 获取枚举数据
@@ -109,15 +108,16 @@ export function cacheFieldNames(fieldNames, dataSource) {
   var children = fieldNames.children,
     restFieldNames = _objectWithoutProperties(fieldNames, _excluded);
   var result = {};
-  Object.keys(restFieldNames).forEach(function (key) {
-    var value = dataSource[restFieldNames[key]] ? dataSource[restFieldNames[key]] : dataSource[key];
-    if (!(isUndefined(value) || isNull(value))) {
-      result[key] = dataSource[restFieldNames[key]] ? dataSource[restFieldNames[key]] : dataSource[key];
+  Object.keys(restFieldNames).forEach(key => {
+    if (![undefined, null].includes(dataSource[restFieldNames[key]])) {
+      result[key] = dataSource[restFieldNames[key]];
+    } else {
+      result[key] = dataSource[key];
     }
   });
   // 递归去对数据进行清洗
   if (children && Array.isArray(dataSource[children])) {
-    result.children = dataSource[children].map(function (item) {
+    result.children = dataSource[children].map(item => {
       return cacheFieldNames(fieldNames, item);
     });
   }

package/es/ProForm/components/Container.js

@@ -1,9 +1,10 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
 import React from 'react';
-import { Tooltip } from 'antd';
 import classNames from 'classnames';
 import { isEmptyArray } from "../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Container = function Container(props) {
+var Container = props => {
   var children = props.children,
     tooltip = props.tooltip,
     nowrap = props.nowrap,
@@ -16,7 +17,7 @@ var Container = function Container(props) {
     'pro-form-view-container_nowrap': nowrap !== null && nowrap !== void 0 ? nowrap : tooltip
   });
   if (tooltip && !nullValue) {
-    return /*#__PURE__*/_jsx(Tooltip, {
+    return /*#__PURE__*/_jsx(_Tooltip, {
       placement: "topLeft",
       title: children,
       children: /*#__PURE__*/_jsx("div", {

package/es/ProForm/components/FormFooter/index.js

@@ -1,12 +1,15 @@
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { Space, Button } from 'antd';
 import React, { useEffect, useMemo } from 'react';
 import { useProConfig } from "../../../ProConfigProvider";
 import locale from "../../../locale";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var PRO_FORM_CACHE = 'PRO_FORM_CACHE';
-var FormFooter = function FormFooter(props) {
+var FormFooter = props => {
   var initialConfig = useProConfig('FormFooter');
   var _initialConfig$props = _objectSpread(_objectSpread({}, initialConfig), props),
     okText = _initialConfig$props.okText,
@@ -28,17 +31,17 @@ var FormFooter = function FormFooter(props) {
     okChildren = _ref2.children;
   var _ref3 = cancelButtonProps || {},
     cancelChildren = _ref3.children;
-  var searchCache = useMemo(function () {
+  var searchCache = useMemo(() => {
     var cacheStr = window.sessionStorage.getItem(PRO_FORM_CACHE);
     var cache = JSON.parse(cacheStr || '{}');
     return cache;
   }, [formId]);
-  useEffect(function () {
+  useEffect(() => {
     if (formId && searchCache[formId]) {
       form.setFieldsValue(searchCache[formId]);
     }
   }, [formId]);
-  var _onOk = function _onOk() {
+  var nextOnOk = () => {
     var _modifiedForm$__INTER;
     if (formId) {
       var values = form.getFieldsValue();
@@ -51,35 +54,35 @@ var FormFooter = function FormFooter(props) {
     var modifiedForm = form;
     if ((_modifiedForm$__INTER = modifiedForm.__INTERNAL_CONFIG__) !== null && _modifiedForm$__INTER !== void 0 && _modifiedForm$__INTER.stopOnFirstError) {
       // 使用自定义验证逻辑
-      form.validateFields().then(function () {
+      form.validateFields().then(() => {
         onOk();
-      }).catch(function () {
-        // 验证失败，不执行 onOk
+      }).catch(error => {
+        console.warn('ProForm validateFields error', error);
       });
     } else {
       onOk();
     }
   };
-  var _onCancel = function _onCancel() {
+  var nextOnCancel = () => {
     if (formId && searchCache[formId]) {
       delete searchCache[formId];
       window.sessionStorage.setItem(PRO_FORM_CACHE, JSON.stringify(searchCache));
     }
     onCancel();
   };
-  return /*#__PURE__*/_jsxs(Space, {
-    children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(_Space, {
+    children: [/*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({
       type: "primary",
       htmlType: onOk ? 'button' : 'submit',
-      onClick: _onOk,
+      onClick: nextOnOk,
       disabled: confirmLoading,
       loading: confirmLoading
     }, okButtonProps), {}, {
-      children: okChildren || okText || "".concat(locale.ProForm.search)
-    })), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-      onClick: _onCancel
+      children: okChildren || okText || `${locale.ProForm.search}`
+    })), /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({
+      onClick: nextOnCancel
     }, cancelButtonProps), {}, {
-      children: cancelChildren || cancelText || "".concat(locale.ProForm.reset)
+      children: cancelChildren || cancelText || `${locale.ProForm.reset}`
     })), children]
   });
 };

package/es/ProForm/components/base/Checkbox/index.js

@@ -1,14 +1,15 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/checkbox/style";
+import _Checkbox from "antd/es/checkbox";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dataSource", "otherProps", "fieldNames"];
 import React from 'react';
-import { Checkbox as AntCheckbox } from 'antd';
 import Container from "../../Container";
 import { useProConfig } from "../../../../ProConfigProvider";
 import ProForm from "../../../index";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
-var Checkbox = function Checkbox(props) {
+var Checkbox = props => {
   var dataSource = props.dataSource,
     otherProps = props.otherProps,
     fieldNames = props.fieldNames,
@@ -25,10 +26,10 @@ var Checkbox = function Checkbox(props) {
   };
   if (isView) {
     var value = rest.value;
-    var transToLabel = function transToLabel(value) {
-      var labelList = value.map(function (item) {
+    var transToLabel = value => {
+      var labelList = value.map(item => {
         var _dataSource$find;
-        return (_dataSource$find = dataSource.find(function (dataItem) {
+        return (_dataSource$find = dataSource.find(dataItem => {
           return dataItem[_fieldNames.value] === item;
         })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find[_fieldNames.label];
       });
@@ -50,9 +51,7 @@ var Checkbox = function Checkbox(props) {
   // 假如dataSource包含code,name, fieldNames没有配置，_fieldNames默认为code, name
   if (Array.isArray(dataSource) && !fieldNames) {
     var _dataSource$filter;
-    var hasCodeName = Boolean((_dataSource$filter = dataSource.filter(function (item) {
-      return Object.keys(item).includes('code') && Object.keys(item).includes('name');
-    })) === null || _dataSource$filter === void 0 ? void 0 : _dataSource$filter.length);
+    var hasCodeName = Boolean((_dataSource$filter = dataSource.filter(item => Object.keys(item).includes('code') && Object.keys(item).includes('name'))) === null || _dataSource$filter === void 0 ? void 0 : _dataSource$filter.length);
     if (hasCodeName) {
       _fieldNames = {
         label: 'name',
@@ -60,13 +59,13 @@ var Checkbox = function Checkbox(props) {
       };
     }
   }
-  return /*#__PURE__*/_jsx(AntCheckbox.Group, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(_Checkbox.Group, _objectSpread(_objectSpread({
     style: {
       width: '100%'
     }
   }, rest), {}, {
-    children: !!dataSource.length && dataSource.map(function (item) {
-      return /*#__PURE__*/_createElement(AntCheckbox, _objectSpread(_objectSpread({}, item), {}, {
+    children: !!dataSource.length && dataSource.map(item => {
+      return /*#__PURE__*/_createElement(_Checkbox, _objectSpread(_objectSpread({}, item), {}, {
         key: item[_fieldNames.value],
         value: item[_fieldNames.value]
       }), item[_fieldNames.label]);

package/es/ProForm/components/base/DatePicker/index.js

@@ -1,10 +1,9 @@
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "format"];
-import { DatePicker as AntDatePicker } from 'antd';
-import { isFunction, isString, isObject, uniq } from 'lodash';
+import { isFunction, isString, isObject, omit } from 'lodash';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
 import React from 'react';
@@ -12,7 +11,7 @@ import { useProConfig } from "../../../../ProConfigProvider";
 import ProForm from "../../../../ProForm";
 import Container from "../../Container";
 import { jsx as _jsx } from "react/jsx-runtime";
-var DatePicker = function DatePicker(props) {
+var DatePicker = props => {
   var className = props.className,
     _props$format = props.format,
     format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
@@ -23,17 +22,11 @@ var DatePicker = function DatePicker(props) {
     valueType = _ref.valueType;
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
 
-  var initialConfig = useProConfig('DatePicker');
-  var _className = classNames(_defineProperty({
-    'full-form-item': true
-  }, className, !!className));
-  var _viewFormat = Array.isArray(format) ? format[0] : format;
-  var tempFormat = Array.isArray(format) ? format : [format];
-  if (isFunction(format)) {
-    tempFormat = [];
-  }
-  var _format = uniq([].concat(_toConsumableArray(tempFormat), ['YYYY-MM-DD', 'YYYYMMDD', 'YYYY/MM/DD', 'YYYY_MM_DD', 'YYYY.MM.DD'])).filter(function (formatKey) {
-    return !!formatKey;
+  var initialConfig = useProConfig('DatePicker') || {};
+  var nextFormat = format;
+  var nextClassName = classNames({
+    'full-form-item': true,
+    [className]: !!className
   });
   if (isView) {
     var value = rest.value;
@@ -41,46 +34,39 @@ var DatePicker = function DatePicker(props) {
     if (!value) {
       viewChildren = null;
     } else if (typeof format === 'string' && isObject(value)) {
-      var _format2, _ref2;
-      viewChildren = ((_format2 = (_ref2 = value).format) === null || _format2 === void 0 ? void 0 : _format2.call(_ref2, format)) || value;
+      var _format, _ref2;
+      viewChildren = ((_format = (_ref2 = value).format) === null || _format === void 0 ? void 0 : _format.call(_ref2, format)) || value;
     } else if (isFunction(format)) {
       viewChildren = format(value);
     } else if (isString(value)) {
-      viewChildren = dayjs(value).format(_viewFormat);
+      viewChildren = dayjs(value).format(format);
     }
     return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
       children: viewChildren
     });
   }
-  var _defaultShowTime = {
-    format: 'HH:mm:ss'
-  };
 
   // dateTime模式下默认开启time选择
-  var _rest = _objectSpread({}, rest);
+  var restProps = _objectSpread({}, rest);
 
   // showTime默认值受valueType属性影响
-  if (rest.showTime === undefined) {
-    if (valueType === 'dateTime') {
-      _rest.showTime = true;
-    }
+
+  if (restProps.showTime === false) {
+    restProps.showTime = false;
+  } else if (valueType === 'dateTime') {
+    restProps.showTime = true;
+    nextFormat = 'YYYY-MM-DD HH:mm:ss';
   }
 
   // 字符串时间格式兼容
-  if (isString(_rest.value)) {
-    _rest.value = dayjs(_rest.value);
-  }
-  if (_rest.showTime === true) {
-    _rest.showTime = _objectSpread({}, _defaultShowTime);
-  }
-  if (isObject(_rest.showTime)) {
-    _rest.showTime = Object.assign(_defaultShowTime, _rest.showTime);
+  if (isString(restProps.value)) {
+    restProps.value = dayjs(restProps.value);
   }
-  return /*#__PURE__*/_jsx(AntDatePicker, _objectSpread(_objectSpread(_objectSpread({}, initialConfig), {}, {
-    format: _format
-  }, _rest), {}, {
-    className: _className
+  return /*#__PURE__*/_jsx(_DatePicker, _objectSpread(_objectSpread(_objectSpread({}, initialConfig), {}, {
+    format: nextFormat
+  }, omit(restProps, ['otherProps'])), {}, {
+    className: nextClassName
   }));
 };
 export default DatePicker;

package/es/ProForm/components/base/DatePicker/useDateLimit.js

@@ -1,13 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useState } from 'react';
-export var useDateLimit = function useDateLimit() {
+export var useDateLimit = () => {
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     dates = _useState2[0],
     setDates = _useState2[1];
   return {
-    onCalendarChange: function onCalendarChange(val) {
-      return setDates(val);
-    }
+    onCalendarChange: val => setDates(val)
   };
 };

package/es/ProForm/components/base/Input/index.js

@@ -1,9 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["label", "form", "placeholder", "fieldName", "otherProps", "desensitization"];
 import React from 'react';
-import { Input as AntInput } from 'antd';
-import { omit } from 'lodash';
+import { isFunction, omit } from 'lodash';
 import { useProConfig } from "../../../../ProConfigProvider";
 import Container from "../../Container";
 import locale from "../../../../locale";
@@ -31,36 +32,39 @@ var Input = function Input(props) {
     rest.value = rest === null || rest === void 0 || (_rest$value = rest.value) === null || _rest$value === void 0 || (_rest$value$toString = _rest$value.toString) === null || _rest$value$toString === void 0 ? void 0 : _rest$value$toString.call(_rest$value);
   }
   if (isView) {
-    if (desensitization !== null && desensitization !== void 0 && desensitization.length && props !== null && props !== void 0 && props.disabled) {
-      var isDesensit = sessionStorage.getItem(otherProps === null || otherProps === void 0 ? void 0 : otherProps.desensitizationKey);
-      if (isDesensit === 'ON') {
-        return /*#__PURE__*/_jsx(Container, {
-          viewEmpty: viewEmpty,
-          children: maskStringRangeWithRegex(rest.value, desensitization)
-        });
+    if ((Array.isArray(desensitization) || isFunction(desensitization)) && props !== null && props !== void 0 && props.disabled) {
+      if (typeof rest.value === 'number') {
+        var _rest$value2, _rest$value2$toString;
+        rest.value = rest === null || rest === void 0 || (_rest$value2 = rest.value) === null || _rest$value2 === void 0 || (_rest$value2$toString = _rest$value2.toString) === null || _rest$value2$toString === void 0 ? void 0 : _rest$value2$toString.call(_rest$value2);
       }
+      return /*#__PURE__*/_jsx(Container, {
+        viewEmpty: viewEmpty,
+        children: maskStringRangeWithRegex(rest.value, desensitization)
+      });
     }
     return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
       children: rest.value
     });
   }
-  var ComInput = /*#__PURE__*/_jsx(AntInput, _objectSpread(_objectSpread({
+  var ComInput = /*#__PURE__*/_jsx(_Input, _objectSpread(_objectSpread({
     autoComplete: "off",
-    placeholder: placeholder || "".concat(locale.ProForm.inputPlaceholder)
+    placeholder: placeholder || `${locale.ProForm.inputPlaceholder}`
   }, omit(initialConfig, ['trim', 'upperCase'])), rest));
 
   // 仅查看模式下进行数据脱敏
-  if (desensitization !== null && desensitization !== void 0 && desensitization.length && props !== null && props !== void 0 && props.disabled) {
-    var _isDesensit = sessionStorage.getItem(otherProps === null || otherProps === void 0 ? void 0 : otherProps.desensitizationKey);
-    if (_isDesensit === 'ON') {
-      return /*#__PURE__*/React.cloneElement(ComInput, _objectSpread(_objectSpread(_objectSpread({
-        autoComplete: 'off',
-        placeholder: placeholder || "".concat(locale.ProForm.inputPlaceholder)
-      }, omit(initialConfig, ['trim', 'upperCase'])), rest), {}, {
-        value: maskStringRangeWithRegex(rest.value, desensitization)
-      }));
+  if ((Array.isArray(desensitization) || isFunction(desensitization)) && props !== null && props !== void 0 && props.disabled) {
+    if (typeof rest.value === 'number') {
+      var _rest$value3, _rest$value3$toString;
+      rest.value = rest === null || rest === void 0 || (_rest$value3 = rest.value) === null || _rest$value3 === void 0 || (_rest$value3$toString = _rest$value3.toString) === null || _rest$value3$toString === void 0 ? void 0 : _rest$value3$toString.call(_rest$value3);
     }
+    return /*#__PURE__*/React.cloneElement(ComInput, _objectSpread(_objectSpread(_objectSpread({
+      allowClear: true,
+      autoComplete: 'off',
+      placeholder: placeholder || `${locale.ProForm.inputPlaceholder}`
+    }, omit(initialConfig, ['trim', 'upperCase'])), rest), {}, {
+      value: maskStringRangeWithRegex(rest.value, desensitization)
+    }));
   }
   return ComInput;
 };

package/es/ProForm/components/base/InputNumber/index.js

@@ -1,10 +1,12 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
+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 = ["placeholder", "className", "otherProps", "range", "min", "max", "onBlur", "onFocus"];
 import React, { useMemo, useRef } from 'react';
-import { InputNumber as AntInputNumber, Space } from 'antd';
 import classNames from 'classnames';
 import Big from 'big.js';
 import { tools } from '@zat-design/utils';
@@ -23,7 +25,7 @@ var rangeReg = /^[([](-?\d+(\.\d+)?)?,\s*(-?\d+(\.\d+)?)?[)\]]$/;
 /**
  * 限制数字范围
  */
-var limitNumber = function limitNumber(num, _ref) {
+var limitNumber = (num, _ref) => {
   var min = _ref.min,
     max = _ref.max;
   if (num >= max) {
@@ -34,7 +36,7 @@ var limitNumber = function limitNumber(num, _ref) {
   }
   return num;
 };
-var InputNumber = function InputNumber(props) {
+var InputNumber = props => {
   var _props$precision4;
   var placeholder = props.placeholder,
     className = props.className,
@@ -57,7 +59,7 @@ var InputNumber = function InputNumber(props) {
   var valueType = 'valueType' in props ? props.valueType : valueTypeCon; // 组件可直接接收valueType参数, 优先级高
 
   var valueProps = {};
-  var formatter = function formatter(value) {
+  var formatter = value => {
     var _props$precision;
     if (value === '') return '';
     var num = Number(value);
@@ -77,11 +79,11 @@ var InputNumber = function InputNumber(props) {
       if ((props === null || props === void 0 ? void 0 : props.precision) === 0) {
         return int;
       }
-      return "".concat(int, ".").concat(float.padEnd((_props$precision2 = props === null || props === void 0 ? void 0 : props.precision) !== null && _props$precision2 !== void 0 ? _props$precision2 : 2, '0'));
+      return `${int}.${float.padEnd((_props$precision2 = props === null || props === void 0 ? void 0 : props.precision) !== null && _props$precision2 !== void 0 ? _props$precision2 : 2, '0')}`;
     }
     return val;
   };
-  var _parser = function parser(value, precision) {
+  var _parser = (value, precision) => {
     if (value === '') return value;
     var num = Number(value.replace(/[\s,]+/g, ''));
     return Number.isNaN(num) || !precision && precision !== 0 ? Number.isNaN(Number(value)) ? null : Number(value) : Number(num.toFixed(precision));
@@ -94,8 +96,8 @@ var InputNumber = function InputNumber(props) {
       case 'money':
       case 'amount':
         valueProps = {
-          formatter: formatter,
-          parser: function parser(val) {
+          formatter,
+          parser: val => {
             var _props$precision3;
             return _parser(val, (_props$precision3 = props === null || props === void 0 ? void 0 : props.precision) !== null && _props$precision3 !== void 0 ? _props$precision3 : 2);
           },
@@ -124,7 +126,7 @@ var InputNumber = function InputNumber(props) {
         };
     }
   }
-  var _useMemo = useMemo(function () {
+  var _useMemo = useMemo(() => {
       var _ref3, _min2, _valueProps, _ref4, _max2, _valueProps2;
       var _min;
       var _max;
@@ -166,9 +168,10 @@ var InputNumber = function InputNumber(props) {
     _useMemo2 = _slicedToArray(_useMemo, 2),
     _min = _useMemo2[0],
     _max = _useMemo2[1];
-  var _className = classNames(_defineProperty({
-    'full-form-item': true
-  }, className, !!className));
+  var _className = classNames({
+    'full-form-item': true,
+    [className]: !!className
+  });
   if (isView) {
     var _value = rest.value,
       precision = rest.precision;
@@ -228,7 +231,7 @@ var InputNumber = function InputNumber(props) {
       case 'thousandthCNY':
         return /*#__PURE__*/_jsx(Container, {
           viewEmpty: viewEmpty,
-          children: /*#__PURE__*/_jsxs(Space, {
+          children: /*#__PURE__*/_jsxs(_Space, {
             size: 4,
             children: [_value || _value === 0 ? 'CNY' : '', tools.formatAmount(_value, precision)]
           })
@@ -242,7 +245,7 @@ var InputNumber = function InputNumber(props) {
   }
 
   // 失去焦点时处理数字，
-  var handleBlur = function handleBlur(e) {
+  var handleBlur = e => {
     var _e$target, _props$precision5, _valueProps3, _e$target3;
     activateRef.current = false;
     var value = e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value;
@@ -282,13 +285,13 @@ var InputNumber = function InputNumber(props) {
   };
 
   // 获得焦点
-  var handleFocus = function handleFocus(e) {
+  var handleFocus = e => {
     activateRef.current = true;
     onFocus === null || onFocus === void 0 || onFocus(e);
   };
-  return /*#__PURE__*/_jsx(AntInputNumber, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(_InputNumber, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     autoComplete: "off",
-    placeholder: placeholder || "".concat(locale.ProForm.inputPlaceholder).concat(label !== null && label !== void 0 ? label : ''),
+    placeholder: placeholder || `${locale.ProForm.inputPlaceholder}${label !== null && label !== void 0 ? label : ''}`,
     className: _className
   }, initialConfig), valueProps), rest), {}, {
     onBlur: handleBlur,