@hi-ui/hiui 2.15.9 → 2.15.11

package/es/menu/Menu.js

@@ -1,418 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Title = _interopRequireDefault(require("./Title"));
-
-var _Item = _interopRequireDefault(require("./Item"));
-
-var _SubMenu = _interopRequireDefault(require("./SubMenu"));
-
-require("./style/index");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var Menu = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Menu, _Component);
-
-  var _super = _createSuper(Menu);
-
-  function Menu(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Menu);
-    _this = _super.call(this, props);
-    var _this$props = _this.props,
-        activeId = _this$props.activeId,
-        collapsed = _this$props.collapsed;
-
-    var activeIndex = _this.getActiveIndex(activeId);
-
-    var expandIndex = [];
-    _this.clickOutsideHandel = _this.clickOutside.bind((0, _assertThisInitialized2["default"])(_this));
-
-    if (_this.isNoMiniVertaicalMenu(collapsed)) {
-      // 垂直非mini菜单默认打开激活项
-      expandIndex = [activeIndex.split('-').slice(0, -1).join('-')];
-    }
-
-    _this.state = {
-      activeId: _this.props.activeId,
-      expandIndex: expandIndex,
-      activeIndex: activeIndex,
-      collapsed: collapsed
-    };
-    _this.clickInsideFlag = false; // click在menu标识
-
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Menu, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      var activeId = nextProps.activeId,
-          data = nextProps.data,
-          collapsed = nextProps.collapsed;
-
-      if (activeId !== this.props.activeId || !_lodash["default"].isEqual(data, this.props.data)) {
-        var activeIndex = this.getActiveIndex(activeId, data);
-        this.setState({
-          activeId: activeId,
-          activeIndex: activeIndex
-        });
-        this.isNoMiniVertaicalMenu(collapsed) && this.setState({
-          expandIndex: [activeIndex.split('-').slice(0, -1).join('-')]
-        });
-      }
-
-      if (collapsed !== this.props.collapsed) {
-        this.setState({
-          collapsed: collapsed
-        });
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      window.addEventListener('click', this.clickOutsideHandel);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener('click', this.clickOutsideHandel);
-    }
-  }, {
-    key: "clickOutside",
-    value: function clickOutside() {
-      if (!this.clickInsideFlag && !this.isNoMiniVertaicalMenu()) {
-        this.setState({
-          expandIndex: []
-        });
-      }
-
-      this.clickInsideFlag = false;
-    }
-  }, {
-    key: "clickInside",
-    value: function clickInside() {
-      this.clickInsideFlag = true;
-    }
-  }, {
-    key: "getExpandIndex",
-    value: function getExpandIndex(clickedIndex) {
-      if (!clickedIndex) {
-        return [];
-      }
-
-      var accordion = this.props.accordion;
-      var expandIndex = this.state.expandIndex;
-      var _clickedIndex = clickedIndex;
-      var subInExpandIndex = false;
-
-      var _expandIndex = expandIndex.filter(function (item) {
-        // 点击父菜单时，需要把已展开的子菜单过滤掉，因为父菜单关闭时所有子菜单也要关闭
-        var flag = item.startsWith(_clickedIndex);
-
-        if (flag) {
-          subInExpandIndex = true;
-        }
-
-        return !flag;
-      });
-
-      subInExpandIndex && _expandIndex.push(_clickedIndex); // subInExpandIndex为true说明其有子菜单被展开，在点击需要关闭
-
-      var index = _expandIndex.indexOf(clickedIndex);
-
-      if (index > -1) {
-        // 点击同一个submenu，如果已展开则关闭
-        _clickedIndex = clickedIndex.split('-').slice(0, -1).join('-');
-      }
-
-      if (!accordion && this.isNoMiniVertaicalMenu()) {
-        // 非手风琴模式只有在垂直非mini状态下才生效
-        index > -1 ? _expandIndex.splice(index, 1, _clickedIndex) : _expandIndex.push(_clickedIndex);
-        return _expandIndex;
-      } else {
-        return _clickedIndex ? [_clickedIndex] : [];
-      }
-    }
-  }, {
-    key: "isNoMiniVertaicalMenu",
-    value: function isNoMiniVertaicalMenu() {
-      var collapsed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.state.collapsed;
-      // 垂直非mini菜单
-      return this.props.placement === 'vertical' && !collapsed;
-    }
-  }, {
-    key: "getActiveMenus",
-    value: function getActiveMenus(menus, activeId) {
-      var activeMenus = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-      var result;
-
-      for (var index in menus) {
-        var _activeMenus = (0, _toConsumableArray2["default"])(activeMenus);
-
-        if (menus[index].id === activeId) {
-          _activeMenus.push(index);
-
-          result = _activeMenus;
-        } else if (menus[index].children) {
-          _activeMenus.push(index);
-
-          result = this.getActiveMenus(menus[index].children, activeId, _activeMenus);
-        }
-
-        if (result) {
-          break;
-        }
-      }
-
-      if (result) {
-        return result;
-      }
-    }
-  }, {
-    key: "getActiveIndex",
-    value: function getActiveIndex(activeId, menu) {
-      // 获取激活item对应的索引，以'-'拼接成字符串
-      var data = this.props.data;
-
-      if (activeId === undefined || activeId === '') {
-        return '';
-      }
-
-      var activeMenus = this.getActiveMenus(menu || data, activeId, []);
-      return activeMenus && activeMenus.join('-') || '';
-    }
-  }, {
-    key: "toggleMini",
-    value: function toggleMini() {
-      var _this2 = this;
-
-      var collapsed = !this.state.collapsed;
-      var expandIndex = collapsed ? [] : this.state.expandIndex;
-      setTimeout(function () {
-        _this2.setState({
-          collapsed: collapsed,
-          expandIndex: expandIndex
-        }, function () {
-          _this2.props.onCollapse && _this2.props.onCollapse(collapsed);
-        });
-      }, 0);
-    }
-  }, {
-    key: "onClick",
-    value: function onClick(indexs, id, data) {
-      var _this3 = this;
-
-      var expandIndex = this.isNoMiniVertaicalMenu() ? this.state.expandIndex : this.getExpandIndex(''); // 非mini垂直菜单选中时不需要收起子菜单
-
-      var oldId = this.state.activeId;
-      this.setState({
-        activeId: id,
-        activeIndex: indexs,
-        expandIndex: expandIndex
-      }, function () {
-        _this3.props.onClick(id, oldId, data);
-      });
-    }
-  }, {
-    key: "onClickSubMenu",
-    value: function onClickSubMenu(index) {
-      var _this4 = this;
-
-      var expandIndex = this.getExpandIndex(index);
-      this.clickInside();
-      this.setState({
-        expandIndex: expandIndex
-      }, function () {
-        index && _this4.props.onClickSubMenu && _this4.props.onClickSubMenu(index.split('-'));
-      });
-    }
-  }, {
-    key: "renderItem",
-    value: function renderItem(data, index) {
-      var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      // render menu item
-      var activeIndex = this.state.activeIndex;
-      var mergeProps = Object.assign({
-        onClick: this.onClick.bind(this),
-        id: data.id,
-        icon: data.icon,
-        activeIndex: activeIndex,
-        index: index,
-        disabled: data.disabled,
-        key: index,
-        data: data
-      }, props);
-      return /*#__PURE__*/_react["default"].createElement(_Item["default"], mergeProps, data.content);
-    }
-  }, {
-    key: "renderFatSubMenu",
-    value: function renderFatSubMenu(data, parentIndex) {
-      var _this5 = this;
-
-      // render胖菜单
-      var groups = [];
-      data.forEach(function (dataItem, groupIndex) {
-        groups.push( /*#__PURE__*/_react["default"].createElement("li", {
-          className: "hi-menu-fat",
-          key: groupIndex
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          className: "hi-menu-fat__title hi-menu__title"
-        }, /*#__PURE__*/_react["default"].createElement(_Title["default"], {
-          icon: dataItem.icon,
-          content: dataItem.content
-        })), dataItem.children && /*#__PURE__*/_react["default"].createElement("ul", {
-          className: "hi-menu-fat__content"
-        }, dataItem.children.map(function (child, index) {
-          return _this5.renderItem(child, parentIndex + '-' + groupIndex + '-' + index, {
-            level: 2
-          });
-        }))));
-      });
-      return groups;
-    }
-  }, {
-    key: "renderMenu",
-    value: function renderMenu(data) {
-      var _this6 = this;
-
-      var parentIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-      var _this$props2 = this.props,
-          showAllSubMenus = _this$props2.showAllSubMenus,
-          placement = _this$props2.placement,
-          theme = _this$props2.theme;
-      var _this$state = this.state,
-          activeIndex = _this$state.activeIndex,
-          expandIndex = _this$state.expandIndex,
-          collapsed = _this$state.collapsed;
-      var items = [];
-      var renderMenu = showAllSubMenus ? this.renderFatSubMenu.bind(this) : this.renderMenu.bind(this);
-      data.forEach(function (item, index) {
-        var indexStr = parentIndex !== '' ? parentIndex + '-' + index : '' + index;
-        var level = indexStr.split('-').length;
-
-        if (item.children) {
-          items.push( /*#__PURE__*/_react["default"].createElement(_SubMenu["default"], {
-            key: index,
-            theme: theme,
-            onClick: _this6.onClickSubMenu.bind(_this6),
-            clickInside: _this6.clickInside.bind(_this6),
-            index: indexStr,
-            level: level,
-            fatMenu: showAllSubMenus,
-            activeIndex: activeIndex,
-            expandIndex: expandIndex,
-            disabled: item.disabled,
-            content: item.content,
-            icon: item.icon,
-            renderMenu: renderMenu,
-            datas: item.children,
-            mode: placement,
-            mini: collapsed
-          }));
-        } else {
-          items.push(_this6.renderItem(item, indexStr, {
-            level: level,
-            placement: placement,
-            mini: collapsed
-          }));
-        }
-      });
-      return items;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-          data = _this$props3.data,
-          placement = _this$props3.placement,
-          showCollapse = _this$props3.showCollapse,
-          theme = _this$props3.theme;
-      var collapsed = this.state.collapsed;
-      var cls = (0, _classnames["default"])('hi-menu', "theme__".concat(theme), "hi-menu--".concat(placement), {
-        'hi-menu--mini': collapsed
-      });
-
-      var miniIcon = /*#__PURE__*/_react["default"].createElement("i", {
-        className: "hi-icon icon-".concat(collapsed ? 'Expand' : 'Collapse')
-      });
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: cls
-      }, /*#__PURE__*/_react["default"].createElement("ul", {
-        className: "hi-menu-items"
-      }, this.renderMenu(data)), placement === 'vertical' && showCollapse && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-menu--mini__toggle",
-        onClick: this.toggleMini.bind(this)
-      }, miniIcon));
-    }
-  }]);
-  return Menu;
-}(_react.Component);
-
-Menu.defaultProps = {
-  placement: 'vertical',
-  onClick: function onClick() {},
-  activeId: '',
-  collapsed: false,
-  showCollapse: false,
-  showAllSubMenus: false,
-  accordion: true
-};
-Menu.propTypes = {
-  data: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    content: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-    id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-    disabled: _propTypes["default"].bool,
-    icon: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-    children: _propTypes["default"].array
-  })),
-  activeId: _propTypes["default"].string,
-  placement: _propTypes["default"].oneOf(['horizontal', 'vertical']),
-  collapsed: _propTypes["default"].bool,
-  // 是否是mini模式，需要同时placement=vertical时才生效
-  showCollapse: _propTypes["default"].bool,
-  // mini状态开关，需要同时placement=vertical时才生效
-  showAllSubMenus: _propTypes["default"].bool,
-  // 胖菜单，需要同时placement=horizontal时才生效
-  accordion: _propTypes["default"].bool,
-  onClick: _propTypes["default"].func,
-  onClickSubMenu: _propTypes["default"].func,
-  onCollapse: _propTypes["default"].func
-};
-var _default = Menu;
-exports["default"] = _default;

