@hi-ui/cascader 4.4.1 → 5.0.0-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,104 @@
 # @hi-ui/cascader
 
+## 5.0.0-alpha.0
+
+### Major Changes
+
+- 1b05b44a4: feat: 组件的 package.json 中的 exports 统一加上 types 配置 (5.0)
+
+### Minor Changes
+
+- 77ed66eac: <br>
+  - feat(picker): 下拉选择类组件增加 xs 尺寸 (5.0)
+  - feat(input): 输入框组件增加 xs 尺寸 (5.0)
+- cf982a1d0: feat(cascader): add onItemClick api (5.0)
+- 632dbda3a: feat: 下拉选择组件增加 showIndicator 参数 & 修改 appearance 中的 unset 样式 (5.0)
+- 1b51c1bbe: feat: 下拉选择类组件 appearance 参数增加 contained 类型 (5.0)
+- 6eac4b78b: feat: 输入框和选择器组件增加 borderless 形态 (5.0)
+
+### Patch Changes
+
+- eb5506b8d: style(picker): 移除 picker 组件中的 \_\_text 样式定义 (5.0)
+- 5de7a848b: fix: 修复 5.0 UI 问题 (5.0)
+- c3ec579cd: fix: 修改组件问题 (5.0)
+- 8116f0304: fix: 修改 UI 问题 (5.0)
+- cfaf8c48d: perf: 对下拉选择类组件的 customRender 的内容增加 memoization 以优化性能 (5.0)
+- b29639844: style(cascader&check-cascader): 调整下拉框样式，增加搜索框宽度设置 (5.0)
+- eaa96c960: <br>
+  - style(cascader&check-cascader): 增加 white-space: nowrap; 样式以防止文本换行 (5.0)
+  - style(cascader&check-cascader): 调整搜索框默认宽度为 100px (5.0)
+  - feat(check-cascader): 增加 flattedSearchResult 属性，用于控制搜索结果的展现形式 (5.0)
+  - fix(cascader): 修复当搜索结果为空时，下拉框没有显示空状态问题 (5.0)
+- 61d132802: build: 将 package.json 中 exports 配置中的 types 配置放在最上面 (5.0)
+- 9f2ee08cf: <br>
+  - style(tag-input): 间距调整 (5.0)
+  - style(select): 选择类组件选项圆角改为 4px (5.0)
+  - style(picker): 搜索框样式调整 (5.0)
+- 1fc825e2f: <br>
+  - fix(cascader): 处理当 value 为空时清空选项的选中态(5.0)
+  - style(cascader&check-cascader): 调整选项容器最小宽度为 160px (5.0)
+  - style(cascader&check-cascader): 优化下拉框宽度，让内容和搜索框默认宽度对齐 (5.0)
+  - perf(cascader&check-cascader): 优化 customRender 函数，支持传递选中项和当前值 (5.0)
+- 85bb84874: style: 统一调整选择类组件 hover 时的背景色 (5.0)
+- c125e4c48: fix: 修复 UI 问题 (5.0)
+- Updated dependencies [abebb5eed]
+- Updated dependencies [7bda04e64]
+- Updated dependencies [77ed66eac]
+- Updated dependencies [ddd2acc79]
+- Updated dependencies [5de7a848b]
+- Updated dependencies [1b05b44a4]
+- Updated dependencies [0cd15438e]
+- Updated dependencies [eb69f0baa]
+- Updated dependencies [a01771e8d]
+- Updated dependencies [67960d871]
+- Updated dependencies [de7f92b26]
+- Updated dependencies [8116f0304]
+- Updated dependencies [85bb84874]
+- Updated dependencies [77ed66eac]
+- Updated dependencies [632dbda3a]
+- Updated dependencies [2c7c65a5a]
+- Updated dependencies [36bb992d3]
+- Updated dependencies [1b51c1bbe]
+- Updated dependencies [61d132802]
+- Updated dependencies [6ebf40f96]
+- Updated dependencies [9f2ee08cf]
+- Updated dependencies [6eac4b78b]
+- Updated dependencies [bcd3d08dd]
+- Updated dependencies [4fb586f6f]
+- Updated dependencies [c125e4c48]
+- Updated dependencies [b7ad460d8]
+- Updated dependencies [df25ec39b]
+  - @hi-ui/picker@5.0.0-alpha.0
+  - @hi-ui/input@5.0.0-alpha.0
+  - @hi-ui/core@5.0.0-alpha.0
+  - @hi-ui/use-check-state@5.0.0-alpha.0
+  - @hi-ui/use-data-source@5.0.0-alpha.0
+  - @hi-ui/use-latest@5.0.0-alpha.0
+  - @hi-ui/use-search-mode@5.0.0-alpha.0
+  - @hi-ui/use-toggle@5.0.0-alpha.0
+  - @hi-ui/use-uncontrolled-state@5.0.0-alpha.0
+  - @hi-ui/icons@5.0.0-alpha.0
+  - @hi-ui/highlighter@5.0.0-alpha.0
+  - @hi-ui/popper@5.0.0-alpha.0
+  - @hi-ui/spinner@5.0.0-alpha.0
+  - @hi-ui/array-utils@5.0.0-alpha.0
+  - @hi-ui/classname@5.0.0-alpha.0
+  - @hi-ui/env@5.0.0-alpha.0
+  - @hi-ui/func-utils@5.0.0-alpha.0
+  - @hi-ui/tree-utils@5.0.0-alpha.0
+  - @hi-ui/type-assertion@5.0.0-alpha.0
+
+## 4.5.0
+
+### Minor Changes
+
+- [#3231](https://github.com/XiaoMi/hiui/pull/3231) [`bbba46153`](https://github.com/XiaoMi/hiui/commit/bbba4615313cd0618deff633bebc657e7f34ec94) Thanks [@zyprepare](https://github.com/zyprepare)! - feat(cascader): onChange 回调中增加选中项对象参数返回 (#3230)
+
+### Patch Changes
+
+- Updated dependencies [[`dc1311a91`](https://github.com/XiaoMi/hiui/commit/dc1311a917518bc5debef755a9fcd4e33fb58790)]:
+  - @hi-ui/use-search-mode@4.2.1
+
 ## 4.4.1
 
 ### Patch Changes

package/lib/cjs/Cascader.js

@@ -88,7 +88,12 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$closeOnSelect = props.closeOnSelect,
     closeOnSelect = _props$closeOnSelect === void 0 ? true : _props$closeOnSelect,
     customRender = props.customRender,
-    rest = tslib.__rest(props, ["prefixCls", "className", "placeholder", "disabled", "clearable", "type", "fieldNames", "expandTrigger", "displayRender", "onSelect", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "keyword", "onSearch", "render", "overlayClassName", "data", "flattedSearchResult", "visible", "size", "prefix", "suffix", "onOpen", "onClose", "onClear", "renderExtraFooter", "dropdownColumnRender", "closeOnSelect", "customRender"]);
+    label = props.label,
+    virtual = props.virtual,
+    onItemClickProp = props.onItemClick,
+    _props$showIndicator = props.showIndicator,
+    showIndicator = _props$showIndicator === void 0 ? true : _props$showIndicator,
+    rest = tslib.__rest(props, ["prefixCls", "className", "placeholder", "disabled", "clearable", "type", "fieldNames", "expandTrigger", "displayRender", "onSelect", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "keyword", "onSearch", "render", "overlayClassName", "data", "flattedSearchResult", "visible", "size", "prefix", "suffix", "onOpen", "onClose", "onClear", "renderExtraFooter", "dropdownColumnRender", "closeOnSelect", "customRender", "label", "virtual", "onItemClick", "showIndicator"]);
   var i18n = core.useLocaleContext();
   var pickerInnerRef = React.useRef(null);
   var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('cascader.placeholder') : placeholderProp;
@@ -195,6 +200,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var value = context$1.value,
     tryChangeValue = context$1.tryChangeValue,
     reset = context$1.reset,
+    clear = context$1.clear,
     menuList = context$1.menuList,
     getItemRequiredProps = context$1.getItemRequiredProps;
   var showData = React.useMemo(function () {
@@ -220,6 +226,14 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     return flattedData;
   }, [selectedItem, flattedData]);
+  var mergedDataSelectedItem = React.useMemo(function () {
+    return mergedData.find(function (d) {
+      return d.id === value[value.length - 1];
+    });
+  }, [mergedData, value]);
+  var customRenderContent = React.useMemo(function () {
+    return customRender ? typeof customRender === 'function' ? customRender(mergedDataSelectedItem, value) : customRender : null;
+  }, [customRender, mergedDataSelectedItem, value]);
   var cls = classname.cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
   React.useEffect(function () {
     var _a;
@@ -228,12 +242,19 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       (_a = pickerInnerRef.current) === null || _a === void 0 ? void 0 : _a.update();
     }
   }, [menuVisible, showData]);
+  React.useEffect(function () {
+    if (!value || value.length === 0) {
+      clear();
+    }
+  }, [value, clear]);
   return /*#__PURE__*/React__default["default"].createElement(context.CascaderProvider, {
     value: Object.assign(Object.assign({}, context$1), {
       expandTrigger: expandTrigger,
       titleRender: proxyTitleRender,
       menuList: showData,
-      dropdownColumnRender: dropdownColumnRender
+      dropdownColumnRender: dropdownColumnRender,
+      virtual: virtual,
+      onItemClickProp: onItemClickProp
     })
   }, /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
     ref: ref,
@@ -254,13 +275,17 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     footer: typeAssertion.isFunction(renderExtraFooter) && renderExtraFooter(),
     keyword: keywordProp,
     onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
-    trigger: customRender ? typeof customRender === 'function' ? customRender(selectedItem) : customRender : ( /*#__PURE__*/React__default["default"].createElement(input.MockInput, {
+    trigger: customRender ? customRenderContent : ( /*#__PURE__*/React__default["default"].createElement(input.MockInput, {
+      style: {
+        maxWidth: appearance === 'contained' ? '360px' : undefined
+      },
       size: size,
       clearable: clearable,
       onClear: onClear,
       placeholder: placeholder,
       displayRender: displayRender,
       prefix: prefix,
+      showIndicator: showIndicator,
       suffix: [menuVisible ? /*#__PURE__*/React__default["default"].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null), suffix],
       focused: menuVisible,
       value: value[value.length - 1],
@@ -269,7 +294,8 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       },
       data: mergedData,
       invalid: invalid,
-      appearance: appearance
+      appearance: appearance,
+      label: label
     }))
   }), typeAssertion.isArrayNonEmpty(showData) ? /*#__PURE__*/React__default["default"].createElement(CascaderMenuList.CascaderMenuList, null) : null));
 });
