@hi-ui/check-select 4.0.0-alpha.10

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

@@ -0,0 +1,144 @@
+/** @LICENSE
+ * @hi-ui/check-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-select#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.
+ */
+import { useState, useCallback, useMemo } from 'react';
+import { useLatestRef } from '@hi-ui/use-latest';
+import { __DEV__ } from '@hi-ui/env';
+import { isArrayNonEmpty, isFunction } from '../utils/type-assertion/lib/esm/index.js';
+/**
+ * 支持搜索功能的 hook
+ */
+
+var useSearch = function useSearch(flattedData, filter) {
+  var _useState = useState(''),
+      searchValue = _useState[0],
+      setSearchValue = _useState[1];
+
+  var _useState2 = useState([]),
+      matchedNodes = _useState2[0],
+      setMatchedNodes = _useState2[1];
+
+  var flattedDataRef = useLatestRef(flattedData);
+  var handleChange = useCallback(function (evt) {
+    var nextSearchValue = evt.target.value;
+    setSearchValue(nextSearchValue); // 匹配到搜索的节点，将这些节点进行展开显示，其它均隐藏
+
+    var matchedNodes = getMatchedNodes(flattedDataRef.current, nextSearchValue, filter);
+    setMatchedNodes(matchedNodes);
+  }, [flattedDataRef, filter]);
+  var inputProps = useMemo(function () {
+    return {
+      value: searchValue,
+      onChange: handleChange
+    };
+  }, [searchValue, handleChange]);
+  var resetSearch = useCallback(function () {
+    setSearchValue('');
+  }, []);
+  var isSearch = !!searchValue;
+  var isEmpty = isSearch && matchedNodes.length === 0;
+  return [isSearch, matchedNodes, inputProps, isEmpty, resetSearch];
+};
+/**
+ * 从 value 中 找到指定的 options（逐层查找）
+ */
+
+
+var getMatchedNodes = function getMatchedNodes(flattedData, searchValue, filter) {
+  if (!searchValue) return [];
+  var matchedResult = [];
+  var shouldFilter = 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 optionOrGroup.groupTitle === 'string') {
+        // 匹配策略：`String.include`
+        if (optionOrGroup.groupTitle.includes(searchValue)) {
+          matchedResult.push(optionOrGroup);
+          return "continue";
+        }
+      } else {
+        if (__DEV__) {
+          console.info('WARNING: The `optionGroup.groupTitle` should be `string` when searchable is enabled.');
+        }
+      }
+
+      if (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 (__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 (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 (__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 (_ret === "continue") continue;
+  }
+
+  return matchedResult;
+};
+
+export { useSearch };
+//# sourceMappingURL=use-search.js.map

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

@@ -0,0 +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","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/esm/index.js

@@ -0,0 +1,12 @@
+/** @LICENSE
+ * @hi-ui/check-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-select#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.
+ */
+import './styles/index.scss.js';
+export { CheckSelect, CheckSelectOption, CheckSelectOptionGroup, CheckSelectSearch, CheckSelect as default } from './CheckSelect.js';
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

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

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

@@ -0,0 +1,17 @@
+/** @LICENSE
+ * @hi-ui/check-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-select#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.
+ */
+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"];
+
+__styleInject__(css_248z);
+
+export default css_248z;
+//# sourceMappingURL=index.scss.js.map

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

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

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

@@ -0,0 +1,144 @@
+/** @LICENSE
+ * @hi-ui/check-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-select#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.
+ */
+import { __rest } from 'tslib';
+import React, { useMemo, useCallback } from 'react';
+import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
+import { useSearch } from './hooks/use-search.js';
+import { useCheck } from '@hi-ui/use-check';
+import { useLatestCallback } from '@hi-ui/use-latest';
+import { toArray } from '@hi-ui/use-children';
+var NOOP_ARRAY = [];
+var NOOP_VALUE = [];
+
+var useCheckSelect = function useCheckSelect(_a) {
+  var _a$data = _a.data,
+      dataProp = _a$data === void 0 ? NOOP_ARRAY : _a$data,
+      children = _a.children,
+      _a$disabled = _a.disabled,
+      disabled = _a$disabled === void 0 ? false : _a$disabled,
+      valueProp = _a.value,
+      _a$defaultValue = _a.defaultValue,
+      defaultValue = _a$defaultValue === void 0 ? NOOP_VALUE : _a$defaultValue,
+      onChangeProp = _a.onChange,
+      onSelect = _a.onSelect,
+      _a$emptyContent = _a.emptyContent,
+      emptyContent = _a$emptyContent === void 0 ? '无匹配选项' : _a$emptyContent,
+      searchPlaceholder = _a.searchPlaceholder,
+      filter = _a.filter,
+      titleRender = _a.titleRender,
+      rest = __rest(_a, ["data", "children", "disabled", "value", "defaultValue", "onChange", "onSelect", "emptyContent", "searchPlaceholder", "filter", "titleRender"]);
+
+  var data = useMemo(function () {
+    if (children) {
+      var dfs = function dfs(child) {
+        var list = toArray(child);
+        var arr = [];
+        list.forEach(function (item) {
+          if (! /*#__PURE__*/React.isValidElement(item)) return; // @ts-ignore
+
+          if (item.type.HiName === 'CheckSelectOption') {
+            var props = item.props;
+
+            var _value = props.value,
+                _children = props.children,
+                _disabled = props.disabled,
+                _rest = __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 = __rest(_props, ["label", "children"]);
+
+            var optGroup = {
+              groupTitle: label,
+              children: [],
+              rootProps: _rest2
+            }; // @ts-ignore
+
+            if (_children2) {
+              // @ts-ignore
+              optGroup.children = dfs(_children2);
+            }
+
+            arr.push(optGroup);
+          }
+        });
+        return arr;
+      };
+
+      return dfs(children);
+    }
+
+    return dataProp;
+  }, [children, dataProp]);
+
+  var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChangeProp),
+      value = _useUncontrolledState[0],
+      tryChangeValue = _useUncontrolledState[1];
+
+  var onSelectLatest = useLatestCallback(onSelect);
+  var proxyTryChangeValue = useCallback(function (value, item, shouldChecked) {
+    tryChangeValue(value, item, shouldChecked);
+    onSelectLatest(value, item, shouldChecked);
+  }, [tryChangeValue, onSelectLatest]);
+
+  var _useCheckDefault = useCheck({
+    disabled: disabled,
+    checkedIds: value,
+    onCheck: proxyTryChangeValue,
+    allowCheck: allowCheck
+  }),
+      onOptionCheck = _useCheckDefault[0],
+      isSelectedId = _useCheckDefault[1];
+
+  var _useSearch = useSearch(data, filter),
+      inSearch = _useSearch[0],
+      matchedItems = _useSearch[1],
+      inputProps = _useSearch[2],
+      isEmpty = _useSearch[3],
+      resetSearch = _useSearch[4];
+
+  var getSearchInputProps = useCallback(function () {
+    return {
+      placeholder: searchPlaceholder,
+      value: inputProps.value,
+      onChange: inputProps.onChange
+    };
+  }, [searchPlaceholder, inputProps]);
+  return {
+    rootProps: rest,
+    data: inSearch ? matchedItems : data,
+    value: value,
+    onSelect: onOptionCheck,
+    isSelectedId: isSelectedId,
+    emptyContent: emptyContent,
+    getSearchInputProps: getSearchInputProps,
+    tryChangeValue: tryChangeValue,
+    isEmpty: isEmpty,
+    resetSearch: resetSearch,
+    titleRender: titleRender
+  };
+};
+
+var allowCheck = function allowCheck(option) {
+  return !option.disabled;
+};
+
+export { useCheckSelect };
+//# sourceMappingURL=use-check-select.js.map

package/lib/esm/use-check-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-check-select.js","sources":["../../src/use-check-select.ts"],"sourcesContent":[null],"names":["NOOP_ARRAY","NOOP_VALUE","useCheckSelect","_a","data","dataProp","children","disabled","valueProp","value","defaultValue","onChangeProp","onChange","onSelect","emptyContent","searchPlaceholder","filter","titleRender","rest","useMemo","dfs","child","list","toArray","arr","forEach","item","React","isValidElement","type","HiName","props","option","id","title","rootProps","push","label","optGroup","groupTitle","useUncontrolledState","tryChangeValue","onSelectLatest","useLatestCallback","proxyTryChangeValue","useCallback","shouldChecked","useCheckDefault","checkedIds","onCheck","allowCheck","onOptionCheck","isSelectedId","useSearch","inSearch","matchedItems","inputProps","isEmpty","resetSearch","getSearchInputProps","placeholder"],"mappings":"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"}

package/lib/esm/utils/type-assertion/lib/esm/index.js

@@ -0,0 +1,33 @@
+/** @LICENSE
+ * @hi-ui/check-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-select#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.
+ */
+import '@babel/runtime/helpers/esm/typeof';
+/**
+ * Assert is an array
+ */
+
+var isArray = Array.isArray;
+/**
+ * Assert is an array and `array.length > 0`
+ */
+
+var isArrayNonEmpty = function isArrayNonEmpty(arg) {
+  return isArray(arg) && arg.length > 0;
+};
+/**
+ * Assert is function
+ */
+
+
+var isFunction = function isFunction(arg) {
+  return typeof arg === 'function';
+};
+
+export { isArray, isArrayNonEmpty, isFunction };
+//# sourceMappingURL=index.js.map

package/lib/esm/utils/type-assertion/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../utils/type-assertion/lib/esm/index.js"],"sourcesContent":["import _typeof from \"@babel/runtime/helpers/esm/typeof\";\n\n/** @LICENSE\n * @hi-ui/type-assertion\n * https://github.com/XiaoMi/hiui/tree/master/packages/utils/type-assertion#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Assert is Nullish\n */\nvar isNullish = function isNullish(arg) {\n  return arg === null || arg === undefined;\n};\n/**\n * Assert is an objectLike\n * TODO: Assert the return type\n */\n\n\nvar isObjectLike = function isObjectLike(arg) {\n  return !!arg && _typeof(arg) === 'object';\n};\n/**\n * Assert is an object\n */\n\n\nvar isObject = function isObject(arg) {\n  return isObjectLike(arg) && arg.constructor === Object;\n};\n/**\n * Assert is a dom element\n */\n\n\nvar isElement = function isElement(arg) {\n  return isObjectLike(arg) && arg.constructor !== Object && arg.nodeType === 1;\n};\n/**\n * Assert is an Promise\n */\n\n\nvar isPromise = function isPromise(arg) {\n  return (isObjectLike(arg) || typeof arg === 'function') && typeof arg.then === 'function';\n};\n/**\n * Assert is an array\n */\n\n\nvar isArray = Array.isArray;\n/**\n * Assert is an array and `array.length > 0`\n */\n\nvar isArrayNonEmpty = function isArrayNonEmpty(arg) {\n  return isArray(arg) && arg.length > 0;\n};\n/**\n * Assert is numeric\n */\n\n\nvar isNumeric = function isNumeric(arg) {\n  return !Number.isNaN(Number(arg));\n};\n/**\n * Assert is function\n */\n\n\nvar isFunction = function isFunction(arg) {\n  return typeof arg === 'function';\n};\n\nexport { isArray, isArrayNonEmpty, isElement, isFunction, isNullish, isNumeric, isObject, isPromise };\n//# sourceMappingURL=index.js.map\n"],"names":["isArray","Array","isArrayNonEmpty","arg","isFunction"],"mappings":";;;;;;;;;;AAiCA;;;;IAGaA,OAAO,GAAoCC,KAAK,CAACD;AAE9D;;;;IAGaE,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,GAAA,EAAA;SAAiCH,OAAO,CAAPA,GAAO,CAAPA,IAAgBG,GAAG,CAAHA,MAAAA,GAAa;;AAO7F;;;;;IAGaC,UAAU,GAAG,SAAbA,UAAa,CAAAD,GAAA,EAAA;SACxB,OAAAA,GAAA,KAAe;;;"}

