@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/lib/ProEnum/hooks/useEnumRequest.js

@@ -0,0 +1,294 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = require("react");
+var _ahooks = require("ahooks");
+var _utils = require("../utils");
+require("../utils/eventCenter");
+var useEnumRequest = function useEnumRequest(props, dispatch) {
+  var _ref = props || {},
+    _ref$main = _ref.main,
+    main = _ref$main === void 0 ? false : _ref$main,
+    _ref$share = _ref.share,
+    share = _ref$share === void 0 ? false : _ref$share,
+    _ref$clear = _ref.clear,
+    clear = _ref$clear === void 0 ? true : _ref$clear,
+    _ref$fieldNames = _ref.fieldNames,
+    fieldNames = _ref$fieldNames === void 0 ? {
+      label: 'label',
+      value: 'value',
+      children: 'children'
+    } : _ref$fieldNames,
+    _ref$cacheKey = _ref.cacheKey,
+    cacheKey = _ref$cacheKey === void 0 ? 'zat-design-pro-component-cacheKey' : _ref$cacheKey,
+    _ref$requestRefresh = _ref.requestRefresh,
+    requestRefresh = _ref$requestRefresh === void 0 ? false : _ref$requestRefresh,
+    _ref$storage = _ref.storage,
+    storage = _ref$storage === void 0 ? 'localStorage' : _ref$storage,
+    _ref$dataSource = _ref.dataSource,
+    dataSource = _ref$dataSource === void 0 ? {} : _ref$dataSource,
+    useRequest = _ref.useRequest,
+    transformResponse = _ref.transformResponse,
+    _ref$dics = _ref.dics,
+    dics = _ref$dics === void 0 ? {} : _ref$dics;
+  if ((0, _typeof2.default)(dataSource) === 'object' && dataSource === null) {
+    throw new Error('请传入有效的数据源');
+  }
+  var logDebug = function logDebug(msg) {
+    if (props.debugger) {
+      console.info('proEnum：', msg);
+    }
+  };
+  var _useRequestFunc = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      manual: true,
+      cacheKey: cacheKey,
+      cacheTime: -1,
+      staleTime: 6e4 * 60
+    }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options), {}, {
+      setCache: function () {
+        var _setCache = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(res) {
+          var response, _useRequest$options, ignoreCodes, cacheData;
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                response = res.data;
+                if (!(transformResponse && typeof transformResponse === 'function')) {
+                  _context.next = 10;
+                  break;
+                }
+                _context.next = 4;
+                return transformResponse(res.data);
+              case 4:
+                response = _context.sent;
+                if (!((0, _typeof2.default)(response) !== 'object' || response == null)) {
+                  _context.next = 9;
+                  break;
+                }
+                throw new Error('请返回正确的数据类型!');
+              case 9:
+                res.data = response;
+              case 10:
+                // 只返回fieldNames对象的key
+                if (clear) {
+                  // 忽略清洗的 codes
+                  ignoreCodes = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : _useRequest$options.ignoreCodes) || [];
+                  Object.keys(response).forEach(function (key) {
+                    var options = (0, _toConsumableArray2.default)(response[key]) || [];
+                    if (ignoreCodes.includes(key)) {
+                      response[key] = options;
+                    } else {
+                      response[key] = options.map(function (item) {
+                        return (0, _utils.cacheFieldNames)(fieldNames, item);
+                      });
+                    }
+                  });
+                  res.data = response;
+                }
+                cacheData = (0, _utils.getEnumData)(storage, cacheKey) || {
+                  data: {}
+                }; // 合并缓存数据
+                res.data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, cacheData === null || cacheData === void 0 ? void 0 : cacheData.data), res.data);
+                (0, _utils.setEnumData)(storage, cacheKey, res);
+                // 同步数据到全局
+                dispatch({
+                  type: 'setProEnumDic',
+                  payload: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, dics), dataSource), res.data)
+                });
+                if (main) {
+                  setTimeout(function () {
+                    window.eventCenter.publish('zat-design-pro-component-event', res.data);
+                    logDebug('主应用初始化触发从接口读取数据更新');
+                  }, 10000);
+                }
+                return _context.abrupt("return", res);
+              case 17:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function setCache(_x) {
+          return _setCache.apply(this, arguments);
+        }
+        return setCache;
+      }(),
+      getCache: function getCache() {
+        var res = (0, _utils.getEnumData)(storage, cacheKey) || {
+          data: {}
+        };
+        dispatch({
+          type: 'setProEnumDic',
+          payload: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, dics), dataSource), res === null || res === void 0 ? void 0 : res.data)
+        });
+        if (main) {
+          setTimeout(function () {
+            window.eventCenter.publish('zat-design-pro-component-event', res.data);
+            logDebug('主应用初始化触发从缓存读取数据更新');
+          }, 10000);
+        }
+        return res;
+      },
+      onSuccess: function onSuccess(res) {
+        var _res$status = res.status,
+          status = _res$status === void 0 ? 200 : _res$status,
+          msg = res.message;
+        if (status !== 200) {
+          throw new Error('请求失败');
+        }
+      }
+    })),
+    run = _useRequestFunc.run;
+  var mergeData = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
+      var cacheData, _useRequest$options2, _useRequest$options3, enumData, cacheCodes, codes, ignoreCodes, diff, response, res;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            cacheData = (0, _utils.getEnumData)(storage, cacheKey) || {
+              data: {}
+            };
+            if (!((0, _typeof2.default)(cacheData) === 'object')) {
+              _context2.next = 28;
+              break;
+            }
+            if (!((0, _typeof2.default)(cacheData.data) === 'object' && cacheData.data !== null)) {
+              _context2.next = 28;
+              break;
+            }
+            enumData = cacheData.data;
+            cacheCodes = Object.keys(enumData);
+            codes = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.codes) || []; // 缓存的所有 codes
+            ignoreCodes = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options3 = useRequest.options) === null || _useRequest$options3 === void 0 ? void 0 : _useRequest$options3.ignoreCodes) || []; // 忽略清洗的 codes
+            diff = (0, _utils.diffCode)(cacheCodes, codes);
+            if (!diff) {
+              _context2.next = 27;
+              break;
+            }
+            _context2.next = 11;
+            return useRequest === null || useRequest === void 0 ? void 0 : useRequest.service();
+          case 11:
+            res = _context2.sent;
+            if (!(transformResponse && typeof transformResponse === 'function')) {
+              _context2.next = 20;
+              break;
+            }
+            _context2.next = 15;
+            return transformResponse(res);
+          case 15:
+            response = _context2.sent;
+            if (!((0, _typeof2.default)(response) !== 'object' || response == null)) {
+              _context2.next = 18;
+              break;
+            }
+            throw new Error('请返回正确的数据类型!');
+          case 18:
+            _context2.next = 21;
+            break;
+          case 20:
+            if (res.status === 200) {
+              response = res.data;
+            }
+          case 21:
+            // 只返回fieldNames对象的key
+            if (clear) {
+              Object.keys(response).forEach(function (key) {
+                var options = (0, _toConsumableArray2.default)(response[key]) || [];
+                if (ignoreCodes.includes(key)) {
+                  response[key] = options;
+                } else {
+                  response[key] = options.map(function (item) {
+                    return (0, _utils.cacheFieldNames)(fieldNames, item);
+                  });
+                }
+              });
+            }
+            cacheData.data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, cacheData.data), response);
+            (0, _utils.setEnumData)(storage, cacheKey, cacheData);
+            // 同步数据到全局
+            dispatch({
+              type: 'setProEnumDic',
+              payload: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, dics), dataSource), cacheData.data)
+            });
+            _context2.next = 28;
+            break;
+          case 27:
+            if (dataSource && Object.keys(dataSource)) {
+              // 子系统也可能会有 dataSource
+              dispatch({
+                type: 'setProEnumDic',
+                payload: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dics), dataSource)
+              });
+            }
+          case 28:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function mergeData() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  (0, _ahooks.useDeepCompareEffect)(function () {
+    if (useRequest && (useRequest === null || useRequest === void 0 ? void 0 : useRequest.service)) {
+      var _ref3 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
+        defaultParams = _ref3.defaultParams;
+      if (requestRefresh) {
+        window.localStorage.removeItem(cacheKey);
+        window.sessionStorage.removeItem(cacheKey);
+      }
+      run(defaultParams);
+      // TODO 这段代码目前看起来是没啥用的、没起到作用
+      mergeData();
+    } else if (Object.keys(dataSource)) {
+      var res = (0, _utils.getEnumData)(storage, cacheKey) || {
+        data: {}
+      };
+      dispatch({
+        type: 'setProEnumDic',
+        payload: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataSource), res === null || res === void 0 ? void 0 : res.data)
+      });
+    } else {
+      var _res = (0, _utils.getEnumData)(storage, cacheKey) || {
+        data: {}
+      };
+      dispatch({
+        type: 'setProEnumDic',
+        payload: (0, _objectSpread2.default)({}, _res === null || _res === void 0 ? void 0 : _res.data)
+      });
+    }
+  }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options]);
+  var shareProEnumDic = function shareProEnumDic(cacheData) {
+    logDebug(cacheData);
+    var storageData = (0, _utils.getEnumData)(storage, cacheKey) || {
+      data: {}
+    };
+    dispatch({
+      type: 'setProEnumDic',
+      payload: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataSource), cacheData), storageData)
+    });
+  };
+  (0, _react.useEffect)(function () {
+    if (main) {
+      window.eventCenter.publish('zat-design-pro-component-event', {});
+      logDebug('主应用初始化触发一次');
+    }
+    if (!main && share) {
+      window.eventCenter.subscribe('zat-design-pro-component-event', shareProEnumDic);
+      logDebug('子应用初始化监听动作');
+    }
+    return function () {
+      window.eventCenter.unsubscribe('zat-design-pro-component-event', shareProEnumDic);
+    };
+  }, []);
+};
+var _default = exports.default = useEnumRequest;

