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

package/es/ProEditTable/utils/useEditTableError.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useState, useEffect } from 'react';
 import { debounce } from 'lodash';
-var useEditTableError = function useEditTableError(_ref) {
+var useEditTableError = _ref => {
   var containerNode = _ref.containerNode,
     className = _ref.className,
     isEnabled = _ref.isEnabled;
@@ -9,7 +9,7 @@ var useEditTableError = function useEditTableError(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     errorLength = _useState2[0],
     setErrorLength = _useState2[1];
-  useEffect(function () {
+  useEffect(() => {
     var _containerNode$childr3;
     // 如果 isEnabled 为 false 或容器节点不存在，直接跳过监听
     if (!isEnabled || !containerNode || !(containerNode !== null && containerNode !== void 0 && containerNode.querySelector)) {
@@ -17,12 +17,12 @@ var useEditTableError = function useEditTableError(_ref) {
     }
 
     // 防抖处理：将 setErrorLength 函数进行防抖
-    var debouncedSetErrorLength = debounce(function (errorCount) {
+    var debouncedSetErrorLength = debounce(errorCount => {
       setErrorLength(errorCount); // 更新错误数量
     }, 300); // 300ms 后更新状态
 
-    var observer = new MutationObserver(function (mutations) {
-      mutations.forEach(function (mutation) {
+    var observer = new MutationObserver(mutations => {
+      mutations.forEach(mutation => {
         // 只处理节点的 class 属性变化
         if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
           var target = mutation.target;
@@ -31,12 +31,10 @@ var useEditTableError = function useEditTableError(_ref) {
           if (target.classList.contains(className)) {
             var _containerNode$childr;
             // 查找所有包含 className 的节点
-            var errorNodes = containerNode === null || containerNode === void 0 || (_containerNode$childr = containerNode.children[0]) === null || _containerNode$childr === void 0 ? void 0 : _containerNode$childr.querySelectorAll(".".concat(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(function (node) {
-              return node.classList.length === 1 && node.classList.contains('ant-form-item-explain-error');
-            });
+            var validErrorNodes = Array.from(errorNodes).filter(node => node.classList.length === 1 && node.classList.contains('ant-form-item-explain-error'));
             if (errorLength === 0) {
               debouncedSetErrorLength(0);
             }
@@ -51,11 +49,11 @@ var useEditTableError = function useEditTableError(_ref) {
         // 监听子节点的添加或删除
         if (mutation.type === 'childList') {
           // 检查删除的节点是否包含指定的类名
-          mutation.removedNodes.forEach(function (removedNode) {
+          mutation.removedNodes.forEach(removedNode => {
             if (removedNode instanceof HTMLElement && removedNode.classList.contains('ant-table-row')) {
               var _containerNode$childr2;
               // 更新错误数量
-              var _errorNodes = containerNode === null || containerNode === void 0 || (_containerNode$childr2 = containerNode.children[0]) === null || _containerNode$childr2 === void 0 ? void 0 : _containerNode$childr2.querySelectorAll(".".concat(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);
               }
@@ -88,7 +86,7 @@ var useEditTableError = function useEditTableError(_ref) {
     }
 
     // 清理 MutationObserver 和防抖定时器
-    return function () {
+    return () => {
       observer.disconnect();
       debouncedSetErrorLength.cancel(); // 取消防抖定时器
     };

package/es/ProEnum/components/Group.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import classNames from 'classnames';
 import { useEffect, useRef, useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-var Group = function Group(props) {
+var Group = props => {
   var value = props.value,
     onChange = props.onChange,
     dataSource = props.dataSource,
@@ -17,14 +17,12 @@ var Group = function Group(props) {
     refresh = _useState2[0],
     setRefresh = _useState2[1];
   var idx = useRef(-1);
-  useEffect(function () {
-    var index = dataSource.findIndex(function (item) {
-      return item[fieldValue] === value;
-    });
+  useEffect(() => {
+    var index = dataSource.findIndex(item => item[fieldValue] === value);
     idx.current = index;
     setRefresh(!refresh);
   }, [value]);
-  var handleClick = function handleClick(val, index) {
+  var handleClick = (val, index) => {
     if (value === val) {
       if (!allowClear) {
         return false;
@@ -47,22 +45,20 @@ var Group = function Group(props) {
       'pro-enum-group-root': true,
       'pro-enum-group-root-disabled': disabled
     }),
-    children: dataSource.map(function (item, index) {
-      return /*#__PURE__*/_jsx("div", {
-        onClick: function onClick() {
-          if (!item.disabled && !disabled) {
-            handleClick(item[fieldValue], index);
-          }
-        },
-        className: classNames({
-          'pro-enum-group-item': true,
-          'pro-enum-group-item-selected': value === item[fieldValue],
-          'pro-enum-group-item-disabled-after': index === idx.current || index + 1 === idx.current,
-          'pro-enum-group-item-disabled': item.disabled
-        }),
-        children: item[fieldLabel]
-      }, item[fieldValue]);
-    })
+    children: dataSource.map((item, index) => /*#__PURE__*/_jsx("div", {
+      onClick: () => {
+        if (!item.disabled && !disabled) {
+          handleClick(item[fieldValue], index);
+        }
+      },
+      className: classNames({
+        'pro-enum-group-item': true,
+        'pro-enum-group-item-selected': value === item[fieldValue],
+        'pro-enum-group-item-disabled-after': index === idx.current || index + 1 === idx.current,
+        'pro-enum-group-item-disabled': item.disabled
+      }),
+      children: item[fieldLabel]
+    }, item[fieldValue]))
   });
 };
 export default Group;

package/es/ProEnum/components/Tag.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import classNames from 'classnames';
 import { useEffect, useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProEnumTag = function ProEnumTag(props) {
+var ProEnumTag = props => {
   var value = props.value,
     onChange = props.onChange,
     dataSource = props.dataSource,
@@ -13,10 +13,10 @@ var ProEnumTag = function ProEnumTag(props) {
     _useState2 = _slicedToArray(_useState, 2),
     checked = _useState2[0],
     setValue = _useState2[1];
-  useEffect(function () {
+  useEffect(() => {
     setValue(value);
   }, [value]);
-  var handleClick = function handleClick(val) {
+  var handleClick = val => {
     setValue(val);
     onChange === null || onChange === void 0 || onChange(val);
   };
@@ -28,17 +28,13 @@ var ProEnumTag = function ProEnumTag(props) {
   return /*#__PURE__*/_jsx("div", {
     id: id,
     className: "pro-enum-tag-root",
-    children: dataSource.map(function (item) {
-      return /*#__PURE__*/_jsx("div", {
-        onClick: function onClick() {
-          return handleClick(item[fieldValue]);
-        },
-        className: classNames('pro-enum-tag-item', checked === item[fieldValue] ? 'pro-enum-tag-item-selected' : ''
-        // item.disabled ? 'pro-enum-tag-item-disabled' : '',
-        ),
-        children: item[fieldLabel]
-      }, item[fieldValue]);
-    })
+    children: dataSource.map(item => /*#__PURE__*/_jsx("div", {
+      onClick: () => handleClick(item[fieldValue]),
+      className: classNames('pro-enum-tag-item', checked === item[fieldValue] ? 'pro-enum-tag-item-selected' : ''
+      // item.disabled ? 'pro-enum-tag-item-disabled' : '',
+      ),
+      children: item[fieldLabel]
+    }, item[fieldValue]))
   });
 };
 export default ProEnumTag;

package/es/ProEnum/hooks/useEnum.js

@@ -67,20 +67,16 @@ function useEnum(codes, value, compose) {
   if (typeof codes === 'string') {
     var _catchData$data;
     var options = (catchData === null || catchData === void 0 || (_catchData$data = catchData.data) === null || _catchData$data === void 0 ? void 0 : _catchData$data[codes]) || [];
-    var getEnumLabel = function getEnumLabel(v, composezTow) {
-      var option = options.find(function (item) {
-        return item[fieldValue] === v;
-      });
+    var getEnumLabel = (v, composezTow) => {
+      var option = options.find(item => item[fieldValue] === v);
       if (option) {
-        return composezTow ? "".concat(v, "-").concat(option[fieldLabel]) : option[fieldLabel];
+        return composezTow ? `${v}-${option[fieldLabel]}` : option[fieldLabel];
       }
     };
     if (value && Array.isArray(options)) {
-      var option = options.find(function (item) {
-        return item[fieldValue] === value;
-      });
+      var option = options.find(item => item[fieldValue] === value);
       if (option) {
-        return [compose ? "".concat(value, "-").concat(option[fieldLabel]) : option[fieldLabel], option];
+        return [compose ? `${value}-${option[fieldLabel]}` : option[fieldLabel], option];
       }
       return [options];
     }
@@ -88,7 +84,7 @@ function useEnum(codes, value, compose) {
   }
   if (Array.isArray(codes)) {
     var _options = {};
-    codes.forEach(function (code) {
+    codes.forEach(code => {
       var _catchData$data2;
       var values = catchData === null || catchData === void 0 || (_catchData$data2 = catchData.data) === null || _catchData$data2 === void 0 ? void 0 : _catchData$data2[code];
       if (Array.isArray(values) && values.length) {

package/es/ProEnum/hooks/useEnumRequest.js

@@ -1,8 +1,6 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 var _ref;
 import { useEffect } from 'react';
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
@@ -10,7 +8,7 @@ import { diffCode, getEnumData, setEnumData, cacheFieldNames, baseCacheKey } fro
 import locale from "../../locale";
 import "../utils/eventCenter";
 var baseEnumStorage = (_ref = window.localStorage.getItem(baseCacheKey) && JSON.parse(window.localStorage.getItem(baseCacheKey))) !== null && _ref !== void 0 ? _ref : null;
-var useEnumRequest = function useEnumRequest(props, dispatch) {
+var useEnumRequest = (props, dispatch) => {
   var _ref2 = props || {},
     _ref2$main = _ref2.main,
     main = _ref2$main === void 0 ? false : _ref2$main,
@@ -36,18 +34,18 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
     transformResponse = _ref2.transformResponse,
     _ref2$dics = _ref2.dics,
     dics = _ref2$dics === void 0 ? {} : _ref2$dics;
-  if (_typeof(dataSource) === 'object' && dataSource === null) {
+  if (typeof dataSource === 'object' && dataSource === null) {
     var _locale$ProEnum;
     throw new Error(locale === null || locale === void 0 || (_locale$ProEnum = locale.ProEnum) === null || _locale$ProEnum === void 0 ? void 0 : _locale$ProEnum.errorDataSource);
   }
-  var logDebug = function logDebug(msg) {
+  var logDebug = msg => {
     if (props.debugger) {
       console.warn('proEnum：', msg);
     }
   };
   var enumRes = useRequestFunc(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, _objectSpread(_objectSpread({
     manual: true,
-    cacheKey: cacheKey,
+    cacheKey,
     cacheTime: -1,
     staleTime: 6e4 * 60
   }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options), {}, {
@@ -66,7 +64,7 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
               return transformResponse(res.data);
             case 4:
               response = _context.sent;
-              if (!(_typeof(response) !== 'object' || response == null)) {
+              if (!(typeof response !== 'object' || response == null)) {
                 _context.next = 9;
                 break;
               }
@@ -74,7 +72,7 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
             case 9:
               res.data = response;
             case 10:
-              if (!(_typeof(response) !== 'object' || response === null)) {
+              if (!(typeof response !== 'object' || response === null)) {
                 _context.next = 12;
                 break;
               }
@@ -90,15 +88,15 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
               if (clear) {
                 // 忽略清洗的 codes
                 ignoreCodes = (useRequest === null || useRequest === void 0 || (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : _useRequest$options.ignoreCodes) || [];
-                Object.keys(response).forEach(function (key) {
+                Object.keys(response).forEach(key => {
                   if (!response[key] || !Array.isArray(response[key])) {
                     return;
                   }
-                  var options = _toConsumableArray(response[key]);
+                  var options = [...response[key]];
                   if (ignoreCodes.includes(key)) {
                     response[key] = options;
                   } else {
-                    response[key] = options.map(function (item) {
+                    response[key] = options.map(item => {
                       return cacheFieldNames(fieldNames, item);
                     });
                   }
@@ -117,7 +115,7 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
                 payload: _objectSpread(_objectSpread(_objectSpread({}, dics), dataSource), res.data)
               });
               if (main) {
-                setTimeout(function () {
+                setTimeout(() => {
                   var _locale$ProEnum3;
                   window.eventCenter.publish('zat-design-pro-component-event', res.data);
                   logDebug(locale === null || locale === void 0 || (_locale$ProEnum3 = locale.ProEnum) === null || _locale$ProEnum3 === void 0 ? void 0 : _locale$ProEnum3.mainInitByRequest);
@@ -135,7 +133,7 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
       }
       return setCache;
     }(),
-    getCache: function getCache() {
+    getCache: () => {
       var res = getEnumData(storage, cacheKey, baseEnumStorage) || {
         data: {}
       };
@@ -144,7 +142,7 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
         payload: _objectSpread(_objectSpread(_objectSpread({}, dics), dataSource), res === null || res === void 0 ? void 0 : res.data)
       });
       if (main) {
-        setTimeout(function () {
+        setTimeout(() => {
           var _locale$ProEnum4;
           window.eventCenter.publish('zat-design-pro-component-event', res.data);
           logDebug(locale === null || locale === void 0 || (_locale$ProEnum4 = locale.ProEnum) === null || _locale$ProEnum4 === void 0 ? void 0 : _locale$ProEnum4.mainInitByCache);
@@ -152,7 +150,7 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
       }
       return res;
     },
-    onSuccess: function onSuccess(res) {
+    onSuccess: res => {
       var _res$status = res.status,
         status = _res$status === void 0 ? 200 : _res$status,
         msg = res.message;
@@ -171,11 +169,11 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
             cacheData = getEnumData(storage, cacheKey, baseEnumStorage) || {
               data: {}
             };
-            if (!(_typeof(cacheData) === 'object')) {
+            if (!(typeof cacheData === 'object')) {
               _context2.next = 28;
               break;
             }
-            if (!(_typeof(cacheData.data) === 'object' && cacheData.data !== null)) {
+            if (!(typeof cacheData.data === 'object' && cacheData.data !== null)) {
               _context2.next = 28;
               break;
             }
@@ -200,7 +198,7 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
             return transformResponse(res);
           case 15:
             response = _context2.sent;
-            if (!(_typeof(response) !== 'object' || response == null)) {
+            if (!(typeof response !== 'object' || response == null)) {
               _context2.next = 18;
               break;
             }
@@ -215,12 +213,12 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
           case 21:
             // 只返回fieldNames对象的key
             if (clear) {
-              Object.keys(response).forEach(function (key) {
-                var options = _toConsumableArray(response[key]);
+              Object.keys(response).forEach(key => {
+                var options = [...response[key]];
                 if (ignoreCodes.includes(key)) {
                   response[key] = options;
                 } else {
-                  response[key] = options.map(function (item) {
+                  response[key] = options.map(item => {
                     return cacheFieldNames(fieldNames, item);
                   });
                 }
@@ -253,7 +251,7 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
       return _ref3.apply(this, arguments);
     };
   }();
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     if (useRequest && useRequest !== null && useRequest !== void 0 && useRequest.service) {
       var _ref4 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
         defaultParams = _ref4.defaultParams;
@@ -284,7 +282,7 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
       });
     }
   }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options]);
-  var shareProEnumDic = function shareProEnumDic(cacheData) {
+  var shareProEnumDic = cacheData => {
     logDebug(cacheData);
     var storageData = getEnumData(storage, cacheKey, baseEnumStorage) || {
       data: {}
@@ -294,7 +292,7 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
       payload: _objectSpread(_objectSpread(_objectSpread({}, dataSource), cacheData), storageData)
     });
   };
-  useEffect(function () {
+  useEffect(() => {
     if (main) {
       var _locale$ProEnum7;
       window.eventCenter.publish('zat-design-pro-component-event', {});
@@ -305,7 +303,7 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
       window.eventCenter.subscribe('zat-design-pro-component-event', shareProEnumDic);
       logDebug(locale === null || locale === void 0 || (_locale$ProEnum8 = locale.ProEnum) === null || _locale$ProEnum8 === void 0 ? void 0 : _locale$ProEnum8.sonInitEvent);
     }
-    return function () {
+    return () => {
       window.eventCenter.unsubscribe('zat-design-pro-component-event', shareProEnumDic);
     };
   }, []);

package/es/ProEnum/hooks/useFrequentEnumRequest.d.ts

@@ -0,0 +1,14 @@
+import type { FrequentEnumConfig } from '../propsType';
+type StorageType = 'localStorage' | 'sessionStorage';
+interface UseFrequentEnumRequestProps {
+    frequentEnums?: FrequentEnumConfig;
+    fieldNames: any;
+    clear: boolean;
+    storage: StorageType;
+    cacheKey: string;
+    dispatch: any;
+    dics: any;
+    dataSource: any;
+}
+declare const useFrequentEnumRequest: (props: UseFrequentEnumRequestProps, dispatch: any) => import("ahooks/lib/useRequest/src/types").Result<any, any>;
+export default useFrequentEnumRequest;

package/es/ProEnum/hooks/useFrequentEnumRequest.js

@@ -0,0 +1,76 @@
+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 { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
+import { replaceFrequentEnumCache } from "../utils/frequentEnum";
+var useFrequentEnumRequest = (props, dispatch) => {
+  var frequentEnums = props.frequentEnums,
+    fieldNames = props.fieldNames,
+    _props$clear = props.clear,
+    clear = _props$clear === void 0 ? true : _props$clear,
+    _props$storage = props.storage,
+    storage = _props$storage === void 0 ? 'localStorage' : _props$storage,
+    _props$cacheKey = props.cacheKey,
+    cacheKey = _props$cacheKey === void 0 ? 'zat-design-pro-component-cacheKey' : _props$cacheKey,
+    dics = props.dics,
+    dataSource = props.dataSource;
+  var frequentEnumRes = useRequestFunc((frequentEnums === null || frequentEnums === void 0 ? void 0 : frequentEnums.service) || (() => Promise.resolve({
+    data: {}
+  })), _objectSpread(_objectSpread({
+    manual: true
+  }, frequentEnums === null || frequentEnums === void 0 ? void 0 : frequentEnums.options), {}, {
+    onSuccess: function () {
+      var _onSuccess = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(res) {
+        var _response;
+        var response, enumData, updatedCacheData;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              response = res; // 使用frequentEnums的独立transformResponse处理
+              if (frequentEnums !== null && frequentEnums !== void 0 && frequentEnums.transformResponse && typeof frequentEnums.transformResponse === 'function') {
+                response = frequentEnums.transformResponse(res);
+              }
+
+              // 确保response.data存在，如果不存在则使用response本身
+              enumData = ((_response = response) === null || _response === void 0 ? void 0 : _response.data) || response; // 替换缓存中的指定枚举
+              updatedCacheData = replaceFrequentEnumCache({
+                storage,
+                cacheKey,
+                enums: (frequentEnums === null || frequentEnums === void 0 ? void 0 : frequentEnums.enums) || [],
+                newData: enumData,
+                fieldNames,
+                clear
+              }); // 同步数据到全局状态
+              dispatch({
+                type: 'setProEnumDic',
+                payload: _objectSpread(_objectSpread(_objectSpread({}, dics), dataSource), updatedCacheData.data)
+              });
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function onSuccess(_x) {
+        return _onSuccess.apply(this, arguments);
+      }
+      return onSuccess;
+    }(),
+    onError: error => {
+      console.warn('ProEnum: Frequent enum request failed:', error);
+    }
+  }));
+
+  // 处理频繁枚举请求
+  useDeepCompareEffect(() => {
+    var _frequentEnums$enums;
+    if (frequentEnums && frequentEnums !== null && frequentEnums !== void 0 && frequentEnums.service && frequentEnums !== null && frequentEnums !== void 0 && (_frequentEnums$enums = frequentEnums.enums) !== null && _frequentEnums$enums !== void 0 && _frequentEnums$enums.length) {
+      var _ref = (frequentEnums === null || frequentEnums === void 0 ? void 0 : frequentEnums.options) || {},
+        defaultParams = _ref.defaultParams;
+      var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
+      frequentEnumRes.run(params);
+    }
+  }, [frequentEnums === null || frequentEnums === void 0 ? void 0 : frequentEnums.options]);
+  return frequentEnumRes;
+};
+export default useFrequentEnumRequest;