@hi-ui/check-select 4.1.2 → 4.2.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @hi-ui/check-select
 
+## 4.2.0
+
+### Minor Changes
+
+- [#2531](https://github.com/XiaoMi/hiui/pull/2531) [`0a9d90ac5`](https://github.com/XiaoMi/hiui/commit/0a9d90ac53bdf66aa2b83b698b58d2cdeb98d912) Thanks [@zyprepare](https://github.com/zyprepare)! - feat: 增加 tagInputProps API,支持显示内容高度自适应
+
+### Patch Changes
+
+- [#2567](https://github.com/XiaoMi/hiui/pull/2567) [`bd5940eba`](https://github.com/XiaoMi/hiui/commit/bd5940eba7d7a80aa676f37bb804ea27544864d2) Thanks [@zyprepare](https://github.com/zyprepare)! - feat: 支持回车选中值
+
+- Updated dependencies [[`bd5940eba`](https://github.com/XiaoMi/hiui/commit/bd5940eba7d7a80aa676f37bb804ea27544864d2), [`0a9d90ac5`](https://github.com/XiaoMi/hiui/commit/0a9d90ac53bdf66aa2b83b698b58d2cdeb98d912)]:
+  - @hi-ui/picker@4.1.1
+  - @hi-ui/popper@4.0.5
+  - @hi-ui/tag-input@4.0.6
+
+## 4.1.3
+
+### Patch Changes
+
+- [#2482](https://github.com/XiaoMi/hiui/pull/2482) [`3301a290f`](https://github.com/XiaoMi/hiui/commit/3301a290fa9bd8b8717e24ef69ed832aa392b11e) Thanks [@zyprepare](https://github.com/zyprepare)! - fix: 数据改变后显示一次滚动条
+
+- Updated dependencies [[`6980d058f`](https://github.com/XiaoMi/hiui/commit/6980d058f165b309695d10248d7511bd05bee457)]:
+  - @hi-ui/input@4.0.9
+
 ## 4.1.2
 
 ### Patch Changes

package/lib/cjs/CheckSelect.js

@@ -41,6 +41,8 @@ var VirtualList = require('@hi-ui/virtual-list');
 
 var picker = require('@hi-ui/picker');
 
+var domUtils = require('@hi-ui/dom-utils');
+
 var arrayUtils = require('@hi-ui/array-utils');
 
 var highlighter = require('@hi-ui/highlighter');
@@ -77,7 +79,7 @@ var _prefix = classname.getPrefixCls(_role);
 
 var DEFAULT_FIELD_NAMES = {};
 /**
- * TODO: What is CheckSelect
+ * 多项选择器
  */
 
 var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
@@ -116,7 +118,9 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       _a$fieldNames = _a.fieldNames,
       fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
       customRender = _a.customRender,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "showCheckAll", "showOnlyShowChecked", "placeholder", "displayRender", "onSelect", "height", "itemHeight", "virtual", "visible", "onOpen", "onClose", "appearance", "invalid", "dataSource", "filterOption", "searchable", "render", "renderExtraFooter", "onSearch", "fieldNames", "customRender"]);
+      tagInputProps = _a.tagInputProps,
+      onKeyDownProp = _a.onKeyDown,
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "showCheckAll", "showOnlyShowChecked", "placeholder", "displayRender", "onSelect", "height", "itemHeight", "virtual", "visible", "onOpen", "onClose", "appearance", "invalid", "dataSource", "filterOption", "searchable", "render", "renderExtraFooter", "onSearch", "fieldNames", "customRender", "tagInputProps", "onKeyDown"]);
 
   var i18n = core.useLocaleContext();
   var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('checkSelect.placeholder') : placeholderProp; // ************************** Picker ************************* //
@@ -149,7 +153,9 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var value = context$1.value,
       tryChangeValue = context$1.tryChangeValue,
       flattedData = context$1.flattedData,
-      checkedItems = context$1.checkedItems; // ************************** 搜索 ************************* //
+      checkedItems = context$1.checkedItems,
+      onSelect = context$1.onSelect,
+      isCheckedId = context$1.isCheckedId; // ************************** 搜索 ************************* //
 
   var _c = useSearchMode.useAsyncSearch({
     dataSource: dataSource,
@@ -268,7 +274,31 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 
       tryChangeValue(_nextCheckedIds, _changedItems, shouldChecked);
     }
-  }, [dropdownItems, mergedData, valueLatestRef, tryChangeValue]);
+  }, [dropdownItems, mergedData, valueLatestRef, tryChangeValue]); // ************************** 回车选中处理 ************************* //
+
+  var defaultIndex = showData.findIndex(function (item) {
+    return !item.disabled;
+  });
+
+  var _useState2 = React.useState(defaultIndex),
+      focusedIndex = _useState2[0],
+      setFocusedIndex = _useState2[1];
+
+  var handleKeyDown = useLatest.useLatestCallback(function (evt) {
+    var key = evt.key;
+
+    if (key === 'Enter') {
+      var focusedItem = showData[focusedIndex];
+
+      if (focusedItem) {
+        onSelect(focusedItem, !isCheckedId(focusedItem.id));
+      }
+    }
+  }); // 更新 focused 索引
+
+  React.useEffect(function () {
+    setFocusedIndex(defaultIndex);
+  }, [defaultIndex, menuVisible]);
 
   var renderDefaultFooter = function renderDefaultFooter() {
     var extra = renderExtraFooter ? renderExtraFooter() : null;
@@ -298,13 +328,13 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var cls = classname.cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
   var listRef = React.useRef(null);
   React.useEffect(function () {
-    var _a; // 每次打开时触发一次滚动条显示
+    var _a; // 每次打开或数据改变时触发一次滚动条显示
 
 
-    if (menuVisible) {
+    if (menuVisible && typeAssertion.isArrayNonEmpty(showData)) {
       (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(undefined);
     }
-  }, [menuVisible]);
+  }, [menuVisible, showData]);
   return /*#__PURE__*/React__default["default"].createElement(context.CheckSelectProvider, {
     value: context$1
   }, /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
@@ -315,12 +345,13 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     disabled: disabled,
     onOpen: menuVisibleAction.on,
     onClose: menuVisibleAction.off,
+    onKeyDown: domUtils.mockDefaultHandlers(handleKeyDown, onKeyDownProp),
     searchable: searchable,
     scrollable: !inVirtual,
     onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
     loading: rest.loading !== undefined ? rest.loading : loading,
     footer: renderDefaultFooter(),
-    trigger: customRender ? typeof customRender === 'function' ? customRender(checkedItems) : customRender : /*#__PURE__*/React__default["default"].createElement(tagInput.TagInputMock, {
+    trigger: customRender ? typeof customRender === 'function' ? customRender(checkedItems) : customRender : /*#__PURE__*/React__default["default"].createElement(tagInput.TagInputMock, Object.assign({}, tagInputProps, {
       clearable: clearable,
       placeholder: placeholder,
       // @ts-ignore
@@ -377,19 +408,23 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 
         expandedViewRef.current = 'onlyChecked';
       }
-    })
+    }))
   }), typeAssertion.isArrayNonEmpty(dropdownItems) ? /*#__PURE__*/React__default["default"].createElement(VirtualList__default["default"], Object.assign({
     ref: listRef,
     itemKey: "id",
     fullHeight: false
-  }, virtualListProps), function (node) {
+  }, virtualListProps), function (node, index) {
     /* 反向 map，搜索删选数据时会对数据进行处理 */
     return 'groupTitle' in node ? /*#__PURE__*/React__default["default"].createElement(CheckSelectOptionGroup, {
       label: node.groupTitle
     }) : /*#__PURE__*/React__default["default"].createElement(CheckSelectOption, {
       option: node,
       depth: node.depth,
-      titleRender: proxyTitleRender
+      titleRender: proxyTitleRender,
+      onMouseEnter: function onMouseEnter() {
+        !node.disabled && setFocusedIndex(index);
+      },
+      focused: focusedIndex === index
     });
   }) : null));
 }); // @ts-ignore