package/es/menu/__tests__/index.test.js

@@ -1,275 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _testUtils = _interopRequireDefault(require("react-dom/test-utils"));
-
-var _enzyme = require("enzyme");
-
-var _sinon = require("sinon");
-
-var _index = _interopRequireWildcard(require("../index"));
-
-/* eslint-env jest */
-var simpleDatas = [{
-  content: '电视',
-  id: 1
-}, {
-  content: '手机',
-  id: 2
-}];
-var complexDatas = [{
-  content: '电视',
-  id: 1,
-  icon: 'internet'
-}, {
-  content: '小米MIX',
-  id: 2
-}, {
-  content: '手机',
-  children: [{
-    content: '小米',
-    icon: 'phone',
-    children: [{
-      content: '小米9',
-      id: 'xiaomi9'
-    }, {
-      content: '小米8',
-      id: 'xiaomi8',
-      disabled: true
-    }]
-  }, {
-    content: '红米',
-    id: 'hongmi',
-    disabled: true,
-    children: []
-  }, {
-    content: '小米note',
-    children: [{
-      content: '小米 note7',
-      id: 'xiaomi note7'
-    }, {
-      content: '小米 note6',
-      id: 'xiaomi note6'
-    }]
-  }]
-}, {
-  content: '超长超长超长字符超长超长超长字符',
-  id: 4
-}];
-jest.useFakeTimers();
-describe('Menu', function () {
-  // describe('Lifecycle', () => {
-  //   it('componentWillUnmount', () => {
-  //     const componentDidMountSpy = spy(OriginalClass.prototype, 'componentWillUnmount')
-  //     const wrapper = mount(<Menu />)
-  //     expect(wrapper.instance()).toBeInstanceOf(Menu)
-  //     expect(componentDidMountSpy.callCount).toEqual(1)
-  //     componentDidMountSpy.restore()
-  //     // expect(wrapper.find('.icon-info-circle-o')).toHaveLength(1)
-  //     // expect(wrapper.find('.close-btn')).toHaveLength(1)
-  //   })
-  // })
-  describe('PropTypes', function () {
-    it('data', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: []
-      }));
-      expect(wrapper.find('.hi-menu--vertical')).toHaveLength(1);
-      expect(wrapper.find('.hi-menu-items')).toHaveLength(1);
-      expect(wrapper.find('.hi-menu-items').children()).toHaveLength(0);
-      wrapper.setProps({
-        data: complexDatas
-      });
-      document.body.click();
-      expect(wrapper.find('.hi-menu-items').children()).toHaveLength(complexDatas.length);
-      wrapper.unmount();
-    });
-    it('activeId', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: simpleDatas,
-        activeId: 1
-      }));
-      expect(wrapper.find('.hi-menu-item').first().hasClass('hi-menu-item--active')).toBeTruthy();
-      wrapper.setProps({
-        activeId: 2
-      });
-      expect(wrapper.find('.hi-menu-item').first().hasClass('hi-menu-item--active')).toBeFalsy();
-      expect(wrapper.find('.hi-menu-item').at(1).hasClass('hi-menu-item--active')).toBeTruthy();
-    });
-    it('placement', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: complexDatas,
-        placement: "horizontal",
-        activeId: 'xiaomi9'
-      }));
-      expect(wrapper.find('.hi-menu--horizontal')).toHaveLength(1);
-      wrapper.find('.hi-menu-item').at(2).childAt(0).simulate('click');
-
-      _testUtils["default"].Simulate.click(document.querySelector('.hi-submenu__items'));
-
-      _testUtils["default"].Simulate.click(document.querySelector('.hi-submenu__items .hi-submenu__title'));
-
-      expect(document.querySelector('.hi-submenu__items .hi-menu__title-toggle-icon>.hi-icon').className).toEqual('hi-icon icon-right');
-    });
-    it('collapsed', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: simpleDatas,
-        collapsed: true
-      }));
-      expect(wrapper.find('.hi-menu--mini')).toHaveLength(1);
-      wrapper.setProps({
-        collapsed: false
-      });
-      expect(wrapper.find('.hi-menu--mini')).toHaveLength(0);
-    });
-    it('showCollapse', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        showCollapse: true,
-        data: simpleDatas
-      }));
-      expect(wrapper.find('.hi-menu--mini__toggle')).toHaveLength(1);
-      wrapper.setProps({
-        showCollapse: false
-      });
-      expect(wrapper.find('.hi-menu--mini__toggle')).toHaveLength(0);
-    });
-    it('showAllSubMenus', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        showAllSubMenus: true,
-        data: complexDatas,
-        placement: "horizontal"
-      }));
-      expect(wrapper.find('.hi-submenu__popper--fat')).toHaveLength(1);
-    });
-    it('accordion', function () {
-      var callback = (0, _sinon.fake)();
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: complexDatas,
-        onClickSubMenu: callback,
-        accordion: true
-      }));
-      var targetRoot = wrapper.find('.hi-menu-item').at(2); // 手机 LI
-
-      var firstLevel = targetRoot.childAt(0); // 手机div.title
-
-      firstLevel.simulate('click');
-      expect(wrapper.find(_index.Menu).state('expandIndex')).toContain('2');
-      expect(callback.callCount).toEqual(1);
-      var subs = wrapper.find('.hi-menu-item').at(2).childAt(1);
-      expect(subs.hasClass('hi-submenu__items--hide')).toBeFalsy(); // 点击未展开菜单
-
-      var vMenu = wrapper.find('.hi-menu--2').first().childAt(0);
-      vMenu.simulate('click');
-      expect(wrapper.find('.hi-menu--2').first().childAt(1).hasClass('hi-submenu__items--hide')).toBeFalsy(); // 点击已经展开的菜单，如果已展开，则关闭
-
-      vMenu.simulate('click');
-      expect(wrapper.find('.hi-menu--2').first().childAt(1).hasClass('hi-submenu__items--hide')).toBeTruthy(); // 再次点击相同菜单打开，用来测试手风琴模式
-
-      vMenu.simulate('click');
-      wrapper.find('.hi-menu--2').at(2).childAt(0).simulate('click');
-      expect(wrapper.find('.hi-menu--2').first().childAt(1).hasClass('hi-submenu__items--hide')).toBeTruthy();
-      expect(wrapper.find('.hi-menu--2').at(2).childAt(1).hasClass('hi-submenu__items--hide')).toBeFalsy();
-    });
-  });
-  describe('Events', function () {
-    it('onClick', function () {
-      var callback = (0, _sinon.spy)();
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: simpleDatas,
-        onClick: callback
-      }));
-      wrapper.find('.hi-menu-item').first().simulate('click');
-      expect(callback.callCount).toEqual(1);
-      expect(callback.firstCall.args[0]).toEqual(1);
-      wrapper.find('.hi-menu-item').at(1).simulate('click');
-      expect(callback.callCount).toEqual(2);
-      expect(callback.secondCall.args[0]).toEqual(2);
-    });
-    it('onClickSubMenu', function () {
-      var callback = (0, _sinon.spy)();
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: complexDatas,
-        onClickSubMenu: callback
-      }));
-      var targetRoot = wrapper.find('.hi-menu-item').at(2); // 手机 LI
-
-      var firstLevel = targetRoot.childAt(0); // 手机div.title
-
-      firstLevel.simulate('click');
-      expect(callback.callCount).toEqual(1);
-      expect(callback.firstCall.args[0]).toEqual(['2']);
-    });
-    it('onCollapse', function () {
-      var callback = (0, _sinon.spy)();
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: simpleDatas,
-        onCollapse: callback,
-        showCollapse: true
-      }));
-      wrapper.find('.hi-menu--mini__toggle').first().simulate('click');
-      jest.runAllTimers();
-      wrapper.update();
-      expect(callback.callCount).toEqual(1);
-      expect(callback.firstCall.args[0]).toEqual(true);
-      expect(wrapper.find('.hi-menu').hasClass('hi-menu--mini')).toBeTruthy();
-      wrapper.find('.hi-menu--mini__toggle').first().simulate('click');
-      jest.runAllTimers();
-      wrapper.update();
-      expect(callback.callCount).toEqual(2);
-      expect(callback.secondCall.args[0]).toEqual(false);
-      expect(wrapper.find('.hi-menu').hasClass('hi-menu--mini')).toBeFalsy();
-    });
-  });
-  describe('Branches', function () {
-    it('getExpandIndex', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: complexDatas,
-        accordion: false
-      }));
-      var targetRoot = wrapper.find('.hi-menu-item').at(2); // 手机 LI
-
-      var firstLevel = targetRoot.childAt(0); // 手机div.title
-
-      firstLevel.simulate('click');
-      var subs = wrapper.find('.hi-menu-item').at(2).childAt(1);
-      expect(subs.hasClass('hi-submenu__items--hide')).toBeFalsy(); // 点击未展开菜单
-
-      var vMenu = wrapper.find('.hi-menu--2').first().childAt(0);
-      vMenu.simulate('click');
-      expect(wrapper.find('.hi-menu--2').first().childAt(1).hasClass('hi-submenu__items--hide')).toBeFalsy(); // 再次点击相同菜单打开，用来测试手风琴模式
-
-      wrapper.find('.hi-menu--2').at(2).childAt(0).simulate('click');
-      expect(wrapper.find('.hi-menu--2').first().childAt(1).hasClass('hi-submenu__items--hide')).toBeFalsy();
-      expect(wrapper.find('.hi-menu--2').at(2).childAt(1).hasClass('hi-submenu__items--hide')).toBeFalsy(); // 覆盖第100行分支
-
-      firstLevel.simulate('click');
-    });
-    it('verticalMini', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: complexDatas,
-        collapsed: true
-      }));
-      wrapper.find('.hi-menu-item').first().simulate('click');
-      expect(wrapper.find('.hi-menu-item').first().hasClass('hi-menu-item--active')).toBeTruthy(); // const targetRoot = wrapper.find('.hi-menu-item').at(2) // 手机 LI
-      // const firstLevel = targetRoot.childAt(0) // 手机div.title
-      // firstLevel.simulate('click')
-      // var subs = wrapper.find('.hi-menu-item').at(2).childAt(1)
-      // expect(subs.hasClass('hi-submenu__items--hide')).toBeFalsy()
-      // // 点击未展开菜单
-      // const vMenu = wrapper.find('.hi-menu--2').first().childAt(0)
-      // vMenu.simulate('click')
-      // expect(wrapper.find('.hi-menu--2').first().childAt(1).hasClass('hi-submenu__items--hide')).toBeFalsy()
-      // // 再次点击相同菜单打开，用来测试手风琴模式
-      // wrapper.find('.hi-menu--2').at(2).childAt(0).simulate('click')
-      // expect(wrapper.find('.hi-menu--2').first().childAt(1).hasClass('hi-submenu__items--hide')).toBeFalsy()
-      // expect(wrapper.find('.hi-menu--2').at(2).childAt(1).hasClass('hi-submenu__items--hide')).toBeFalsy()
-      // // 覆盖第100行分支
-      // firstLevel.simulate('click')
-    });
-  });
-});