@hi-ui/check-select 4.0.0-alpha.5 → 4.0.0-alpha.9

package/lib/cjs/CheckSelect.js

@@ -25,8 +25,6 @@ var env = require('@hi-ui/env');
 
 var Input = require('@hi-ui/input');
 
-var useToggle = require('@hi-ui/use-toggle');
-
 var useCheckSelect = require('./use-check-select.js');
 
 var Popper = require('@hi-ui/popper');
@@ -41,6 +39,10 @@ var Checkbox = require('@hi-ui/checkbox');
 
 var tagInput = require('@hi-ui/tag-input');
 
+var index = require('./utils/type-assertion/lib/esm/index.js');
+
+var VirtualList = require('rc-virtual-list');
+
 function _interopDefaultLegacy(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
@@ -55,6 +57,8 @@ var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
 
 var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
 
+var VirtualList__default = /*#__PURE__*/_interopDefaultLegacy(VirtualList);
+
 var _role = 'check-select';
 
 var _prefix = classname.getPrefixCls(_role);
@@ -76,36 +80,53 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       clearable = _a$clearable === void 0 ? false : _a$clearable,
       _a$searchable = _a.searchable,
       searchable = _a$searchable === void 0 ? false : _a$searchable,
+      _a$wrap = _a.wrap,
+      wrap = _a$wrap === void 0 ? true : _a$wrap,
       placeholder = _a.placeholder,
       displayRenderProp = _a.displayRender,
       onSelectProp = _a.onSelect,
+      height = _a.height,
+      _a$itemHeight = _a.itemHeight,
+      itemHeight = _a$itemHeight === void 0 ? 40 : _a$itemHeight,
+      _a$virtual = _a.virtual,
+      virtual = _a$virtual === void 0 ? true : _a$virtual,
       popper = _a.popper,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "searchable", "placeholder", "displayRender", "onSelect", "popper"]);
-
-  var _useToggle = useToggle.useToggle(),
-      menuVisible = _useToggle[0],
-      menuVisibleAction = _useToggle[1];
+      onOpen = _a.onOpen,
+      onClose = _a.onClose,
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "searchable", "invalid", "wrap", "placeholder", "displayRender", "onSelect", "height", "itemHeight", "virtual", "popper", "onOpen", "onClose"]);
 
   var _useState = React.useState(null),
       targetElRef = _useState[0],
       setTargetElRef = _useState[1];
 
+  var _useState2 = React.useState(false),
+      menuVisible = _useState2[0],
+      setMenuVisible = _useState2[1];
+
+  var onOpenLatest = useLatest.useLatestCallback(onOpen);
+  var onCloseLatest = useLatest.useLatestCallback(onClose);
+  var closeMenu = React.useCallback(function () {
+    if (disabled) return;
+    setMenuVisible(false);
+    onOpenLatest();
+  }, [disabled, onOpenLatest]);
   var openMenu = React.useCallback(function () {
     if (disabled) return;
-    menuVisibleAction.on();
-  }, [disabled, menuVisibleAction]);
-  var onSelectLatest = useLatest.useLatestCallback(onSelectProp);
+    setMenuVisible(true);
+    onCloseLatest();
+  }, [disabled, onCloseLatest]);
   var displayRender = React.useCallback(function (item) {
-    if (displayRenderProp) {
+    if (index.isFunction(displayRenderProp)) {
       return displayRenderProp(item);
     }
 
     return item.title;
-  }, [displayRenderProp]); // @ts-ignore
+  }, [displayRenderProp]);
+  var onSelectLatest = useLatest.useLatestCallback(onSelectProp);
 
   var _b = useCheckSelect.useCheckSelect(Object.assign(Object.assign({}, rest), {
-    onSelect: onSelectLatest,
-    children: children
+    children: children,
+    onSelect: onSelectLatest
   })),
       rootProps = _b.rootProps,
       context$1 = tslib.__rest(_b, ["rootProps"]);
@@ -113,14 +134,31 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var value = context$1.value,
       tryChangeValue = context$1.tryChangeValue,
       selectData = context$1.data;
