@hi-ui/hiui 2.15.11 → 2.15.12

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

@@ -0,0 +1,313 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _testUtils = require("react-dom/test-utils");
+
+var _enzyme = require("enzyme");
+
+var _sinon = _interopRequireWildcard(require("sinon"));
+
+var _index = _interopRequireDefault(require("../index"));
+
+var _DropdownMenuItem = _interopRequireDefault(require("../DropdownMenuItem"));
+
+var _button = _interopRequireDefault(require("../../button"));
+
+var _icon = _interopRequireDefault(require("../../icon"));
+
+var datas = [{
+  title: '移动',
+  id: 1
+}, {
+  title: '复制',
+  id: 2
+}, {
+  title: '删除',
+  id: 3
+}];
+
+function trigger(elem, event) {
+  var myEvent = document.createEvent('Event'); // 初始化这个事件对象，为它提高需要的“特性”
+
+  myEvent.initEvent(event, true, true); //执行事件
+
+  elem.dispatchEvent(myEvent);
+}
+/* eslint-env jest */
+
+
+describe('Dropdown', function () {
+  var clock;
+  beforeEach(function () {
+    clock = _sinon["default"].useFakeTimers();
+  });
+  afterEach(function () {
+    clock.restore();
+    jest.useRealTimers();
+    document.querySelectorAll('.hi-popper__container')[0] && document.querySelectorAll('.hi-popper__container')[0].remove();
+  });
+  describe('PropTypes', function () {
+    it('title', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
+        title: "\u5220\u9664",
+        data: datas,
+        trigger: "click"
+      }));
+      wrapper.find(_button["default"]).first().simulate('click');
+      expect(wrapper.find('.hi-dropdown__button--active').first().text()).toEqual('删除');
+      wrapper.unmount();
+    });
+    it('type', function () {
+      var types = ['text', 'button', 'group'];
+      var title = '操作';
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, types.map(function (type, index) {
+        return _react["default"].createElement(_index["default"], {
+          data: datas,
+          type: type,
+          key: index,
+          title: title
+        });
+      })));
+      types.map(function (type) {
+        expect(wrapper.find(".hi-dropdown--".concat(type))).toHaveLength(1);
+      }); // console.log(wrapper.debug())
+
+      expect(wrapper.find('.hi-dropdown--text').find('button.hi-btn--appearance--link')).toHaveLength(1);
+      expect(wrapper.find('.hi-dropdown--button').find('button.hi-btn--type--default')).toHaveLength(1);
+      expect(wrapper.find('.hi-dropdown--group').find(_button["default"])).toHaveLength(2);
+      wrapper.unmount();
+    });
+    it('trigger', function () {
+      var triggers = ['click', 'contextmenu', 'hover'];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, triggers.map(function (tt, index) {
+        return _react["default"].createElement(_index["default"], {
+          key: index,
+          title: "\u5176\u5B83\u64CD\u4F5C",
+          data: datas,
+          trigger: tt
+        });
+      }), _react["default"].createElement(_index["default"], {
+        title: "\u5176\u5B83\u64CD\u4F5C",
+        data: datas,
+        trigger: [].concat(triggers)
+      })));
+      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(0);
+      wrapper.find('.hi-dropdown').at(0).find(_button["default"]).simulate('click');
+      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(1);
+      wrapper.find('.hi-dropdown').at(0).find(_button["default"]).simulate('click');
+      wrapper.find('.hi-dropdown').at(1).find(_button["default"]).simulate('contextmenu');
+      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(2);
+      wrapper.find('.hi-dropdown').at(1).find(_button["default"]).simulate('click');
+      wrapper.find('.hi-dropdown').at(2).find(_button["default"]).simulate('mouseEnter');
+      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(3);
+      wrapper.find('.hi-dropdown').at(2).find(_button["default"]).simulate('mouseLeave');
+      wrapper.unmount();
+    });
+    it('onClick', function () {
+      var callback = jest.fn();
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_index["default"], {
+        title: "\u5176\u5B83\u64CD\u4F5C",
+        data: datas,
+        onClick: callback,
+        trigger: "click"
+      }), _react["default"].createElement(_index["default"], {
+        title: "\u5176\u5B83\u64CD\u4F5C",
+        data: datas
+      })));
+      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
+
+      _testUtils.Simulate.click(document.querySelectorAll('.hi-dropdown__menu-item')[0]);
+
+      expect(callback).toHaveBeenCalled();
+      expect(callback).toHaveBeenCalledWith(1);
+      wrapper.unmount();
+    });
+    it('placement', function () {
+      var plcs = ['bottom-start', 'top-start', 'bottom', 'top'];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, plcs.map(function (plc, index) {
+        return _react["default"].createElement(_index["default"], {
+          key: index,
+          data: datas,
+          placement: plc
+        });
+      })));
+      plcs.map(function (plc, index) {
+        wrapper.find('.hi-dropdown').at(index).find('button').simulate('mouseEnter');
+        expect(document.querySelectorAll(".hi-popper__content--".concat(plc))).toHaveLength(1);
+      });
+      wrapper.unmount();
+    });
+  });
+  describe('DataItem', function () {
+    var callback = (0, _sinon.spy)();
+    var outCallback = (0, _sinon.spy)();
+    var _datas = [{
+      title: '同步',
+      onClick: callback
+    }, {
+      title: '上传',
+      disabled: true
+    }, {
+      title: '-'
+    }, {
+      title: '删除',
+      value: 'other'
+    }, {
+      title: '删除',
+      url: 'xx.com'
+    }];
+    it('item', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
+        title: "\u64CD\u4F5C",
+        data: _datas,
+        onClick: outCallback,
+        trigger: ['click', 'hover']
+      }));
+      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
+      expect(document.querySelectorAll('.hi-dropdown__menu-item--disabled')).toHaveLength(1);
+      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
+      expect(document.querySelectorAll('.hi-dropdown__divider')).toHaveLength(1);
+
+      _testUtils.Simulate.mouseEnter(document.querySelector('.hi-dropdown__popper'));
+
+      _testUtils.Simulate.mouseEnter(document.querySelector('.hi-dropdown__menu-item'));
+
+      _testUtils.Simulate.mouseLeave(document.querySelector('.hi-dropdown__menu-item'));
+
+      _testUtils.Simulate.mouseLeave(document.querySelector('.hi-dropdown__popper'));
+
+      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
+      wrapper.unmount();
+    });
+    it('handleDocumentClick', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
+        title: "\u64CD\u4F5C",
+        data: _datas,
+        onClick: outCallback,
+        trigger: ['click', 'hover']
+      }));
+      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
+      expect(document.querySelectorAll('.hi-dropdown__menu-item--disabled')).toHaveLength(1);
+      expect(document.querySelectorAll('.hi-dropdown__divider')).toHaveLength(1);
+      trigger(wrapper.find('.hi-dropdown').at(0).find('button').getDOMNode(), 'mouseenter');
+      expect(document.querySelectorAll('.hi-dropdown__menu-item--disabled')).toHaveLength(1);
+      wrapper.unmount();
+    });
+    it('disabled', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
+        title: "\u64CD\u4F5C",
+        disabled: true,
+        data: _datas,
+        onClick: outCallback,
+        trigger: ['click', 'hover']
+      }));
+      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
+      expect(wrapper.find('.hi-dropdown--disabled')).toHaveLength(1);
+      wrapper.unmount();
+    });
+    it('prefix && suffix', function () {
+      var dataV1 = [{
+        title: 'one'
+      }, {
+        title: 'two',
+        prefix: _react["default"].createElement(_icon["default"], {
+          name: "add"
+        }) // 此 prefix 将会被替换为外部的 prefix
+
+      }, {
+        title: 'three',
+        suffix: _react["default"].createElement(_icon["default"], {
+          name: "truck"
+        })
+      }];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
+        list: dataV1,
+        title: "\u6309\u94AE\u83DC\u5355",
+        type: "button",
+        onClick: function onClick(val) {},
+        prefix: _react["default"].createElement(_icon["default"], {
+          name: "list"
+        })
+      }));
+      wrapper.find('.hi-dropdown').at(0).find('button').at(0).simulate('click');
+      wrapper.unmount();
+    });
+    it('level', function () {
+      var _data = [{
+        title: 'Move',
+        children: [{
+          title: '2019',
+          children: [{
+            title: 'Q1',
+            children: [{
+              title: '01'
+            }, {
+              title: '02'
+            }, {
+              title: '03'
+            }]
+          }, {
+            title: 'Q2',
+            disabled: true
+          }, {
+            title: 'Q3'
+          }]
+        }]
+      }, {
+        title: 'Copy',
+        children: [{
+          title: '2019',
+          children: [{
+            title: 'Q1',
+            disabled: true,
+            children: [{
+              title: '01'
+            }, {
+              title: '02'
+            }, {
+              title: '03'
+            }]
+          }, {
+            title: 'Q2'
+          }, {
+            title: 'Q3'
+          }]
+        }]
+      }, {
+        title: '删除'
+      }];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
+        data: _data,
+        trigger: "click"
+      }));
+      wrapper.find('.hi-dropdown').at(0).find('button').simulate('click');
+
+      _testUtils.Simulate.mouseEnter(document.querySelector('.hi-dropdown__menu-item'));
+
+      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(2);
+
+      _testUtils.Simulate.mouseEnter(document.querySelectorAll('.hi-dropdown__popper')[1]);
+
+      _testUtils.Simulate.mouseEnter(document.querySelectorAll('.hi-dropdown__popper')[1].querySelector('.hi-dropdown__menu-item'));
+
+      _testUtils.Simulate.mouseLeave(document.querySelectorAll('.hi-dropdown__popper')[1].querySelector('.hi-dropdown__menu-item'));
+
+      _testUtils.Simulate.mouseLeave(document.querySelectorAll('.hi-dropdown__popper')[1]);
+
+      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(3);
+      wrapper.unmount();
+    });
+  });
+  describe('Branches', function () {
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
+      title: "\u64CD\u4F5C",
+      list: datas,
+      trigger: ['click', 'hover']
+    }));
+  });
+});

