@hi-ui/hiui 2.15.11 → 2.15.12

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

@@ -0,0 +1,244 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _testUtils = _interopRequireDefault(require("react-dom/test-utils"));
+
+var _Pagination = _interopRequireWildcard(require("../Pagination"));
+
+var _simulant = _interopRequireDefault(require("simulant"));
+
+var _Input = _interopRequireDefault(require("../../input/Input"));
+
+/* eslint-env jest */
+var jumpCallback = jest.fn(function (key) {
+  return key;
+});
+var sizeChangeCallback = jest.fn(function (val, current) {
+  return [val, current];
+});
+var pageChangeCallback = jest.fn(function (page, prevPage, pageSize) {
+  return [page, prevPage, pageSize];
+});
+var pageSizeOptions = [{
+  value: 10,
+  title: '10'
+}, {
+  value: 20,
+  title: '20'
+}, {
+  value: 50,
+  title: '50'
+}, {
+  value: 100,
+  title: '100'
+}];
+describe('Pagination', function () {
+  describe('PropTypes', function () {
+    it('type', function () {
+      var types = ['default', 'simple', 'shrink'];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, types.map(function (type, index) {
+        return _react["default"].createElement(_Pagination["default"], {
+          total: 100,
+          pageSize: 10,
+          type: type,
+          key: index
+        });
+      })));
+      types.map(function (type) {
+        expect(wrapper.find(".hi-pagination--".concat(type))).toHaveLength(1);
+      });
+    });
+    it('total & defaultCurrent', function () {
+      var dc = 2;
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pagination["default"], {
+        total: 100,
+        pageSize: 10,
+        defaultCurrent: dc
+      }));
+      expect(wrapper.find(".hi-pagination__item-".concat(dc)).hasClass('hi-pagination__item--active')).toBeTruthy();
+      wrapper.setProps({
+        defaultCurrent: 3
+      });
+      expect(wrapper.find(".hi-pagination__item-".concat(dc)).hasClass('hi-pagination__item--active')).toBeTruthy();
+      wrapper.setProps({
+        total: 200
+      });
+      expect(wrapper.find('.hi-pagination__item-20')).toHaveLength(1);
+    });
+    it('current', function () {
+      var dc = 2;
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pagination["default"], {
+        total: 100,
+        pageSize: 10,
+        current: dc
+      }));
+      expect(wrapper.find(".hi-pagination__item-".concat(dc)).hasClass('hi-pagination__item--active')).toBeTruthy();
+      wrapper.setProps({
+        current: 3
+      });
+      expect(wrapper.find(".hi-pagination__item-3").hasClass('hi-pagination__item--active')).toBeTruthy();
+      wrapper.setProps({
+        current: 0
+      });
+      expect(wrapper.find(".hi-pagination__item-1").hasClass('hi-pagination__item--active')).toBeTruthy();
+      wrapper.setProps({
+        current: 100
+      });
+      expect(wrapper.find(".hi-pagination__item-10").hasClass('hi-pagination__item--active')).toBeTruthy();
+    });
+    it('max', function () {
+      // TODO:MAX 属性
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pagination["default"], {
+        current: 1,
+        total: 200,
+        pageSize: 10
+      }));
+      wrapper.setProps({
+        current: 3
+      });
+      expect(wrapper.find(".hi-pagination__item-3").hasClass('hi-pagination__item--active')).toBeTruthy();
+      wrapper.find('.hi-pagination__item-1').at(0).simulate('click');
+      wrapper.find('.hi-pagination__item-4').at(0).simulate('click');
+    });
+    it('pageSize', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pagination["default"], {
+        total: 100,
+        pageSize: 10
+      }));
+      expect(wrapper.find(".hi-pagination__item-10")).toHaveLength(1);
+      wrapper.setProps({
+        pageSize: 5
+      });
+      expect(wrapper.find(".hi-pagination__item-20")).toHaveLength(1);
+    });
+    it('pageSizeOptions && onPageSizeChange', function () {
+      var callback = jest.fn();
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pagination["default"], {
+        total: 100,
+        pageSize: 10,
+        pageSizeOptions: [10, 20, 50],
+        onPageSizeChange: callback
+      }));
+      expect(wrapper.find('.hi-pagination__sizes')).toHaveLength(1);
+      wrapper.find('.hi-select__input').simulate('click');
+
+      _testUtils["default"].Simulate.click(document.querySelectorAll('.hi-select__dropdown--item')[1]);
+
+      expect(callback).toHaveBeenCalled();
+      expect(callback).toHaveBeenCalledWith(20, 1);
+      expect(wrapper.find(_Pagination.Pagination).state('pageSize')).toEqual(20);
+    });
+    it('autoHide', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pagination["default"], {
+        total: 10,
+        pageSize: 10,
+        autoHide: true
+      }));
+      expect(wrapper.find('.hi-pagination')).toHaveLength(0);
+    });
+    it('showJumper', function () {
+      var callback = jest.fn();
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pagination["default"], {
+        total: 20,
+        pageSize: 10,
+        showJumper: true,
+        onJump: callback
+      }));
+      expect(wrapper.find('.hi-pagination__jumper')).toHaveLength(1); // wrapper.find(Pagination).setState({jumpTo: 2})
+      // wrapper.find('.hi-input__text').simulate('change')
+
+      wrapper.find('.hi-input__text').simulate('blur', {
+        target: {
+          value: 2
+        }
+      });
+      expect(callback).toHaveBeenCalled();
+      expect(callback).toHaveBeenCalledWith(2);
+      wrapper.find('.hi-input__text').simulate('keypress', {
+        type: 'keypress',
+        charCode: 13
+      });
+    });
+    it('onChange', function () {
+      var callback = jest.fn();
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pagination["default"], {
+        total: 100,
+        pageSize: 10,
+        showJumper: true,
+        onChange: callback
+      }));
+      wrapper.find('.hi-pagination__item-2').at(0).simulate('click');
+      expect(callback).toHaveBeenCalled();
+      expect(callback).toHaveBeenCalledWith(2, 1, 10);
+      wrapper.find(_Pagination.Pagination).setState({
+        jumpTo: ''
+      });
+      wrapper.find('.hi-input__text').simulate('change');
+      wrapper.find(_Pagination.Pagination).setState({
+        jumpTo: 3
+      });
+      wrapper.find('.hi-input__text').simulate('change');
+      expect(callback).toHaveBeenCalledWith(2, 1, 10);
+      wrapper.find(_Pagination.Pagination).setState({
+        jumpTo: 0
+      });
+      wrapper.find('.hi-input__text').simulate('change');
+      wrapper.find(_Pagination.Pagination).setState({
+        jumpTo: 'ab'
+      });
+      wrapper.find('.hi-input__text').simulate('change');
+      wrapper.find('.hi-input__text').simulate('change', {
+        target: {
+          value: 5
+        }
+      });
+      expect(wrapper.find(_Pagination.Pagination).state('jumpTo')).toEqual(5);
+      wrapper.find('.hi-input__text').simulate('change', {
+        target: {
+          value: 50
+        }
+      });
+      expect(wrapper.find(_Pagination.Pagination).state('jumpTo')).toEqual(10);
+    });
+  });
+  describe('Branches', function () {
+    it('Normal', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pagination["default"], {
+        total: 100,
+        pageSize: 10,
+        showTotal: true
+      }));
+      expect(wrapper.find('.hi-pagination__total')).toHaveLength(1);
+    });
+    it('Shrink', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pagination["default"], {
+        total: 1,
+        pageSize: 10,
+        type: "shrink",
+        showJumper: true
+      }));
+      expect(wrapper.find('.hi-pagination__jumper-input')).toHaveLength(1);
+    });
+    it('PageSizeOption', function () {
+      var callback = jest.fn();
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pagination["default"], {
+        total: 100,
+        pageSize: 10,
+        pageSizeOptions: [{
+          value: 10
+        }, {
+          value: 20
+        }],
+        onPageSizeChange: callback
+      }));
+      expect(wrapper.find('.hi-pagination__sizes')).toHaveLength(1);
+    });
+  });
+});

