@hi-ui/hiui 2.15.11 → 2.15.12

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

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _Badge = _interopRequireDefault(require("../Badge"));
+
+/* eslint-env jest */
+describe('Badge', function () {
+  describe('Lifecycle', function () {
+    // FIXME #34 typeof +content === 'number' always be true
+    it('componentDidMount', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Badge["default"], null));
+      expect(wrapper.instance()).toBeInstanceOf(_Badge["default"]);
+      expect(wrapper.find(".".concat(_Badge["default"].defaultProps.prefixCls, "-base"))).toHaveLength(1);
+      expect(wrapper.find(".".concat(_Badge["default"].defaultProps.prefixCls, "-value"))).toHaveLength(1);
+    });
+  });
+  describe('PropTypes', function () {
+    it('type', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_Badge["default"], {
+        type: "bubble"
+      }), _react["default"].createElement(_Badge["default"], {
+        type: "dot"
+      })));
+      expect(wrapper.find(".".concat(_Badge["default"].defaultProps.prefixCls, "-dot"))).toHaveLength(1);
+      expect(wrapper.find(".".concat(_Badge["default"].defaultProps.prefixCls, "-value"))).toHaveLength(1);
+    });
+    it('content', function () {
+      var content = 'test-content';
+      var contentNumber1 = 1;
+      var contentNumber2 = 100;
+      var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Badge["default"], {
+        content: content
+      }));
+      expect(wrapper.text()).toEqual(expect.stringMatching(content));
+      wrapper.setProps({
+        content: contentNumber1
+      });
+      expect(wrapper.text()).toEqual(expect.stringMatching("".concat(contentNumber1)));
+      wrapper.setProps({
+        content: contentNumber2
+      });
+      expect(wrapper.text()).toEqual(expect.stringMatching("".concat(_Badge["default"].defaultProps.max, "+")));
+    });
+    it('max', function () {
+      var props = {
+        max: 33,
+        content: 1
+      };
+      var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Badge["default"], props));
+      expect(wrapper.text()).toEqual(expect.stringMatching("".concat(props.content)));
+      wrapper.setProps({
+        content: 34
+      });
+      expect(wrapper.text()).toEqual(expect.stringMatching("".concat(props.max, "+")));
+    });
+    it('visible', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_Badge["default"], {
+        type: "bubble",
+        visible: false
+      }), _react["default"].createElement(_Badge["default"], {
+        type: "dot",
+        visible: false
+      })));
+      expect(wrapper.find(".".concat(_Badge["default"].defaultProps.prefixCls, "-dot.hi-hide"))).toHaveLength(1);
+      expect(wrapper.find(".".concat(_Badge["default"].defaultProps.prefixCls, "-value.hi-hide"))).toHaveLength(1);
+    });
+    it('style', function () {
+      var style = {
+        color: '#ffff00'
+      };
+      var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Badge["default"], {
+        style: style
+      }));
+      expect(wrapper.find(".".concat(_Badge["default"].defaultProps.prefixCls, "-base")).prop('style')).toMatchObject(style);
+    });
+  });
+});

package/es/badge/index.js

@@ -1,100 +1,22 @@
 "use strict";
 
+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"));
+var _Badge = _interopRequireDefault(require("./Badge"));
 
 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; }
-
-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); }
+var _util = require("../_util");
 
-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 Badge = /*#__PURE__*/function (_Component) {
-  _inherits(Badge, _Component);
-
-  var _super = _createSuper(Badge);
-
-  function Badge() {
-    _classCallCheck(this, Badge);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Badge, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          value = _this$props.value,
-          prefixCls = _this$props.prefixCls,
-          max = _this$props.max,
-          dot = _this$props.dot,
-          hidden = _this$props.hidden,
-          style = _this$props.style;
-      var eleClass = (0, _classnames["default"])("".concat(prefixCls, "-base"));
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: eleClass,
-        style: style
-      }, this.props.children, dot ? /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(prefixCls, "-dot").concat(hidden ? ' hi-hide' : '')
-      }) : /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(prefixCls, "-value").concat(hidden ? ' hi-hide' : '')
-      }, typeof +value === 'number' ? +value > max ? max + '+' : value : value));
-    }
-  }]);
-
-  return Badge;
-}(_react.Component);
-
-_defineProperty(Badge, "propTypes", {
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  dot: _propTypes["default"].bool,
-  max: _propTypes["default"].number,
-  hidden: _propTypes["default"].bool,
-  style: _propTypes["default"].object
-});
-
-_defineProperty(Badge, "defaultProps", {
-  prefixCls: 'hi-badge',
-  style: {},
-  value: '',
-  dot: false,
-  max: 99,
-  hidden: false
-});
+var _default = (0, _util.depreactedPropsCompat)([['content', 'value'], ['type', 'dot', function (data) {
+  return data ? 'dot' : 'bubble';
+}], ['visible', 'hidden', function (data) {
+  return !data;
+}]])(_Badge["default"]);
 