package/lib/types/CheckSelect.d.ts

@@ -0,0 +1,80 @@
+import React from 'react';
+import { UseSelectProps } from './use-check-select';
+import type { HiBaseHTMLFieldProps, HiBaseHTMLProps } from '@hi-ui/core';
+import { PopperProps } from '@hi-ui/popper';
+/**
+ * TODO: What is CheckSelect
+ */
+export declare const CheckSelect: React.ForwardRefExoticComponent<CheckSelectProps & React.RefAttributes<HTMLDivElement | null>>;
+export interface CheckSelectProps extends Omit<HiBaseHTMLFieldProps<'div'>, 'onChange' | 'onSelect' | 'defaultValue'>, UseSelectProps {
+    /**
+     * 自定义控制 popper 行为
+     */
+    popper?: PopperProps;
+    /**
+     * 设置虚拟滚动容器的可视高度
+     */
+    height?: number;
+    /**
+     * 设置虚拟列表每项的固定高度
+     */
+    itemHeight?: number;
+    /**
+     * 	设置 `true` 开启虚拟滚动
+     */
+    virtual?: boolean;
+    /**
+     * 是否可搜索（仅在 title 为字符串时支持）
+     */
+    searchable?: boolean;
+    /**
+     * 是否可清空
+     */
+    clearable?: boolean;
+    /**
+     * 是否开启换行全展示
+     */
+    wrap?: boolean;
+    /**
+     * 是否点击清理 tags
+     */
+    onClear?: () => void;
+    /**
+     * 自定义尺寸
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * 面板打开时回调
+     */
+    onOpen?: () => void;
+    /**
+     * 面板关闭时回调
+     */
+    onClose?: () => void;
+    /**
+     * 自定义 input 后缀 icon
+     */
+    suffixIcon?: React.ReactNode;
+    /**
+     * 自定义清除 tags 的 icon
+     */
+    clearIcon?: React.ReactNode;
+}
+/**
+ * TODO: What is CheckSelectSearch
+ */
+export declare const CheckSelectSearch: React.ForwardRefExoticComponent<Pick<SelectSearchProps, string | number> & React.RefAttributes<HTMLInputElement | null>>;
+export interface SelectSearchProps extends HiBaseHTMLProps {
+}
+/**
+ * TODO: What is CheckSelectOption
+ */
+export declare const CheckSelectOption: React.ForwardRefExoticComponent<Pick<CheckSelectOptionProps, string | number> & React.RefAttributes<HTMLDivElement | null>>;
+export interface CheckSelectOptionProps extends HiBaseHTMLProps {
+}
+/**
+ * TODO: What is CheckSelectOptionGroup
+ */
+export declare const CheckSelectOptionGroup: React.ForwardRefExoticComponent<Pick<CheckSelectOptionProps, string | number> & React.RefAttributes<HTMLDivElement | null>>;
+export interface CheckSelectOptionGroupProps extends HiBaseHTMLProps {
+}