-  var cls = classname.cx(prefixCls, className);
-  return /*#__PURE__*/React__default['default'].createElement(context.SelectProvider, {
+  var virtualData = React.useMemo(function () {
+    return selectData.reduce(function (acc, cur, index) {
+      if ('groupTitle' in cur) {
+        acc.push({
+          id: "group-" + index,
+          groupTitle: cur.groupTitle,
+          rootProps: cur.rootProps
+        });
+        return acc.concat(cur.children);
+      }
+
+      acc.push(cur);
+      return acc;
+    }, []);
+  }, [selectData]);
+  var cls = classname.cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed')); // TODO: tagInput 内部支持支持多种模式切换
+
+  var TagInput = wrap ? tagInput.TagInput : tagInput.TagInputMock;
+  return /*#__PURE__*/React__default['default'].createElement(context.CheckSelectProvider, {
     value: context$1
   }, /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
     ref: ref,
     role: role,
     className: cls
-  }, rootProps), /*#__PURE__*/React__default['default'].createElement(tagInput.TagInput, {
+  }, rootProps), /*#__PURE__*/React__default['default'].createElement(TagInput, {
     ref: setTargetElRef,
     onClick: openMenu,
     disabled: disabled,
@@ -128,20 +166,30 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     placeholder: placeholder,
     data: selectData,
     value: value,
+    wrap: wrap,
     onChange: tryChangeValue,
     displayRender: displayRender,
     suffix: /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null)
   }), /*#__PURE__*/React__default['default'].createElement(Popper__default['default'], Object.assign({}, popper, {
     attachEl: targetElRef,
     visible: menuVisible,
-    onClose: menuVisibleAction.off
+    onClose: closeMenu
   }), /*#__PURE__*/React__default['default'].createElement("div", {
     className: prefixCls + "-panel"
-  }, searchable ? /*#__PURE__*/React__default['default'].createElement(SelectSearch, null) : null, selectData.map(function (item) {
-    return /*#__PURE__*/React__default['default'].createElement(CheckSelectOption, {
-      key: item.id,
-      option: item
-    });
+  }, searchable ? /*#__PURE__*/React__default['default'].createElement(CheckSelectSearch, null) : null, /*#__PURE__*/React__default['default'].createElement(VirtualList__default['default'], {
+    itemKey: "id",
+    fullHeight: false,
+    height: height,
+    itemHeight: itemHeight,
+    virtual: virtual,
+    data: virtualData
+  }, function (node) {
+    /* 反向 map，搜索删选数据时会对数据进行处理 */
+    return 'groupTitle' in node ? /*#__PURE__*/React__default['default'].createElement(CheckSelectOptionGroup, Object.assign({
+      label: node.groupTitle
+    }, node.rootProps)) : /*#__PURE__*/React__default['default'].createElement(CheckSelectOption, Object.assign({
+      option: node
+    }, node.rootProps));
   })))));
 }); // @ts-ignore
 
@@ -152,33 +200,41 @@ if (env.__DEV__) {
 }
 
 var searchPrefix = classname.getPrefixCls('check-select-search');
-var SelectSearch = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+/**
+ * TODO: What is CheckSelectSearch
+ */
+
+var CheckSelectSearch = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls2 = _a.prefixCls,
       prefixCls = _a$prefixCls2 === void 0 ? searchPrefix : _a$prefixCls2,
       className = _a.className,
       rest = tslib.__rest(_a, ["prefixCls", "className"]);
 
-  var _useSelectContext = context.useSelectContext(),
-      isEmpty = _useSelectContext.isEmpty,
-      emptyContent = _useSelectContext.emptyContent,
-      getSearchInputProps = _useSelectContext.getSearchInputProps;
+  var _useCheckSelectContex = context.useCheckSelectContext(),
+      isEmpty = _useCheckSelectContex.isEmpty,
+      emptyContent = _useCheckSelectContex.emptyContent,
+      getSearchInputProps = _useCheckSelectContex.getSearchInputProps;
 
   return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
     ref: ref,
     className: classname.cx(prefixCls, className)
