@zat-design/sisyphus-react 4.0.0-beta.9 → 4.0.0

package/lib/ProLayout/index.js

@@ -1,12 +1,21 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.LayoutContext = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+Object.defineProperty(exports, "useActiveTab", {
+  enumerable: true,
+  get: function get() {
+    return _useActiveTab.useActiveTab;
+  }
+});
+Object.defineProperty(exports, "useProLayoutTabs", {
+  enumerable: true,
+  get: function get() {
+    return _useProLayoutTabs.useProLayoutTabs;
+  }
+});
 var _antd = require("antd");
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -14,9 +23,25 @@ var _ahooks = require("ahooks");
 var _index = require("../index");
 var _components = require("./components");
 var _index2 = require("./components/Layout/index");
+var _TabsManager = _interopRequireDefault(require("./components/TabsManager"));
+var _propTypes = require("./propTypes");
+var _useProLayoutTabs = require("./components/TabsManager/hooks/useProLayoutTabs");
+var _useActiveTab = require("./components/TabsManager/hooks/useActiveTab");
 var _utils = require("./utils");
+var _utils2 = require("./components/TabsManager/utils");
 var _jsxRuntime = require("react/jsx-runtime");
-// 全局上下文
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable func-call-spacing */ /* eslint-disable no-spaced-func */ // 全局上下文
 var LayoutContext = exports.LayoutContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 var ProLayout = props => {
   var _Object$keys;
@@ -50,27 +75,33 @@ var ProLayout = props => {
     logo = props.logo,
     iconfontUrl = props.iconfontUrl,
     sideMenuFooterRender = props.sideMenuFooterRender,
-    sideMenuHeaderRender = props.sideMenuHeaderRender;
+    sideMenuHeaderRender = props.sideMenuHeaderRender,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'normal' : _props$mode,
+    tabs = props.tabs;
+  var isTabsLayout = (0, _propTypes.isTabsMode)(props);
+  (0, _propTypes.validateTabsProps)(mode, tabs);
+  var tabsManagerRef = (0, _react.useRef)(null);
   var _useSetState = (0, _ahooks.useSetState)({
       notice: headerNotice || noticeIn,
       menus: [],
       selectedPath: ''
     }),
-    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
     _useSetState2$ = _useSetState2[0],
     notice = _useSetState2$.notice,
     menus = _useSetState2$.menus,
     selectedPath = _useSetState2$.selectedPath,
     setState = _useSetState2[1];
   var _useToggle = (0, _ahooks.useToggle)(props.collapsed || false),
-    _useToggle2 = (0, _slicedToArray2.default)(_useToggle, 2),
+    _useToggle2 = _slicedToArray(_useToggle, 2),
     collapsed = _useToggle2[0],
     _useToggle2$ = _useToggle2[1],
     toggle = _useToggle2$.toggle,
     set = _useToggle2$.set;
   (0, _ahooks.useDeepCompareEffect)(() => {
-    set(propsCollapsed || false);
-  }, [propsCollapsed]);
+    set(props.collapsed || false);
+  }, [props.collapsed]);
   (0, _ahooks.useDeepCompareEffect)(() => {
     if (Array.isArray(dataSource) && !dataSource.length) {
       return _antd.message.warning('Warning: Missing menu data source, or menu data source is not an array');
@@ -82,6 +113,65 @@ var ProLayout = props => {
       menus: menuData
     });
   }, [dataSource]);
