@hi-ui/check-cascader 4.2.1 → 4.2.3

package/lib/cjs/utils/index.js

@@ -9,21 +9,15 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var treeUtils = require('@hi-ui/tree-utils');
-
 var typeAssertion = require('@hi-ui/type-assertion');
+
 /**
  * 扁平化树数据结构，基于前序遍历
  *
  * @param treeData
  * @returns
  */
-
-
 var flattenTreeData = function flattenTreeData(treeData, fieldNames) {
   /**
    * 转换对象
@@ -32,10 +26,8 @@ var flattenTreeData = function flattenTreeData(treeData, fieldNames) {
     if (fieldNames) {
       return node[fieldNames[key] || key];
     }
-
     return node[key];
   };
-
   return treeUtils.baseFlattenTree({
     tree: treeData,
     childrenFieldName: function childrenFieldName(node) {
@@ -43,7 +35,6 @@ var flattenTreeData = function flattenTreeData(treeData, fieldNames) {
     },
     transform: function transform(node) {
       var _a, _b, _c, _d;
-
       var flattedNode = node;
       var raw = node.raw;
       flattedNode.id = getKeyFields(raw, 'id');
@@ -56,7 +47,6 @@ var flattenTreeData = function flattenTreeData(treeData, fieldNames) {
     }
   });
 };
-
 var getActiveMenus = function getActiveMenus(data, selectedIds) {
   if (data.length === 0) return [];
   var root = data[0].parent;
@@ -67,28 +57,23 @@ var getActiveMenus = function getActiveMenus(data, selectedIds) {
     return selectedIds === id;
   });
   if (!selectedOption) return menu;
-
   if (selectedOption.children) {
     menu = [selectedOption.children];
   } else {
     menu = [];
   }
-
   while (selectedOption.parent) {
     menu.push(selectedOption.parent.children);
     selectedOption = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.parent;
   }
-
   return menu.reverse();
 };
-
 var getFlattedMenus = function getFlattedMenus(data) {
   return [data.filter(function (_ref2) {
     var checkable = _ref2.checkable;
     return checkable;
   })];
 };
-
 var getActiveMenuIds = function getActiveMenuIds(data, selectedIds) {
   if (data.length === 0) return [];
   var selectedOption = data.find(function (_ref3) {
@@ -101,7 +86,6 @@ var getActiveMenuIds = function getActiveMenuIds(data, selectedIds) {
     return id;
   });
 };
-
 function getCascaderItemEventData(node, requiredProps) {
   return Object.assign(Object.assign({}, node), requiredProps);
 }
@@ -112,19 +96,14 @@ function getCascaderItemEventData(node, requiredProps) {
  * @param nodeEntries 所有数据的Map 集合
  * @param type 数据回显方式
  */
-
-
 var processCheckedIds = function processCheckedIds(type, checkedIds, flattenData, allowCheck) {
   var keySet = new Set(checkedIds);
-
   switch (type) {
     case 'CHILD':
       return checkedIds.filter(function (id) {
         var node = treeUtils.fFindNodeById(flattenData, id);
-
         if (node) {
           var children = node.children;
-
           if (typeAssertion.isArrayNonEmpty(children)) {
             if (children.filter(allowCheck).every(function (node) {
               return keySet.has(node.id);
@@ -132,48 +111,38 @@ var processCheckedIds = function processCheckedIds(type, checkedIds, flattenData
               return false;
             }
           }
-        } // 没有孩子节点，保留
-
-
+        }
+        // 没有孩子节点，保留
         return true;
       });
-
     case 'PARENT':
       return checkedIds.filter(function (id) {
         var node = treeUtils.fFindNodeById(flattenData, id);
-
         if (node) {
           // 向上递归遍历是否被勾选
           var ancestors = treeUtils.getNodeAncestors(node);
-
           if (ancestors.some(function (parent) {
             return keySet.has(parent.id);
           })) {
             return false;
           }
         }
-
         return true;
       });
   }
-
   return checkedIds;
 };
 /**
  * 根据传入的 checkedIds 解析全选/半选数据
  */
-
-
 var parseCheckDataDirty = function parseCheckDataDirty(type, checkedIds, flattenData, allowCheck) {
   switch (type) {
     case 'CHILD':
     case 'PARENT':
       return dirtyCheck(checkedIds, flattenData, allowCheck);
   }
-
   return checkedIds;
 };
-
 function dirtyCheck(checkedIds, flattenData, allowCheck) {
   var nodeEntities = flattenData.reduce(function (prev, cur) {
     prev[cur.id] = cur;
@@ -183,18 +152,16 @@ function dirtyCheck(checkedIds, flattenData, allowCheck) {
     return !!nodeEntities[id];
   }));
   var depthEntities = new Map();
-  var maxDepth = 0; // Convert entities by depth for calculation
-
+  var maxDepth = 0;
+  // Convert entities by depth for calculation
   Object.keys(nodeEntities).forEach(function (id) {
     var entity = nodeEntities[id];
     var depth = entity.depth;
     var depthSet = depthEntities.get(depth);
-
     if (!depthSet) {
       depthSet = new Set();
       depthEntities.set(depth, depthSet);
     }
-
     depthSet.add(entity);
     maxDepth = Math.max(maxDepth, depth);
   });
@@ -206,8 +173,6 @@ function dirtyCheck(checkedIds, flattenData, allowCheck) {
  *  1. 把所有嵌套孩子节点 allowCheck 的都标记为 checked
  *  2. 祖先节点从下至上维护 checked 状态
  */
-
-
 function fillCheck(checkedIds, depthEntities, nodeEntities, maxDepth, allowCheck) {
   var checkedIdsSet = new Set(checkedIds);
   checkedIdsSet.forEach(function (id) {
@@ -216,37 +181,31 @@ function fillCheck(checkedIds, depthEntities, nodeEntities, maxDepth, allowCheck
     nestedChildren.forEach(function (child) {
       checkedIdsSet.add(child.id);
     });
-  }); // 缓存中间结果，优化查询
-
+  });
+  // 缓存中间结果，优化查询
   var visitedIds = new Map();
-
   for (var depth = maxDepth - 1; depth >= 0; --depth) {
     var entities = depthEntities.get(depth);
     entities === null || entities === void 0 ? void 0 : entities.forEach(function (entity) {
       var id = entity.id,
-          children = entity.children;
+        children = entity.children;
       if (visitedIds.has(id)) return;
-
       if (typeAssertion.isArrayNonEmpty(children)) {
         var shouldChecked = !children.some(function (child) {
           if (visitedIds.has(child.id)) {
             return !visitedIds.get(child.id);
           }
-
           return !checkedIdsSet.has(child.id);
         });
         visitedIds.set(id, shouldChecked);
-
         if (shouldChecked && allowCheck(entity)) {
           checkedIdsSet.add(id);
         }
       }
     });
   }
-
   return Array.from(checkedIdsSet);
 }
-
 exports.flattenTreeData = flattenTreeData;
 exports.getActiveMenuIds = getActiveMenuIds;
 exports.getActiveMenus = getActiveMenus;

package/lib/esm/CheckCascader.js

@@ -25,109 +25,96 @@ import { useLatestCallback } from '@hi-ui/use-latest';
 import { isUndef, isFunction, isArrayNonEmpty } from '@hi-ui/type-assertion';
 import { useLocaleContext } from '@hi-ui/core';
 import { callAllFuncs } from '@hi-ui/func-utils';
-
 var _prefix = getPrefixCls('check-cascader');
-
 var NOOP_ARRAY = [];
 /**
  * 多项级联选择器
  */
-
 var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      className = _a.className,
-      _a$defaultValue = _a.defaultValue,
-      defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
-      valueProp = _a.value,
-      onChange = _a.onChange,
-      _a$data = _a.data,
-      data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
-      placeholderProp = _a.placeholder,
-      clearable = _a.clearable,
-      onSelect = _a.onSelect,
-      expandTrigger = _a.expandTrigger,
-      _a$disabled = _a.disabled,
-      disabled = _a$disabled === void 0 ? false : _a$disabled,
-      changeOnSelect = _a.changeOnSelect,
-      titleRender = _a.render,
-      displayRender = _a.displayRender,
-      checkCascaded = _a.checkCascaded,
-      onLoadChildren = _a.onLoadChildren,
-      appearance = _a.appearance,
-      invalid = _a.invalid,
-      filterOption = _a.filterOption,
-      searchableProp = _a.searchable,
-      onSearchProp = _a.onSearch,
-      overlayClassName = _a.overlayClassName,
-      _a$type = _a.type,
-      type = _a$type === void 0 ? 'tree' : _a$type,
-      checkedMode = _a.checkedMode,
-      visible = _a.visible,
-      onOpen = _a.onOpen,
-      onClose = _a.onClose,
-      tagInputProps = _a.tagInputProps,
-      _a$size = _a.size,
-      size = _a$size === void 0 ? 'md' : _a$size,
-      renderExtraFooter = _a.renderExtraFooter,
-      dropdownColumnRender = _a.dropdownColumnRender,
-      rest = __rest(_a, ["prefixCls", "className", "defaultValue", "value", "onChange", "data", "placeholder", "clearable", "onSelect", "expandTrigger", "disabled", "emptyContent", "changeOnSelect", "render", "displayRender", "checkCascaded", "searchPlaceholder", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "onSearch", "overlayClassName", "type", "checkedMode", "visible", "onOpen", "onClose", "tagInputProps", "size", "renderExtraFooter", "dropdownColumnRender"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    className = _a.className,
+    _a$defaultValue = _a.defaultValue,
+    defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
+    valueProp = _a.value,
+    onChange = _a.onChange,
+    _a$data = _a.data,
+    data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
+    placeholderProp = _a.placeholder,
+    clearable = _a.clearable,
+    onSelect = _a.onSelect,
+    expandTrigger = _a.expandTrigger,
+    _a$disabled = _a.disabled,
+    disabled = _a$disabled === void 0 ? false : _a$disabled,
+    changeOnSelect = _a.changeOnSelect,
+    titleRender = _a.render,
+    displayRender = _a.displayRender,
+    checkCascaded = _a.checkCascaded,
+    onLoadChildren = _a.onLoadChildren,
+    appearance = _a.appearance,
+    invalid = _a.invalid,
+    filterOption = _a.filterOption,
+    searchableProp = _a.searchable,
+    onSearchProp = _a.onSearch,
+    overlayClassName = _a.overlayClassName,
+    _a$type = _a.type,
+    type = _a$type === void 0 ? 'tree' : _a$type,
+    checkedMode = _a.checkedMode,
+    visible = _a.visible,
+    onOpen = _a.onOpen,
+    onClose = _a.onClose,
+    tagInputProps = _a.tagInputProps,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'md' : _a$size,
+    renderExtraFooter = _a.renderExtraFooter,
+    dropdownColumnRender = _a.dropdownColumnRender,
+    rest = __rest(_a, ["prefixCls", "className", "defaultValue", "value", "onChange", "data", "placeholder", "clearable", "onSelect", "expandTrigger", "disabled", "emptyContent", "changeOnSelect", "render", "displayRender", "checkCascaded", "searchPlaceholder", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "onSearch", "overlayClassName", "type", "checkedMode", "visible", "onOpen", "onClose", "tagInputProps", "size", "renderExtraFooter", "dropdownColumnRender"]);
   var i18n = useLocaleContext();
   var placeholder = isUndef(placeholderProp) ? i18n.get('checkCascader.placeholder') : placeholderProp;
   var flatted = type === 'flatted';
-
   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 _useCache = useCache(data),
-      cascaderData = _useCache[0],
-      setCascaderData = _useCache[1];
-
+    cascaderData = _useCache[0],
+    setCascaderData = _useCache[1];
   var flattedData = useMemo(function () {
     return flattenTreeData(cascaderData);
   }, [cascaderData]);
-
   var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChange),
-      _value = _useUncontrolledState[0],
-      tryChangeValue = _useUncontrolledState[1]; // 内部实现使用尾部 id
-
-
+    _value = _useUncontrolledState[0],
+    tryChangeValue = _useUncontrolledState[1];
+  // 内部实现使用尾部 id
   var value = _value.map(function (path) {
     return path[path.length - 1];
   });
-
   var proxyOnChange = useLatestCallback(function (value, item, shouldChecked) {
     var flattedItems = flattedData;
     var itemsPaths = value.map(function (lastId) {
       var item = flattedItems.find(function (item) {
         return item.id === lastId;
       });
-
       if (item) {
         return getTopDownAncestors(item).map(function (_ref) {
           var id = _ref.id;
           return id;
         });
-      } // 对于传入的数据未匹配到，保持不变吐出去
-
-
+      }
+      // 对于传入的数据未匹配到，保持不变吐出去
       var idPaths = _value.find(function (item) {
         return item[item.length - 1] === lastId;
       });
-
       return idPaths || [lastId];
     });
     tryChangeValue(itemsPaths);
-  }); // ************************** 搜索 ************************* //
+  });
+  // ************************** 搜索 ************************* //
   // 无法做异步搜索，因为下拉菜单不能合并（因为树形数据，不知道是第几级）
-
   var customSearchStrategy = useTreeCustomSearch({
     data: flattedData,
     filterOption: filterOption
@@ -140,33 +127,29 @@ var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
       return !node.checkable;
     }
   });
-
   var _useSearchMode = useSearchMode({
-    searchable: searchableProp,
-    strategies: [customSearchStrategy, upMatchSearchStrategy]
-  }),
-      stateInSearch = _useSearchMode.state,
-      searchable = _useSearchMode.searchable,
-      searchMode = _useSearchMode.searchMode,
-      onSearch = _useSearchMode.onSearch,
-      searchValue = _useSearchMode.keyword; // 拦截 titleRender，自定义高亮展示
-
-
+      searchable: searchableProp,
+      strategies: [customSearchStrategy, upMatchSearchStrategy]
+    }),
+    stateInSearch = _useSearchMode.state,
+    searchable = _useSearchMode.searchable,
+    searchMode = _useSearchMode.searchMode,
+    onSearch = _useSearchMode.onSearch,
+    searchValue = _useSearchMode.keyword;
+  // 拦截 titleRender，自定义高亮展示
   var proxyTitleRender = useCallback(function (node) {
     if (titleRender) {
       var _ret = titleRender(node);
-
       if (_ret && _ret !== true) return _ret;
-    } // 本地搜索执行默认高亮规则
-
-
+    }
+    // 本地搜索执行默认高亮规则
     var highlight = !!searchValue && searchMode === 'upMatch';
     var found = false;
     var ret = highlight ? /*#__PURE__*/React.createElement("span", {
       className: cx("title__text", "title__text--cols")
     }, getNodeAncestorsWithMe(node).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
@@ -250,9 +233,7 @@ var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
     dropdownColumnRender: dropdownColumnRender
   }) : null);
 });