@@ -282,7 +308,7 @@ var renderHighlightTitle = function renderHighlightTitle(keyword, option, titleR
   if (title !== true) return title;
   return /*#__PURE__*/React__default["default"].createElement(Highlighter__default["default"], {
     key: option.id,
-    keyword: keyword
+    keyword: new RegExp(keyword, 'ig')
   }, option.title);
 };
 var renderHighlightTitles = function renderHighlightTitles(keyword, option, titleRender) {
@@ -305,17 +331,18 @@ var renderHighlightTitles = function renderHighlightTitles(keyword, option, titl
     }, title);
     if (typeof title !== 'string') return raw;
     if (found) return raw;
-    var index = title.indexOf(keyword);
+    var index = useSearchMode.matchStrategy(title, keyword);
     if (index === -1) return raw;
     found = true;
     var beforeStr = title.substr(0, index);
+    var matchedStr = title.substr(index, keyword.length);
     var afterStr = title.substr(index + keyword.length);
     return /*#__PURE__*/React__default["default"].createElement("span", {
       key: id,
       className: "title__text--col"
     }, beforeStr, /*#__PURE__*/React__default["default"].createElement("span", {
       className: "title__text--matched"
-    }, keyword), afterStr);
+    }, matchedStr), afterStr);
   }).reverse());
 };
 exports.Cascader = Cascader;