+  var menuDataSource = (0, _react.useMemo)(() => Array.isArray(menus) ? {
+    menus
+  } : menus, [menus]);
+  var enhancedTabsConfig = (0, _react.useMemo)(() => {
+    if (!isTabsLayout || !tabs) {
+      return tabs;
+    }
+    return _objectSpread(_objectSpread({}, tabs), {}, {
+      onTabChange: (activeKey, activeTab, allTabs) => {
+        var _activeTab$menuItem, _activeTab$menuItem2, _activeTab$menuItem3, _tabs$onTabChange;
+        if (!allTabs || allTabs.length === 0) {
+          // 使用一个不可能匹配的路径来清除选中状态，避免 OpenMenu fallback 到 window.location.pathname
+          setState({
+            selectedPath: '##EMPTY##'
+          });
+          return;
+        }
+        var targetPath = (activeTab === null || activeTab === void 0 ? void 0 : activeTab.url) || (activeTab === null || activeTab === void 0 || (_activeTab$menuItem = activeTab.menuItem) === null || _activeTab$menuItem === void 0 ? void 0 : _activeTab$menuItem.router) || (activeTab === null || activeTab === void 0 || (_activeTab$menuItem2 = activeTab.menuItem) === null || _activeTab$menuItem2 === void 0 ? void 0 : _activeTab$menuItem2.url) || (activeTab === null || activeTab === void 0 || (_activeTab$menuItem3 = activeTab.menuItem) === null || _activeTab$menuItem3 === void 0 ? void 0 : _activeTab$menuItem3.redirectUrl);
+        if (targetPath && targetPath !== selectedPath) {
+          setState({
+            selectedPath: targetPath
+          });
+        }
+        (_tabs$onTabChange = tabs.onTabChange) === null || _tabs$onTabChange === void 0 || _tabs$onTabChange.call(tabs, activeKey, activeTab, allTabs);
+      }
+    });
+  }, [isTabsLayout, tabs, selectedPath]);
+  var renderContent = () => {
+    if (!isTabsLayout || !enhancedTabsConfig) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: children
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabsManager.default, {
+      ref: tabsManagerRef,
+      config: enhancedTabsConfig,
+      dataSource: menuDataSource,
+      originalOnMenuClick: onMenuClick,
+      children: children
+    });
+  };
+  var handleMenuClick = (0, _react.useCallback)(params => {
+    if (isTabsLayout) {
+      var _tabsManagerRef$curre, _tabsManagerRef$curre2;
+      // 只有最后一级菜单（叶子节点）才设置选中路径
+      if (params.item && (0, _utils2.isLeafMenuItem)(params.item)) {
+        var _params$item, _params$item2, _params$item3;
+        var targetPath = ((_params$item = params.item) === null || _params$item === void 0 ? void 0 : _params$item.url) || ((_params$item2 = params.item) === null || _params$item2 === void 0 ? void 0 : _params$item2.redirectUrl) || ((_params$item3 = params.item) === null || _params$item3 === void 0 ? void 0 : _params$item3.router);
+        if (targetPath && targetPath !== selectedPath) {
+          setState({
+            selectedPath: targetPath
+          });
+        }
+      }
+      (_tabsManagerRef$curre = tabsManagerRef.current) === null || _tabsManagerRef$curre === void 0 || (_tabsManagerRef$curre2 = _tabsManagerRef$curre.handleMenuClick) === null || _tabsManagerRef$curre2 === void 0 || _tabsManagerRef$curre2.call(_tabsManagerRef$curre, params);
+      return;
+    }
+    onMenuClick === null || onMenuClick === void 0 || onMenuClick(params);
+  }, [isTabsLayout, onMenuClick, selectedPath, setState]);
 
   /**
    * 关闭提示框
@@ -95,8 +185,8 @@ var ProLayout = props => {
     'pro-layout-row': true,
     'pro-layout-row-has-notice': notice,
     'pro-layout-row-pure': typeof pure === 'boolean' && pure,
-    'pro-layout-row-top-pure': typeof pure !== 'boolean' && (pure === null || pure === void 0 ? void 0 : pure.topMenu),
-    'pro-layout-row-left-pure': typeof pure !== 'boolean' && (pure === null || pure === void 0 ? void 0 : pure.leftMenu)
+    'pro-layout-row-top-pure': typeof pure !== 'boolean' && pure.topMenu,
+    'pro-layout-row-left-pure': typeof pure !== 'boolean' && pure.leftMenu
   });
   var noticeHeight = notice ? 32 : 0;
 
@@ -135,7 +225,7 @@ var ProLayout = props => {
     theme,
     sideMenuFooterRender,
     sideMenuHeaderRender,
-    onMenuClick
+    onMenuClick: handleMenuClick
   };
   var layoutDom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)({
@@ -144,16 +234,14 @@ var ProLayout = props => {
       'pro-layout-light': theme === 'light',
       [`${className}`]: className
     }),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Header, (0, _objectSpread2.default)({}, headerProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Notice, (0, _objectSpread2.default)({}, noticeProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Header, _objectSpread({}, headerProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Notice, _objectSpread({}, noticeProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: contentCls,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Menu, (0, _objectSpread2.default)({}, menuProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Menu, _objectSpread({}, menuProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-layout-content",
-        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, contentStyle), {}, {
+        style: _objectSpread(_objectSpread({}, contentStyle), {}, {
           marginTop: headerHeight + noticeHeight
         }),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: children
-        })
+        children: renderContent()
       })]
     })]
   });
@@ -163,14 +251,27 @@ var ProLayout = props => {
       target,
       onSelected: setState
     },
-    children: !((_Object$keys = Object.keys(waterMarkProps)) !== null && _Object$keys !== void 0 && _Object$keys.length) ? layoutDom : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProWaterMark, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, waterMarkProps), {}, {
+    children: !((_Object$keys = Object.keys(waterMarkProps)) !== null && _Object$keys !== void 0 && _Object$keys.length) ? layoutDom : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProWaterMark, _objectSpread(_objectSpread({}, waterMarkProps), {}, {
       children: layoutDom
     }))
   });
 };
-
-// 下一版本会移除
+ProLayout.defaultProps = {
+  menus: [],
+  iconfontUrl: '',
+  title: '',
+  collapsed: false,
+  routerMatch: 'id',
+  pure: false,
+  theme: 'dark',
+  headerHeight: 48,
+  contentStyle: {}
+};
 ProLayout.ProCollapse = _components.ProCollapse;
 ProLayout.ProFooter = _components.ProFooter;
 ProLayout.ProHeader = _components.ProHeader;
+ProLayout.useProLayoutTabs = _useProLayoutTabs.useProLayoutTabs;
+ProLayout.useActiveTab = _useActiveTab.useActiveTab;
+
+// 同时导出Hook供直接使用
 var _default = exports.default = ProLayout;

package/lib/ProLayout/propTypes.d.ts

@@ -94,7 +94,7 @@ type pureKey = boolean | {
     topMenu?: boolean;
     leftMenu?: boolean;
 };
-export interface ProLayoutType {
+interface ProLayoutBaseProps {
     /**
      * @description 左侧logo
      * @default -
@@ -237,6 +237,144 @@ export interface ProLayoutStatesType {
 }
 export type MenusProps = MenusType;
 export type DataSourceProps = DataSourceType;
+export interface TabItem {
+    /**
+     * @description 标签唯一标识
+     */
+    id: string;
+    /**
+     * @description 组件标识码
+     */
+    code: string;
+    /**
+     * @description 标签名称
+     */
+    name: string;
+    /**
+     * @description 标签标题（废弃，保留兼容）
+     */
+    title: string;
+    /**
+     * @description 标签关联路由
+     */
+    url?: string;
+    /**
+     * @description 是否可关闭
+     */
+    closable: boolean;
+    /**
+     * @description 关联菜单项
+     */
+    menuItem?: MenusType;
+    /**
+     * @description 额外扩展数据
+     */
+    extra?: Record<string, any>;
+    /**
+     * @description 图标
+     */
+    icon?: ReactNode | string;
+}
+export interface TabsState {
+    tabsList: TabItem[];
+    activeKey: string;
+    activeTabInfo?: TabItem;
+    newTabIndex: number;
+    activeComponent?: string;
+}
+export type TabsStorageStrategy = 'localStorage' | 'sessionStorage';
+/**
+ * @description 添加标签页的业务参数
+ */
+export interface AddTabParams {
+    /**
+     * @description 组件标识码，用于映射到具体的 React 组件
+     */
+    code: string;
+    /**
+     * @description 标签页显示名称
+     */
+    name: string;
+    /**
+     * @description 额外的业务数据
+     */
+    extra?: Record<string, any>;
+}
+/**
+ * @description 添加标签页的选项
+ */
+export interface AddTabOptions {
+    /**
+     * @description 是否强制创建新标签页（忽略已存在的相同标签页），默认 false
+     */
+    forceNew?: boolean;
+}
+/**
+ * @description 获取标签页信息返回值
+ */
+export interface TabsInfoResult {
+    /** 标签页列表 */
+    tabsList: TabItem[];
+    /** 当前激活的标签页信息 */
+    activeTabInfo?: TabItem;
+    /** 当前激活的组件标识 */
+    activeComponent: string;
+}
+/**
+ * @description ProLayout 标签页实例接口（类似 FormInstance）
+ */
+export interface ProLayoutTabsInstance {
+    /**
+     * @description 添加标签页
+     */
+    addTab: (params: AddTabParams, options?: AddTabOptions) => void;
+    /**
+     * @description 删除标签页
+     */
+    removeTab: (tabId: string) => void;
+    /**
+     * @description 获取标签页信息
+     */
+    getTabInfo: () => TabsInfoResult;
+}
+export interface TabsConfig {
+    max?: number;
+    storage?: TabsStorageStrategy;
+    cacheKey?: string;
+    onTabChange?: (activeKey: string, activeTab: TabItem | undefined, allTabs: TabItem[]) => void;
+    /**
+     * @description 激活组件解析函数，根据 component 标识返回对应的 React 组件
+     */
+    activeComponent?: (component: string) => React.ComponentType<any> | null;
+    /**
+     * @description 空状态组件，当没有标签页时显示
+     */
+    empty?: ReactNode;
+    /**
+     * @description 自定义右键菜单项，会替换默认菜单项
+     */
+    menuItems?: import('antd').MenuProps['items'];
+    /**
+     * @description 自定义菜单项点击回调
+     */
+    tabMenuClick?: (params: {
+        key: string;
+        tab: TabItem;
+        tabs: TabItem[];
+    }) => void;
+}
+export type ProLayoutMode = 'normal' | 'tabs';
+export interface ProLayoutTabsProps extends ProLayoutBaseProps {
+    mode: 'tabs';
+    tabs: TabsConfig;
+}
+export interface ProLayoutNormalProps extends ProLayoutBaseProps {
+    mode?: 'normal';
+    tabs?: never;
+}
+export type ProLayoutType = ProLayoutTabsProps | ProLayoutNormalProps;
 export type ProLayoutProps = ProLayoutType;
 export type ProLayoutStates = ProLayoutStatesType;
