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

package/es/ProForm/utils/valueType.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _isEqual from "lodash/isEqual";
 import Big from 'big.js';
+import { isEqual } from 'lodash';
 import { transforms } from '@zat-design/utils';
 var transformDate = transforms.transformDate,
   transformSwitch = transforms.transformSwitch;
@@ -33,7 +33,7 @@ var transformRatio = function transformRatio(_ref) {
             value: []
           };
         }
-        if (_isEqual(ref, value)) {
+        if (isEqual(ref, value)) {
           return {
             value: [(value[0] || value[0] === 0) && Number.isFinite(value[0] - 0) ? Big(value[0] - 0).times(Math.pow(10, precision)).toNumber() : null, (value[1] || value[1] === 0) && Number.isFinite(value[1] - 0) ? Big(value[1] - 0).times(Math.pow(10, precision)).toNumber() : null]
           };
@@ -56,6 +56,7 @@ var transformRatio = function transformRatio(_ref) {
     }
   };
 };
+
 /**
  *  switch转换
  */
@@ -85,6 +86,7 @@ var formatMap = {
     timeType: 'startEndTime'
   }
 };
+
 /**
  *  日期转换
  */
@@ -189,6 +191,7 @@ var dateTransform = function dateTransform(_ref2) {
   }
   return result;
 };
+
 /** 脱敏处理函数 */
 export var maskStringRangeWithRegex = function maskStringRangeWithRegex(input, range) {
   var _input$replace;
@@ -205,7 +208,7 @@ export var maskStringRangeWithRegex = function maskStringRangeWithRegex(input, r
   }
   var regexPattern = "^(.{".concat(start, "})(.{").concat(adjustedEnd - start + 1, "})(.*)$");
   var regex = new RegExp(regexPattern);
-  var maskedValue = input === null || input === void 0 ? void 0 : (_input$replace = input.replace) === null || _input$replace === void 0 ? void 0 : _input$replace.call(input, regex, "$1".concat('*'.repeat(adjustedEnd - start + 1), "$3"));
+  var maskedValue = input === null || input === void 0 || (_input$replace = input.replace) === null || _input$replace === void 0 ? void 0 : _input$replace.call(input, regex, "$1".concat('*'.repeat(adjustedEnd - start + 1), "$3"));
   return maskedValue;
 };
 export default {
@@ -280,9 +283,9 @@ export default {
     });
   },
   /** 百分比 */