-  }, rest), /*#__PURE__*/React__default['default'].createElement(Input__default['default'], Object.assign({
+  }, rest), /*#__PURE__*/React__default['default'].createElement(Input__default['default'], Object.assign({}, getSearchInputProps(), {
     appearance: "underline",
     prefix: /*#__PURE__*/React__default['default'].createElement(icons.SearchOutlined, null)
-  }, getSearchInputProps())), isEmpty ? /*#__PURE__*/React__default['default'].createElement("span", {
+  })), isEmpty ? /*#__PURE__*/React__default['default'].createElement("span", {
     className: prefixCls + "__empty"
   }, emptyContent) : null);
 });
 
 if (env.__DEV__) {
-  SelectSearch.displayName = 'SelectSearch';
+  CheckSelectSearch.displayName = 'CheckSelectSearch';
 }
 
 var optionPrefix = classname.getPrefixCls('check-select-option');
+/**
+ * TODO: What is CheckSelectOption
+ */
+
 var CheckSelectOption = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls3 = _a.prefixCls,
       prefixCls = _a$prefixCls3 === void 0 ? optionPrefix : _a$prefixCls3,
@@ -188,13 +244,15 @@ var CheckSelectOption = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       onClick = _a.onClick,
       rest = tslib.__rest(_a, ["prefixCls", "className", "children", "option", "onClick"]);
 
-  var _useSelectContext2 = context.useSelectContext(),
-      isSelectedId = _useSelectContext2.isSelectedId,
-      onSelect = _useSelectContext2.onSelect,
-      titleRender = _useSelectContext2.titleRender;
+  var _useCheckSelectContex2 = context.useCheckSelectContext(),
+      isSelectedId = _useCheckSelectContex2.isSelectedId,
+      onSelect = _useCheckSelectContex2.onSelect,
+      titleRender = _useCheckSelectContex2.titleRender;
 
   var checked = isSelectedId(option.id);
-  var cls = classname.cx(prefixCls, className, checked && prefixCls + "--selected");
+  var _option$disabled = option.disabled,
+      disabled = _option$disabled === void 0 ? false : _option$disabled;
+  var cls = classname.cx(prefixCls, className, checked && prefixCls + "--selected", disabled && prefixCls + "--disabled");
   var handleOptionCheck = React.useCallback(function (evt) {
     onSelect(option, !checked);
     onClick === null || onClick === void 0 ? void 0 : onClick(evt);
@@ -209,7 +267,8 @@ var CheckSelectOption = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, rest, {
     onClick: handleOptionCheck
   }), title === true ? /*#__PURE__*/React__default['default'].createElement(Checkbox__default['default'], {
-    checked: checked
+    checked: checked,
+    disabled: option.disabled
   }, option.title) : title);
 }); // @ts-ignore
 
@@ -218,8 +277,33 @@ CheckSelectOption.HiName = 'CheckSelectOption';
 if (env.__DEV__) {
   CheckSelectOption.displayName = 'CheckSelectOption';
 }
+/**
+ * TODO: What is CheckSelectOptionGroup
+ */
+
+
+var CheckSelectOptionGroup = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _a$prefixCls4 = _a.prefixCls,
+      prefixCls = _a$prefixCls4 === void 0 ? optionPrefix : _a$prefixCls4,
+      className = _a.className,
+      label = _a.label,
+      rest = tslib.__rest(_a, ["prefixCls", "className", "children", "label", "onClick"]);
+
+  var cls = classname.cx(prefixCls, className);
+  return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
+    ref: ref,
+    className: cls
+  }, rest), /*#__PURE__*/React__default['default'].createElement("span", null, label));
+}); // @ts-ignore
+
+CheckSelectOptionGroup.HiName = 'CheckSelectOptionGroup';
+
+if (env.__DEV__) {
+  CheckSelectOptionGroup.displayName = 'CheckSelectOptionGroup';
+}
 
 exports.CheckSelect = CheckSelect;
 exports.CheckSelectOption = CheckSelectOption;
-exports.SelectSearch = SelectSearch;
+exports.CheckSelectOptionGroup = CheckSelectOptionGroup;
+exports.CheckSelectSearch = CheckSelectSearch;
 //# sourceMappingURL=CheckSelect.js.map

