@hi-ui/check-tree-select 5.0.0-experimental.1 → 5.0.0-experimental.3

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @hi-ui/check-tree-select
 
+## 5.0.0-experimental.3
+
+### Minor Changes
+
+- 07a57b9c1: feat(check-tree-select): 支持设置 checkable (5.0)
+
+### Patch Changes
+
+- Updated dependencies [07a57b9c1]
+- Updated dependencies [95d930354]
+  - @hi-ui/tree@5.0.0-experimental.4
+  - @hi-ui/core@5.0.0-experimental.2
+
+## 5.0.0-experimental.2
+
+### Minor Changes
+
+- 59cef699f: feat: 组件语义化样式改造，增加 styles 和 classNames 属性 (5.0)
+
+### Patch Changes
+
+- eb17c4697: style: 修复 UI/样式问题 (5.0)
+- Updated dependencies [7f204c892]
+- Updated dependencies [eb17c4697]
+- Updated dependencies [eb17c4697]
+- Updated dependencies [c407744fe]
+- Updated dependencies [59cef699f]
+  - @hi-ui/icons@5.0.0-experimental.1
+  - @hi-ui/core@5.0.0-experimental.1
+  - @hi-ui/checkbox@5.0.0-experimental.1
+  - @hi-ui/highlighter@5.0.0-experimental.1
+  - @hi-ui/picker@5.0.0-experimental.2
+  - @hi-ui/popper@5.0.0-experimental.1
+  - @hi-ui/tag-input@5.0.0-experimental.2
+  - @hi-ui/tree@5.0.0-experimental.2
+  - @hi-ui/use-merge-semantic@5.0.0-experimental.0
+
 ## 5.0.0-experimental.1
 
 ### Patch Changes

package/lib/cjs/CheckTreeSelect.js

@@ -21,6 +21,7 @@ var useToggle = require('@hi-ui/use-toggle');
 var tree = require('@hi-ui/tree');
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
 var picker = require('@hi-ui/picker');
+var useMergeSemantic = require('@hi-ui/use-merge-semantic');
 var treeUtils = require('@hi-ui/tree-utils');
 var typeAssertion = require('@hi-ui/type-assertion');
 var arrayUtils = require('@hi-ui/array-utils');
@@ -105,11 +106,30 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     showIndicator = _a$showIndicator === void 0 ? true : _a$showIndicator,
     renderExtraHeader = _a.renderExtraHeader,
     renderExtraFooter = _a.renderExtraFooter,
-    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "visible", "onOpen", "onClose", "fieldNames", "checkedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "keyword", "onSearch", "clearSearchOnClosed", "clearable", "onClear", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "showCheckAll", "showOnlyShowChecked", "tagInputProps", "size", "customRender", "prefix", "suffix", "label", "showIndicator", "renderExtraHeader", "renderExtraFooter"]);
+    classNamesProp = _a.classNames,
+    stylesProp = _a.styles,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "visible", "onOpen", "onClose", "fieldNames", "checkedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "keyword", "onSearch", "clearSearchOnClosed", "clearable", "onClear", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "showCheckAll", "showOnlyShowChecked", "tagInputProps", "size", "customRender", "prefix", "suffix", "label", "showIndicator", "renderExtraHeader", "renderExtraFooter", "classNames", "styles"]);
   var _useGlobalContext = core.useGlobalContext(),
-    globalSize = _useGlobalContext.size;
+    globalSize = _useGlobalContext.size,
+    checkTreeSelectConfig = _useGlobalContext.checkTreeSelect;
   var size = (_b = sizeProp !== null && sizeProp !== void 0 ? sizeProp : globalSize) !== null && _b !== void 0 ? _b : 'md';
   var i18n = core.useLocaleContext();
+  var _useMergeSemantic = useMergeSemantic.useMergeSemantic({
+      classNamesList: [checkTreeSelectConfig === null || checkTreeSelectConfig === void 0 ? void 0 : checkTreeSelectConfig.classNames, classNamesProp],
+      stylesList: [checkTreeSelectConfig === null || checkTreeSelectConfig === void 0 ? void 0 : checkTreeSelectConfig.styles, stylesProp],
+      info: {
+        props: Object.assign(Object.assign({}, rest), {
+          data: data,
+          disabled: disabled,
+          searchable: searchableProp,
+          visible: visible,
+          size: size,
+          appearance: appearance
+        })
+      }
+    }),
+    classNames = _useMergeSemantic.classNames,
+    styles = _useMergeSemantic.styles;
   var pickerInnerRef = React.useRef(null);
   var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('checkTreeSelect.placeholder') : placeholderProp;
   var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
