@hi-ui/menu 4.1.3 → 4.1.5

package/lib/cjs/MenuItem.js

@@ -10,43 +10,27 @@
 'use strict';
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
 var env = require('@hi-ui/env');
-
 var icons = require('@hi-ui/icons');
-
 var Popper = require('@hi-ui/popper');
-
 var typeAssertion = require('@hi-ui/type-assertion');
-
 var arrayUtils = require('@hi-ui/array-utils');
-
 var useMergeRefs = require('@hi-ui/use-merge-refs');
-
 var context = require('./context.js');
-
 var Expander = require('./Expander.js');
-
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
-
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Popper__default = /*#__PURE__*/_interopDefaultCompat(Popper);
 var MENU_PREFIX = classname.getPrefixCls('menu');
 var hiddenStyle = {
   position: 'absolute',
@@ -56,44 +40,39 @@ var hiddenStyle = {
 };
 var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _cx, _cx2;
-
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? MENU_PREFIX : _a$prefixCls,
-      className = _a.className,
-      icon = _a.icon,
-      title = _a.title,
-      disabled = _a.disabled,
-      id = _a.id,
-      _a$level = _a.level,
-      level = _a$level === void 0 ? 1 : _a$level,
-      children = _a.children,
-      parentIds = _a.parentIds,
-      _a$hidden = _a.hidden,
-      hidden = _a$hidden === void 0 ? false : _a$hidden,
-      render = _a.render,
-      raw = _a.raw,
-      _a$size = _a.size,
-      size = _a$size === void 0 ? 'lg' : _a$size,
-      rest = tslib.__rest(_a, ["prefixCls", "className", "icon", "title", "disabled", "id", "level", "children", "parentIds", "hidden", "render", "raw", "size"]);
-
+    prefixCls = _a$prefixCls === void 0 ? MENU_PREFIX : _a$prefixCls,
+    className = _a.className,
+    icon = _a.icon,
+    title = _a.title,
+    disabled = _a.disabled,
+    id = _a.id,
+    _a$level = _a.level,
+    level = _a$level === void 0 ? 1 : _a$level,
+    children = _a.children,
+    parentIds = _a.parentIds,
+    _a$hidden = _a.hidden,
+    hidden = _a$hidden === void 0 ? false : _a$hidden,
+    render = _a.render,
+    raw = _a.raw,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'lg' : _a$size,
+    rest = tslib.__rest(_a, ["prefixCls", "className", "icon", "title", "disabled", "id", "level", "children", "parentIds", "hidden", "render", "raw", "size"]);
   var itemRef = React.useRef(null);
-
   var _useContext = React.useContext(context["default"]),
-      placement = _useContext.placement,
-      expandedType = _useContext.expandedType,
-      showAllSubMenus = _useContext.showAllSubMenus,
-      mini = _useContext.mini,
-      activeId = _useContext.activeId,
-      closePopper = _useContext.closePopper,
-      expandedIds = _useContext.expandedIds,
-      clickMenu = _useContext.clickMenu,
-      clickSubMenu = _useContext.clickSubMenu,
-      closeAllPopper = _useContext.closeAllPopper,
-      activeParents = _useContext.activeParents,
-      overlayClassName = _useContext.overlayClassName;
-
+    placement = _useContext.placement,
+    expandedType = _useContext.expandedType,
+    showAllSubMenus = _useContext.showAllSubMenus,
+    mini = _useContext.mini,
+    activeId = _useContext.activeId,
+    closePopper = _useContext.closePopper,
+    expandedIds = _useContext.expandedIds,
+    clickMenu = _useContext.clickMenu,
+    clickSubMenu = _useContext.clickSubMenu,
+    closeAllPopper = _useContext.closeAllPopper,
+    activeParents = _useContext.activeParents,
+    overlayClassName = _useContext.overlayClassName;
   var _parentIds = (parentIds || []).concat(id);
-
   var hasChildren = typeAssertion.isArrayNonEmpty(children);
   var mergedRef = useMergeRefs.useMergeRefs(itemRef, ref);
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("li", Object.assign({
@@ -107,7 +86,6 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         !disabled && (clickSubMenu === null || clickSubMenu === void 0 ? void 0 : clickSubMenu(id));
       } else {
         !disabled && (clickMenu === null || clickMenu === void 0 ? void 0 : clickMenu(id, raw));
-
         if (closeAllPopper && !(placement === 'vertical' && expandedType === 'collapse' && mini === false)) {
           closeAllPopper();
         }
@@ -124,25 +102,25 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     id: id,
     icon: icon,
     title: title
-  }, level) : title), hasChildren && !mini && placement === 'vertical' && expandedType === 'collapse' && !showAllSubMenus && (!disabled && (expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React__default["default"].createElement(Arrow, {
+  }, level) : title), hasChildren && !mini && placement === 'vertical' && expandedType === 'collapse' && !showAllSubMenus && (!disabled && (expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "up"
-  }) : /*#__PURE__*/React__default["default"].createElement(Arrow, {
+  })) : ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "down"
-  })), hasChildren && mini && level > 1 && placement === 'vertical' ? /*#__PURE__*/React__default["default"].createElement(Arrow, {
+  }))), hasChildren && mini && level > 1 && placement === 'vertical' ? ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item"
-  }) : null, hasChildren && !mini && placement === 'vertical' && (expandedType === 'pop' || showAllSubMenus) ? /*#__PURE__*/React__default["default"].createElement(Arrow, {
+  })) : null, hasChildren && !mini && placement === 'vertical' && (expandedType === 'pop' || showAllSubMenus) ? ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item"
-  }) : null, hasChildren && placement === 'horizontal' && level > 1 ? /*#__PURE__*/React__default["default"].createElement(Arrow, {
+  })) : null, hasChildren && placement === 'horizontal' && level > 1 ? ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item"
-  }) : null, hasChildren && placement === 'horizontal' && level === 1 && (!disabled && (expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React__default["default"].createElement(Arrow, {
+  })) : null, hasChildren && placement === 'horizontal' && level === 1 && (!disabled && (expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "up"
-  }) : /*#__PURE__*/React__default["default"].createElement(Arrow, {
+  })) : ( /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "down"
-  }))), hasChildren && placement === 'vertical' && !mini && !showAllSubMenus && expandedType === 'collapse' ? /*#__PURE__*/React__default["default"].createElement(Expander.Expander, {
+  })))), hasChildren && placement === 'vertical' && !mini && !showAllSubMenus && expandedType === 'collapse' ? ( /*#__PURE__*/React__default["default"].createElement(Expander.Expander, {
     visible: !disabled && !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id))
   }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-submenu"