package/lib/ProEnum/index.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import useEnum from './useEnum';
+import useEnum from './hooks/useEnum';
 import { ProEnumProps } from './propsType';
+import './style/index.less';
 declare const ProEnum: {
-    (props: ProEnumProps): React.JSX.Element;
-    getEnumLabel: (enumCode: string, value: any, compose?: boolean, code?: string, label?: string) => React.JSX.Element;
+    (props: ProEnumProps): JSX.Element;
+    getEnumLabel: (code: string | string[], value: any, compose?: boolean, fieldNameLabel?: string, fieldNameValue?: string) => JSX.Element;
     useEnum: typeof useEnum;
 };
 export default ProEnum;

package/lib/ProEnum/index.js

@@ -11,16 +11,20 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _ahooks = require("ahooks");
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = require("lodash");
-var _zatDesignProComponent = require("zat-design-pro-component");
-var _utils = require("./utils");
-var _getEnumLabel = _interopRequireDefault(require("./getEnumLabel"));
-var _useEnum = _interopRequireDefault(require("./useEnum"));
+var _ProSelect = _interopRequireDefault(require("../ProSelect"));
+var _ProConfigProvider = require("../ProConfigProvider");
+var _Tag = _interopRequireDefault(require("./components/Tag"));
 var _Container = _interopRequireDefault(require("../ProForm/components/Container"));
