@hi-ui/cascader 5.0.0-canary.9 → 5.0.0-experimental.1

package/CHANGELOG.md

@@ -1,160 +1,157 @@
 # @hi-ui/cascader
 
-## 5.0.0-canary.9
+## 5.0.0-experimental.1
 
 ### Patch Changes
 
-- 643c0e09f: style(picker): 移除 picker 组件中的 \_\_text 样式定义 (5.0)
-- Updated dependencies [7182c7bb8]
-  - @hi-ui/input@5.0.0-canary.9
-
-## 5.0.0-canary.8
-
-### Minor Changes
-
-- bbba46153: feat(cascader): onChange 回调中增加选中项对象参数返回 (#3230)
-
-### Patch Changes
-
-- Updated dependencies [bf65028e6]
-  - @hi-ui/popper@5.0.0-canary.4
-
-## 5.0.0-canary.7
-
-### Patch Changes
-
-- chore: rebase master (5.0)
+- 8f23e9322: style: 表单类组件统一调整后缀颜色、placeholder 颜色 (5.0)
+- 发布 hiui experimental 版本
+- 8561492d5: fix(cascader): 在平铺搜索模式下，当设置了 changeOnSelect 则搜索结果中展示父节点 (5.0)
+- Updated dependencies [8f23e9322]
+- Updated dependencies [b27483796]
+- Updated dependencies [900c6c2f0]
 - Updated dependencies
-  - @hi-ui/core@5.0.0-canary.2
-  - @hi-ui/use-check-state@5.0.0-canary.2
-  - @hi-ui/use-data-source@5.0.0-canary.2
-  - @hi-ui/use-latest@5.0.0-canary.2
-  - @hi-ui/use-search-mode@5.0.0-canary.2
-  - @hi-ui/use-toggle@5.0.0-canary.2
-  - @hi-ui/use-uncontrolled-state@5.0.0-canary.2
-  - @hi-ui/icons@5.0.0-canary.2
-  - @hi-ui/highlighter@5.0.0-canary.2
-  - @hi-ui/input@5.0.0-canary.7
-  - @hi-ui/picker@5.0.0-canary.8
-  - @hi-ui/popper@5.0.0-canary.3
-  - @hi-ui/spinner@5.0.0-canary.2
-  - @hi-ui/array-utils@5.0.0-canary.2
-  - @hi-ui/classname@5.0.0-canary.2
-  - @hi-ui/env@5.0.0-canary.2
-  - @hi-ui/func-utils@5.0.0-canary.2
-  - @hi-ui/tree-utils@5.0.0-canary.2
-  - @hi-ui/type-assertion@5.0.0-canary.2
-
-## 5.0.0-canary.6
+  - @hi-ui/input@5.0.0-experimental.1
+  - @hi-ui/picker@5.0.0-experimental.1
 
-### Patch Changes
-
-- 4b09e728b: build: 将 package.json 中 exports 配置中的 types 配置放在最上面 (5.0)
-- ba7c324c2: style: 统一调整选择类组件 hover 时的背景色 (5.0)
-- Updated dependencies [ba7c324c2]
-- Updated dependencies [4b09e728b]
-  - @hi-ui/picker@5.0.0-canary.7
-  - @hi-ui/core@5.0.0-canary.1
-  - @hi-ui/use-check-state@5.0.0-canary.1
-  - @hi-ui/use-data-source@5.0.0-canary.1
-  - @hi-ui/use-latest@5.0.0-canary.1
-  - @hi-ui/use-search-mode@5.0.0-canary.1
-  - @hi-ui/use-toggle@5.0.0-canary.1
-  - @hi-ui/use-uncontrolled-state@5.0.0-canary.1
-  - @hi-ui/icons@5.0.0-canary.1
-  - @hi-ui/highlighter@5.0.0-canary.1
-  - @hi-ui/input@5.0.0-canary.6
-  - @hi-ui/popper@5.0.0-canary.2
-  - @hi-ui/spinner@5.0.0-canary.1
-  - @hi-ui/array-utils@5.0.0-canary.1
-  - @hi-ui/classname@5.0.0-canary.1
-  - @hi-ui/env@5.0.0-canary.1
-  - @hi-ui/func-utils@5.0.0-canary.1
-  - @hi-ui/tree-utils@5.0.0-canary.1
-  - @hi-ui/type-assertion@5.0.0-canary.1
-
-## 5.0.0-canary.5
-
-### Patch Changes
+## 5.0.0-experimental.0
 
-- 40f819417: fix: 修复 UI 问题 (5.0)
-- Updated dependencies [40f819417]
-  - @hi-ui/input@5.0.0-canary.5
-
-## 5.0.0-canary.4
+### Major Changes
 
-### Patch Changes
+- 8f3aa85e4: feat: 组件的 package.json 中的 exports 统一加上 types 配置 (5.0)
 
-- a89b3b3ae: fix: 修改组件问题 (5.0)
+### Minor Changes
 
-## 5.0.0-canary.3
+- b9989e482: feat(picker): 增加 clearSearchOnClosed api 默认是 false (5.0)
+- f1ab51725: <br>
+  - feat(picker): 下拉选择类组件增加 xs 尺寸 (5.0)
+  - feat(input): 输入框组件增加 xs 尺寸 (5.0)
+- 3e1d3608f: feat(cascader): add onItemClick api (5.0)
+- 6dca7795c: feat: 下拉选择组件增加 showIndicator 参数 & 修改 appearance 中的 unset 样式 (5.0)
+- 77d969c2e: feat: 下拉选择类组件 appearance 参数增加 contained 类型 (5.0)
+- 58ad82e94: feat: 输入框和选择器组件增加 borderless 形态 (5.0)
 
 ### Patch Changes
 
-- df3615e78: <br>
+- 6fb223e3a: style: fix ui bug (5.0)
+- 1662753e0: style: fix ui bug (5.0)
+- cf89262c7: style(picker): 移除 picker 组件中的 \_\_text 样式定义 (5.0)
+- 9b34d99bc: fix: 修复 5.0 UI 问题 (5.0)
+- be5a59325: style: 修改样式问题 (5.0)
+- 79ea480f3: feat(global-context): 增加 size api 全局配置 (5.0)
+- 2e56529f7: styles: 主题定制功能完善&&样式变量化写法改造&&兼容 RTL (5.0)
+- eb718e940: fix: 修改组件问题 (5.0)
+- 95abba983: fix: 修改 UI 问题 (5.0)
+- f3bf08f27: fix(cascader): 平铺搜索结果时不再展示不可点击的父节点 (5.0)
+- de8d058dc: perf: 对下拉选择类组件的 customRender 的内容增加 memoization 以优化性能 (5.0)
+- 5210770d9: feat(picker): add header api (5.0)
+- 424700fc5: style(cascader&check-cascader): 调整下拉框样式，增加搜索框宽度设置 (5.0)
+- 4b2596538: <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)
+- 33da3144e: build: 将 package.json 中 exports 配置中的 types 配置放在最上面 (5.0)
+- 7f3abee55: style: fix ui bug (5.0)
+- 0a4e90dbd: <br>
   - style(tag-input): 间距调整 (5.0)
   - style(select): 选择类组件选项圆角改为 4px (5.0)
   - style(picker): 搜索框样式调整 (5.0)