+export declare const isTabsMode: (props: ProLayoutType) => props is ProLayoutTabsProps;
+export declare const validateTabsProps: (mode?: ProLayoutMode, tabs?: TabsConfig) => void;
 export {};

package/lib/ProLayout/propTypes.js

@@ -2,4 +2,43 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+exports.validateTabsProps = exports.isTabsMode = void 0;
+/**
+ * @description 主题枚举类型
+ */
+
+/**
+ * @description 是否带有菜单界面的配置
+ */
+
+// 为了向后兼容，保留旧的类型名称但使用新的类型定义
+
+/**
+ * @description 添加标签页的业务参数
+ */
+
+/**
+ * @description 添加标签页的选项
+ */
+
+/**
+ * @description 获取标签页信息返回值
+ */
+
+/**
+ * @description ProLayout 标签页实例接口（类似 FormInstance）
+ */
+
+var isTabsMode = props => props.mode === 'tabs';
+exports.isTabsMode = isTabsMode;
+var validateTabsProps = exports.validateTabsProps = function validateTabsProps() {
+  var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'normal';
+  var tabs = arguments.length > 1 ? arguments[1] : undefined;
+  if (mode === 'tabs' && !tabs) {
+    throw new Error('ProLayout: tabs configuration is required when mode="tabs"，例如 <ProLayout mode="tabs" tabs={{ max: 10 }} />');
+  }
+  if (mode !== 'tabs' && tabs) {
+    console.warn('ProLayout: tabs configuration is ignored because mode is not "tabs"');
+  }
+};

