@hi-ui/cascader 4.1.2 → 4.1.3

package/lib/esm/Cascader.js

@@ -27,96 +27,84 @@ import { useLocaleContext } from '@hi-ui/core';
 import { callAllFuncs } from '@hi-ui/func-utils';
 import { CascaderMenuList } from './CascaderMenuList.js';
 import Highlighter from '@hi-ui/highlighter';
-
 var _prefix = getPrefixCls('cascader');
-
 var NOOP_ARRAY = [];
 /**
  * 级联选择器
  * Trigger + MenuList + Search
  */
-
 var Cascader = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? _prefix : _props$prefixCls,
-      className = props.className,
-      placeholderProp = props.placeholder,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$clearable = props.clearable,
-      clearable = _props$clearable === void 0 ? true : _props$clearable,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'tree' : _props$type,
-      fieldNames = props.fieldNames,
-      _props$expandTrigger = props.expandTrigger,
-      expandTrigger = _props$expandTrigger === void 0 ? 'click' : _props$expandTrigger,
-      displayRenderProp = props.displayRender,
-      onSelectProp = props.onSelect,
-      onLoadChildren = props.onLoadChildren,
-      appearance = props.appearance,
-      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,
-      _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,
-      onOpen = props.onOpen,
-      onClose = props.onClose,
-      renderExtraFooter = props.renderExtraFooter,
-      dropdownColumnRender = props.dropdownColumnRender,
-      rest = __rest(props, ["prefixCls", "className", "placeholder", "disabled", "clearable", "type", "fieldNames", "expandTrigger", "displayRender", "onSelect", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "onSearch", "render", "overlayClassName", "data", "flattedSearchResult", "visible", "size", "onOpen", "onClose", "renderExtraFooter", "dropdownColumnRender"]);
-
+    prefixCls = _props$prefixCls === void 0 ? _prefix : _props$prefixCls,
+    className = props.className,
+    placeholderProp = props.placeholder,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$clearable = props.clearable,
+    clearable = _props$clearable === void 0 ? true : _props$clearable,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'tree' : _props$type,
+    fieldNames = props.fieldNames,
+    _props$expandTrigger = props.expandTrigger,
+    expandTrigger = _props$expandTrigger === void 0 ? 'click' : _props$expandTrigger,
+    displayRenderProp = props.displayRender,
+    onSelectProp = props.onSelect,
+    onLoadChildren = props.onLoadChildren,
+    appearance = props.appearance,
+    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,
+    _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,
+    onOpen = props.onOpen,
+    onClose = props.onClose,
+    renderExtraFooter = props.renderExtraFooter,
+    dropdownColumnRender = props.dropdownColumnRender,
+    rest = __rest(props, ["prefixCls", "className", "placeholder", "disabled", "clearable", "type", "fieldNames", "expandTrigger", "displayRender", "onSelect", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "onSearch", "render", "overlayClassName", "data", "flattedSearchResult", "visible", "size", "onOpen", "onClose", "renderExtraFooter", "dropdownColumnRender"]);
   var i18n = useLocaleContext();
   var placeholder = isUndef(placeholderProp) ? i18n.get('cascader.placeholder') : placeholderProp;
-
   var _useUncontrolledToggl = useUncontrolledToggle({
-    visible: visible,
-    disabled: disabled,
-    onOpen: onOpen,
-    onClose: onClose
-  }),
-      menuVisible = _useUncontrolledToggl[0],
-      menuVisibleAction = _useUncontrolledToggl[1]; // 搜索时临时选中缓存数据
-
-
+      visible: visible,
+      disabled: disabled,
+      onOpen: onOpen,
+      onClose: onClose
+    }),
+    menuVisible = _useUncontrolledToggl[0],
+    menuVisibleAction = _useUncontrolledToggl[1];
+  // 搜索时临时选中缓存数据
   var _useState = useState(null),
-      selectedItem = _useState[0],
-      setSelectedItem = _useState[1];
-
+    selectedItem = _useState[0],
+    setSelectedItem = _useState[1];
   var onSelect = function onSelect(value, item, itemPaths) {
     onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(value, item, itemPaths);
-    setSelectedItem(item); // 关闭弹窗
-
+    setSelectedItem(item);
+    // 关闭弹窗
     menuVisibleAction.off();
-  }; // 拦截 titleRender，自定义高亮展示
-
-
+  };
+  // 拦截 titleRender，自定义高亮展示
   var proxyTitleRender = function proxyTitleRender(node) {
     // 本地搜索执行默认高亮规则
     var highlight = !!searchValue && searchMode === 'upMatch';
-
     if (highlight) {
       return flattedSearchResult ? renderHighlightTitles(searchValue, node, titleRender) : renderHighlightTitle(searchValue, node, titleRender);
     }
-
     return isFunction(titleRender) ? titleRender(node) : true;
   };