package/lib/cjs/CheckSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckSelect.js","sources":["../../src/CheckSelect.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","CheckSelect","forwardRef","_a","ref","prefixCls","role","className","children","disabled","clearable","searchable","placeholder","displayRenderProp","displayRender","onSelectProp","onSelect","popper","rest","useToggle","menuVisible","menuVisibleAction","useState","targetElRef","setTargetElRef","openMenu","useCallback","on","onSelectLatest","useLatestCallback","item","title","_b","useCheckSelect","rootProps","context","value","tryChangeValue","selectData","data","cls","cx","React","SelectProvider","TagInput","onClick","onChange","suffix","DownOutlined","Popper","attachEl","visible","onClose","off","SelectSearch","map","CheckSelectOption","key","id","option","HiName","__DEV__","displayName","searchPrefix","useSelectContext","isEmpty","emptyContent","getSearchInputProps","Input","appearance","prefix","SearchOutlined","optionPrefix","isSelectedId","titleRender","checked","handleOptionCheck","evt","Checkbox"],"mappings":"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"}
+{"version":3,"file":"CheckSelect.js","sources":["../../src/CheckSelect.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","CheckSelect","forwardRef","_a","ref","prefixCls","role","className","children","disabled","clearable","searchable","wrap","placeholder","displayRenderProp","displayRender","onSelectProp","onSelect","height","itemHeight","virtual","popper","onOpen","onClose","rest","useState","targetElRef","setTargetElRef","menuVisible","setMenuVisible","onOpenLatest","useLatestCallback","onCloseLatest","closeMenu","useCallback","openMenu","item","isFunction","title","onSelectLatest","_b","useCheckSelect","rootProps","context","value","tryChangeValue","selectData","data","virtualData","useMemo","reduce","acc","cur","index","push","id","groupTitle","concat","cls","cx","TagInput","TagInputDefault","TagInputMock","React","CheckSelectProvider","onClick","onChange","suffix","DownOutlined","Popper","attachEl","visible","CheckSelectSearch","VirtualList","itemKey","fullHeight","node","CheckSelectOptionGroup","label","CheckSelectOption","option","HiName","__DEV__","displayName","searchPrefix","useCheckSelectContext","isEmpty","emptyContent","getSearchInputProps","Input","appearance","prefix","SearchOutlined","optionPrefix","isSelectedId","titleRender","checked","handleOptionCheck","evt","Checkbox"],"mappings":"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"}

package/lib/cjs/context.js

