@hi-ui/hiui 2.15.9 → 2.15.11

package/es/menu/ItemGroup.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _MixinMenu2 = _interopRequireDefault(require("./MixinMenu"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var ItemGroup = /*#__PURE__*/function (_MixinMenu) {
+  _inherits(ItemGroup, _MixinMenu);
+
+  var _super = _createSuper(ItemGroup);
+
+  function ItemGroup() {
+    _classCallCheck(this, ItemGroup);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(ItemGroup, [{
+    key: "render",
+    value: function render() {
+      var title = this.props.title;
+
+      var _this$renderChildren = this.renderChildren(this.props.children, ItemGroup.componentName),
+          children = _this$renderChildren.children;
+
+      var cls = (0, _classnames["default"])('hi-menu-group');
+      return /*#__PURE__*/_react["default"].createElement("li", {
+        className: cls
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "hi-menu-group__title"
+      }, title), /*#__PURE__*/_react["default"].createElement("ul", {
+        className: "hi-menu-group__content"
+      }, children));
+    }
+  }]);
+
+  return ItemGroup;
+}(_MixinMenu2["default"]);
+
+exports["default"] = ItemGroup;
+
+_defineProperty(ItemGroup, "componentName", 'ItemGroup');
+
+_defineProperty(ItemGroup, "propTypes", {
+  title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node])
+});

package/es/menu/SubMenu.js

@@ -1,24 +1,10 @@
 "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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-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 _propTypes = _interopRequireDefault(require("prop-types"));
@@ -31,21 +17,48 @@ var _icon = _interopRequireDefault(require("../icon"));
 
 var _Title = _interopRequireDefault(require("./Title"));
 
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
 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; } }
 
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var SubMenu = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(SubMenu, _Component);
+  _inherits(SubMenu, _Component);
 
   var _super = _createSuper(SubMenu);
 
   function SubMenu() {
-    (0, _classCallCheck2["default"])(this, SubMenu);
+    _classCallCheck(this, SubMenu);
+
     return _super.apply(this, arguments);
   }
 
