@hi-ui/hiui 2.15.11 → 2.15.12

package/es/cascader/Menu.js

@@ -0,0 +1,168 @@
+"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 _getPrototypeOf3 = _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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _loading = _interopRequireDefault(require("../loading"));
+
+var Menu =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Menu, _Component);
+
+  function Menu() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Menu);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(Menu)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderMenus", function () {
+      var _this$props = _this.props,
+          value = _this$props.value,
+          options = _this$props.options,
+          onSelect = _this$props.onSelect,
+          isFiltered = _this$props.isFiltered,
+          filterOptionWidth = _this$props.filterOptionWidth,
+          theme = _this$props.theme,
+          trigger = _this$props.trigger,
+          onHoverSelect = _this$props.onHoverSelect,
+          onHoverClick = _this$props.onHoverClick;
+
+      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(_react["default"].createElement("ul", {
+          className: "hi-cascader-menu theme__".concat(theme),
+          key: deep,
+          style: {
+            width: isFiltered ? filterOptionWidth : 'auto'
+          }
+        }, _currentOptions.length === 0 && _react["default"].createElement(_loading["default"], {
+          size: "small"
+        }), _currentOptions.map(function (option, index) {
+          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 _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
+            }),
+            onMouseEnter: function onMouseEnter(e) {
+              if (trigger === 'hover') {
+                e.stopPropagation();
+                !option.disabled && onHoverSelect(optionValues, hasChildren);
+              }
+            },
+            onClick: function onClick(e) {
+              e.stopPropagation();
+
+              if (trigger === 'click') {
+                !option.disabled && onSelect(optionValues, hasChildren);
+              } else {
+                !option.disabled && onHoverClick(optionValues, hasChildren);
+              }
+            },
+            key: optionValue + option[labelKey]
+          }, _react["default"].createElement("span", {
+            className: "hi-cascader-menu__item--label"
+          }, option[labelKey]), hasChildren && _react["default"].createElement("i", {
+            className: (0, _classnames["default"])('hi-cascader-menu__item--icon', 'hi-icon', expandIcon)
+          }));
+        })));
+        deep++;
+      };
+
+      while (currentOptions) {
+        _loop();
+      }
+
+      return menus;
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(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: "render",
+    value: function render() {
+      var menus = this.renderMenus();
+      return menus;
+    }
+  }]);
+  return Menu;
+}(_react.Component);
+
+(0, _defineProperty2["default"])(Menu, "propTypes", {
+  value: _propTypes["default"].array,
+  options: _propTypes["default"].array,
+  onSelect: _propTypes["default"].func
+});
+var _default = Menu;
+exports["default"] = _default;

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