@@ -155,7 +133,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  }))) : null), hasChildren && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'collapse' && (level === 1 ? /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
+  })))) : null), hasChildren && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'collapse' && (level === 1 ? ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -175,7 +153,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  }))) : /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
+  })))) : ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -196,7 +174,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  })))), hasChildren && placement === 'vertical' && !showAllSubMenus && expandedType === 'pop' && (level === 1 ? /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
+  }))))), hasChildren && placement === 'vertical' && !showAllSubMenus && expandedType === 'pop' && (level === 1 ? ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -216,7 +194,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  }))) : /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
+  })))) : ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     disabledPortal: true,
@@ -237,7 +215,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  })))), hasChildren && placement === 'vertical' && showAllSubMenus ? /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
+  }))))), hasChildren && placement === 'vertical' && showAllSubMenus ? ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -254,9 +232,8 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       className: prefixCls + "-fat-menu__group"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: prefixCls + "-group-item"
-    }, child.title), child && typeAssertion.isArrayNonEmpty(child.children) ? /*#__PURE__*/React__default["default"].createElement("ul", null, child.children.map(function (item) {
+    }, child.title), child && typeAssertion.isArrayNonEmpty(child.children) ? ( /*#__PURE__*/React__default["default"].createElement("ul", null, child.children.map(function (item) {
       var _cx3;
-
       return /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
           if (!item.disabled) {
@@ -267,8 +244,8 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         className: classname.cx(prefixCls + "-item", (_cx3 = {}, _cx3[prefixCls + "-item--active"] = activeId === item.id, _cx3[prefixCls + "-item--disabled"] = item.disabled, _cx3)),
         key: item.id
       }, item.title);
-    })) : null);
-  }))) : null, hasChildren && placement === 'horizontal' && !showAllSubMenus && (level === 1 ? /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
+    }))) : null);
+  })))) : null, hasChildren && placement === 'horizontal' && !showAllSubMenus && (level === 1 ? ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: level === 1 ? 'bottom-start' : 'right-start',
@@ -288,7 +265,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  }))) : /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
+  })))) : ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     disabledPortal: true,
@@ -309,7 +286,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       render: render,
       size: size
     }));