package/lib/ProLayout/utils/index.js

@@ -1,18 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPathNameKey = exports.getIdsByPathName = exports.findMenuItemByKey = void 0;
 exports.getUrlParams = getUrlParams;
 exports.transformMenus = exports.transformMenu = void 0;
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _lodash = require("lodash");
-/* eslint-disable prefer-destructuring */
-/* eslint-disable no-mixed-operators */
-
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable prefer-destructuring */ /* eslint-disable no-mixed-operators */
 /**
  * 通过URL获取对应keyIdPath
  * @param menus  菜单数据
@@ -58,8 +60,9 @@ var transformMenu = (menuData, pathPrefix) => {
     if (!Array.isArray(menuDeepItem) || !menuDeepItem.length) {
       return [];
     }
-    menuDeepItem.forEach((item, index) => {
+    var _loop = function _loop() {
       var _item$keyUrlPath, _item$keyIdPath, _item$children;
+      var item = menuDeepItem[i];
       item.code = item.code || item.id;
       item.url = `${pathPrefix}${item.url}`;
       item.redirectUrl = item !== null && item !== void 0 && item.redirectUrl ? `${pathPrefix}${item.redirectUrl}` : '';
@@ -79,9 +82,8 @@ var transformMenu = (menuData, pathPrefix) => {
         item.keyIdPath = [item.id];
       }
       if (!['PAGE', 'MENU'].includes(item.type)) {
-        menuDeepItem.splice(index, 1);
-      }
-      if (Array.isArray(item === null || item === void 0 ? void 0 : item.children) && item !== null && item !== void 0 && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
+        menuDeepItem.splice(i, 1);
+      } else if (Array.isArray(item === null || item === void 0 ? void 0 : item.children) && item !== null && item !== void 0 && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
         // 给children注入keyUrlPath，keyIdPath
         item.children.forEach(childrenItem => {
           childrenItem.keyUrlPath = [...item.keyUrlPath];
@@ -89,7 +91,10 @@ var transformMenu = (menuData, pathPrefix) => {
         });
         menuDeep(item.children);
       }
-    });
+    };
+    for (var i = menuDeepItem.length - 1; i >= 0; i -= 1) {
+      _loop();
+    }
   };
   menuDeep(data);
   return data;
@@ -134,7 +139,7 @@ function getUrlParams(name) {
       var tmpStr2 = set1.split('&');
       var array = {};
       array[tmpStr2[0]] = tmpStr2[1];
-      paramsObj = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, paramsObj), array);
+      paramsObj = _objectSpread(_objectSpread({}, paramsObj), array);
     }
   }
   // 将参数进行返回
@@ -186,7 +191,7 @@ var getPathNameKey = _ref => {
 exports.getPathNameKey = getPathNameKey;
 var findMenuItemByKey = (menus, key) => {
   // eslint-disable-next-line no-restricted-syntax
-  var _iterator = (0, _createForOfIteratorHelper2.default)(menus),
+  var _iterator = _createForOfIteratorHelper(menus),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {

package/lib/ProSelect/components/AdaptiveTooltip.js

@@ -1,18 +1,22 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _antd = require("antd");
 var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var AdaptiveTooltip = _ref => {
   var children = _ref.children;
   var _useState = (0, _react.useState)('right'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     placement = _useState2[0],
     setPlacement = _useState2[1];
   (0, _react.useEffect)(() => {

package/lib/ProSelect/index.js

@@ -1,14 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProSelect = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _ahooks = require("ahooks");
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
@@ -22,6 +17,22 @@ var _utils = require("./utils");
 require("./index.less");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "filterInList", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse", "getValueProps", "isView"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var Option = _antd.Select.Option;
 var ProSelect = (props, ref) => {
   var _selectProps$showCode, _useRequest$options3, _locale$ProSelect;
@@ -56,7 +67,7 @@ var ProSelect = (props, ref) => {
     transformResponse = props.transformResponse,
     getValueProps = props.getValueProps,
     isViewPro = props.isView,
-    selectProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+    selectProps = _objectWithoutProperties(props, _excluded);
   selectProps.showCodeName = (_selectProps$showCode = selectProps.showCodeName) !== null && _selectProps$showCode !== void 0 ? _selectProps$showCode : showCodeName;
   var value = getValueProps && props.value ? getValueProps(props.value) : props.value;
   var _ref2 = _.ProForm.useFieldProps() || {},
@@ -69,13 +80,13 @@ var ProSelect = (props, ref) => {
     label = fieldNames.label;
   }
   var _useState = (0, _react.useState)(dataSource || []),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     selectList = _useState2[0],
     setSelectList = _useState2[1];
 
   // 用来控制只有第一次才会设置 defaultOne 属性、🔒
   var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isDefaultOne = _useState4[0],
     setIsDefaultOne = _useState4[1];
   var OptionRender = optionRender;
@@ -105,7 +116,7 @@ var ProSelect = (props, ref) => {
     }
     return data;
   }, []);
-  var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, _objectSpread(_objectSpread({
     manual: true,
     debounceWait: 300
   }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options), {}, {
@@ -320,7 +331,7 @@ var ProSelect = (props, ref) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: props.style,
     className: "pro-select",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Select, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Select, _objectSpread(_objectSpread({
       placeholder: _locale.default === null || _locale.default === void 0 || (_locale$ProSelect = _locale.default.ProSelect) === null || _locale$ProSelect === void 0 ? void 0 : _locale$ProSelect.select,
       allowClear: true,
       loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading,
@@ -332,12 +343,12 @@ var ProSelect = (props, ref) => {
         return value.toLowerCase().includes(input.toLowerCase());
       },
       onSearch: value => {
-        _onSearch && _onSearch(value, (0, _objectSpread2.default)({}, fetchFunction));
+        _onSearch && _onSearch(value, _objectSpread({}, fetchFunction));
       },
       getPopupContainer: trigger => {
         return scrollFollowParent ? trigger.parentElement : document.body;
       }
-    }, (0, _lodash.omit)((0, _objectSpread2.default)({}, selectProps), ['isView', 'showCodeName', 'form', 'name', 'style', 'onFieldChange'])), {}, {
+    }, (0, _lodash.omit)(_objectSpread({}, selectProps), ['isView', 'showCodeName', 'form', 'name', 'style', 'onFieldChange'])), {}, {
       value: transformValue(),
       children: Array.isArray(newSelectList) && newSelectList.map(item => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(Option, {