package/lib/cjs/CascaderMenuList.js

@@ -22,6 +22,7 @@ var index = require('./utils/index.js');
 var context = require('./context.js');
 var treeUtils = require('@hi-ui/tree-utils');
 var typeAssertion = require('@hi-ui/type-assertion');
+var List = require('./ui/virtual-list/lib/esm/node_modules/rc-virtual-list/es/List.js');
 function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
@@ -65,45 +66,77 @@ var CascaderMenu = function CascaderMenu(_ref) {
     style = _ref.style,
     menu = _ref.data;
   var _useCascaderContext2 = context.useCascaderContext(),
-    flatted = _useCascaderContext2.flatted,
-    disabledContext = _useCascaderContext2.disabled,
-    expandTrigger = _useCascaderContext2.expandTrigger,
-    onItemClick = _useCascaderContext2.onItemClick,
-    onItemHover = _useCascaderContext2.onItemHover,
-    titleRender = _useCascaderContext2.titleRender,
-    onLoadChildren = _useCascaderContext2.onLoadChildren,
-    getItemRequiredProps = _useCascaderContext2.getItemRequiredProps;
+    virtual = _useCascaderContext2.virtual;
   var cls = classname.cx(prefixCls, className);
+  var virtualListProps = {
+    virtual: virtual,
+    data: menu,
+    height: 260,
+    itemHeight: 32
+  };
   return /*#__PURE__*/React__default["default"].createElement("ul", {
     className: cls,
     style: style,
     role: role
-  }, menu.map(function (option) {
-    var eventOption = index.getItemEventData(option, getItemRequiredProps(option));
-    var selected = eventOption.selected,
-      loading = eventOption.loading,
-      active = eventOption.active;
-    var disabled = disabledContext || option.disabled;
-    var optionCls = classname.cx(prefixCls + "-option", active && prefixCls + "-option--active", loading && prefixCls + "-option--loading", disabled && prefixCls + "-option--disabled", selected && prefixCls + "-option--selected");
-    return /*#__PURE__*/React__default["default"].createElement("li", {
+  }, typeAssertion.isArrayNonEmpty(menu) ? virtual ? ( /*#__PURE__*/React__default["default"].createElement(List["default"], Object.assign({
+    itemKey: 'id',
+    fullHeight: false
+  }, virtualListProps), function (option) {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
       key: option.id,
-      role: "menu-item",
-      className: prefixCls + "-item"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: optionCls,
-      onClick: function onClick() {
-        if (disabled) return;
-        onItemClick(eventOption);
-      },
-      onMouseEnter: function onMouseEnter() {
-        if (disabled) return;
-        if (expandTrigger === 'hover') {
-          onItemHover(eventOption);
-        }
-      }
-    }, flatted ? renderFlattedTitle(eventOption, titleRender) : ( /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderDefaultTitle(eventOption, titleRender), renderSuffix(prefixCls, option, loading, onLoadChildren)))));
-  }));
+      option: option,
+      prefixCls: prefixCls
+    });
+  })) : menu.map(function (option) {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
+      key: option.id,
+      option: option,
+      prefixCls: prefixCls
+    });
+  }) : null);
 };
