@para-ui/core 3.0.28 → 3.0.30

package/Menu/index.js

@@ -1,29 +1,28 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React__default, { useState, useEffect, useMemo, createElement, useRef } from 'react';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-87c7d895.js';
 import { createPortal } from 'react-dom';
 import CollapseBox from '../CollapseBox/index.js';
 import Down from '@para-ui/icons/Down';
 import * as iconList from '@para-ui/icons';
 import { UUID, DeepClone } from '@paraview/lib';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import MenuMoreLine from '@para-ui/icons/IndentRightFill';
 import MenuLessLine from '@para-ui/icons/IndentLeftFill';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import 'react-transition-group';
-import '../_verture/util-a77b261e.js';
+import '../_verture/util-7e1fb1e2.js';
 
 var Logo = function Logo(props) {
   var _props$expansion = props.expansion,
-      expansion = _props$expansion === void 0 ? true : _props$expansion,
-      render = props.render,
-      className = props.className;
+    expansion = _props$expansion === void 0 ? true : _props$expansion,
+    render = props.render,
+    className = props.className;
   /**
    * 处理内容
    * @return {ReactNode}
    */
-
   var handContent = function handContent() {
     if (render) return render;
   };
@@ -31,15 +30,12 @@ var Logo = function Logo(props) {
    * 处理className
    * @return class名
    */
-
-
   var handClass = function handClass() {
     var str = 'menu-logo';
     if (className) str += ' ' + className;
     if (!expansion) str += ' menu-logo-shrink';
     return str;
   };
-
   return jsx("div", Object.assign({
     className: handClass()
   }, {
@@ -51,63 +47,52 @@ var Logo = function Logo(props) {
  * @description 处理菜单标签
  * 默认div,最后一级为a标签
  * */
-
 var handMenuEle = function handMenuEle(children) {
   var Ele = 'div';
   var lastOne = !children || children.length === 0;
-
   if (lastOne) {
     Ele = 'a';
   }
-
   return Ele;
 };
 /**
  * 处理菜单href地址
  * */
-
-
 var handHref = function handHref() {
   var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var path = arguments.length > 1 ? arguments[1] : undefined;
   var href = arguments.length > 2 ? arguments[2] : undefined;
   var lastOne = !children || children.length === 0;
-
   if (lastOne) {
     return {
       href: href ? href : '#' + path
     };
   }
-
   return {};
-}; // 下拉展开
-
-
+};
+// 下拉展开
 var VerticalMenuListItem = function VerticalMenuListItem(props) {
   var label = props.label;
-      props.type;
-      var path = props.path,
-      href = props.href,
-      icon = props.icon,
-      children = props.children,
-      className = props.className,
-      _props$level = props.level,
-      level = _props$level === void 0 ? 1 : _props$level,
-      _props$selectMenu = props.selectMenu,
-      selectMenu = _props$selectMenu === void 0 ? '' : _props$selectMenu,
-      idMenuLast = props.idMenuLast,
-      onClickMenu = props.onClickMenu,
-      _props$shrinkOthers = props.shrinkOthers,
-      shrinkOthers = _props$shrinkOthers === void 0 ? true : _props$shrinkOthers;
-
+    props.type;
+    var path = props.path,
+    href = props.href,
+    icon = props.icon,
+    children = props.children,
+    className = props.className,
+    _props$level = props.level,
+    level = _props$level === void 0 ? 1 : _props$level,
+    _props$selectMenu = props.selectMenu,
+    selectMenu = _props$selectMenu === void 0 ? '' : _props$selectMenu,
+    idMenuLast = props.idMenuLast,
+    onClickMenu = props.onClickMenu,
+    _props$shrinkOthers = props.shrinkOthers,
+    shrinkOthers = _props$shrinkOthers === void 0 ? true : _props$shrinkOthers;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      openCom = _useState2[0],
-      setOpenCom = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    openCom = _useState2[0],
+    setOpenCom = _useState2[1];
   useEffect(function () {
     var selectMenuLast = idMenuLast[selectMenu]; // 当前选中菜单的 所有上下级 一条线
-
     if (selectMenuLast && selectMenuLast.indexOf(path) !== -1 && selectMenuLast.length > 1) {
       setOpenCom(true);
     } else {
@@ -116,13 +101,11 @@ var VerticalMenuListItem = function VerticalMenuListItem(props) {
     }
   }, [idMenuLast, selectMenu, path]);
   /** 点击菜单 */
-
   var clickMenu = function clickMenu(e) {
     if (children && children.length > 0) {
       onClickMenu && onClickMenu(false);
       return setOpenCom(!openCom);
     }
-
     onClickMenu && onClickMenu(props);
     e.preventDefault();
   };
@@ -130,8 +113,6 @@ var VerticalMenuListItem = function VerticalMenuListItem(props) {
    * 处理图标
    * @return {ReactNode}
    */
-
-
   var handIcon = function handIcon() {
     if (icon) {
       var iconCom = iconList[icon];
@@ -145,15 +126,13 @@ var VerticalMenuListItem = function VerticalMenuListItem(props) {
       }, {
         children: icon
       }));
-    } //return <Down className="opacity-pos-svg"/>; // 占位
-
+    }
+    //return <Down className="opacity-pos-svg"/>; // 占位
   };
   /**
    * 处理箭头
    * @return {ReactNode}
    */
-
-
   var handArrow = function handArrow() {
     if (children && children.length > 0) return jsx(Down, {});
     return jsx(Down, {
@@ -164,20 +143,15 @@ var VerticalMenuListItem = function VerticalMenuListItem(props) {
    * 处理class
    * @return class名
    */
-
-
   var handClass = function handClass() {
     var str = 'vertical-menu-list-item';
     if (openCom) str += ' vertical-menu-list-item-open';
     if (className) str += ' ' + className;
     var selectMenuLast = idMenuLast[selectMenu]; // 当前选中菜单的 所有上下级 一条线
-
     if (selectMenuLast) {
       var index = selectMenuLast.indexOf(path);
-
       if (index !== -1) {
         str += ' vertical-menu-list-item-select'; // 选中
-
         if (index === selectMenuLast.length - 1) {
           str += ' vertical-menu-list-item-select-last'; // 最后一项
         }
@@ -194,23 +168,18 @@ var VerticalMenuListItem = function VerticalMenuListItem(props) {
   /**
    * 处理样式
    */
-
-
   var handStyle = function handStyle() {
     var json = {
       paddingRight: '12px'
     };
-
     if (level >= 0) {
       json.paddingLeft = (level - 1) * 32 + 16 + 'px';
     } else {
       json.paddingLeft = '16px';
     }
-
     return json;
-  }; // itemMemo
-
-
+  };
+  // itemMemo
   var ItemMemo = useMemo(function () {
     var Ele = handMenuEle(children);
     return jsxs(Ele, Object.assign({
@@ -228,8 +197,8 @@ var VerticalMenuListItem = function VerticalMenuListItem(props) {
         children: handArrow()
       }))]
     }));
-  }, [children, onClickMenu, openCom, level, icon, label, path, href]); // Collapse
-
+  }, [children, onClickMenu, openCom, level, icon, label, path, href]);
+  // Collapse
   var CollapseMemo = useMemo(function () {
     return jsx(CollapseBox, Object.assign({
       in: openCom,
@@ -253,56 +222,45 @@ var VerticalMenuListItem = function VerticalMenuListItem(props) {
   }, {
     children: [ItemMemo, CollapseMemo]
   }));
-}; // 弹出菜单
-
-
+};
+// 弹出菜单
 var MenuItemPopper = function MenuItemPopper(props) {
   var _props$open = props.open,
-      open = _props$open === void 0 ? false : _props$open,
-      anchorEl = props.anchorEl,
-      idMenuLast = props.idMenuLast,
-      _props$selectMenu2 = props.selectMenu,
-      selectMenu = _props$selectMenu2 === void 0 ? '' : _props$selectMenu2,
-      onClickMenu = props.onClickMenu,
-      _props$list = props.list,
-      list = _props$list === void 0 ? [] : _props$list,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      onMouseEnterBus = props.onMouseEnterBus,
-      onMouseLeaveBus = props.onMouseLeaveBus,
-      _props$level2 = props.level,
-      level = _props$level2 === void 0 ? 1 : _props$level2,
-      color = props.color,
-      className = props.className;
-
+    open = _props$open === void 0 ? false : _props$open,
+    anchorEl = props.anchorEl,
+    idMenuLast = props.idMenuLast,
+    _props$selectMenu2 = props.selectMenu,
+    selectMenu = _props$selectMenu2 === void 0 ? '' : _props$selectMenu2,
+    onClickMenu = props.onClickMenu,
+    _props$list = props.list,
+    list = _props$list === void 0 ? [] : _props$list,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    onMouseEnterBus = props.onMouseEnterBus,
+    onMouseLeaveBus = props.onMouseLeaveBus,
+    _props$level2 = props.level,
+    level = _props$level2 === void 0 ? 1 : _props$level2,
+    color = props.color,
+    className = props.className;
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      openChild = _useState4[0],
-      setOpenChild = _useState4[1]; // 是否渲染子级
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    openChild = _useState4[0],
+    setOpenChild = _useState4[1]; // 是否渲染子级
   var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      childPos = _useState6[0],
-      setChildPos = _useState6[1]; // 子级定位元素
-
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    childPos = _useState6[0],
+    setChildPos = _useState6[1]; // 子级定位元素
   var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      childList = _useState8[0],
-      setChildList = _useState8[1]; // 子级列表
-
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    childList = _useState8[0],
+    setChildList = _useState8[1]; // 子级列表
   var _useState9 = useState({}),
-      _useState10 = _slicedToArray(_useState9, 2),
-      posStyle = _useState10[0],
-      setPosStyle = _useState10[1]; // 定位元素样式
-
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    posStyle = _useState10[0],
+    setPosStyle = _useState10[1]; // 定位元素样式
   var _useState11 = useState({}),
-      _useState12 = _slicedToArray(_useState11, 1),
-      timerJson = _useState12[0];
-
+    _useState12 = _slicedToArray(_useState11, 1),
+    timerJson = _useState12[0];
   var boxRef = useRef(null);
   useEffect(function () {
     return function () {
@@ -316,26 +274,22 @@ var MenuItemPopper = function MenuItemPopper(props) {
   /**
    * 设置定位样式
    * */
-
   var handPosStyle = function handPosStyle() {
     if (anchorEl && open && boxRef.current) {
       // 定位容器
       var anchorElDom = document.querySelector("[data-menu-id=".concat(anchorEl, "]"));
       var reactDom = anchorElDom.getBoundingClientRect();
-      var top = reactDom.top; // 不是第一级的弹窗向上便宜8px
-
+      var top = reactDom.top;
+      // 不是第一级的弹窗向上便宜8px
       if (level !== 1) {
         top = top - 8;
-      } // 第一级,且只有一级
-
-
+      }
+      // 第一级,且只有一级
       if (handTooltip()) {
         top = top + 4;
       }
-
       var bodyHeight = document.body.clientHeight;
       var selfHeight = boxRef.current.clientHeight;
-
       if (selfHeight + top > bodyHeight) {
         top = top - (selfHeight + top - bodyHeight) - 20; // 多减20的余量
       }
@@ -343,7 +297,6 @@ var MenuItemPopper = function MenuItemPopper(props) {
       if (top < 0) {
         top = 0;
       }
-
       setPosStyle({
         position: 'absolute',
         left: '0',
@@ -355,31 +308,25 @@ var MenuItemPopper = function MenuItemPopper(props) {
   /**
    * 判断是否是第一级,且没有子级
    * */
-
-
   var handTooltip = function handTooltip() {
     // 第一层,长度为1,且没有父级,,子级也没有
     if (level === 1 && list.length === 1 && list[0]._paraui_menu_first && (!list[0].children || list[0].children.length === 0)) {
       return true;
     }
-
     return false;
   };
   /**
    * 处理MenuPopover样式类名
    * @return {string}
    */
-
-
   var handPopoverClass = function handPopoverClass() {
     var str = $prefixCls + '-vertical-menu-item-popper';
     if (color) str += " ".concat($prefixCls, "-vertical-menu-item-popper-").concat(color);
-    if (color === 'deep') str += " ".concat($prefixCls, "-scrollbar-small-deep");else str += " ".concat($prefixCls, "-scrollbar-small"); // 第一级,且只有一项
-
+    if (color === 'deep') str += " ".concat($prefixCls, "-scrollbar-small-deep");else str += " ".concat($prefixCls, "-scrollbar-small");
+    // 第一级,且只有一项
     if (handTooltip()) {
       str += " ".concat($prefixCls, "-vertical-menu-item-popper-tooltip");
     }
-
     if (className) str += ' ' + className;
     return str;
   };
@@ -388,16 +335,12 @@ var MenuItemPopper = function MenuItemPopper(props) {
    * @param item {MenuChildrenProps} 子菜单详情
    * @return {string}
    */
-
-
   var handItemClass = function handItemClass(item) {
     var str = 'menu-item-popper-content-item';
     var selectMenuLast = idMenuLast && idMenuLast[selectMenu]; // 当前选中菜单的 所有上下级 一条线
-
     if (selectMenuLast && selectMenuLast.indexOf(item.path) !== -1) {
       str += ' menu-item-popper-content-item-select';
     }
-
     return str;
   };
   /**
@@ -405,8 +348,6 @@ var MenuItemPopper = function MenuItemPopper(props) {
    * @param icon 图标信息
    * @return {ReactNode}
    */
-
-
   var handIcon = function handIcon(icon) {
     if (icon) {
       var iconCom = iconList[icon];
@@ -420,16 +361,14 @@ var MenuItemPopper = function MenuItemPopper(props) {
       }, {
         children: icon
       }));
-    } //return <Down className="opacity-pos-svg"/>; // 占位
-
+    }
+    //return <Down className="opacity-pos-svg"/>; // 占位
   };
   /**
    * 处理箭头
    * @param children 详细
    * @return {ReactNode}
    */
-
-
   var handArrow = function handArrow(children) {
     if (children && children.length > 0) return jsx(Down, {});
     return jsx(Down, {
@@ -441,8 +380,6 @@ var MenuItemPopper = function MenuItemPopper(props) {
    * @param item {MenuChildrenProps} 当前项参数
    * @param e 当前元素
    */
-
-
   var clickMenu = function clickMenu(item) {
     return function (e) {
       e.preventDefault();
@@ -453,11 +390,8 @@ var MenuItemPopper = function MenuItemPopper(props) {
   /**
    * 鼠标移入大容器
    * */
-
-
   var onMouseEnterBox = function onMouseEnterBox() {
     if (handTooltip()) return;
-
     if (level == 1) {
       // 关闭收缩按钮移出事件
       onMouseEnter && onMouseEnter();
@@ -468,8 +402,6 @@ var MenuItemPopper = function MenuItemPopper(props) {
   /**
    * 鼠标移出大容器
    * */
-
-
   var onMouseLeaveBox = function onMouseLeaveBox() {
     if (handTooltip()) return;
     clearTimeout(timerJson.leaveBox);
@@ -485,8 +417,6 @@ var MenuItemPopper = function MenuItemPopper(props) {
    * 移入事件 传递 给子级
    * 用来通知上级
    * */
-
-
   var onMouseEnterBusCom = function onMouseEnterBusCom() {
     // 移入子级的大容器里面, 需要通知上级不关闭容器, 清楚关闭定时器
     clearTimeout(timerJson.leaveBox);
@@ -495,8 +425,6 @@ var MenuItemPopper = function MenuItemPopper(props) {
    * 移出事件 传递 给子级
    * 用来通知上级
    * */
-
-
   var onMouseLeaveBusCom = function onMouseLeaveBusCom() {
     setOpenChild(false);
     setChildPos('');
@@ -509,8 +437,6 @@ var MenuItemPopper = function MenuItemPopper(props) {
    * @param index {number} 移入当前项下标
    * @param e 当前元素
    */
-
-
   var onMouseEnterChildCom = function onMouseEnterChildCom(item) {
     return function (e) {
       handClassItemHover(e.target);
@@ -518,7 +444,6 @@ var MenuItemPopper = function MenuItemPopper(props) {
       clearTimeout(timerJson.closeTimer);
       timerJson.closeTimer = setTimeout(function () {
         var childListHand = item.children || [];
-
         if (childListHand.length > 0) {
           setOpenChild(true);
           setChildPos(e.target.getAttribute('data-menu-id'));
@@ -537,34 +462,27 @@ var MenuItemPopper = function MenuItemPopper(props) {
    * @param index {number} 移入当前项下标
    * @param e 当前元素
    */
-
-
   var onMouseLeaveChildCom = function onMouseLeaveChildCom(item) {
-    return function (e) {//console.log('移出子级')
+    return function (e) {
+      //console.log('移出子级')
     };
   };
   /**
    * 处理移入的class
    * */
-
-
   var handClassItemHover = function handClassItemHover(target) {
     if (boxRef) {
       var boxDom = boxRef.current;
       var hoverDom = boxDom.querySelector('.menu-item-popper-content-item-hover');
-
       if (hoverDom) {
         hoverDom.classList.remove('menu-item-popper-content-item-hover');
       }
     }
-
     if (target) {
       target.classList.add('menu-item-popper-content-item-hover');
     }
   };
   /** 内容 */
-
-
   var ContentMemo = useMemo(function () {
     return jsx("div", Object.assign({
       className: "menu-item-popper-content",
@@ -597,8 +515,8 @@ var MenuItemPopper = function MenuItemPopper(props) {
         }), index);
       })
     }));
-  }, [list, onClickMenu, idMenuLast, selectMenu, onClickMenu, onMouseEnter, onMouseLeave, level]); // 计算定位
-
+  }, [list, onClickMenu, idMenuLast, selectMenu, onClickMenu, onMouseEnter, onMouseLeave, level]);
+  // 计算定位
   var MenuPopover = function MenuPopover() {
     return jsx("div", Object.assign({
       className: handPopoverClass(),
@@ -607,7 +525,6 @@ var MenuItemPopper = function MenuItemPopper(props) {
       children: ContentMemo
     }));
   };
-
   var MenuPortalMemo = useMemo(function () {
     return jsx(Fragment, {
       children: /*#__PURE__*/createPortal(jsx(MenuPopover, {}), document.getElementsByTagName('body')[0])
@@ -635,86 +552,65 @@ var MenuItemPopper = function MenuItemPopper(props) {
  * @param transform {string}
  * @return {number}
  */
-
-
 var getTransformY = function getTransformY(transform) {
   if (!transform) return 0;
-
   try {
     var transformY = transform.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);
     return Number(transformY && transformY[2]);
   } catch (e) {}
-
   return 0;
 };
-
 var VerticalMenuList = function VerticalMenuList(props) {
   var list = props.list,
-      _props$expansion = props.expansion,
-      expansion = _props$expansion === void 0 ? true : _props$expansion,
-      _props$selectMenu3 = props.selectMenu,
-      selectMenu = _props$selectMenu3 === void 0 ? '' : _props$selectMenu3,
-      onClickMenu = props.onClickMenu,
-      className = props.className,
-      _props$shrinkOthers2 = props.shrinkOthers,
-      shrinkOthers = _props$shrinkOthers2 === void 0 ? true : _props$shrinkOthers2,
-      color = props.color; // const classes: any = useStyles(props);
-
+    _props$expansion = props.expansion,
+    expansion = _props$expansion === void 0 ? true : _props$expansion,
+    _props$selectMenu3 = props.selectMenu,
+    selectMenu = _props$selectMenu3 === void 0 ? '' : _props$selectMenu3,
+    onClickMenu = props.onClickMenu,
+    className = props.className,
+    _props$shrinkOthers2 = props.shrinkOthers,
+    shrinkOthers = _props$shrinkOthers2 === void 0 ? true : _props$shrinkOthers2,
+    color = props.color;
+  // const classes: any = useStyles(props);
   var _useState13 = useState([]),
-      _useState14 = _slicedToArray(_useState13, 2),
-      listCom = _useState14[0],
-      setListCom = _useState14[1]; // 菜单数据
-
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    listCom = _useState14[0],
+    setListCom = _useState14[1]; // 菜单数据
   var _useState15 = useState(false),
-      _useState16 = _slicedToArray(_useState15, 2),
-      openChild = _useState16[0],
-      setOpenChild = _useState16[1]; // 侧边展开子菜单
-
-
+    _useState16 = _slicedToArray(_useState15, 2),
+    openChild = _useState16[0],
+    setOpenChild = _useState16[1]; // 侧边展开子菜单
   var _useState17 = useState(null),
-      _useState18 = _slicedToArray(_useState17, 2),
-      openChildIndex = _useState18[0],
-      setOpenChildIndex = _useState18[1]; // 侧边菜单第几项
-
-
+    _useState18 = _slicedToArray(_useState17, 2),
+    openChildIndex = _useState18[0],
+    setOpenChildIndex = _useState18[1]; // 侧边菜单第几项
   var _useState19 = useState(''),
-      _useState20 = _slicedToArray(_useState19, 2),
-      childPos = _useState20[0],
-      setChildPos = _useState20[1]; // 侧边子菜单定位
-
-
+    _useState20 = _slicedToArray(_useState19, 2),
+    childPos = _useState20[0],
+    setChildPos = _useState20[1]; // 侧边子菜单定位
   var _useState21 = useState([]),
-      _useState22 = _slicedToArray(_useState21, 2),
-      childList = _useState22[0],
-      setChildList = _useState22[1]; // 侧边子菜单数据
-
-
+    _useState22 = _slicedToArray(_useState21, 2),
+    childList = _useState22[0],
+    setChildList = _useState22[1]; // 侧边子菜单数据
   var _useState23 = useState(""),
-      _useState24 = _slicedToArray(_useState23, 2),
-      selectMenuCom = _useState24[0],
-      setSelectMenuCom = _useState24[1]; // 当前选中菜单id
+    _useState24 = _slicedToArray(_useState23, 2),
+    selectMenuCom = _useState24[0],
+    setSelectMenuCom = _useState24[1]; // 当前选中菜单id
   //const [jsonMenu, setJsonMenu] = useState<any>({}); // 菜单map
-
-
   var _useState25 = useState({}),
-      _useState26 = _slicedToArray(_useState25, 2),
-      idMenuLast = _useState26[0],
-      setIdMenuLast = _useState26[1]; // 最后一级菜单所有层级id
-
-
+    _useState26 = _slicedToArray(_useState25, 2),
+    idMenuLast = _useState26[0],
+    setIdMenuLast = _useState26[1]; // 最后一级菜单所有层级id
   var _useState27 = useState({
-    prev: false,
-    next: false
-  }),
-      _useState28 = _slicedToArray(_useState27, 2),
-      flipDisable = _useState28[0],
-      setFlipDisable = _useState28[1];
-
+      prev: false,
+      next: false
+    }),
+    _useState28 = _slicedToArray(_useState27, 2),
+    flipDisable = _useState28[0],
+    setFlipDisable = _useState28[1];
   var _useState29 = useState({}),
-      _useState30 = _slicedToArray(_useState29, 1),
-      timerJson = _useState30[0];
-
+    _useState30 = _slicedToArray(_useState29, 1),
+    timerJson = _useState30[0];
   var listRef = React__default.useRef();
   useEffect(function () {
     return function () {
@@ -728,12 +624,10 @@ var VerticalMenuList = function VerticalMenuList(props) {
     // 浅拷贝一层,防止数据外部使用用了同一份数据,导致收缩的时候定位错误
     var listArr = list || [];
     var arr = [];
-
     for (var i = 0, l = listArr.length; i < l; i++) {
       var item = listArr[i];
       arr.push(Object.assign({}, item));
     }
-
     handList(arr);
   }, [list]);
   useEffect(function () {
@@ -744,14 +638,12 @@ var VerticalMenuList = function VerticalMenuList(props) {
     isShowArrow();
   }, [selectMenu]);
   /** 初始化判断是否显示箭头 */
-
   var isShowArrow = function isShowArrow() {
     clearTimeout(timerJson.arrowTimer);
     timerJson.arrowTimer = setTimeout(function () {
       var _getLimit = getLimit(),
-          min = _getLimit.min,
-          max = _getLimit.max;
-
+        min = _getLimit.min,
+        max = _getLimit.max;
       var y = getTransformY(listRef.current.style.transform);
       setFlipDisable({
         prev: y !== min,
@@ -763,8 +655,6 @@ var VerticalMenuList = function VerticalMenuList(props) {
    * 鼠标滚动应用列表
    * @param e 元素
    */
-
-
   var handleScroll = function handleScroll(e) {
     var deltaY = e.deltaY;
     var y = getTransformY(listRef.current.style.transform);
@@ -775,23 +665,18 @@ var VerticalMenuList = function VerticalMenuList(props) {
    * 翻页点击
    * @param type {'prev' | 'next'} 点击类型
    */
-
-
   var flip = function flip(type) {
     return function () {
       var height = 100;
       var y = getTransformY(listRef.current.style.transform);
-
       switch (type) {
         case "next":
           y -= height;
           break;
-
         case "prev":
           y += height;
           break;
       }
-
       setTransform(y);
     };
   };
@@ -799,13 +684,10 @@ var VerticalMenuList = function VerticalMenuList(props) {
    * 设置上下平移
    * @param y {number} 滚动距离
    */
-
-
   var setTransform = function setTransform(y) {
     var _getLimit2 = getLimit(),
-        min = _getLimit2.min,
-        max = _getLimit2.max;
-
+      min = _getLimit2.min,
+      max = _getLimit2.max;
     if (y > min) y = min;
     if (y < max) y = max;
     setFlipDisable({
@@ -818,17 +700,13 @@ var VerticalMenuList = function VerticalMenuList(props) {
    * 返回滚动限制
    * @return {object} 滚动限制
    */
-
-
   var getLimit = function getLimit() {
     var parentHeight = listRef.current.parentNode.getBoundingClientRect().height;
     var min = 0;
     var max = -(listRef.current.getBoundingClientRect().height - parentHeight);
-
     if (parentHeight > listRef.current.getBoundingClientRect().height) {
       max = 0;
     }
-
     return {
       min: min,
       max: max
@@ -838,19 +716,14 @@ var VerticalMenuList = function VerticalMenuList(props) {
    * 处理菜单数据
    * @param dataArr {MenuChildrenProps} 菜单数据
    */
-
-
   var handList = function handList(dataArr) {
     var idMap = {}; // 所有id,层级map
-
     var idMapLast = {}; // 最后一层菜单,层级map
-
     var recurrenceFunc = function recurrenceFunc(daraChildArr, parent) {
       for (var i = 0, l = daraChildArr.length; i < l; i++) {
         var item = daraChildArr[i];
         var path = item.path;
         item._paraui_menu_id = '_paraui_menu_id_' + UUID(); // 设置唯一id
-
         if (parent) {
           var idList = DeepClone(idMap[parent.path] || []);
           idList.push(path);
@@ -860,7 +733,6 @@ var VerticalMenuList = function VerticalMenuList(props) {
           idMap[path] = [path];
           item._paraui_menu_first = true;
         }
-
         if (item.children && item.children.length > 0) {
           recurrenceFunc(item.children, item);
         } else {
@@ -869,7 +741,6 @@ var VerticalMenuList = function VerticalMenuList(props) {
         }
       }
     };
-
     recurrenceFunc(dataArr);
     setIdMenuLast(idMapLast);
     setListCom(dataArr);
@@ -880,8 +751,6 @@ var VerticalMenuList = function VerticalMenuList(props) {
    * @param index {number} 移入当前项下标
    * @param e 当前元素
    */
-
-
   var mouseEnterShrinkFunc = function mouseEnterShrinkFunc(item, index) {
     return function (e) {
       setOpenChild(false);
@@ -889,11 +758,9 @@ var VerticalMenuList = function VerticalMenuList(props) {
       timerJson.enterTimer = setTimeout(function () {
         clearTimeout(timerJson.leaveTimer);
         var childListHand = [item];
-
         if (item.children && item.children.length > 0) {
           childListHand = item.children;
         }
-
         setOpenChildIndex(index);
         setChildPos(e.target.getAttribute('data-menu-id'));
         setChildList(childListHand);
@@ -906,16 +773,12 @@ var VerticalMenuList = function VerticalMenuList(props) {
    * @param item {MenuChildrenProps} 移出当前项参数
    * @param e 当前元素
    */
-
-
   var mouseLeaveShrinkFunc = function mouseLeaveShrinkFunc(item) {
     return function (e) {
       leaveFunc();
     };
   };
   /** 移出事件 */
-
-
   var leaveFunc = function leaveFunc() {
     clearTimeout(timerJson.leaveTimer);
     timerJson.leaveTimer = setTimeout(function () {
@@ -923,22 +786,16 @@ var VerticalMenuList = function VerticalMenuList(props) {
     }, 50);
   };
   /** 移入子菜单 */
-
-
   var onMouseEnterChild = function onMouseEnterChild() {
     clearTimeout(timerJson.leaveTimer);
   };
   /** 移出子菜单 */
-
-
   var onMouseLeaveChild = function onMouseLeaveChild() {
     leaveFunc();
   };
   /**
    * 关闭收缩弹窗
    * */
-
-
   var closeShrink = function closeShrink() {
     setOpenChild(false);
     setChildPos('');
@@ -950,18 +807,14 @@ var VerticalMenuList = function VerticalMenuList(props) {
    * @param item {MenuChildrenProps} 当前项参数
    * @return {ReactNode}
    */
-
-
   var handShrink = function handShrink(item) {
     var icon = item.icon,
-        label = item.label;
-
+      label = item.label;
     if (icon) {
       var iconCom = iconList[icon];
       if (iconCom) return iconCom();
       return icon;
     }
-
     if (typeof label === 'string') {
       return label[0];
     } else {
@@ -971,8 +824,6 @@ var VerticalMenuList = function VerticalMenuList(props) {
   /**
    * 点击收缩菜单时候的按钮
    * */
-
-
   var clickShrinkMenu = function clickShrinkMenu(item) {
     return function (e) {
       if (!item.children || item.children.length === 0) {
@@ -980,7 +831,6 @@ var VerticalMenuList = function VerticalMenuList(props) {
         delete handItem._paraui_menu_id;
         onClickMenu && onClickMenu(handItem);
       }
-
       e.preventDefault();
     };
   };
@@ -988,13 +838,10 @@ var VerticalMenuList = function VerticalMenuList(props) {
    * 点击菜单
    * @param item {MenuChildrenProps | false} 当前项参数
    */
-
-
   var clickMenu = function clickMenu(item) {
     if (item === false) {
       return isShowArrow();
     }
-
     closeShrink();
     var handItem = Object.assign({}, item);
     delete handItem._paraui_menu_id;
@@ -1006,12 +853,9 @@ var VerticalMenuList = function VerticalMenuList(props) {
    * @param index {number} 下标
    * @return {string} 返回图标元素
    */
-
-
   var handShrinkClass = function handShrinkClass(item, index) {
     var str = 'vertical-menu-list-item-shrink';
     var selectMenuLast = idMenuLast[selectMenuCom]; // 当前选中菜单的 所有上下级 一条线
-
     if (selectMenuLast && selectMenuLast.indexOf(item.path) !== -1) str += ' vertical-menu-list-item-shrink-select';
     if (openChildIndex === index) str += ' vertical-menu-list-item-shrink-hover';
     return str;
@@ -1020,16 +864,12 @@ var VerticalMenuList = function VerticalMenuList(props) {
    * 处理class
    * @return {string} class名
    */
-
-
   var handClass = function handClass() {
     var str = 'vertical-menu-list';
     if (className) str += ' ' + className;
     return str;
   };
   /** 展开memo */
-
-
   var ExpansionMemo = useMemo(function () {
     if (expansion) {
       return listCom.map(function (item, index) {
@@ -1045,7 +885,6 @@ var VerticalMenuList = function VerticalMenuList(props) {
     }
   }, [expansion, listCom, idMenuLast, selectMenuCom, onClickMenu, shrinkOthers]);
   /** 收缩memo */
-
   var ShrinkMemo = useMemo(function () {
     if (expansion) return null;
     return listCom.map(function (item, index) {
@@ -1064,7 +903,6 @@ var VerticalMenuList = function VerticalMenuList(props) {
     });
   }, [expansion, listCom, idMenuLast, selectMenuCom, openChildIndex]);
   /** 向上翻页 */
-
   var PrevScroll = useMemo(function () {
     return jsx(Fragment, {
       children: flipDisable.prev && jsx("span", Object.assign({
@@ -1077,7 +915,6 @@ var VerticalMenuList = function VerticalMenuList(props) {
     });
   }, [flipDisable]);
   /** 向下翻页 */
-
   var NextScroll = useMemo(function () {
     return jsx(Fragment, {
       children: flipDisable.next && jsx("span", Object.assign({
@@ -1090,7 +927,6 @@ var VerticalMenuList = function VerticalMenuList(props) {
     });
   }, [flipDisable]);
   /** 收缩弹出框菜单 */
-
   var MenuItemPopperMemo = useMemo(function () {
     return jsx(Fragment, {
       children: openChild && jsx(MenuItemPopper, {
@@ -1130,16 +966,15 @@ var VerticalMenuList = function VerticalMenuList(props) {
 
 var FooterExpansion = function FooterExpansion(props) {
   var _props$expansion = props.expansion,
-      expansion = _props$expansion === void 0 ? true : _props$expansion,
-      expandIcon = props.expandIcon,
-      shrinkIcon = props.shrinkIcon,
-      customizeContent = props.customizeContent,
-      clickExpansion = props.clickExpansion,
-      version = props.version,
-      render = props.render,
-      className = props.className;
+    expansion = _props$expansion === void 0 ? true : _props$expansion,
+    expandIcon = props.expandIcon,
+    shrinkIcon = props.shrinkIcon,
+    customizeContent = props.customizeContent,
+    clickExpansion = props.clickExpansion,
+    version = props.version,
+    render = props.render,
+    className = props.className;
   /** 点击展开/收起按钮 */
-
   var clickExpansionCom = function clickExpansionCom() {
     clickExpansion && clickExpansion(!expansion);
   };
@@ -1147,12 +982,9 @@ var FooterExpansion = function FooterExpansion(props) {
    * 处理内容
    * @return {ReactNode}
    */
-
-
   var handContent = function handContent() {
     if (render) return render;
     if (customizeContent) return customizeContent;
-
     var handIcon = function handIcon() {
       if (expansion) {
         if (expandIcon) return expandIcon;
@@ -1166,7 +998,6 @@ var FooterExpansion = function FooterExpansion(props) {
         });
       }
     };
-
     return jsxs(Fragment, {
       children: [handIcon(), expansion && version && jsx("span", Object.assign({
         className: "version"
@@ -1174,16 +1005,14 @@ var FooterExpansion = function FooterExpansion(props) {
         children: version
       }))]
     });
-  }; // 处理className
-
-
+  };
+  // 处理className
   var handClass = function handClass() {
     var str = 'footer-expansion';
     if (className) str += ' ' + className;
     if (!expansion) str += ' footer-expansion-shrink';
     return str;
   };
-
   return jsx("div", Object.assign({
     className: handClass()
   }, {
@@ -1196,34 +1025,31 @@ styleInject(css_248z);
 
 var Menu = function Menu(props) {
   var _props$color = props.color,
-      color = _props$color === void 0 ? 'deep' : _props$color,
-      logoProps = props.logoProps,
-      menuListProps = props.menuListProps,
-      _props$expansion = props.expansion,
-      expansion = _props$expansion === void 0 ? true : _props$expansion,
-      onClickExpansion = props.onClickExpansion,
-      selectMenu = props.selectMenu,
-      onClickMenu = props.onClickMenu,
-      className = props.className,
-      style = props.style,
-      _props$shrinkOthers = props.shrinkOthers,
-      shrinkOthers = _props$shrinkOthers === void 0 ? true : _props$shrinkOthers,
-      footerExpansionProps = props.footerExpansionProps,
-      _props$showExpansion = props.showExpansion,
-      showExpansion = _props$showExpansion === void 0 ? true : _props$showExpansion;
-
+    color = _props$color === void 0 ? 'deep' : _props$color,
+    logoProps = props.logoProps,
+    menuListProps = props.menuListProps,
+    _props$expansion = props.expansion,
+    expansion = _props$expansion === void 0 ? true : _props$expansion,
+    onClickExpansion = props.onClickExpansion,
+    selectMenu = props.selectMenu,
+    onClickMenu = props.onClickMenu,
+    className = props.className,
+    style = props.style,
+    _props$shrinkOthers = props.shrinkOthers,
+    shrinkOthers = _props$shrinkOthers === void 0 ? true : _props$shrinkOthers,
+    footerExpansionProps = props.footerExpansionProps,
+    _props$showExpansion = props.showExpansion,
+    showExpansion = _props$showExpansion === void 0 ? true : _props$showExpansion;
   var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      expansionCom = _useState2[0],
-      setExpansionCom = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    expansionCom = _useState2[0],
+    setExpansionCom = _useState2[1];
   useEffect(function () {
     if (expansion !== expansionCom) setExpansionCom(expansion);
   }, [expansion]);
   /**
    * 点击展开 / 收起
    */
-
   var clickExpansion = function clickExpansion() {
     onClickExpansion && onClickExpansion(!expansionCom);
   };
@@ -1231,8 +1057,6 @@ var Menu = function Menu(props) {
    * 处理class
    * @return class名
    */
-
-
   var handClass = function handClass() {
     var str = $prefixCls + '-vertical-menu';
     if (className) str += ' ' + className;
@@ -1241,15 +1065,12 @@ var Menu = function Menu(props) {
     return str;
   };
   /** 头像memo */
-
-
   var LogoMemo = useMemo(function () {
     return props.logoProps && jsx(Logo, Object.assign({}, logoProps, {
       expansion: expansionCom
     }));
   }, [logoProps, expansionCom]);
   /** 菜单memo */
-
   var MenuListMemo = useMemo(function () {
     return props.menuListProps && jsx(VerticalMenuList, Object.assign({}, props.menuListProps, {
       color: color,
@@ -1260,7 +1081,6 @@ var Menu = function Menu(props) {
     }));
   }, [menuListProps, expansionCom, selectMenu, onClickMenu, color]);
   /** 底部展开收起 */
-
   var ExpansionMemo = useMemo(function () {
     if (!showExpansion) return null;
     return jsx(FooterExpansion, Object.assign({