@hi-ui/cascader 4.0.0-beta.4 → 4.0.0-beta.40

package/lib/cjs/Cascader.js

@@ -31,8 +31,6 @@ var input = require('@hi-ui/input');
 
 var icons = require('@hi-ui/icons');
 
-var index$2 = require('./icons/index.js');
-
 var index$1 = require('./utils/index.js');
 
 var context = require('./context.js');
@@ -45,12 +43,16 @@ var picker = require('@hi-ui/picker');
 
 var useSearchMode = require('@hi-ui/use-search-mode');
 
-var lodash = require('lodash');
+var arrayUtils = require('@hi-ui/array-utils');
 
 var index = require('./hooks/use-cache/lib/esm/index.js');
 
 var localeContext = require('@hi-ui/locale-context');
 
+var funcUtils = require('@hi-ui/func-utils');
+
+var CascaderMenuList = require('./CascaderMenuList.js');
+
 function _interopDefaultLegacy(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
@@ -88,19 +90,22 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       invalid = props.invalid,
       filterOption = props.filterOption,
       searchableProp = props.searchable,
+      onSearchProp = props.onSearch,
       titleRender = props.render,
       overlayClassName = props.overlayClassName,
       _props$data = props.data,
       data = _props$data === void 0 ? NOOP_ARRAY : _props$data,
+      visible = props.visible,
       onOpen = props.onOpen,
       onClose = props.onClose,
-      rest = tslib.__rest(props, ["prefixCls", "className", "placeholder", "disabled", "clearable", "type", "fieldNames", "expandTrigger", "displayRender", "onSelect", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "render", "overlayClassName", "data", "onOpen", "onClose"]);
+      rest = tslib.__rest(props, ["prefixCls", "className", "placeholder", "disabled", "clearable", "type", "fieldNames", "expandTrigger", "displayRender", "onSelect", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "onSearch", "render", "overlayClassName", "data", "visible", "onOpen", "onClose"]);
 
   var i18n = localeContext.useLocaleContext();
   var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('cascader.placeholder') : placeholderProp;
   var flatted = type === 'flatted';
 
   var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
+    visible: visible,
     disabled: disabled,
     onOpen: onOpen,
     onClose: onClose
@@ -184,7 +189,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
       return acc;
     }, []);
-    return /*#__PURE__*/React__default['default'].createElement("span", {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
       className: "title__text"
     }, mergedTitle);
   };
@@ -228,19 +233,19 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var mergedData = React.useMemo(function () {
     if (selectedItem) {
       var nextData = [selectedItem].concat(flattedData);
-      return lodash.uniqBy(nextData, 'id');
+      return arrayUtils.uniqBy(nextData, 'id');
     }
 
     return flattedData;
   }, [selectedItem, flattedData]);
   var cls = classname.cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
-  return /*#__PURE__*/React__default['default'].createElement(context.CascaderProvider, {
+  return /*#__PURE__*/React__default["default"].createElement(context.CascaderProvider, {
     value: Object.assign(Object.assign({}, context$1), {
       expandTrigger: expandTrigger,
       titleRender: proxyTitleRender,
       menuList: showData
     })
-  }, /*#__PURE__*/React__default['default'].createElement(picker.Picker, Object.assign({
+  }, /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
     ref: ref,
     className: cls,
     overlayClassName: classname.cx(prefixCls + "__popper", overlayClassName)
@@ -254,12 +259,12 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onOpen: menuVisibleAction.on,
     onClose: menuVisibleAction.off,
     searchable: searchable,
-    onSearch: onSearch,
-    trigger: /*#__PURE__*/React__default['default'].createElement(input.MockInput, {
+    onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
+    trigger: /*#__PURE__*/React__default["default"].createElement(input.MockInput, {
       clearable: clearable,
       placeholder: placeholder,
       displayRender: displayRender,
-      suffix: menuVisible ? /*#__PURE__*/React__default['default'].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null),
+      suffix: menuVisible ? /*#__PURE__*/React__default["default"].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null),
       focused: menuVisible,
       value: value[value.length - 1],
       onChange: function onChange() {
@@ -269,139 +274,13 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       invalid: invalid,
       appearance: appearance
     })
-  }), typeAssertion.isArrayNonEmpty(showData) ? /*#__PURE__*/React__default['default'].createElement(CascaderMenuList, null) : null));
+  }), typeAssertion.isArrayNonEmpty(showData) ? /*#__PURE__*/React__default["default"].createElement(CascaderMenuList.CascaderMenuList, null) : null));
 });
 
 if (env.__DEV__) {
   Cascader.displayName = 'Cascader';
 }
 
