@hi-ui/hiui 2.15.10 → 2.15.11

package/es/loading/index.js

@@ -1,18 +1,142 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _Loading = _interopRequireDefault(require("./Loading"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
 
-var _util = require("../_util");
+var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./style/index");
 
-var _default = (0, _util.depreactedPropsCompat)(['visible', 'show'])(_Loading["default"]);
+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 prefixCls = 'hi-loading';
+
+var Loading = /*#__PURE__*/function (_Component) {
+  _inherits(Loading, _Component);
+
+  var _super = _createSuper(Loading);
+
+  function Loading() {
+    _classCallCheck(this, Loading);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(Loading, [{
+    key: "render",
+    value: function render() {
+      var _classNames;
+
+      var _this$props = this.props,
+          size = _this$props.size,
+          full = _this$props.full,
+          tip = _this$props.tip,
+          show = _this$props.show,
+          children = _this$props.children,
+          target = _this$props.target;
+      var mountNode = target || (full ? document.body : '');
+      var iconCls = (0, _classnames["default"])("".concat(prefixCls, "__icon"), "".concat(prefixCls, "__icon--").concat(size));
+      var maskCls = (0, _classnames["default"])("".concat(prefixCls, "__mask"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "__mask--global"), full), _defineProperty(_classNames, "".concat(prefixCls, "__mask--part"), !full), _defineProperty(_classNames, "".concat(prefixCls, "__mask--hide"), show === false), _classNames));
+      return /*#__PURE__*/_react["default"].createElement(PortalWrapper, {
+        mountNode: mountNode
+      }, children, /*#__PURE__*/_react["default"].createElement("div", {
+        className: maskCls
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "".concat(prefixCls, "__outter")
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: iconCls
+      }, /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement("div", null)), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "".concat(prefixCls, "__text")
+      }, tip))));
+    }
+  }]);
+
+  return Loading;
+}(_react.Component);
+
+_defineProperty(Loading, "propTypes", {
+  size: _propTypes["default"].oneOf(['large', 'default', 'small']),
+  full: _propTypes["default"].bool,
+  show: _propTypes["default"].bool,
+  tip: _propTypes["default"].string,
+  target: _propTypes["default"].any
+});
+
+_defineProperty(Loading, "defaultProps", {
+  size: 'default'
+});
+
+function PortalWrapper(_ref) {
+  var mountNode = _ref.mountNode,
+      children = _ref.children;
+  return mountNode ? /*#__PURE__*/_reactDom["default"].createPortal(children, mountNode) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefixCls, "__wrapper")
+  }, children);
+}
+
+function open() {
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      target = _ref2.target,
+      tip = _ref2.tip;
+
+  var renderNode = document.createElement('div');
+  var mountNode = target || document.body;
+  window.getComputedStyle(mountNode).position === 'absolute' || mountNode.style.setProperty('position', 'relative');
+  var full = !target;
+
+  _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(Loading, {
+    tip: tip,
+    full: full,
+    show: true,
+    target: mountNode
+  }), renderNode);
+
+  function close() {
+    renderNode && _reactDom["default"].unmountComponentAtNode(renderNode);
+    renderNode = undefined;
+  }
+
+  return {
+    close: close
+  };
+}
 
+Loading.open = open;
+var _default = Loading;
 exports["default"] = _default;

package/es/locales/en-US.js

