@hi-ui/check-tree-select 5.0.0-experimental.2 → 5.0.0-rc.0

package/CHANGELOG.md

@@ -1,46 +1,6 @@
 # @hi-ui/check-tree-select
 
-## 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
-
-- 8f23e9322: style: 表单类组件统一调整后缀颜色、placeholder 颜色 (5.0)
-- 发布 hiui experimental 版本
-- fe579e212: style(tree): update class names for tree node elements in SCSS (5.0)
-- Updated dependencies [8f23e9322]
-- Updated dependencies [b27483796]
-- Updated dependencies [900c6c2f0]
-- Updated dependencies
-- Updated dependencies [fe579e212]
-  - @hi-ui/picker@5.0.0-experimental.1
-  - @hi-ui/tag-input@5.0.0-experimental.1
-  - @hi-ui/tree@5.0.0-experimental.1
-
-## 5.0.0-experimental.0
+## 5.0.0-rc.0
 
 ### Major Changes
 
@@ -53,18 +13,20 @@
   - feat(picker): 下拉选择类组件增加 xs 尺寸 (5.0)
   - feat(input): 输入框组件增加 xs 尺寸 (5.0)
 - 6dca7795c: feat: 下拉选择组件增加 showIndicator 参数 & 修改 appearance 中的 unset 样式 (5.0)
+- 07a57b9c1: feat(check-tree-select): 支持设置 checkable (5.0)
 - 77d969c2e: feat: 下拉选择类组件 appearance 参数增加 contained 类型 (5.0)
 - 58ad82e94: feat: 输入框和选择器组件增加 borderless 形态 (5.0)
+- 59cef699f: feat: 组件语义化样式改造，增加 styles 和 classNames 属性 (5.0)
 
 ### Patch Changes
 
-- 1662753e0: style: fix ui bug (5.0)
 - cf89262c7: style(picker): 移除 picker 组件中的 \_\_text 样式定义 (5.0)
 - cb9d8f6db: fix(tag-input): 修复 contained 模式下 displayRender 设置无效问题 (5.0)
-- be5a59325: style: 修改样式问题 (5.0)
 - 79ea480f3: feat(global-context): 增加 size api 全局配置 (5.0)
 - 2e56529f7: styles: 主题定制功能完善&&样式变量化写法改造&&兼容 RTL (5.0)
 - eb718e940: fix: 修改组件问题 (5.0)
+- 8f23e9322: style: 表单类组件统一调整后缀颜色、placeholder 颜色 (5.0)
+- eb17c4697: style: 修复 UI/样式问题 (5.0)
 - de8d058dc: perf: 对下拉选择类组件的 customRender 的内容增加 memoization 以优化性能 (5.0)
 - 5210770d9: feat(picker): add header api (5.0)
 - 33da3144e: build: 将 package.json 中 exports 配置中的 types 配置放在最上面 (5.0)
@@ -73,77 +35,84 @@
   - style(tag-input): 间距调整 (5.0)
   - style(select): 选择类组件选项圆角改为 4px (5.0)
   - style(picker): 搜索框样式调整 (5.0)
+- fe579e212: style(tree): update class names for tree node elements in SCSS (5.0)
 - 99801c2d1: fix: 修复 UI 问题 (5.0)
 - Updated dependencies [0b34e1c15]
 - Updated dependencies [4a31cea53]
 - Updated dependencies [1e226cd66]
 - Updated dependencies [cce71cdfa]
 - Updated dependencies [b9989e482]
+- Updated dependencies [7f204c892]
 - Updated dependencies [9b34d99bc]
-- Updated dependencies [1662753e0]
 - Updated dependencies [122d1d859]
 - Updated dependencies [f1ab51725]
 - Updated dependencies [41552be0b]
+- Updated dependencies [eb17c4697]
 - Updated dependencies [8c0ee78f0]
 - Updated dependencies [9b34d99bc]
 - Updated dependencies [8f3aa85e4]
-- Updated dependencies [f4fc0ef30]
 - Updated dependencies [cb9d8f6db]
+- Updated dependencies [e25399be4]
 - Updated dependencies [29cae09ea]
 - Updated dependencies [fd4c20bbd]
-- Updated dependencies [be5a59325]
-- Updated dependencies [71fc15e5c]
 - Updated dependencies [f8acad4e1]
 - Updated dependencies [79ea480f3]
 - Updated dependencies [2e56529f7]