-var _default = Badge;
 exports["default"] = _default;

package/es/badge/style/index.css

@@ -1 +1 @@
-.hi-badge-base{display:inline-block;position:relative}.hi-badge-value{position:absolute;top:-12px;right:0;-webkit-transform:translateX(50%);transform:translateX(50%);height:16px;padding:0 5px;border:2px solid #fff;border-radius:10px;line-height:16px;background:#eb5252;font-size:12px;color:#fff;letter-spacing:0;text-align:center}.hi-badge-value.hi-hide{display:none}.hi-badge-dot{position:absolute;width:8px;height:8px;top:-7px;right:-5px;background:#eb5252;border:1px solid #fff;border-radius:50%;font-size:0}.hi-badge-dot.hi-hide{display:none}
+.hi-badge-base{display:inline-block;position:relative}.hi-badge-value{position:absolute;top:-10px;right:0;-webkit-transform:translateX(50%);transform:translateX(50%);height:16px;padding:0 4px;min-width:8px;border:2px solid #fff;border-radius:10px;line-height:16px;background:#f44141;font-size:12px;color:#fff;letter-spacing:0;text-align:center}.hi-badge-value.hi-hide{display:none}.hi-badge-dot{position:absolute;width:8px;height:8px;top:-5px;right:-5px;background:#f44141;border:1px solid #fff;border-radius:50%;font-size:0}.hi-badge-dot.hi-hide{display:none}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _sinon = require("sinon");
+
+var _index = _interopRequireDefault(require("../index"));
+
+/* eslint-env jest */
+var data = [{
+  content: '首页',
+  path: '/home'
+}, {
+  content: '产品类',
+  icon: 'document',
+  path: '/product'
+}, {
+  icon: 'component',
+  path: '/phone'
+}, {
+  content: '红米系列',
+  path: '/redmi'
+}, {
+  content: 'Note7',
+  path: '/note7'
+}];
+describe('Breadcrumb', function () {
+  it('normal', function () {
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_index["default"], null), _react["default"].createElement(_index["default"], null)));
+    expect(wrapper.find('.hi-breadcrumb')).toHaveLength(2);
+  });
+  describe('PropTypes', function () {
+    it('separator', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_index["default"], {
+        separator: "/",
+        data: data
+      })));
+      expect(wrapper.find('.hi-breadcrumb__separator')).toHaveLength(5);
+      var separators = wrapper.find('.hi-breadcrumb__separator').map(function (node) {
+        return node.text();
+      });
+      expect(separators).toEqual(['/', '/', '/', '/', '/']);
+    });
+  });
+  it('onClick', function () {
+    var callback = (0, _sinon.fake)();
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_index["default"], {
+      onClick: callback,
+      data: data
+    }), _react["default"].createElement(_index["default"], {
+      data: data
+    })));
+    wrapper.find('.hi-breadcrumb__content').at(0).simulate('click');
+    wrapper.find('.hi-breadcrumb__content').at(5).simulate('click');
+    expect(callback.callCount).toEqual(1);
+  });
+});