package/lib/types/context.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+export declare const CheckSelectProvider: import("react").Provider<Omit<{
+    rootProps: {
+        displayRender?: ((option: import("./types").CheckSelectOptionItem) => import("react").ReactNode) | undefined;
+        placeholder?: string | undefined;
+    };
+    data: any[];
+    value: import("react").ReactText[];
+    onSelect: (targetItem: import("packages/hooks/use-check/lib/types").UseCheckItem, shouldChecked: boolean) => void;
+    isSelectedId: (id: import("react").ReactText) => boolean;
+    emptyContent: boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | null;
+    getSearchInputProps: () => {
+        placeholder: string | undefined;
+        value: string;
+        onChange: (evt: import("react").ChangeEvent<HTMLInputElement>) => void;
+    };
+    tryChangeValue: (stateOrFunction: import("react").SetStateAction<import("react").ReactText[]>, ...args: any[]) => void;
+    isEmpty: boolean;
+    resetSearch: () => void;
+    titleRender: ((item: import("./types").CheckSelectOptionItem) => import("react").ReactNode) | undefined;
+}, "rootProps"> | null>;
+export declare const useCheckSelectContext: () => Omit<{
+    rootProps: {
+        displayRender?: ((option: import("./types").CheckSelectOptionItem) => import("react").ReactNode) | undefined;
+        placeholder?: string | undefined;
+    };
+    data: any[];
+    value: import("react").ReactText[];
+    onSelect: (targetItem: import("packages/hooks/use-check/lib/types").UseCheckItem, shouldChecked: boolean) => void;
+    isSelectedId: (id: import("react").ReactText) => boolean;
+    emptyContent: boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | null;
+    getSearchInputProps: () => {
+        placeholder: string | undefined;
+        value: string;
+        onChange: (evt: import("react").ChangeEvent<HTMLInputElement>) => void;
+    };
+    tryChangeValue: (stateOrFunction: import("react").SetStateAction<import("react").ReactText[]>, ...args: any[]) => void;
+    isEmpty: boolean;
+    resetSearch: () => void;
+    titleRender: ((item: import("./types").CheckSelectOptionItem) => import("react").ReactNode) | undefined;
+}, "rootProps">;