+- Updated dependencies [3a7186e4b]
 - Updated dependencies [277c5033a]
 - Updated dependencies [4e0ed3a31]
 - Updated dependencies [95abba983]
+- Updated dependencies [8f23e9322]
 - Updated dependencies [4a31cea53]
+- Updated dependencies [b27483796]
+- Updated dependencies [eb17c4697]
 - Updated dependencies [98df634ac]
 - Updated dependencies [976ec929d]
 - Updated dependencies [223bd1397]
 - Updated dependencies [f1ab51725]
 - Updated dependencies [6dca7795c]
+- Updated dependencies [900c6c2f0]
 - Updated dependencies [7b956b1eb]
 - Updated dependencies [5210770d9]
-- Updated dependencies [e2d184e74]
+- Updated dependencies [c407744fe]
+- Updated dependencies [d91a8bb0f]
+- Updated dependencies [07a57b9c1]
 - Updated dependencies [77d969c2e]
 - Updated dependencies [9ecf354ba]
 - Updated dependencies [e42e2badf]
 - Updated dependencies [33da3144e]
 - Updated dependencies [e7b64347e]
-- Updated dependencies [7f3abee55]
 - Updated dependencies [6fcda9bf2]
 - Updated dependencies [0a4e90dbd]
+- Updated dependencies [fe579e212]
 - Updated dependencies [58ad82e94]
-- Updated dependencies [a0f0c9d6b]
 - Updated dependencies [4a31cea53]
+- Updated dependencies [95d930354]
 - Updated dependencies [f2be367e9]
-- Updated dependencies [1fae66f2d]
 - Updated dependencies [1972fd16a]
+- Updated dependencies [59cef699f]
 - Updated dependencies [99801c2d1]
-- Updated dependencies [86910f5e2]
 - Updated dependencies [cb7b794d0]
-  - @hi-ui/picker@5.0.0-experimental.0
-  - @hi-ui/tree@5.0.0-experimental.0
-  - @hi-ui/popper@5.0.0-experimental.0
-  - @hi-ui/tag-input@5.0.0-experimental.0
-  - @hi-ui/icons@5.0.0-experimental.0
-  - @hi-ui/core@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/checkbox@5.0.0-experimental.0
-  - @hi-ui/highlighter@5.0.0-experimental.0
-  - @hi-ui/array-utils@5.0.0-experimental.0
-  - @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/tree-utils@5.0.0-experimental.0
-  - @hi-ui/type-assertion@5.0.0-experimental.0
+  - @hi-ui/picker@5.0.0-rc.0
+  - @hi-ui/tree@5.0.0-rc.0
+  - @hi-ui/popper@5.0.0-rc.0
+  - @hi-ui/tag-input@5.0.0-rc.0
+  - @hi-ui/icons@5.0.0-rc.0
+  - @hi-ui/core@5.0.0-rc.0
+  - @hi-ui/use-check@5.0.0-rc.0
+  - @hi-ui/use-data-source@5.0.0-rc.0
+  - @hi-ui/use-search-mode@5.0.0-rc.0
+  - @hi-ui/use-toggle@5.0.0-rc.0
+  - @hi-ui/use-uncontrolled-state@5.0.0-rc.0
+  - @hi-ui/checkbox@5.0.0-rc.0
+  - @hi-ui/highlighter@5.0.0-rc.0
+  - @hi-ui/array-utils@5.0.0-rc.0
+  - @hi-ui/classname@5.0.0-rc.0
+  - @hi-ui/env@5.0.0-rc.0
+  - @hi-ui/func-utils@5.0.0-rc.0
+  - @hi-ui/tree-utils@5.0.0-rc.0
+  - @hi-ui/type-assertion@5.0.0-rc.0
+  - @hi-ui/use-merge-semantic@5.0.0-rc.0
 
 ## 4.7.6
 

package/lib/cjs/CheckTreeSelect.js

@@ -165,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;
       }
     });
@@ -283,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;
+        }
+        // 根据 checkedMode 类型过滤出已选项，保证全选操作下 onChange 回调的值是符合 checkedMode 的规则
+        if (checkedMode === 'CHILD') {
+          return !item.children;
+        }
+        if (checkedMode === 'PARENT') {
+          return item.depth === 0;
         }
-        return false;
+        return true;
       }).map(function (_ref) {
         var id = _ref.id;
         return id;

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

@@ -152,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;
       }
     });