-
   var _useCache = useCache(data),
-      cascaderData = _useCache[0],
-      setCascaderData = _useCache[1];
-
+    cascaderData = _useCache[0],
+    setCascaderData = _useCache[1];
   var flattedData = useMemo(function () {
     return flattenTreeData(cascaderData, fieldNames);
-  }, [cascaderData, fieldNames]); // ************************** 异步搜索 ************************* //
-
+  }, [cascaderData, fieldNames]);
+  // ************************** 异步搜索 ************************* //
   var customSearchStrategy = useTreeCustomSearch({
     data: flattedData,
     filterOption: filterOption
@@ -127,80 +115,70 @@ var Cascader = /*#__PURE__*/forwardRef(function (props, ref) {
     enabled: searchableProp,
     exclude: function exclude(node) {
       return node.disabled;
-    } // exclude: (option: FlattedCascaderDataItem) => {
+    }
+    // exclude: (option: FlattedCascaderDataItem) => {
     //   return checkCanLoadChildren(option, onLoadChildren)
     // },
-
   });
 
   var _useSearchMode = useSearchMode({
-    searchable: searchableProp,
-    strategies: [customSearchStrategy, upMatchSearchStrategy]
-  }),
-      stateInSearch = _useSearchMode.state,
-      searchable = _useSearchMode.searchable,
-      searchMode = _useSearchMode.searchMode,
-      onSearch = _useSearchMode.onSearch,
-      searchValue = _useSearchMode.keyword;
-
+      searchable: searchableProp,
+      strategies: [customSearchStrategy, upMatchSearchStrategy]
+    }),
+    stateInSearch = _useSearchMode.state,
+    searchable = _useSearchMode.searchable,
+    searchMode = _useSearchMode.searchMode,
+    onSearch = _useSearchMode.onSearch,
+    searchValue = _useSearchMode.keyword;
   var displayRender = function displayRender(item) {
     var itemPaths = getTopDownAncestors(item);
-
     if (displayRenderProp) {
       var eventOption = getItemEventData(item, getItemRequiredProps(item));
       return displayRenderProp(eventOption, itemPaths.map(function (item) {
         return getItemEventData(item, getItemRequiredProps(item));
       }));
     }
-
     var mergedTitle = itemPaths.reduce(function (acc, item, index, _ref) {
       var length = _ref.length;
       acc.push(item.title);
-
       if (length - 1 !== index) {
         acc.push('/');
       }
-
       return acc;
     }, []);
     return /*#__PURE__*/React.createElement("span", {
       className: "title__text"
     }, mergedTitle);
   };
-
-  var shouldUseSearch = !!searchValue; // 搜索的结果列表也采用 flatted 模式进行展示
-
+  var shouldUseSearch = !!searchValue;
+  // 搜索的结果列表也采用 flatted 模式进行展示
   var flatted = shouldUseSearch ? flattedSearchResult : type === 'flatted';
-
   var _a = useCascader(Object.assign(Object.assign({}, rest), {
-    disabled: disabled,
-    fieldNames: fieldNames,
-    flatted: flatted,
-    onSelect: onSelect,
-    onLoadChildren: onLoadChildren,
-    data: data,
-    // @ts-ignore
-    cascaderData: cascaderData,
-    setCascaderData: setCascaderData,
-    flattedData: flattedData
-  })),
-      rootProps = _a.rootProps,
-      context = __rest(_a, ["rootProps"]);
-
+      disabled: disabled,
+      fieldNames: fieldNames,
+      flatted: flatted,
+      onSelect: onSelect,
+      onLoadChildren: onLoadChildren,
+      data: data,
+      // @ts-ignore
+      cascaderData: cascaderData,
+      setCascaderData: setCascaderData,
+      flattedData: flattedData
+    })),
+    rootProps = _a.rootProps,
+    context = __rest(_a, ["rootProps"]);
   var value = context.value,