-var menuListPrefix = classname.getPrefixCls('cascader-menu-list');
-var CascaderMenuList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? menuListPrefix : _a$prefixCls,
-      className = _a.className,
-      rest = tslib.__rest(_a, ["prefixCls", "className"]);
-
-  var _useCascaderContext = context.useCascaderContext(),
-      flatted = _useCascaderContext.flatted,
-      menuList = _useCascaderContext.menuList;
-
-  var cls = classname.cx(prefixCls, className, flatted && prefixCls + "--flatted");
-  return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
-    ref: ref,
-    className: cls
-  }, rest), menuList.map(function (menu, menuIndex) {
-    // @ts-ignore
-    return typeAssertion.isArrayNonEmpty(menu) ? /*#__PURE__*/React__default['default'].createElement(CascaderMenu, {
-      key: menuIndex,
-      data: menu
-    }) : null;
-  }));
-});
-
-if (env.__DEV__) {
-  CascaderMenuList.displayName = 'CascaderMenuList';
-}
-
-var menuPrefix = classname.getPrefixCls('cascader-menu');
-
-var CascaderMenu = function CascaderMenu(_ref2) {
-  var _ref2$prefixCls = _ref2.prefixCls,
-      prefixCls = _ref2$prefixCls === void 0 ? menuPrefix : _ref2$prefixCls,
-      _ref2$role = _ref2.role,
-      role = _ref2$role === void 0 ? 'menu' : _ref2$role,
-      className = _ref2.className,
-      menu = _ref2.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;
-
-  var cls = classname.cx(prefixCls, className);
-  return /*#__PURE__*/React__default['default'].createElement("ul", {
-    className: cls,
-    role: role
-  }, menu.map(function (option) {
-    var eventOption = index$1.getItemEventData(option, getItemRequiredProps(option));
-    var selected = eventOption.selected,
-        loading = eventOption.loading;
-    var disabled = disabledContext || option.disabled;
-    var optionCls = classname.cx(prefixCls + "-option", loading && prefixCls + "-option--loading", disabled && prefixCls + "-option--disabled", selected && prefixCls + "-option--selected");
-    return /*#__PURE__*/React__default['default'].createElement("li", {
-      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))));
-  }));
-};
-/**
- * 渲染菜单子项的展开提示图标
- */
-
-
-var renderSuffix = function renderSuffix(prefixCls, item, loading, onLoadChildren) {
-  if (loading) {
-    return /*#__PURE__*/React__default['default'].createElement("span", {
-      className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--loading")
-    }, index$2.defaultLoadingIcon);
-  }
-
-  var canLoadChildren = index$1.checkCanLoadChildren(item, onLoadChildren);
-
-  if (canLoadChildren) {
-    return /*#__PURE__*/React__default['default'].createElement("span", {
-      className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--arrow")
-    }, index$2.defaultSuffixIcon);
-  }
-
-  return /*#__PURE__*/React__default['default'].createElement("span", {
-    className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--noop")
-  }, index$2.defaultLeafIcon);
-};
-
-var renderFlattedTitle = function renderFlattedTitle(option, titleRender) {
-  // 如果 titleRender 返回 `true`，则使用默认 title
-  var title = titleRender ? titleRender(option) : true;
-  if (title !== true) return title;
-  return /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "title__text title__text--cols"
-  }, treeUtils.getTopDownAncestors(option).map(function (item) {
-    return /*#__PURE__*/React__default['default'].createElement("span", {
-      key: item.id,
-      className: "title__text--col"
-    }, item.title);
-  }));
-};
-
-var renderDefaultTitle = function renderDefaultTitle(option, titleRender) {
-  // 如果 titleRender 返回 `true`，则使用默认 title
-  var title = titleRender ? titleRender(option) : true;
-  if (title !== true) return title;
-  return /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "title__text"
-  }, option.title);
-};
-
 var renderHighlightTitle = function renderHighlightTitle(keyword, option, titleRender) {
   // 如果 titleRender 返回 `true`，则使用默认 title
   var title = titleRender ? titleRender(option, keyword) : true;
@@ -413,12 +292,12 @@ var renderHighlightTitle = function renderHighlightTitle(keyword, option, titleR
   }
 
   var found = false;
-  return /*#__PURE__*/React__default['default'].createElement("span", {
+  return /*#__PURE__*/React__default["default"].createElement("span", {
     className: classname.cx("title__text", "title__text--cols")
   }, treeUtils.getNodeAncestorsWithMe(option).map(function (item) {
     var title = item.title,
         id = item.id;
-    var raw = /*#__PURE__*/React__default['default'].createElement("span", {
+    var raw = /*#__PURE__*/React__default["default"].createElement("span", {
       className: "title__text--col",
       key: id
     }, title);
@@ -429,16 +308,13 @@ var renderHighlightTitle = function renderHighlightTitle(keyword, option, titleR
     found = true;
     var beforeStr = title.substr(0, index);
     var afterStr = title.substr(index + keyword.length);
-    return /*#__PURE__*/React__default['default'].createElement("span", {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
       key: id,
       className: "title__text--col"
-    }, beforeStr, /*#__PURE__*/React__default['default'].createElement("span", {
+    }, beforeStr, /*#__PURE__*/React__default["default"].createElement("span", {
       className: "title__text--matched"
     }, keyword), afterStr);
   }).reverse());
 };
 
 exports.Cascader = Cascader;
-exports.CascaderMenu = CascaderMenu;
-exports.CascaderMenuList = CascaderMenuList;
-//# sourceMappingURL=Cascader.js.map

package/lib/cjs/CascaderMenuList.js

@@ -0,0 +1,172 @@
+/** @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 _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var tslib = require('tslib');
+
+var React = require('react');
+
+var classname = require('@hi-ui/classname');
+
+var env = require('@hi-ui/env');
+
+var index$1 = require('./icons/index.js');
+
+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');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var menuListPrefix = classname.getPrefixCls('cascader-menu-list');
+var CascaderMenuList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? menuListPrefix : _a$prefixCls,
+      className = _a.className,
+      rest = tslib.__rest(_a, ["prefixCls", "className"]);
+
+  var _useCascaderContext = context.useCascaderContext(),
+      flatted = _useCascaderContext.flatted,
+      menuList = _useCascaderContext.menuList;
+
+  var cls = classname.cx(prefixCls, className, flatted && prefixCls + "--flatted");
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+    ref: ref,
+    className: cls
+  }, rest), menuList.map(function (menu, menuIndex) {
+    // @ts-ignore
+    return typeAssertion.isArrayNonEmpty(menu) ? /*#__PURE__*/React__default["default"].createElement(CascaderMenu, {
+      key: menuIndex,
+      data: menu
+    }) : null;
+  }));
+});
+
+if (env.__DEV__) {
+  CascaderMenuList.displayName = 'CascaderMenuList';
+}
+
+var menuPrefix = classname.getPrefixCls('cascader-menu');
+
+var CascaderMenu = function CascaderMenu(_ref) {
+  var _ref$prefixCls = _ref.prefixCls,
+      prefixCls = _ref$prefixCls === void 0 ? menuPrefix : _ref$prefixCls,
+      _ref$role = _ref.role,
+      role = _ref$role === void 0 ? 'menu' : _ref$role,
+      className = _ref.className,
+      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;
+
+  var cls = classname.cx(prefixCls, className);
+  return /*#__PURE__*/React__default["default"].createElement("ul", {
+    className: cls,
+    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", {
+      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))));
+  }));
+};
+/**
+ * 渲染菜单子项的展开提示图标
+ */
+
+
+var renderSuffix = function renderSuffix(prefixCls, item, loading, onLoadChildren) {
+  if (loading) {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
+      className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--loading")
+    }, index$1.defaultLoadingIcon);
+  }
+
+  var canLoadChildren = index.checkCanLoadChildren(item, onLoadChildren);
+
+  if (canLoadChildren) {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
+      className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--arrow")
+    }, index$1.defaultSuffixIcon);
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("span", {
+    className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--noop")
+  }, index$1.defaultLeafIcon);
+};
+
+var renderFlattedTitle = function renderFlattedTitle(option, titleRender) {
+  // 如果 titleRender 返回 `true`，则使用默认 title
+  var title = titleRender ? titleRender(option) : true;
+  if (title !== true) return title;
+  return /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "title__text title__text--cols"
+  }, treeUtils.getTopDownAncestors(option).map(function (item) {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
+      key: item.id,
+      className: "title__text--col"
+    }, item.title);
+  }));
+};
+
+var renderDefaultTitle = function renderDefaultTitle(option, titleRender) {
+  // 如果 titleRender 返回 `true`，则使用默认 title
+  var title = titleRender ? titleRender(option) : true;
+  if (title !== true) return title;
+  return /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "title__text"
+  }, option.title);
+};
+
+exports.CascaderMenu = CascaderMenu;
+exports.CascaderMenuList = CascaderMenuList;