package/es/breadcrumb/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _icon = _interopRequireDefault(require("../icon"));
+
+var _context = _interopRequireDefault(require("../context"));
+
+require("./style/index");
+
+var Breadcrumb =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Breadcrumb, _Component);
+
+  function Breadcrumb() {
+    (0, _classCallCheck2["default"])(this, Breadcrumb);
+    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Breadcrumb).apply(this, arguments));
+  }
+
+  (0, _createClass2["default"])(Breadcrumb, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          separator = _this$props.separator,
+          data = _this$props.data,
+          _onClick = _this$props.onClick,
+          theme = _this$props.theme;
+      return _react["default"].createElement("div", {
+        className: "hi-breadcrumb theme__".concat(theme)
+      }, data.map(function (item, index) {
+        return _react["default"].createElement("span", {
+          key: index,
+          className: "hi-breadcrumb__item"
+        }, _react["default"].createElement("span", {
+          className: "hi-breadcrumb__content",
+          onClick: function onClick() {
+            _onClick(item.path);
+          }
+        }, item.icon && _react["default"].createElement(_icon["default"], {
+          name: item.icon
+        }), item.content), _react["default"].createElement("span", {
+          className: "hi-breadcrumb__separator"
+        }, separator));
+      }));
+    }
+  }]);
+  return Breadcrumb;
+}(_react.Component);
+
+Breadcrumb.propTypes = {
+  separator: _propTypes["default"].string,
+  data: _propTypes["default"].array,
+  onClick: _propTypes["default"].func
+};
+Breadcrumb.defaultProps = {
+  separator: '/',
+  data: [],
+  onClick: function onClick() {}
+};
+
+var _default = (0, _context["default"])(Breadcrumb);
+
+exports["default"] = _default;

package/es/breadcrumb/style/index.css

@@ -0,0 +1 @@
+.hi-breadcrumb{color:#666;font-size:12px}.hi-breadcrumb__content{cursor:pointer}.hi-breadcrumb__content:hover{color:#4284f5}.hi-breadcrumb__content .hi-icon{margin:0 4px}.hi-breadcrumb__separator{margin:0 8px;color:#ccc}.hi-breadcrumb__item:last-child .hi-breadcrumb__content{cursor:text}.hi-breadcrumb__item:last-child .hi-breadcrumb__content:hover{color:#666}.hi-breadcrumb__item:last-child .hi-breadcrumb__separator{display:none}.hi-breadcrumb.theme__hiui-blue .hi-breadcrumb__content:hover{color:#4285f4}.hi-breadcrumb.theme__orange .hi-breadcrumb__content:hover{color:#f63}.hi-breadcrumb.theme__cyan .hi-breadcrumb__content:hover{color:#46bc99}.hi-breadcrumb.theme__magenta .hi-breadcrumb__content:hover{color:#ff5975}.hi-breadcrumb.theme__lavender .hi-breadcrumb__content:hover{color:#b450de}.hi-breadcrumb.theme__blue .hi-breadcrumb__content:hover{color:#3da8f5}.hi-breadcrumb.theme__purple .hi-breadcrumb__content:hover{color:#8a8acb}

package/es/button/Button.js

@@ -1,85 +1,71 @@
 "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"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _IconLoading = _interopRequireDefault(require("./IconLoading"));
-
-var _deprecatedPropsCheck = _interopRequireDefault(require("../_util/deprecatedPropsCheck"));
+exports.Button = exports["default"] = void 0;
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-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 _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-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); }; }
+var _react = _interopRequireWildcard(require("react"));
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+var _classnames = _interopRequireDefault(require("classnames"));
 
-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 _context = _interopRequireDefault(require("../context"));
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var _icon = _interopRequireDefault(require("../icon"));
 
-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 _IconLoading = _interopRequireDefault(require("./IconLoading"));
 
-var Button = /*#__PURE__*/function (_Component) {
-  _inherits(Button, _Component);
+var _deprecatedPropsCheck = _interopRequireDefault(require("../_util/deprecatedPropsCheck"));
 
-  var _super = _createSuper(Button);
+var Button =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Button, _Component);
 
   function Button() {
+    var _getPrototypeOf2;
+
     var _this;
 
-    _classCallCheck(this, Button);
+    (0, _classCallCheck2["default"])(this, Button);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "deprecatedProps", {
+    _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(Button)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deprecatedProps", {
       type: ['info'],
       appearance: ['line']
     });
-
     return _this;
   }
 