-- Updated dependencies [3cb3377dc]
-- Updated dependencies [df3615e78]
-  - @hi-ui/picker@5.0.0-canary.3
-
-## 5.0.0-canary.2
-
-### Minor Changes
-
-- 6c4bf35af: feat: 下拉选择类组件 appearance 参数增加 contained 类型 (5.0)
+- 79739ed82: <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)
+- 4a31cea53: style: 统一调整选择类组件 hover 时的背景色 (5.0)
+- 99801c2d1: fix: 修复 UI 问题 (5.0)
+- Updated dependencies [0b34e1c15]
+- Updated dependencies [da2e63a14]
+- Updated dependencies [1e226cd66]
+- Updated dependencies [b9989e482]
+- Updated dependencies [1662753e0]
+- Updated dependencies [122d1d859]
+- Updated dependencies [f1ab51725]
+- Updated dependencies [41552be0b]
+- Updated dependencies [8c0ee78f0]
+- Updated dependencies [9b34d99bc]
+- Updated dependencies [8f3aa85e4]
+- Updated dependencies [f4fc0ef30]
+- Updated dependencies [ec4c7faa2]
+- Updated dependencies [29cae09ea]
+- Updated dependencies [fd4c20bbd]
+- Updated dependencies [be5a59325]
+- Updated dependencies [71fc15e5c]
+- Updated dependencies [79ea480f3]
+- Updated dependencies [2e56529f7]
+- Updated dependencies [277c5033a]
+- Updated dependencies [95abba983]
+- Updated dependencies [4a31cea53]
+- Updated dependencies [976ec929d]
+- Updated dependencies [f1ab51725]
+- Updated dependencies [6dca7795c]
+- Updated dependencies [7b956b1eb]
+- Updated dependencies [5210770d9]
+- Updated dependencies [e2d184e74]
+- Updated dependencies [4006b2c8c]
+- Updated dependencies [77d969c2e]
+- Updated dependencies [e42e2badf]
+- Updated dependencies [33da3144e]
+- Updated dependencies [7f3abee55]
+- Updated dependencies [6fcda9bf2]
+- Updated dependencies [0a4e90dbd]
+- Updated dependencies [58ad82e94]
+- Updated dependencies [a0f0c9d6b]
+- Updated dependencies [f2be367e9]
+- Updated dependencies [1972fd16a]
+- Updated dependencies [99801c2d1]
+- Updated dependencies [86910f5e2]
+- Updated dependencies [cb7b794d0]
+  - @hi-ui/picker@5.0.0-experimental.0
+  - @hi-ui/input@5.0.0-experimental.0
+  - @hi-ui/popper@5.0.0-experimental.0
+  - @hi-ui/icons@5.0.0-experimental.0
+  - @hi-ui/virtual-list@5.0.0-experimental.0
+  - @hi-ui/core@5.0.0-experimental.0
+  - @hi-ui/use-check-state@5.0.0-experimental.0
+  - @hi-ui/use-data-source@5.0.0-experimental.0
+  - @hi-ui/use-latest@5.0.0-experimental.0
+  - @hi-ui/use-search-mode@5.0.0-experimental.0
+  - @hi-ui/use-toggle@5.0.0-experimental.0
+  - @hi-ui/use-uncontrolled-state@5.0.0-experimental.0
+  - @hi-ui/highlighter@5.0.0-experimental.0
+  - @hi-ui/spinner@5.0.0-experimental.0
+  - @hi-ui/array-utils@5.0.0-experimental.0
+  - @hi-ui/classname@5.0.0-experimental.0
+  - @hi-ui/env@5.0.0-experimental.0
+  - @hi-ui/func-utils@5.0.0-experimental.0
+  - @hi-ui/tree-utils@5.0.0-experimental.0
+  - @hi-ui/type-assertion@5.0.0-experimental.0
+
+## 4.5.2
 
 ### Patch Changes
 