-  })))), hasChildren && placement === 'horizontal' && showAllSubMenus ? /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
+  }))))), hasChildren && placement === 'horizontal' && showAllSubMenus ? ( /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'bottom-start',
@@ -326,9 +303,8 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       className: prefixCls + "-fat-menu__group"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: prefixCls + "-group-item"
-    }, child.title), child && typeAssertion.isArrayNonEmpty(child.children) ? /*#__PURE__*/React__default["default"].createElement("ul", null, child.children.map(function (item) {
+    }, child.title), child && typeAssertion.isArrayNonEmpty(child.children) ? ( /*#__PURE__*/React__default["default"].createElement("ul", null, child.children.map(function (item) {
       var _cx4;
-
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: classname.cx(prefixCls + "-item", (_cx4 = {}, _cx4[prefixCls + "-item--active"] = activeId === item.id, _cx4[prefixCls + "-item--disabled"] = item.disabled, _cx4)),
         onClick: function onClick() {
@@ -339,32 +315,26 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         },
         key: item.id
       }, item.title);
-    })) : null);
-  }))) : null);
+    }))) : null);
+  })))) : null);
 });
-
 if (env.__DEV__) {
   MenuItem.displayName = 'MenuItem';
 }
-
 var Arrow = function Arrow(_ref) {
   var prefixCls = _ref.prefixCls,
-      direction = _ref.direction;
+    direction = _ref.direction;
   var icon;
-
   switch (direction) {
     case 'up':
       icon = /*#__PURE__*/React__default["default"].createElement(icons.UpOutlined, null);
       break;
-
     case 'down':
       icon = /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null);
       break;
-
     default:
       icon = /*#__PURE__*/React__default["default"].createElement(icons.RightOutlined, null);
   }
-
   return /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__arrow"
   }, icon);