@@ -1,10 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
+module.exports = {
   misc: {
     components: 'Basic Components'
   },
@@ -12,14 +8,12 @@ var _default = {
     ok: 'OK',
     to: 'to',
     placeholder: 'Select Date',
-    placeholderTimeperiod: 'Select Date Time',
     dateChoose: 'Select Date',
     timeChoose: 'Select Time',
     undefinedType: 'undefined type',
     lastWeek: 'Nearly week',
     lastMonth: 'Nearly month',
     lastThreeMonth: 'Nearly three months',
-    lastSixMonth: 'Nearly six months',
     lastYear: 'Nearly year',
     month: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
     monthShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
@@ -29,12 +23,9 @@ var _default = {
       month: 'Select Month',
       year: 'Select Year',
       time: 'Select Time',
-      daterange: ['Select Start Date', 'Select End Date'],
-      yearrange: ['Select Start Year', 'Select End Year'],
-      monthrange: ['Select Start Month', 'Select End Month'],
+      daterange: 'Select Date',
       week: 'Select Week',
-      weekrange: ['Select Start Week', 'Select End Week'],
-      timeperiod: ['Select Start Date Time', 'Select Start End Time']
+      weekrange: 'Select Week'
     },
     timePeriod: 'Period',
     hours: 'H',
@@ -45,12 +36,13 @@ var _default = {
     }
   },
   pagination: {
-    total: ['Total', 'items'],
-    simple: ['The', 'page', '', 'pages', 'items'],
+    total: function total(_total) {
+      return 'Total ' + _total + ' items';
+    },
     item: '',
     itemPerPage: 'Items per page',
     "goto": 'Goto',
-    page: ''
+    page: 'page'
   },
   cascader: {
     placeholder: 'Please select',
@@ -58,17 +50,9 @@ var _default = {
   },
   select: {
     placeholder: 'Please select',
-    emptyContent: 'Not found',
-    searchPlaceholder: 'Please search',
+    noFoundTip: 'Not found',
     checkAll: 'Check all'
   },
-  transfer: {
-    checkAll: 'Check all',
-    items: 'items',
-    searchPlaceholder: 'Please search',
-    emptyContent: 'No data',
-    limit: 'Reached limit, unable to add'
-  },
   upload: {
     buttonText: 'Upload',
     uploadSuccess: 'Success',
@@ -78,7 +62,6 @@ var _default = {
     drag: 'Drag and drop files for uploading',
     dragTips: 'Please click or drag and drop file upload',
     dragTipsLimited: 'The number has reached the upper limit',
-    preview: 'Preview',
     modalTiptitle: 'Upload failed',
     modalTiptxt: 'The upload file exceeds the specified upload file size',
     modalBtn: 'I know',
@@ -98,25 +81,8 @@ var _default = {
   form: {
     colon: ':'
   },
-  tree: {
-    addNode: 'Add Node',
-    addChildNode: 'Add Child Node',
-    edit: 'Edit Node',
-    del: 'Delete',
-    confirm: 'Confirm',
-    cancel: 'Cancel',
-    nodePlaceholder: 'Please enter the node name',
-    searchPlaceholder: 'Keyword search',
-    searchEmptyResult: 'No serach results',
-    modalTitle: 'Warning',
-    delTips: 'Deleting a node will delete all child nodes, are you sure to delete this node?'
-  },
   table: {
-    highlight: 'highlight',
-    freeze: 'freeze',
-    hide: 'hide',
-    meanValue: 'mean value',
-    emptyText: 'No Data'
+    checkAll: 'Check All',
+    expand: 'Expand'
   }
-};
-exports["default"] = _default;
+};

package/es/locales/index.js

@@ -1,25 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
-var _zhCN = _interopRequireDefault(require("./zh-CN"));
-
-var _enUS = _interopRequireDefault(require("./en-US"));
-
-var _zhHantHK = _interopRequireDefault(require("./zh-Hant-HK"));
-
-var _zhHantTW = _interopRequireDefault(require("./zh-Hant-TW"));
-
 var _default = {
-  'zh-CN': _zhCN["default"],
-  'zh-Hans': _zhCN["default"],
-  'en-US': _enUS["default"],
-  'zh-Hant-HK': _zhHantHK["default"],
-  'zh-Hant-TW': _zhHantTW["default"]
+  'zh-CN': require('./zh-CN'),
+  'en-US': require('./en-US')
 };
 exports["default"] = _default;

package/es/locales/zh-CN.js

@@ -1,10 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
+module.exports = {
   misc: {
     components: '基础组件'
   },
@@ -12,14 +8,12 @@ var _default = {
     ok: '确认',
     to: '至',
     placeholder: '请选择日期',
-    placeholderTimeperiod: '请选择日期时间',
     dateChoose: '日期选择',
     timeChoose: '时间选择',
     undefinedType: '类型未定义',
     lastWeek: '近一周',
     lastMonth: '近一月',
     lastThreeMonth: '近三月',
-    lastSixMonth: '近半年',
     lastYear: '近一年',
     month: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
     monthShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
@@ -29,12 +23,9 @@ var _default = {
       month: '请选择月',
       year: '请选择年',
       time: '请选择时间',
-      daterange: ['开始日期', '结束日期'],
-      yearrange: ['开始年', '结束年'],
-      monthrange: ['开始月', '结束月'],
+      daterange: '请选择日期',
       week: '请选择周',
-      weekrange: ['开始周', '结束周'],
-      timeperiod: ['开始日期时间', '结束日期时间']
+      weekrange: '请选择周'
     },
     year: '年',
     timePeriod: '时间段',
@@ -46,11 +37,12 @@ var _default = {
     }
   },
   pagination: {
-    total: ['共', '条'],
-    simple: ['第', '页', '共', '页', '条记录'],
+    total: function total(_total) {
+      return '共 ' + _total + ' 条';
+    },
     item: '条',
-    itemPerPage: '页',
-    "goto": '前往',
+    itemPerPage: '每页',
+    "goto": '跳至',
     page: '页'
   },
   cascader: {
@@ -59,17 +51,9 @@ var _default = {
   },
   select: {
     placeholder: '请选择',
-    emptyContent: '无匹配数据',
-    searchPlaceholder: '搜索',
+    noFoundTip: '无匹配数据',
     checkAll: '全选'
   },
-  transfer: {
-    checkAll: '全选',
-    items: '项',
-    searchPlaceholder: '搜索',
-    emptyContent: '暂无数据',
-    limit: '数量达上限，无法添加'
-  },
   upload: {
     buttonText: '本地上传',
     uploadSuccess: '上传成功',
@@ -79,7 +63,6 @@ var _default = {
     drag: '拖拽文件上传',
     dragTips: '请点击或拖拽文件上传',
     dragTipsLimited: '数量已达上限',
-    preview: '预览',
     modalTiptitle: '上传失败',
     modalTiptxt: '该上传文件超过指定上传文件大小',
     modalBtn: '我知道了',
@@ -99,25 +82,8 @@ var _default = {
   form: {
     colon: '：'
   },
-  tree: {
-    addNode: '添加节点',
-    addChildNode: '添加子节点',
-    edit: '编辑节点',
-    del: '删除',
-    confirm: '确认',
-    cancel: '取消',
-    nodePlaceholder: '请输入节点名称',
-    searchPlaceholder: '关键词搜索',
-    searchEmptyResult: '未找到搜索结果',
-    modalTitle: '提示',
-    delTips: '删除节点将删除所有子节点，确定删除吗？'
-  },
   table: {
-    highlight: '高亮',
-    freeze: '冻结',
-    hide: '隐藏',
-    meanValue: '均值',
-    emptyText: '暂无数据'
+    checkAll: '多选',
+    expand: '展开'
   }
-};
-exports["default"] = _default;
+};

package/es/menu/Item.js

@@ -1,51 +1,60 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _Title = _interopRequireDefault(require("./Title"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+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 _react = _interopRequireWildcard(require("react"));
+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 _propTypes = _interopRequireDefault(require("prop-types"));
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var _classnames = _interopRequireDefault(require("classnames"));
+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); } }
 
-var _Title = _interopRequireDefault(require("./Title"));
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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 _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+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 Item = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Item, _Component);
+  _inherits(Item, _Component);
 
   var _super = _createSuper(Item);
 
   function Item() {
-    (0, _classCallCheck2["default"])(this, Item);
+    _classCallCheck(this, Item);
+
     return _super.apply(this, arguments);
   }
 
-  (0, _createClass2["default"])(Item, [{
+  _createClass(Item, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -53,14 +62,12 @@ var Item = /*#__PURE__*/function (_Component) {
           disabled = _this$props.disabled,
           _onClick = _this$props.onClick,
           level = _this$props.level,
-          placement = _this$props.placement,
           activeIndex = _this$props.activeIndex,
           id = _this$props.id,
           icon = _this$props.icon,
           index = _this$props.index,
-          data = _this$props.data,
-          mini = _this$props.mini;
-      var isActive = activeIndex === index;
+          data = _this$props.data;
+      var isActive = activeIndex.indexOf(index) === 0;
       var cls = (0, _classnames["default"])('hi-menu-item', 'hi-menu-item__title', 'hi-menu__title', "hi-menu--".concat(level), {
         'hi-menu-item--disabled': disabled,
         'hi-menu-item--active': isActive
@@ -77,17 +84,17 @@ var Item = /*#__PURE__*/function (_Component) {
         }
       }, /*#__PURE__*/_react["default"].createElement(_Title["default"], {
         icon: icon,
-        content: children,
-        placement: placement,
-        level: level,
-        mini: mini
+        content: children
       }));
     }
   }]);
+
   return Item;
 }(_react.Component);
 
-Item.propTypes = {
+_defineProperty(Item, "componentName", 'MenuItem');
+
+_defineProperty(Item, "propTypes", {
   id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
   icon: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
   level: _propTypes["default"].number,
@@ -95,10 +102,12 @@ Item.propTypes = {
   onClick: _propTypes["default"].func,
   disabled: _propTypes["default"].bool,
   activeIndex: _propTypes["default"].string
-};
-Item.defaultProps = {
+});
+
+_defineProperty(Item, "defaultProps", {
   disabled: false,
   activeIndex: ''
-};
+});
+
 var _default = Item;
 exports["default"] = _default;

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])
+});