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

package/lib/ProEditTable/utils/config.js

@@ -8,10 +8,9 @@ exports.iconMap = exports.defaultToolbarKeys = exports.defaultSingleActionKeys =
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
 var _icons = require("@ant-design/icons");
 var _utils = require("@zat-design/utils");
+var _antd = require("antd");
 var _lodash = require("lodash");
 var _tools = require("./tools");
 var _locale = _interopRequireDefault(require("../../locale"));
@@ -53,7 +52,7 @@ var actions = exports.actions = {
       onlyOneLineMsg = _ref.onlyOneLineMsg;
     // 单行编辑时，需要先保存，才能进行下面的编辑
     if (virtualKey && editingKeys.length >= 1) {
-      _message2.default.warning(onlyOneLineMsg);
+      _antd.message.warning(onlyOneLineMsg);
       return false;
     }
     var nextEditingKeys = [...editingKeys];
@@ -150,7 +149,7 @@ var actions = exports.actions = {
       onlyOneLineMsg = _ref4.onlyOneLineMsg;
     // 单行编辑时，需要先保存，才能进行下面的编辑
     if (virtualKey && editingKeys.length >= 1) {
-      _message2.default.warning(onlyOneLineMsg);
+      _antd.message.warning(onlyOneLineMsg);
       return false;
     }
     // 删除当前行数据
@@ -181,7 +180,7 @@ var actions = exports.actions = {
               _context4.next = 5;
               break;
             }
-            _message2.default.warning(onlyOneLineMsg);
+            _antd.message.warning(onlyOneLineMsg);
             return _context4.abrupt("return", false);
           case 5:
             rowKey = (0, _tools.getRandom)(); // 添加新增对象数据

package/lib/ProEditTable/utils/index.js

@@ -5,16 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformColumns = void 0;
-require("antd/es/tooltip/style");
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _lodash = require("lodash");
+var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactSvg = require("react-svg");
 var _utils = require("@zat-design/utils");
@@ -169,7 +166,7 @@ var getActionColumn = config => {
       if (_disabled) {
         return '';
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
         size: "small",
         direction: actionDirection,
         children: actionBtns.map(btnConfig => {
@@ -241,7 +238,7 @@ var transformColumns = exports.transformColumns = function transformColumns() {
           resetProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
         item.title = /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
           className: "pro-edit-table-title pro-edit-table-tooltip",
-          children: [before, columnTitle, /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+          children: [before, columnTitle, /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
             title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip
           }, resetProps), {}, {
             children: icon ? ( /*#__PURE__*/_react.default.cloneElement(icon, {

package/lib/ProEditTable/utils/useShouldUpdateForTable.d.ts

@@ -0,0 +1,15 @@
+interface UseShouldUpdateForTableProps {
+    rowParams: any[];
+    column: any;
+    shouldUpdateDebounce: number;
+}
+interface Result {
+    isEditable: any;
+    required: any;
+    rules: any;
+    fieldProps: any;
+    desensitization: any;
+    valueType: any;
+}
+declare const useShouldUpdateForTable: (props: UseShouldUpdateForTableProps) => Result;
+export default useShouldUpdateForTable;

package/lib/ProEditTable/utils/useShouldUpdateForTable.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _lodash = require("lodash");
+var _utils = require("../../utils");
+var useShouldUpdateForTable = props => {
+  var _isEditableRef$curren, _requiredRef$current, _rulesRef$current, _fieldPropsRef$curren, _desensitizationRef$c, _valueTypeRef$current;
+  var rowParams = props.rowParams,
+    column = props.column,
+    shouldUpdateDebounce = props.shouldUpdateDebounce;
+
+  // refs 存储当前值
+  var isEditableRef = (0, _react.useRef)();
+  var requiredRef = (0, _react.useRef)();
+  var rulesRef = (0, _react.useRef)();
+  var fieldPropsRef = (0, _react.useRef)();
+  var desensitizationRef = (0, _react.useRef)();
+  var valueTypeRef = (0, _react.useRef)();
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    reRender = _useState2[1];
+  var debouncedUpdateRef = (0, _react.useRef)(null);
+  var pendingParamsRef = (0, _react.useRef)(null);
+
+  // 统一处理所有动态属性的更新
+  var processUpdate = params => {
+    var hasChange = false;
+
+    // isEditable 处理
+    if ((0, _lodash.isFunction)(column.isEditable)) {
+      var newIsEditable = column.isEditable(...params);
+      if (isEditableRef.current !== newIsEditable) {
+        isEditableRef.current = newIsEditable;
+        hasChange = true;
+      }
+    } else {
+      isEditableRef.current = column.isEditable;
+    }
+
+    // required 处理
+    if ((0, _lodash.isFunction)(column.required)) {
+      var newRequired = column.required(...params);
+      if (requiredRef.current !== newRequired) {
+        requiredRef.current = newRequired;
+        hasChange = true;
+      }
+    } else {
+      requiredRef.current = column.required;
+    }
+
+    // rules 处理
+    if ((0, _lodash.isFunction)(column.rules)) {
+      var newRules = column.rules(...params);
+      if (!(0, _lodash.isEqualWith)(rulesRef.current, newRules, _utils.customEqualForFunction)) {
+        rulesRef.current = newRules;
+        hasChange = true;
+      }
+    } else {
+      rulesRef.current = column.rules;
+    }
+
+    // fieldProps 处理
+    if ((0, _lodash.isFunction)(column.fieldProps)) {
+      var newFieldProps = column.fieldProps(...params);
+      if (!(0, _lodash.isEqualWith)(fieldPropsRef.current, newFieldProps, _utils.customEqualForFunction)) {
+        fieldPropsRef.current = newFieldProps;
+        hasChange = true;
+      }
+    } else {
+      fieldPropsRef.current = column.fieldProps;
+    }
+
+    // desensitization 处理
+    if ((0, _lodash.isFunction)(column.desensitization)) {
+      var newDesensitization = column.desensitization(...params);
+      if (!(0, _lodash.isEqualWith)(desensitizationRef.current, newDesensitization)) {
+        desensitizationRef.current = newDesensitization;
+        hasChange = true;
+      }
+    } else {
+      desensitizationRef.current = column.desensitization;
+    }
+
+    // valueType 处理
+    if ((0, _lodash.isFunction)(column.valueType)) {
+      var newValueType = column.valueType(...params);
+      if (valueTypeRef.current !== newValueType) {
+        valueTypeRef.current = newValueType;
+        hasChange = true;
+      }
+    } else {
+      valueTypeRef.current = column.valueType;
+    }
+    if (hasChange) {
+      reRender({});
+    }
+  };
+
+  // 创建防抖函数（统一处理所有动态属性）
+  (0, _react.useEffect)(() => {
+    if (shouldUpdateDebounce > 0 && ((0, _lodash.isFunction)(column.isEditable) || (0, _lodash.isFunction)(column.required) || (0, _lodash.isFunction)(column.rules) || (0, _lodash.isFunction)(column.fieldProps) || (0, _lodash.isFunction)(column.desensitization) || (0, _lodash.isFunction)(column.valueType))) {
+      debouncedUpdateRef.current = (0, _lodash.debounce)(() => {
+        if (pendingParamsRef.current) {
+          processUpdate(pendingParamsRef.current);
+          pendingParamsRef.current = null;
+        }
+      }, shouldUpdateDebounce);
+    }
+    return () => {
+      var _debouncedUpdateRef$c;
+      (_debouncedUpdateRef$c = debouncedUpdateRef.current) === null || _debouncedUpdateRef$c === void 0 || _debouncedUpdateRef$c.cancel();
+    };
+  }, [shouldUpdateDebounce, column]);
+
+  // 统一的属性处理逻辑
+  if (shouldUpdateDebounce > 0 && debouncedUpdateRef.current) {
+    // 使用防抖延迟更新
+    pendingParamsRef.current = rowParams;
+    debouncedUpdateRef.current();
+  } else {
+    // 立即更新（shouldUpdateDebounce = 0 或无防抖函数）
+    processUpdate(rowParams);
+  }
+  return {
+    isEditable: (_isEditableRef$curren = isEditableRef.current) !== null && _isEditableRef$curren !== void 0 ? _isEditableRef$curren : column.isEditable,
+    required: (_requiredRef$current = requiredRef.current) !== null && _requiredRef$current !== void 0 ? _requiredRef$current : column.required,
+    rules: (_rulesRef$current = rulesRef.current) !== null && _rulesRef$current !== void 0 ? _rulesRef$current : column.rules,
+    fieldProps: (_fieldPropsRef$curren = fieldPropsRef.current) !== null && _fieldPropsRef$curren !== void 0 ? _fieldPropsRef$curren : column.fieldProps,
+    desensitization: (_desensitizationRef$c = desensitizationRef.current) !== null && _desensitizationRef$c !== void 0 ? _desensitizationRef$c : column.desensitization,
+    valueType: (_valueTypeRef$current = valueTypeRef.current) !== null && _valueTypeRef$current !== void 0 ? _valueTypeRef$current : column.valueType
+  };
+};
+var _default = exports.default = useShouldUpdateForTable;

package/lib/ProEnum/index.js

@@ -6,18 +6,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
-require("antd/es/checkbox/style");
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-require("antd/es/radio/style");
-var _radio = _interopRequireDefault(require("antd/es/radio"));
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _ahooks = require("ahooks");
+var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = require("lodash");
 var _ProSelect = _interopRequireDefault(require("../ProSelect"));
@@ -104,7 +97,7 @@ var ProEnum = props => {
           var responseData = transformResponse(res);
           if (typeof responseData !== 'object') {
             var _locale$ProEnum;
-            return _message2.default.error((_locale$ProEnum = _locale.default.ProEnum) === null || _locale$ProEnum === void 0 ? void 0 : _locale$ProEnum.errorMessage);
+            return _antd.message.error((_locale$ProEnum = _locale.default.ProEnum) === null || _locale$ProEnum === void 0 ? void 0 : _locale$ProEnum.errorMessage);
           }
           setData(responseData);
         } else {
@@ -115,7 +108,7 @@ var ProEnum = props => {
           if (status === 200) {
             if (typeof data !== 'object') {
               var _locale$ProEnum2;
-              return _message2.default.error((_locale$ProEnum2 = _locale.default.ProEnum) === null || _locale$ProEnum2 === void 0 ? void 0 : _locale$ProEnum2.errorMessage);
+              return _antd.message.error((_locale$ProEnum2 = _locale.default.ProEnum) === null || _locale$ProEnum2 === void 0 ? void 0 : _locale$ProEnum2.errorMessage);
             }
             if (Array.isArray(data)) {
               setData([...data]);
@@ -124,7 +117,7 @@ var ProEnum = props => {
               setData(data[code]);
             }
           } else {
-            _message2.default.error(msg);
+            _antd.message.error(msg);
           }
         }
       }
@@ -191,22 +184,22 @@ var ProEnum = props => {
           onChange: onChange
         }));
       case 'Radio':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(enumProps, ['fieldNames', 'showCodeName'])), {}, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(enumProps, ['fieldNames', 'showCodeName'])), {}, {
           options: list,
           value: value,
           onChange: onChange,
-          children: list.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default, {
+          children: list.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio, {
             value: item[fieldValue],
             disabled: !!item.disabled,
             children: item[label]
           }, item[fieldValue]))
         }));
       case 'Checkbox':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(enumProps, ['fieldNames', 'showCodeName'])), {}, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(enumProps, ['fieldNames', 'showCodeName'])), {}, {
           options: list,
           value: value,
           onChange: onChange,
-          children: list.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+          children: list.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox, {
             value: item[fieldValue],
             disabled: !!item.disabled,
             children: item[label]
@@ -235,7 +228,7 @@ var ProEnum = props => {
   };
   if (!code && !dataSource && !useRequest) {
     var _locale$ProEnum4;
-    _message2.default.error(`${otherProps === null || otherProps === void 0 ? void 0 : otherProps.label}-${otherProps === null || otherProps === void 0 ? void 0 : otherProps.name}-${_locale.default === null || _locale.default === void 0 || (_locale$ProEnum4 = _locale.default.ProEnum) === null || _locale$ProEnum4 === void 0 ? void 0 : _locale$ProEnum4.errorNoEnumType}`);
+    _antd.message.error(`${otherProps === null || otherProps === void 0 ? void 0 : otherProps.label}-${otherProps === null || otherProps === void 0 ? void 0 : otherProps.name}-${_locale.default === null || _locale.default === void 0 || (_locale$ProEnum4 = _locale.default.ProEnum) === null || _locale$ProEnum4 === void 0 ? void 0 : _locale$ProEnum4.errorNoEnumType}`);
   }
   var transToLabel = value => {
     var list = dataList && dataList.length ? dataList : enumLists;
@@ -268,7 +261,7 @@ var ProEnum = props => {
       record.forEach(item => {
         arr.push(props.optionRender(item));
       });
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
         direction: "vertical",
         size: 4,
         children: arr.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {

package/lib/ProForm/components/Container.js

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/tooltip/style");
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
 var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -24,7 +23,7 @@ var Container = props => {
     'pro-form-view-container_nowrap': nowrap !== null && nowrap !== void 0 ? nowrap : tooltip
   });
   if (tooltip && !nullValue) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
       placement: "topLeft",
       title: children,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

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

@@ -6,11 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PRO_FORM_CACHE = void 0;
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _ProConfigProvider = require("../../../ProConfigProvider");
 var _locale = _interopRequireDefault(require("../../../locale"));
@@ -77,8 +74,8 @@ var FormFooter = props => {
     }
     onCancel();
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       type: "primary",
       htmlType: onOk ? 'button' : 'submit',
       onClick: nextOnOk,
@@ -86,7 +83,7 @@ var FormFooter = props => {
       loading: confirmLoading
     }, okButtonProps), {}, {
       children: okChildren || okText || `${_locale.default.ProForm.search}`
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       onClick: nextOnCancel
     }, cancelButtonProps), {}, {
       children: cancelChildren || cancelText || `${_locale.default.ProForm.reset}`

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

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/checkbox/style");
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
 var _Container = _interopRequireDefault(require("../../Container"));
 var _ProConfigProvider = require("../../../../ProConfigProvider");
 var _index = _interopRequireDefault(require("../../../index"));
@@ -66,13 +65,13 @@ var Checkbox = props => {
       };
     }
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({
     style: {
       width: '100%'
     }
   }, rest), {}, {
     children: !!dataSource.length && dataSource.map(item => {
-      return /*#__PURE__*/(0, _react.createElement)(_checkbox.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+      return /*#__PURE__*/(0, _react.createElement)(_antd.Checkbox, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
         key: item[_fieldNames.value],
         value: item[_fieldNames.value]
       }), item[_fieldNames.label]);

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

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/date-picker/style");
-var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
 var _lodash = require("lodash");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
@@ -70,7 +69,7 @@ var DatePicker = props => {
   if ((0, _lodash.isString)(restProps.value)) {
     restProps.value = (0, _dayjs.default)(restProps.value);
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_datePicker.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, initialConfig), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.DatePicker, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, initialConfig), {}, {
     format: nextFormat
   }, (0, _lodash.omit)(restProps, ['otherProps'])), {}, {
     className: nextClassName

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

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/input/style");
-var _input = _interopRequireDefault(require("antd/es/input"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
 var _lodash = require("lodash");
 var _ProConfigProvider = require("../../../../ProConfigProvider");
 var _Container = _interopRequireDefault(require("../../Container"));
@@ -52,7 +51,7 @@ var Input = function Input(props) {
       children: rest.value
     });
   }
-  var ComInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  var ComInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, (0, _objectSpread2.default)((0, _objectSpread2.default)({
     autoComplete: "off",
     placeholder: placeholder || `${_locale.default.ProForm.inputPlaceholder}`
   }, (0, _lodash.omit)(initialConfig, ['trim', 'upperCase'])), rest));

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

@@ -7,13 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/input-number/style");
-var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _big = _interopRequireDefault(require("big.js"));
 var _utils = require("@zat-design/utils");
@@ -237,7 +234,7 @@ var InputNumber = props => {
       case 'thousandthCNY':
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
           viewEmpty: viewEmpty,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
             size: 4,
             children: [_value || _value === 0 ? 'CNY' : '', _utils.tools.formatAmount(_value, precision)]
           })
@@ -295,7 +292,7 @@ var InputNumber = props => {
     activateRef.current = true;
     onFocus === null || onFocus === void 0 || onFocus(e);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
     autoComplete: "off",
     placeholder: placeholder || `${_locale.default.ProForm.inputPlaceholder}${label !== null && label !== void 0 ? label : ''}`,
     className: _className

package/lib/ProForm/components/base/Radio/index.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/radio/style");
-var _radio = _interopRequireDefault(require("antd/es/radio"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
 var _ProConfigProvider = require("../../../../ProConfigProvider");
 var _Container = _interopRequireDefault(require("../../Container"));
@@ -58,13 +57,13 @@ var Radio = props => {
       };
     }
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
     value: value,
     onChange: e => {
       _onChange(e, e.target.value);
     },
     children: !!(dataSource !== null && dataSource !== void 0 && dataSource.length) && dataSource.map(radioItem => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio, {
         value: radioItem[_fieldNames.value],
         children: radioItem[_fieldNames.label]
       }, radioItem[_fieldNames.value]);

package/lib/ProForm/components/base/RangePicker/index.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-require("antd/es/date-picker/style");
-var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
+var _antd = require("antd");
 var _lodash = require("lodash");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _react = _interopRequireDefault(require("react"));
@@ -18,7 +17,7 @@ var _Container = _interopRequireDefault(require("../../Container"));
 var _useDateRange = require("./useDateRange");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["format", "otherProps", "separator", "range"]; // @ts-check
-var AntRangePicker = _datePicker.default.RangePicker;
+var AntRangePicker = _antd.DatePicker.RangePicker;
 var RangePicker = props => {
   var _props$format = props.format,
     format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,

package/lib/ProForm/components/base/Select/index.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/select/style");
-var _select = _interopRequireDefault(require("antd/es/select"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
 var _lodash = require("lodash");
 var _Container = _interopRequireDefault(require("../../Container"));
@@ -58,7 +57,7 @@ var Select = props => {
       children: value || (0, _lodash.isNumber)(value) ? transToLabel([value]) : null
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_select.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Select, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
     placeholder: `${_locale.default.ProForm.selectPlaceHolder}`,
     allowClear: true,
     getPopupContainer: trigger => {

package/lib/ProForm/components/base/Switch/index.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/switch/style");
-var _switch = _interopRequireDefault(require("antd/es/switch"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
 var _lodash = require("lodash");
 var _ProConfigProvider = require("../../../../ProConfigProvider");
@@ -38,7 +37,7 @@ var Switch = props => {
       children: res.checked === true ? `${_locale.default.ProForm.switchText[0]}` : `${_locale.default.ProForm.switchText[1]}`
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
     disabled: disabled,
     checkedChildren: `${_locale.default.ProForm.switchText[0]}`,
     unCheckedChildren: `${_locale.default.ProForm.switchText[1]}`

package/lib/ProForm/components/base/SwitchCheckbox/index.js

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/checkbox/style");
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
 var _lodash = require("lodash");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ProConfigProvider = require("../../../../ProConfigProvider");
@@ -62,7 +61,7 @@ var SwitchCheckbox = props => {
     'pro-switch-checkbox': true,
     className
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
     disabled: disabled,
     onChange: changeVal,
     className: classNames

package/lib/ProForm/components/base/TextArea/index.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-require("antd/es/input/style");
-var _input = _interopRequireDefault(require("antd/es/input"));
+var _antd = require("antd");
 var _lodash = require("lodash");
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -19,7 +18,7 @@ var _Container = _interopRequireDefault(require("../../Container"));
 require("./index.less");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["placeholder", "otherProps", "className", "tooltip"];
-var TextArea = _input.default.TextArea;
+var TextArea = _antd.Input.TextArea;
 var TextAreaDef = props => {
   var _props$style;
   var placeholder = props.placeholder,

package/lib/ProForm/components/base/TimePicker/index.js

@@ -7,16 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-require("antd/es/date-picker/style");
-var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
 var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _ProConfigProvider = require("../../../../ProConfigProvider");
 var _Container = _interopRequireDefault(require("../../Container"));
 var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["format", "onChange", "value", "otherProps"];
-var AntTimePicker = _datePicker.default.TimePicker;
+var AntTimePicker = _antd.DatePicker.TimePicker;
 var TimePicker = props => {
   var _props$format = props.format,
     format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,