-var _excluded = ["code", "type", "dataSource", "useRequest", "value", "onChange", "transformResponse", "otherProps"],
+var _utils = require("./utils");
+var _getEnumLabel = _interopRequireDefault(require("./utils/getEnumLabel"));
+var _useEnum = _interopRequireDefault(require("./hooks/useEnum"));
+require("./style/index.less");
+var _excluded = ["code", "type", "dataSource", "useRequest", "value", "component", "onChange", "transformResponse", "otherProps"],
   _excluded2 = ["fieldNames", "clear", "cacheKey"];
 var ProEnum = function ProEnum(props) {
   var code = props.code,
@@ -29,6 +33,7 @@ var ProEnum = function ProEnum(props) {
     dataSource = props.dataSource,
     useRequest = props.useRequest,
     value = props.value,
+    component = props.component,
     onChange = props.onChange,
     transformResponse = props.transformResponse,
     otherProps = props.otherProps,
@@ -36,7 +41,7 @@ var ProEnum = function ProEnum(props) {
   var _ref = otherProps || {},
     isView = _ref.isView,
     viewEmpty = _ref.viewEmpty;
-  var _ref2 = (0, _zatDesignProComponent.useProConfig)('ProEnum') || {},
+  var _ref2 = (0, _ProConfigProvider.useProConfig)('ProEnum') || {},
     fieldNames = _ref2.fieldNames,
     _ref2$clear = _ref2.clear,
     clear = _ref2$clear === void 0 ? true : _ref2$clear,
@@ -71,10 +76,10 @@ var ProEnum = function ProEnum(props) {
     if ((_props$fieldNames5 = props.fieldNames) === null || _props$fieldNames5 === void 0 ? void 0 : _props$fieldNames5.label) label = props.fieldNames.label;
     if ((_props$fieldNames6 = props.fieldNames) === null || _props$fieldNames6 === void 0 ? void 0 : _props$fieldNames6.value) fieldValue = props.fieldNames.value;
   }
-  var _useProConfig = (0, _zatDesignProComponent.useProConfig)('ProEnum'),
+  var _useProConfig = (0, _ProConfigProvider.useProConfig)('ProEnum'),
     _useProConfig$dics = _useProConfig.dics,
     dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
-  var enumList = (dics === null || dics === void 0 ? void 0 : dics[code]) || [];
+  // const enumList = dics?.[code] || [];
   var _useRequestFunc = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       manual: true,
       cacheTime: -1
@@ -98,7 +103,7 @@ var ProEnum = function ProEnum(props) {
             if (Array.isArray(data)) {
               setData((0, _toConsumableArray2.default)(data));
             }
-            if ((0, _utils.isObject)(data)) {
+            if ((0, _utils.isObject)(data) && (0, _lodash.isString)(code)) {
               setData(data[code]);
             }
           } else {
@@ -116,10 +121,23 @@ var ProEnum = function ProEnum(props) {
       run(defaultParams);
     }
   }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options]);
+  var enumLists = (0, _react.useMemo)(function () {
+    var lists = [];
+    if ((0, _lodash.isString)(code)) {
+      lists = (dics === null || dics === void 0 ? void 0 : dics[code]) || [];
+    }
+    if ((0, _lodash.isArray)(code)) {
+      code.forEach(function (enumCode) {
+        var _lists;
+        (0, _lodash.isArray)(dics === null || dics === void 0 ? void 0 : dics[enumCode]) && (_lists = lists).push.apply(_lists, (0, _toConsumableArray2.default)(dics === null || dics === void 0 ? void 0 : dics[enumCode]));
+      });
+    }
+    return lists;
+  }, [dics, code]);
   var renderComponent = function renderComponent() {
     var list = [];
     // 优先使用组件内部自己传入的数据源或者请求得到的数据
-    list = (0, _lodash.cloneDeep)(dataList && dataList.length ? dataList : enumList);
+    list = (0, _lodash.cloneDeep)(dataList && dataList.length ? dataList : enumLists);
     // 对数据进行一系列的过滤等操作
     if (!(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service) && transformResponse) {
       list = transformResponse(list);
@@ -128,9 +146,21 @@ var ProEnum = function ProEnum(props) {
         list = [];
       }
     }
+    if ( /*#__PURE__*/_react.default.isValidElement(component)) {
+      var Component = component;
+      return (0, _jsxRuntime.jsx)(Component, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, enumProps), {}, {
+        dataSource: list,
+        fieldNames: {
+          label: label,
+          value: fieldValue
+        },
+        value: value,
+        onChange: onChange
+      }));
+    }
     switch (type) {
       case 'ProSelect':
-        return /*#__PURE__*/_react.default.createElement(_zatDesignProComponent.ProSelect, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, enumProps), {}, {
+        return (0, _jsxRuntime.jsx)(_ProSelect.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, enumProps), {}, {
           dataSource: list,
           fieldNames: {
             label: label,
@@ -140,25 +170,35 @@ var ProEnum = function ProEnum(props) {
           onChange: onChange
         }));
       case 'Radio':
-        return /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, enumProps), {}, {
+        return (0, _jsxRuntime.jsx)(_antd.Radio.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, enumProps), {}, {
           value: value,
-          onChange: onChange
-        }), list.map(function (item) {
-          return /*#__PURE__*/_react.default.createElement(_antd.Radio, {
-            key: item[fieldValue],
-            value: item[fieldValue]
-          }, item[label]);
+          onChange: onChange,
+          children: list.map(function (item) {
+            return (0, _jsxRuntime.jsx)(_antd.Radio, {
+              value: item[fieldValue],
+              children: item[label]
+            }, item[fieldValue]);
+          })
         }));
       case 'Checkbox':
-        return /*#__PURE__*/_react.default.createElement(_antd.Checkbox.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, enumProps), {}, {
+        return (0, _jsxRuntime.jsx)(_antd.Checkbox.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, enumProps), {}, {
           value: value,
-          onChange: onChange
-        }), list.map(function (item) {
-          return /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
-            key: item[fieldValue],
-            value: item[fieldValue]
-          }, item[label]);
+          onChange: onChange,
+          children: list.map(function (item) {
+            return (0, _jsxRuntime.jsx)(_antd.Checkbox, {
+              value: item[fieldValue],
+              children: item[label]
+            }, item[fieldValue]);
+          })
         }));
