@hi-ui/hiui 2.15.11 → 2.15.12

package/es/checkbox/checkbox-legacy/Base.js

@@ -0,0 +1,212 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _context = _interopRequireDefault(require("../../context"));
+
+var _common = _interopRequireDefault(require("./common"));
+
+var Base =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Base, _Component);
+
+  function Base(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Base);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Base).call(this, props));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "filterObjProps", function (obj, propsNeedFilter) {
+      return Object.keys(obj).filter(function (key) {
+        return !propsNeedFilter.includes(key);
+      }).reduce(function (filteredObj, key) {
+        filteredObj[key] = obj[key];
+        return filteredObj;
+      }, {});
+    });
+    _this.state = {
+      checked: props.checked,
+      disabled: props.disabled,
+      value: props.value,
+      part: false,
+      onChange: props.onChange || function () {}
+    };
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Base, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var root = _common["default"].getRoot(this.props.name);
+
+      if (this.state.checked) {
+        root && root.setState({
+          part: true
+        });
+      }
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      if ('checked' in nextProps) {
+        this.setState({
+          checked: nextProps.checked,
+          disabled: nextProps.disabled
+        });
+      }
+    }
+  }, {
+    key: "handleChange",
+    value: function handleChange(data) {
+      var value = data.value,
+          checked = data.checked,
+          name = data.name,
+          all = data.all;
+      var checkedList = [];
+
+      if (all) {
+        var list = _common["default"].getAll(all);
+
+        var root = _common["default"].getRoot(all);
+
+        var num = 0;
+        list.map(function (item) {
+          if (item.state.disabled && item.state.checked) {
+            num++;
+            checkedList.push(item.state.value);
+            return;
+          } else if (checked) {
+            num++;
+            checkedList.push(item.state.value);
+          }
+
+          item.setState({
+            checked: checked
+          });
+        });
+        root && root.setState({
+          part: !!(num > 0 && num < list.length)
+        });
+      }
+
+      if (name) {
+        var allRef = _common["default"].getAll(name);
+
+        var _root = _common["default"].getRoot(name);
+
+        if (_root) {
+          var t = allRef.filter(function (item) {
+            return item.state.checked === true;
+          });
+          var part = false;
+          var _checked = false;
+          t.length < allRef.length && t.length !== 0 && (part = true);
+          t.length === allRef.length && (_checked = true);
+
+          _root.setState({
+            part: part,
+            checked: _checked
+          });
+
+          checkedList = t.map(function (item) {
+            return item.state.value;
+          });
+        } else {
+          var _t = allRef.filter(function (item) {
+            return item.state.checked === true;
+          });
+
+          checkedList = _t.map(function (item) {
+            return item.state.value;
+          });
+        }
+      }
+
+      if (name || all) {
+        var _root2 = _common["default"].getRoot(name || all);
+
+        _root2 ? _root2.state.onChange(checkedList, value, checked) : this.state.onChange(checkedList, value, checked);
+        return;
+      }
+
+      this.state.onChange(value, checked);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$state = this.state,
+          disabled = _this$state.disabled,
+          checked = _this$state.checked,
+          part = _this$state.part;
+      var _this$props = this.props,
+          value = _this$props.value,
+          name = _this$props.name,
+          all = _this$props.all,
+          content = _this$props.content,
+          theme = _this$props.theme,
+          attrs = (0, _objectWithoutProperties2["default"])(_this$props, ["value", "name", "all", "content", "theme"]);
+      var filterAttrs = this.filterObjProps(attrs, ['clearableTrigger', 'localeDatas', 'innerRef']);
+      var labelClass = (0, _classnames["default"])('hi-checkbox-legacy', "theme__".concat(theme), disabled && 'hi-checkbox-legacy--disabled', checked && 'hi-checkbox-legacy--checked', part && "hi-checkbox-legacy--part");
+      return _react["default"].createElement("div", (0, _extends2["default"])({
+        className: labelClass
+      }, filterAttrs, {
+        onClick: function onClick() {
+          if (disabled) return;
+
+          _this2.setState({
+            checked: !_this2.state.checked,
+            part: false
+          }, function () {
+            _this2.handleChange({
+              value: value,
+              checked: _this2.state.checked,
+              name: name,
+              all: all
+            });
+          });
+        }
+      }), _react["default"].createElement("span", {
+        className: "hi-checkbox-legacy__input"
+      }), _react["default"].createElement("span", {
+        className: "hi-checkbox-legacy__label"
+      }, content));
+    }
+  }]);
+  return Base;
+}(_react.Component);
+
+var _default = (0, _context["default"])(Base);
+
+exports["default"] = _default;