+var MenuItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var option = _ref2.option,
+    prefixCls = _ref2.prefixCls;
+  var _useCascaderContext3 = context.useCascaderContext(),
+    flatted = _useCascaderContext3.flatted,
+    disabledContext = _useCascaderContext3.disabled,
+    expandTrigger = _useCascaderContext3.expandTrigger,
+    onItemClick = _useCascaderContext3.onItemClick,
+    onItemClickProp = _useCascaderContext3.onItemClickProp,
+    onItemHover = _useCascaderContext3.onItemHover,
+    titleRender = _useCascaderContext3.titleRender,
+    onLoadChildren = _useCascaderContext3.onLoadChildren,
+    getItemRequiredProps = _useCascaderContext3.getItemRequiredProps;
+  var eventOption = index.getItemEventData(option, getItemRequiredProps(option));
+  var selected = eventOption.selected,
+    loading = eventOption.loading,
+    active = eventOption.active;
+  var disabled = disabledContext || option.disabled;
+  var optionCls = classname.cx(prefixCls + "-option", active && prefixCls + "-option--active", loading && prefixCls + "-option--loading", disabled && prefixCls + "-option--disabled", selected && prefixCls + "-option--selected");
+  return /*#__PURE__*/React__default["default"].createElement("li", {
+    ref: ref,
+    key: option.id,
+    role: "menu-item",
+    className: prefixCls + "-item"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: optionCls,
+    onClick: function onClick(evt) {
+      if (disabled) return;
+      onItemClick(eventOption);
+      onItemClickProp === null || onItemClickProp === void 0 ? void 0 : onItemClickProp(evt, eventOption);
+    },
+    onMouseEnter: function onMouseEnter() {
+      if (disabled) return;
+      if (expandTrigger === 'hover') {
+        onItemHover(eventOption);
+      }
+    }
+  }, flatted ? renderFlattedTitle(eventOption, titleRender) : ( /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderDefaultTitle(eventOption, titleRender), renderSuffix(prefixCls, option, loading, onLoadChildren)))));
+});
+if (env.__DEV__) {
+  MenuItem.displayName = 'MenuItem';
+}
 /**
  * 渲染菜单子项的展开提示图标
  */

