@hi-ui/hiui 2.15.9 → 2.15.11

package/es/cascader/__test__/index.test.js

@@ -0,0 +1,283 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _ = _interopRequireDefault(require("../"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var wrapper;
+var changeCallback = jest.fn(function (value) {
+  return value;
+});
+var activeItemChangeCallback = jest.fn(function (value) {
+  return value;
+});
+jest.mock('lodash/debounce', function () {
+  return jest.fn(function (fn) {
+    return fn;
+  });
+});
+var options = [{
+  value: '手机',
+  label: '手机',
+  children: [{
+    value: '小米',
+    label: '小米',
+    children: [{
+      value: '小米3',
+      label: '小米3'
+    }, {
+      value: '小米4',
+      label: '小米4'
+    }]
+  }, {
+    value: '红米',
+    label: '红米',
+    children: [{
+      value: '红米3',
+      label: '红米3',
+      disabled: true
+    }, {
+      value: '红米4',
+      label: '红米4'
+    }]
+  }]
+}, {
+  value: '电视',
+  label: '电视',
+  children: [{
+    value: '小米电视4A',
+    label: '小米电视4A'
+  }, {
+    value: '小米电视4C',
+    label: '小米电视4C'
+  }]
+}];
+describe('Cascader', function () {
+  beforeEach(function () {
+    jest.useFakeTimers();
+    jest.setTimeout(10000);
+  });
+  afterEach(function () {
+    wrapper && wrapper.unmount();
+    changeCallback.mockClear();
+    activeItemChangeCallback.mockClear();
+    jest.useRealTimers();
+  });
+  it('禁用', function () {
+    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      onChange: changeCallback,
+      disabled: true,
+      options: options,
+      style: {
+        width: '220px'
+      }
+    }));
+    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(0);
+    wrapper.find('.hi-cascader__input-container').simulate('click'); // 展开
+
+    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(0);
+  });
+  it('基础用法', function () {
+    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      onChange: changeCallback,
+      options: options,
+      style: {
+        width: '220px'
+      },
+      value: ['手机', '红米', '红米4']
+    })); // 测试默认值
+
+    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '红米', '红米4']);
+    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(0);
+    wrapper.find('.hi-cascader__input-container').simulate('click'); // 展开
+
+    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(1); // 测试默认值选中
+
+    expect(document.querySelectorAll('.hi-cascader-menu')[0].querySelector('.hi-cascader-menu__item-active').textContent).toEqual('手机');
+    expect(document.querySelectorAll('.hi-cascader-menu')[1].querySelector('.hi-cascader-menu__item-active').textContent).toEqual('红米');
+    expect(document.querySelectorAll('.hi-cascader-menu')[2].querySelector('.hi-cascader-menu__item-active').textContent).toEqual('红米4'); // 测试禁用项不可点击
+
+    document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[0].click();
+    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(1);
+    expect(changeCallback).not.toHaveBeenCalled(); // 切换
+
+    document.querySelectorAll('.hi-cascader-menu')[1].querySelectorAll('.hi-cascader-menu__item')[0].click();
+    expect(document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')).toHaveLength(2);
+    expect(document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[0].textContent).toEqual('小米3');
+    expect(document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[1].textContent).toEqual('小米4'); // 选中小米3
+
+    document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[0].click();
+    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '小米', '小米3']);
+    expect(changeCallback).toHaveBeenCalledTimes(1);
+    expect(changeCallback.mock.results[0].value).toEqual(['手机', '小米', '小米3']);
+    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1); // 收起
+  });
+  it('自定义字段名', function () {
+    var options = [{
+      goodsId: '手机',
+      goodsName: '手机',
+      subGoods: [{
+        goodsId: '小米',
+        goodsName: '小米',
+        subGoods: [{
+          goodsId: '小米3',
+          goodsName: '小米3'
+        }, {
+          goodsId: '小米4',
+          goodsName: '小米4'
+        }]
+      }, {
+        goodsId: '红米',
+        goodsName: '红米',
+        subGoods: [{
+          goodsId: '红米3',
+          goodsName: '红米3'
+        }, {
+          goodsId: '红米4',
+          goodsName: '红米4'
+        }]
+      }]
+    }, {
+      goodsId: '电视',
+      goodsName: '电视',
+      subGoods: [{
+        goodsId: '小米电视4A',
+        goodsName: '小米电视4A'
+      }, {
+        goodsId: '小米电视4C',
+        goodsName: '小米电视4C'
+      }]
+    }];
+    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      onChange: changeCallback,
+      fieldNames: {
+        label: 'goodsName',
+        value: 'goodsId',
+        children: 'subGoods'
+      },
+      value: ['手机', '红米', '红米4'],
+      options: options,
+      style: {
+        width: '220px'
+      }
+    })); // 测试默认值
+
+    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '红米', '红米4']);
+    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(0);
+    wrapper.find('.hi-cascader__input-container').simulate('click'); // 展开
+
+    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(1); // 测试默认值选中
+
+    expect(document.querySelectorAll('.hi-cascader-menu')[0].querySelector('.hi-cascader-menu__item-active').textContent).toEqual('手机');
+    expect(document.querySelectorAll('.hi-cascader-menu')[1].querySelector('.hi-cascader-menu__item-active').textContent).toEqual('红米');
+    expect(document.querySelectorAll('.hi-cascader-menu')[2].querySelector('.hi-cascader-menu__item-active').textContent).toEqual('红米4'); // 选中红米3
+
+    document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[0].click();
+    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '红米', '红米3']);
+    expect(changeCallback).toHaveBeenCalledTimes(1);
+    expect(changeCallback.mock.results[0].value).toEqual(['手机', '红米', '红米3']);
+    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1); // 收起
+  });
+  it('选择即改变', function () {
+    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      onActiveItemChange: activeItemChangeCallback,
+      onChange: changeCallback,
+      changeOnSelect: true,
+      options: options,
+      style: {
+        width: '220px'
+      }
+    })); // 测试默认值
+
+    expect(wrapper.find('Cascader').state().cascaderValue).toEqual([]);
+    wrapper.find('.hi-cascader__input-container').simulate('click'); // 展开
+
+    document.querySelectorAll('.hi-cascader-menu')[0].querySelectorAll('.hi-cascader-menu__item')[0].click(); // test onChange
+
+    expect(changeCallback).toHaveBeenCalledTimes(1);
+    expect(changeCallback.mock.results[0].value).toEqual(['手机']); // test onActiveItemChange
+
+    expect(activeItemChangeCallback).toHaveBeenCalledTimes(1);
+    expect(activeItemChangeCallback.mock.results[0].value).toEqual(['手机']);
+    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机']);
+    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(0); // 未收起
+
+    document.querySelectorAll('.hi-cascader-menu')[1].querySelectorAll('.hi-cascader-menu__item')[0].click(); // test onChange
+
+    expect(changeCallback).toHaveBeenCalledTimes(2);
+    expect(changeCallback.mock.results[1].value).toEqual(['手机', '小米']); // test onActiveItemChange
+
+    expect(activeItemChangeCallback).toHaveBeenCalledTimes(2);
+    expect(activeItemChangeCallback.mock.results[1].value).toEqual(['手机', '小米']);
+    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '小米']);
+    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(0); // 未收起
+
+    document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[0].click(); // test onChange
+
+    expect(changeCallback).toHaveBeenCalledTimes(3);
+    expect(changeCallback.mock.results[2].value).toEqual(['手机', '小米', '小米3']); // test onActiveItemChange
+
+    expect(activeItemChangeCallback).toHaveBeenCalledTimes(2);
+    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '小米', '小米3']);
+    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1); // 收起
+  });
+  it('自定义显示', function () {
+    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      onChange: changeCallback,
+      options: options,
+      style: {
+        width: '220px'
+      },
+      displayRender: function displayRender(values) {
+        return values.join(' > ');
+      }
+    }));
+    wrapper.find('.hi-cascader__input-container').simulate('click'); // 展开
+
+    document.querySelectorAll('.hi-cascader-menu')[0].querySelectorAll('.hi-cascader-menu__item')[0].click();
+    document.querySelectorAll('.hi-cascader-menu')[1].querySelectorAll('.hi-cascader-menu__item')[0].click();
+    document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[0].click();
+    expect(changeCallback).toHaveBeenCalledTimes(1);
+    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '小米', '小米3']);
+    expect(wrapper.find('.hi-cascader__input-keyword').instance().value).toEqual('手机 > 小米 > 小米3');
+    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1); // 收起
+  });
+  it('搜索', function () {
+    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      onChange: changeCallback,
+      noFoundTip: "\u672A\u641C\u7D22\u5230\u76F8\u5173\u5185\u5BB9",
+      searchable: true,
+      options: options,
+      style: {
+        width: '220px'
+      }
+    }));
+    wrapper.find('.hi-cascader__input-container').simulate('click'); // 展开
+
+    wrapper.find('input').simulate('change', {
+      target: {
+        value: '00'
+      }
+    }); // 无搜索结果
+
+    wrapper.find('input').simulate('keyUp');
+    expect(document.querySelectorAll('.hi-cascader-menu')).toHaveLength(1);
+    expect(document.querySelector('.hi-cascader-menu__item').textContent).toEqual('未搜索到相关内容');
+    wrapper.find('input').simulate('change', {
+      target: {
+        value: '3'
+      }
+    });
+    wrapper.find('input').simulate('keyUp');
+    expect(document.querySelectorAll('.hi-cascader-menu')).toHaveLength(1);
+    expect(document.querySelectorAll('.hi-cascader-menu__item')).toHaveLength(2);
+    document.querySelectorAll('.hi-cascader-menu__item')[0].click();
+    expect(changeCallback).toHaveBeenCalledTimes(1);
+    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '小米', '小米3']);
+    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1); // 收起
+  });
+});