-      tryChangeValue = context.tryChangeValue,
-      reset = context.reset,
-      menuList = context.menuList,
-      getItemRequiredProps = context.getItemRequiredProps;
+    tryChangeValue = context.tryChangeValue,
+    reset = context.reset,
+    menuList = context.menuList,
+    getItemRequiredProps = context.getItemRequiredProps;
   var showData = useMemo(function () {
     if (shouldUseSearch) {
       if (!flattedSearchResult) {
         return getFilteredMenuList(menuList, stateInSearch.data);
       }
-
       return isArrayNonEmpty(stateInSearch.data) ? [stateInSearch.data] : [];
     }
-
     return menuList;
   }, [shouldUseSearch, flattedSearchResult, stateInSearch.data, menuList]);
   useEffect(function () {
@@ -208,14 +186,13 @@ var Cascader = /*#__PURE__*/forwardRef(function (props, ref) {
     if (!menuVisible) {
       reset();
     }
-  }, [menuVisible, reset]); // 下拉菜单不能合并（因为树形数据，不知道是第几级）
-
+  }, [menuVisible, reset]);
+  // 下拉菜单不能合并（因为树形数据，不知道是第几级）
   var mergedData = useMemo(function () {
     if (selectedItem) {
       var nextData = [selectedItem].concat(flattedData);
       return uniqBy(nextData, 'id');
     }
-
     return flattedData;
   }, [selectedItem, flattedData]);
   var cls = cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
@@ -260,11 +237,9 @@ var Cascader = /*#__PURE__*/forwardRef(function (props, ref) {
     })
   }), isArrayNonEmpty(showData) ? /*#__PURE__*/React.createElement(CascaderMenuList, null) : null));
 });
-
 if (__DEV__) {
   Cascader.displayName = 'Cascader';
 }
-
 var renderHighlightTitle = function renderHighlightTitle(keyword, option, titleRender) {
   // 如果 titleRender 返回 `true`，则使用默认 title
   var title = titleRender ? titleRender(option, keyword) : true;
@@ -274,23 +249,20 @@ var renderHighlightTitle = function renderHighlightTitle(keyword, option, titleR
     keyword: keyword
   }, option.title);
 };
-
 var renderHighlightTitles = function renderHighlightTitles(keyword, option, titleRender) {
   // 如果 titleRender 返回 `true`，则使用默认 title
   var title = titleRender ? titleRender(option, keyword) : true;
   if (title !== true) return title;
-
   if (typeof option.title !== 'string') {
     console.info('WARNING: The `option.title` should be `string` when searchable is enabled.');
     return option.title;
   }
-
   var found = false;
   return /*#__PURE__*/React.createElement("span", {
     className: cx("title__text", "title__text--cols")
   }, getNodeAncestorsWithMe(option).map(function (item) {
     var title = item.title,
-        id = item.id;
+      id = item.id;
     var raw = /*#__PURE__*/React.createElement("span", {
       className: "title__text--col",
       key: id
@@ -310,5 +282,4 @@ var renderHighlightTitles = function renderHighlightTitles(keyword, option, titl
     }, keyword), afterStr);
   }).reverse());
 };
-
 export { Cascader };

package/lib/esm/CascaderMenuList.js

@@ -19,15 +19,13 @@ import { isArrayNonEmpty, isFunction } from '@hi-ui/type-assertion';
 var menuListPrefix = getPrefixCls('cascader-menu-list');
 var CascaderMenuList = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? menuListPrefix : _a$prefixCls,
-      className = _a.className,
-      rest = __rest(_a, ["prefixCls", "className"]);
-
+    prefixCls = _a$prefixCls === void 0 ? menuListPrefix : _a$prefixCls,
+    className = _a.className,
+    rest = __rest(_a, ["prefixCls", "className"]);
   var _useCascaderContext = useCascaderContext(),
-      flatted = _useCascaderContext.flatted,
-      menuList = _useCascaderContext.menuList,
-      dropdownColumnRender = _useCascaderContext.dropdownColumnRender;
-
+    flatted = _useCascaderContext.flatted,
+    menuList = _useCascaderContext.menuList,
+    dropdownColumnRender = _useCascaderContext.dropdownColumnRender;
   var cls = cx(prefixCls, className, flatted && prefixCls + "--flatted");
   return /*#__PURE__*/React.createElement("div", Object.assign({
     ref: ref,
@@ -42,32 +40,27 @@ var CascaderMenuList = /*#__PURE__*/forwardRef(function (_a, ref) {
     }) : null;
   }));
 });
-
 if (__DEV__) {
   CascaderMenuList.displayName = 'CascaderMenuList';
 }
-
 var menuPrefix = 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,
-      style = _ref.style,
-      menu = _ref.data;
-
+    prefixCls = _ref$prefixCls === void 0 ? menuPrefix : _ref$prefixCls,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? 'menu' : _ref$role,
+    className = _ref.className,
+    style = _ref.style,
+    menu = _ref.data;
   var _useCascaderContext2 = 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;