@@ -401,10 +436,6 @@ if (env.__DEV__) {
 }
 
 var optionPrefix = classname.getPrefixCls('check-select-option');
-/**
- * TODO: What is CheckSelectOption
- */
-
 var CheckSelectOption = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls2 = _a.prefixCls,
       prefixCls = _a$prefixCls2 === void 0 ? optionPrefix : _a$prefixCls2,
@@ -414,7 +445,8 @@ var CheckSelectOption = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       onClick = _a.onClick,
       titleRender = _a.titleRender,
       depth = _a.depth,
-      rest = tslib.__rest(_a, ["prefixCls", "className", "children", "option", "onClick", "titleRender", "depth"]);
+      focused = _a.focused,
+      rest = tslib.__rest(_a, ["prefixCls", "className", "children", "option", "onClick", "titleRender", "depth", "focused"]);
 
   var _useCheckSelectContex = context.useCheckSelectContext(),
       isCheckedId = _useCheckSelectContex.isCheckedId,
@@ -428,7 +460,7 @@ var CheckSelectOption = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     disabled: disabled,
     checked: checked
   }));
-  var cls = classname.cx(prefixCls, className, checked && prefixCls + "--checked", disabled && prefixCls + "--disabled");
+  var cls = classname.cx(prefixCls, className, checked && prefixCls + "--checked", disabled && prefixCls + "--disabled", focused && prefixCls + "--focused");
   var handleOptionCheck = React.useCallback(function (evt) {
     onSelect(option, !checked);
     onClick === null || onClick === void 0 ? void 0 : onClick(evt);
@@ -458,10 +490,6 @@ if (env.__DEV__) {
 }
 
 var optionGroupPrefix = classname.getPrefixCls('select-option-group');
-/**
- * TODO: What is CheckSelectOptionGroup
- */
-
 var CheckSelectOptionGroup = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls3 = _a.prefixCls,
       prefixCls = _a$prefixCls3 === void 0 ? optionGroupPrefix : _a$prefixCls3,

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

@@ -14,7 +14,7 @@ Object.defineProperty(exports, '__esModule', {
 });
 var css_248z = ".hi-v4-check-select-option {margin-top: var(--hi-v4-spacing-2, 4px);margin-bottom: var(--hi-v4-spacing-2, 4px);-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;border-radius: var(--hi-v4-border-radius-md, 4px);cursor: pointer;font-size: var(--hi-v4-text-size-md, 0.875rem);font-weight: var(--hi-v4-text-weight-normal, 400);color: var(--hi-v4-color-gray-700, #1f2733);line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }.hi-v4-check-select-option__indent {display: inline-block;width: 16px;height: 100%; }.hi-v4-check-select-option__title {display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: var(--hi-v4-spacing-3, 6px);font-size: inherit;font-weight: inherit;color: inherit;line-height: inherit; }.hi-v4-check-select-option:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7); }.hi-v4-check-select-option--focused {background-color: var(--hi-v4-color-gray-100, #f2f4f7); }.hi-v4-check-select-option--disabled {cursor: not-allowed;color: var(--hi-v4-color-gray-500, #929aa6); }.hi-v4-check-select-option-group {display: inline-block;margin-top: var(--hi-v4-spacing-6, 12px);margin-bottom: var(--hi-v4-spacing-2, 4px);padding: var(--hi-v4-spacing-3, 6px) 0 var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-3, 6px);font-size: var(--hi-v4-text-size-md, 0.875rem);font-weight: var(--hi-v4-text-weight-normal, 400);color: var(--hi-v4-color-gray-500, #929aa6);line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }.hi-v4-check-select-option-group:first-child {margin-top: var(--hi-v4-spacing-2, 4px); }";
 
-var __styleInject__ = require('inject-head-style')["default"];
+var __styleInject__ = require('style-inject')["default"];
 
 __styleInject__(css_248z);
 

package/lib/esm/CheckSelect.js

@@ -8,18 +8,19 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { __rest } from 'tslib';
-import React, { forwardRef, useCallback, useMemo, useState, useRef, useEffect } from 'react';
+import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react';
 import { getPrefixCls, cx } from '@hi-ui/classname';
 import { __DEV__ } from '@hi-ui/env';
 import { useCheckSelect } from './use-check-select.js';
 import { UpOutlined, DownOutlined } from '@hi-ui/icons';
 import { CheckSelectProvider, useCheckSelectContext } from './context.js';
-import { useLatestRef } from '@hi-ui/use-latest';
+import { useLatestRef, useLatestCallback } from '@hi-ui/use-latest';
 import Checkbox from '@hi-ui/checkbox';
 import { TagInputMock } from '@hi-ui/tag-input';
 import { isUndef, isFunction, isArrayNonEmpty } from '@hi-ui/type-assertion';
 import VirtualList, { useCheckInVirtual } from '@hi-ui/virtual-list';
 import { Picker } from '@hi-ui/picker';
+import { mockDefaultHandlers } from '@hi-ui/dom-utils';
 import { uniqBy, times } from '@hi-ui/array-utils';
 import { Highlighter } from '@hi-ui/highlighter';
 import { useUncontrolledToggle } from '@hi-ui/use-toggle';
@@ -35,7 +36,7 @@ var _prefix = getPrefixCls(_role);
 
 var DEFAULT_FIELD_NAMES = {};
 /**
- * TODO: What is CheckSelect
+ * 多项选择器
  */
 
 var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
@@ -74,7 +75,9 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       _a$fieldNames = _a.fieldNames,
       fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
       customRender = _a.customRender,
-      rest = __rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "showCheckAll", "showOnlyShowChecked", "placeholder", "displayRender", "onSelect", "height", "itemHeight", "virtual", "visible", "onOpen", "onClose", "appearance", "invalid", "dataSource", "filterOption", "searchable", "render", "renderExtraFooter", "onSearch", "fieldNames", "customRender"]);
+      tagInputProps = _a.tagInputProps,
+      onKeyDownProp = _a.onKeyDown,
+      rest = __rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "showCheckAll", "showOnlyShowChecked", "placeholder", "displayRender", "onSelect", "height", "itemHeight", "virtual", "visible", "onOpen", "onClose", "appearance", "invalid", "dataSource", "filterOption", "searchable", "render", "renderExtraFooter", "onSearch", "fieldNames", "customRender", "tagInputProps", "onKeyDown"]);
 
   var i18n = useLocaleContext();
   var placeholder = isUndef(placeholderProp) ? i18n.get('checkSelect.placeholder') : placeholderProp; // ************************** Picker ************************* //