@@ -270,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;
+        }
+        // 根据 checkedMode 类型过滤出已选项，保证全选操作下 onChange 回调的值是符合 checkedMode 的规则
+        if (checkedMode === 'CHILD') {
+          return !item.children;
+        }
+        if (checkedMode === 'PARENT') {
+          return item.depth === 0;
         }
-        return false;
+        return true;
       }).map(function (_ref) {
         var id = _ref.id;
         return id;

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

@@ -10,10 +10,10 @@ import { UseDataSource } from '@hi-ui/use-data-source';
  * 多项树形选择器
  */
 export declare const CheckTreeSelect: React.ForwardRefExoticComponent<CheckTreeSelectProps & React.RefAttributes<HTMLDivElement | null>>;
-export type CheckTreeSelectSemanticName = PickerSemanticName | 'tree';
-export type CheckTreeSelectSemanticClassNames = SemanticClassNamesType<CheckTreeSelectProps, CheckTreeSelectSemanticName>;
-export type CheckTreeSelectSemanticStyles = SemanticStylesType<CheckTreeSelectProps, CheckTreeSelectSemanticName>;
-export type CheckTreeSelectSemantic = ComponentSemantic<CheckTreeSelectSemanticClassNames, CheckTreeSelectSemanticStyles>;
+export declare type CheckTreeSelectSemanticName = PickerSemanticName | 'tree';
+export declare type CheckTreeSelectSemanticClassNames = SemanticClassNamesType<CheckTreeSelectProps, CheckTreeSelectSemanticName>;
+export declare type CheckTreeSelectSemanticStyles = SemanticStylesType<CheckTreeSelectProps, CheckTreeSelectSemanticName>;
+export declare type CheckTreeSelectSemantic = ComponentSemantic<CheckTreeSelectSemanticClassNames, CheckTreeSelectSemanticStyles>;
 export interface CheckTreeSelectProps extends Omit<PickerProps, 'data' | 'onChange' | 'value' | 'trigger' | 'scrollable' | 'header' | 'footer' | 'classNames' | 'styles'>, CheckTreeSelectSemantic {
     /**
      * 展示数据

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

@@ -3,9 +3,9 @@ import { FlattedCheckTreeSelectDataItem, CheckTreeSelectItemEventData, CheckTree
 /**
  * 用于 tree 组件复选的 hook
  */
-export declare const useCheck: (checkedMode: string, disabled: boolean, flattedData: FlattedCheckTreeSelectDataItem[], defaultCheckedIds: React.ReactText[], checkedIdsProp?: React.ReactText[], onCheck?: (checkedIds: React.ReactText[], options: {
+export declare const useCheck: (checkedMode: string, disabled: boolean, flattedData: FlattedCheckTreeSelectDataItem[], defaultCheckedIds: React.ReactText[], checkedIdsProp?: React.ReactText[] | undefined, onCheck?: ((checkedIds: React.ReactText[], options: {
     checkedNodes: CheckTreeSelectDataItem[];
     semiCheckedIds: React.ReactText[];
     targetNode: CheckTreeSelectItemEventData;
     checked: boolean;
-}) => void) => readonly [React.ReactText[], (stateOrFunction: React.SetStateAction<React.ReactText[]>, ...args: any[]) => void, (target: FlattedCheckTreeSelectDataItem, shouldChecked: boolean) => void, FlattedCheckTreeSelectDataItem[], React.ReactText[]];
+}) => void) | undefined) => readonly [React.ReactText[], (stateOrFunction: React.SetStateAction<React.ReactText[]>, ...args: any[]) => void, (target: FlattedCheckTreeSelectDataItem, shouldChecked: boolean) => void, FlattedCheckTreeSelectDataItem[], React.ReactText[]];

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;
+export declare type CheckTreeSelectAppearanceEnum = HiBaseAppearanceEnum | 'contained' | undefined;

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

@@ -10,5 +10,5 @@ export declare const processCheckedIds: (type: string, checkedIds: React.ReactTe
 /**
  * 根据传入的 checkedIds 解析全选/半选数据
  */
-export declare const parseCheckDataDirty: (type: string, checkedIds: React.ReactText[], flattenData: any, allowCheck?: (node: any) => boolean) => React.ReactText[];
+export declare const parseCheckDataDirty: (type: string, checkedIds: React.ReactText[], flattenData: any, allowCheck?: ((node: any) => boolean) | undefined) => React.ReactText[];
 export declare const getAllCheckedStatus: (flattedData: any[], values: React.ReactText[]) => boolean[];

package/package.json

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