@zat-design/sisyphus-react 3.14.0-beta.2 → 4.0.0-beta.10

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";
@@ -9,7 +5,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["type", "label", "show", "needConfirm", "onHandle", "onClick"],
   _excluded2 = ["title", "icon"];
 import React from 'react';
-import { cloneDeepWith, isArray, isBoolean, isEqual } from 'lodash';
+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';
@@ -85,7 +82,7 @@ var getActionColumn = config => {
     action.onEvent = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(record, _ref) {
         var _form$getFieldValue;
-        var index, form, name, namePath, tableLength, selectedRows, rowName, _record, onEvent, result;
+        var index, form, name, namePath, tableLength, selectedRows, rowName, _record, onEvent, result, actionHandler;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -132,7 +129,8 @@ var getActionColumn = config => {
               result = _context.sent;
             case 22:
               if (result !== false && type !== 'custom') {
-                actions[type](_objectSpread(_objectSpread({}, config), {}, {
+                actionHandler = actions[type];
+                actionHandler(_objectSpread(_objectSpread({}, config), {}, {
                   rowName: [...name, index],
                   virtualRowName: rowName,
                   record,
@@ -157,14 +155,14 @@ var getActionColumn = config => {
     title: locale.ProEditTable.operation,
     key: 'action',
     fixed: 'right',
-    width: actionWidth || (actionDirection === 'vertical' ? '60px' : virtualKey ? '120px' : '60px'),
+    width: actionWidth || (actionDirection === 'vertical' ? 60 : virtualKey ? 120 : 60),
     render: (text, record, index) => {
       var _rowDisabled;
       var _disabled = (_rowDisabled = rowDisabled === null || rowDisabled === void 0 ? void 0 : rowDisabled(record)) !== null && _rowDisabled !== void 0 ? _rowDisabled : false;
       if (_disabled) {
         return '';
       }
-      return /*#__PURE__*/_jsx(_Space, {
+      return /*#__PURE__*/_jsx(Space, {
         size: "small",
         direction: actionDirection,
         children: actionBtns.map(btnConfig => {
@@ -190,6 +188,7 @@ var getActionColumn = config => {
  * @param columns 表格配置数据
  * @param config
  */
+
 export var transformColumns = function transformColumns() {
   var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var config = arguments.length > 1 ? arguments[1] : undefined;
@@ -205,10 +204,10 @@ export var transformColumns = function transformColumns() {
     setState = config.setState,
     page = config.page;
   var isCell = mode === 'cell';
-  var _columns = cloneDeepFilterNode(columns);
+  var nextColumns = cloneDeepFilterNode(columns);
   var pageNum = tools.calc(page.pageNum, '-', 1);
   var firstIndex = tools.calc(pageNum, '*', page.pageSize);
-  _columns.forEach((item, index) => {
+  nextColumns.forEach((item, index) => {
     var label = item.label,
       names = item.names,
       labelRequired = item.labelRequired,
@@ -235,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, {
@@ -254,6 +253,11 @@ export var transformColumns = function transformColumns() {
       }
     }
 
+    // width转为数字，兼容虚拟滚动场景
+    if (typeof item.width === 'string' && item.width.includes('px')) {
+      item.width = parseInt(item.width, 10);
+    }
+
     // column设置name时，权重最高
     var columnName = (item === null || item === void 0 ? void 0 : item.name) || dataIndex || key;
     item.dataIndex = columnName;
@@ -261,7 +265,7 @@ export var transformColumns = function transformColumns() {
     // item.shouldCellUpdate = item.shouldCellUpdate || ((record, perRecord) => !isEqual(record, perRecord));
 
     var required = isBoolean(item.required) ? item.required : false;
-    if (typeof item.required === 'function') {
+    if (isFunction(item.required)) {
       var namePath = getNamePath(name, virtualKey);
       var namePathArray = Array.isArray(namePath) ? namePath : [namePath];
       var rowData = form.getFieldValue([...namePathArray, index]) || {};
@@ -357,9 +361,9 @@ export var transformColumns = function transformColumns() {
   });
   if (disabled || isView) {
     // 查看模式下过滤操作栏
-    _columns = _columns.filter(item => item.title !== locale.ProEditTable.operation);
+    nextColumns = nextColumns.filter(item => item.title !== locale.ProEditTable.operation);
   } else {
-    var validateKeys = _columns.filter(i => i.rules || i.required).map(item => {
+    var validateKeys = nextColumns.filter(i => i.rules || i.required).map(item => {
       var _item$names;
       if ((_item$names = item.names) !== null && _item$names !== void 0 && _item$names.length) {
         var nextDataIndex = splitNames(item.names);
@@ -371,9 +375,9 @@ export var transformColumns = function transformColumns() {
     var actionColumn = getActionColumn(_objectSpread(_objectSpread({}, config), {}, {
       validateKeys // 需要校验的单元格的formItem的name
     }));
-    actionColumn && _columns.push(actionColumn);
+    actionColumn && nextColumns.push(actionColumn);
   }
 
   // 渲染操作列
-  return _columns;
+  return nextColumns;
 };

package/es/ProEditTable/utils/useEditTableError.js

@@ -10,8 +10,9 @@ var useEditTableError = _ref => {
     errorLength = _useState2[0],
     setErrorLength = _useState2[1];
   useEffect(() => {
+    var _containerNode$childr3;
     // 如果 isEnabled 为 false 或容器节点不存在，直接跳过监听
-    if (!isEnabled || !containerNode) {
+    if (!isEnabled || !containerNode || !(containerNode !== null && containerNode !== void 0 && containerNode.querySelector)) {
       return; // 如果未启用监听或容器节点不存在，直接返回
     }
 
@@ -28,8 +29,9 @@ var useEditTableError = _ref => {
 
           // 检查目标节点是否包含指定的类
           if (target.classList.contains(className)) {
+            var _containerNode$childr;
             // 查找所有包含 className 的节点
-            var errorNodes = containerNode.querySelectorAll(`.${className}`);
+            var errorNodes = containerNode === null || containerNode === void 0 || (_containerNode$childr = containerNode.children[0]) === null || _containerNode$childr === void 0 ? void 0 : _containerNode$childr.querySelectorAll(`.${className}`);
 
             // 过滤这些节点，只保留那些类名完全为 `ant-form-item-explain-error` 的节点
             var validErrorNodes = Array.from(errorNodes).filter(node => node.classList.length === 1 && node.classList.contains('ant-form-item-explain-error'));
@@ -49,8 +51,9 @@ var useEditTableError = _ref => {
           // 检查删除的节点是否包含指定的类名
           mutation.removedNodes.forEach(removedNode => {
             if (removedNode instanceof HTMLElement && removedNode.classList.contains('ant-table-row')) {
+              var _containerNode$childr2;
               // 更新错误数量
-              var _errorNodes = containerNode.querySelectorAll(`.${className}`);
+              var _errorNodes = containerNode === null || containerNode === void 0 || (_containerNode$childr2 = containerNode.children[0]) === null || _containerNode$childr2 === void 0 ? void 0 : _containerNode$childr2.querySelectorAll(`.${className}`);
               if (errorLength === 0) {
                 debouncedSetErrorLength(0);
               }
@@ -75,7 +78,12 @@ var useEditTableError = _ref => {
     };
 
     // 启动 MutationObserver
-    observer.observe(containerNode.querySelector('tbody'), config);
+    var targetNode = containerNode === null || containerNode === void 0 || (_containerNode$childr3 = containerNode.children[0]) === null || _containerNode$childr3 === void 0 ? void 0 : _containerNode$childr3.querySelector('tbody');
+    if (targetNode instanceof HTMLElement) {
+      observer.observe(targetNode, config);
+    } else {
+      console.error('warning: tbody element not found or invalid');
+    }
 
     // 清理 MutationObserver 和防抖定时器
     return () => {

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/hooks/useEnum.js

@@ -42,6 +42,11 @@ function useEnum(codes, value, compose) {
     fieldNames = _ref3$fieldNames === void 0 ? {} : _ref3$fieldNames,
     _ref3$clear = _ref3.clear,
     clear = _ref3$clear === void 0 ? true : _ref3$clear;
+
+  // 存在子应用自管理枚举时，需要根据其指定的cacheKey进行缓存
+  if (cacheKey !== 'zat-design-pro-component-cacheKey') {
+    baseEnumStorage = null;
+  }
   var catchData = getEnumData(storage, cacheKey, baseEnumStorage);
 
   // 默认枚举缓存数据

package/es/ProEnum/hooks/useEnumRequest.js

@@ -4,10 +4,10 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _ref;
 import { useEffect } from 'react';
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
-import { diffCode, getEnumData, setEnumData, cacheFieldNames } from "../utils";
+import { diffCode, getEnumData, setEnumData, cacheFieldNames, baseCacheKey } from "../utils";
 import locale from "../../locale";
 import "../utils/eventCenter";
-var baseEnumStorage = (_ref = window.localStorage.getItem('zat-design-pro-component-cacheKey') && JSON.parse(window.localStorage.getItem('zat-design-pro-component-cacheKey'))) !== null && _ref !== void 0 ? _ref : null;
+var baseEnumStorage = (_ref = window.localStorage.getItem(baseCacheKey) && JSON.parse(window.localStorage.getItem(baseCacheKey))) !== null && _ref !== void 0 ? _ref : null;
 var useEnumRequest = (props, dispatch) => {
   var _ref2 = props || {},
     _ref2$main = _ref2.main,
@@ -23,7 +23,7 @@ var useEnumRequest = (props, dispatch) => {
       children: 'children'
     } : _ref2$fieldNames,
     _ref2$cacheKey = _ref2.cacheKey,
-    cacheKey = _ref2$cacheKey === void 0 ? 'zat-design-pro-component-cacheKey' : _ref2$cacheKey,
+    cacheKey = _ref2$cacheKey === void 0 ? baseCacheKey : _ref2$cacheKey,
     _ref2$requestRefresh = _ref2.requestRefresh,
     requestRefresh = _ref2$requestRefresh === void 0 ? false : _ref2$requestRefresh,
     _ref2$storage = _ref2.storage,

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/ProEnum/style/index.less

@@ -1,5 +1,3 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
 
 @zaui-disabled-bg: var(--zaui-disabled-bg);
 

package/es/ProEnum/utils/index.d.ts

@@ -1,5 +1,6 @@
 import { DataOption } from '../propsType';
 type StorageType = 'localStorage' | 'sessionStorage';
+export declare const baseCacheKey = "zat-design-pro-component-cacheKey";
 interface EnumRes {
     data: Record<string, DataOption[]>;
     [key: string]: any;

package/es/ProEnum/utils/index.js

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+export var baseCacheKey = 'zat-design-pro-component-cacheKey';
 /**
  * 获取枚举数据
  * @param storage
@@ -8,13 +9,8 @@ var _excluded = ["children"];
  * @returns
  */
 export function getEnumData(storage, cacheKey, baseEnumStorage) {
-  var _baseEnumStorage = baseEnumStorage;
-  // 存在子应用自管理枚举时，需要根据其指定的cacheKey进行缓存
-  if (cacheKey !== 'zat-design-pro-component-cacheKey') {
-    _baseEnumStorage = null;
-  }
-  if (_baseEnumStorage && window.localStorage.getItem(cacheKey)) {
-    return _baseEnumStorage;
+  if (baseEnumStorage && window.localStorage.getItem(cacheKey) && cacheKey === baseCacheKey) {
+    return baseEnumStorage;
   }
   if (storage === 'localStorage') {
     return JSON.parse(window.localStorage.getItem(cacheKey) || '{}');

package/es/ProForm/components/Container.d.ts

@@ -3,6 +3,7 @@ interface Props {
     tooltip?: boolean;
     nowrap?: boolean;
     viewEmpty?: React.ReactNode;
+    children?: React.ReactNode;
 }
 declare const Container: React.FC<Props>;
 export default Container;

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";
@@ -22,12 +19,15 @@ var FormFooter = props => {
     confirmLoading = _initialConfig$props.confirmLoading,
     formId = _initialConfig$props.formId,
     form = _initialConfig$props.form;
-  var _footer$okButtonProps = footer.okButtonProps,
-    okButtonProps = _footer$okButtonProps === void 0 ? {} : _footer$okButtonProps,
-    _footer$cancelButtonP = footer.cancelButtonProps,
-    cancelButtonProps = _footer$cancelButtonP === void 0 ? {} : _footer$cancelButtonP;
-  var okChildren = okButtonProps.children;
-  var cancelChildren = cancelButtonProps.children;
+  var _ref = footer || {},
+    _ref$okButtonProps = _ref.okButtonProps,
+    okButtonProps = _ref$okButtonProps === void 0 ? {} : _ref$okButtonProps,
+    _ref$cancelButtonProp = _ref.cancelButtonProps,
+    cancelButtonProps = _ref$cancelButtonProp === void 0 ? {} : _ref$cancelButtonProp;
+  var _ref2 = okButtonProps || {},
+    okChildren = _ref2.children;
+  var _ref3 = cancelButtonProps || {},
+    cancelChildren = _ref3.children;
   var searchCache = useMemo(() => {
     var cacheStr = window.sessionStorage.getItem(PRO_FORM_CACHE);
     var cache = JSON.parse(cacheStr || '{}');
@@ -38,7 +38,7 @@ var FormFooter = props => {
       form.setFieldsValue(searchCache[formId]);
     }
   }, [formId]);
-  var _onOk = () => {
+  var nextOnOk = () => {
     var _modifiedForm$__INTER;
     if (formId) {
       var values = form.getFieldsValue();
@@ -54,31 +54,30 @@ var FormFooter = props => {
       form.validateFields().then(() => {
         onOk();
       }).catch(error => {
-        // 验证失败，不执行 onOk
-        console.log('校验失败', error);
+        console.warn('ProForm validateFields error', error);
       });
     } else {
       onOk();
     }
   };
-  var _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 || `${locale.ProForm.search}`
-    })), /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({
-      onClick: _onCancel
+    })), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      onClick: nextOnCancel
     }, cancelButtonProps), {}, {
       children: cancelChildren || cancelText || `${locale.ProForm.reset}`
     })), children]

package/es/ProForm/components/FormFooter/propsType.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonProps, ColProps, FormInstance } from 'antd';
 import { ModifiedFormInstanceType } from '../../utils/useForm';
 export interface ButtonItem extends ButtonProps {
@@ -17,6 +18,7 @@ export interface FooterRenderType {
     confirmLoading?: boolean;
     formId?: string;
     form: FormInstance | ModifiedFormInstanceType<any>;
+    children?: React.ReactNode;
 }
 /**
  * 兼容旧命名导出

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.d.ts

@@ -1,12 +1,10 @@
 import { DatePickerProps, TimePickerProps } from 'antd';
-import { Moment } from 'moment';
 import React from 'react';
-import { PickerPanelDateProps } from 'antd/lib/calendar/generateCalendar';
 export type Props = DatePickerProps & TimePickerProps & {
     isView?: boolean;
     viewEmpty?: React.ReactNode;
     format?: string;
-    showTime?: PickerPanelDateProps<Moment>['showTime'];
+    showTime?: boolean | Record<string, any>;
     showNow?: boolean;
 };
 declare const DatePicker: React.FC<Props>;