@@ -0,0 +1,392 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _sinon = _interopRequireWildcard(require("sinon"));
+
+var _Cascader = _interopRequireWildcard(require("../Cascader"));
+
+describe('Cascader', function () {
+  var data = [{
+    content: '手机',
+    id: '手机',
+    children: [{
+      content: '小米',
+      id: '小米',
+      children: [{
+        content: '小米3',
+        id: '小米3'
+      }, {
+        content: '小米4',
+        id: '小米4'
+      }]
+    }, {
+      content: '红米',
+      id: '红米',
+      children: [{
+        content: '红米3',
+        id: '红米3',
+        disabled: true
+      }, {
+        content: '红米4',
+        id: '红米4'
+      }]
+    }]
+  }, {
+    content: '电视',
+    id: '电视',
+    children: [{
+      content: '小米电视4A',
+      id: '小米电视4A'
+    }, {
+      content: '小米电视4C',
+      id: '小米电视4C',
+      disabled: true
+    }]
+  }];
+  var clock;
+  beforeEach(function () {
+    clock = _sinon["default"].useFakeTimers();
+  });
+  afterEach(function () {
+    clock.restore();
+  });
+  describe('Lifecycle', function () {
+    it('componentDidMount', function () {
+      var componentDidMountSpy = (0, _sinon.spy)(_Cascader.Cascader.prototype, 'componentDidMount');
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], null));
+      expect(wrapper.find(_Cascader.Cascader).instance()).toBeInstanceOf(_Cascader.Cascader);
+      expect(componentDidMountSpy.callCount).toEqual(1);
+      componentDidMountSpy.restore();
+      expect(wrapper.find(".hi-cascader")).toHaveLength(1);
+    });
+    it('componentWillUnmount', function () {
+      var componentWillUnmountSpy = (0, _sinon.spy)(_Cascader.Cascader.prototype, 'componentWillUnmount');
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], null));
+      wrapper.unmount();
+      expect(componentWillUnmountSpy.callCount).toEqual(1);
+      componentWillUnmountSpy.restore();
+      expect(wrapper.find(".hi-cascader")).toHaveLength(0);
+    });
+    it('componentWillReceiveProps', function () {
+      var componentWillReceivePropsSpy = (0, _sinon.spy)(_Cascader.Cascader.prototype, 'componentWillReceiveProps');
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], null));
+      wrapper.setProps({
+        disabled: true
+      });
+      expect(componentWillReceivePropsSpy.callCount).toEqual(1);
+      componentWillReceivePropsSpy.restore();
+    });
+  });
+  describe('PropTypes', function () {
+    it('data', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], {
+        data: data
+      }));
+      expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(0);
+      wrapper.find('.hi-cascader__input-keyword').simulate('click');
+      expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(1);
+      wrapper.unmount();
+    });
+    it('value', function () {
+      var value = ['手机', '红米', '红米4'];
+      var nextValue = ['电视', '电磁炉', '空调'];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], {
+        data: data,
+        value: value
+      }));
+      expect(wrapper.find(_Cascader.Cascader).state().cascaderValue).toEqual(value);
+      wrapper.setProps({
+        value: nextValue
+      });
+      expect(wrapper.find(_Cascader.Cascader).state().cacheValue).toEqual(nextValue);
+      expect(nextValue.join(' / ')).toEqual(expect.stringContaining(wrapper.find(_Cascader.Cascader).state().cascaderLabel));
+    }); // NOTE 默认 fieldNames 与线上文档不一致
+
+    it('fieldNames', function () {
+      var fieldNames = {
+        label: 'label',
+        value: 'value',
+        children: 'child'
+      };
+      var data = [{
+        label: '电视',
+        value: '电视',
+        child: [{
+          label: '小米电视4A',
+          value: '小米电视4A'
+        }]
+      }];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], {
+        data: data,
+        fieldNames: fieldNames
+      }));
+      expect(wrapper.find(_Cascader.Cascader).instance()).toBeInstanceOf(_Cascader.Cascader);
+      expect(wrapper.find(_Cascader.Cascader).prop('data')).toMatchObject(data);
+    });
+    it('searchable', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], (0, _extends2["default"])({
+        searchable: true
+      }, {
+        data: data
+      })));
+      expect(wrapper.find('input').prop('readOnly')).toEqual(false);
+      wrapper.find('.hi-cascader__input-keyword').simulate('click');
+      wrapper.find('input').simulate('change', {
+        target: {
+          value: 'empty'
+        }
+      });
+      wrapper.find('input').simulate('keyUp');
+      expect(document.querySelectorAll('.hi-cascader-menu')).toHaveLength(1);
+      clock.tick(500);
+      expect(document.querySelector('.hi-cascader-menu__item').textContent).toEqual('无匹配数据');
+      wrapper.find('input').simulate('change', {
+        target: {
+          value: '电视'
+        }
+      });
+      wrapper.find('input').simulate('keyUp');
+      expect(document.querySelectorAll('.hi-cascader-menu')).toHaveLength(1);
+      clock.tick(500);
+      expect(document.querySelector('.hi-cascader-menu__item').textContent).toEqual(expect.stringContaining('电视'));
+      wrapper.unmount();
+    });
+    it('filterOption', function () {
+      var callback = jest.fn();
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], {
+        data: data,
+        searchable: true,
+        filterOption: callback
+      }));
+      wrapper.find('input').simulate('change', {
+        target: {
+          value: '手机'
+        }
+      });
+      wrapper.find('input').simulate('keyUp');
+      clock.tick(500);
+      expect(callback).toHaveBeenCalled();
+    });
+    it('clearable', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], (0, _extends2["default"])({
+        clearable: true
+      }, {
+        data: data
+      })));
+      expect(wrapper.find('.hi-cascader--clearable')).toHaveLength(1);
+      expect(wrapper.find('.hi-cascader__icon--clear')).toHaveLength(1);
+      wrapper.find('.hi-cascader__input-keyword').simulate('click');
+      document.querySelectorAll('.hi-cascader-menu')[0].children[0].click();
+      document.querySelectorAll('.hi-cascader-menu')[1].children[0].click();
+      document.querySelectorAll('.hi-cascader-menu')[2].children[0].click();
+      wrapper.update();
+      expect(wrapper.find('input').prop('value')).not.toEqual('');
+      wrapper.find('.hi-cascader__icon--clear').simulate('click');
+      expect(wrapper.find(_Cascader.Cascader).state('popperShow')).toEqual(false);
+      wrapper.setProps({
+        clearable: false
+      });
+      expect(wrapper.find('.hi-cascader--clearable')).toHaveLength(0);
+      expect(wrapper.find('.hi-cascader__icon--clear')).toHaveLength(0);
+      wrapper.unmount();
+    });
+    it('disabled', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], (0, _extends2["default"])({
+        disabled: true
+      }, {
+        data: data
+      })));
+      expect(wrapper.find('.hi-cascader--disabled')).toHaveLength(1);
+      expect(wrapper.find('input').prop('disabled')).toEqual(true);
+      wrapper.find('.hi-cascader__input-container').simulate('click');
+      expect(wrapper.find(_Cascader.Cascader).state('popperShow')).toEqual(false);
+      wrapper.unmount();
+    });
+    it('changeOnSelect', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], (0, _extends2["default"])({
+        changeOnSelect: true
+      }, {
+        data: data
+      })));
+      var cascaderLabel = '';
+      wrapper.find('.hi-cascader__input-keyword').simulate('click');
+      expect(document.querySelectorAll('.hi-cascader-menu')).toHaveLength(1);
+      expect(document.querySelectorAll('.hi-cascader-menu')[0].children).toHaveLength(2);
+      cascaderLabel = data[0].content;
+      document.querySelectorAll('.hi-cascader-menu')[0].children[0].click();
+      wrapper.update();
+      expect(document.querySelectorAll('.hi-cascader-menu')).toHaveLength(2);
+      expect(document.querySelectorAll('.hi-cascader-menu')[1].children).toHaveLength(2);
+      expect(wrapper.find('input').prop('placeholder')).toEqual(cascaderLabel);
+      wrapper.find(_Cascader.Cascader).setState({
+        popperShow: false
+      });
+      expect(wrapper.find('input').prop('value')).toEqual(cascaderLabel);
+      wrapper.find(_Cascader.Cascader).setState({
+        popperShow: true
+      });
+      cascaderLabel = [data[0].content, data[0].children[0].content].join(' / ');
+      document.querySelectorAll('.hi-cascader-menu')[1].children[0].click();
+      wrapper.update();
+      expect(document.querySelectorAll('.hi-cascader-menu')).toHaveLength(3);
+      expect(document.querySelectorAll('.hi-cascader-menu')[2].children).toHaveLength(2);
+      expect(wrapper.find('input').prop('placeholder')).toEqual(cascaderLabel);
+      wrapper.find(_Cascader.Cascader).setState({
+        popperShow: false
+      });
+      expect(wrapper.find('input').prop('value')).toEqual(cascaderLabel);
+      wrapper.find(_Cascader.Cascader).setState({
+        popperShow: true
+      });
+      cascaderLabel = [data[0].content, data[0].children[0].content, data[0].children[0].children[0].content].join(' / ');
+      document.querySelectorAll('.hi-cascader-menu')[2].children[0].click();
+      wrapper.update();
+      expect(document.querySelectorAll('.hi-cascader-menu')).toHaveLength(3);
+      expect(wrapper.find(_Cascader.Cascader).state('popperShow')).toEqual(false);
+      expect(wrapper.find('input').prop('value')).toEqual(cascaderLabel);
+      wrapper.unmount();
+    });
+    it('className', function () {
+      var className = 'custom-className';
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], {
+        data: data,
+        className: className
+      }));
+      expect(wrapper.find(".hi-cascader.".concat(className))).toHaveLength(1);
+    });
+    it('className', function () {
+      var placeholder = 'custom-placeholder';
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], {
+        data: data,
+        placeholder: placeholder
+      }));
+      expect(wrapper.find('input').prop('placeholder')).toEqual(placeholder);
+    });
+    it('style', function () {
+      var style = {
+        color: '#ffff00'
+      };
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], {
+        data: data,
+        style: style
+      }));
+      expect(wrapper.find(".hi-cascader").prop('style')).toMatchObject(style);
+    });
+    it('onActiveItemChange', function () {
+      var onActiveItemChange = (0, _sinon.stub)();
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], {
+        data: data,
+        onActiveItemChange: onActiveItemChange
+      }));
+      wrapper.find('.hi-cascader__input-keyword').simulate('click');
+      document.querySelectorAll('.hi-cascader-menu')[0].children[0].click();
+      expect(onActiveItemChange.callCount).toEqual(1);
+      document.querySelectorAll('.hi-cascader-menu')[1].children[0].click();
+      expect(onActiveItemChange.callCount).toEqual(2);
+      document.querySelectorAll('.hi-cascader-menu')[2].children[0].click();
+      expect(onActiveItemChange.callCount).toEqual(2);
+      onActiveItemChange.reset();
+      wrapper.unmount();
+    });
+    it('onChange', function () {
+      var onChange = (0, _sinon.stub)();
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], {
+        data: data,
+        onChange: onChange
+      }));
+      wrapper.find('.hi-cascader__input-keyword').simulate('click');
+      document.querySelectorAll('.hi-cascader-menu')[0].children[0].click();
+      expect(onChange.callCount).toEqual(0);
+      document.querySelectorAll('.hi-cascader-menu')[1].children[0].click();
+      expect(onChange.callCount).toEqual(0);
+      document.querySelectorAll('.hi-cascader-menu')[2].children[0].click();
+      expect(onChange.callCount).toEqual(1);
+      onChange.reset();
+      wrapper.unmount();
+    });
+    it('displayRender', function () {
+      var displayRender = (0, _sinon.stub)();
+      var returnValue = 'displayRender-return';
+      displayRender.returns(returnValue);
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], {
+        data: data,
+        displayRender: displayRender
+      }));
+      wrapper.find('.hi-cascader__input-keyword').simulate('click');
+      document.querySelectorAll('.hi-cascader-menu')[0].children[0].click();
+      document.querySelectorAll('.hi-cascader-menu')[1].children[0].click();
+      document.querySelectorAll('.hi-cascader-menu')[2].children[0].click();
+      wrapper.update();
+      expect(wrapper.find('input').prop('value')).toEqual(returnValue);
+      displayRender.reset();
+      wrapper.unmount();
+    });
+  });
+  describe('Branch', function () {
+    it('state: { popperShow: true } && props: { disabled: false } && handleClick', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], (0, _extends2["default"])({
+        disabled: false
+      }, {
+        data: data
+      })));
+      wrapper.find('.hi-cascader__input-container').simulate('click');
+      expect(wrapper.find(_Cascader.Cascader).state('popperShow')).toEqual(true);
+      wrapper.find('.hi-cascader__input-container').simulate('click');
+      expect(wrapper.find(_Cascader.Cascader).state('popperShow')).toEqual(false);
+      wrapper.unmount();
+    });
+    it('state: { keyword：undefined }', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], (0, _extends2["default"])({
+        searchable: true
+      }, {
+        data: data
+      })));
+      wrapper.find('.hi-cascader__input-keyword').simulate('click');
+      wrapper.find('input').simulate('change', {
+        target: {
+          value: undefined
+        }
+      });
+      wrapper.find('input').simulate('keyUp');
+      expect(document.querySelectorAll('.hi-cascader-menu')).toHaveLength(1);
+      clock.tick(500);
+      expect(document.querySelector('.hi-cascader-menu__item').textContent).toEqual(data[0].content);
+      wrapper.unmount();
+    });
+    it('clickOutside', function () {
+      var outsideDom = document.createElement('div');
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], {
+        data: data
+      }));
+      document.body.appendChild(outsideDom);
+      wrapper.find('.hi-cascader__input-keyword').simulate('click');
+      expect(wrapper.find(_Cascader.Cascader).state('popperShow')).toEqual(true);
+      outsideDom.click();
+      wrapper.update();
+      expect(wrapper.find(_Cascader.Cascader).state('popperShow')).toEqual(false);
+      wrapper.find('.hi-cascader__input-keyword').simulate('click');
+      expect(wrapper.find(_Cascader.Cascader).state('popperShow')).toEqual(true);
+      document.querySelector('.hi-cascader-menu').click();
+      expect(wrapper.find(_Cascader.Cascader).state('popperShow')).toEqual(true);
+      outsideDom.remove();
+      wrapper.unmount();
+    });
+    it('props: { data: [] }', function () {
+      var data = [];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Cascader["default"], {
+        data: data
+      }));
+      wrapper.find('.hi-cascader__input-keyword').simulate('click');
+      expect(document.querySelectorAll('.hi-cascader-menu__item')).toHaveLength(0);
+    });
+  });
+});

package/es/cascader/index.js

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

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__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)}