@@ -107,7 +110,9 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
   var value = context.value,
       tryChangeValue = context.tryChangeValue,
       flattedData = context.flattedData,
-      checkedItems = context.checkedItems; // ************************** 搜索 ************************* //
+      checkedItems = context.checkedItems,
+      onSelect = context.onSelect,
+      isCheckedId = context.isCheckedId; // ************************** 搜索 ************************* //
 
   var _c = useAsyncSearch({
     dataSource: dataSource,
@@ -226,7 +231,31 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
 
       tryChangeValue(_nextCheckedIds, _changedItems, shouldChecked);
     }
-  }, [dropdownItems, mergedData, valueLatestRef, tryChangeValue]);
+  }, [dropdownItems, mergedData, valueLatestRef, tryChangeValue]); // ************************** 回车选中处理 ************************* //
+
+  var defaultIndex = showData.findIndex(function (item) {
+    return !item.disabled;
+  });
+
+  var _useState2 = useState(defaultIndex),
+      focusedIndex = _useState2[0],
+      setFocusedIndex = _useState2[1];
+
+  var handleKeyDown = useLatestCallback(function (evt) {
+    var key = evt.key;
+
+    if (key === 'Enter') {
+      var focusedItem = showData[focusedIndex];
+
+      if (focusedItem) {
+        onSelect(focusedItem, !isCheckedId(focusedItem.id));
+      }
+    }
+  }); // 更新 focused 索引
+
+  useEffect(function () {
+    setFocusedIndex(defaultIndex);
+  }, [defaultIndex, menuVisible]);
 
   var renderDefaultFooter = function renderDefaultFooter() {
     var extra = renderExtraFooter ? renderExtraFooter() : null;
@@ -256,13 +285,13 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
   var cls = cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
   var listRef = useRef(null);
   useEffect(function () {
-    var _a; // 每次打开时触发一次滚动条显示
+    var _a; // 每次打开或数据改变时触发一次滚动条显示
 
 
-    if (menuVisible) {
+    if (menuVisible && isArrayNonEmpty(showData)) {
       (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(undefined);
     }
-  }, [menuVisible]);
+  }, [menuVisible, showData]);
   return /*#__PURE__*/React.createElement(CheckSelectProvider, {
     value: context
   }, /*#__PURE__*/React.createElement(Picker, Object.assign({
@@ -273,12 +302,13 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     disabled: disabled,
     onOpen: menuVisibleAction.on,
     onClose: menuVisibleAction.off,
+    onKeyDown: mockDefaultHandlers(handleKeyDown, onKeyDownProp),
     searchable: searchable,
     scrollable: !inVirtual,
     onSearch: callAllFuncs(onSearchProp, onSearch),
     loading: rest.loading !== undefined ? rest.loading : loading,
     footer: renderDefaultFooter(),
-    trigger: customRender ? typeof customRender === 'function' ? customRender(checkedItems) : customRender : /*#__PURE__*/React.createElement(TagInputMock, {
+    trigger: customRender ? typeof customRender === 'function' ? customRender(checkedItems) : customRender : /*#__PURE__*/React.createElement(TagInputMock, Object.assign({}, tagInputProps, {
       clearable: clearable,
       placeholder: placeholder,
       // @ts-ignore
@@ -335,19 +365,23 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
 
         expandedViewRef.current = 'onlyChecked';
       }
-    })
+    }))
   }), isArrayNonEmpty(dropdownItems) ? /*#__PURE__*/React.createElement(VirtualList, Object.assign({
     ref: listRef,
     itemKey: "id",
     fullHeight: false
-  }, virtualListProps), function (node) {
+  }, virtualListProps), function (node, index) {
     /* 反向 map，搜索删选数据时会对数据进行处理 */
     return 'groupTitle' in node ? /*#__PURE__*/React.createElement(CheckSelectOptionGroup, {
       label: node.groupTitle
     }) : /*#__PURE__*/React.createElement(CheckSelectOption, {
       option: node,
       depth: node.depth,
-      titleRender: proxyTitleRender
+      titleRender: proxyTitleRender,
+      onMouseEnter: function onMouseEnter() {
+        !node.disabled && setFocusedIndex(index);
+      },
+      focused: focusedIndex === index
     });
   }) : null));
 }); // @ts-ignore