-
+    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 = cx(prefixCls, className);
   return /*#__PURE__*/React.createElement("ul", {
     className: cls,
@@ -76,8 +69,8 @@ var CascaderMenu = function CascaderMenu(_ref) {
   }, menu.map(function (option) {
     var eventOption = getItemEventData(option, getItemRequiredProps(option));
     var selected = eventOption.selected,
-        loading = eventOption.loading,
-        active = eventOption.active;
+      loading = eventOption.loading,
+      active = eventOption.active;
     var disabled = disabledContext || option.disabled;
     var optionCls = cx(prefixCls + "-option", active && prefixCls + "-option--active", loading && prefixCls + "-option--loading", disabled && prefixCls + "-option--disabled", selected && prefixCls + "-option--selected");
     return /*#__PURE__*/React.createElement("li", {
@@ -92,7 +85,6 @@ var CascaderMenu = function CascaderMenu(_ref) {
       },
       onMouseEnter: function onMouseEnter() {
         if (disabled) return;
-
         if (expandTrigger === 'hover') {
           onItemHover(eventOption);
         }
@@ -103,28 +95,22 @@ var CascaderMenu = function CascaderMenu(_ref) {
 /**
  * 渲染菜单子项的展开提示图标
  */
-
-
 var renderSuffix = function renderSuffix(prefixCls, item, loading, onLoadChildren) {
   if (loading) {
     return /*#__PURE__*/React.createElement("span", {
       className: cx(prefixCls + "-switcher", prefixCls + "-switcher--loading")
     }, defaultLoadingIcon);
   }
-
   var canLoadChildren = checkCanLoadChildren(item, onLoadChildren);
-
   if (canLoadChildren) {
     return /*#__PURE__*/React.createElement("span", {
       className: cx(prefixCls + "-switcher", prefixCls + "-switcher--arrow")
     }, defaultSuffixIcon);
   }
-
   return /*#__PURE__*/React.createElement("span", {
     className: cx(prefixCls + "-switcher", prefixCls + "-switcher--noop")
   }, defaultLeafIcon);
 };
-
 var renderFlattedTitle = function renderFlattedTitle(option, titleRender) {
   // 如果 titleRender 返回 `true`，则使用默认 title
   var title = titleRender ? titleRender(option) : true;
@@ -138,7 +124,6 @@ var renderFlattedTitle = function renderFlattedTitle(option, titleRender) {
     }, item.title);
   }));
 };
-
 var renderDefaultTitle = function renderDefaultTitle(option, titleRender) {
   // 如果 titleRender 返回 `true`，则使用默认 title
   var title = titleRender ? titleRender(option) : true;
@@ -147,5 +132,4 @@ var renderDefaultTitle = function renderDefaultTitle(option, titleRender) {
     className: "title__text"
   }, option.title);
 };
-
 export { CascaderMenu, CascaderMenuList };

package/lib/esm/context.js

@@ -10,15 +10,11 @@
 import { useContext, createContext } from 'react';
 var cascaderContext = /*#__PURE__*/createContext(null);
 var CascaderProvider = cascaderContext.Provider;
-
 var useCascaderContext = function useCascaderContext() {
   var context = useContext(cascaderContext);
-
   if (!context) {
     throw new Error('The cascaderContext context should using in Cascader.');
   }
-
   return context;
 };
-
 export { CascaderProvider, useCascaderContext };

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

@@ -13,10 +13,9 @@ import { useCallback } from 'react';
 import { useLatestCallback } from '@hi-ui/use-latest';
 import { cloneTree, addChildrenById, getTopDownAncestors } from '@hi-ui/tree-utils';
 import { useCheckState } from '@hi-ui/use-check-state';
-
 var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadChildren) {
-  var onLoadChildrenLatest = useLatestCallback(onLoadChildren); // 加载节点
-
+  var onLoadChildrenLatest = useLatestCallback(onLoadChildren);
+  // 加载节点
   var loadChildren = useCallback(function (node) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var childrenNodes;
@@ -29,10 +28,8 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
                 var id = _ref.id;
                 return id;
               }));
-
             case 2:
               childrenNodes = _context.sent;
-
               if (Array.isArray(childrenNodes)) {
                 setCascaderData(function (prev) {
                   var nextTreeData = cloneTree(prev);
@@ -40,7 +37,6 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
                   return nextTreeData;
                 });
               }
-
             case 4:
             case "end":
               return _context.stop();
@@ -49,18 +45,15 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
       }, _callee);
     }));
   }, [onLoadChildrenLatest, setCascaderData]);