package/es/pagination/index.js

@@ -1,17 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Pagination["default"];
-  }
-});
+exports["default"] = void 0;
+
+var _Pagination = _interopRequireDefault(require("./Pagination"));
 
 require("./style/index");
 
-var _Pagination = _interopRequireDefault(require("./Pagination"));
+var _util = require("../_util");
+
+var _default = (0, _util.depreactedPropsCompat)([['type', 'mode'], ['max', 'pageBufferSize'], ['autoHide', 'hideOnSinglePage'], ['showJumper', 'showQuickJumper'], ['onPageSizeChange', 'sizeChangeEvent']])(_Pagination["default"]);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+exports["default"] = _default;

package/es/pagination/style/index.css

@@ -1 +1 @@
-.hi-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;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-pagination a{padding-left:0;padding-right:0}.hi-pagination p,.hi-pagination blockquote,.hi-pagination ul,.hi-pagination ol,.hi-pagination dl,.hi-pagination table,.hi-pagination pre,.hi-pagination h1,.hi-pagination h2,.hi-pagination h3,.hi-pagination h4,.hi-pagination h5,.hi-pagination h6{margin-top:0;margin-bottom:0}.hi-pagination ul,.hi-pagination ol{margin:0;padding:0;list-style-type:none}.hi-pagination ul ul,.hi-pagination ul ol,.hi-pagination ol ul,.hi-pagination ol ol{margin-top:0;margin-bottom:0}.hi-pagination li+li{margin-top:0}.hi-pagination dl{margin-top:0;margin-bottom:0}.hi-pagination__text{line-height:32px;color:#666}.hi-pagination__total{margin-right:16px}.hi-pagination__sizes{margin-right:16px}.hi-pagination__jumper{margin-left:16px}.hi-pagination__span{display:inline-block;margin:0 4px}.hi-pagination__jumper-input{display:inline-block;margin:0 12px 0 8px;color:#666}.hi-pagination__jumper-input .hi-input{width:60px}.hi-pagination__jumper-input .hi-input__text{text-align:center}.hi-pagination__jumper-input .hi-input__fix-box{display:none}.hi-pagination__item{float:left}.hi-pagination__item+.hi-pagination__item{margin-left:8px}.hi-pagination__item>a{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;min-width:32px;padding:0 4px;height:32px;border:1px solid #d8d8d8;border-radius:2px;font-size:14px;line-height:30px;text-decoration:none;text-align:center;color:#666;cursor:pointer}.hi-pagination__item>a:hover{border:1px solid transparent;-webkit-transition:border-color .15s linear,color .15s linear;transition:border-color .15s linear,color .15s linear}.hi-pagination__item--active>a{border:1px solid transparent}.hi-pagination__item--disabled>a{border:1px solid #e7e7e7;color:#e7e7e7;cursor:default}.hi-pagination__item--disabled>a:hover{border:1px solid #e7e7e7}.hi-pagination .hi-dropdown-menu{min-width:0}.hi-pagination__item:not(.hi-pagination__item--disabled)>a:hover{border-color:rgba(66,133,244,0.8);color:#4285f4}.hi-pagination__item--active:not(.hi-pagination__item--disabled)>a{border-color:#4285f4;background-color:#4285f4;color:#fff;cursor:default}.hi-pagination__item--active:not(.hi-pagination__item--disabled)>a:hover{border-color:#4285f4;color:#fff}.theme__orange .hi-pagination__item:not(.hi-pagination__item--disabled)>a:hover{border-color:rgba(255,102,51,0.8);color:#f63}.theme__orange .hi-pagination__item--active:not(.hi-pagination__item--disabled)>a{border-color:#f63;background-color:#f63;color:#fff;cursor:default}.theme__orange .hi-pagination__item--active:not(.hi-pagination__item--disabled)>a:hover{border-color:#f63;color:#fff}.theme__cyan .hi-pagination__item:not(.hi-pagination__item--disabled)>a:hover{border-color:rgba(70,188,153,0.8);color:#46bc99}.theme__cyan .hi-pagination__item--active:not(.hi-pagination__item--disabled)>a{border-color:#46bc99;background-color:#46bc99;color:#fff;cursor:default}.theme__cyan .hi-pagination__item--active:not(.hi-pagination__item--disabled)>a:hover{border-color:#46bc99;color:#fff}.theme__magenta .hi-pagination__item:not(.hi-pagination__item--disabled)>a:hover{border-color:rgba(255,89,117,0.8);color:#ff5975}.theme__magenta .hi-pagination__item--active:not(.hi-pagination__item--disabled)>a{border-color:#ff5975;background-color:#ff5975;color:#fff;cursor:default}.theme__magenta .hi-pagination__item--active:not(.hi-pagination__item--disabled)>a:hover{border-color:#ff5975;color:#fff}.theme__lavender .hi-pagination__item:not(.hi-pagination__item--disabled)>a:hover{border-color:rgba(180,80,222,0.8);color:#b450de}.theme__lavender .hi-pagination__item--active:not(.hi-pagination__item--disabled)>a{border-color:#b450de;background-color:#b450de;color:#fff;cursor:default}.theme__lavender .hi-pagination__item--active:not(.hi-pagination__item--disabled)>a:hover{border-color:#b450de;color:#fff}.theme__blue .hi-pagination__item:not(.hi-pagination__item--disabled)>a:hover{border-color:rgba(61,168,245,0.8);color:#3da8f5}.theme__blue .hi-pagination__item--active:not(.hi-pagination__item--disabled)>a{border-color:#3da8f5;background-color:#3da8f5;color:#fff;cursor:default}.theme__blue .hi-pagination__item--active:not(.hi-pagination__item--disabled)>a:hover{border-color:#3da8f5;color:#fff}.theme__purple .hi-pagination__item:not(.hi-pagination__item--disabled)>a:hover{border-color:rgba(138,138,203,0.8);color:#8a8acb}.theme__purple .hi-pagination__item--active:not(.hi-pagination__item--disabled)>a{border-color:#8a8acb;background-color:#8a8acb;color:#fff;cursor:default}.theme__purple .hi-pagination__item--active:not(.hi-pagination__item--disabled)>a:hover{border-color:#8a8acb;color:#fff}
+.hi-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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-pagination a{padding-left:0;padding-right:0}.hi-pagination p,.hi-pagination blockquote,.hi-pagination ul,.hi-pagination ol,.hi-pagination dl,.hi-pagination table,.hi-pagination pre,.hi-pagination h1,.hi-pagination h2,.hi-pagination h3,.hi-pagination h4,.hi-pagination h5,.hi-pagination h6{margin-top:0;margin-bottom:0}.hi-pagination ul,.hi-pagination ol{margin:0;padding:0;list-style-type:none}.hi-pagination ul ul,.hi-pagination ul ol,.hi-pagination ol ul,.hi-pagination ol ol{margin-top:0;margin-bottom:0}.hi-pagination li+li{margin-top:0}.hi-pagination dl{margin-top:0;margin-bottom:0}.hi-pagination__text{line-height:32px;color:#666}.hi-pagination__total{margin-right:16px}.hi-pagination__sizes{margin-right:16px}.hi-pagination__jumper{margin-left:16px}.hi-pagination__span{display:inline-block;margin:0 4px}.hi-pagination__span .hi-select__input{border:1px solid #e7e7e7}.hi-pagination__jumper-input{display:inline-block;margin:0 20px 0 8px;color:#666}.hi-pagination__jumper-input .hi-input{width:64px}.hi-pagination__jumper-input .hi-input__inner{border:1px solid #e7e7e7}.hi-pagination__jumper-input .hi-input__text{text-align:center}.hi-pagination__jumper-input .hi-input__fix-box{display:none}.hi-pagination__item{float:left}.hi-pagination__item+.hi-pagination__item{margin-left:8px}.hi-pagination__item-break{width:32px;text-align:center}.hi-pagination__item>span{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;min-width:32px;padding:0 4px;height:32px;border:1px solid #e7e7e7;border-radius:2px;font-size:14px;line-height:30px;text-decoration:none;text-align:center;color:#666;cursor:pointer}.hi-pagination__item>span:hover{border:1px solid transparent;-webkit-transition:border-color .15s linear,color .15s linear;transition:border-color .15s linear,color .15s linear}.hi-pagination__item--active>span{border:1px solid transparent}.hi-pagination__item--disabled>span{border:1px solid #e7e7e7;color:#e7e7e7;cursor:default}.hi-pagination__item--disabled>span:hover{border:1px solid #e7e7e7}.hi-pagination .hi-dropdown-menu{min-width:0}.hi-pagination__item:not(.hi-pagination__item--disabled)>span:hover{border-color:rgba(66,133,244,0.8);color:#4285f4}.hi-pagination__item--active:not(.hi-pagination__item--disabled)>span{border-color:#4285f4;background-color:#4285f4;color:#fff;cursor:default}.hi-pagination__item--active:not(.hi-pagination__item--disabled)>span:hover{border-color:#4285f4;color:#fff}.theme__orange .hi-pagination__item:not(.hi-pagination__item--disabled)>span:hover{border-color:rgba(255,102,51,0.8);color:#f63}.theme__orange .hi-pagination__item--active:not(.hi-pagination__item--disabled)>span{border-color:#f63;background-color:#f63;color:#fff;cursor:default}.theme__orange .hi-pagination__item--active:not(.hi-pagination__item--disabled)>span:hover{border-color:#f63;color:#fff}.theme__cyan .hi-pagination__item:not(.hi-pagination__item--disabled)>span:hover{border-color:rgba(70,188,153,0.8);color:#46bc99}.theme__cyan .hi-pagination__item--active:not(.hi-pagination__item--disabled)>span{border-color:#46bc99;background-color:#46bc99;color:#fff;cursor:default}.theme__cyan .hi-pagination__item--active:not(.hi-pagination__item--disabled)>span:hover{border-color:#46bc99;color:#fff}.theme__magenta .hi-pagination__item:not(.hi-pagination__item--disabled)>span:hover{border-color:rgba(255,89,117,0.8);color:#ff5975}.theme__magenta .hi-pagination__item--active:not(.hi-pagination__item--disabled)>span{border-color:#ff5975;background-color:#ff5975;color:#fff;cursor:default}.theme__magenta .hi-pagination__item--active:not(.hi-pagination__item--disabled)>span:hover{border-color:#ff5975;color:#fff}.theme__lavender .hi-pagination__item:not(.hi-pagination__item--disabled)>span:hover{border-color:rgba(180,80,222,0.8);color:#b450de}.theme__lavender .hi-pagination__item--active:not(.hi-pagination__item--disabled)>span{border-color:#b450de;background-color:#b450de;color:#fff;cursor:default}.theme__lavender .hi-pagination__item--active:not(.hi-pagination__item--disabled)>span:hover{border-color:#b450de;color:#fff}.theme__blue .hi-pagination__item:not(.hi-pagination__item--disabled)>span:hover{border-color:rgba(61,168,245,0.8);color:#3da8f5}.theme__blue .hi-pagination__item--active:not(.hi-pagination__item--disabled)>span{border-color:#3da8f5;background-color:#3da8f5;color:#fff;cursor:default}.theme__blue .hi-pagination__item--active:not(.hi-pagination__item--disabled)>span:hover{border-color:#3da8f5;color:#fff}.theme__purple .hi-pagination__item:not(.hi-pagination__item--disabled)>span:hover{border-color:rgba(138,138,203,0.8);color:#8a8acb}.theme__purple .hi-pagination__item--active:not(.hi-pagination__item--disabled)>span{border-color:#8a8acb;background-color:#8a8acb;color:#fff;cursor:default}.theme__purple .hi-pagination__item--active:not(.hi-pagination__item--disabled)>span:hover{border-color:#8a8acb;color:#fff}

package/es/panel/index.js

@@ -1,60 +1,45 @@
 "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 _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./style/index");
-
-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; }
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-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 _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-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 _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-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; } }
+var _react = _interopRequireWildcard(require("react"));
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-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 _classnames = _interopRequireDefault(require("classnames"));
 