package/lib/cjs/context.js

@@ -30,4 +30,3 @@ var useCascaderContext = function useCascaderContext() {
 
 exports.CascaderProvider = CascaderProvider;
 exports.useCascaderContext = useCascaderContext;
-//# sourceMappingURL=context.js.map

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

@@ -39,9 +39,9 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
   var onLoadChildrenLatest = useLatest.useLatestCallback(onLoadChildren); // 加载节点
 
   var loadChildren = React.useCallback(function (node) {
-    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee() {
+    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
       var childrenNodes;
-      return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -82,9 +82,9 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
       onlyExpand = false;
     }
 
-    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee2() {
+    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
       var id, children, isLeaf;
-      return _regeneratorRuntime__default['default'].wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
@@ -140,4 +140,3 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
 };
 
 exports.useAsyncSwitch = useAsyncSwitch;
-//# sourceMappingURL=use-async-switch.js.map

package/lib/cjs/hooks/use-cache/lib/esm/index.js

@@ -41,4 +41,3 @@ var useCache = function useCache(data) {
 };
 
 exports.useCache = useCache;
-//# sourceMappingURL=index.js.map

package/lib/cjs/hooks/use-select.js

@@ -65,4 +65,3 @@ var useSelect = function useSelect(disabled, onSelect, changeOnSelect, onLoadChi
 };
 
 exports.useSelect = useSelect;
-//# sourceMappingURL=use-select.js.map

package/lib/cjs/icons/index.js

@@ -29,15 +29,14 @@ function _interopDefaultLegacy(e) {
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var defaultSuffixIcon = /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null);
-var defaultLeafIcon = /*#__PURE__*/React__default['default'].createElement("span", {
+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 defaultLoadingIcon = /*#__PURE__*/React__default['default'].createElement(spinner.Spinner, null);
+var defaultLoadingIcon = /*#__PURE__*/React__default["default"].createElement(spinner.Spinner, null);
 exports.defaultLeafIcon = defaultLeafIcon;
 exports.defaultLoadingIcon = defaultLoadingIcon;
 exports.defaultSuffixIcon = defaultSuffixIcon;
-//# sourceMappingURL=index.js.map

package/lib/cjs/index.js

@@ -18,7 +18,4 @@ require('./styles/index.scss.js');
 var Cascader = require('./Cascader.js');
 
 exports.Cascader = Cascader.Cascader;
-exports.CascaderMenu = Cascader.CascaderMenu;
-exports.CascaderMenuList = Cascader.CascaderMenuList;
 exports["default"] = Cascader.Cascader;
-//# sourceMappingURL=index.js.map

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

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

package/lib/cjs/use-cascader.js

@@ -105,12 +105,13 @@ var useCascader = function useCascader(_a) {
     var id = _ref3.id,
         depth = _ref3.depth;
     return {
+      active: value[depth] === id,
       selected: flatted ? selectedId === id : selectedIds[depth] === id,
       loading: isLoadingId(id),
       // TODO: 表示聚焦状态，添加快捷键时可以一起处理
       focused: false
     };
-  }, [flatted, selectedId, selectedIds, isLoadingId]);
+  }, [flatted, selectedId, selectedIds, isLoadingId, value]);
   var reset = React.useCallback(function () {
     setSelectedId(value[value.length - 1]);
   }, [setSelectedId, value]);
@@ -132,4 +133,3 @@ var useCascader = function useCascader(_a) {
 };
 
 exports.useCascader = useCascader;
-//# sourceMappingURL=use-cascader.js.map

package/lib/cjs/utils/index.js

@@ -116,4 +116,3 @@ exports.getActiveMenus = getActiveMenus;
 exports.getActiveNodePaths = getActiveNodePaths;
 exports.getFlattedMenus = getFlattedMenus;
 exports.getItemEventData = getItemEventData;
-//# sourceMappingURL=index.js.map