@@ -145,6 +165,7 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         flattedNode.title = getKeyFields(raw, 'title');
         flattedNode.disabled = (_a = getKeyFields(raw, 'disabled')) !== null && _a !== void 0 ? _a : false;
         flattedNode.isLeaf = (_b = getKeyFields(raw, 'isLeaf')) !== null && _b !== void 0 ? _b : false;
+        flattedNode.checkable = raw.checkable !== false;
         return flattedNode;
       }
     });
@@ -263,17 +284,17 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     // 全选操作
     if (!currentAllChecked && !hasCheckedAll) {
       tryChangeValue(flattedData.filter(function (item) {
-        if (!item.disabled) {
-          // 根据 checkedMode 类型过滤出已选项，保证全选操作下 onChange 回调的值是符合 checkedMode 的规则
-          if (checkedMode === 'CHILD') {
-            return !item.children;
-          }
-          if (checkedMode === 'PARENT') {
-            return item.depth === 0;
-          }
-          return true;
+        if (item.disabled || item.checkable === false) {
+          return false;
         }
-        return false;
+        // 根据 checkedMode 类型过滤出已选项，保证全选操作下 onChange 回调的值是符合 checkedMode 的规则
+        if (checkedMode === 'CHILD') {
+          return !item.children;
+        }
+        if (checkedMode === 'PARENT') {
+          return item.depth === 0;
+        }
+        return true;
       }).map(function (_ref) {
         var id = _ref.id;
         return id;
@@ -317,10 +338,25 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       (_a = pickerInnerRef.current) === null || _a === void 0 ? void 0 : _a.update();
     }
   }, [menuVisible, treeProps.expandedIds]);
+  var pickerSemanticKeys = ['root', 'container', 'panel', 'header', 'search', 'body', 'footer', 'loading', 'empty', 'creator'];
+  var pickerClassNames = pickerSemanticKeys.reduce(function (acc, key) {
+    if ((classNames === null || classNames === void 0 ? void 0 : classNames[key]) !== undefined) {
+      acc[key] = classNames[key];
+    }
+    return acc;
+  }, {});
+  var pickerStyles = pickerSemanticKeys.reduce(function (acc, key) {
+    if (styles === null || styles === void 0 ? void 0 : styles[key]) {
+      acc[key] = styles[key];
+    }
+    return acc;
+  }, {});
   return /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
     ref: ref,
     innerRef: pickerInnerRef,
-    className: cls
+    className: cls,
+    classNames: pickerClassNames,
+    styles: pickerStyles
   }, rest, {
     visible: menuVisible,
     onOpen: function onOpen() {
@@ -424,7 +460,8 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   // 只做渲染，不做逻辑处理（比如搜索过滤后，check操作的是对过滤后的data操作，这是不符合预期的）
   React__default["default"].createElement(tree.Tree, Object.assign({
     size: 'md',
-    className: prefixCls + "__tree",
+    className: classname.cx(prefixCls + "__tree", classNames === null || classNames === void 0 ? void 0 : classNames.tree),
+    style: styles === null || styles === void 0 ? void 0 : styles.tree,
     selectable: false,
     checkable: true,
     checkOnSelect: true,

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

@@ -78,6 +78,9 @@ var allowCheck = function allowCheck(targetItem) {
   if (targetItem.disabled) {
     return false;
   }
+  if (targetItem.checkable === false) {
+    return false;
+  }
   return true;
 };
 exports.useCheck = useCheck;

package/lib/cjs/utils/index.js

@@ -120,12 +120,21 @@ function fillCheck(checkedIds, depthEntities, nodeEntities, maxDepth, allowCheck
         children = entity.children;
       if (visitedIds.has(id)) return;
       if (typeAssertion.isArrayNonEmpty(children)) {
-        var shouldChecked = !children.some(function (child) {
+        // 可勾选子节点需在 checkedIds；disabled / checkable:false 但有子树时走 visitedIds；
+        // checkable:false 且无子节点（纯展示叶）不阻塞父级全选
+        var childFails = function childFails(child) {
+          if (!allowCheck(child)) {
+            if (typeAssertion.isArrayNonEmpty(child.children)) {
+              return visitedIds.has(child.id) ? !visitedIds.get(child.id) : true;
+            }
+            return false;
+          }
           if (visitedIds.has(child.id)) {
             return !visitedIds.get(child.id);
           }
           return !checkedIdsSet.has(child.id);
-        });
+        };
+        var shouldChecked = !children.some(childFails);
         visitedIds.set(id, shouldChecked);
         if (shouldChecked && allowCheck(entity)) {
           checkedIdsSet.add(id);
@@ -148,12 +157,19 @@ var getAllCheckedStatus = function getAllCheckedStatus(flattedData, values) {
       treeIdsSet["delete"](id);
     }
   });
-  return [hasValue && treeIdsSet.size === 0, hasValue && treeIdsSet.size > 0,
+  var nonCheckableCount = flattedData.filter(function (item) {
+    return item.disabled || item.checkable === false;
+  }).length;
+  var onlyNonCheckableLeft = treeIdsSet.size > 0 && [].concat(treeIdsSet).every(function (id) {
+    var n = flattedData.find(function (item) {
+      return item.id === id;
+    });
+    return n && (n.disabled || n.checkable === false);
+  });
+  return [hasValue && (treeIdsSet.size === 0 || onlyNonCheckableLeft), hasValue && treeIdsSet.size > 0 && !onlyNonCheckableLeft,
   // 该值用来判断剩余未选中的节点是否都是 disabled 的
   // 如果为 true 则表示可选值都已选中
-  treeIdsSet.size === flattedData.filter(function (item) {
-    return item.disabled;
-  }).length];
+  treeIdsSet.size === nonCheckableCount];
 };
 exports.getAllCheckedStatus = getAllCheckedStatus;
 exports.parseCheckDataDirty = parseCheckDataDirty;

package/lib/esm/CheckTreeSelect.js

@@ -15,6 +15,7 @@ import { useUncontrolledToggle } from '@hi-ui/use-toggle';
 import { Tree } from '@hi-ui/tree';
 import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
 import { Picker } from '@hi-ui/picker';
+import { useMergeSemantic } from '@hi-ui/use-merge-semantic';
 import { baseFlattenTree, filterTree } from '@hi-ui/tree-utils';
 import { isUndef, isArrayNonEmpty } from '@hi-ui/type-assertion';
 import { uniqBy } from '@hi-ui/array-utils';
@@ -92,11 +93,30 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     showIndicator = _a$showIndicator === void 0 ? true : _a$showIndicator,
     renderExtraHeader = _a.renderExtraHeader,
     renderExtraFooter = _a.renderExtraFooter,
-    rest = __rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "visible", "onOpen", "onClose", "fieldNames", "checkedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "keyword", "onSearch", "clearSearchOnClosed", "clearable", "onClear", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "showCheckAll", "showOnlyShowChecked", "tagInputProps", "size", "customRender", "prefix", "suffix", "label", "showIndicator", "renderExtraHeader", "renderExtraFooter"]);
+    classNamesProp = _a.classNames,
+    stylesProp = _a.styles,
+    rest = __rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "visible", "onOpen", "onClose", "fieldNames", "checkedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "keyword", "onSearch", "clearSearchOnClosed", "clearable", "onClear", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "showCheckAll", "showOnlyShowChecked", "tagInputProps", "size", "customRender", "prefix", "suffix", "label", "showIndicator", "renderExtraHeader", "renderExtraFooter", "classNames", "styles"]);
   var _useGlobalContext = useGlobalContext(),
-    globalSize = _useGlobalContext.size;
+    globalSize = _useGlobalContext.size,
+    checkTreeSelectConfig = _useGlobalContext.checkTreeSelect;
   var size = (_b = sizeProp !== null && sizeProp !== void 0 ? sizeProp : globalSize) !== null && _b !== void 0 ? _b : 'md';
   var i18n = useLocaleContext();
+  var _useMergeSemantic = useMergeSemantic({
+      classNamesList: [checkTreeSelectConfig === null || checkTreeSelectConfig === void 0 ? void 0 : checkTreeSelectConfig.classNames, classNamesProp],
+      stylesList: [checkTreeSelectConfig === null || checkTreeSelectConfig === void 0 ? void 0 : checkTreeSelectConfig.styles, stylesProp],
+      info: {
+        props: Object.assign(Object.assign({}, rest), {
+          data: data,
+          disabled: disabled,
+          searchable: searchableProp,
+          visible: visible,
+          size: size,
+          appearance: appearance
+        })
+      }
+    }),
+    classNames = _useMergeSemantic.classNames,
+    styles = _useMergeSemantic.styles;
   var pickerInnerRef = useRef(null);
   var placeholder = isUndef(placeholderProp) ? i18n.get('checkTreeSelect.placeholder') : placeholderProp;
   var _useUncontrolledToggl = useUncontrolledToggle({
@@ -132,6 +152,7 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
         flattedNode.title = getKeyFields(raw, 'title');
         flattedNode.disabled = (_a = getKeyFields(raw, 'disabled')) !== null && _a !== void 0 ? _a : false;
         flattedNode.isLeaf = (_b = getKeyFields(raw, 'isLeaf')) !== null && _b !== void 0 ? _b : false;
+        flattedNode.checkable = raw.checkable !== false;
         return flattedNode;
       }
     });
@@ -250,17 +271,17 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     // 全选操作
     if (!currentAllChecked && !hasCheckedAll) {
       tryChangeValue(flattedData.filter(function (item) {
-        if (!item.disabled) {
-          // 根据 checkedMode 类型过滤出已选项，保证全选操作下 onChange 回调的值是符合 checkedMode 的规则
-          if (checkedMode === 'CHILD') {
-            return !item.children;
-          }
-          if (checkedMode === 'PARENT') {
-            return item.depth === 0;
-          }
-          return true;
+        if (item.disabled || item.checkable === false) {
+          return false;
         }
-        return false;
+        // 根据 checkedMode 类型过滤出已选项，保证全选操作下 onChange 回调的值是符合 checkedMode 的规则
+        if (checkedMode === 'CHILD') {
+          return !item.children;
+        }
+        if (checkedMode === 'PARENT') {
+          return item.depth === 0;
+        }
+        return true;
       }).map(function (_ref) {
         var id = _ref.id;
         return id;
@@ -304,10 +325,25 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       (_a = pickerInnerRef.current) === null || _a === void 0 ? void 0 : _a.update();
     }
   }, [menuVisible, treeProps.expandedIds]);
+  var pickerSemanticKeys = ['root', 'container', 'panel', 'header', 'search', 'body', 'footer', 'loading', 'empty', 'creator'];
+  var pickerClassNames = pickerSemanticKeys.reduce(function (acc, key) {
+    if ((classNames === null || classNames === void 0 ? void 0 : classNames[key]) !== undefined) {
+      acc[key] = classNames[key];
+    }
+    return acc;
+  }, {});
+  var pickerStyles = pickerSemanticKeys.reduce(function (acc, key) {
+    if (styles === null || styles === void 0 ? void 0 : styles[key]) {
+      acc[key] = styles[key];
+    }
+    return acc;
+  }, {});
   return /*#__PURE__*/React.createElement(Picker, Object.assign({
     ref: ref,
     innerRef: pickerInnerRef,
-    className: cls
+    className: cls,
+    classNames: pickerClassNames,
+    styles: pickerStyles
   }, rest, {
     visible: menuVisible,
     onOpen: function onOpen() {
@@ -411,7 +447,8 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
   // 只做渲染，不做逻辑处理（比如搜索过滤后，check操作的是对过滤后的data操作，这是不符合预期的）
   React.createElement(Tree, Object.assign({
     size: 'md',
-    className: prefixCls + "__tree",
+    className: cx(prefixCls + "__tree", classNames === null || classNames === void 0 ? void 0 : classNames.tree),
+    style: styles === null || styles === void 0 ? void 0 : styles.tree,
     selectable: false,
     checkable: true,
     checkOnSelect: true,

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

@@ -73,6 +73,9 @@ var allowCheck = function allowCheck(targetItem) {
   if (targetItem.disabled) {
     return false;
   }
+  if (targetItem.checkable === false) {
+    return false;
+  }
   return true;
 };
 export { useCheck };

package/lib/esm/utils/index.js

@@ -115,12 +115,21 @@ function fillCheck(checkedIds, depthEntities, nodeEntities, maxDepth, allowCheck
         children = entity.children;
       if (visitedIds.has(id)) return;
       if (isArrayNonEmpty(children)) {
-        var shouldChecked = !children.some(function (child) {
+        // 可勾选子节点需在 checkedIds；disabled / checkable:false 但有子树时走 visitedIds；
+        // checkable:false 且无子节点（纯展示叶）不阻塞父级全选
+        var childFails = function childFails(child) {
+          if (!allowCheck(child)) {
+            if (isArrayNonEmpty(child.children)) {
+              return visitedIds.has(child.id) ? !visitedIds.get(child.id) : true;
+            }
+            return false;
+          }
           if (visitedIds.has(child.id)) {
             return !visitedIds.get(child.id);
           }
           return !checkedIdsSet.has(child.id);
-        });
+        };
+        var shouldChecked = !children.some(childFails);
         visitedIds.set(id, shouldChecked);
         if (shouldChecked && allowCheck(entity)) {
           checkedIdsSet.add(id);
@@ -143,11 +152,18 @@ var getAllCheckedStatus = function getAllCheckedStatus(flattedData, values) {
       treeIdsSet["delete"](id);
     }
   });
-  return [hasValue && treeIdsSet.size === 0, hasValue && treeIdsSet.size > 0,
+  var nonCheckableCount = flattedData.filter(function (item) {
+    return item.disabled || item.checkable === false;
+  }).length;
+  var onlyNonCheckableLeft = treeIdsSet.size > 0 && [].concat(treeIdsSet).every(function (id) {
+    var n = flattedData.find(function (item) {
+      return item.id === id;
+    });
+    return n && (n.disabled || n.checkable === false);
+  });
+  return [hasValue && (treeIdsSet.size === 0 || onlyNonCheckableLeft), hasValue && treeIdsSet.size > 0 && !onlyNonCheckableLeft,
   // 该值用来判断剩余未选中的节点是否都是 disabled 的
   // 如果为 true 则表示可选值都已选中
-  treeIdsSet.size === flattedData.filter(function (item) {
-    return item.disabled;
-  }).length];
+  treeIdsSet.size === nonCheckableCount];
 };
 export { getAllCheckedStatus, parseCheckDataDirty, processCheckedIds };

package/lib/types/CheckTreeSelect.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { CheckTreeSelectDataItem, CheckTreeSelectItemEventData, CheckTreeSelectAppearanceEnum } from './types';
 import { FlattedTreeNodeData } from '@hi-ui/tree';
-import { PickerProps } from '@hi-ui/picker';
+import { PickerProps, PickerSemanticName } from '@hi-ui/picker';
+import type { ComponentSemantic, SemanticClassNamesType, SemanticStylesType } from '@hi-ui/use-merge-semantic';
 import { TagInputMockProps } from '@hi-ui/tag-input';
 import { HiBaseSizeEnum } from '@hi-ui/core';
 import { UseDataSource } from '@hi-ui/use-data-source';
@@ -9,7 +10,11 @@ import { UseDataSource } from '@hi-ui/use-data-source';
  * 多项树形选择器
  */
 export declare const CheckTreeSelect: React.ForwardRefExoticComponent<CheckTreeSelectProps & React.RefAttributes<HTMLDivElement | null>>;
-export interface CheckTreeSelectProps extends Omit<PickerProps, 'data' | 'onChange' | 'value' | 'trigger' | 'scrollable' | 'header' | 'footer'> {
+export type CheckTreeSelectSemanticName = PickerSemanticName | 'tree';
+export type CheckTreeSelectSemanticClassNames = SemanticClassNamesType<CheckTreeSelectProps, CheckTreeSelectSemanticName>;
+export type CheckTreeSelectSemanticStyles = SemanticStylesType<CheckTreeSelectProps, CheckTreeSelectSemanticName>;
+export type CheckTreeSelectSemantic = ComponentSemantic<CheckTreeSelectSemanticClassNames, CheckTreeSelectSemanticStyles>;
+export interface CheckTreeSelectProps extends Omit<PickerProps, 'data' | 'onChange' | 'value' | 'trigger' | 'scrollable' | 'header' | 'footer' | 'classNames' | 'styles'>, CheckTreeSelectSemantic {
     /**
      * 展示数据
      */

package/lib/types/types.d.ts

@@ -22,6 +22,11 @@ export interface CheckTreeSelectDataItem extends HiBaseDataItem {
      * 是否为叶子节点，当 children 为空数组也表示为叶子结点
      */
     isLeaf?: boolean;
+    /**
+     * 节点是否展示复选框；为 `false` 时不展示复选框，且该节点不可被勾选（常用于仅作分组/展开的节点）
+     * @default true
+     */
+    checkable?: boolean;
 }
 export interface FlattedCheckTreeSelectDataItem extends CheckTreeSelectDataItem {
     /**
@@ -76,5 +81,9 @@ export interface CheckTreeSelectDataSource<T = any> {
     transformResponse?: (response: object) => T;
 }
 export interface CheckTreeSelectItemEventData extends TreeNodeEventData {
+    /**
+     * 节点是否展示复选框（与数据项 `checkable` 一致，由 Tree 扁平化后透传）
+     */
+    checkable?: boolean;
 }
 export type CheckTreeSelectAppearanceEnum = HiBaseAppearanceEnum | 'contained' | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/check-tree-select",
-  "version": "5.0.0-experimental.1",
+  "version": "5.0.0-experimental.3",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -45,32 +45,33 @@
   },
   "dependencies": {
     "@hi-ui/array-utils": "^5.0.0-experimental.0",
-    "@hi-ui/checkbox": "^5.0.0-experimental.0",
+    "@hi-ui/checkbox": "^5.0.0-experimental.1",
     "@hi-ui/classname": "^5.0.0-experimental.0",
     "@hi-ui/env": "^5.0.0-experimental.0",
     "@hi-ui/func-utils": "^5.0.0-experimental.0",
-    "@hi-ui/highlighter": "^5.0.0-experimental.0",
-    "@hi-ui/icons": "^5.0.0-experimental.0",
-    "@hi-ui/picker": "^5.0.0-experimental.1",
-    "@hi-ui/popper": "^5.0.0-experimental.0",
-    "@hi-ui/tag-input": "^5.0.0-experimental.1",
-    "@hi-ui/tree": "^5.0.0-experimental.1",
+    "@hi-ui/highlighter": "^5.0.0-experimental.1",
+    "@hi-ui/icons": "^5.0.0-experimental.1",
+    "@hi-ui/picker": "^5.0.0-experimental.2",
+    "@hi-ui/popper": "^5.0.0-experimental.1",
+    "@hi-ui/tag-input": "^5.0.0-experimental.2",
+    "@hi-ui/tree": "^5.0.0-experimental.4",
     "@hi-ui/tree-utils": "^5.0.0-experimental.0",
     "@hi-ui/type-assertion": "^5.0.0-experimental.0",
     "@hi-ui/use-check": "^5.0.0-experimental.0",
     "@hi-ui/use-data-source": "^5.0.0-experimental.0",
     "@hi-ui/use-search-mode": "^5.0.0-experimental.0",
     "@hi-ui/use-toggle": "^5.0.0-experimental.0",
-    "@hi-ui/use-uncontrolled-state": "^5.0.0-experimental.0"
+    "@hi-ui/use-uncontrolled-state": "^5.0.0-experimental.0",
+    "@hi-ui/use-merge-semantic": "^5.0.0-experimental.0"
   },
   "peerDependencies": {
-    "@hi-ui/core": ">=5.0.0-experimental.0",
+    "@hi-ui/core": ">=5.0.0-experimental.2",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/core": "^5.0.0-experimental.0",
-    "@hi-ui/core-css": "^5.0.0-experimental.1",
+    "@hi-ui/core": "^5.0.0-experimental.2",
+    "@hi-ui/core-css": "^5.0.0-experimental.2",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   }