-var Panel = /*#__PURE__*/function (_Component) {
-  _inherits(Panel, _Component);
+require("./style/index");
 
-  var _super = _createSuper(Panel);
+var Panel =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Panel, _Component);
 
   function Panel() {
-    _classCallCheck(this, Panel);
-
-    return _super.apply(this, arguments);
+    (0, _classCallCheck2["default"])(this, Panel);
+    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Panel).apply(this, arguments));
   }
 
-  _createClass(Panel, [{
+  (0, _createClass2["default"])(Panel, [{
     key: "render",
     value: function render() {
       var classnames = (0, _classnames["default"])(this.props.prefixCls, this.props.type);
@@ -63,34 +48,31 @@ var Panel = /*#__PURE__*/function (_Component) {
           footer = _this$props.footer,
           children = _this$props.children,
           icon = _this$props.icon;
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return _react["default"].createElement("div", {
         className: classnames
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, _react["default"].createElement("div", {
         className: "panel-title"
-      }, icon && /*#__PURE__*/_react["default"].createElement("i", {
+      }, icon && _react["default"].createElement("i", {
         className: (0, _classnames["default"])('hi-icon', icon)
-      }), title), /*#__PURE__*/_react["default"].createElement("div", {
+      }), title), _react["default"].createElement("div", {
         className: "panel-content"
-      }, children), typeof footer !== 'undefined' && /*#__PURE__*/_react["default"].createElement("div", {
+      }, children), typeof footer !== 'undefined' && _react["default"].createElement("div", {
         className: "panel-footer"
       }, footer));
     }
   }]);
-
   return Panel;
 }(_react.Component);
 
-_defineProperty(Panel, "propTypes", {
+(0, _defineProperty2["default"])(Panel, "propTypes", {
   title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
   footer: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
   icon: _propTypes["default"].string,
   type: _propTypes["default"].string
 });
-
-_defineProperty(Panel, "defaultProps", {
+(0, _defineProperty2["default"])(Panel, "defaultProps", {
   prefixCls: 'hi-panel',
   type: 'info'
 });
-
 var _default = Panel;
 exports["default"] = _default;

package/es/popover/__test__/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,9 +10,7 @@ var _ = _interopRequireDefault(require("../"));
 
 var _button = _interopRequireDefault(require("../../button"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var topClickTarget = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+var topClickTarget = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_["default"], {
   title: "popover title",
   content: "popover content",
   style: {
@@ -18,10 +18,10 @@ var topClickTarget = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createEl
   },
   placement: "top",
   trigger: "click"
-}, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+}, _react["default"].createElement(_button["default"], {
   type: "line"
 }, "Top & click\u89E6\u53D1"))));
-var focusRightTarget = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+var focusRightTarget = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_["default"], {
   title: "popover title",
   content: "popover content",
   style: {
@@ -29,23 +29,23 @@ var focusRightTarget = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].create
   },
   placement: "right",
   trigger: "focus"
-}, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+}, _react["default"].createElement(_button["default"], {
   type: "success"
 }, "Right & focus\u89E6\u53D1"))));
-var leftTarget = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+var leftTarget = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
   title: "popover title",
   content: "popover content",
   placement: "left",
   trigger: "click"
-}, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+}, _react["default"].createElement(_button["default"], {
   type: "line"
 }, "left")));