+      case 'Tag':
+        return (0, _jsxRuntime.jsx)(_Tag.default, {
+          value: value,
+          onChange: onChange,
+          fieldLabel: label,
+          fieldValue: fieldValue,
+          dataSource: list
+        });
       default:
         return null;
     }
@@ -168,7 +208,7 @@ var ProEnum = function ProEnum(props) {
     return;
   }
   var transToLabel = function transToLabel(value) {
-    var list = dataList && dataList.length ? dataList : enumList;
+    var list = dataList && dataList.length ? dataList : enumLists;
     if (!Array.isArray(list) || !list.length) {
       return viewEmpty;
     }
@@ -195,31 +235,35 @@ var ProEnum = function ProEnum(props) {
       record.forEach(function (item) {
         arr.push(props.optionRender(item));
       });
-      return /*#__PURE__*/_react.default.createElement(_antd.Space, {
+      return (0, _jsxRuntime.jsx)(_antd.Space, {
         direction: "vertical",
-        size: 4
-      }, arr.map(function (item) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          key: item
-        }, item);
-      }));
+        size: 4,
+        children: arr.map(function (item) {
+          return (0, _jsxRuntime.jsx)(_react.default.Fragment, {
+            children: item
+          }, item);
+        })
+      });
     };
     return (0, _lodash.isFunction)(props.optionRender) && record.length ? _optionRender() : labelList === null || labelList === void 0 ? void 0 : labelList.join('，');
   };
   if (isView) {
     if (Array.isArray(value)) {
-      return /*#__PURE__*/_react.default.createElement(_Container.default, {
+      return (0, _jsxRuntime.jsx)(_Container.default, {
         tooltip: true,
-        viewEmpty: viewEmpty
-      }, transToLabel(value));
+        viewEmpty: viewEmpty,
+        children: transToLabel(value)
+      });
     }
-    return /*#__PURE__*/_react.default.createElement(_Container.default, {
-      viewEmpty: viewEmpty
-    }, value ? transToLabel([value]) : null);
+    return (0, _jsxRuntime.jsx)(_Container.default, {
+      viewEmpty: viewEmpty,
+      children: value ? transToLabel([value]) : null
+    });
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderComponent());
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: renderComponent()
+  });
 };
 ProEnum.getEnumLabel = _getEnumLabel.default;
 ProEnum.useEnum = _useEnum.default;