@@ -359,10 +393,6 @@ if (__DEV__) {
 }
 
 var optionPrefix = getPrefixCls('check-select-option');
-/**
- * TODO: What is CheckSelectOption
- */
-
 var CheckSelectOption = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls2 = _a.prefixCls,
       prefixCls = _a$prefixCls2 === void 0 ? optionPrefix : _a$prefixCls2,
@@ -372,7 +402,8 @@ var CheckSelectOption = /*#__PURE__*/forwardRef(function (_a, ref) {
       onClick = _a.onClick,
       titleRender = _a.titleRender,
       depth = _a.depth,
-      rest = __rest(_a, ["prefixCls", "className", "children", "option", "onClick", "titleRender", "depth"]);
+      focused = _a.focused,
+      rest = __rest(_a, ["prefixCls", "className", "children", "option", "onClick", "titleRender", "depth", "focused"]);
 
   var _useCheckSelectContex = useCheckSelectContext(),
       isCheckedId = _useCheckSelectContex.isCheckedId,
@@ -386,7 +417,7 @@ var CheckSelectOption = /*#__PURE__*/forwardRef(function (_a, ref) {
     disabled: disabled,
     checked: checked
   }));
-  var cls = cx(prefixCls, className, checked && prefixCls + "--checked", disabled && prefixCls + "--disabled");
+  var cls = cx(prefixCls, className, checked && prefixCls + "--checked", disabled && prefixCls + "--disabled", focused && prefixCls + "--focused");
   var handleOptionCheck = useCallback(function (evt) {
     onSelect(option, !checked);
     onClick === null || onClick === void 0 ? void 0 : onClick(evt);
@@ -416,10 +447,6 @@ if (__DEV__) {
 }
 
 var optionGroupPrefix = getPrefixCls('select-option-group');
-/**
- * TODO: What is CheckSelectOptionGroup
- */
-
 var CheckSelectOptionGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls3 = _a.prefixCls,
       prefixCls = _a$prefixCls3 === void 0 ? optionGroupPrefix : _a$prefixCls3,

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

@@ -7,7 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import __styleInject__ from 'inject-head-style';
+import __styleInject__ from 'style-inject';
 var css_248z = ".hi-v4-check-select-option {margin-top: var(--hi-v4-spacing-2, 4px);margin-bottom: var(--hi-v4-spacing-2, 4px);-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;border-radius: var(--hi-v4-border-radius-md, 4px);cursor: pointer;font-size: var(--hi-v4-text-size-md, 0.875rem);font-weight: var(--hi-v4-text-weight-normal, 400);color: var(--hi-v4-color-gray-700, #1f2733);line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }.hi-v4-check-select-option__indent {display: inline-block;width: 16px;height: 100%; }.hi-v4-check-select-option__title {display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: var(--hi-v4-spacing-3, 6px);font-size: inherit;font-weight: inherit;color: inherit;line-height: inherit; }.hi-v4-check-select-option:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7); }.hi-v4-check-select-option--focused {background-color: var(--hi-v4-color-gray-100, #f2f4f7); }.hi-v4-check-select-option--disabled {cursor: not-allowed;color: var(--hi-v4-color-gray-500, #929aa6); }.hi-v4-check-select-option-group {display: inline-block;margin-top: var(--hi-v4-spacing-6, 12px);margin-bottom: var(--hi-v4-spacing-2, 4px);padding: var(--hi-v4-spacing-3, 6px) 0 var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-3, 6px);font-size: var(--hi-v4-text-size-md, 0.875rem);font-weight: var(--hi-v4-text-weight-normal, 400);color: var(--hi-v4-color-gray-500, #929aa6);line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }.hi-v4-check-select-option-group:first-child {margin-top: var(--hi-v4-spacing-2, 4px); }";
 
 __styleInject__(css_248z);

package/lib/types/CheckSelect.d.ts

@@ -2,10 +2,11 @@ import React from 'react';
 import { UseCheckSelectProps } from './use-check-select';
 import type { HiBaseHTMLProps } from '@hi-ui/core';
 import { CheckSelectAppearanceEnum, CheckSelectDataItem, CheckSelectItemEventData, CheckSelectMergedItem } from './types';
+import { TagInputMockProps } from '@hi-ui/tag-input';
 import { PickerProps } from '@hi-ui/picker';
 import { UseDataSource } from '@hi-ui/use-data-source';
 /**
- * TODO: What is CheckSelect
+ * 多项选择器
  */
 export declare const CheckSelect: React.ForwardRefExoticComponent<CheckSelectProps & React.RefAttributes<HTMLDivElement | null>>;
 export interface CheckSelectProps extends Omit<PickerProps, 'trigger' | 'scrollable'>, UseCheckSelectProps {
@@ -101,16 +102,14 @@ export interface CheckSelectProps extends Omit<PickerProps, 'trigger' | 'scrolla
      * 自定义渲染选中的内容
      */
     customRender?: React.ReactNode | ((option: CheckSelectItemEventData[]) => React.ReactNode);
+    /**
+     * TagInput 参数设置
+     */
+    tagInputProps?: TagInputMockProps;
 }
-/**
- * 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<CheckSelectOptionGroupProps, string | number> & React.RefAttributes<HTMLDivElement | null>>;
 export interface CheckSelectOptionGroupProps extends HiBaseHTMLProps {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/check-select",
-  "version": "4.1.2",
+  "version": "4.2.0",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -46,14 +46,15 @@
     "@hi-ui/array-utils": "^4.0.1",
     "@hi-ui/checkbox": "^4.0.5",
     "@hi-ui/classname": "^4.0.1",
+    "@hi-ui/dom-utils": "^4.0.4",
     "@hi-ui/env": "^4.0.1",
     "@hi-ui/func-utils": "^4.0.1",
     "@hi-ui/highlighter": "^4.0.5",
     "@hi-ui/icons": "^4.0.6",
-    "@hi-ui/input": "^4.0.6",
-    "@hi-ui/picker": "^4.0.6",
-    "@hi-ui/popper": "^4.0.4",
-    "@hi-ui/tag-input": "^4.0.5",
+    "@hi-ui/input": "^4.0.9",
+    "@hi-ui/picker": "^4.1.1",
+    "@hi-ui/popper": "^4.0.5",
+    "@hi-ui/tag-input": "^4.0.6",
     "@hi-ui/times": "^4.0.1",
     "@hi-ui/tree-utils": "^4.0.2",
     "@hi-ui/type-assertion": "^4.0.1",
@@ -74,7 +75,6 @@
   "devDependencies": {
     "@hi-ui/core": "^4.0.4",
     "@hi-ui/core-css": "^4.0.1",
-    "@hi-ui/hi-build": "^4.0.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   }