-
 if (__DEV__) {
   CheckCascader.displayName = 'CheckCascader';
 }
-
 export { CheckCascader };

package/lib/esm/CheckCascaderMenu.js

@@ -15,40 +15,34 @@ import { useCheckCascaderContext } from './context.js';
 import { getCascaderItemEventData } from './utils/index.js';
 import { getNodeAncestorsWithMe } from '@hi-ui/tree-utils';
 var _role = 'check-cascader-menu';
-
 var _prefix = getPrefixCls(_role);
-
 var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
   var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
-      _ref$role = _ref.role,
-      role = _ref$role === void 0 ? _role : _ref$role,
-      className = _ref.className,
-      style = _ref.style,
-      menu = _ref.data,
-      getCascaderItemRequiredProps = _ref.getCascaderItemRequiredProps;
-
+    prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? _role : _ref$role,
+    className = _ref.className,
+    style = _ref.style,
+    menu = _ref.data,
+    getCascaderItemRequiredProps = _ref.getCascaderItemRequiredProps;
   var _useCheckCascaderCont = useCheckCascaderContext(),
-      _useCheckCascaderCont2 = _useCheckCascaderCont.flatted,
-      flatted = _useCheckCascaderCont2 === void 0 ? false : _useCheckCascaderCont2,
-      _useCheckCascaderCont3 = _useCheckCascaderCont.changeOnSelect,
-      changeOnSelect = _useCheckCascaderCont3 === void 0 ? false : _useCheckCascaderCont3,
-      _useCheckCascaderCont4 = _useCheckCascaderCont.disabled,
-      disabledContext = _useCheckCascaderCont4 === void 0 ? false : _useCheckCascaderCont4,
-      onLoadChildren = _useCheckCascaderCont.onLoadChildren,
-      expandTrigger = _useCheckCascaderCont.expandTrigger,
-      onCheck = _useCheckCascaderCont.onCheck,
-      onSelect = _useCheckCascaderCont.onSelect,
-      titleRender = _useCheckCascaderCont.titleRender;
-
+    _useCheckCascaderCont2 = _useCheckCascaderCont.flatted,
+    flatted = _useCheckCascaderCont2 === void 0 ? false : _useCheckCascaderCont2,
+    _useCheckCascaderCont3 = _useCheckCascaderCont.changeOnSelect,
+    changeOnSelect = _useCheckCascaderCont3 === void 0 ? false : _useCheckCascaderCont3,
+    _useCheckCascaderCont4 = _useCheckCascaderCont.disabled,
+    disabledContext = _useCheckCascaderCont4 === void 0 ? false : _useCheckCascaderCont4,
+    onLoadChildren = _useCheckCascaderCont.onLoadChildren,
+    expandTrigger = _useCheckCascaderCont.expandTrigger,
+    onCheck = _useCheckCascaderCont.onCheck,
+    onSelect = _useCheckCascaderCont.onSelect,
+    titleRender = _useCheckCascaderCont.titleRender;
   var renderTitle = useCallback(function (option) {
     // 如果 titleRender 返回 `true`，则使用默认 title
     var title = titleRender ? titleRender(option) : true;
-
     if (title !== true) {
       return title;
     }
-
     return flatted ? /*#__PURE__*/React.createElement("span", {
       className: cx("title__text", "title__text--cols")
     }, getNodeAncestorsWithMe(option).reverse().map(function (item, index) {
@@ -71,14 +65,14 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
     role: role
   }, menu.map(function (option) {
     var _a;
-
     var eventOption = getCascaderItemEventData(option, getCascaderItemRequiredProps(option));
     var selected = eventOption.selected,
-        checked = eventOption.checked,
-        loading = eventOption.loading,
-        semiChecked = eventOption.semiChecked;
+      checked = eventOption.checked,
+      loading = eventOption.loading,
+      semiChecked = eventOption.semiChecked;
     var disabled = disabledContext || option.disabled;
-    var optionCls = cx(prefixCls + "-option", option.checkable && checked && prefixCls + "-option--checked", // 此处 option.children?.length || !option.checkable 的含义是
+    var optionCls = cx(prefixCls + "-option", option.checkable && checked && prefixCls + "-option--checked",
+    // 此处 option.children?.length || !option.checkable 的含义是
     // 如果存在子节点，则可以展现选择态
     // 不存在子节点，如不是可勾选item，则可以展现勾选态
     selected && (((_a = option.children) === null || _a === void 0 ? void 0 : _a.length) || !option.checkable) && prefixCls + "-option--selected", loading && prefixCls + "-option--loading", disabled && prefixCls + "-option--disabled");
@@ -91,7 +85,6 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
       onClick: function onClick(evt) {
         if (disabled) return;
         onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventOption);
-
         if (changeOnSelect) {
           onCheck === null || onCheck === void 0 ? void 0 : onCheck(eventOption, !checked);
         }
@@ -121,18 +114,14 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
 /**
  * 渲染菜单子项的展开提示图标
  */
-
-
 var renderSuffix = function renderSuffix(prefixCls, node, loading, onLoadChildren) {
   if (loading) {
     return /*#__PURE__*/React.createElement("span", {
       className: cx(prefixCls + "-switcher", prefixCls + "-switcher--loading")
     }, defaultLoadingIcon);
   }
-
   var hasChildren = node.children && node.children.length > 0;
   var canLoadChildren = onLoadChildren && !node.children && !node.isLeaf;
-
   if (hasChildren || canLoadChildren) {
     return /*#__PURE__*/React.createElement("span", {
       className: cx(prefixCls + "-switcher"),
@@ -141,10 +130,8 @@ var renderSuffix = function renderSuffix(prefixCls, node, loading, onLoadChildre
       }
     }, defaultSuffixIcon);
   }
-
   return /*#__PURE__*/React.createElement("span", {
     className: cx(prefixCls + "-switcher", prefixCls + "-switcher--noop")
   }, defaultLeafIcon);
 };
-
 export { CheckCascaderMenu };