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

package/es/ProEditTable/index.js

@@ -1,18 +1,13 @@
-import "antd/es/affix/style";
-import _Affix from "antd/es/affix";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import "antd/es/config-provider/style";
-import _ConfigProvider from "antd/es/config-provider";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["value", "onChange", "onDrag", "onDragEnd", "className", "columns", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "toolbarSticky", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "rowKey", "rowDisabled", "rowDraggable", "footerRender", "scroll", "actionDirection", "diffConfig"];
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import { get, isArray, isBoolean, isFunction, set } from 'lodash';
 import { useLocalStorageState, useSetState } from 'ahooks';
+import { ConfigProvider, Form, Affix } from 'antd';
 import classnames from 'classnames';
 import { transformColumns } from "./utils";
 import { getRandom, getNamePath, handleScrollToError, onPageCheck } from "./utils/tools";
@@ -25,7 +20,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ProEditTable = (_ref, ref) => {
-  var _resetProps$id, _resetProps$id$split, _themeConfig$data2, _resetProps$otherProp;
+  var _resetProps$id, _resetProps$id$split, _ref2, _formFieldProps$shoul, _themeConfig$data2, _resetProps$otherProp;
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,
     onChange = _ref.onChange,
@@ -73,11 +68,12 @@ var ProEditTable = (_ref, ref) => {
     diffConfig = _ref.diffConfig,
     resetProps = _objectWithoutProperties(_ref, _excluded);
   // 上下文form
-  var contentForm = _Form.useFormInstance();
+  var contentForm = Form.useFormInstance();
   var formFieldProps = ProForm.useFieldProps() || {};
   var affixRef = useRef(null);
   var form = contentForm || (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.form) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.form);
   var name = (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.name) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.name) || (resetProps === null || resetProps === void 0 || (_resetProps$id = resetProps.id) === null || _resetProps$id === void 0 || (_resetProps$id$split = _resetProps$id.split) === null || _resetProps$id$split === void 0 ? void 0 : _resetProps$id$split.call(_resetProps$id, '_'));
+  var shouldUpdateDebounce = (_ref2 = (_formFieldProps$shoul = formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.shouldUpdateDebounce) !== null && _formFieldProps$shoul !== void 0 ? _formFieldProps$shoul : resetProps === null || resetProps === void 0 ? void 0 : resetProps.shouldUpdateDebounce) !== null && _ref2 !== void 0 ? _ref2 : 200;
   var _formFieldProps$isVie = formFieldProps.isView,
     isView = _formFieldProps$isVie === void 0 ? false : _formFieldProps$isVie,
     _formFieldProps$viewE = formFieldProps.viewEmpty,