package/lib/types/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-search';

package/lib/types/hooks/use-search.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CheckSelectOptionOrOptionGroupItem } from '../types';
+/**
+ * 支持搜索功能的 hook
+ */
+export declare const useSearch: (flattedData: CheckSelectOptionOrOptionGroupItem[], filter?: ((keyword: string, option: CheckSelectOptionOrOptionGroupItem) => boolean) | undefined) => readonly [boolean, CheckSelectOptionOrOptionGroupItem[], {
+    value: string;
+    onChange: (evt: React.ChangeEvent<HTMLInputElement>) => void;
+}, boolean, () => void];

package/lib/types/index.d.ts

@@ -0,0 +1,3 @@
+import './styles/index.scss';
+export * from './CheckSelect';
+export { CheckSelect as default } from './CheckSelect';

package/lib/types/types.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface CheckSelectOptionItem {
+    /**
+     * 节点唯一 id
+     */
+    id: React.ReactText;
+    /**
+     * 节点标题
+     */
+    title?: React.ReactNode;
+    /**
+     * 是否禁用该节点
+     */
+    disabled?: boolean;
+}
+export interface CheckSelectOptionGroupItem {
+    /**
+     * 节点组标题
+     */
+    groupTitle?: React.ReactNode;
+    /**
+     * 是否禁用该节点
+     */
+    children?: CheckSelectOptionItem[];
+}
+export declare type CheckSelectOptionOrOptionGroupItem = CheckSelectOptionItem & CheckSelectOptionGroupItem;