-  (0, _createClass2["default"])(SubMenu, [{
+  _createClass(SubMenu, [{
     key: "onClick",
     value: function onClick(index) {
       this.props.onClick(index);
@@ -53,30 +66,38 @@ var SubMenu = /*#__PURE__*/function (_Component) {
   }, {
     key: "checkActive",
     value: function checkActive(activeIndex, index) {
-      var indexArr = index.split('-');
-      var activeIndexArr = activeIndex.split('-');
-      return activeIndexArr.slice(0, indexArr.length).join('-') === index;
+      return activeIndex.indexOf(index) === 0;
     }
   }, {
     key: "checkExpand",
     value: function checkExpand(activeIndex, expandIndex, index) {
       return expandIndex.some(function (item) {
-        var indexArr = index.split('-');
-        var expandIndexArr = item.split('-');
-        return expandIndexArr.slice(0, indexArr.length).join('-') === index;
-      });
+        return item.indexOf(index) === 0;
+      }); // const {
+      //   mini,
+      //   mode
+      // } = this.props
+      // if (!mini && mode==='vertical' && expandIndex.length===0) {
+      //   return activeIndex.indexOf(index) === 0
+      // } else {
+      //   return expandIndex.some(item => {
+      //     // return item.indexOf(index) === 0 || (activeIndex.indexOf(item) === 0 && activeIndex.indexOf(index) === 0)
+      //     return item.indexOf(index) === 0
+      //   })
+      // }
     }
   }, {
     key: "renderPopperMenu",
     value: function renderPopperMenu(deepSubmenu, isExpand) {
+      var _this = this;
+
       var _this$props = this.props,
           mini = _this$props.mini,
           datas = _this$props.datas,
           index = _this$props.index,
           renderMenu = _this$props.renderMenu,
           fatMenu = _this$props.fatMenu,
-          clickInside = _this$props.clickInside,
-          theme = _this$props.theme;
+          clickInside = _this$props.clickInside;
       var leftGap;
       var topGap;
       var placement;
@@ -98,13 +119,16 @@ var SubMenu = /*#__PURE__*/function (_Component) {
         zIndex: 1050,
         topGap: topGap,
         leftGap: leftGap,
-        className: (0, _classnames["default"])('hi-submenu__popper', "theme__".concat(theme), {
+        className: (0, _classnames["default"])('hi-submenu__popper', {
           'hi-submenu__popper--fat': fatMenu
         }),
         width: false,
         placement: placement
       }, /*#__PURE__*/_react["default"].createElement("ul", {
         className: (0, _classnames["default"])('hi-submenu__items'),
+        ref: function ref(node) {
+          _this.submenuNode = node;
+        },
         onClick: function onClick() {
           return clickInside();
         } // 利用事件冒泡设置clickInsideFlag
@@ -118,10 +142,9 @@ var SubMenu = /*#__PURE__*/function (_Component) {
           datas = _this$props2.datas,
           index = _this$props2.index,
           renderMenu = _this$props2.renderMenu,
-          clickInside = _this$props2.clickInside,
-          theme = _this$props2.theme;
+          clickInside = _this$props2.clickInside;
       return /*#__PURE__*/_react["default"].createElement("ul", {
-        className: (0, _classnames["default"])('hi-submenu__items', "theme__".concat(theme), {
+        className: (0, _classnames["default"])('hi-submenu__items', {
           'hi-submenu__items--hide': !isExpand
         }),
         onClick: function onClick() {
@@ -134,7 +157,7 @@ var SubMenu = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this = this;
+      var _this2 = this;
 
       var _this$props3 = this.props,
           content = _this$props3.content,
@@ -146,22 +169,19 @@ var SubMenu = /*#__PURE__*/function (_Component) {
           activeIndex = _this$props3.activeIndex,
           expandIndex = _this$props3.expandIndex,
           disabled = _this$props3.disabled,
-          fatMenu = _this$props3.fatMenu,
-          theme = _this$props3.theme;
+          fatMenu = _this$props3.fatMenu;
       var isExpand = this.checkExpand(activeIndex, expandIndex, index);
       var isActive = this.checkActive(activeIndex, index);
       var deepSubmenu = index.split('-').length > 1;
-      var cls = (0, _classnames["default"])('hi-menu-item', "theme__".concat(theme), 'hi-submenu', "hi-menu--".concat(level), {
+      var cls = (0, _classnames["default"])('hi-menu-item', 'hi-submenu', "hi-menu--".concat(level), {
         'hi-menu-item--disabled': disabled,
         'hi-menu-item--active': isActive,
         'hi-submenu--fat': fatMenu
       });
       var toggleIcon;
 
-      if (mode === 'horizontal' && !deepSubmenu) {
-        toggleIcon = 'down';
-      } else if (deepSubmenu && (mode === 'horizontal' || mini)) {
-        toggleIcon = 'right';
+      if (deepSubmenu && (mode === 'horizontal' || mini)) {
+        toggleIcon = isExpand ? 'left' : 'right';
       } else {
         toggleIcon = isExpand ? 'up' : 'down';
       }
@@ -169,20 +189,19 @@ var SubMenu = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/_react["default"].createElement("li", {
         className: cls,
         ref: function ref(node) {
-          _this.submenuTrigger = node;
+          _this2.submenuTrigger = node;
         },
         key: index
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "theme__".concat(theme, " hi-submenu__title hi-menu__title"),
+        className: "hi-submenu__title hi-menu__title",
         onClick: function onClick() {
-          !disabled && _this.onClick(index);
+          if (!disabled) {
+            _this2.onClick(index);
+          }
         }
       }, /*#__PURE__*/_react["default"].createElement(_Title["default"], {
         icon: icon,
-        content: content,
-        mini: mini,
-        level: level,
-        placement: mode
+        content: content
       }), /*#__PURE__*/_react["default"].createElement("div", {
         className: "hi-menu__title-toggle-icon"
       }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
@@ -190,10 +209,15 @@ var SubMenu = /*#__PURE__*/function (_Component) {
       }))), !mini && mode === 'vertical' ? this.renderVerticalMenu(isActive, isExpand) : this.renderPopperMenu(deepSubmenu, isExpand));
     }
   }]);
+
   return SubMenu;
 }(_react.Component);
 
-SubMenu.propTypes = {
+exports["default"] = SubMenu;
+
+_defineProperty(SubMenu, "componentName", 'SubMenu');
+
+_defineProperty(SubMenu, "propTypes", {
   icon: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
   content: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
   datas: _propTypes["default"].array,
@@ -207,10 +231,9 @@ SubMenu.propTypes = {
   disabled: _propTypes["default"].bool,
   activeIndex: _propTypes["default"].string,
   expandIndex: _propTypes["default"].array
-};
-SubMenu.defaultProps = {
+});
+
+_defineProperty(SubMenu, "defaultProps", {
   level: 1,
   expandIndex: []
-};
-var _default = SubMenu;
-exports["default"] = _default;
+});

package/es/menu/Title.js

@@ -1,84 +1,94 @@
 "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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _icon = _interopRequireDefault(require("../icon"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-var _react = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-var _icon = _interopRequireDefault(require("../icon"));
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
 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; } }
 
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var Title = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Title, _Component);
+  _inherits(Title, _Component);
 
   var _super = _createSuper(Title);
 
   function Title() {
-    (0, _classCallCheck2["default"])(this, Title);
+    _classCallCheck(this, Title);
+
     return _super.apply(this, arguments);
   }
 
-  (0, _createClass2["default"])(Title, [{
+  _createClass(Title, [{
     key: "renderIcon",
     value: function renderIcon(icon) {
-      var _this$props = this.props,
-          level = _this$props.level,
-          placement = _this$props.placement,
-          mini = _this$props.mini,
-          content = _this$props.content;
-
       if (!icon) {
-        icon = null;
+        return null;
       }
 
+      var iconEle = icon;
+
       if (typeof icon === 'string') {
-        icon = /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+        iconEle = /*#__PURE__*/_react["default"].createElement(_icon["default"], {
           name: icon
         });
       }
 
-      return icon || level === 1 && placement === 'vertical' && mini ? /*#__PURE__*/_react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "hi-menu__title-icon"
-      }, icon || content.substring(0, 1)) : null;
+      }, iconEle);
     }
   }, {
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-          content = _this$props2.content,
-          icon = _this$props2.icon;
+      var _this$props = this.props,
+          content = _this$props.content,
+          icon = _this$props.icon;
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, this.renderIcon(icon), /*#__PURE__*/_react["default"].createElement("div", {
         className: "hi-menu__title-content"
       }, content));
     }
   }]);
+
   return Title;
 }(_react.Component);
 
-Title.propTypes = {
+exports["default"] = Title;
+
+_defineProperty(Title, "propTypes", {
   content: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
   icon: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node])
-};
-var _default = Title;
-exports["default"] = _default;
+});