package/es/checkbox/checkbox-legacy/CheckBox.js

@@ -0,0 +1,157 @@
+"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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Base = _interopRequireDefault(require("./Base"));
+
+var _common = _interopRequireDefault(require("./common"));
+
+var CheckBox =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(CheckBox, _Component);
+
+  function CheckBox() {
+    (0, _classCallCheck2["default"])(this, CheckBox);
+    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(CheckBox).apply(this, arguments));
+  }
+
+  (0, _createClass2["default"])(CheckBox, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      var groups = _common["default"].getAll(nextProps.name);
+
+      var list = this.props.list;
+      var arr = [];
+      list && list.length > 0 && list.forEach(function (item) {
+        var value = item.value || item.text;
+        groups && groups.length > 0 && groups.forEach(function (g) {
+          if (g.state.value === value) {
+            arr.push(g);
+          }
+        });
+      });
+
+      _common["default"].replace(nextProps.name, arr);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      _common["default"].remove(this.props.name || this.props.all);
+    }
+  }, {
+    key: "renderCheckBoxGroup",
+    value: function renderCheckBoxGroup(list) {
+      var _this = this;
+
+      return _react["default"].createElement("div", null, list && list.map(function (item, index) {
+        if ((0, _typeof2["default"])(item) === 'object') {
+          var value = item.value,
+              text = item.text,
+              checked = item.checked,
+              disabled = item.disabled;
+          return _react["default"].createElement(_Base["default"], {
+            ref: function ref(el) {
+              _this.props.name && _common["default"].add(_this.props.name, el);
+            },
+            content: text || '',
+            value: value || text,
+            checked: checked,
+            disabled: disabled,
+            key: value || text,
+            onChange: _this.props.onChange,
+            name: _this.props.name
+          });
+        } else if (typeof item === 'string') {
+          return _react["default"].createElement(_Base["default"], {
+            ref: function ref(el) {
+              _this.props.name && _common["default"].add(_this.props.name, el);
+            },
+            content: item || '',
+            value: item || '',
+            checked: false,
+            disabled: false,
+            key: item,
+            onChange: _this.props.onChange,
+            name: _this.props.name
+          });
+        }
+      }));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          list = _this$props.list,
+          checked = _this$props.checked,
+          disabled = _this$props.disabled,
+          text = _this$props.text,
+          children = _this$props.children,
+          value = _this$props.value,
+          name = _this$props.name,
+          all = _this$props.all,
+          onChange = _this$props.onChange;
+
+      if (list) {
+        return this.renderCheckBoxGroup(list);
+      }
+
+      return _react["default"].createElement(_Base["default"], {
+        ref: function ref(el) {
+          _this2.props.name && _common["default"].add(_this2.props.name, el);
+          _this2.props.all && _common["default"].addRoot(_this2.props.all, el);
+        },
+        content: text || children,
+        value: value || text || children,
+        checked: checked,
+        disabled: disabled,
+        name: name,
+        all: all,
+        onChange: onChange
+      });
+    }
+  }]);
+  return CheckBox;
+}(_react.Component);
+
+(0, _defineProperty2["default"])(CheckBox, "_type", 'CheckBox');
+(0, _defineProperty2["default"])(CheckBox, "propTypes", {
+  onChange: _propTypes["default"].func,
+  checked: _propTypes["default"].bool,
+  disabled: _propTypes["default"].bool,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].bool]),
+  list: _propTypes["default"].array
+});
+(0, _defineProperty2["default"])(CheckBox, "defaultProps", {
+  checked: false,
+  value: ''
+});
+var _default = CheckBox;
+exports["default"] = _default;

package/es/checkbox/checkbox-legacy/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _CheckBox = _interopRequireDefault(require("./CheckBox"));
+
+require("./style/index");
+
+var _default = _CheckBox["default"];
+exports["default"] = _default;

package/es/checkbox/checkbox-legacy/style/index.css