-  _createClass(Button, [{
+  (0, _createClass2["default"])(Button, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -92,38 +78,56 @@ var Button = /*#__PURE__*/function (_Component) {
           icon = _this$props.icon,
           loading = _this$props.loading,
           onClick = _this$props.onClick,
+          onContextMenu = _this$props.onContextMenu,
+          onMouseOver = _this$props.onMouseOver,
+          onMouseOut = _this$props.onMouseOut,
+          onMouseEnter = _this$props.onMouseEnter,
+          onMouseLeave = _this$props.onMouseLeave,
           href = _this$props.href,
           style = _this$props.style,
           children = _this$props.children,
           target = _this$props.target;
       var isDisabled = disabled || loading;
-      var classes = (0, _classnames["default"])('theme__' + theme, "hi-btn", className, appearance && "hi-btn--appearance--".concat(appearance), size && "hi-btn--size--".concat(size), isDisabled && "hi-btn--disabled", icon && "hi-btn--icon", loading && "hi-btn--loading", // For version < 1.1.0
+      var classes = (0, _classnames["default"])('theme__' + theme, "hi-btn", className, appearance && "hi-btn--appearance--".concat(appearance), size && "hi-btn--size--".concat(size), isDisabled && "hi-btn--disabled", loading && "hi-btn--loading", {
+        'hi-btn--icon': function () {
+          // Detect if children is empty
+          if (!children || typeof children === 'string' && !children.trim()) return true; // Detect if children is an Icon
+
+          if (_react["default"].isValidElement(children) && children.type.name === 'Icon') return true;
+        }()
+      }, // For version < 1.1.0
       type === 'primary' && appearance === 'line' ? "hi-btn--type--line" : "hi-btn--type--".concat(type));
       var restProps = {
         href: href,
         style: style,
         onClick: onClick,
         disabled: isDisabled,
+        onContextMenu: onContextMenu,
+        onMouseOver: onMouseOver,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        onMouseOut: onMouseOut,
         target: target
       };
       (0, _deprecatedPropsCheck["default"])(this.deprecatedProps, this.props, 'Button');
-      return /*#__PURE__*/_react["default"].createElement(ButtonWrapper, _extends({
+      return _react["default"].createElement(ButtonWrapper, (0, _extends2["default"])({
         className: classes
-      }, restProps), loading && /*#__PURE__*/_react["default"].createElement(_IconLoading["default"], null), icon && !loading && /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+      }, restProps), loading && _react["default"].createElement(_IconLoading["default"], null), icon && !loading && _react["default"].createElement(_icon["default"], {
         name: icon
-      }), (icon || loading) && children && /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-btn--icon__spacer"
       }), children);
     }
   }]);
-
   return Button;
 }(_react.Component);
 
-_defineProperty(Button, "propTypes", {
-  type: _propTypes["default"].oneOf(['primary', 'line', 'success', 'danger', 'default', 'warning', 'info']),
-  size: _propTypes["default"].oneOf(['large', 'small', 'normal']),
-  appearance: _propTypes["default"].oneOf(['link', 'button', 'line']),
+exports.Button = Button;
+(0, _defineProperty2["default"])(Button, "propTypes", {
+  type: _propTypes["default"].oneOf(['primary', 'line', 'success', 'danger', 'default', 'warning', // deprecated
+  'info' // deprecated
+  ]),
+  size: _propTypes["default"].oneOf(['large', 'small', 'normal', 'default']),
+  appearance: _propTypes["default"].oneOf(['button', 'link', 'line' // deprecated
+  ]),
   className: _propTypes["default"].string,
   style: _propTypes["default"].object,
   disabled: _propTypes["default"].bool,
@@ -132,8 +136,7 @@ _defineProperty(Button, "propTypes", {
   loading: _propTypes["default"].bool,
   target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top'])
 });
-
-_defineProperty(Button, "defaultProps", {
+(0, _defineProperty2["default"])(Button, "defaultProps", {
   type: 'default',
   disabled: false,
   appearance: 'button',
@@ -142,9 +145,8 @@ _defineProperty(Button, "defaultProps", {
 
 function ButtonWrapper(_ref) {
   var children = _ref.children,
-      restProps = _objectWithoutProperties(_ref, ["children"]);
-
-  return restProps.href ? /*#__PURE__*/_react["default"].createElement("a", restProps, children) : /*#__PURE__*/_react["default"].createElement("button", _extends({}, restProps, {
+      restProps = (0, _objectWithoutProperties2["default"])(_ref, ["children"]);
+  return restProps.href ? _react["default"].createElement("a", restProps, children) : _react["default"].createElement("button", (0, _extends2["default"])({}, restProps, {
     type: "button"
   }), children);
 }