-- Updated dependencies [6c4bf35af]
-  - @hi-ui/input@5.0.0-canary.2
+- [#3415](https://github.com/XiaoMi/hiui/pull/3415) [`e7a09db`](https://github.com/XiaoMi/hiui/commit/e7a09db7f75022fee82a254a74a2ec17c6b03638) Thanks [@zyprepare](https://github.com/zyprepare)! - fix(cascader): 修复在异步加载数据下,首次打开弹窗没有定位到已选节点位置的问题 (#3414)
 
-## 5.0.0-canary.1
+## 4.5.1
 
 ### Patch Changes
 
-- 3903bd4ff: fix: 修复 5.0 UI 问题 (5.0)
-- Updated dependencies [3903bd4ff]
-  - @hi-ui/input@5.0.0-canary.1
-  - @hi-ui/picker@5.0.0-canary.1
+- [#3407](https://github.com/XiaoMi/hiui/pull/3407) [`4a1444965`](https://github.com/XiaoMi/hiui/commit/4a1444965bdeeeb12333e43a05caa2e76d74eb47) Thanks [@zyprepare](https://github.com/zyprepare)! - perf(cascader): 体验优化：每次打开菜单时自动定位到已选节点 (#3406)
 
-## 5.0.0-canary.0
+- Updated dependencies [[`b2de718e9`](https://github.com/XiaoMi/hiui/commit/b2de718e9fd12dbe8fa1d762c6924696c19bc924)]:
+  - @hi-ui/core@4.0.11
 
-### Major Changes
-
-- 225ebaa51: feat: 组件的 package.json 中的 exports 统一加上 types 配置 (5.0)
+## 4.5.0
 
 ### Minor Changes
 
-- 428716024: <br>
-  - feat(picker): 下拉选择类组件增加 xs 尺寸 (5.0)
-  - feat(input): 输入框组件增加 xs 尺寸 (5.0)
+- [#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 [428716024]
-- Updated dependencies [225ebaa51]
-- Updated dependencies [428716024]
-  - @hi-ui/input@5.0.0-canary.0
-  - @hi-ui/picker@5.0.0-canary.0
-  - @hi-ui/core@5.0.0-canary.0
-  - @hi-ui/use-check-state@5.0.0-canary.0
-  - @hi-ui/use-data-source@5.0.0-canary.0
-  - @hi-ui/use-latest@5.0.0-canary.0
-  - @hi-ui/use-search-mode@5.0.0-canary.0
-  - @hi-ui/use-toggle@5.0.0-canary.0
-  - @hi-ui/use-uncontrolled-state@5.0.0-canary.0
-  - @hi-ui/icons@5.0.0-canary.0
-  - @hi-ui/highlighter@5.0.0-canary.0
-  - @hi-ui/popper@5.0.0-canary.0
-  - @hi-ui/spinner@5.0.0-canary.0
-  - @hi-ui/array-utils@5.0.0-canary.0
-  - @hi-ui/classname@5.0.0-canary.0
-  - @hi-ui/env@5.0.0-canary.0
-  - @hi-ui/func-utils@5.0.0-canary.0
-  - @hi-ui/tree-utils@5.0.0-canary.0
-  - @hi-ui/type-assertion@5.0.0-canary.0
+- Updated dependencies [[`dc1311a91`](https://github.com/XiaoMi/hiui/commit/dc1311a917518bc5debef755a9fcd4e33fb58790)]:
+  - @hi-ui/use-search-mode@4.2.1
 
 ## 4.4.1
 

package/lib/cjs/Cascader.js

@@ -47,6 +47,7 @@ var NOOP_ARRAY = [];
  * Trigger + MenuList + Search
  */
 var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _a;
   var _props$prefixCls = props.prefixCls,
     prefixCls = _props$prefixCls === void 0 ? _prefix : _props$prefixCls,
     className = props.className,
@@ -69,6 +70,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     searchableProp = props.searchable,
     keywordProp = props.keyword,
     onSearchProp = props.onSearch,
+    clearSearchOnClosed = props.clearSearchOnClosed,
     titleRender = props.render,
     overlayClassName = props.overlayClassName,
     _props$data = props.data,
@@ -76,8 +78,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$flattedSearchR = props.flattedSearchResult,
     flattedSearchResult = _props$flattedSearchR === void 0 ? true : _props$flattedSearchR,
     visible = props.visible,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'md' : _props$size,
+    sizeProp = props.size,
     prefix = props.prefix,
     suffix = props.suffix,
     onOpen = props.onOpen,
@@ -90,7 +91,15 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     customRender = props.customRender,
     label = props.label,
     virtual = props.virtual,
-    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"]);
+    onItemClickProp = props.onItemClick,
+    _props$showIndicator = props.showIndicator,
+    showIndicator = _props$showIndicator === void 0 ? true : _props$showIndicator,
+    renderExtraHeader = props.renderExtraHeader,
+    changeOnSelect = props.changeOnSelect,
+    rest = tslib.__rest(props, ["prefixCls", "className", "placeholder", "disabled", "clearable", "type", "fieldNames", "expandTrigger", "displayRender", "onSelect", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "keyword", "onSearch", "clearSearchOnClosed", "render", "overlayClassName", "data", "flattedSearchResult", "visible", "size", "prefix", "suffix", "onOpen", "onClose", "onClear", "renderExtraFooter", "dropdownColumnRender", "closeOnSelect", "customRender", "label", "virtual", "onItemClick", "showIndicator", "renderExtraHeader", "changeOnSelect"]);
+  var _useGlobalContext = core.useGlobalContext(),
+    globalSize = _useGlobalContext.size;
+  var size = (_a = sizeProp !== null && sizeProp !== void 0 ? sizeProp : globalSize) !== null && _a !== void 0 ? _a : 'md';
   var i18n = core.useLocaleContext();
   var pickerInnerRef = React.useRef(null);
   var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('cascader.placeholder') : placeholderProp;
@@ -140,7 +149,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     flattedData: flattedData,
     enabled: searchableProp,
     exclude: function exclude(node) {
-      return node.disabled;
+      return node.disabled || (changeOnSelect ? false : node.children);
     }
     // exclude: (option: FlattedCascaderDataItem) => {
     //   return checkCanLoadChildren(option, onLoadChildren)
@@ -180,7 +189,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var shouldUseSearch = !!searchValue;
   // 搜索的结果列表也采用 flatted 模式进行展示
   var flatted = shouldUseSearch ? flattedSearchResult : type === 'flatted';
-  var _a = useCascader.useCascader(Object.assign(Object.assign({}, rest), {
+  var _b = useCascader.useCascader(Object.assign(Object.assign({}, rest), {
       disabled: disabled,
       fieldNames: fieldNames,
       flatted: flatted,
@@ -190,13 +199,15 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       // @ts-ignore
       cascaderData: cascaderData,
       setCascaderData: setCascaderData,
-      flattedData: flattedData
+      flattedData: flattedData,
+      changeOnSelect: changeOnSelect
     })),
-    rootProps = _a.rootProps,
-    context$1 = tslib.__rest(_a, ["rootProps"]);
+    rootProps = _b.rootProps,
+    context$1 = tslib.__rest(_b, ["rootProps"]);
   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 () {
@@ -222,6 +233,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;
@@ -230,13 +249,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,
-      virtual: virtual
+      virtual: virtual,
+      onItemClickProp: onItemClickProp
     })
   }, /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
     ref: ref,
@@ -257,7 +282,9 @@ 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, {
+    clearSearchOnClosed: clearSearchOnClosed,
+    header: renderExtraHeader === null || renderExtraHeader === void 0 ? void 0 : renderExtraHeader(),
+    trigger: customRender ? customRenderContent : ( /*#__PURE__*/React__default["default"].createElement(input.MockInput, {
       style: {
         maxWidth: appearance === 'contained' ? '360px' : undefined
       },
@@ -267,6 +294,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       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],

package/lib/cjs/CascaderMenuList.js

@@ -22,13 +22,14 @@ 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');
+var VirtualList = require('@hi-ui/virtual-list');
 function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var VirtualList__default = /*#__PURE__*/_interopDefaultCompat(VirtualList);
 var menuListPrefix = classname.getPrefixCls('cascader-menu-list');
 var CascaderMenuList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
@@ -78,7 +79,7 @@ var CascaderMenu = function CascaderMenu(_ref) {
     className: cls,
     style: style,
     role: role
-  }, typeAssertion.isArrayNonEmpty(menu) ? virtual ? ( /*#__PURE__*/React__default["default"].createElement(List["default"], Object.assign({
+  }, typeAssertion.isArrayNonEmpty(menu) ? virtual ? ( /*#__PURE__*/React__default["default"].createElement(VirtualList__default["default"], Object.assign({
     itemKey: 'id',
     fullHeight: false
   }, virtualListProps), function (option) {
@@ -103,6 +104,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     disabledContext = _useCascaderContext3.disabled,
     expandTrigger = _useCascaderContext3.expandTrigger,
     onItemClick = _useCascaderContext3.onItemClick,
+    onItemClickProp = _useCascaderContext3.onItemClickProp,
     onItemHover = _useCascaderContext3.onItemHover,
     titleRender = _useCascaderContext3.titleRender,
     onLoadChildren = _useCascaderContext3.onLoadChildren,
@@ -117,12 +119,14 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     ref: ref,
     key: option.id,
     role: "menu-item",
-    className: prefixCls + "-item"
+    className: prefixCls + "-item",
+    title: typeof option.title === 'string' ? option.title : undefined
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: optionCls,
-    onClick: function onClick() {
+    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;

package/lib/cjs/hooks/use-async-switch.js

@@ -62,53 +62,56 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
     addLoadingIds = _useCheckState.add,
     removeLoadingIds = _useCheckState.remove;
   var onExpandLatest = useLatest.useLatestCallback(onExpand);
-  var onNodeSwitch = React.useCallback(function (node, onlyExpand) {
-    if (onlyExpand === void 0) {
-      onlyExpand = false;
+  var onNodeSwitch = React.useCallback(function (node_1) {
+    for (var _len = arguments.length, args_1 = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args_1[_key - 1] = arguments[_key];
     }
-    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
+    return tslib.__awaiter(void 0, [node_1].concat(args_1), void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(node, onlyExpand) {
       var id, children, isLeaf;
       return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
+              if (onlyExpand === void 0) {
+                onlyExpand = false;
+              }
               // 直接触发选中该节点
               onExpandLatest(node, onlyExpand);
               id = node.id, children = node.children, isLeaf = node.isLeaf;
               if (!children) {
-                _context2.next = 4;
+                _context2.next = 5;
                 break;
               }
               return _context2.abrupt("return");
-            case 4:
+            case 5:
               if (!isLeaf) {
-                _context2.next = 6;
+                _context2.next = 7;
                 break;
               }
               return _context2.abrupt("return");
-            case 6:
+            case 7:
               if (!onLoadChildren) {
-                _context2.next = 17;
+                _context2.next = 18;
                 break;
               }
               addLoadingIds(id);
-              _context2.prev = 8;
-              _context2.next = 11;
+              _context2.prev = 9;
+              _context2.next = 12;
               return loadChildren(node);
-            case 11:
+            case 12:
               removeLoadingIds(id);
-              _context2.next = 17;
+              _context2.next = 18;
               break;
-            case 14:
-              _context2.prev = 14;
-              _context2.t0 = _context2["catch"](8);
+            case 15:
+              _context2.prev = 15;
+              _context2.t0 = _context2["catch"](9);
               removeLoadingIds(id);
-            case 17:
+            case 18:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[8, 14]]);
+      }, _callee2, null, [[9, 15]]);
     }));
   }, [loadChildren, onLoadChildren, onExpandLatest, addLoadingIds, removeLoadingIds]);
   return [isLoadingId, onNodeSwitch];

package/lib/cjs/icons/index.js

@@ -23,13 +23,10 @@ function _interopDefaultCompat(e) {
 }
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var defaultSuffixIcon = /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null);
-var defaultLeafIcon = /*#__PURE__*/React__default["default"].createElement("span", {
-  style: {
-    display: 'inline-block',
-    width: 16
-  }
+var defaultLeafIcon = null;
+var defaultLoadingIcon = /*#__PURE__*/React__default["default"].createElement(spinner.Spinner, {
+  size: "sm"
 });
-var defaultLoadingIcon = /*#__PURE__*/React__default["default"].createElement(spinner.Spinner, null);
 exports.defaultLeafIcon = defaultLeafIcon;
 exports.defaultLoadingIcon = defaultLoadingIcon;
 exports.defaultSuffixIcon = defaultSuffixIcon;

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

@@ -12,7 +12,7 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var css_248z = "@charset \"UTF-8\";.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: 140px;max-height: 260px;overflow: auto;padding: 0 var(--hi-v5-spacing-3, 6px);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-3, 6px);-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);}.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, #abadb2);}.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 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: 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-800, #1a1d26);}.hi-v5-cascader-search {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 var(--hi-v5-spacing-5, 10px) var(--hi-v5-spacing-5, 10px);position: relative;}.hi-v5-cascader-search .hi-v5-input__prefix {font-size: var(--hi-v5-text-size-lg, 1rem);-webkit-padding-start: 0;padding-inline-start: 0;}.hi-v5-cascader-search__empty {display: inline-block;-webkit-margin-before: var(--hi-v5-spacing-10, 20px);margin-block-start: var(--hi-v5-spacing-10, 20px);font-size: var(--hi-v5-text-size-md, 0.875rem);font-weight: var(--hi-v5-text-weight-normal, 400);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);color: var(--hi-v5-color-gray-800, #1a1d26);}.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: var(--hi-v5-spacing-2, 4px);}.hi-v5-cascader-menu:not(:last-of-type) {-webkit-border-end: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-gray-300, #e6e8eb);border-inline-end: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-gray-300, #e6e8eb);}.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-100, #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: var(--hi-v5-text-weight-bold, 700);}.hi-v5-cascader-menu-option.hi-v5-cascader-menu-option--disabled {cursor: not-allowed;color: var(--hi-v5-color-gray-600, #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-500, #babcc2);}.hi-v5-cascader-menu .title__text {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.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: var(--hi-v5-text-size-lg, 1rem);color: var(--hi-v5-color-gray-600, #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/use-cascader.js

@@ -99,9 +99,13 @@ var useCascader = function useCascader(_a) {
   var reset = React.useCallback(function () {
     setSelectedId(value[value.length - 1]);
   }, [setSelectedId, value]);
+  var clear = React.useCallback(function () {
+    setSelectedId(value[value.length <= 1 ? 0 : value.length - 2]);
+  }, [setSelectedId, value]);
   return {
     rootProps: rest,
     reset: reset,
+    clear: clear,
     flattedData: flattedData,
     value: value,
     tryChangeValue: tryChangeValue,

package/lib/cjs/utils/index.js

@@ -107,6 +107,7 @@ var getFilteredMenuList = function getFilteredMenuList(menuList, searchedData) {
       item = item.parent;
     }
   });
+  if (result.length === 0) return result;
   return menuList.map(function (depthItems, depth) {
     var depthSavedMp = result[depth];
     if (!depthSavedMp) return depthItems;