@@ -15,19 +15,19 @@ Object.defineProperty(exports, '__esModule', {
 
 var React = require('react');
 
-var selectContext = /*#__PURE__*/React.createContext(null);
-var SelectProvider = selectContext.Provider;
+var checkSelectContext = /*#__PURE__*/React.createContext(null);
+var CheckSelectProvider = checkSelectContext.Provider;
 
-var useSelectContext = function useSelectContext() {
-  var context = React.useContext(selectContext);
+var useCheckSelectContext = function useCheckSelectContext() {
+  var context = React.useContext(checkSelectContext);
 
   if (!context) {
-    throw new Error('The selectContext context should using in Cascader.');
+    throw new Error('The checkSelectContext context should using in CheckSelect.');
   }
 
   return context;
 };
 
-exports.SelectProvider = SelectProvider;
-exports.useSelectContext = useSelectContext;
+exports.CheckSelectProvider = CheckSelectProvider;
+exports.useCheckSelectContext = useCheckSelectContext;
 //# sourceMappingURL=context.js.map

package/lib/cjs/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/context.ts"],"sourcesContent":[null],"names":["selectContext","createContext","SelectProvider","Provider","useSelectContext","context","useContext","Error"],"mappings":";;;;;;;;;;;;;;;;;AAIA,IAAMA,aAAa,gBAAGC,mBAAAA,CAAyD,IAAzDA,CAAtB;IAEaC,cAAc,GAAGF,aAAa,CAACG;;IAE/BC,gBAAgB,GAAG,SAAnBA,gBAAmB;MACxBC,OAAO,GAAGC,gBAAAA,CAAWN,aAAXM;;MAEZ,CAACD,SAAS;UACN,IAAIE,KAAJ,CAAU,qDAAV;;;SAGDF;;;;"}
+{"version":3,"file":"context.js","sources":["../../src/context.ts"],"sourcesContent":[null],"names":["checkSelectContext","createContext","CheckSelectProvider","Provider","useCheckSelectContext","context","useContext","Error"],"mappings":";;;;;;;;;;;;;;;;;AAIA,IAAMA,kBAAkB,gBAAGC,mBAAAA,CAAyD,IAAzDA,CAA3B;IAEaC,mBAAmB,GAAGF,kBAAkB,CAACG;;IAEzCC,qBAAqB,GAAG,SAAxBA,qBAAwB;MAC7BC,OAAO,GAAGC,gBAAAA,CAAWN,kBAAXM;;MAEZ,CAACD,SAAS;UACN,IAAIE,KAAJ,CAAU,6DAAV;;;SAGDF;;;;"}

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

@@ -18,6 +18,8 @@ var React = require('react');
 var useLatest = require('@hi-ui/use-latest');
 
 var env = require('@hi-ui/env');
+
+var index = require('../utils/type-assertion/lib/esm/index.js');
 /**
  * 支持搜索功能的 hook
  */
@@ -39,7 +41,7 @@ var useSearch = function useSearch(flattedData, filter) {
 
     var matchedNodes = getMatchedNodes(flattedDataRef.current, nextSearchValue, filter);
     setMatchedNodes(matchedNodes);
-  }, [flattedDataRef]);
+  }, [flattedDataRef, filter]);
   var inputProps = React.useMemo(function () {
     return {
       value: searchValue,
@@ -60,21 +62,92 @@ var useSearch = function useSearch(flattedData, filter) {
 
 var getMatchedNodes = function getMatchedNodes(flattedData, searchValue, filter) {
   if (!searchValue) return [];
-  return flattedData.filter(function (node) {
-    var _a, _b;
+  var matchedResult = [];
+  var shouldFilter = index.isFunction(filter); // 1. 先对于 groupTitle 匹配
+  // 2. 若未匹配到。再对其 children 进行 title 匹配
+
+  var _loop = function _loop(i) {
+    var optionOrGroup = flattedData[i];
+
+    if ('groupTitle' in optionOrGroup) {
+      // search for OptionGroup
+      // @ts-ignore
+      var shouldReserved = shouldFilter && filter(searchValue, optionOrGroup) === true;
+
+      if (shouldReserved) {
+        matchedResult.push(optionOrGroup);
+        return "continue";
+      }
 
-    if (typeof node.title !== 'string') {
-      if (env.__DEV__) {
-        console.info('WARNING: The `option.title` should be `string` when searchable is enabled.');
+      if (typeof optionOrGroup.groupTitle === 'string') {
+        // 匹配策略：`String.include`
+        if (optionOrGroup.groupTitle.includes(searchValue)) {
+          matchedResult.push(optionOrGroup);
+          return "continue";
+        }
+      } else {
+        if (env.__DEV__) {
+          console.info('WARNING: The `optionGroup.groupTitle` should be `string` when searchable is enabled.');
+        }
       }
 
-      return false;
+      if (index.isArrayNonEmpty(optionOrGroup.children)) {
+        var matchedChildren = optionOrGroup.children.filter(function (node) {
+          var _a, _b;
+
+          if (shouldFilter) {
+            // @ts-ignore
+            return filter(searchValue, optionOrGroup);
+          }
+
+          if (typeof node.title !== 'string') {
+            if (env.__DEV__) {
+              console.info('WARNING: The `option.title` should be `string` when searchable is enabled.');
+            }
+
+            return false;
+          }
+
+          return (_b = (_a = node.title).includes) === null || _b === void 0 ? void 0 : _b.call(_a, searchValue);
+        });
+
+        if (index.isArrayNonEmpty(matchedChildren)) {
+          var matchedOptionOrGroup = Object.assign(Object.assign({}, optionOrGroup), {
+            children: matchedChildren
+          });
+          matchedResult.push(matchedOptionOrGroup);
+        }
+      }
+    } else {
+      // search for Option
+      // @ts-ignore
+      var _shouldReserved = shouldFilter && filter(searchValue, optionOrGroup) === true;
+
+      if (_shouldReserved) {
+        matchedResult.push(optionOrGroup);
+        return "continue";
+      }
+
+      if (typeof optionOrGroup.title === 'string') {
+        // 匹配策略：`String.include`
+        if (optionOrGroup.title.includes(searchValue)) {
+          matchedResult.push(optionOrGroup);
+        }
+      } else {
+        if (env.__DEV__) {
+          console.info('WARNING: The `option.title` should be `string` when searchable is enabled.');
+        }
+      }
     }
+  };
+
+  for (var i = 0; i < flattedData.length; i++) {
+    var _ret = _loop(i);
 
-    if (filter && filter(node)) return false; // 匹配策略：`String.include`
+    if (_ret === "continue") continue;
+  }
 
-    return (_b = (_a = node.title).includes) === null || _b === void 0 ? void 0 : _b.call(_a, searchValue);
-  });
+  return matchedResult;
 };
 
 exports.useSearch = useSearch;

package/lib/cjs/hooks/use-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-search.js","sources":["../../../src/hooks/use-search.ts"],"sourcesContent":[null],"names":["useSearch","flattedData","filter","useState","searchValue","setSearchValue","matchedNodes","setMatchedNodes","flattedDataRef","useLatestRef","handleChange","useCallback","evt","nextSearchValue","target","value","getMatchedNodes","current","inputProps","useMemo","onChange","resetSearch","isSearch","isEmpty","length","node","title","__DEV__","console","info","includes"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA;;;;;IAGaA,SAAS,GAAG,SAAZA,SAAY,CACvBC,WADuB,EAEvBC,MAFuB;kBAIeC,cAAAA,CAAS,EAATA;MAA/BC,WAAP;MAAoBC,cAApB;;mBACwCF,cAAAA,CAA4B,EAA5BA;MAAjCG,YAAP;MAAqBC,eAArB;;MAEMC,cAAc,GAAGC,sBAAAA,CAAaR,WAAbQ;MAEjBC,YAAY,GAAGC,iBAAAA,CACnB,UAACC,GAAD;QACQC,eAAe,GAAGD,GAAG,CAACE,MAAJF,CAAWG;AAEnCV,IAAAA,cAAc,CAACQ,eAAD,CAAdR;;QAGMC,YAAY,GAAGU,eAAe,CAACR,cAAc,CAACS,OAAhB,EAAyBJ,eAAzB,EAA0CX,MAA1C;AAEpCK,IAAAA,eAAe,CAACD,YAAD,CAAfC;AAT4B,GAAXI,EAWnB,CAACH,cAAD,CAXmBG;MAcfO,UAAU,GAAGC,aAAAA,CACjB;WAAO;AACLJ,MAAAA,KAAK,EAAEX,WADF;AAELgB,MAAAA,QAAQ,EAAEV;AAFL;AADiB,GAAPS,EAKjB,CAACf,WAAD,EAAcM,YAAd,CALiBS;MAQbE,WAAW,GAAGV,iBAAAA,CAAY;AAC9BN,IAAAA,cAAc,CAAC,EAAD,CAAdA;AAD6B,GAAXM,EAEjB,EAFiBA;MAIdW,QAAQ,GAAG,CAAC,CAAClB;MACbmB,OAAO,GAAGD,QAAQ,IAAIhB,YAAY,CAACkB,MAAblB,KAAwB;SAE7C,CAACgB,QAAD,EAAWhB,YAAX,EAAyBY,UAAzB,EAAqCK,OAArC,EAA8CF,WAA9C;;AAGT;;;;;AAGA,IAAML,eAAe,GAAG,SAAlBA,eAAkB,CACtBf,WADsB,EAEtBG,WAFsB,EAGtBF,MAHsB;MAKlB,CAACE,aAAa,OAAO,EAAP;SAEXH,WAAW,CAACC,MAAZD,CAAmB,UAACwB,IAAD;;;QACpB,OAAOA,IAAI,CAACC,KAAZ,KAAsB,UAAU;UAC9BC,aAAS;AACXC,QAAAA,OAAO,CAACC,IAARD,CAAa,4EAAbA;;;aAEK;;;QAGL1B,MAAM,IAAIA,MAAM,CAACuB,IAAD,GAAQ,OAAO,KAAP;;WAGrB,MAAA,MAAAA,IAAI,CAACC,KAAL,EAAWI,QAAX,UAAA,iBAAA,SAAA,eAAsB1B;AAXxB,GAAAH;AAPT,CAAA;;"}
+{"version":3,"file":"use-search.js","sources":["../../../src/hooks/use-search.ts"],"sourcesContent":[null],"names":["useSearch","flattedData","filter","useState","searchValue","setSearchValue","matchedNodes","setMatchedNodes","flattedDataRef","useLatestRef","handleChange","useCallback","evt","nextSearchValue","target","value","getMatchedNodes","current","inputProps","useMemo","onChange","resetSearch","isSearch","isEmpty","length","matchedResult","shouldFilter","isFunction","i","optionOrGroup","shouldReserved","push","groupTitle","includes","__DEV__","console","info","isArrayNonEmpty","children","matchedChildren","node","title","matchedOptionOrGroup"],"mappings":"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"}

package/lib/cjs/index.js

@@ -19,6 +19,7 @@ var CheckSelect = require('./CheckSelect.js');
 
 exports.CheckSelect = CheckSelect.CheckSelect;
 exports.CheckSelectOption = CheckSelect.CheckSelectOption;
-exports.SelectSearch = CheckSelect.SelectSearch;
+exports.CheckSelectOptionGroup = CheckSelect.CheckSelectOptionGroup;
+exports.CheckSelectSearch = CheckSelect.CheckSelectSearch;
 exports["default"] = CheckSelect.CheckSelect;
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -12,7 +12,7 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var css_248z = ".hi-v4-check-select {\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  font-size: 14px;\n  vertical-align: middle;\n  list-style: none;\n  width: auto;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  display: inline-block;\n  min-width: 160px;\n  max-height: 260px;\n  overflow: auto;\n  padding-bottom: 10px; }\n  .hi-v4-check-select--open .hi-v4-mock-input {\n    border-color: var(--color-primary); }\n  .hi-v4-check-select-item {\n    width: 100%;\n    padding: 4px 0;\n    position: relative;\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex; }\n  .hi-v4-check-select-option {\n    padding: 0 10px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    min-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  .hi-v4-check-select-option:hover {\n      background-color: var(--color-primary-20); }\n  .hi-v4-check-select-option--selected {\n      background-color: var(--color-primary-20);\n      font-weight: 700;\n      color: var(--color-primary); }\n  .hi-v4-check-select-option--focused {\n      background-color: var(--color-primary-10); }\n  .hi-v4-check-select-option--disabled {\n      cursor: not-allowed;\n      color: var(--color-gray-50);\n      font-weight: 400; }\n  .hi-v4-check-select-option--disabled .hi-v4-check-select-menu-switcher {\n        color: var(--color-gray-50); }\n  .hi-v4-check-select .title__text {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1;\n            flex: 1 1; }\n  .hi-v4-check-select-panel {\n  white-space: nowrap;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n  .hi-v4-check-select-search {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  padding: 0 10px 10px;\n  position: relative; }\n  .hi-v4-check-select-search .hi-v4-input__prefix {\n    font-size: 16px;\n    padding-left: 0; }\n  .hi-v4-check-select-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";
+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.hi-v4-check-select {\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: 160px;\n  max-height: 260px;\n  overflow: auto;\n  padding-bottom: 10px; }\n.hi-v4-check-select--open .hi-v4-tag-input,\n  .hi-v4-check-select--open .hi-v4-tag-input-mock {\n    border-color: #4387f4;\n    border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-select-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-check-select-option {\n    padding: 0 8px2px;\n    padding: 0 var(--hi-v4-spacing-4, 8px)2px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    min-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.hi-v4-check-select-option:hover {\n      background-color: #f0f5fe;\n      background-color: var(--hi-v4-color-brandblue-100, #f0f5fe); }\n.hi-v4-check-select-option--selected {\n      background-color: #f0f5fe;\n      background-color: var(--hi-v4-color-brandblue-100, #f0f5fe);\n      font-weight: 700;\n      color: #4387f4;\n      color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-check-select-option--focused {\n      background-color: #f7faff;\n      background-color: var(--hi-v4-color-brandblue-50, #f7faff); }\n.hi-v4-check-select-option--disabled {\n      cursor: not-allowed;\n      color: #6b7280;\n      color: var(--hi-v4-color-gray-500, #6b7280);\n      font-weight: 400; }\n.hi-v4-check-select .title__text {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1;\n            flex: 1 1; }\n.hi-v4-check-select-panel {\n  white-space: nowrap;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-check-select-search {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  padding: 10px 10px 6px;\n  position: relative; }\n.hi-v4-check-select-search .hi-v4-input__prefix {\n    font-size: 16px;\n    padding-left: 0; }\n.hi-v4-check-select-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";
 
 var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
 

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

@@ -54,41 +54,58 @@ var useCheckSelect = function useCheckSelect(_a) {
       _a$emptyContent = _a.emptyContent,
       emptyContent = _a$emptyContent === void 0 ? '无匹配选项' : _a$emptyContent,
       searchPlaceholder = _a.searchPlaceholder,
+      filter = _a.filter,
       titleRender = _a.titleRender,
-      rest = tslib.__rest(_a, ["data", "children", "disabled", "value", "defaultValue", "onChange", "onSelect", "emptyContent", "searchPlaceholder", "titleRender"]);
+      rest = tslib.__rest(_a, ["data", "children", "disabled", "value", "defaultValue", "onChange", "onSelect", "emptyContent", "searchPlaceholder", "filter", "titleRender"]);
 
   var data = React.useMemo(function () {
     if (children) {
-      var list = useChildren.toArray(children);
-      var arr = [];
-
-      var dfs = function dfs(list) {
+      var dfs = function dfs(child) {
+        var list = useChildren.toArray(child);
+        var arr = [];
         list.forEach(function (item) {
           if (! /*#__PURE__*/React__default['default'].isValidElement(item)) return; // @ts-ignore
 
-          if (item.type && item.type.HiName === 'CheckSelectOption') {
-            arr.push(item); // @ts-ignore
-          } else if (item.type && item.type.HiName === 'CheckSelectOptionGroup') {
-            // @ts-ignore
-            if (item.props && item.props.children) {
+          if (item.type.HiName === 'CheckSelectOption') {
+            var props = item.props;
+
+            var _value = props.value,
+                _children = props.children,
+                _disabled = props.disabled,
+                _rest = tslib.__rest(props, ["value", "children", "disabled", "groupTitle"]);
+
+            var option = {
+              id: _value,
+              title: _children,
+              disabled: _disabled,
+              rootProps: _rest
+            };
+            arr.push(option); // @ts-ignore
+          } else if (item.type.HiName === 'CheckSelectOptionGroup') {
+            var _props = item.props;
+
+            var label = _props.label,
+                _children2 = _props.children,
+                _rest2 = tslib.__rest(_props, ["label", "children"]);
+
+            var optGroup = {
+              groupTitle: label,
+              children: [],
+              rootProps: _rest2
+            }; // @ts-ignore
+
+            if (_children2) {
               // @ts-ignore
-              var _list = useChildren.toArray(item.props.children);
-
-              dfs(_list);
+              optGroup.children = dfs(_children2);
             }
+
+            arr.push(optGroup);
           }
         });
+        return arr;
       };
 
-      dfs(list);
-      return arr.map(function (_ref) {
-        var props = _ref.props;
-        return {
-          id: props.value,
-          title: props.children,
-          disabled: props.disabled || false
-        };
-      });
+      return dfs(children);
     }
 
     return dataProp;
@@ -113,7 +130,7 @@ var useCheckSelect = function useCheckSelect(_a) {
       onOptionCheck = _useCheckDefault[0],
       isSelectedId = _useCheckDefault[1];
 
-  var _useSearch = useSearch.useSearch(data),
+  var _useSearch = useSearch.useSearch(data, filter),
       inSearch = _useSearch[0],
       matchedItems = _useSearch[1],
       inputProps = _useSearch[2],