-  percentage: function percentage(_ref0) {
-    var type = _ref0.type,
-      valueType = _ref0.valueType;
+  percentage: function percentage(_ref10) {
+    var type = _ref10.type,
+      valueType = _ref10.valueType;
     return transformRatio({
       type: type,
       valueType: valueType,
@@ -290,9 +293,9 @@ export default {
     });
   },
   /** 千分比 */
-  permillage: function permillage(_ref1) {
-    var type = _ref1.type,
-      valueType = _ref1.valueType;
+  permillage: function permillage(_ref11) {
+    var type = _ref11.type,
+      valueType = _ref11.valueType;
     return transformRatio({
       type: type,
       valueType: valueType,
@@ -300,8 +303,8 @@ export default {
     });
   },
   /**  开关 YN转换 */
-  switch: function _switch(_ref10) {
-    var switchValue = _ref10.switchValue;
+  switch: function _switch(_ref12) {
+    var switchValue = _ref12.switchValue;
     return switchTransform(switchValue);
   }
 };

package/es/ProIcon/config/index.js

@@ -255,6 +255,7 @@ export var iconMap = [{
   'text-cn': '调整序号',
   'text-en': 'adjust order'
 }];
+
 // 渐变色icon预设
 export var themeMap = {
   '#006AFF': ['#ADDDFF', '#5FB3D8', '#4181FF'],
@@ -263,6 +264,7 @@ export var themeMap = {
   '#A00F20': ['#FFFFFF', '#E47B7B', '#A00E20'],
   '#31AF96': ['#5FD8C7', '#5FD8C7', '#31AF96']
 };
+
 // 双色icon预设
 export var themeFillMap = {
   '#006AFF': ['none', '#87F1FC', 'black', '#4181FF'],

package/es/ProIcon/index.js

@@ -1,19 +1,20 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _uniqBy from "lodash/uniqBy";
 var _excluded = ["type", "onClick", "size", "color", "className", "style", "spin", "rotate", "theme", "disabled", "mode", "buttonProps", "children", "mapList", "src", "actionMap", "tooltip", "buttonIcon"];
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useLocalStorageState, useSetState, useDeepCompareLayoutEffect } from 'ahooks';
 import { Button, Tooltip, Space } from 'antd';
 import classNames from 'classnames';
+import { uniqBy } from 'lodash';
 import { ReactSVG } from 'react-svg';
 import { useEffect } from 'react';
-import { useProConfig } from '../ProConfigProvider';
-import { iconMap } from './config';
-import { onBeforeInjection } from './utils';
-import locale from '../locale';
-import './symbolIcon.js';
+import { useProConfig } from "../ProConfigProvider";
+import { iconMap } from "./config";
+import { onBeforeInjection } from "./utils";
+import locale from "../locale";
+import "./symbolIcon.js";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 var ProIcon = function ProIcon(props) {
   var _window, _window2;
   var _useProConfig = useProConfig(),
@@ -51,25 +52,29 @@ var ProIcon = function ProIcon(props) {
     buttonIcon = _config$buttonIcon === void 0 ? true : _config$buttonIcon,
     reset = _objectWithoutProperties(_config, _excluded);
   var _useSetState = useSetState({
-      IconInstance: _jsx(_Fragment, {})
+      IconInstance: /*#__PURE__*/_jsx(_Fragment, {})
     }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     IconInstance = _useSetState2[0].IconInstance,
     setState = _useSetState2[1];
+
   // 主题色 primaryColor 用于单应用或处于组件库文档内 qiankunPrimaryColor用于主子应用
   var _ref = antdTheme !== null && antdTheme !== void 0 ? antdTheme : {},
     _ref$primaryColor = _ref.primaryColor,
     primaryColor = _ref$primaryColor === void 0 ? '#006AFF' : _ref$primaryColor,
     _ref$qiankunPrimaryCo = _ref.qiankunPrimaryColor,
     qiankunPrimaryColor = _ref$qiankunPrimaryCo === void 0 ? '#006AFF' : _ref$qiankunPrimaryCo;
+
   // 本地存储初始化主题
   var _useLocalStorageState = useLocalStorageState('themeConfig'),
     _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 1),
     themeConfig = _useLocalStorageState2[0];
+
   // 文档内部就不用判断window.top !== window.self了
   var isQiankun =
   // @ts-ignore
   ((_window = window) === null || _window === void 0 ? void 0 : _window.__POWERED_BY_QIANKUN__) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.isMicroApp);
+
   // 语言
   var language = locale.ProIcon.language;
   var rotateStyle = rotate ? {
@@ -83,21 +88,25 @@ var ProIcon = function ProIcon(props) {
     'pro-icon-btn': disabled
   });
   var _mode = mode || 'icon';
+
   // 观察者实例
   var observer;
+
   // 特殊情况，如果指定了type，并且没有接收到组件内的mode，那模式就是icon
   if (type && !props.mode) {
     _mode = 'icon';
   }
   var targetTextFill = "text-".concat(language); // text-cn text-en
+
   var isIconMode = _mode === 'icon';
   var isExtendButtonMode = !isIconMode || isIconMode && disabled;
-  var mergedMapList = _uniqBy(mapList.concat(iconMap), targetTextFill);
+  var mergedMapList = uniqBy(mapList.concat(iconMap), targetTextFill);
   var _type = type;
   var _text = children;
   // svg图标对应文本
   var iconText = tooltip || '';
   var typeIsExistAndIncludeEnglish = _type && /[a-zA-Z]/.test(_type);
+
   // 模式为icon下，对传入的text进行指定语言-icon 映射
   if (isIconMode && !type) {
     if (_text) {
@@ -110,6 +119,7 @@ var ProIcon = function ProIcon(props) {
       }
     }
   }
+
   // 模式为button下，对传入的type进行icon-指定语言 映射
   if (!isIconMode) {
     if (typeIsExistAndIncludeEnglish) {
@@ -129,16 +139,16 @@ var ProIcon = function ProIcon(props) {
       height: size
     }, rotateStyle), style)
   };
-  var icon = !src ? _jsx("svg", _objectSpread(_objectSpread({}, svgProps), {}, {
+  var icon = !src ? /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, svgProps), {}, {
     style: _objectSpread({
       color: color
     }, svgProps === null || svgProps === void 0 ? void 0 : svgProps.style),
     onClick: onClick,
     "aria-hidden": "true",
-    children: _jsx("use", {
+    children: /*#__PURE__*/_jsx("use", {
       xlinkHref: "#icon-".concat(_type)
     })
-  })) : _jsx(ReactSVG, _objectSpread(_objectSpread({}, svgProps), {}, {
+  })) : /*#__PURE__*/_jsx(ReactSVG, _objectSpread(_objectSpread({}, svgProps), {}, {
     // @ts-ignore
     onClick: onClick,
     "aria-hidden": "true",
@@ -154,12 +164,12 @@ var ProIcon = function ProIcon(props) {
       }
     }
   }));
-  var RenderIcon = _jsx("span", _objectSpread(_objectSpread({
+  var RenderIcon = /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
     className: "anticon"
   }, reset), {}, {
-    children: _jsx(Tooltip, {
+    children: /*#__PURE__*/_jsx(Tooltip, {
       title: iconText,
-      children: buttonIcon ? _jsx(Button, _objectSpread({
+      children: buttonIcon ? /*#__PURE__*/_jsx(Button, _objectSpread({
         style: {
           width: size,
           height: size,
@@ -170,8 +180,8 @@ var ProIcon = function ProIcon(props) {
         },
         type: "text",
         icon: icon
-      }, buttonProps)) : _jsx(Space, {
-        children: _jsx("span", {
+      }, buttonProps)) : /*#__PURE__*/_jsx(Space, {
+        children: /*#__PURE__*/_jsx("span", {
           style: {
             width: size,
             height: size,
@@ -193,13 +203,13 @@ var ProIcon = function ProIcon(props) {
         var targetEntries = mutationsList[0];
         if (targetEntries) {
           if (targetEntries && targetEntries.target) {
-            var _Object$values, _Object$values$find, _Object$values$find$v3, _targetEntries$target, _targetEntries$target2;
+            var _Object$values, _targetEntries$target, _targetEntries$target2;
             var _Object$values$find$v = // @ts-ignore
-              (_Object$values = Object.values((_targetEntries$target = targetEntries === null || targetEntries === void 0 ? void 0 : (_targetEntries$target2 = targetEntries.target) === null || _targetEntries$target2 === void 0 ? void 0 : _targetEntries$target2.attributes) !== null && _targetEntries$target !== void 0 ? _targetEntries$target : {})) === null || _Object$values === void 0 ? void 0 : (_Object$values$find = _Object$values.find(function (item) {
+              (_Object$values = Object.values((_targetEntries$target = targetEntries === null || targetEntries === void 0 || (_targetEntries$target2 = targetEntries.target) === null || _targetEntries$target2 === void 0 ? void 0 : _targetEntries$target2.attributes) !== null && _targetEntries$target !== void 0 ? _targetEntries$target : {})) === null || _Object$values === void 0 || (_Object$values = _Object$values.find(function (item) {
                 return item.nodeName === 'style';
               })
               // @ts-ignore
-              ) === null || _Object$values$find === void 0 ? void 0 : (_Object$values$find$v3 = _Object$values$find.value) === null || _Object$values$find$v3 === void 0 ? void 0 : _Object$values$find$v3.match(/--zaui-brand:(.*?);/),
+              ) === null || _Object$values === void 0 || (_Object$values = _Object$values.value) === null || _Object$values === void 0 ? void 0 : _Object$values.match(/--zaui-brand:(.*?);/),
               _Object$values$find$v2 = _slicedToArray(_Object$values$find$v, 2),
               label = _Object$values$find$v2[0],
               value = _Object$values$find$v2[1];
@@ -238,7 +248,7 @@ var ProIcon = function ProIcon(props) {
         attributeFilter: ['style']
       });
       // 未变更时及初始化时
-      var extendFromMainColor = themeConfig === null || themeConfig === void 0 ? void 0 : (_themeConfig$data = themeConfig.data) === null || _themeConfig$data === void 0 ? void 0 : _themeConfig$data.zauiBrand;
+      var extendFromMainColor = themeConfig === null || themeConfig === void 0 || (_themeConfig$data = themeConfig.data) === null || _themeConfig$data === void 0 ? void 0 : _themeConfig$data.zauiBrand;
       if (extendFromMainColor && qiankunPrimaryColor !== extendFromMainColor) {
         dispatch({
           type: 'set',
@@ -265,9 +275,9 @@ var ProIcon = function ProIcon(props) {
       IconInstance: RenderIcon
     });
   }, [_config, primaryColor, qiankunPrimaryColor, language, svgProps]);
-  return !isExtendButtonMode ? IconInstance : _jsx(Tooltip, {
+  return !isExtendButtonMode ? IconInstance : /*#__PURE__*/_jsx(Tooltip, {
     title: tooltip,
-    children: _jsx(Button, _objectSpread(_objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({
       type: isIconMode ? 'text' : (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) || 'link',
       className: proIconClassNames,
       disabled: disabled,

package/es/ProIcon/utils/index.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { themeMap, themeFillMap } from '../config';
-var _recurseGetNodes = function recurseGetNodes(type, node, queue) {
+import { themeMap, themeFillMap } from "../config";
+export var recurseGetNodes = function recurseGetNodes(type, node, queue) {
   switch (type) {
     // 渐变
     case 'gradation':
@@ -19,11 +19,10 @@ var _recurseGetNodes = function recurseGetNodes(type, node, queue) {
   }
   if (node.childNodes) {
     for (var i = 0; i < node.childNodes.length; i++) {
-      _recurseGetNodes(type, node.childNodes[i], queue);
+      recurseGetNodes(type, node.childNodes[i], queue);
     }
   }
 };
-export { _recurseGetNodes as recurseGetNodes };
 export var onBeforeInjection = function onBeforeInjection(_ref) {
   var svg = _ref.svg,
     actionMap = _ref.actionMap,
@@ -50,7 +49,7 @@ export var onBeforeInjection = function onBeforeInjection(_ref) {
     // 目前只支持处理渐变及fill填充
     var types = Reflect.ownKeys(nodeMap !== null && nodeMap !== void 0 ? nodeMap : {});
     types.forEach(function (typeKey) {
-      _recurseGetNodes(typeKey, svg, nodeMap[typeKey]);
+      recurseGetNodes(typeKey, svg, nodeMap[typeKey]);
     });
     if ((gradList === null || gradList === void 0 ? void 0 : gradList.length) > 0) {
       nodeMap.gradation.forEach(function (item, index) {

package/es/ProLayout/components/Layout/Header/index.js

@@ -1,6 +1,8 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-import logoImg from '../../../images/logoImg.png';
+import logoImg from "../../../images/logoImg.png";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Header = function Header(props) {
   var headerHeight = props.headerHeight,
     pure = props.pure,
@@ -9,10 +11,10 @@ var Header = function Header(props) {
     rightContentRender = props.rightContentRender,
     title = props.title,
     logo = props.logo;
-  if (pure === true || (pure === null || pure === void 0 ? void 0 : pure.topMenu)) {
-    return _jsx(_Fragment, {});
+  if (pure === true || pure !== null && pure !== void 0 && pure.topMenu) {
+    return /*#__PURE__*/_jsx(_Fragment, {});
   }
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: classNames({
       'pro-layout-header': true,
       'pro-layout-header-pure': typeof pure !== 'boolean' ? pure === null || pure === void 0 ? void 0 : pure.topMenu : pure
@@ -20,18 +22,18 @@ var Header = function Header(props) {
     style: {
       height: headerHeight
     },
-    children: [headerTitleRender || _jsxs("div", {
+    children: [headerTitleRender || /*#__PURE__*/_jsxs("div", {
       className: "pro-layout-header-logo",
-      children: [_jsx("span", {
-        children: logo || _jsx("img", {
+      children: [/*#__PURE__*/_jsx("span", {
+        children: logo || /*#__PURE__*/_jsx("img", {
           className: "default-logo",
           src: logoImg,
           alt: "logo"
         })
-      }), title ? _jsx("h4", {
+      }), title ? /*#__PURE__*/_jsx("h4", {
         children: title
       }) : null]
-    }), headerContentRender || null, rightContentRender ? _jsx("div", {
+    }), headerContentRender || null, rightContentRender ? /*#__PURE__*/_jsx("div", {
       className: "pro-layout-header-actions",
       children: rightContentRender
     }) : null]

package/es/ProLayout/components/Layout/Icon/Icon.js

@@ -1,5 +1,5 @@
+import React, { useEffect } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
 var customCache = new Set();
 var Icon = function Icon(props) {
   // @ts-ignore
@@ -20,12 +20,12 @@ var Icon = function Icon(props) {
   useEffect(function () {
     loadSymbol(iconfontUrl);
   }, []);
-  return _jsx("svg", {
+  return /*#__PURE__*/_jsx("svg", {
     className: "pro-layout-icon",
     "aria-hidden": "true",
     onClick: onClick,
     style: style,
-    children: _jsx("use", {
+    children: /*#__PURE__*/_jsx("use", {
       xlinkHref: "#icon-".concat(type)
     })
   });

package/es/ProLayout/components/Layout/Icon/index.js

@@ -1,2 +1,2 @@
-import Icon from './Icon';
+import Icon from "./Icon";
 export default Icon;

package/es/ProLayout/components/Layout/Menu/FoldMenu/index.js

@@ -1,13 +1,14 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
 import { Popover, Tooltip } from 'antd';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
-import { Icon } from '../../index';
-import SideMenu from '../SideMenu';
-import { LayoutContext } from '../../../../index';
-import { getUrlParams, getPathNameKey } from '../../../../utils';
+import { Icon } from "../../index";
+import SideMenu from "../SideMenu";
+import { LayoutContext } from "../../../../index";
+import { getUrlParams, getPathNameKey } from "../../../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var FoldMenu = function FoldMenu(props) {
   var style = props.style,
     dataSource = props.dataSource;
@@ -25,10 +26,10 @@ var FoldMenu = function FoldMenu(props) {
   var _useContext = useContext(LayoutContext),
     selectedPath = _useContext.selectedPath,
     onSelected = _useContext.onSelected;
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: "pro-layout-menu-fold",
     style: _objectSpread({}, style),
-    children: _jsx("ul", {
+    children: /*#__PURE__*/_jsx("ul", {
       className: "pro-layout-menu-fold-list",
       style: _objectSpread({}, style),
       children: menus.map(function (item, index) {
@@ -42,11 +43,13 @@ var FoldMenu = function FoldMenu(props) {
           hideInMenu = item.hideInMenu,
           children = item.children;
         var toPath = item.redirectUrl || item.url;
+
         // 隐藏菜单
         if (hideInMenu) {
           return null;
         }
         var selectedMenu = getUrlParams('activeMenu');
+
         // 取第一级
         var currentKeyIdPath = getPathNameKey({
           menus: menus,
@@ -55,28 +58,30 @@ var FoldMenu = function FoldMenu(props) {
         var cls = classnames({
           active: currentKeyIdPath.includes(id)
         });
+
         // 是否包含子级菜单
         var hasChildrenMenu = Array.isArray(children) && children.length;
+
         // 一级li Dom节点
-        var LiNode = _jsx("li", {
-          id: url === null || url === void 0 ? void 0 : (_url$split = url.split('/')) === null || _url$split === void 0 ? void 0 : _url$split[1],
+        var LiNode = /*#__PURE__*/_jsx("li", {
+          id: url === null || url === void 0 || (_url$split = url.split('/')) === null || _url$split === void 0 ? void 0 : _url$split[1],
           className: "".concat(cls, " pro-layout-menu-fold-li"),
-          children: _jsxs("div", {
-            children: [imgUrl ? _jsx("img", {
+          children: /*#__PURE__*/_jsxs("div", {
+            children: [imgUrl ? /*#__PURE__*/_jsx("img", {
               className: "pro-layout-icon",
               src: pathNamePrefix === url ? imgActiveUrl || imgUrl : imgUrl,
               alt: "icon"
-            }) : _jsx(Icon, {
+            }) : /*#__PURE__*/_jsx(Icon, {
               type: icon || '',
               iconfontUrl: iconfontUrl || ''
-            }), _jsx("h2", {
+            }), /*#__PURE__*/_jsx("h2", {
               children: name
             })]
           })
         }, "".concat(id, "-").concat(name));
-        return hasChildrenMenu ? _jsx(Popover, {
+        return hasChildrenMenu ? /*#__PURE__*/_jsx(Popover, {
           mouseEnterDelay: 0,
-          content: _jsx(SideMenu, {
+          content: /*#__PURE__*/_jsx(SideMenu, {
             dataSource: _objectSpread(_objectSpread({}, dataSource), {}, {
               menus: item
             })
@@ -93,21 +98,21 @@ var FoldMenu = function FoldMenu(props) {
           },
           placement: "rightTop",
           children: LiNode
-        }, "".concat(id, "-").concat(name)) : !collapsed ? _jsx(Tooltip, {
+        }, "".concat(id, "-").concat(name)) : !collapsed ? /*#__PURE__*/_jsx(Tooltip, {
           placement: "right",
           title: name,
-          children: _jsx("span", {
+          children: /*#__PURE__*/_jsx("span", {
             onClick: function onClick() {
               onSelected({
                 selectedPath: toPath
               });
             },
-            children: _jsx(Link, {
+            children: /*#__PURE__*/_jsx(Link, {
               to: toPath,
               children: LiNode
             }, toPath)
           })
-        }, toPath) : _jsx(Link, {
+        }, toPath) : /*#__PURE__*/_jsx(Link, {
           to: toPath,
           children: LiNode
         }, toPath);

package/es/ProLayout/components/Layout/Menu/OpenMenu/index.js

@@ -1,16 +1,18 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _cloneDeep from "lodash/cloneDeep";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef, useContext } from 'react';
 import { Menu } from 'antd';
 import { useDeepCompareEffect, useSetState } from 'ahooks';
 import { CaretDownOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
-import { LayoutContext } from '../../../../index';
-import { getIdsByPathName } from '../../../../utils';
-import { Icon } from '../../index';
+import { cloneDeep } from 'lodash';
+import { LayoutContext } from "../../../../index";
+import { getIdsByPathName } from "../../../../utils";
+import { Icon } from "../../index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var OpenMenu = function OpenMenu(props) {
   var _getIdsByPathName;
   var className = props.className,
@@ -41,40 +43,41 @@ var OpenMenu = function OpenMenu(props) {
   var cls = classnames(_defineProperty({
     'pro-layout-open-menu': true
   }, "".concat(className), className));
+
   // 默认激活菜单优先取activeMenu中，默认取pathName进行匹配
   var selectKeyIdPath = ((_getIdsByPathName = getIdsByPathName(menus, query.get('activeMenu'))) === null || _getIdsByPathName === void 0 ? void 0 : _getIdsByPathName.map(function (item) {
     return String(item);
   })) || [];
   var itemsTransform = useMemo(function () {
-    var result = _cloneDeep(menus);
+    var result = cloneDeep(menus);
     if (!Array.isArray(result) || !result.length) {
       return [];
     }
-    var _menuDeep = function menuDeep(data) {
+    var menuDeep = function menuDeep(data) {
       data.forEach(function (item) {
         var _item$keyIdPath, _item$keyIdPath2, _item$children;
         // 是否是第一级菜单，展开模式一级菜单有icon, 收起模式二级菜单有icon
         var isFirstMenu = ((_item$keyIdPath = item.keyIdPath) === null || _item$keyIdPath === void 0 ? void 0 : _item$keyIdPath.length) === 1 || sideMenu && ((_item$keyIdPath2 = item.keyIdPath) === null || _item$keyIdPath2 === void 0 ? void 0 : _item$keyIdPath2.length) === 2;
         // 第一级菜单显示icon
-        item.label = _jsxs("div", {
+        item.label = /*#__PURE__*/_jsxs("div", {
           className: classnames({
             'pro-layout-open-menu-lv1': isFirstMenu
           }),
-          children: [_jsx(_Fragment, {
-            children: item.imgUrl && isFirstMenu ? _jsx("img", {
+          children: [/*#__PURE__*/_jsx(_Fragment, {
+            children: item.imgUrl && isFirstMenu ? /*#__PURE__*/_jsx("img", {
               className: "pro-layout-icon",
               src: selectKeyIdPath[0] === String(item.id) ? item.imgActiveUrl || item.imgUrl : item.imgUrl,
               alt: "icon"
-            }) : item.icon && isFirstMenu ? _jsx(Icon, {
+            }) : item.icon && isFirstMenu ? /*#__PURE__*/_jsx(Icon, {
               type: item.icon || '',
               iconfontUrl: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.iconfontUrl) || ''
-            }) : _jsx("span", {
+            }) : /*#__PURE__*/_jsx("span", {
               className: classnames({
                 'pro-layout-icon': true,
                 'pro-layout-icon-empty': isFirstMenu || !item.icon && !item.imgUrl
               })
             })
-          }), _jsx("h2", {
+          }), /*#__PURE__*/_jsx("h2", {
             children: item.name
           })]
         });
@@ -85,13 +88,13 @@ var OpenMenu = function OpenMenu(props) {
         }).forEach(function (_keyItem) {
           delete item[_keyItem];
         });
-        if (Array.isArray(item === null || item === void 0 ? void 0 : item.children) && (item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0) {
+        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 ? void 0 : _item$children.length) > 0) {
           var _item = item === null || item === void 0 ? void 0 : item.children[0];
           // 移除不需要显示的菜单
-          if ((_item === null || _item === void 0 ? void 0 : _item.hideInMenu) || ['TAB', 'QUERY', 'BUTTON'].includes(_item === null || _item === void 0 ? void 0 : _item.type)) {
+          if (_item !== null && _item !== void 0 && _item.hideInMenu || ['TAB', 'QUERY', 'BUTTON'].includes(_item === null || _item === void 0 ? void 0 : _item.type)) {
             delete item.children;
           } else {
-            _menuDeep(item.children);
+            menuDeep(item.children);
           }
         } else {
           delete item.children;
@@ -99,7 +102,7 @@ var OpenMenu = function OpenMenu(props) {
       });
       return data;
     };
-    _menuDeep(result);
+    menuDeep(result);
     return result;
   }, [dataSource]);
   useDeepCompareEffect(function () {
@@ -110,6 +113,7 @@ var OpenMenu = function OpenMenu(props) {
       });
     }
   }, [menus, selectKeyIdPath]);
+
   // 折叠模式默认展开全部菜单
   useDeepCompareEffect(function () {
     if (sideMenu) {
@@ -121,18 +125,19 @@ var OpenMenu = function OpenMenu(props) {
       });
     }
   }, [sideMenu]);
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: cls,
     style: style,
-    children: [_jsx(Menu, {
-      mode: "inline",
+    children: [/*#__PURE__*/_jsx(Menu, {
+      mode: "inline"
       // @ts-ignore
+      ,
       theme: theme,
       selectedKeys: selectedKeys,
       openKeys: openKeys,
       items: itemsTransform,
       inlineIndent: 14,
-      expandIcon: _jsx(CaretDownOutlined, {}),
+      expandIcon: /*#__PURE__*/_jsx(CaretDownOutlined, {}),
       onOpenChange: function onOpenChange(openKeys) {
         setState({
           openKeys: openKeys
@@ -144,14 +149,14 @@ var OpenMenu = function OpenMenu(props) {
           keyPath = _ref2.keyPath;
         setState({
           selectedKeys: keyPath,
-          router: item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.router
+          router: item === null || item === void 0 || (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.router
         });
         onSelected({
-          selectedPath: item === null || item === void 0 ? void 0 : (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.router
+          selectedPath: item === null || item === void 0 || (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.router
         });
         if (target) {
           var _item$props3;
-          window.open(item === null || item === void 0 ? void 0 : (_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.router, target);
+          window.open(item === null || item === void 0 || (_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.router, target);
         } else {
           setTimeout(function () {
             // 路由变更，且不再demo文档中
@@ -165,7 +170,7 @@ var OpenMenu = function OpenMenu(props) {
         height: dataSource.sideMenu ? 'auto' : "calc(100vh - ".concat((dataSource === null || dataSource === void 0 ? void 0 : dataSource.height) || 0, "px)"),
         color: 'red'
       }
-    }), _jsx(Link, {
+    }), /*#__PURE__*/_jsx(Link, {
       to: router,
       ref: linkRef
     })]