@@ -372,11 +342,9 @@ var Arrow = function Arrow(_ref) {
 /**
  * 渲染空白占位
  */
-
-
 var renderIndent = function renderIndent(_ref2) {
   var prefixCls = _ref2.prefixCls,
-      depth = _ref2.depth;
+    depth = _ref2.depth;
   return arrayUtils.times(depth, function (index) {
     return /*#__PURE__*/React__default["default"].createElement("span", {
       className: prefixCls + "__indent",
@@ -384,5 +352,4 @@ var renderIndent = function renderIndent(_ref2) {
     });
   });
 };
-
 exports.MenuItem = MenuItem;

package/lib/cjs/context.js

@@ -12,8 +12,6 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var React = require('react');
-
 var MenuContext = /*#__PURE__*/React.createContext({});
 exports["default"] = MenuContext;

package/lib/cjs/index.js

@@ -12,10 +12,7 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 require('./styles/index.scss.js');
-
 var Menu = require('./Menu.js');
-
 exports.Menu = Menu.Menu;
 exports["default"] = Menu.Menu;

package/lib/cjs/styles/index.scss.js

@@ -13,9 +13,6 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 });
 var css_248z = ".hi-v4-menu-fat-menu {background-color: var(--hi-v4-color-static-white, #fff);margin: 0;font-size: var(--hi-v4-text-size-md, 0.875rem);padding: var(--hi-v4-spacing-4, 8px);display: -webkit-box;display: -ms-flexbox;display: flex;color: var(--hi-v4-color-gray-700, #1f2733);border-radius: var(--hi-v4-border-radius-md, 4px);-ms-flex-wrap: wrap;flex-wrap: wrap;}.hi-v4-menu-fat-menu__group:not(:last-of-type) {margin-right: var(--hi-v4-spacing-18, 36px);}.hi-v4-menu-fat-menu .hi-v4-menu-group-item {height: 40px;margin: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 var(--hi-v4-spacing-6, 12px);color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-menu-fat-menu .hi-v4-menu-item {height: 40px;margin: 0;border-radius: var(--hi-v4-border-radius-md, 4px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px);}.hi-v4-menu-fat-menu .hi-v4-menu-item--active {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));}.hi-v4-menu-fat-menu .hi-v4-menu-item:not(.hi-v4-menu-item--active):hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-menu-fat-menu .hi-v4-menu-item--disabled {color: var(--hi-v4-color-gray-400, #b5bcc7);cursor: not-allowed;}.hi-v4-menu-fat-menu ul {padding: 0;margin: 0;}.hi-v4-menu-fat-menu ul li {list-style-type: none;}.hi-v4-menu-popmenu {background-color: var(--hi-v4-color-static-white, #fff);border-radius: var(--hi-v4-border-radius-md, 4px);margin: 0;font-size: var(--hi-v4-text-size-md, 0.875rem);padding: var(--hi-v4-spacing-4, 8px);color: var(--hi-v4-color-gray-700, #1f2733);width: 216px;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v4-menu-popmenu .hi-v4-menu-item {height: 40px;margin: 0;}.hi-v4-menu-popmenu .hi-v4-menu-item__inner {-webkit-box-sizing: border-box;box-sizing: border-box;height: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: var(--hi-v4-spacing-4, 8px);padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px);border-radius: var(--hi-v4-border-radius-md, 4px);}.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));}.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active-p {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-menu-popmenu .hi-v4-menu-item__inner--expanded {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-menu-popmenu .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-menu-popmenu .hi-v4-menu-item__inner--disabled {color: var(--hi-v4-color-gray-400, #b5bcc7);cursor: not-allowed;}.hi-v4-menu-popmenu .hi-v4-menu-item__content {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;padding-right: var(--hi-v4-spacing-4, 8px);}.hi-v4-menu {background-color: var(--hi-v4-color-static-white, #fff);color: var(--hi-v4-color-gray-700, #1f2733);font-size: var(--hi-v4-text-size-md, 0.875rem);line-height: var(--hi-v4-text-lineheight-md, 1.375rem);-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v4-menu ul {margin: 0;padding: 0;}.hi-v4-menu-item {list-style: none;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v4-menu-item__icon {color: var(--hi-v4-color-gray-500, #929aa6);-webkit-margin-end: var(--hi-v4-spacing-4, 8px);margin-inline-end: var(--hi-v4-spacing-4, 8px);}.hi-v4-menu-item__icon svg[class^=hi-v4-icon] {font-size: var(--hi-v4-text-size-lg, 1rem);}.hi-v4-menu-item__arrow {color: var(--hi-v4-color-gray-500, #929aa6);font-size: var(--hi-v4-text-size-lg, 1rem);}.hi-v4-menu-item__indent {display: inline-block;width: 24px;height: 100%;-ms-flex-negative: 0;flex-shrink: 0;}.hi-v4-menu-item--disabled {color: var(--hi-v4-color-gray-400, #b5bcc7);cursor: not-allowed;}.hi-v4-menu__wrapper {padding: 0;margin: 0;}.hi-v4-menu--horizontal {width: 100%;overflow: hidden;}.hi-v4-menu--horizontal .hi-v4-menu__wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;overflow: visible;width: -webkit-max-content;width: -moz-max-content;width: max-content;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v4-menu--horizontal .hi-v4-menu-item {padding: 0 var(--hi-v4-spacing-10, 20px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 56px;border: none;font-size: var(--hi-v4-text-size-lg, 1rem);}.hi-v4-menu--horizontal .hi-v4-menu-item__arrow {-webkit-margin-start: var(--hi-v4-spacing-2, 4px);margin-inline-start: var(--hi-v4-spacing-2, 4px);}.hi-v4-menu--horizontal .hi-v4-menu-item:hover {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-menu--horizontal .hi-v4-menu-item:hover .hi-v4-menu-item__inner {border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-menu--horizontal .hi-v4-menu-item--active {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-menu--horizontal .hi-v4-menu-item--active .hi-v4-menu-item__inner {border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-menu--horizontal .hi-v4-menu-item--active .hi-v4-menu-item__icon {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-menu--horizontal .hi-v4-menu-item--active-p {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-menu--horizontal .hi-v4-menu-item--active-p .hi-v4-menu-item__icon {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-menu--horizontal .hi-v4-menu-item__inner {height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom: 2px solid transparent;}.hi-v4-menu--horizontal .hi-v4-menu-item__inner--expanded {border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-menu--horizontal .hi-v4-menu-item__content {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;white-space: nowrap;max-width: none;}.hi-v4-menu--horizontal .hi-v4-menu-item--disabled {color: var(--hi-v4-color-gray-400, #b5bcc7);cursor: not-allowed;}.hi-v4-menu--horizontal .hi-v4-menu-item--disabled:hover .hi-v4-menu-item__inner {border-color: var(--hi-v4-color-static-white, #fff);}.hi-v4-menu--horizontal .hi-v4-menu-item--disabled .hi-v4-menu-item__content {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-menu--vertical {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: var(--hi-v4-spacing-4, 8px);width: 216px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100%;-webkit-transition: width 0.3s;transition: width 0.3s;}.hi-v4-menu--vertical .hi-v4-menu__wrapper {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;overflow: auto;}.hi-v4-menu--vertical.hi-v4-menu--mini {width: 56px;overflow-x: hidden;}.hi-v4-menu--vertical.hi-v4-menu--popup .hi-v4-menu-item__inner--expanded {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-menu--vertical .hi-v4-menu__toggle {width: 40px;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: var(--hi-v4-border-radius-md, 4px);color: var(--hi-v4-color-gray-500, #929aa6);height: 40px;-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));-webkit-transition-property: background-color;transition-property: background-color;}.hi-v4-menu--vertical .hi-v4-menu__toggle:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-menu--vertical .hi-v4-menu-item__inner {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px);border-radius: var(--hi-v4-border-radius-md, 4px);-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v4-menu--vertical .hi-v4-menu-item__inner--active {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));}.hi-v4-menu--vertical .hi-v4-menu-item__inner--active .hi-v4-menu-item__icon {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p .hi-v4-menu-item__icon {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-menu--vertical .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-menu--vertical .hi-v4-menu-item__content {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-indent: 0.5px;}.hi-v4-menu--vertical .hi-v4-menu-item--disabled {color: var(--hi-v4-color-gray-400, #b5bcc7);cursor: not-allowed;}.hi-v4-menu--size-lg .hi-v4-menu-item__inner {height: var(--hi-v4-height-10, 40px);margin-bottom: var(--hi-v4-spacing-4, 8px);}.hi-v4-menu--size-md .hi-v4-menu-item__inner {height: var(--hi-v4-height-9, 36px);margin-bottom: var(--hi-v4-spacing-2, 4px);}.hi-v4-menu--size-sm .hi-v4-menu-item__inner {height: var(--hi-v4-height-8, 32px);margin-bottom: var(--hi-v4-spacing-1, 2px);}";