@@ -0,0 +1 @@
+.hi-checkbox-legacy{display:inline-block;cursor:pointer;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-checkbox-legacy a{padding-left:0;padding-right:0}.hi-checkbox-legacy p,.hi-checkbox-legacy blockquote,.hi-checkbox-legacy ul,.hi-checkbox-legacy ol,.hi-checkbox-legacy dl,.hi-checkbox-legacy table,.hi-checkbox-legacy pre,.hi-checkbox-legacy h1,.hi-checkbox-legacy h2,.hi-checkbox-legacy h3,.hi-checkbox-legacy h4,.hi-checkbox-legacy h5,.hi-checkbox-legacy h6{margin-top:0;margin-bottom:0}.hi-checkbox-legacy ul,.hi-checkbox-legacy ol{margin:0;padding:0;list-style-type:none}.hi-checkbox-legacy ul ul,.hi-checkbox-legacy ul ol,.hi-checkbox-legacy ol ul,.hi-checkbox-legacy ol ol{margin-top:0;margin-bottom:0}.hi-checkbox-legacy li+li{margin-top:0}.hi-checkbox-legacy dl{margin-top:0;margin-bottom:0}.hi-checkbox-legacy:not(.hi-checkbox-legacy--disabled):hover .hi-checkbox-legacy__input{border:1px solid #4284f5}.hi-checkbox-legacy--disabled{cursor:not-allowed}.hi-checkbox-legacy--disabled .hi-checkbox-legacy__input{background:#f2f2f2 !important;border:1px solid #d8d8d8}.hi-checkbox-legacy--disabled .hi-checkbox-legacy__input::after{border-color:#d8d8d8}.hi-checkbox-legacy--disabled .hi-checkbox-legacy__label{color:#ccc}.hi-checkbox-legacy--checked .hi-checkbox-legacy__input{background:#4284f5}.hi-checkbox-legacy--checked .hi-checkbox-legacy__input::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1);pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:2px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;width:4px;-webkit-transform-origin:center;transform-origin:center}.hi-checkbox-legacy--part .hi-checkbox-legacy__input{background:#4284f5}.hi-checkbox-legacy--part .hi-checkbox-legacy__input::after{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%;pointer-events:none}.hi-checkbox-legacy__input{display:inline-block;width:16px;height:16px;border:1px solid #d8d8d8;border-radius:2px;vertical-align:middle;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-checkbox-legacy__label{padding:0 16px 0 8px;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-checkbox-legacy__label.highlight{color:#4284f5}.theme__orange.hi-checkbox-legacy:not(.hi-checkbox-legacy--disabled):hover .hi-checkbox-legacy__input{border:1px solid #f63}.theme__orange.hi-checkbox-legacy--part .hi-checkbox-legacy__input{background:#f63}.theme__orange.hi-checkbox-legacy--checked .hi-checkbox-legacy__input{background:#f63;border:1px solid #f63}.theme__orange.hi-checkbox-legacy__label.highlight{color:#f63}.theme__cyan.hi-checkbox-legacy:not(.hi-checkbox-legacy--disabled):hover .hi-checkbox-legacy__input{border:1px solid #46bc99}.theme__cyan.hi-checkbox-legacy--part .hi-checkbox-legacy__input{background:#46bc99}.theme__cyan.hi-checkbox-legacy--checked .hi-checkbox-legacy__input{background:#46bc99;border:1px solid #46bc99}.theme__cyan.hi-checkbox-legacy__label.highlight{color:#46bc99}.theme__magenta.hi-checkbox-legacy:not(.hi-checkbox-legacy--disabled):hover .hi-checkbox-legacy__input{border:1px solid #ff5975}.theme__magenta.hi-checkbox-legacy--part .hi-checkbox-legacy__input{background:#ff5975}.theme__magenta.hi-checkbox-legacy--checked .hi-checkbox-legacy__input{background:#ff5975;border:1px solid #ff5975}.theme__magenta.hi-checkbox-legacy__label.highlight{color:#ff5975}.theme__lavender.hi-checkbox-legacy:not(.hi-checkbox-legacy--disabled):hover .hi-checkbox-legacy__input{border:1px solid #b450de}.theme__lavender.hi-checkbox-legacy--part .hi-checkbox-legacy__input{background:#b450de}.theme__lavender.hi-checkbox-legacy--checked .hi-checkbox-legacy__input{background:#b450de;border:1px solid #b450de}.theme__lavender.hi-checkbox-legacy__label.highlight{color:#b450de}.theme__blue.hi-checkbox-legacy:not(.hi-checkbox-legacy--disabled):hover .hi-checkbox-legacy__input{border:1px solid #3da8f5}.theme__blue.hi-checkbox-legacy--part .hi-checkbox-legacy__input{background:#3da8f5}.theme__blue.hi-checkbox-legacy--checked .hi-checkbox-legacy__input{background:#3da8f5;border:1px solid #3da8f5}.theme__blue.hi-checkbox-legacy__label.highlight{color:#3da8f5}.theme__purple.hi-checkbox-legacy:not(.hi-checkbox-legacy--disabled):hover .hi-checkbox-legacy__input{border:1px solid #8a8acb}.theme__purple.hi-checkbox-legacy--part .hi-checkbox-legacy__input{background:#8a8acb}.theme__purple.hi-checkbox-legacy--checked .hi-checkbox-legacy__input{background:#8a8acb;border:1px solid #8a8acb}.theme__purple.hi-checkbox-legacy__label.highlight{color:#8a8acb}

package/es/checkbox/checkbox-legacy/style/index.js

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

package/es/checkbox/index.js

@@ -1,15 +1,24 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _CheckBox = _interopRequireDefault(require("./CheckBox"));
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 
-require("./style/index");
+var _index = _interopRequireDefault(require("./checkbox-legacy/index"));
+
+var _Group = _interopRequireDefault(require("./Group"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _SwitchVersion = _interopRequireDefault(require("../_util/SwitchVersion"));
+
+require("./style/index");
 
-var _default = _CheckBox["default"];
+var VGroup = (0, _SwitchVersion["default"])(_Group["default"], undefined);
+var VCheckbox = (0, _SwitchVersion["default"])(_Checkbox["default"], _index["default"]);
+VCheckbox.Group = VGroup;
+var _default = VCheckbox;
 exports["default"] = _default;

package/es/checkbox/style/index.css

@@ -1 +1 @@
-.hi-checkbox{display:inline-block;cursor:pointer;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-checkbox a{padding-left:0;padding-right:0}.hi-checkbox p,.hi-checkbox blockquote,.hi-checkbox ul,.hi-checkbox ol,.hi-checkbox dl,.hi-checkbox table,.hi-checkbox pre,.hi-checkbox h1,.hi-checkbox h2,.hi-checkbox h3,.hi-checkbox h4,.hi-checkbox h5,.hi-checkbox h6{margin-top:0;margin-bottom:0}.hi-checkbox ul,.hi-checkbox ol{margin:0;padding:0;list-style-type:none}.hi-checkbox ul ul,.hi-checkbox ul ol,.hi-checkbox ol ul,.hi-checkbox ol ol{margin-top:0;margin-bottom:0}.hi-checkbox li+li{margin-top:0}.hi-checkbox dl{margin-top:0;margin-bottom:0}.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border:1px solid #4284f5}.hi-checkbox--disabled{cursor:not-allowed}.hi-checkbox--disabled .hi-checkbox__input{background:#f2f2f2 !important;border:1px solid #d8d8d8}.hi-checkbox--disabled .hi-checkbox__input::after{border-color:#d8d8d8}.hi-checkbox--disabled .hi-checkbox__label{color:#ccc}.hi-checkbox--checked .hi-checkbox__input{background:#4284f5}.hi-checkbox--checked .hi-checkbox__input::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1);pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:2px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;width:4px;-webkit-transform-origin:center;transform-origin:center}.hi-checkbox--part .hi-checkbox__input{background:#4284f5}.hi-checkbox--part .hi-checkbox__input::after{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%;pointer-events:none}.hi-checkbox__input{display:inline-block;width:16px;height:16px;border:1px solid #d8d8d8;border-radius:2px;vertical-align:middle;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-checkbox__label{padding:0 16px 0 8px;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-checkbox__label.highlight{color:#4284f5}
+.hi-checkbox{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:32px;vertical-align:middle}.hi-checkbox input{position:absolute;width:16px;height:16px;opacity:0}.hi-checkbox__input{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:middle;width:16px;height:16px;border:1px solid #d8d8d8;border-radius:2px;-webkit-transition:0.3s ease-out;transition:0.3s ease-out;line-height:1}.hi-checkbox__input--indeterminate::after{-webkit-transform:rotate(90deg) scaleY(1);transform:rotate(90deg) scaleY(1);pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:none;border-bottom:2px solid #fff;height:8px;left:6px;position:absolute;top:2px;width:2px;-webkit-transform-origin:center;transform-origin:center}.hi-checkbox__input--checked::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1);pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:2px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;width:4px;-webkit-transform-origin:center;transform-origin:center}.hi-checkbox__text{padding:0 32px 0 8px;line-height:32px}.hi-checkbox--disabled{cursor:not-allowed}.hi-checkbox--disabled .hi-checkbox__input{border-color:#d8d8d8;background:#f2f2f2}.hi-checkbox--disabled .hi-checkbox__input::after{border-color:#d8d8d8}.hi-checkbox--disabled .hi-checkbox__text{color:rgba(0,0,0,0.65)}.hi-checkbox-group{display:inline-block}.hi-checkbox-group--vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#4285f4}.hi-checkbox input:focus+.hi-checkbox__input{border-color:#4285f4}.hi-checkbox__input--indeterminate{background:#4285f4;border-color:#4285f4}.hi-checkbox__input--indeterminate::after{background:#fff}.hi-checkbox__input--checked{background:#4285f4;border-color:#4285f4}.theme__orange .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#f63}.theme__orange .hi-checkbox input:focus+.hi-checkbox__input{border-color:#f63}.theme__orange .hi-checkbox__input--indeterminate{background:#f63;border-color:#f63}.theme__orange .hi-checkbox__input--indeterminate::after{background:#fff}.theme__orange .hi-checkbox__input--checked{background:#f63;border-color:#f63}.theme__orange.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#f63}.theme__orange.hi-checkbox input:focus+.hi-checkbox__input{border-color:#f63}.theme__cyan .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#46bc99}.theme__cyan .hi-checkbox input:focus+.hi-checkbox__input{border-color:#46bc99}.theme__cyan .hi-checkbox__input--indeterminate{background:#46bc99;border-color:#46bc99}.theme__cyan .hi-checkbox__input--indeterminate::after{background:#fff}.theme__cyan .hi-checkbox__input--checked{background:#46bc99;border-color:#46bc99}.theme__cyan.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#46bc99}.theme__cyan.hi-checkbox input:focus+.hi-checkbox__input{border-color:#46bc99}.theme__magenta .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#ff5975}.theme__magenta .hi-checkbox input:focus+.hi-checkbox__input{border-color:#ff5975}.theme__magenta .hi-checkbox__input--indeterminate{background:#ff5975;border-color:#ff5975}.theme__magenta .hi-checkbox__input--indeterminate::after{background:#fff}.theme__magenta .hi-checkbox__input--checked{background:#ff5975;border-color:#ff5975}.theme__magenta.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#ff5975}.theme__magenta.hi-checkbox input:focus+.hi-checkbox__input{border-color:#ff5975}.theme__lavender .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#b450de}.theme__lavender .hi-checkbox input:focus+.hi-checkbox__input{border-color:#b450de}.theme__lavender .hi-checkbox__input--indeterminate{background:#b450de;border-color:#b450de}.theme__lavender .hi-checkbox__input--indeterminate::after{background:#fff}.theme__lavender .hi-checkbox__input--checked{background:#b450de;border-color:#b450de}.theme__lavender.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#b450de}.theme__lavender.hi-checkbox input:focus+.hi-checkbox__input{border-color:#b450de}.theme__blue .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#3da8f5}.theme__blue .hi-checkbox input:focus+.hi-checkbox__input{border-color:#3da8f5}.theme__blue .hi-checkbox__input--indeterminate{background:#3da8f5;border-color:#3da8f5}.theme__blue .hi-checkbox__input--indeterminate::after{background:#fff}.theme__blue .hi-checkbox__input--checked{background:#3da8f5;border-color:#3da8f5}.theme__blue.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#3da8f5}.theme__blue.hi-checkbox input:focus+.hi-checkbox__input{border-color:#3da8f5}.theme__purple .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#8a8acb}.theme__purple .hi-checkbox input:focus+.hi-checkbox__input{border-color:#8a8acb}.theme__purple .hi-checkbox__input--indeterminate{background:#8a8acb;border-color:#8a8acb}.theme__purple .hi-checkbox__input--indeterminate::after{background:#fff}.theme__purple .hi-checkbox__input--checked{background:#8a8acb;border-color:#8a8acb}.theme__purple.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#8a8acb}.theme__purple.hi-checkbox input:focus+.hi-checkbox__input{border-color:#8a8acb}

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

@@ -0,0 +1,111 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _ = _interopRequireDefault(require("../"));
+
+/* eslint-env jest */
+var changeCallback = jest.fn(function (key) {
+  return key;
+});
+
+var component = _react["default"].createElement(_["default"], {
+  onChange: changeCallback,
+  accordion: true
+}, _react["default"].createElement(_["default"].Panel, {
+  header: "panel title 1"
+}, _react["default"].createElement("p", null, "Collapse Panel Content")), _react["default"].createElement(_["default"].Panel, {
+  header: "panel title 2"
+}, _react["default"].createElement("p", null, "Collapse Panel Content")), _react["default"].createElement(_["default"].Panel, {
+  header: "panel title 3"
+}, _react["default"].createElement("p", null, "Collapse Panel Content")), null && _react["default"].createElement(_["default"].Panel, {
+  header: "panel title 4"
+}, _react["default"].createElement("p", null, "Collapse Panel Content")));
+
+describe('Collapse', function () {
+  describe('PropTypes', function () {
+    it('accordion', function () {
+      var wrapper = (0, _enzyme.mount)(component);
+      wrapper.find('.collapse-item__head').at(1).simulate('click');
+      expect(wrapper.find('.collapse-item--show')).toHaveLength(1);
+      wrapper.find('.collapse-item__head').at(2).simulate('click');
+      expect(wrapper.find('.collapse-item--show')).toHaveLength(1);
+      expect(changeCallback.mock.results[1].value).toBe('2');
+    });
+    it('activeId', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].cloneElement(component, {
+        activeId: '1'
+      }));
+      expect(wrapper.find('.collapse-item').at(0).hasClass('collapse-item--show')).toBeFalsy();
+      expect(wrapper.find('.collapse-item').at(1).hasClass('collapse-item--show')).toBeTruthy();
+    });
+    it('arrow', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].cloneElement(component, {
+        arrow: 'left'
+      })); // expect(wrapper.find('.collapse-item__icon').at(0).hasClass('icon-right')).toBeFalsy()
+
+      expect(wrapper.find('.collapse-item__head').first().childAt(0).hasClass('collapse-item__title')).toBeFalsy();
+      wrapper.setProps({
+        arrow: 'right'
+      });
+      expect(wrapper.find('.collapse-item__head').first().childAt(0).hasClass('collapse-item__title')).toBeTruthy();
+    });
+    it('showArrow', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].cloneElement(component, {
+        showArrow: true
+      })); // expect(wrapper.find('.collapse-item__icon').at(0).hasClass('icon-right')).toBeFalsy()
+
+      expect(wrapper.find('.collapse-item__icon')).toHaveLength(3);
+      wrapper.setProps({
+        showArrow: false
+      });
+      expect(wrapper.find('.collapse-item__icon')).toHaveLength(0);
+    });
+    it('非手风琴模式', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        onChange: changeCallback,
+        activeId: 1
+      }, _react["default"].createElement(_["default"].Panel, {
+        header: "panel title 1",
+        id: 1
+      }, _react["default"].createElement("p", null, "Collapse Panel Content")), _react["default"].createElement(_["default"].Panel, {
+        header: "panel title 2",
+        id: 2
+      }, _react["default"].createElement("p", null, "Collapse Panel Content")), _react["default"].createElement(_["default"].Panel, {
+        header: "panel title 3",
+        id: 3
+      }, _react["default"].createElement("p", null, "Collapse Panel Content"))));
+      wrapper.find('.collapse-item__head').at(0).simulate('click');
+      expect(wrapper.find('.collapse-item--show')).toHaveLength(0);
+      wrapper.find('.collapse-item__head').at(0).simulate('click');
+      expect(wrapper.find('.collapse-item--show')).toHaveLength(1);
+      wrapper.find('.collapse-item__head').at(1).simulate('click');
+      expect(wrapper.find('.collapse-item--show')).toHaveLength(2);
+      wrapper.find('.collapse-item__head').at(2).simulate('click');
+      expect(wrapper.find('.collapse-item--show')).toHaveLength(3);
+    });
+    it('disabled', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        onChange: changeCallback,
+        activeId: 1
+      }, _react["default"].createElement(_["default"].Panel, {
+        header: "panel title 1",
+        id: 1
+      }, _react["default"].createElement("p", null, "Collapse Panel Content")), _react["default"].createElement(_["default"].Panel, {
+        header: "panel title 2",
+        id: 2,
+        disabled: true
+      }, _react["default"].createElement("p", null, "Collapse Panel Content")), _react["default"].createElement(_["default"].Panel, {
+        header: "panel title 3",
+        id: 3
+      }, _react["default"].createElement("p", null, "Collapse Panel Content"))));
+      expect(wrapper.find('.collapse-item--show')).toHaveLength(1);
+      wrapper.find('.collapse-item__head').at(1).simulate('click');
+      expect(wrapper.find('.collapse-item--show')).toHaveLength(1);
+    });
+  });
+});