package/es/cascader/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,8 +9,7 @@ var _Cascader = _interopRequireDefault(require("./Cascader"));
 
 require("./style/index");
 
-var _util = require("../_util");
-
-var _default = (0, _util.depreactedPropsCompat)([['data', 'options'], ['emptyContent', 'noFoundTip'], ['fieldNames', 'fieldNames']])(_Cascader["default"]);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var _default = _Cascader["default"];
 exports["default"] = _default;

package/es/cascader/menu.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _loading = _interopRequireDefault(require("../loading"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var Menu = /*#__PURE__*/function (_Component) {
+  _inherits(Menu, _Component);
+
+  var _super = _createSuper(Menu);
+
+  function Menu() {
+    _classCallCheck(this, Menu);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(Menu, [{
+    key: "root",
+    value: function root() {
+      return this.props.root();
+    }
+  }, {
+    key: "getOptionValues",
+    value: function getOptionValues(values, optionValue, index) {
+      if (index === 0) {
+        return [optionValue];
+      } else {
+        return values.slice(0, index).concat([optionValue]);
+      }
+    }
+  }, {
+    key: "renderMenus",
+    value: function renderMenus() {
+      var _this = this;
+
+      var _this$props = this.props,
+          value = _this$props.value,
+          options = _this$props.options,
+          onSelect = _this$props.onSelect;
+      var root = this.root();
+      var menus = [];
+      var valueKey = root.valueKey();
+      var labelKey = root.labelKey();
+      var childrenKey = root.childrenKey();
+      var currentOptions = options.slice();
+      var deep = 0;
+
+      var _loop = function _loop() {
+        var currentValue = value[deep];
+
+        var _currentOptions = currentOptions.slice();
+
+        currentOptions = false;
+        menus.push( /*#__PURE__*/_react["default"].createElement("ul", {
+          className: "hi-cascader-menu",
+          key: deep
+        }, _currentOptions.length === 0 && /*#__PURE__*/_react["default"].createElement(_loading["default"], {
+          size: "small"
+        }), _currentOptions.map(function (option) {
+          var optionValue = option[valueKey];
+          var hasChildren = Array.isArray(option[childrenKey]);
+          var isExpanded = hasChildren && optionValue === currentValue; // const expandIcon = isExpanded ? 'icon-right' : 'icon-right'
+
+          var expandIcon = 'icon-right';
+          var optionValues = option.jointOption ? optionValue : _this.getOptionValues(value, optionValue, deep); // jointOption为true代表搜索拼接出来的option，直接取value即可
+
+          if (isExpanded) {
+            currentOptions = option[childrenKey];
+          }
+
+          return /*#__PURE__*/_react["default"].createElement("li", {
+            className: (0, _classnames["default"])('hi-cascader-menu__item', {
+              'hi-cascader-menu__item-expanded': hasChildren,
+              'hi-cascader-menu__item-disabled': !!option.disabled,
+              'hi-cascader-menu__item-active': currentValue === optionValue
+            }),
+            onClick: function onClick(e) {
+              e.stopPropagation();
+              !option.disabled && onSelect(optionValues, hasChildren);
+            },
+            key: optionValue
+          }, /*#__PURE__*/_react["default"].createElement("span", {
+            className: "hi-cascader-menu__item--label"
+          }, option[labelKey]), hasChildren && /*#__PURE__*/_react["default"].createElement("i", {
+            className: (0, _classnames["default"])('hi-cascader-menu__item--icon', 'hi-icon', expandIcon)
+          }));
+        })));
+        deep++;
+      };
+
+      while (currentOptions) {
+        _loop();
+      }
+
+      return menus;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var menus = this.renderMenus();
+      return menus;
+    }
+  }]);
+
+  return Menu;
+}(_react.Component);
+
+_defineProperty(Menu, "propTypes", {
+  value: _propTypes["default"].array,
+  options: _propTypes["default"].array,
+  onSelect: _propTypes["default"].func
+});
+
+var _default = Menu;
+exports["default"] = _default;

package/es/cascader/style/cascader.css

@@ -1 +1 @@
-.hi-cascader.hi-cascader--focused .hi-cascader__input-container{border-color:#4284f5}.hi-cascader.hi-cascader--disabled{cursor:not-allowed;opacity:0.6}.hi-cascader.hi-cascader--disabled .hi-cascader__input-keyword{cursor:not-allowed}.hi-cascader:not(.hi-cascader--disabled).hi-cascader--clearable:hover .hi-cascader__icon--expand{display:none}.hi-cascader:not(.hi-cascader--disabled).hi-cascader--clearable:hover .hi-cascader__icon--clear{display:block;color:#999}.hi-cascader__input-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 12px;border:1px solid #d8d8d8}.hi-cascader__input-keyword{-webkit-box-flex:1;-ms-flex:auto;flex:auto;font-size:14px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-cascader__icon{-webkit-box-flex:0;-ms-flex:none;flex:none;height:22px;line-height:22px}.hi-cascader__icon--clear{display:none;cursor:pointer}.hi-cascader.theme__hiui-blue.hi-cascader--focused .hi-cascader__input-container{border-color:#4285f4}.hi-cascader.theme__orange.hi-cascader--focused .hi-cascader__input-container{border-color:#f63}.hi-cascader.theme__cyan.hi-cascader--focused .hi-cascader__input-container{border-color:#46bc99}.hi-cascader.theme__magenta.hi-cascader--focused .hi-cascader__input-container{border-color:#ff5975}.hi-cascader.theme__lavender.hi-cascader--focused .hi-cascader__input-container{border-color:#b450de}.hi-cascader.theme__blue.hi-cascader--focused .hi-cascader__input-container{border-color:#3da8f5}.hi-cascader.theme__purple.hi-cascader--focused .hi-cascader__input-container{border-color:#8a8acb}
+.hi-cascader.hi-cascader--focused .hi-cascader__input-container{border-color:#4284f5}.hi-cascader.hi-cascader--disabled{cursor:not-allowed;opacity:0.6}.hi-cascader.hi-cascader--disabled .hi-cascader__input-keyword{cursor:not-allowed}.hi-cascader:not(.hi-cascader--disabled).hi-cascader--clearable:hover .hi-cascader__icon--expand{display:none}.hi-cascader:not(.hi-cascader--disabled).hi-cascader--clearable:hover .hi-cascader__icon--clear{display:block;color:#999}.hi-cascader__input-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 12px;border:1px solid #d9d9d9}.hi-cascader__input-keyword{-webkit-box-flex:1;-ms-flex:auto;flex:auto;font-size:14px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-cascader__icon{-webkit-box-flex:0;-ms-flex:none;flex:none;height:22px;line-height:22px}.hi-cascader__icon--clear{display:none;cursor:pointer}

package/es/cascader/style/menu.css

@@ -1 +1 @@
-.hi-cascader__popper{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;font-size:14px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.15);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.hi-cascader-menu{height:180px;min-width:110px;overflow:auto}.hi-cascader-menu:not(:last-child){border-right:1px solid #e8e8e8}.hi-cascader-menu,.hi-cascader-menu__item{margin:0;padding:0;list-style:none}.hi-cascader-menu__item{position:relative;padding:5px 12px;color:#48576a;cursor:pointer}.hi-cascader-menu__item.hi-cascader-menu__item-disabled{color:#bfcbd9;cursor:not-allowed}.hi-cascader-menu__item.hi-cascader-menu__item-expanded{padding-right:25px}.hi-cascader-menu__item.hi-cascader-menu__item-active{background-color:#f5f5f5}.hi-cascader-menu__item:hover{background-color:#f5f5f5}.hi-cascader-menu__item--icon{position:absolute;right:12px}.hi-cascader-menu__item--label{white-space:nowrap}.hi-cascader-menu__item--label-hightlight{color:#f5222d}.hi-cascader-menu__item--label-split{margin:0 3px}.hi-cascader-menu.theme__hiui-blue .hi-cascader-menu__item:hover{background-color:rgba(66,133,244,0.15)}.hi-cascader-menu.theme__hiui-blue .hi-cascader-menu__item.hi-cascader-menu__item-active{background-color:rgba(66,133,244,0.15)}.hi-cascader-menu.theme__orange .hi-cascader-menu__item:hover{background-color:rgba(255,102,51,0.15)}.hi-cascader-menu.theme__orange .hi-cascader-menu__item.hi-cascader-menu__item-active{background-color:rgba(255,102,51,0.15)}.hi-cascader-menu.theme__cyan .hi-cascader-menu__item:hover{background-color:rgba(70,188,153,0.15)}.hi-cascader-menu.theme__cyan .hi-cascader-menu__item.hi-cascader-menu__item-active{background-color:rgba(70,188,153,0.15)}.hi-cascader-menu.theme__magenta .hi-cascader-menu__item:hover{background-color:rgba(255,89,117,0.15)}.hi-cascader-menu.theme__magenta .hi-cascader-menu__item.hi-cascader-menu__item-active{background-color:rgba(255,89,117,0.15)}.hi-cascader-menu.theme__lavender .hi-cascader-menu__item:hover{background-color:rgba(180,80,222,0.15)}.hi-cascader-menu.theme__lavender .hi-cascader-menu__item.hi-cascader-menu__item-active{background-color:rgba(180,80,222,0.15)}.hi-cascader-menu.theme__blue .hi-cascader-menu__item:hover{background-color:rgba(61,168,245,0.15)}.hi-cascader-menu.theme__blue .hi-cascader-menu__item.hi-cascader-menu__item-active{background-color:rgba(61,168,245,0.15)}.hi-cascader-menu.theme__purple .hi-cascader-menu__item:hover{background-color:rgba(138,138,203,0.15)}.hi-cascader-menu.theme__purple .hi-cascader-menu__item.hi-cascader-menu__item-active{background-color:rgba(138,138,203,0.15)}
+.hi-cascader__popper{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;font-size:14px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.15);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.hi-cascader-menu{height:180px;min-width:110px;overflow:auto}.hi-cascader-menu:not(:last-child){border-right:1px solid #e8e8e8}.hi-cascader-menu,.hi-cascader-menu__item{margin:0;padding:0;list-style:none}.hi-cascader-menu__item{position:relative;padding:5px 12px;color:#48576a;cursor:pointer}.hi-cascader-menu__item.hi-cascader-menu__item-disabled{color:#bfcbd9;cursor:not-allowed}.hi-cascader-menu__item.hi-cascader-menu__item-expanded{padding-right:25px}.hi-cascader-menu__item.hi-cascader-menu__item-active{background-color:#f5f5f5}.hi-cascader-menu__item:hover{background-color:#f5f5f5}.hi-cascader-menu__item--icon{position:absolute;right:12px}.hi-cascader-menu__item--label{white-space:nowrap}.hi-cascader-menu__item--label-hightlight{color:#f5222d}.hi-cascader-menu__item--label-split{margin:0 3px}

package/es/checkbox/{checkbox-legacy/Base.js → Base.js}

@@ -1,62 +1,55 @@
 "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 _react = _interopRequireWildcard(require("react"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _common = _interopRequireDefault(require("./common"));
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+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 _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 _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _react = _interopRequireWildcard(require("react"));
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-var _classnames = _interopRequireDefault(require("classnames"));
+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 _context = _interopRequireDefault(require("../../context"));
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-var _common = _interopRequireDefault(require("./common"));
+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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 var Base = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Base, _Component);
+  _inherits(Base, _Component);
 
   var _super = _createSuper(Base);
 
   function Base(props) {
     var _this;
 
-    (0, _classCallCheck2["default"])(this, Base);
+    _classCallCheck(this, Base);
+
     _this = _super.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,
@@ -64,11 +57,11 @@ var Base = /*#__PURE__*/function (_Component) {
       part: false,
       onChange: props.onChange || function () {}
     };
-    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  (0, _createClass2["default"])(Base, [{
+  _createClass(Base, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var root = _common["default"].getRoot(this.props.name);
@@ -178,14 +171,10 @@ var Base = /*#__PURE__*/function (_Component) {
           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 /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-        className: labelClass
-      }, filterAttrs, {
+          content = _this$props.content;
+      var labelClass = (0, _classnames["default"])('hi-checkbox', disabled && 'hi-checkbox--disabled', checked && 'hi-checkbox--checked', part && "hi-checkbox--part");
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: labelClass,
         onClick: function onClick() {
           if (disabled) return;
 
@@ -201,16 +190,16 @@ var Base = /*#__PURE__*/function (_Component) {
             });
           });
         }
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "hi-checkbox__input"
       }), /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-checkbox-legacy__input"
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-checkbox-legacy__label"
+        className: "hi-checkbox__label"
       }, content));
     }
   }]);
+
   return Base;
 }(_react.Component);
 
-var _default = (0, _context["default"])(Base);
-
+var _default = Base;
 exports["default"] = _default;