package/es/dropdown/index.js

@@ -1,15 +1,80 @@
 "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;
+exports["default"] = exports.prefixCls = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
 
 require("./style/index");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var prefixCls = 'hi-dropdown';
+exports.prefixCls = prefixCls;
+var CompatedDropdown = (0, _react.forwardRef)(function (_ref, ref) {
+  var prefix = _ref.prefix,
+      suffix = _ref.suffix,
+      data = _ref.data,
+      list = _ref.list,
+      props = (0, _objectWithoutProperties2["default"])(_ref, ["prefix", "suffix", "data", "list"]);
+  var originData = [];
+  originData = list && !data ? (0, _toConsumableArray2["default"])(list) : (0, _toConsumableArray2["default"])(data);
+  originData = convertData(originData, prefix, suffix);
+  return _react["default"].createElement(_Dropdown["default"], (0, _extends2["default"])({
+    ref: ref,
+    data: originData
+  }, props));
+});
+var _default = CompatedDropdown;
+exports["default"] = _default;
+
+function convertData(data) {
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var suffix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+  var recur = function recur(data) {
+    return data.map(function (item) {
+      if (item.children) {
+        item.children = recur(item.children);
+      }
+
+      if (item.title !== '-') {
+        if (item.prefix) {
+          item.title = _react["default"].createElement(_react.Fragment, null, item.prefix, " ", item.title);
+        } else {
+          item.title = _react["default"].createElement(_react.Fragment, null, prefix, " ", item.title);
+        }
+
+        if (item.suffix && !item.children) {
+          item.title = _react["default"].createElement(_react.Fragment, null, item.title, " ", item.suffix);
+        } else {
+          item.title = _react["default"].createElement(_react.Fragment, null, item.title, " ", suffix);
+        }
+      }
+
+      if (item.url && !item.href) {
+        item.href = item.url;
+      }
+
+      if (item.value && !item.id) {
+        item.id = item.value;
+      }
+
+      return item;
+    });
+  };
 
-var _default = _Dropdown["default"];
-exports["default"] = _default;
+  return recur(data);
+}