package/lib/cjs/styles/index.scss.js

@@ -12,7 +12,7 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var css_248z = "@charset \"UTF-8\";.hi-v4-cascader__popper .hi-v4-picker__body {padding-left: 0;padding-right: 0;overflow-y: hidden;}.hi-v4-cascader__popper .hi-v4-picker__loading, .hi-v4-cascader__popper .hi-v4-picker__empty {padding: var(--hi-v4-spacing-5, 10px) var(--hi-v4-spacing-8, 16px);}.hi-v4-cascader-panel {white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: var(--hi-v4-text-size-md, 0.875rem);color: var(--hi-v4-color-gray-700, #1f2733);}.hi-v4-cascader-search {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 10px 10px;position: relative;}.hi-v4-cascader-search .hi-v4-input__prefix {font-size: 16px;padding-left: 0;}.hi-v4-cascader-search__empty {display: inline-block;margin-top: 20px;font-size: 14px;font-weight: 400;color: #999;line-height: 20px;}.hi-v4-cascader-menu-list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-sizing: border-box;box-sizing: border-box;overflow-x: auto;}.hi-v4-cascader-menu-list--flatted .hi-v4-cascader-menu {-ms-flex-preferred-size: 100%;flex-basis: 100%;}.hi-v4-cascader-menu {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;font-size: var(--hi-v4-text-size-md, 0.875rem);vertical-align: middle;list-style: none;width: auto;box-sizing: border-box;-ms-flex-negative: 0;flex-shrink: 0;display: inline-block;min-width: 140px;max-height: 260px;overflow: auto;padding: 0 var(--hi-v4-spacing-4, 8px);border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0);}.hi-v4-cascader-menu:last-of-type {border: none;}.hi-v4-cascader-menu-item {width: 100%;position: relative;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v4-cascader-menu-option {padding: var(--hi-v4-spacing-1, 2px) var(--hi-v4-spacing-3, 6px);-webkit-box-sizing: border-box;box-sizing: border-box;height: var(--hi-v4-height-8, 32px);width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-radius: var(--hi-v4-border-radius-md, 4px);}.hi-v4-cascader-menu-option:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-cascader-menu-option.hi-v4-cascader-menu-option--selected {background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-cascader-menu-option.hi-v4-cascader-menu-option--selected .hi-v4-cascader-menu-switcher {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-cascader-menu-option--focused {background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));}.hi-v4-cascader-menu-option--checked {font-weight: 700;}.hi-v4-cascader-menu-option.hi-v4-cascader-menu-option--disabled {cursor: not-allowed;color: var(--hi-v4-color-gray-500, #929aa6);background: transparent;}.hi-v4-cascader-menu-option.hi-v4-cascader-menu-option--disabled .hi-v4-cascader-menu-switcher {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-cascader-menu .title__text {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v4-cascader-menu .title__text--cols {display: block;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;font-size: var(--hi-v4-text-size-md, 0.875rem);vertical-align: middle;list-style: none;}.hi-v4-cascader-menu .title__text--col {display: inline-block;}.hi-v4-cascader-menu .title__text--col::after {content: \" / \";}.hi-v4-cascader-menu .title__text--col:last-child::after {content: none;}.hi-v4-cascader-menu .title__text--matched {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-cascader-menu-switcher {-ms-flex-negative: 0;flex-shrink: 0;font-size: 16px;color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-cascader-menu-switcher--loading {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-cascader-menu-switcher--arrow {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}.hi-v4-cascader__icon--loading {display: inline-block;width: 1em;height: 1em;stroke: none;cursor: default;fill: currentColor;}.hi-v4-cascader__icon--loading svg {-webkit-animation-name: hi-rotate;animation-name: hi-rotate;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}@-webkit-keyframes rotate {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes rotate {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}";
+var css_248z = "@charset \"UTF-8\";.hi-v5-cascader__popper .hi-v5-picker__panel {-webkit-box-sizing: border-box;box-sizing: border-box;min-width: 160px;}.hi-v5-cascader__popper .hi-v5-picker__search .hi-v5-input__text {width: 100px;}.hi-v5-cascader__popper .hi-v5-picker__body {padding-left: 0;padding-right: 0;overflow-y: hidden;}.hi-v5-cascader__popper .hi-v5-picker__loading, .hi-v5-cascader__popper .hi-v5-picker__empty {padding: var(--hi-v5-spacing-5, 10px) var(--hi-v5-spacing-8, 16px);}.hi-v5-cascader-panel {white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: var(--hi-v5-text-size-md, 0.875rem);color: var(--hi-v5-color-gray-700, #1a1d26);}.hi-v5-cascader-search {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 10px 10px;position: relative;}.hi-v5-cascader-search .hi-v5-input__prefix {font-size: 16px;padding-left: 0;}.hi-v5-cascader-search__empty {display: inline-block;margin-top: 20px;font-size: 14px;font-weight: 400;color: #999;line-height: 20px;}.hi-v5-cascader-menu-list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-sizing: border-box;box-sizing: border-box;overflow-x: auto;}.hi-v5-cascader-menu-list--flatted .hi-v5-cascader-menu {-ms-flex-preferred-size: 100%;flex-basis: 100%;}.hi-v5-cascader-menu {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;font-size: var(--hi-v5-text-size-md, 0.875rem);vertical-align: middle;list-style: none;width: auto;box-sizing: border-box;-ms-flex-negative: 0;flex-shrink: 0;display: inline-block;min-width: 160px;max-height: 260px;overflow: auto;padding: 0 var(--hi-v5-spacing-2, 4px);border-right: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-gray-200, #e6e8eb);}.hi-v5-cascader-menu:last-of-type {border: none;}.hi-v5-cascader-menu-item {width: 100%;position: relative;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v5-cascader-menu-option {padding: var(--hi-v5-spacing-1, 2px) var(--hi-v5-spacing-4, 8px);-webkit-box-sizing: border-box;box-sizing: border-box;height: var(--hi-v5-height-8, 32px);width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-radius: var(--hi-v5-border-radius-md, 4px);white-space: nowrap;}.hi-v5-cascader-menu-option:hover {background-color: var(--hi-v5-color-gray-50, #f2f4f7);}.hi-v5-cascader-menu-option.hi-v5-cascader-menu-option--selected {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-cascader-menu-option.hi-v5-cascader-menu-option--selected .hi-v5-cascader-menu-switcher {color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-cascader-menu-option--focused {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));}.hi-v5-cascader-menu-option--checked {font-weight: 700;}.hi-v5-cascader-menu-option.hi-v5-cascader-menu-option--disabled {cursor: not-allowed;color: var(--hi-v5-color-gray-500, #91959e);background: transparent;}.hi-v5-cascader-menu-option.hi-v5-cascader-menu-option--disabled .hi-v5-cascader-menu-switcher {color: var(--hi-v5-color-gray-400, #babcc2);}.hi-v5-cascader-menu .title__text {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v5-cascader-menu .title__text--cols {display: block;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;font-size: var(--hi-v5-text-size-md, 0.875rem);vertical-align: middle;list-style: none;}.hi-v5-cascader-menu .title__text--col {display: inline-block;}.hi-v5-cascader-menu .title__text--col::after {content: \" / \";}.hi-v5-cascader-menu .title__text--col:last-child::after {content: none;}.hi-v5-cascader-menu .title__text--matched {color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-cascader-menu-switcher {-ms-flex-negative: 0;flex-shrink: 0;font-size: 16px;color: var(--hi-v5-color-gray-500, #91959e);}.hi-v5-cascader-menu-switcher--loading {color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-cascader-menu-switcher--arrow {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}.hi-v5-cascader__icon--loading {display: inline-block;width: 1em;height: 1em;stroke: none;cursor: default;fill: currentColor;}.hi-v5-cascader__icon--loading svg {-webkit-animation-name: hi-rotate;animation-name: hi-rotate;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}@-webkit-keyframes rotate {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes rotate {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}";
 var __styleInject__ = require('@hi-ui/style-inject')["default"];
 __styleInject__(css_248z);
 exports["default"] = css_248z;

