diff --git a/components/tree-select/demo/basic.vue b/components/tree-select/demo/basic.vue
index 70ca2908b..518f23e0d 100644
--- a/components/tree-select/demo/basic.vue
+++ b/components/tree-select/demo/basic.vue
@@ -1,3 +1,21 @@
+<docs>
+---
+order: 0
+title:
+  zh-CN: 基本用法
+  en-US: Basic usage
+---
+
+## zh-CN
+
+最简单的用法。
+
+## en-US
+
+The most basic usage.
+
+</docs>
+
 <template>
   <a-tree-select
     v-model:value="value"
diff --git a/components/tree-select/demo/custom-tag-render.vue b/components/tree-select/demo/custom-tag-render.vue
index 9bb2bac7d..38809e7fa 100644
--- a/components/tree-select/demo/custom-tag-render.vue
+++ b/components/tree-select/demo/custom-tag-render.vue
@@ -54,13 +54,13 @@ const treeData = ref<TreeSelectProps['treeData']>([
     color: 'pink',
     children: [
       {
-        label: 'parent 1',
-        value: 'parent 1',
+        label: 'parent 1-0',
+        value: 'parent 1-0',
         color: 'pink',
         children: [
           {
-            label: 'parent 1-0',
-            value: 'parent 1-0',
+            label: 'parent 1-0-0',
+            value: 'parent 1-0-0',
             color: 'orange',
             children: [
               {
@@ -76,8 +76,8 @@ const treeData = ref<TreeSelectProps['treeData']>([
             ],
           },
           {
-            label: 'parent 1-1',
-            value: 'parent 1-1',
+            label: 'parent 1-0-1',
+            value: 'parent 1-0-1',
             color: 'blue',
           },
         ],
diff --git a/components/tree-select/demo/highlight.vue b/components/tree-select/demo/highlight.vue
index 849cb1241..03f09e7da 100644
--- a/components/tree-select/demo/highlight.vue
+++ b/components/tree-select/demo/highlight.vue
@@ -60,12 +60,12 @@ const treeData = ref<TreeSelectProps['treeData']>([
     value: 'parent 1',
     children: [
       {
-        label: 'parent 1',
-        value: 'parent 1',
+        label: 'parent 1-0',
+        value: 'parent 1-0',
         children: [
           {
-            label: 'parent 1-0',
-            value: 'parent 1-0',
+            label: 'parent 1-0-0',
+            value: 'parent 1-0-0',
             children: [
               {
                 label: 'my leaf',
@@ -78,8 +78,8 @@ const treeData = ref<TreeSelectProps['treeData']>([
             ],
           },
           {
-            label: 'parent 1-1',
-            value: 'parent 1-1',
+            label: 'parent 1-0-1',
+            value: 'parent 1-0-1',
           },
         ],
       },
diff --git a/components/tree-select/demo/multiple.vue b/components/tree-select/demo/multiple.vue
index ef367eca7..d1df751d5 100644
--- a/components/tree-select/demo/multiple.vue
+++ b/components/tree-select/demo/multiple.vue
@@ -46,12 +46,12 @@ const treeData = ref<TreeSelectProps['treeData']>([
     value: 'parent 1',
     children: [
       {
-        label: 'parent 1',
-        value: 'parent 1',
+        label: 'parent 1-0',
+        value: 'parent 1-0',
         children: [
           {
-            label: 'parent 1-0',
-            value: 'parent 1-0',
+            label: 'parent 1-0-0',
+            value: 'parent 1-0-0',
             children: [
               {
                 label: 'my leaf',
@@ -64,8 +64,8 @@ const treeData = ref<TreeSelectProps['treeData']>([
             ],
           },
           {
-            label: 'parent 1-1',
-            value: 'parent 1-1',
+            label: 'parent 1-0-1',
+            value: 'parent 1-0-1',
           },
         ],
       },