-var bottomTarget = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+var bottomTarget = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
   title: "popover title",
   content: "popover content",
   placement: "bottom",
   trigger: "click"
-}, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+}, _react["default"].createElement(_button["default"], {
   type: "line"
 }, "bottom")));
 describe('Tooltip', function () {

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

@@ -0,0 +1,152 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _sinon = _interopRequireDefault(require("sinon"));
+
+var _ = _interopRequireDefault(require("../"));
+
+var _button = _interopRequireDefault(require("../../button"));
+
+var title = _react["default"].createElement("span", null, "Popover Title");
+
+var content = _react["default"].createElement("div", null, _react["default"].createElement("p", null, "Vivamus sagittis lacus vel augue laoreet rutrum faucibus."));
+
+var topClickTarget = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_["default"], {
+  title: title,
+  content: content,
+  style: {
+    margin: '10px 10px'
+  },
+  placement: "top",
+  trigger: "click"
+}, _react["default"].createElement(_button["default"], {
+  type: "line"
+}, "Top & click\u89E6\u53D1"))));
+var hoverClickTarget = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+  title: title,
+  content: content,
+  style: {
+    margin: '10px 10px'
+  },
+  placement: "top",
+  trigger: "hover"
+}, _react["default"].createElement(_button["default"], {
+  type: "success"
+}, "Right & hover\u89E6\u53D1")));
+var focusRightTarget = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_["default"], {
+  title: "popover title",
+  content: "popover content",
+  style: {
+    margin: '10px 10px'
+  },
+  placement: "right",
+  trigger: "focus"
+}, _react["default"].createElement(_button["default"], {
+  type: "success"
+}, "Right & focus\u89E6\u53D1"))));
+var leftTarget = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+  title: "popover title",
+  content: "popover content",
+  placement: "left",
+  trigger: "click"
+}, _react["default"].createElement(_button["default"], {
+  type: "line"
+}, "left")));
+var bottomTarget = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+  title: "popover title",
+  content: "popover content",
+  placement: "bottom",
+  trigger: "click"
+}, _react["default"].createElement(_button["default"], {
+  type: "line"
+}, "bottom")));
+describe('Tooltip', function () {
+  var clock;
+  beforeEach(function () {
+    clock = _sinon["default"].useFakeTimers();
+  });
+  afterEach(function () {
+    clock.restore();
+  });
+  it('trigger', function () {
+    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(0);
+    topClickTarget.find('button').getDOMNode().click();
+    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(1);
+    trigger(document.querySelectorAll('.hi-popover__popper')[0], 'mouseenter');
+    trigger(document.querySelectorAll('.hi-popover__popper')[0], 'mouseout');
+    trigger(document.querySelectorAll('.hi-popover__popper')[0], 'mouseover');
+    document.body.click();
+    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1);
+    focusRightTarget.find('button').getDOMNode().focus();
+    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(2);
+    focusRightTarget.find('button').getDOMNode().blur();
+    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(2);
+    expect(hoverClickTarget.find('button')).toHaveLength(1);
+
+    function trigger(elem, event) {
+      var myEvent = document.createEvent('Event'); // 初始化这个事件对象，为它提高需要的“特性”
+
+      myEvent.initEvent(event, true, true); //执行事件
+
+      elem.dispatchEvent(myEvent);
+    }
+
+    trigger(hoverClickTarget.find('button').getDOMNode(), 'mouseenter');
+    clock.tick(200);
+    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(3);
+    trigger(hoverClickTarget.find('button').getDOMNode(), 'mouseleave');
+    clock.tick(200);
+    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(3);
+    trigger(hoverClickTarget.find('button').getDOMNode(), 'mouseenter');
+    trigger(document.querySelectorAll('.hi-popover__popper')[1], 'mouseover');
+    clock.tick(200);
+    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(3);
+    trigger(document.querySelectorAll('.hi-popover__popper')[1], 'mouseout');
+    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(3);
+  });
+  it('placement', function () {
+    topClickTarget.find('button').getDOMNode().click();
+    leftTarget.find('button').getDOMNode().click();
+    bottomTarget.find('button').getDOMNode().click();
+    expect(document.querySelectorAll('.hi-popper__content--top')).toHaveLength(2);
+    expect(document.querySelectorAll('.hi-popper__content--right')).toHaveLength(1);
+    expect(document.querySelectorAll('.hi-popper__content--left')).toHaveLength(1);
+    expect(document.querySelectorAll('.hi-popper__content--bottom')).toHaveLength(1);
+    topClickTarget.unmount();
+    hoverClickTarget.unmount();
+    focusRightTarget.unmount();
+    leftTarget.unmount();
+    bottomTarget.unmount();
+  });
+  it('showPopper', function () {
+    // const componentDidMountSpy = spy(Popover.prototype, 'componentDidMount')
+    var title = _react["default"].createElement("span", null, "Popover Title");
+
+    var content = _react["default"].createElement("div", null, _react["default"].createElement("p", null, "Vivamus sagittis lacus vel augue laoreet rutrum faucibus."));
+
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+      title: title,
+      content: content,
+      style: {
+        margin: '10px 10px'
+      },
+      placement: "top",
+      trigger: "click"
+    }, _react["default"].createElement(_button["default"], {
+      type: "success"
+    }, "Right & hover\u89E6\u53D1")));
+    wrapper.find('button').getDOMNode().click();
+    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(1);
+    wrapper.setState({
+      showPopper: true
+    });
+    wrapper.find('button').getDOMNode().click();
+    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1);
+    wrapper.unmount();
+  });
+});