-var _default = ProEnum;
-exports.default = _default;
+var _default = exports.default = ProEnum;

package/lib/ProEnum/propsType.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { RadioProps, CheckboxProps } from 'antd';
 import { Service, Options } from 'ahooks/lib/useRequest/src/types';
 import { ProFormOtherProps } from '../index';
@@ -9,10 +9,16 @@ export interface DataOption {
     [key: string]: any;
 }
 export interface ProEnumConfig {
+    /** 是否枚举主入口 */
+    main?: boolean;
+    /** 是否使用主入口枚举 */
+    share?: boolean;
+    /** 是否开启调试 log */
+    debugger?: boolean;
     /** 是否对数据进行清洗 */
     clear?: boolean;
     /** 字段别名 */
-    fieldNames?: Record<'label' | 'value', string>;
+    fieldNames?: Record<'label' | 'value' | 'children', string>;
     /** 缓存的key、默认 zat-design-pro-component-cacheKey */
     cacheKey: string;
     /** 刷新请求、设置后每次进入都会重新请求 */
@@ -24,7 +30,7 @@ export interface ProEnumConfig {
     /** 对后台返回数据进行格式化 */
     transformResponse?: (data: {
         data: Record<string, DataOption[]>;
-    }) => Record<string, DataOption[]>;
+    }) => Record<string, DataOption[]> | Promise<Record<string, DataOption[]>>;
     /** 批量请求枚举接口 */
     useRequest?: {
         service: Service<any, any>;
@@ -35,12 +41,14 @@ export interface ProEnumConfig {
     };
     dics: Record<string, DataOption[]>;
 }