-
 var __styleInject__ = require('style-inject')["default"];
-
 __styleInject__(css_248z);
-
 exports["default"] = css_248z;

package/lib/cjs/util.js

@@ -11,8 +11,9 @@
 
 Object.defineProperty(exports, '__esModule', {
   value: true
-}); // 寻找某一节点的父节点
+});
 
+// 寻找某一节点的父节点
 var getParentId = function getParentId(id, data) {
   var parentId = '';
   data.forEach(function (item) {
@@ -27,21 +28,17 @@ var getParentId = function getParentId(id, data) {
     }
   });
   return parentId;
-}; // 寻找某一节点的所有祖先节点
-
-
+};
+// 寻找某一节点的所有祖先节点
 var getAncestorIds = function getAncestorIds(id, data, arr) {
   if (arr === void 0) {
     arr = [];
   }
-
   if (getParentId(id, data)) {
     arr.push(getParentId(id, data));
     getAncestorIds(getParentId(id, data), data, arr);
   }
-
   return arr;
 };
-
 exports.getAncestorIds = getAncestorIds;
 exports.getParentId = getParentId;

package/lib/esm/Expander.js

@@ -9,16 +9,13 @@
  */
 import React, { useState } from 'react';
 import { CSSTransition } from 'react-transition-group';
-
 var Expander = function Expander(_ref) {
   var children = _ref.children,
-      visible = _ref.visible,
-      className = _ref.className;
-
+    visible = _ref.visible,
+    className = _ref.className;
   var _useState = useState(visible ? 'auto' : 0),
-      height = _useState[0],
-      setHeight = _useState[1];
-
+    height = _useState[0],
+    setHeight = _useState[1];
   return /*#__PURE__*/React.createElement(CSSTransition, {
     "in": visible,
     timeout: 200,
@@ -47,5 +44,4 @@ var Expander = function Expander(_ref) {
     }
   }, children));
 };
-
 export { Expander };