package/lib/types/use-check-select.d.ts

@@ -0,0 +1,83 @@
+import React from 'react';
+import { CheckSelectOptionItem, CheckSelectOptionOrOptionGroupItem } from './types';
+export declare const useCheckSelect: ({ data: dataProp, children, disabled, value: valueProp, defaultValue, onChange: onChangeProp, onSelect, emptyContent, searchPlaceholder, filter, titleRender, ...rest }: UseSelectProps) => {
+    rootProps: {
+        /**
+         * 自定义选择后触发器所展示的内容，只在 title 为字符串时有效
+         */
+        displayRender?: ((option: CheckSelectOptionItem) => React.ReactNode) | undefined;
+        /**
+         * 触发器输入框占位符
+         */
+        placeholder?: string | undefined;
+    };
+    data: any[];
+    value: React.ReactText[];
+    onSelect: (targetItem: import("@hi-ui/use-check").UseCheckItem, shouldChecked: boolean) => void;
+    isSelectedId: (id: React.ReactText) => boolean;
+    emptyContent: boolean | React.ReactChild | React.ReactFragment | React.ReactPortal | null;
+    getSearchInputProps: () => {
+        placeholder: string | undefined;
+        value: string;
+        onChange: (evt: React.ChangeEvent<HTMLInputElement>) => void;
+    };
+    tryChangeValue: (stateOrFunction: React.SetStateAction<React.ReactText[]>, ...args: any[]) => void;
+    isEmpty: boolean;
+    resetSearch: () => void;
+    titleRender: ((item: CheckSelectOptionItem) => React.ReactNode) | undefined;
+};
+export interface UseSelectProps {
+    /**
+     * 设置当前选中值
+     */
+    value?: React.ReactText[];
+    /**
+     * 设置当前选中值默认值
+     */
+    defaultValue?: React.ReactText[];
+    /**
+     * 选中值改变时的回调
+     */
+    onChange?: (value: React.ReactText[], targetOption?: CheckSelectOptionItem, shouldChecked?: boolean) => void;
+    /**
+     * 选中值时回调
+     */
+    onSelect?: (value: React.ReactText[], targetOption?: CheckSelectOptionItem, shouldChecked?: boolean) => void;
+    /**
+     * 是否禁止使用
+     */
+    disabled?: boolean;
+    /**
+     * 设置选项为空时展示的内容
+     */
+    emptyContent?: React.ReactNode;
+    /**
+     * 自定义渲染节点的 title 内容
+     */
+    titleRender?: (item: CheckSelectOptionItem) => React.ReactNode;
+    /**
+     * 自定义选择后触发器所展示的内容，只在 title 为字符串时有效
+     */
+    displayRender?: (option: CheckSelectOptionItem) => React.ReactNode;
+    /**
+     * 触发器输入框占位符
+     */
+    placeholder?: string;
+    /**
+     * 搜索输入框占位符
+     */
+    searchPlaceholder?: string;
+    /**
+     * 启用自定义过滤函数实现根据搜索框内容，自定义搜索
+     */
+    filter?: (keyword: string, option: CheckSelectOptionOrOptionGroupItem) => boolean;
+    /**
+     * 选项数据
+     */
+    data?: CheckSelectOptionItem[];
+    /**
+     * JSX 子节点
+     */
+    children?: React.ReactNode;
+}
+export declare type UseSelectReturn = ReturnType<typeof useCheckSelect>;