-
   var _useCheckState = useCheckState(),
-      isLoadingId = _useCheckState.has,
-      addLoadingIds = _useCheckState.add,
-      removeLoadingIds = _useCheckState.remove;
-
+    isLoadingId = _useCheckState.has,
+    addLoadingIds = _useCheckState.add,
+    removeLoadingIds = _useCheckState.remove;
   var onExpandLatest = useLatestCallback(onExpand);
   var onNodeSwitch = useCallback(function (node, onlyExpand) {
     if (onlyExpand === void 0) {
       onlyExpand = false;
     }
-
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var id, children, isLeaf;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -70,43 +63,34 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
               // 直接触发选中该节点
               onExpandLatest(node, onlyExpand);
               id = node.id, children = node.children, isLeaf = node.isLeaf;
-
               if (!children) {
                 _context2.next = 4;
                 break;
               }
-
               return _context2.abrupt("return");
-
             case 4:
               if (!isLeaf) {
                 _context2.next = 6;
                 break;
               }
-
               return _context2.abrupt("return");
-
             case 6:
               if (!onLoadChildren) {
                 _context2.next = 17;
                 break;
               }
-
               addLoadingIds(id);
               _context2.prev = 8;
               _context2.next = 11;
               return loadChildren(node);
-
             case 11:
               removeLoadingIds(id);
               _context2.next = 17;
               break;
-
             case 14:
               _context2.prev = 14;
               _context2.t0 = _context2["catch"](8);
               removeLoadingIds(id);
-
             case 17:
             case "end":
               return _context2.stop();
@@ -117,5 +101,4 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
   }, [loadChildren, onLoadChildren, onExpandLatest, addLoadingIds, removeLoadingIds]);
   return [isLoadingId, onNodeSwitch];
 };
-
 export { useAsyncSwitch };

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

@@ -8,6 +8,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { useState, useEffect } from 'react';
+
 /** @LICENSE
  * @hi-ui/use-cache
  * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-cache#readme
@@ -21,16 +22,13 @@ import { useState, useEffect } from 'react';
 /**
  * A hook using for data cache that compatible with the controlled and uncontrolled modes coexist.
  */
-
 var useCache = function useCache(data) {
   var _useState = useState(data),
-      internalData = _useState[0],
-      setInternalData = _useState[1];
-
+    internalData = _useState[0],
+    setInternalData = _useState[1];
   useEffect(function () {
     setInternalData(data);
   }, [data]);
   return [internalData, setInternalData];
 };
-
 export { useCache };

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

@@ -11,20 +11,17 @@ import { useState, useCallback } from 'react';
 import { useLatestCallback } from '@hi-ui/use-latest';
 import { getTopDownAncestors } from '@hi-ui/tree-utils';
 import { checkCanLoadChildren } from '../utils/index.js';
+
 /**
  * 用于选中的 hook
  */
-
 var useSelect = function useSelect(disabled, onSelect, changeOnSelect, onLoadChildren) {
   var onSelectLatest = useLatestCallback(onSelect);
-
   var _useState = useState(''),
-      selectedId = _useState[0],
-      setSelectedId = _useState[1];
-
+    selectedId = _useState[0],
+    setSelectedId = _useState[1];
   var proxyOnSelect = useCallback(function (selectedId, selectOption) {
     var optionPaths = getTopDownAncestors(selectOption);
-
     if (changeOnSelect) {
       // 任意选中
       onSelectLatest(selectedId, selectOption, optionPaths);
@@ -38,11 +35,9 @@ var useSelect = function useSelect(disabled, onSelect, changeOnSelect, onLoadChi
   var onItemSelect = useCallback(function (targetItem, onlyExpand) {
     if (disabled) return;
     if (targetItem.disabled) return;
-
     if (onlyExpand) {
       // 仅展开，不做选中处理
       var canLoadChildren = checkCanLoadChildren(targetItem, onLoadChildren);
-
       if (canLoadChildren) {
         setSelectedId(targetItem.id);
       }
@@ -53,5 +48,4 @@ var useSelect = function useSelect(disabled, onSelect, changeOnSelect, onLoadChi
   }, [disabled, proxyOnSelect, onLoadChildren]);
   return [selectedId, onItemSelect, setSelectedId];
 };
-
 export { useSelect };

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

@@ -9,7 +9,5 @@
  */
 import __styleInject__ from 'style-inject';
 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);}}";
-
 __styleInject__(css_248z);
-
 export { css_248z as default };