package/lib/cjs/ui/virtual-list/lib/esm/_virtual/index.js

@@ -0,0 +1,28 @@
+/** @LICENSE
+ * @hi-ui/cascader
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/cascader#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+/** @LICENSE
+ * @hi-ui/virtual-list
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/virtual-list#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var classnames = {
+  exports: {}
+};
+exports.c = classnames;

package/lib/cjs/ui/virtual-list/lib/esm/_virtual/index2.js

@@ -0,0 +1,28 @@
+/** @LICENSE
+ * @hi-ui/cascader
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/cascader#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+/** @LICENSE
+ * @hi-ui/virtual-list
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/virtual-list#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var reactIs = {
+  exports: {}
+};
+exports.r = reactIs;

package/lib/cjs/ui/virtual-list/lib/esm/_virtual/react-is.development.js

@@ -0,0 +1,26 @@
+/** @LICENSE
+ * @hi-ui/cascader
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/cascader#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+/** @LICENSE
+ * @hi-ui/virtual-list
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/virtual-list#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var reactIs_development = {};
+exports.__exports = reactIs_development;

package/lib/cjs/ui/virtual-list/lib/esm/_virtual/react-is.production.min.js

@@ -0,0 +1,26 @@
+/** @LICENSE
+ * @hi-ui/cascader
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/cascader#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+/** @LICENSE
+ * @hi-ui/virtual-list
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/virtual-list#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var reactIs_production_min = {};
+exports.__exports = reactIs_production_min;

package/lib/cjs/ui/virtual-list/lib/esm/node_modules/classnames/index.js

@@ -0,0 +1,74 @@
+/** @LICENSE
+ * @hi-ui/cascader
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/cascader#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof2 = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _typeof = require('@babel/runtime/helpers/esm/typeof');
+var index = require('../../_virtual/index.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof2(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _typeof__default = /*#__PURE__*/_interopDefaultCompat(_typeof);
+
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+  /* global define */
+
+  (function () {
+    var hasOwn = {}.hasOwnProperty;
+    function classNames() {
+      var classes = [];
+      for (var i = 0; i < arguments.length; i++) {
+        var arg = arguments[i];
+        if (!arg) continue;
+        var argType = _typeof__default["default"](arg);
+        if (argType === 'string' || argType === 'number') {
+          classes.push(arg);
+        } else if (Array.isArray(arg)) {
+          if (arg.length) {
+            var inner = classNames.apply(null, arg);
+            if (inner) {
+              classes.push(inner);
+            }
+          }
+        } else if (argType === 'object') {
+          if (arg.toString === Object.prototype.toString) {
+            for (var key in arg) {
+              if (hasOwn.call(arg, key) && arg[key]) {
+                classes.push(key);
+              }
+            }
+          } else {
+            classes.push(arg.toString());
+          }
+        }
+      }
+      return classes.join(' ');
+    }
+    if (module.exports) {
+      classNames["default"] = classNames;
+      module.exports = classNames;
+    } else {
+      window.classNames = classNames;
+    }
+  })();
+})(index.c);
+var classNames = index.c.exports;
+exports["default"] = classNames;