-type ProEnumType = 'ProSelect' | 'Radio' | 'Checkbox';
+type ProEnumType = 'ProSelect' | 'Radio' | 'Checkbox' | 'Tag';
 export interface ProEnum {
     /** 组件展示类型、默认 ProSelect */
     type?: ProEnumType;
+    /** 用于自定义组件 */
+    component?: ReactNode;
     /** 用于提交 code */
-    code: string;
+    code: string | string[];
     /** 字段别名 */
     fieldNames?: Record<string, string>;
     /** 是否查看模式 */
@@ -76,5 +84,8 @@ export type PropRadioPropsMap = {
 export type CheckboxPropsMap = {
     type?: 'Checkbox';
 } & CheckboxProps;
-export type ProEnumProps = ProEnum & (PropProSelectsMap | PropRadioPropsMap | CheckboxPropsMap);
+export interface TagPropsMap {
+    type?: 'Tag';
+}
+export type ProEnumProps = Omit<ProEnum, 'type'> & (PropProSelectsMap | PropRadioPropsMap | CheckboxPropsMap | TagPropsMap);
 export {};

package/lib/ProEnum/propsType.js

@@ -2,4 +2,10 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+var proEnum = {
+  code: '22',
+  showCodeName: true,
+  value: 1,
+  type: 'Tag'
+};

package/lib/ProEnum/style/index.less

@@ -0,0 +1,23 @@
+.pro-enum {
+  &-tag-root {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+  &-tag-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: var(--zaui-space-size-sm);
+    margin-bottom: var(--zaui-space-size-sm);
+    padding: var(--zaui-space-size-xs) 10px;
+    background-color: #f5f5f5;
+    border-radius: var(--zaui-space-size-xs);
+    cursor: pointer;
+  }
+
+  &-tag-item-selected {
+    color: #fff;
+    background-color: var(--zaui-brand);
+  }
+}

package/lib/ProEnum/utils/eventCenter.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/ProEnum/utils/eventCenter.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _lodash = require("lodash");
+var SimpleEventCenter = /*#__PURE__*/function () {
+  function SimpleEventCenter() {
+    (0, _classCallCheck2.default)(this, SimpleEventCenter);
+    this.events = void 0;
+    this.events = new Map();
+  }
+  (0, _createClass2.default)(SimpleEventCenter, [{
+    key: "subscribe",
+    value: function subscribe(eventName, callback) {
+      if (!this.events.has(eventName)) {
+        this.events.set(eventName, []);
+      }
+      this.events.get(eventName).push(callback);
+    }
+  }, {
+    key: "publish",
+    value: function publish(eventName, data) {
+      if (this.events.has(eventName)) {
+        this.events.get(eventName).forEach(function (callback) {
+          (0, _lodash.isFunction)(callback) && (callback === null || callback === void 0 ? void 0 : callback(data));
+        });
+      }
+    }
+  }, {
+    key: "unsubscribe",
+    value: function unsubscribe(eventName, callback) {
+      if (this.events.has(eventName)) {
+        this.events.set(eventName, this.events.get(eventName).filter(function (cb) {
+          return cb !== callback;
+        }));
+      }
+    }
+  }]);
+  return SimpleEventCenter;
+}(); // 将 eventCenter 实例添加到 window 对象上
+window.eventCenter = new SimpleEventCenter();

package/lib/ProEnum/utils/getEnumLabel.d.ts

@@ -0,0 +1,2 @@
+declare const getEnumLabel: (code: string | string[], value: any, compose?: boolean, fieldNameLabel?: string, fieldNameValue?: string) => JSX.Element;
+export default getEnumLabel;