package/es/dropdown/style/index.css

@@ -1 +1 @@
-.hi-dropdown{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:200px;font:normal 14px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-align:left;text-indent:0;text-shadow:none;text-transform:none;letter-spacing:0;word-spacing:normal;white-space:normal;color:#333}.hi-dropdown a{padding-left:0;padding-right:0}.hi-dropdown p,.hi-dropdown blockquote,.hi-dropdown ul,.hi-dropdown ol,.hi-dropdown dl,.hi-dropdown table,.hi-dropdown pre,.hi-dropdown h1,.hi-dropdown h2,.hi-dropdown h3,.hi-dropdown h4,.hi-dropdown h5,.hi-dropdown h6{margin-top:0;margin-bottom:0}.hi-dropdown ul,.hi-dropdown ol{margin:0;padding:0;list-style-type:none}.hi-dropdown ul ul,.hi-dropdown ul ol,.hi-dropdown ol ul,.hi-dropdown ol ol{margin-top:0;margin-bottom:0}.hi-dropdown li+li{margin-top:0}.hi-dropdown dl{margin-top:0;margin-bottom:0}.hi-dropdown__popper.hi-popper__content--top-start .hi-dropdown__menu{-webkit-box-shadow:8px 0 12px rgba(0,0,0,0.175);box-shadow:8px 0 12px rgba(0,0,0,0.175)}.hi-dropdown__popper.hi-popper__content--bottom-start .hi-dropdown__menu{-webkit-box-shadow:0 8px 12px rgba(0,0,0,0.175);box-shadow:0 8px 12px rgba(0,0,0,0.175)}.hi-dropdown__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;cursor:pointer}.hi-dropdown__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hi-dropdown__menu{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-width:140px;margin-top:2px !important;margin-bottom:2px;padding:4px 0 !important;border:1px solid #d8d8d8;list-style:none;font-size:14px;text-align:left;background-color:#fff;background-clip:padding-box}.hi-dropdown__item{display:-webkit-box;display:-ms-flexbox;display:flex;height:36px;padding:0 16px;line-height:36px;color:#333;cursor:pointer}.hi-dropdown__item--disabled{cursor:not-allowed}.hi-dropdown__item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hi-dropdown__item-prefix{-webkit-box-flex:0;-ms-flex:0 0 18px;flex:0 0 18px}.hi-dropdown__item-suffix{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.hi-dropdown__divider{height:1px;overflow:hidden;background-color:#e7e7e7;line-height:0}.hi-dropdown__button-group .hi-btn{position:relative}.hi-dropdown__button-group .hi-btn:first-child{margin-left:0;border-top-right-radius:0;border-bottom-right-radius:0}.hi-dropdown__button-group .hi-btn:first-child:hover{z-index:1}.hi-dropdown__button-group .hi-btn+.hi-btn{margin-left:-1px;padding:0 8px;border-top-left-radius:0;border-bottom-left-radius:0}.hi-dropdown__button-group .hi-btn+.hi-btn:hover{z-index:1}.hi-dropdown__item:hover{background-color:rgba(66,133,244,0.08)}.hi-dropdown__item--active{color:#4285f4}.hi-dropdown__item--disabled{color:#bfc0c3}.theme__orange .hi-dropdown__item:hover{background-color:rgba(255,102,51,0.08)}.theme__orange .hi-dropdown__item--active{color:#f63}.theme__orange .hi-dropdown__item--disabled{color:#c3bfbe}.theme__cyan .hi-dropdown__item:hover{background-color:rgba(70,188,153,0.08)}.theme__cyan .hi-dropdown__item--active{color:#46bc99}.theme__cyan .hi-dropdown__item--disabled{color:#bfc2c1}.theme__magenta .hi-dropdown__item:hover{background-color:rgba(255,89,117,0.08)}.theme__magenta .hi-dropdown__item--active{color:#ff5975}.theme__magenta .hi-dropdown__item--disabled{color:#c3bfc0}.theme__lavender .hi-dropdown__item:hover{background-color:rgba(180,80,222,0.08)}.theme__lavender .hi-dropdown__item--active{color:#b450de}.theme__lavender .hi-dropdown__item--disabled{color:#c1bfc2}.theme__blue .hi-dropdown__item:hover{background-color:rgba(61,168,245,0.08)}.theme__blue .hi-dropdown__item--active{color:#3da8f5}.theme__blue .hi-dropdown__item--disabled{color:#bec1c3}.theme__purple .hi-dropdown__item:hover{background-color:rgba(138,138,203,0.08)}.theme__purple .hi-dropdown__item--active{color:#8a8acb}.theme__purple .hi-dropdown__item--disabled{color:#c0c0c2}
+.hi-dropdown__button--text,.hi-dropdown__icon--text,.hi-dropdown__button--text:active,.hi-dropdown__icon--text:active,.hi-dropdown__button--text:hover,.hi-dropdown__icon--text:hover,.hi-dropdown__button--text:focus,.hi-dropdown__icon--text:focus{background-color:transparent !important;-webkit-box-shadow:none !important;box-shadow:none !important;border-color:transparent !important;outline:none !important}.hi-dropdown{font:normal 14px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-align:left;text-indent:0;text-shadow:none;text-transform:none;letter-spacing:0;word-spacing:normal;white-space:normal;color:#333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.hi-dropdown a{padding-left:0;padding-right:0}.hi-dropdown p,.hi-dropdown blockquote,.hi-dropdown ul,.hi-dropdown ol,.hi-dropdown dl,.hi-dropdown table,.hi-dropdown pre,.hi-dropdown h1,.hi-dropdown h2,.hi-dropdown h3,.hi-dropdown h4,.hi-dropdown h5,.hi-dropdown h6{margin-top:0;margin-bottom:0}.hi-dropdown ul,.hi-dropdown ol{margin:0;padding:0;list-style-type:none}.hi-dropdown ul ul,.hi-dropdown ul ol,.hi-dropdown ol ul,.hi-dropdown ol ol{margin-top:0;margin-bottom:0}.hi-dropdown li+li{margin-top:0}.hi-dropdown dl{margin-top:0;margin-bottom:0}.hi-dropdown--disabled .hi-dropdown__button{color:#ccc;cursor:not-allowed}.hi-dropdown__button i{margin-left:4px;margin-right:0 !important}.hi-dropdown__button i.not-group{margin-right:-15px !important}.hi-dropdown__button--text{padding-left:0;padding-right:0}.hi-dropdown__icon{padding-right:8px;padding-left:8px;position:relative;display:inline-block}.hi-dropdown__icon i{margin-right:0 !important}.hi-dropdown__icon-btnwrap{width:32px;height:32px}.hi-dropdown__icon-btnwrap .hi-dropdown__icon{padding:0}.hi-dropdown__popper{background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);border-radius:2px}.hi-dropdown__divider{background-color:#e8e8e8;width:100%;height:1px;margin:4px 0}.hi-dropdown__menu{list-style:none;margin:0;padding:0;padding:4px 0;max-height:267px;overflow:auto}.hi-dropdown__menu-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:0.3s ease;transition:0.3s ease}.hi-dropdown__menu-item--disabled{color:#ccc;cursor:not-allowed}.hi-dropdown__menu-item a{color:#333;width:100%}.hi-dropdown__menu-item:not(.hi-dropdown__menu-item--disabled):hover{background-color:#ecf2fe}.theme__hiui-blue.hi-dropdown__menu .hi-dropdown__menu-item:not(.hi-dropdown__menu-item--disabled):hover{background-color:rgba(66,133,244,0.15)}.theme__orange.hi-dropdown__menu .hi-dropdown__menu-item:not(.hi-dropdown__menu-item--disabled):hover{background-color:rgba(255,102,51,0.15)}.theme__cyan.hi-dropdown__menu .hi-dropdown__menu-item:not(.hi-dropdown__menu-item--disabled):hover{background-color:rgba(70,188,153,0.15)}.theme__magenta.hi-dropdown__menu .hi-dropdown__menu-item:not(.hi-dropdown__menu-item--disabled):hover{background-color:rgba(255,89,117,0.15)}.theme__lavender.hi-dropdown__menu .hi-dropdown__menu-item:not(.hi-dropdown__menu-item--disabled):hover{background-color:rgba(180,80,222,0.15)}.theme__blue.hi-dropdown__menu .hi-dropdown__menu-item:not(.hi-dropdown__menu-item--disabled):hover{background-color:rgba(61,168,245,0.15)}.theme__purple.hi-dropdown__menu .hi-dropdown__menu-item:not(.hi-dropdown__menu-item--disabled):hover{background-color:rgba(138,138,203,0.15)}

package/es/dropdown/style/index.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("../../style/icon/index.css");
-
 require("./index.css");

package/es/dropdown/{__test__ → tests}/index.test.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _enzyme = require("enzyme");
@@ -8,8 +10,6 @@ var _ = _interopRequireDefault(require("../"));
 
 var _icon = _interopRequireDefault(require("../../icon"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var wrapper;
 var clickCallback = jest.fn(function (val) {
   return val;
@@ -25,13 +25,13 @@ var listIcons = [{
   title: 'one'
 }, {
   title: 'two',
-  prefix: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+  prefix: _react["default"].createElement(_icon["default"], {
     name: "add"
   }) // 此 prefix 将会被替换为外部的 prefix
 
 }, {
   title: 'three',
-  suffix: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+  suffix: _react["default"].createElement(_icon["default"], {
     name: "truck"
   })
 }];
@@ -42,7 +42,7 @@ describe('Dropdown', function () {
     clickCallback.mockClear();
   });
   it('基础用法', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+    wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
       list: list,
       title: "\u7535\u5B50\u4EA7\u54C1",
       onClick: clickCallback
@@ -55,12 +55,12 @@ describe('Dropdown', function () {
     expect(clickCallback.mock.results[0].value).toBe('电脑');
   });
   it('按钮菜单', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+    wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
       list: listIcons,
       title: "\u6309\u94AE\u83DC\u5355",
       type: "button",
       onClick: clickCallback,
-      prefix: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+      prefix: _react["default"].createElement(_icon["default"], {
         name: "list"
       })
     }));

package/es/dropdown/utils.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIsTriggerEqualHover = getIsTriggerEqualHover;
+exports.getIsTriggerEqualContextmenu = getIsTriggerEqualContextmenu;
+exports.trimTriggers = trimTriggers;
+
+function getIsTriggerEqualHover(_ref) {
+  var trigger = _ref.trigger;
+  return trigger === 'hover';
+}
+
+function getIsTriggerEqualContextmenu(_ref2) {
+  var trigger = _ref2.trigger;
+  return trigger === 'contextmenu';
+}
+
+function trimTriggers(_ref3) {
+  var trigger = _ref3.trigger;
+
+  if (Array.isArray(trigger)) {
+    var triggers = Array.from(new Set(trigger));
+    return triggers.map(function (trigger) {
+      return {
+        trigger: trigger
+      };
+    });
+  }
+
+  return [{
+    trigger: trigger
+  }];
+}

package/es/ficon/index.js

@@ -1,48 +1,35 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-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; }
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-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); }
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-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); }; }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-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); }
-
-var Ficon = /*#__PURE__*/function (_React$Component) {
-  _inherits(Ficon, _React$Component);
+var _react = _interopRequireDefault(require("react"));
 
-  var _super = _createSuper(Ficon);
+var Ficon =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2["default"])(Ficon, _React$Component);
 
   function Ficon() {
-    _classCallCheck(this, Ficon);
-
-    return _super.apply(this, arguments);
+    (0, _classCallCheck2["default"])(this, Ficon);
+    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Ficon).apply(this, arguments));
   }
 
-  _createClass(Ficon, [{
+  (0, _createClass2["default"])(Ficon, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -50,7 +37,7 @@ var Ficon = /*#__PURE__*/function (_React$Component) {
           name = _this$props.name,
           style = _this$props.style;
       var classes = "hi-fa fa-".concat(name, " ").concat(className || '');
-      return /*#__PURE__*/_react["default"].createElement("i", {
+      return _react["default"].createElement("i", {
         className: classes,
         style: {
           style: style
@@ -58,7 +45,6 @@ var Ficon = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return Ficon;
 }(_react["default"].Component);