@@ -93,15 +89,15 @@ var ProEditTable = (_ref, ref) => {
   // const valueChangeRef = useRef<number>(0);
   // valueChangeRef.current = 0;
 
-  var _React$useContext = React.useContext(_ConfigProvider.ConfigContext),
+  var _React$useContext = React.useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls;
   var prefixCls = getPrefixCls();
   var _useLocalStorageState = useLocalStorageState('themeConfig'),
     _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 1),
     themeConfig = _useLocalStorageState2[0];
   var requiredAlign = useMemo(() => {
-    var _ref2, _themeConfig$data$zau, _themeConfig$data;
-    return (_ref2 = (_themeConfig$data$zau = themeConfig === null || themeConfig === void 0 || (_themeConfig$data = themeConfig.data) === null || _themeConfig$data === void 0 ? void 0 : _themeConfig$data.zauiFormAlign) !== null && _themeConfig$data$zau !== void 0 ? _themeConfig$data$zau : configRequiredAlign) !== null && _ref2 !== void 0 ? _ref2 : 'left';
+    var _ref3, _themeConfig$data$zau, _themeConfig$data;
+    return (_ref3 = (_themeConfig$data$zau = themeConfig === null || themeConfig === void 0 || (_themeConfig$data = themeConfig.data) === null || _themeConfig$data === void 0 ? void 0 : _themeConfig$data.zauiFormAlign) !== null && _themeConfig$data$zau !== void 0 ? _themeConfig$data$zau : configRequiredAlign) !== null && _ref3 !== void 0 ? _ref3 : 'left';
   }, [themeConfig === null || themeConfig === void 0 || (_themeConfig$data2 = themeConfig.data) === null || _themeConfig$data2 === void 0 ? void 0 : _themeConfig$data2.zauiFormAlign, configRequiredAlign]);
   var _useSetState = useSetState({
       cellNamePath: [],
@@ -143,8 +139,8 @@ var ProEditTable = (_ref, ref) => {
   var getRowKey = useCallback(record => {
     var key = record.rowKey || getRandom();
     if (rowKey) {
-      var _ref3;
-      key = (_ref3 = isFunction(rowKey) ? rowKey(record) : record[rowKey]) !== null && _ref3 !== void 0 ? _ref3 : key;
+      var _ref4;
+      key = (_ref4 = isFunction(rowKey) ? rowKey(record) : record[rowKey]) !== null && _ref4 !== void 0 ? _ref4 : key;
     }
     return key;
   }, [rowKey]);
@@ -179,7 +175,7 @@ var ProEditTable = (_ref, ref) => {
 
   // 分页变更
   var handlePageChange = useCallback( /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(current, pageSize) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(current, pageSize) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -225,7 +221,7 @@ var ProEditTable = (_ref, ref) => {
       }, _callee, null, [[0, 10]]);
     }));
     return function (_x, _x2) {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }(), [pagination, page.pageSize, form, name]);
   var config = _objectSpread({
@@ -262,6 +258,7 @@ var ProEditTable = (_ref, ref) => {
     rowDisabled,
     actionDirection,
     diffConfig: _objectSpread(_objectSpread({}, resetProps === null || resetProps === void 0 || (_resetProps$otherProp = resetProps.otherProps) === null || _resetProps$otherProp === void 0 ? void 0 : _resetProps$otherProp.diffConfig), diffConfig),
+    shouldUpdateDebounce,
     getIsNew,
     handlePageChange
   }, resetProps);
@@ -322,7 +319,7 @@ var ProEditTable = (_ref, ref) => {
 
   // 空列表状态
   var emptyDom = useMemo(() => () => {
-    var _filter, _ref5;
+    var _filter, _ref6;
     return /*#__PURE__*/_jsxs("div", {
       className: "com-empty",
       children: [/*#__PURE__*/_jsx("img", {
@@ -333,7 +330,7 @@ var ProEditTable = (_ref, ref) => {
         className: "content",
         children: disabled || isForbiddenBtn('add') ? locale.ProEditTable.noData : /*#__PURE__*/_jsxs(_Fragment, {
           children: [locale.ProEditTable.noData, "\uFF0C", /*#__PURE__*/_jsx(RenderToolbar, _objectSpread({}, _objectSpread(_objectSpread({}, config), {}, {
-            toolbarProps: toolbarProps === null || toolbarProps === void 0 || (_filter = (_ref5 = toolbarProps).filter) === null || _filter === void 0 ? void 0 : _filter.call(_ref5, item => item.type === 'add' || (item === null || item === void 0 ? void 0 : item.persistence)),
+            toolbarProps: toolbarProps === null || toolbarProps === void 0 || (_filter = (_ref6 = toolbarProps).filter) === null || _filter === void 0 ? void 0 : _filter.call(_ref6, item => item.type === 'add' || (item === null || item === void 0 ? void 0 : item.persistence)),
             dataSource: []
           })))]
         })
@@ -409,7 +406,7 @@ var ProEditTable = (_ref, ref) => {
   }) : summary;
   var TableComponent = draggable ? DraggableTable : BaseTable;
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(_ConfigProvider, {
+    children: [/*#__PURE__*/_jsx(ConfigProvider, {
       renderEmpty: value !== null && value !== void 0 && value.length ? undefined : emptyDom,
       children: /*#__PURE__*/_jsx(TableComponent, _objectSpread(_objectSpread({}, resetProps), {}, {
         draggableProps: {
@@ -441,7 +438,7 @@ var ProEditTable = (_ref, ref) => {
           handlePageChange
         }
       }))
-    }), !isView && value !== null && value !== void 0 && value.length ? toolbarSticky ? /*#__PURE__*/_jsx(_Affix, _objectSpread(_objectSpread({
+    }), !isView && value !== null && value !== void 0 && value.length ? toolbarSticky ? /*#__PURE__*/_jsx(Affix, _objectSpread(_objectSpread({
       ref: affixRef
     }, _toolbarSticky), {}, {
       children: /*#__PURE__*/_jsx("div", {

package/es/ProEditTable/propsType.d.ts

@@ -402,6 +402,12 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
         /** 是否跟随父元素滚动 */
         scrollFollowParent?: boolean;
     };
+    /**
+     * 动态属性更新防抖时间（毫秒）
+     * 用于优化表格编辑时的性能，对 fieldProps、desensitization, required、rules、isEditable, valueType 等属性进行防抖处理, 当设置为 0 时禁用防抖，所有属性立即响应
+     * @default 200
+     */
+    shouldUpdateDebounce?: number;
 }
 /**
  * 基础操作按钮类型（基于接口）

package/es/ProEditTable/utils/config.js

@@ -1,10 +1,9 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/message/style";
-import _message from "antd/es/message";
 import { PlusOutlined } from '@ant-design/icons';
 import { tools } from '@zat-design/utils';
+import { message } from 'antd';
 import { set } from 'lodash';
 import { onDelete, getRandom } from "./tools";
 import locale from "../../locale";
@@ -46,7 +45,7 @@ export var actions = {
       onlyOneLineMsg = _ref.onlyOneLineMsg;
     // 单行编辑时，需要先保存，才能进行下面的编辑
     if (virtualKey && editingKeys.length >= 1) {
-      _message.warning(onlyOneLineMsg);
+      message.warning(onlyOneLineMsg);
       return false;
     }
     var nextEditingKeys = [...editingKeys];
@@ -143,7 +142,7 @@ export var actions = {
       onlyOneLineMsg = _ref4.onlyOneLineMsg;
     // 单行编辑时，需要先保存，才能进行下面的编辑
     if (virtualKey && editingKeys.length >= 1) {
-      _message.warning(onlyOneLineMsg);
+      message.warning(onlyOneLineMsg);
       return false;
     }
     // 删除当前行数据
@@ -174,7 +173,7 @@ export var actions = {
               _context4.next = 5;
               break;
             }
-            _message.warning(onlyOneLineMsg);
+            message.warning(onlyOneLineMsg);
             return _context4.abrupt("return", false);
           case 5:
             rowKey = getRandom(); // 添加新增对象数据

package/es/ProEditTable/utils/index.js

@@ -1,7 +1,3 @@
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
@@ -10,6 +6,7 @@ var _excluded = ["type", "label", "show", "needConfirm", "onHandle", "onClick"],
   _excluded2 = ["title", "icon"];
 import React from 'react';
 import { cloneDeepWith, isArray, isBoolean, isEqual, isFunction } from 'lodash';
+import { Tooltip, Space } from 'antd';
 import classnames from 'classnames';
 import { ReactSVG } from 'react-svg';
 import { tools } from '@zat-design/utils';
@@ -165,7 +162,7 @@ var getActionColumn = config => {
       if (_disabled) {
         return '';
       }
-      return /*#__PURE__*/_jsx(_Space, {
+      return /*#__PURE__*/_jsx(Space, {
         size: "small",
         direction: actionDirection,
         children: actionBtns.map(btnConfig => {
@@ -237,7 +234,7 @@ export var transformColumns = function transformColumns() {
           resetProps = _objectWithoutProperties(_ref3, _excluded2);
         item.title = /*#__PURE__*/_jsxs("span", {
           className: "pro-edit-table-title pro-edit-table-tooltip",
-          children: [before, columnTitle, /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
+          children: [before, columnTitle, /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
             title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip
           }, resetProps), {}, {
             children: icon ? ( /*#__PURE__*/React.cloneElement(icon, {

package/es/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/es/ProEditTable/utils/useShouldUpdateForTable.js

@@ -0,0 +1,132 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useRef, useState, useEffect } from 'react';
+import { isFunction, isEqualWith, debounce } from 'lodash';
+import { customEqualForFunction } from "../../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 = useRef();
+  var requiredRef = useRef();
+  var rulesRef = useRef();
+  var fieldPropsRef = useRef();
+  var desensitizationRef = useRef();
+  var valueTypeRef = useRef();
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    reRender = _useState2[1];
+  var debouncedUpdateRef = useRef(null);
+  var pendingParamsRef = useRef(null);
+
+  // 统一处理所有动态属性的更新
+  var processUpdate = params => {
+    var hasChange = false;
+
+    // isEditable 处理
+    if (isFunction(column.isEditable)) {
+      var newIsEditable = column.isEditable(...params);
+      if (isEditableRef.current !== newIsEditable) {
+        isEditableRef.current = newIsEditable;
+        hasChange = true;
+      }
+    } else {
+      isEditableRef.current = column.isEditable;
+    }
+
+    // required 处理
+    if (isFunction(column.required)) {
+      var newRequired = column.required(...params);
+      if (requiredRef.current !== newRequired) {
+        requiredRef.current = newRequired;
+        hasChange = true;
+      }
+    } else {
+      requiredRef.current = column.required;
+    }
+
+    // rules 处理
+    if (isFunction(column.rules)) {
+      var newRules = column.rules(...params);
+      if (!isEqualWith(rulesRef.current, newRules, customEqualForFunction)) {
+        rulesRef.current = newRules;
+        hasChange = true;
+      }
+    } else {
+      rulesRef.current = column.rules;
+    }
+
+    // fieldProps 处理
+    if (isFunction(column.fieldProps)) {
+      var newFieldProps = column.fieldProps(...params);
+      if (!isEqualWith(fieldPropsRef.current, newFieldProps, customEqualForFunction)) {
+        fieldPropsRef.current = newFieldProps;
+        hasChange = true;
+      }
+    } else {
+      fieldPropsRef.current = column.fieldProps;
+    }
+
+    // desensitization 处理
+    if (isFunction(column.desensitization)) {
+      var newDesensitization = column.desensitization(...params);
+      if (!isEqualWith(desensitizationRef.current, newDesensitization)) {
+        desensitizationRef.current = newDesensitization;
+        hasChange = true;
+      }
+    } else {
+      desensitizationRef.current = column.desensitization;
+    }
+
+    // valueType 处理
+    if (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({});
+    }
+  };
+
+  // 创建防抖函数（统一处理所有动态属性）
+  useEffect(() => {
+    if (shouldUpdateDebounce > 0 && (isFunction(column.isEditable) || isFunction(column.required) || isFunction(column.rules) || isFunction(column.fieldProps) || isFunction(column.desensitization) || isFunction(column.valueType))) {
+      debouncedUpdateRef.current = 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
+  };
+};
+export default useShouldUpdateForTable;

package/es/ProEnum/index.js

@@ -1,17 +1,10 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
-import "antd/es/radio/style";
-import _Radio from "antd/es/radio";
-import "antd/es/message/style";
-import _message from "antd/es/message";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["code", "type", "dataSource", "useRequest", "value", "component", "onChange", "transformResponse", "otherProps", "isView"],
   _excluded2 = ["fieldNames", "clear", "cacheKey", "showCodeName"];
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
+import { message, Radio, Checkbox, Space } from 'antd';
 import React, { useState, useEffect, useMemo } from 'react';
 import { cloneDeep, isFunction, isString, isArray, omit, isNumber } from 'lodash';
 import ProSelect from "../ProSelect";
@@ -97,7 +90,7 @@ var ProEnum = props => {
           var responseData = transformResponse(res);
           if (typeof responseData !== 'object') {
             var _locale$ProEnum;
-            return _message.error((_locale$ProEnum = locale.ProEnum) === null || _locale$ProEnum === void 0 ? void 0 : _locale$ProEnum.errorMessage);
+            return message.error((_locale$ProEnum = locale.ProEnum) === null || _locale$ProEnum === void 0 ? void 0 : _locale$ProEnum.errorMessage);
           }
           setData(responseData);
         } else {
@@ -108,7 +101,7 @@ var ProEnum = props => {
           if (status === 200) {
             if (typeof data !== 'object') {
               var _locale$ProEnum2;
-              return _message.error((_locale$ProEnum2 = locale.ProEnum) === null || _locale$ProEnum2 === void 0 ? void 0 : _locale$ProEnum2.errorMessage);
+              return message.error((_locale$ProEnum2 = locale.ProEnum) === null || _locale$ProEnum2 === void 0 ? void 0 : _locale$ProEnum2.errorMessage);
             }
             if (Array.isArray(data)) {
               setData([...data]);
@@ -117,7 +110,7 @@ var ProEnum = props => {
               setData(data[code]);
             }
           } else {
-            _message.error(msg);
+            message.error(msg);
           }
         }
       }
@@ -184,22 +177,22 @@ var ProEnum = props => {
           onChange: onChange
         }));
       case 'Radio':
-        return /*#__PURE__*/_jsx(_Radio.Group, _objectSpread(_objectSpread({}, omit(enumProps, ['fieldNames', 'showCodeName'])), {}, {
+        return /*#__PURE__*/_jsx(Radio.Group, _objectSpread(_objectSpread({}, omit(enumProps, ['fieldNames', 'showCodeName'])), {}, {
           options: list,
           value: value,
           onChange: onChange,
-          children: list.map(item => /*#__PURE__*/_jsx(_Radio, {
+          children: list.map(item => /*#__PURE__*/_jsx(Radio, {
             value: item[fieldValue],
             disabled: !!item.disabled,
             children: item[label]
           }, item[fieldValue]))
         }));
       case 'Checkbox':
-        return /*#__PURE__*/_jsx(_Checkbox.Group, _objectSpread(_objectSpread({}, omit(enumProps, ['fieldNames', 'showCodeName'])), {}, {
+        return /*#__PURE__*/_jsx(Checkbox.Group, _objectSpread(_objectSpread({}, omit(enumProps, ['fieldNames', 'showCodeName'])), {}, {
           options: list,
           value: value,
           onChange: onChange,
-          children: list.map(item => /*#__PURE__*/_jsx(_Checkbox, {
+          children: list.map(item => /*#__PURE__*/_jsx(Checkbox, {
             value: item[fieldValue],
             disabled: !!item.disabled,
             children: item[label]
@@ -228,7 +221,7 @@ var ProEnum = props => {
   };
   if (!code && !dataSource && !useRequest) {
     var _locale$ProEnum4;
-    _message.error(`${otherProps === null || otherProps === void 0 ? void 0 : otherProps.label}-${otherProps === null || otherProps === void 0 ? void 0 : otherProps.name}-${locale === null || locale === void 0 || (_locale$ProEnum4 = locale.ProEnum) === null || _locale$ProEnum4 === void 0 ? void 0 : _locale$ProEnum4.errorNoEnumType}`);
+    message.error(`${otherProps === null || otherProps === void 0 ? void 0 : otherProps.label}-${otherProps === null || otherProps === void 0 ? void 0 : otherProps.name}-${locale === null || locale === void 0 || (_locale$ProEnum4 = locale.ProEnum) === null || _locale$ProEnum4 === void 0 ? void 0 : _locale$ProEnum4.errorNoEnumType}`);
   }
   var transToLabel = value => {
     var list = dataList && dataList.length ? dataList : enumLists;
@@ -261,7 +254,7 @@ var ProEnum = props => {
       record.forEach(item => {
         arr.push(props.optionRender(item));
       });
-      return /*#__PURE__*/_jsx(_Space, {
+      return /*#__PURE__*/_jsx(Space, {
         direction: "vertical",
         size: 4,
         children: arr.map(item => /*#__PURE__*/_jsx(React.Fragment, {

package/es/ProForm/components/Container.js

@@ -1,6 +1,5 @@
-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";
@@ -17,7 +16,7 @@ var 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,8 +1,5 @@
-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";
@@ -70,8 +67,8 @@ var FormFooter = props => {
     }
     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: nextOnOk,
@@ -79,7 +76,7 @@ var FormFooter = props => {
       loading: confirmLoading
     }, okButtonProps), {}, {
       children: okChildren || okText || `${locale.ProForm.search}`
-    })), /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({
+    })), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
       onClick: nextOnCancel
     }, cancelButtonProps), {}, {
       children: cancelChildren || cancelText || `${locale.ProForm.reset}`

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

@@ -1,9 +1,8 @@
 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";
@@ -59,13 +58,13 @@ var Checkbox = props => {
       };
     }
   }
-  return /*#__PURE__*/_jsx(_Checkbox.Group, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(AntCheckbox.Group, _objectSpread(_objectSpread({
     style: {
       width: '100%'
     }
   }, rest), {}, {
     children: !!dataSource.length && dataSource.map(item => {
-      return /*#__PURE__*/_createElement(_Checkbox, _objectSpread(_objectSpread({}, item), {}, {
+      return /*#__PURE__*/_createElement(AntCheckbox, _objectSpread(_objectSpread({}, item), {}, {
         key: item[_fieldNames.value],
         value: item[_fieldNames.value]
       }), item[_fieldNames.label]);

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

@@ -1,8 +1,7 @@
-import "antd/es/date-picker/style";
-import _DatePicker from "antd/es/date-picker";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "format"];
+import { DatePicker as AntDatePicker } from 'antd';
 import { isFunction, isString, isObject, omit } from 'lodash';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
@@ -63,7 +62,7 @@ var DatePicker = props => {
   if (isString(restProps.value)) {
     restProps.value = dayjs(restProps.value);
   }
-  return /*#__PURE__*/_jsx(_DatePicker, _objectSpread(_objectSpread(_objectSpread({}, initialConfig), {}, {
+  return /*#__PURE__*/_jsx(AntDatePicker, _objectSpread(_objectSpread(_objectSpread({}, initialConfig), {}, {
     format: nextFormat
   }, omit(restProps, ['otherProps'])), {}, {
     className: nextClassName

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

@@ -1,9 +1,8 @@
 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 { isFunction, omit } from 'lodash';
 import { useProConfig } from "../../../../ProConfigProvider";
 import Container from "../../Container";
@@ -47,7 +46,7 @@ var Input = function Input(props) {
       children: rest.value
     });
   }
-  var ComInput = /*#__PURE__*/_jsx(_Input, _objectSpread(_objectSpread({
+  var ComInput = /*#__PURE__*/_jsx(AntInput, _objectSpread(_objectSpread({
     autoComplete: "off",
     placeholder: placeholder || `${locale.ProForm.inputPlaceholder}`
   }, omit(initialConfig, ['trim', 'upperCase'])), rest));

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

@@ -1,12 +1,9 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-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';
@@ -231,7 +228,7 @@ var 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)]
           })
@@ -289,7 +286,7 @@ var InputNumber = props => {
     activateRef.current = true;
     onFocus === null || onFocus === void 0 || onFocus(e);
   };
-  return /*#__PURE__*/_jsx(_InputNumber, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(AntInputNumber, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     autoComplete: "off",
     placeholder: placeholder || `${locale.ProForm.inputPlaceholder}${label !== null && label !== void 0 ? label : ''}`,
     className: _className

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

@@ -1,8 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/radio/style";
-import _Radio from "antd/es/radio";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dataSource", "fieldNames", "onChange", "value", "otherProps"];
+import { Radio as AntRadio } from 'antd';
 import React from 'react';
 import { useProConfig } from "../../../../ProConfigProvider";
 import Container from "../../Container";
@@ -51,13 +50,13 @@ var Radio = props => {
       };
     }
   }
-  return /*#__PURE__*/_jsx(_Radio.Group, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/_jsx(AntRadio.Group, _objectSpread(_objectSpread({}, rest), {}, {
     value: value,
     onChange: e => {
       _onChange(e, e.target.value);
     },
     children: !!(dataSource !== null && dataSource !== void 0 && dataSource.length) && dataSource.map(radioItem => {
-      return /*#__PURE__*/_jsx(_Radio, {
+      return /*#__PURE__*/_jsx(AntRadio, {
         value: radioItem[_fieldNames.value],
         children: radioItem[_fieldNames.label]
       }, radioItem[_fieldNames.value]);