diff --git a/src/_common b/src/_common
index a78db5d83..01f83a36f 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit a78db5d8382c3c96cacedc2a9cb669584d0d3d9d
+Subproject commit 01f83a36fe9879ee2e7a99d9a56b790e217042f3
diff --git a/src/common.ts b/src/common.ts
index 5b27058c1..1e35eb7ba 100644
--- a/src/common.ts
+++ b/src/common.ts
@@ -45,7 +45,7 @@ export type OptionData = {
 } & PlainObject;
 
 export type TreeOptionData<T = string | number> = {
-  children?: Array<TreeOptionData<T>>;
+  children?: Array<TreeOptionData<T>> | boolean;
   /** option label content */
   label?: string | TNode;
   /** option search text */
diff --git a/src/tree-select/useTreeSelect.ts b/src/tree-select/useTreeSelect.ts
index b542586b4..8a521e32c 100644
--- a/src/tree-select/useTreeSelect.ts
+++ b/src/tree-select/useTreeSelect.ts
@@ -177,7 +177,10 @@ export default function useTreeSelect(props: TdTreeSelectProps, context: SetupCo
       return;
     }
     const onlyLeafNode = Boolean(
-      !props.multiple && props.treeProps?.valueMode === 'onlyLeaf' && ctx.node?.data?.children?.length,
+      !props.multiple
+        && props.treeProps?.valueMode === 'onlyLeaf'
+        && Array.isArray(ctx.node?.data?.children)
+        && ctx.node?.data?.children?.length,
     );
     let current: TreeSelectValue = value;
     const nodeValue = Array.isArray(value) ? value[0] : value;
diff --git a/src/tree-select/utils.ts b/src/tree-select/utils.ts
index 7235c98e6..566127a6f 100644
--- a/src/tree-select/utils.ts
+++ b/src/tree-select/utils.ts
@@ -18,7 +18,7 @@ export function getNodeDataByValue(
         // results.push(item);
         results.set(values[index], item);
       }
-      if (item.children?.length) {
+      if (Array.isArray(item.children) && item.children?.length) {
         getTreeNodeData(values, item.children, keys, results);
       }
       if (results.size >= values.length) {
diff --git a/src/tree/__tests__/activable.test.jsx b/src/tree/__tests__/activable.test.jsx
index 68e9e8cc2..075ca275e 100644
--- a/src/tree/__tests__/activable.test.jsx
+++ b/src/tree/__tests__/activable.test.jsx
@@ -166,6 +166,55 @@ describe('Tree:activable', () => {
       expect(wrapper.find('[data-value="t1.1"]').classes('t-is-active')).toBe(false);
       expect(wrapper.find('[data-value="t1.2"]').classes('t-is-active')).toBe(false);
     });
+
+    it('actived 受控处理可赋值空值', async () => {
+      const data = [
+        {
+          value: 't1',
+          children: [
+            {
+              value: 't1.1',
+            },
+            {
+              value: 't1.2',
+            },
+          ],
+        },
+      ];
+      const wrapper = mount({
+        data() {
+          return {
+            actived: ['t1'],
+          };
+        },
+        methods: {
+          onActive(vals) {
+            const actived = vals.filter((val) => val !== 't1');
+            this.actived = actived;
+          },
+        },
+        render() {
+          return (
+            <Tree
+              ref="tree"
+              data={data}
+              activable
+              actived={this.actived}
+              onActive={this.onActive}
+              expand-all
+              transition={false}
+            ></Tree>
+          );
+        },
+      });
+      await delay(1);
+      expect(wrapper.find('[data-value="t1"]').classes('t-is-active')).toBe(true);
+      await wrapper.find('[data-value="t1"] .t-tree__label').trigger('click');
+      expect(wrapper.find('[data-value="t1"]').classes('t-is-active')).toBe(false);
+      await delay(1);
+      await wrapper.find('[data-value="t1"] .t-tree__label').trigger('click');
+      expect(wrapper.find('[data-value="t1"]').classes('t-is-active')).toBe(false);
+    });
   });
 
   describe('props.activeMultiple', () => {
diff --git a/src/tree/__tests__/adapt.js b/src/tree/__tests__/adapt.js
new file mode 100644
index 000000000..455962b2d
--- /dev/null
+++ b/src/tree/__tests__/adapt.js
@@ -0,0 +1,2 @@
+/* eslint-disable import/prefer-default-export */
+export { defineComponent } from '@vue/composition-api';
diff --git a/src/tree/__tests__/api.test.jsx b/src/tree/__tests__/api.test.jsx
index b8666da45..400a2dedf 100644
--- a/src/tree/__tests__/api.test.jsx
+++ b/src/tree/__tests__/api.test.jsx
@@ -24,16 +24,14 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
       expect(wrapper.find('[data-value="t1"]').exists()).toBe(true);
       expect(wrapper.find('[data-value="t1.1"]').exists()).toBe(true);
       expect(wrapper.find('[data-value="t2"]').exists()).toBe(true);
-
       wrapper.vm.$refs.tree.remove('t2');
       await delay(10);
-
       expect(wrapper.find('[data-value="t2"]').exists()).toBe(false);
     });
   });
@@ -57,7 +55,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -86,7 +84,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -109,7 +107,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -146,7 +144,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} checkable />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} checkable />;
         },
       });
 
@@ -186,7 +184,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} />;
+          return <Tree ref="tree" transition={false} data={data} />;
         },
       });
 
@@ -224,7 +222,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -264,7 +262,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -308,7 +306,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -354,7 +352,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -392,7 +390,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -430,7 +428,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -472,7 +470,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -518,7 +516,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -556,7 +554,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -594,7 +592,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -636,7 +634,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -668,7 +666,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -690,7 +688,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -722,7 +720,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
@@ -762,7 +760,7 @@ describe('Tree:api', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true} />;
+          return <Tree ref="tree" transition={false} data={data} expandAll={true} />;
         },
       });
 
diff --git a/src/tree/__tests__/checkable.test.jsx b/src/tree/__tests__/checkable.test.jsx
index 86c0f5247..0a4a15c84 100644
--- a/src/tree/__tests__/checkable.test.jsx
+++ b/src/tree/__tests__/checkable.test.jsx
@@ -18,7 +18,7 @@ describe('Tree:checkable', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree data={data} expandAll></Tree>;
+          return <Tree transition={false} data={data} expandAll></Tree>;
         },
       });
       expect(wrapper.find('[data-value="t1"] input[type=checkbox]').exists()).toBe(false);
@@ -37,7 +37,7 @@ describe('Tree:checkable', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree data={data} checkable expandAll></Tree>;
+          return <Tree transition={false} data={data} checkable expandAll></Tree>;
         },
       });
       expect(wrapper.find('[data-value="t1"] input[type=checkbox]').exists()).toBe(true);
@@ -67,7 +67,7 @@ describe('Tree:checkable', () => {
           };
         },
         render() {
-          return <Tree data={data} checkable expandAll defaultValue={this.value}></Tree>;
+          return <Tree transition={false} data={data} checkable expandAll defaultValue={this.value}></Tree>;
         },
       });
       expect(wrapper.find('[data-value="t1"] .t-checkbox').classes('t-is-checked')).toBe(false);
@@ -99,7 +99,7 @@ describe('Tree:checkable', () => {
           };
         },
         render() {
-          return <Tree data={data} checkable expandAll value={this.value}></Tree>;
+          return <Tree transition={false} data={data} checkable expandAll value={this.value}></Tree>;
         },
       });
       expect(wrapper.find('[data-value="t1"] .t-checkbox').classes('t-is-checked')).toBe(false);
@@ -129,7 +129,7 @@ describe('Tree:checkable', () => {
           };
         },
         render() {
-          return <Tree data={data} checkable expandAll value={this.value}></Tree>;
+          return <Tree transition={false} data={data} checkable expandAll value={this.value}></Tree>;
         },
       });
       wrapper.setData({
@@ -166,7 +166,7 @@ describe('Tree:checkable', () => {
           });
         },
         render() {
-          return <Tree ref="tree" data={data} checkable expandAll checkStrictly></Tree>;
+          return <Tree transition={false} ref="tree" data={data} checkable expandAll checkStrictly></Tree>;
         },
       });
 
@@ -195,15 +195,18 @@ describe('Tree:checkable', () => {
           ],
         },
       ];
+      let changeParams = null;
+      const onChange = (checked, context) => {
+        changeParams = [checked, context];
+      };
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} checkable valueMode="onlyLeaf"></Tree>;
+          return (
+            <Tree transition={false} ref="tree" data={data} checkable valueMode="onlyLeaf" onChange={onChange}></Tree>
+          );
         },
       });
-
       await wrapper.find('[data-value="t1"] input[type="checkbox"]').setChecked();
-      const treeWrapper = wrapper.findComponent(Tree);
-      const changeParams = treeWrapper.emitted().change[0];
       expect(changeParams[0]).toEqual(['t1.1.1']);
       expect(changeParams[1].node.value).toEqual('t1');
     });
@@ -224,14 +227,16 @@ describe('Tree:checkable', () => {
           ],
         },
       ];
+      let changeParams = null;
+      const onChange = (checked, context) => {
+        changeParams = [checked, context];
+      };
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} checkable valueMode="all"></Tree>;
+          return <Tree transition={false} ref="tree" data={data} checkable valueMode="all" onChange={onChange}></Tree>;
         },
       });
-      const treeWrapper = wrapper.findComponent(Tree);
       await wrapper.find('[data-value="t1"] input[type="checkbox"]').setChecked();
-      const changeParams = treeWrapper.emitted().change[0];
       expect(changeParams[0]).toEqual(['t1', 't1.1', 't1.1.1']);
       expect(changeParams[1].node.value).toEqual('t1');
     });
@@ -252,14 +257,25 @@ describe('Tree:checkable', () => {
           ],
         },
       ];
+      let changeParams = null;
+      const onChange = (checked, context) => {
+        changeParams = [checked, context];
+      };
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} checkable valueMode="parentFirst"></Tree>;
+          return (
+            <Tree
+              transition={false}
+              ref="tree"
+              data={data}
+              checkable
+              valueMode="parentFirst"
+              onChange={onChange}
+            ></Tree>
+          );
         },
       });
-      const treeWrapper = wrapper.findComponent(Tree);
       await wrapper.find('[data-value="t1"] input[type="checkbox"]').setChecked();
-      const changeParams = treeWrapper.emitted().change[0];
       expect(changeParams[0]).toEqual(['t1']);
       expect(changeParams[1].node.value).toEqual('t1');
     });
diff --git a/src/tree/__tests__/debug.md b/src/tree/__tests__/debug.md
index cebbe0395..35a3b0eaa 100644
--- a/src/tree/__tests__/debug.md
+++ b/src/tree/__tests__/debug.md
@@ -17,6 +17,35 @@ tree 针对性测试命令:
 npx vitest ./src/tree/__tests__/
 ```
 
+## 分支维护
+
+- 原项目 clone 到本地，并 fork 项目用于分支开发。
+- 配置分支推送到个人仓库，merge request 从个人仓库分支发起，个人仓库 develop 分支保持与原仓库一致。
+- 创建分支时，从原仓库分支创建，确保原仓库分支 upstream 为原仓库 develop 分支。
+
+以用户名为 author 为例，流程指令一览:
+
+```bash
+# 进入项目，添加个人远程分支
+git remote add {author} git@github.com:{author}/tdesign-vue-next.git
+# 切换到原仓库 develop 分支
+git checkout develop
+# 更新原仓库代码
+git pull
+# 更新 submodule 仓库代码
+gi submodule update
+# 本地建立调试分支
+git checkout -b fix/tree/debug
+# 分支推送到个人仓库进行维护
+git push {author}
+# 该分支实际第一次推送代码时，配置 upstream
+git push --set-upstream {author} fix/tree/debug
+```
+
+分支维护完毕后，在 github 选择该分支发起 merge request。
+
+该流程可避免 MR 时混入大量重复的提交日志。
+
 ## 调试界面
 
 单独组件调试地址示例
diff --git a/src/tree/__tests__/event.test.jsx b/src/tree/__tests__/event.test.jsx
index 4f8c11102..a185918d7 100644
--- a/src/tree/__tests__/event.test.jsx
+++ b/src/tree/__tests__/event.test.jsx
@@ -1,20 +1,37 @@
-import Vue from 'vue';
+/* eslint-disable vue/order-in-components */
 import { mount } from '@vue/test-utils';
 import Tree from '@/src/tree/index.ts';
+import { defineComponent } from './adapt';
+import { delay, step } from './kit';
+
+// 2023.09.27 测试逻辑变更
+// 直接操作数据的动作，不再触发 onChange, onActive, onExpand 事件
+// 仅用户操作视图时的点击等动作，会触发 onChange, onActive, onExpand 事件
 
 describe('Tree:props:events', () => {
   vi.useRealTimers();
   describe('event:active', () => {
-    it('onActive 回调可触发', () => new Promise((resolve) => {
+    it('onActive 回调可触发', async () => {
       const data = [{ value: 't1' }, { value: 't2' }];
-      mount(
-        Vue.component('test', {
+      const step1 = step();
+      let rsActived = [];
+      let rsContext = null;
+      const wrapper = mount(
+        // eslint-disable-next-line vue/one-component-per-file
+        defineComponent({
           components: {
             Tree,
           },
-          template: ['<Tree', 'ref="tree"', ':data="items"', 'activable', ':onActive="onActive"', '></Tree>'].join(
-            ' ',
-          ),
+          // 使用 template 写法是为了 vue2, vue3 统一测试用例
+          template: [
+            '<Tree',
+            ':transition="false"',
+            'ref="tree"',
+            ':data="items"',
+            'activable',
+            ':onActive="onActive"',
+            '></Tree>',
+          ].join(' '),
           data() {
             return {
               items: data,
@@ -22,29 +39,43 @@ describe('Tree:props:events', () => {
           },
           methods: {
             onActive(actived, context) {
-              expect(actived.length).toBe(1);
-              expect(actived[0]).toBe('t2');
-              expect(context.node.value).toBe('t2');
-              resolve();
+              rsActived = actived;
+              rsContext = context;
+              step1.ready();
             },
           },
-          mounted() {
-            this.$refs.tree.setItem('t2', {
-              actived: true,
-            });
-          },
         }),
       );
-    }, 10));
 
-    it('active 事件可触发', () => new Promise((resolve) => {
+      await delay(1);
+      wrapper.find('[data-value="t2"] .t-tree__label').trigger('click');
+      await step1;
+
+      expect(rsActived.length).toBe(1);
+      expect(rsActived[0]).toBe('t2');
+      expect(rsContext.node.value).toBe('t2');
+    }, 300);
+
+    it('active 事件可触发', async () => {
       const data = [{ value: 't1' }, { value: 't2' }];
-      mount(
-        Vue.component('test', {
+      const step1 = step();
+      let rsActived = [];
+      let rsContext = null;
+      const wrapper = mount(
+        // eslint-disable-next-line vue/one-component-per-file
+        defineComponent({
           components: {
             Tree,
           },
-          template: ['<Tree', 'ref="tree"', ':data="items"', 'activable', '@active="onActive"', '></Tree>'].join(' '),
+          template: [
+            '<Tree',
+            ':transition="false"',
+            'ref="tree"',
+            ':data="items"',
+            'activable',
+            '@active="onActive"',
+            '></Tree>',
+          ].join(' '),
           data() {
             return {
               items: data,
@@ -52,24 +83,26 @@ describe('Tree:props:events', () => {
           },
           methods: {
             onActive(actived, context) {
-              expect(actived.length).toBe(1);
-              expect(actived[0]).toBe('t2');
-              expect(context.node.value).toBe('t2');
-              resolve();
+              rsActived = actived;
+              rsContext = context;
+              step1.ready();
             },
           },
-          mounted() {
-            this.$refs.tree.setItem('t2', {
-              actived: true,
-            });
-          },
         }),
       );
-    }, 10));
+
+      await delay(1);
+      wrapper.find('[data-value="t2"] .t-tree__label').trigger('click');
+      await step1;
+
+      expect(rsActived.length).toBe(1);
+      expect(rsActived[0]).toBe('t2');
+      expect(rsContext.node.value).toBe('t2');
+    }, 300);
   });
 
   describe('event:expand', () => {
-    it('onExpand 回调可触发', () => new Promise((resolve) => {
+    it('onExpand 回调可触发', async () => {
       const data = [
         {
           value: 't1',
@@ -89,12 +122,23 @@ describe('Tree:props:events', () => {
         },
       ];
 
-      mount(
-        Vue.component('test', {
+      const step1 = step();
+      let rsExpanded = [];
+      let rsContext = null;
+      const wrapper = mount(
+        // eslint-disable-next-line vue/one-component-per-file
+        defineComponent({
           components: {
             Tree,
           },
-          template: ['<Tree', 'ref="tree"', ':data="items"', ':onExpand="onExpand"', '></Tree>'].join(' '),
+          template: [
+            '<Tree',
+            ':transition="false"',
+            'ref="tree"',
+            ':data="items"',
+            ':onExpand="onExpand"',
+            '></Tree>',
+          ].join(' '),
           data() {
             return {
               items: data,
@@ -102,22 +146,24 @@ describe('Tree:props:events', () => {
           },
           methods: {
             onExpand(expanded, context) {
-              expect(expanded.length).toBe(1);
-              expect(expanded[0]).toBe('t2');
-              expect(context.node.value).toBe('t2');
-              resolve();
+              rsExpanded = expanded;
+              rsContext = context;
+              step1.ready();
             },
           },
-          mounted() {
-            this.$refs.tree.setItem('t2', {
-              expanded: true,
-            });
-          },
         }),
       );
-    }, 10));
 
-    it('expand 事件可触发', () => new Promise((resolve) => {
+      await delay(1);
+      wrapper.find('[data-value="t2"] .t-tree__icon').trigger('click');
+      await step1;
+
+      expect(rsExpanded.length).toBe(1);
+      expect(rsExpanded[0]).toBe('t2');
+      expect(rsContext.node.value).toBe('t2');
+    }, 300);
+
+    it('expand 事件可触发', async () => {
       const data = [
         {
           value: 't1',
@@ -137,12 +183,23 @@ describe('Tree:props:events', () => {
         },
       ];
 
-      mount(
-        Vue.component('test', {
+      const step1 = step();
+      let rsExpanded = [];
+      let rsContext = null;
+      const wrapper = mount(
+        // eslint-disable-next-line vue/one-component-per-file
+        defineComponent({
           components: {
             Tree,
           },
-          template: ['<Tree', 'ref="tree"', ':data="items"', '@expand="onExpand"', '></Tree>'].join(' '),
+          template: [
+            '<Tree',
+            ':transition="false"',
+            'ref="tree"',
+            ':data="items"',
+            '@expand="onExpand"',
+            '></Tree>',
+          ].join(' '),
           data() {
             return {
               items: data,
@@ -150,24 +207,26 @@ describe('Tree:props:events', () => {
           },
           methods: {
             onExpand(expanded, context) {
-              expect(expanded.length).toBe(1);
-              expect(expanded[0]).toBe('t2');
-              expect(context.node.value).toBe('t2');
-              resolve();
+              rsExpanded = expanded;
+              rsContext = context;
+              step1.ready();
             },
           },
-          mounted() {
-            this.$refs.tree.setItem('t2', {
-              expanded: true,
-            });
-          },
         }),
       );
-    }, 10));
+
+      await delay(1);
+      wrapper.find('[data-value="t2"] .t-tree__icon').trigger('click');
+      await step1;
+
+      expect(rsExpanded.length).toBe(1);
+      expect(rsExpanded[0]).toBe('t2');
+      expect(rsContext.node.value).toBe('t2');
+    }, 300);
   });
 
-  describe('event:change', () => {
-    it('onChange 回调可触发', () => new Promise((resolve) => {
+  describe('event:change', async () => {
+    it('onChange 回调可触发', async () => {
       const data = [
         {
           value: 't1',
@@ -186,27 +245,114 @@ describe('Tree:props:events', () => {
           ],
         },
       ];
-      const onChange = (checked, context) => {
-        expect(checked.length).toBe(1);
-        expect(checked[0]).toBe('t2.1');
-        expect(context.node.value).toBe('t2');
-        resolve();
-      };
-      mount({
-        mounted() {
-          this.$refs.tree.setItem('t2', {
-            checked: true,
-          });
+
+      const step1 = step();
+      let rsValue = [];
+      let rsContext = null;
+      const wrapper = mount(
+        // eslint-disable-next-line vue/one-component-per-file
+        defineComponent({
+          components: {
+            Tree,
+          },
+          template: [
+            '<Tree',
+            'ref="tree"',
+            ':transition="false"',
+            ':data="items"',
+            'checkable',
+            ':onChange="onChange"',
+            '></Tree>',
+          ].join(' '),
+          data() {
+            return {
+              items: data,
+            };
+          },
+          methods: {
+            onChange(value, context) {
+              rsValue = value;
+              rsContext = context;
+              step1.ready();
+            },
+          },
+        }),
+      );
+
+      await delay(1);
+      wrapper.find('[data-value="t2"] input[type="checkbox"]').setChecked();
+      await step1;
+
+      expect(rsValue.length).toBe(1);
+      expect(rsValue[0]).toBe('t2.1');
+      expect(rsContext.node.value).toBe('t2');
+    }, 300);
+
+    it('change 事件可触发', async () => {
+      const data = [
+        {
+          value: 't1',
+          children: [
+            {
+              value: 't1.1',
+            },
+          ],
         },
-        render() {
-          return <Tree ref="tree" data={data} checkable onChange={onChange}></Tree>;
+        {
+          value: 't2',
+          children: [
+            {
+              value: 't2.1',
+            },
+          ],
         },
-      });
-    }, 10));
+      ];
+
+      const step1 = step();
+      let rsValue = [];
+      let rsContext = null;
+      const wrapper = mount(
+        // eslint-disable-next-line vue/one-component-per-file
+        defineComponent({
+          components: {
+            Tree,
+          },
+          template: [
+            '<Tree',
+            'ref="tree"',
+            ':transition="false"',
+            ':data="items"',
+            'checkable',
+            '@change="onChange"',
+            '></Tree>',
+          ].join(' '),
+          data() {
+            return {
+              items: data,
+            };
+          },
+          methods: {
+            onChange(value, context) {
+              rsValue = value;
+              rsContext = context;
+              step1.ready();
+            },
+          },
+        }),
+      );
+
+      await delay(1);
+      wrapper.find('[data-value="t2"] input[type="checkbox"]').setChecked();
+      await step1;
+
+      expect(rsValue.length).toBe(1);
+      expect(rsValue[0]).toBe('t2.1');
+      expect(rsContext.node.value).toBe('t2');
+    }, 300);
   });
 
   describe('event:load', () => {
-    it('onLoad 回调可触发', () => new Promise((itResolve) => {
+    it('onLoad 回调可触发', async () => {
       const data = [
         {
           label: '1',
@@ -221,11 +367,6 @@ describe('Tree:props:events', () => {
         loadedValues.push(context.node.value);
       };
 
-      setTimeout(() => {
-        expect(loadedValues[0]).toBe('t1');
-        itResolve();
-      }, 10);
-
       const loadData = (node) => new Promise((resolve) => {
         setTimeout(() => {
           let nodes = [];
@@ -244,9 +385,22 @@ describe('Tree:props:events', () => {
 
       mount({
         render() {
-          return <Tree ref="tree" data={data} expand-all lazy={false} load={loadData} onLoad={onLoad}></Tree>;
+          return (
+            <Tree
+              ref="tree"
+              transition={false}
+              data={data}
+              expand-all
+              lazy={false}
+              load={loadData}
+              onLoad={onLoad}
+            ></Tree>
+          );
         },
       });
-    }, 20));
+
+      await delay(10);
+      expect(loadedValues[0]).toBe('t1');
+    }, 300);
   });
 });
diff --git a/src/tree/__tests__/expand.test.jsx b/src/tree/__tests__/expand.test.jsx
index e49c0a073..c235c2e90 100644
--- a/src/tree/__tests__/expand.test.jsx
+++ b/src/tree/__tests__/expand.test.jsx
@@ -18,7 +18,7 @@ describe('Tree:expand', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree data={data} expandAll></Tree>;
+          return <Tree transition={false} data={data} expandAll></Tree>;
         },
       });
       expect(wrapper.find('[data-value="t1.1"]').exists()).toBe(true);
@@ -37,7 +37,7 @@ describe('Tree:expand', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree data={data}></Tree>;
+          return <Tree transition={false} data={data}></Tree>;
         },
       });
       expect(wrapper.find('[data-value="t1.1"]').exists()).toBe(false);
@@ -66,7 +66,7 @@ describe('Tree:expand', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree data={data} defaultExpanded={['t2']}></Tree>;
+          return <Tree transition={false} data={data} defaultExpanded={['t2']}></Tree>;
         },
       });
 
@@ -97,7 +97,7 @@ describe('Tree:expand', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree data={data} expanded={['t2']}></Tree>;
+          return <Tree transition={false} data={data} expanded={['t2']}></Tree>;
         },
       });
 
@@ -196,7 +196,7 @@ describe('Tree:expand', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree data={data} expandLevel={2}></Tree>;
+          return <Tree transition={false} data={data} expandLevel={2}></Tree>;
         },
       });
 
@@ -245,7 +245,7 @@ describe('Tree:expand', () => {
 
       const wrapper = mount({
         render() {
-          return <Tree data={data} expandMutex></Tree>;
+          return <Tree transition={false} data={data} expandMutex></Tree>;
         },
       });
 
@@ -315,7 +315,7 @@ describe('Tree:expand', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree data={data}></Tree>;
+          return <Tree transition={false} data={data}></Tree>;
         },
       });
       wrapper.find('[data-value="t1"] .t-tree__icon').trigger('click');
@@ -360,7 +360,7 @@ describe('Tree:expand', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree data={data}></Tree>;
+          return <Tree transition={false} data={data}></Tree>;
         },
       });
       wrapper.find('[data-value="t1"]').trigger('click');
@@ -381,7 +381,7 @@ describe('Tree:expand', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree data={data} expandOnClickNode></Tree>;
+          return <Tree transition={false} data={data} expandOnClickNode></Tree>;
         },
       });
       wrapper.find('[data-value="t1"]').trigger('click');
@@ -409,7 +409,7 @@ describe('Tree:expand', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data}></Tree>;
+          return <Tree transition={false} ref="tree" data={data}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -441,7 +441,7 @@ describe('Tree:expand', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" expandParent data={data}></Tree>;
+          return <Tree transition={false} ref="tree" expandParent data={data}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
diff --git a/src/tree/__tests__/filter.test.jsx b/src/tree/__tests__/filter.test.jsx
index bca37279f..9969d0d56 100644
--- a/src/tree/__tests__/filter.test.jsx
+++ b/src/tree/__tests__/filter.test.jsx
@@ -1,5 +1,6 @@
 import { mount } from '@vue/test-utils';
 import Tree from '@/src/tree/index.ts';
+import { defineComponent } from './adapt';
 import { delay } from './kit';
 
 describe('Tree:filter', () => {
@@ -20,25 +21,32 @@ describe('Tree:filter', () => {
         },
       ];
 
-      const wrapper = mount({
-        data() {
-          return {
-            filter: null,
-          };
-        },
-        created() {
-          this.filter = (node) => node.value.indexOf('2') >= 0;
-        },
-        render() {
-          return (
-            <Tree data={data} expandAll filter={this.filter}>
-              <div slot="empty" class="tree-empty">
-                暂无数据
-              </div>
-            </Tree>
-          );
-        },
-      });
+      const wrapper = mount(
+        defineComponent({
+          components: {
+            Tree,
+          },
+          data() {
+            return {
+              items: data,
+              filter: null,
+            };
+          },
+          created() {
+            this.filter = (node) => node.value.indexOf('2') >= 0;
+          },
+          // 使用 template 写法是为了 vue2, vue3 统一测试用例
+          template: [
+            '<Tree',
+            'ref="tree"',
+            'expandAll',
+            ':transition="false"',
+            ':data="items"',
+            ':filter="this.filter"',
+            '><template #empty><div class="tree-empty">暂无数据</div></template></Tree>',
+          ].join(' '),
+        }),
+      );
 
       await delay(10);
 
diff --git a/src/tree/__tests__/index.test.jsx b/src/tree/__tests__/index.test.jsx
index 261b6703f..1c187597b 100644
--- a/src/tree/__tests__/index.test.jsx
+++ b/src/tree/__tests__/index.test.jsx
@@ -1,49 +1,58 @@
+/* eslint-disable vue/one-component-per-file */
 import { mount } from '@vue/test-utils';
 import Tree from '@/src/tree/index.ts';
+import { defineComponent } from './adapt';
 import { delay } from './kit';
 
 describe('Tree:init', () => {
   vi.useRealTimers();
   describe(':props.data', () => {
     it('传递空数据时，展示兜底界面', async () => {
-      const wrapper = mount({
-        render() {
-          return (
-            <Tree data={null}>
-              <div slot="empty" class="tree-empty">
-                暂无数据
-              </div>
-            </Tree>
-          );
-        },
-      });
+      const wrapper = mount(
+        defineComponent({
+          components: {
+            Tree,
+          },
+          // 使用 template 写法是为了 vue2, vue3 统一测试用例
+          template: [
+            '<Tree',
+            'ref="tree"',
+            ':transition="false"',
+            ':data="null"',
+            '><template #empty><div class="tree-empty">暂无数据</div></template></Tree>',
+          ].join(' '),
+        }),
+      );
       await delay(1);
       expect(wrapper.find('.tree-empty').exists()).toBe(true);
     });
 
     it('空数据初始化后，允许插入根节点', () => new Promise((resolve) => {
-      const wrapper = mount({
-        mounted() {
-          const { tree } = this.$refs;
-          tree.appendTo('', {
-            value: 'insert1',
-          });
-          setTimeout(() => {
-            expect(wrapper.find('.tree-empty').exists()).toBe(false);
-            expect(wrapper.find('[data-value="insert1"]').exists()).toBe(true);
-            resolve();
-          });
-        },
-        render() {
-          return (
-              <Tree ref="tree" data={null}>
-                <div slot="empty" class="tree-empty">
-                  暂无数据
-                </div>
-              </Tree>
-          );
-        },
-      });
+      const wrapper = mount(
+        defineComponent({
+          components: {
+            Tree,
+          },
+          mounted() {
+            const { tree } = this.$refs;
+            tree.appendTo('', {
+              value: 'insert1',
+            });
+            setTimeout(() => {
+              expect(wrapper.find('.tree-empty').exists()).toBe(false);
+              expect(wrapper.find('[data-value="insert1"]').exists()).toBe(true);
+              resolve();
+            });
+          },
+          template: [
+            '<Tree',
+            'ref="tree"',
+            ':transition="false"',
+            ':data="null"',
+            '><template #empty><div class="tree-empty">暂无数据</div></template></Tree>',
+          ].join(' '),
+        }),
+      );
     }));
 
     it('可以传递一个树结构的数据来完成初始化', () => {
@@ -60,17 +69,25 @@ describe('Tree:init', () => {
           value: 't2',
         },
       ];
-      const wrapper = mount({
-        render() {
-          return (
-            <Tree data={data}>
-              <div slot="empty" class="tree-empty">
-                暂无数据
-              </div>
-            </Tree>
-          );
-        },
-      });
+      const wrapper = mount(
+        defineComponent({
+          components: {
+            Tree,
+          },
+          data() {
+            return {
+              items: data,
+            };
+          },
+          template: [
+            '<Tree',
+            'ref="tree"',
+            ':transition="false"',
+            ':data="items"',
+            '><template #empty><div class="tree-empty">暂无数据</div></template></Tree>',
+          ].join(' '),
+        }),
+      );
       expect(wrapper.find('.tree-empty').exists()).toBe(false);
       expect(wrapper.find('[data-value="t1"]').exists()).toBe(true);
       expect(wrapper.find('[data-value="t1.1"]').exists()).toBe(false);
diff --git a/src/tree/__tests__/keys.test.jsx b/src/tree/__tests__/keys.test.jsx
index 65b7f1e01..a83e2d7d9 100644
--- a/src/tree/__tests__/keys.test.jsx
+++ b/src/tree/__tests__/keys.test.jsx
@@ -33,7 +33,7 @@ describe('Tree:keys', () => {
           return {};
         },
         render() {
-          return <Tree keys={keys} data={data} expandAll></Tree>;
+          return <Tree transition={false} keys={keys} data={data} expandAll></Tree>;
         },
       });
 
diff --git a/src/tree/__tests__/kit.js b/src/tree/__tests__/kit.js
index 4296f8461..7fdace561 100644
--- a/src/tree/__tests__/kit.js
+++ b/src/tree/__tests__/kit.js
@@ -5,3 +5,14 @@ export function delay(time) {
     setTimeout(resolve, time);
   });
 }
+
+export function step() {
+  let fn = null;
+  const pm = new Promise((resolve) => {
+    fn = resolve;
+  });
+  pm.ready = () => {
+    if (fn) fn();
+  };
+  return pm;
+}
diff --git a/src/tree/__tests__/lazy.test.jsx b/src/tree/__tests__/lazy.test.jsx
index bd6ff1d39..e7c5ffc1b 100644
--- a/src/tree/__tests__/lazy.test.jsx
+++ b/src/tree/__tests__/lazy.test.jsx
@@ -1,6 +1,6 @@
 import { mount } from '@vue/test-utils';
 import Tree from '@/src/tree/index.ts';
-import { delay } from './kit';
+import { delay, step } from './kit';
 
 describe('Tree:lazy-load', () => {
   vi.useRealTimers();
@@ -62,7 +62,7 @@ describe('Tree:lazy-load', () => {
         });
       });
       await pm;
-
+      await delay(1);
       expect(wrapper.find('[data-value="t1.1"]').exists()).toBe(true);
       expect(wrapper.find('[data-value="t1.1.1"]').exists()).toBe(true);
       expect(wrapper.find('[data-value="t1.1.1.1"]').exists()).toBe(false);
@@ -130,7 +130,7 @@ describe('Tree:lazy-load', () => {
       });
 
       await pm;
-
+      await delay(1);
       expect(wrapper.find('[data-value="t1"] .t-checkbox').classes('t-is-indeterminate')).toBe(true);
       expect(wrapper.find('[data-value="t1"] .t-checkbox').classes('t-is-checked')).toBe(false);
       expect(wrapper.find('[data-value="t1.1"] .t-checkbox').classes('t-is-indeterminate')).toBe(true);
@@ -200,7 +200,7 @@ describe('Tree:lazy-load', () => {
       });
 
       await pm;
-
+      await delay(1);
       expect(wrapper.find('[data-value="t1"] .t-checkbox').classes('t-is-indeterminate')).toBe(false);
       expect(wrapper.find('[data-value="t1"] .t-checkbox').classes('t-is-checked')).toBe(false);
       expect(wrapper.find('[data-value="t1.1"] .t-checkbox').classes('t-is-indeterminate')).toBe(false);
@@ -218,6 +218,9 @@ describe('Tree:lazy-load', () => {
         },
       ];
 
+      const step1 = step();
+      const step2 = step();
+
       let loadIndex = 0;
       const wrapper = mount({
         data() {
@@ -245,7 +248,12 @@ describe('Tree:lazy-load', () => {
           },
           onLoad() {
             loadIndex += 1;
-            this.$emit('load', loadIndex);
+            if (loadIndex >= 1) {
+              step1.ready();
+            }
+            if (loadIndex >= 2) {
+              step2.ready();
+            }
           },
         },
         render() {
@@ -264,15 +272,6 @@ describe('Tree:lazy-load', () => {
 
       await delay(10);
 
-      const step1 = new Promise((resolve) => {
-        wrapper.vm.$off('load');
-        wrapper.vm.$on('load', (index) => {
-          if (index >= 1) {
-            resolve();
-          }
-        });
-      });
-
       expect(wrapper.find('[data-value="t1.1"]').exists()).toBe(false);
       wrapper.find('[data-value="t1"] .t-tree__icon').trigger('click');
 
@@ -281,15 +280,6 @@ describe('Tree:lazy-load', () => {
       // 留给 dom 渲染时间
       await delay(10);
 
-      const step2 = new Promise((resolve) => {
-        wrapper.vm.$off('load');
-        wrapper.vm.$on('load', (index) => {
-          if (index >= 2) {
-            resolve();
-          }
-        });
-      });
-
       expect(wrapper.find('[data-value="t1.1"]').exists()).toBe(true);
       expect(wrapper.find('[data-value="t1.1.1"]').exists()).toBe(false);
       wrapper.find('[data-value="t1.1"] .t-tree__icon').trigger('click');
@@ -311,6 +301,8 @@ describe('Tree:lazy-load', () => {
         },
       ];
 
+      const step1 = step();
+
       let loadIndex = 0;
       const wrapper = mount({
         data() {
@@ -334,7 +326,9 @@ describe('Tree:lazy-load', () => {
           },
           onLoad() {
             loadIndex += 1;
-            this.$emit('load', loadIndex);
+            if (loadIndex >= 1) {
+              step1.ready();
+            }
           },
         },
         mounted() {
@@ -361,15 +355,6 @@ describe('Tree:lazy-load', () => {
 
       await delay(10);
 
-      const step1 = new Promise((resolve) => {
-        wrapper.vm.$off('load');
-        wrapper.vm.$on('load', (index) => {
-          if (index >= 1) {
-            resolve();
-          }
-        });
-      });
-
       expect(wrapper.find('[data-value="t1"] .t-checkbox').classes('t-is-checked')).toBe(true);
       wrapper.find('[data-value="t1"] .t-tree__icon').trigger('click');
 
@@ -388,6 +373,8 @@ describe('Tree:lazy-load', () => {
         },
       ];
 
+      const step1 = step();
+
       let loadIndex = 0;
       const wrapper = mount({
         data() {
@@ -411,7 +398,9 @@ describe('Tree:lazy-load', () => {
           },
           onLoad() {
             loadIndex += 1;
-            this.$emit('load', loadIndex);
+            if (loadIndex >= 1) {
+              step1.ready();
+            }
           },
         },
         mounted() {
@@ -439,15 +428,6 @@ describe('Tree:lazy-load', () => {
 
       await delay(10);
 
-      const step1 = new Promise((resolve) => {
-        wrapper.vm.$off('load');
-        wrapper.vm.$on('load', (index) => {
-          if (index >= 1) {
-            resolve();
-          }
-        });
-      });
-
       expect(wrapper.find('[data-value="t1"] .t-checkbox').classes('t-is-checked')).toBe(true);
       wrapper.find('[data-value="t1"] .t-tree__icon').trigger('click');
 
diff --git a/src/tree/__tests__/tree-node-model.test.jsx b/src/tree/__tests__/tree-node-model.test.jsx
index a77380510..9dec0ef93 100644
--- a/src/tree/__tests__/tree-node-model.test.jsx
+++ b/src/tree/__tests__/tree-node-model.test.jsx
@@ -18,7 +18,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -46,7 +46,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -73,7 +73,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -100,7 +100,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -127,7 +127,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -153,7 +153,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -192,7 +192,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -225,7 +225,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -278,7 +278,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -310,7 +310,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -344,7 +344,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -375,7 +375,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -408,7 +408,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -445,7 +445,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -476,7 +476,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const { tree } = wrapper.vm.$refs;
@@ -501,7 +501,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       expect(wrapper.find('[data-value="t1.1"]').exists()).toBe(true);
@@ -524,7 +524,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       expect(wrapper.find('[data-value="t1.1"]').exists()).toBe(true);
@@ -547,7 +547,7 @@ describe('Tree:treeNodeModel', () => {
       ];
       const wrapper = mount({
         render() {
-          return <Tree ref="tree" data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" data={data} expandAll={true}></Tree>;
         },
       });
       const node = wrapper.vm.$refs.tree.getItem('t1');
@@ -580,7 +580,7 @@ describe('Tree:treeNodeModel', () => {
           },
         },
         render() {
-          return <Tree ref="tree" label={this.label} data={data} expandAll={true}></Tree>;
+          return <Tree transition={false} ref="tree" label={this.label} data={data} expandAll={true}></Tree>;
         },
       });
       const el = wrapper.find('[data-value="t1.1"]');
diff --git a/src/tree/_example/activable.vue b/src/tree/_example/activable.vue
index 1ca747582..073da371e 100644
--- a/src/tree/_example/activable.vue
+++ b/src/tree/_example/activable.vue
@@ -1,29 +1,28 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-form labelWidth="120">
-        <t-form-item label="节点可高亮">
-          <t-switch v-model="activable" />
-        </t-form-item>
-        <t-form-item label="节点可多选高亮">
-          <t-switch v-model="activeMultiple" />
-        </t-form-item>
-        <t-form-item label="整个节点可点击">
-          <t-switch v-model="expandOnClickNode" />
-        </t-form-item>
-      </t-form>
-      <t-tree
-        :data="items"
-        expand-all
-        :activable="activable"
-        :active-multiple="activeMultiple"
-        :expand-on-click-node="expandOnClickNode"
-        @click="onClick"
-        @active="onActive"
-        :onActive="propOnActive"
-        hover
-      />
+  <t-space direction="vertical">
+    <t-space>
+      <span>节点可高亮: </span>
+      <t-switch v-model="activable" />
     </t-space>
+    <t-space>
+      <span>节点可多选高亮:</span>
+      <t-switch v-model="activeMultiple" />
+    </t-space>
+    <t-space>
+      <span>整个节点可点击:</span>
+      <t-switch v-model="expandOnClickNode" />
+    </t-space>
+    <t-tree
+      :data="items"
+      expand-all
+      :activable="activable"
+      :active-multiple="activeMultiple"
+      :expand-on-click-node="expandOnClickNode"
+      :on-active="propOnActive"
+      hover
+      @click="onClick"
+      @active="onActive"
+    />
   </t-space>
 </template>
 
diff --git a/src/tree/_example/base.vue b/src/tree/_example/base.vue
index d04681e65..56b337f6a 100644
--- a/src/tree/_example/base.vue
+++ b/src/tree/_example/base.vue
@@ -1,8 +1,6 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-tree :data="items" activable hover transition />
-    </t-space>
+  <t-space direction="vertical">
+    <t-tree :data="items" activable hover transition />
   </t-space>
 </template>
 
diff --git a/src/tree/_example/checkable.vue b/src/tree/_example/checkable.vue
index 04bf7c201..4bd31897b 100644
--- a/src/tree/_example/checkable.vue
+++ b/src/tree/_example/checkable.vue
@@ -1,37 +1,35 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-form>
-        <t-form-item label="可选">
-          <t-switch v-model="checkable" />
-        </t-form-item>
-        <t-form-item label="严格模式">
-          <t-switch v-model="checkStrictly" />
-        </t-form-item>
-        <t-form-item label="选中值模式">
-          <t-radio-group name="value-mode" variant="default-filled" v-model="valueMode">
-            <t-radio-button v-for="item in valueOptions" :key="item.value" :value="item.value">{{
-              item.label
-            }}</t-radio-button>
-          </t-radio-group>
-        </t-form-item>
-        <t-form-item>
-          <t-button theme="primary" @click="selectInvert">反选</t-button>
-        </t-form-item>
-      </t-form>
-      <t-tree
-        :data="items"
-        hover
-        expand-all
-        :checkable="checkable"
-        :check-strictly="checkStrictly"
-        :value-mode="valueMode"
-        :value="allChecked"
-        @change="onChange"
-        @click="onClick"
-        ref="tree"
-      />
+  <t-space direction="vertical">
+    <t-space>
+      <span>可选:</span>
+      <t-switch v-model="checkable" />
     </t-space>
+    <t-space>
+      <span>严格模式:</span>
+      <t-switch v-model="checkStrictly" />
+    </t-space>
+    <t-space>
+      <t-radio-group v-model="valueMode" name="value-mode" variant="default-filled">
+        <t-radio-button v-for="item in valueOptions" :key="item.value" :value="item.value">{{
+          item.label
+        }}</t-radio-button>
+      </t-radio-group>
+    </t-space>
+    <t-space>
+      <t-button theme="primary" @click="selectInvert">反选</t-button>
+    </t-space>
+    <t-tree
+      ref="tree"
+      v-model="allChecked"
+      :data="items"
+      :checkable="checkable"
+      :check-strictly="checkStrictly"
+      :value-mode="valueMode"
+      hover
+      expand-all
+      @change="onChange"
+      @click="onClick"
+    />
   </t-space>
 </template>
 
diff --git a/src/tree/_example/controlled.vue b/src/tree/_example/controlled.vue
index 13d038e3a..3383f49a9 100644
--- a/src/tree/_example/controlled.vue
+++ b/src/tree/_example/controlled.vue
@@ -1,42 +1,55 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-form label-align="left" :label-width="80">
-        <t-form-item>
-          <template #label>选中节点</template>
-          <t-input-adornment prepend="checked:">
-            <t-input :value="allChecked" />
-          </t-input-adornment>
-        </t-form-item>
-        <t-form-item>
-          <template #label>展开节点</template>
-          <t-input-adornment prepend="expanded:">
-            <t-input :value="allExpanded" />
-          </t-input-adornment>
-        </t-form-item>
-        <t-form-item>
-          <template #label>高亮节点</template>
-          <t-input-adornment prepend="actived:">
-            <t-input :value="allActived" />
-          </t-input-adornment>
-        </t-form-item>
-      </t-form>
-      <t-tree
-        :data="items"
-        checkable
-        activable
-        :expand-on-click-node="false"
-        :active-multiple="false"
-        :expanded="expanded"
-        :actived="actived"
-        :value="checked"
-        :value-mode="valueMode"
-        @expand="onExpand"
-        @change="onChange"
-        @active="onActive"
-        @click="onClick"
-      />
+  <t-space direction="vertical">
+    <t-space>
+      <span>选中节点:</span>
+      <t-input-adornment prepend="checked:">
+        <t-input :value="allChecked" />
+      </t-input-adornment>
     </t-space>
+    <t-space>
+      <span>展开节点:</span>
+      <t-input-adornment prepend="expanded:">
+        <t-input :value="allExpanded" />
+      </t-input-adornment>
+    </t-space>
+    <t-space>
+      <span>高亮节点:</span>
+      <t-input-adornment prepend="actived:">
+        <t-input :value="allActived" />
+      </t-input-adornment>
+    </t-space>
+    <t-space>
+      <span>可选:</span>
+      <t-switch v-model="checkable" />
+    </t-space>
+    <t-space>
+      <span>节点可高亮: </span>
+      <t-switch v-model="activable" />
+    </t-space>
+    <t-space>
+      <span>受控同步节点:</span>
+      <t-switch v-model="syncProps" />
+    </t-space>
+    <t-space>
+      <t-button theme="primary" variant="outline" @click="selectNode">选中节点 1.1</t-button>
+      <t-button theme="primary" variant="outline" @click="activeNode">激活节点 2</t-button>
+      <t-button theme="primary" variant="outline" @click="expandNode">展开节点 1.2</t-button>
+    </t-space>
+    <t-tree
+      :data="items"
+      :activable="activable"
+      :checkable="checkable"
+      :expand-on-click-node="false"
+      :active-multiple="false"
+      :expanded="expanded"
+      :actived="actived"
+      :value="checked"
+      :value-mode="valueMode"
+      @expand="onExpand"
+      @change="onChange"
+      @active="onActive"
+      @click="onClick"
+    />
   </t-space>
 </template>
 
@@ -44,10 +57,13 @@
 export default {
   data() {
     return {
+      syncProps: false,
+      checkable: true,
+      activable: false,
       valueMode: 'onlyLeaf',
-      checked: ['1.1.1.1', '1.1.1.2'],
-      expanded: ['1', '1.1', '1.1.1', '2'],
-      actived: ['2'],
+      checked: ['1.2.1', '1.2.2'],
+      expanded: ['1', '1.1'],
+      actived: [],
       items: [
         {
           value: '1',
@@ -60,30 +76,10 @@ export default {
                 {
                   value: '1.1.1',
                   label: '1.1.1',
-                  children: [
-                    {
-                      value: '1.1.1.1',
-                      label: '1.1.1.1',
-                    },
-                    {
-                      value: '1.1.1.2',
-                      label: '1.1.1.2',
-                    },
-                  ],
                 },
                 {
                   value: '1.1.2',
                   label: '1.1.2',
-                  children: [
-                    {
-                      value: '1.1.2.1',
-                      label: '1.1.2.1',
-                    },
-                    {
-                      value: '1.1.2.2',
-                      label: '1.1.2.2',
-                    },
-                  ],
                 },
               ],
             },
@@ -94,30 +90,10 @@ export default {
                 {
                   value: '1.2.1',
                   label: '1.2.1',
-                  children: [
-                    {
-                      value: '1.2.1.1',
-                      label: '1.2.1.1',
-                    },
-                    {
-                      value: '1.2.1.2',
-                      label: '1.2.1.2',
-                    },
-                  ],
                 },
                 {
                   value: '1.2.2',
                   label: '1.2.2',
-                  children: [
-                    {
-                      value: '1.2.2.1',
-                      label: '1.2.2.1',
-                    },
-                    {
-                      value: '1.2.2.2',
-                      label: '1.2.2.2',
-                    },
-                  ],
                 },
               ],
             },
@@ -125,18 +101,34 @@ export default {
         },
         {
           value: '2',
-          label: '2 这个节点不允许展开, 不允许激活',
+          label: '2',
           checkable: false,
           children: [
             {
               value: '2.1',
               label: '2.1 这个节点不允许选中',
-              checkable: false,
             },
             {
               value: '2.2',
-              label: '2.2',
+              label: '2.2 这个节点不允许激活',
+              checkable: false,
+            },
+            {
+              value: '2.3',
+              label: '2.3 这个节点不允许展开',
               checkable: false,
+              children: [
+                {
+                  value: '2.3.1',
+                  label: '2.3.1',
+                  checkable: false,
+                },
+                {
+                  value: '2.3.2',
+                  label: '2.3.2',
+                  checkable: false,
+                },
+              ],
             },
           ],
         },
@@ -167,37 +159,50 @@ export default {
     },
   },
   methods: {
+    selectNode() {
+      this.checked = ['1.1'];
+    },
+    activeNode() {
+      this.actived = ['2'];
+    },
+    expandNode() {
+      this.expanded = ['1', '1.2'];
+    },
     onClick(context) {
       console.info('onClick:', context);
       const { node } = context;
-      console.info(node.value, 'checked:', node.checked);
-      console.info(node.value, 'expanded:', node.expanded);
-      console.info(node.value, 'actived:', node.actived);
+      console.info(node.value, 'checked:', node.checked, 'expanded:', node.expanded, 'actived:', node.actived);
     },
     onChange(vals, context) {
       console.info('onChange:', vals, context);
       const checked = vals.filter((val) => val !== '2.1');
       console.info('节点 2.1 不允许选中');
-      this.checked = checked;
+      if (this.syncProps) {
+        this.checked = checked;
+      }
       const { node } = context;
       console.info(node.value, 'checked:', node.checked);
     },
-    onExpand(vals, context) {
-      console.info('onExpand:', vals, context);
-      const expanded = vals.filter((val) => val !== '2');
-      console.info('节点 2 不允许展开');
-      this.expanded = expanded;
-      const { node } = context;
-      console.info(node.value, 'expanded:', node.expanded);
-    },
     onActive(vals, context) {
       console.info('onActive:', vals, context);
-      const actived = vals.filter((val) => val !== '2');
-      console.info('节点 2 不允许激活');
-      this.actived = actived;
+      const actived = vals.filter((val) => val !== '2.2');
+      console.info('节点 2.2 不允许激活', actived);
+      if (this.syncProps) {
+        this.actived = actived;
+      }
       const { node } = context;
       console.info(node.value, 'actived:', node.actived);
     },
+    onExpand(vals, context) {
+      console.info('onExpand:', vals, context);
+      const expanded = vals.filter((val) => val !== '2.3');
+      console.info('节点 2.3 不允许展开', expanded);
+      if (this.syncProps) {
+        this.expanded = expanded;
+      }
+      const { node } = context;
+      console.info(node.value, 'expanded:', node.expanded);
+    },
   },
 };
 </script>
diff --git a/src/tree/_example/debug-data.vue b/src/tree/_example/debug-data.vue
index f3d5fece7..1aa0109ab 100644
--- a/src/tree/_example/debug-data.vue
+++ b/src/tree/_example/debug-data.vue
@@ -1,55 +1,56 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <h3 class="title">数据切换</h3>
-      <t-form labelWidth="150">
-        <t-form-item label="切换数据">
-          <t-switch @change="toggleData" />
-        </t-form-item>
-        <t-form-item label="默认展开全部">
-          <t-switch v-model="expandAll" />
-        </t-form-item>
-        <t-form-item label="可选">
-          <t-switch v-model="checkable" />
-        </t-form-item>
-        <t-form-item label="节点可高亮">
-          <t-switch v-model="activable" />
-        </t-form-item>
-        <t-form-item label="展开动画">
-          <t-switch v-model="transition" />
-        </t-form-item>
-      </t-form>
-      <t-tree
-        :data="items"
-        hover
-        :expand-all="expandAll"
-        :transition="transition"
-        :activable="activable"
-        :checkable="checkable"
-        :label="label"
-      />
+  <t-space direction="vertical">
+    <h3>数据切换</h3>
+    <t-space>
+      <span>切换数据:</span>
+      <t-switch @change="toggleData" />
     </t-space>
+    <t-space>
+      <span>默认展开全部:</span>
+      <t-switch v-model="expandAll" />
+    </t-space>
+    <t-space>
+      <span>可选:</span>
+      <t-switch v-model="checkable" />
+    </t-space>
+    <t-space>
+      <span>节点可高亮:</span>
+      <t-switch v-model="activable" />
+    </t-space>
+    <t-space>
+      <span>展开动画:</span>
+      <t-switch v-model="transition" />
+    </t-space>
+    <t-tree
+      :data="items"
+      hover
+      :expand-all="expandAll"
+      :transition="transition"
+      :activable="activable"
+      :checkable="checkable"
+      :label="label"
+    />
   </t-space>
 </template>
 
 <script>
 const data1 = [
   {
-    value: '1',
+    value: 't1',
     children: [
       {
-        value: '1.1',
+        value: 't1.1',
         children: [
           {
-            value: '1.1.1',
+            value: 't1.1.1',
           },
           {
-            value: '1.1.2',
+            value: 't1.1.2',
           },
         ],
       },
       {
-        value: '1.2',
+        value: 't1.2',
         children: [
           {
             value: '1.2.1',
@@ -62,13 +63,13 @@ const data1 = [
     ],
   },
   {
-    value: '2',
+    value: 't2',
     children: [
       {
-        value: '2.1',
+        value: 't2.1',
       },
       {
-        value: '2.2',
+        value: 't2.2',
       },
     ],
   },
@@ -76,38 +77,38 @@ const data1 = [
 
 const data2 = [
   {
-    value: '1',
+    value: 'd1',
     children: [
       {
-        value: '1.1',
-        label: '1.1 custom label',
+        value: 'd1.1',
+        label: 'd1.1 custom label',
         children: [
           {
-            value: '1.1.1',
+            value: 'd1.1.1',
           },
         ],
       },
       {
-        value: '1.2',
+        value: 'd1.2',
         children: [
           {
-            value: '1.2.1',
+            value: 'd1.2.1',
           },
           {
-            value: '1.2.2',
+            value: 'd1.2.2',
           },
         ],
       },
     ],
   },
   {
-    value: '2',
+    value: 'd2',
     children: [
       {
-        value: '2.1',
+        value: 'd2.1',
       },
       {
-        value: '2.2',
+        value: 'd2.2',
       },
     ],
   },
@@ -125,7 +126,8 @@ export default {
   },
   methods: {
     toggleData() {
-      this.items = this.items === data1 ? data2 : data1;
+      const items = this.items[0].value === 't1' ? data2 : data1;
+      this.items = items;
     },
     label(createElement, node) {
       return node.label || node.value;
diff --git a/src/tree/_example/debug-filter.vue b/src/tree/_example/debug-filter.vue
index be05e016e..47c7ec316 100644
--- a/src/tree/_example/debug-filter.vue
+++ b/src/tree/_example/debug-filter.vue
@@ -1,31 +1,29 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-form labelWidth="150">
-        <t-form-item label="">
-          <t-input-adornment prepend="filter:">
-            <t-input v-model="filterText" @change="onInput" />
-          </t-input-adornment>
-        </t-form-item>
-        <t-form-item label="允许折叠">
-          <t-switch v-model="allowFoldNodeOnFilter" />
-        </t-form-item>
-        <t-form-item label="可选">
-          <t-switch v-model="isCheckable" />
-        </t-form-item>
-      </t-form>
-      <t-tree
-        ref="tree"
-        :data="items"
-        expand-on-click-node
-        :allowFoldNodeOnFilter="allowFoldNodeOnFilter"
-        :default-expanded="expanded"
-        :filter="filterByText"
-        :checkable="isCheckable"
-        hover
-        line
-      />
+  <t-space direction="vertical">
+    <t-space>
+      <t-input-adornment prepend="filter:">
+        <t-input v-model="filterText" @change="onInput" />
+      </t-input-adornment>
     </t-space>
+    <t-space>
+      <span>允许折叠:</span>
+      <t-switch v-model="allowFoldNodeOnFilter" />
+    </t-space>
+    <t-space>
+      <span>可选:</span>
+      <t-switch v-model="isCheckable" />
+    </t-space>
+    <t-tree
+      ref="tree"
+      :data="items"
+      expand-on-click-node
+      :allow-fold-node-on-filter="allowFoldNodeOnFilter"
+      :default-expanded="expanded"
+      :filter="filterByText"
+      :checkable="isCheckable"
+      hover
+      line
+    />
   </t-space>
 </template>
 
diff --git a/src/tree/_example/debug-performance.vue b/src/tree/_example/debug-performance.vue
index 69fcf849c..c7b3d94ff 100644
--- a/src/tree/_example/debug-performance.vue
+++ b/src/tree/_example/debug-performance.vue
@@ -1,46 +1,44 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-form labelWidth="150" style="max-width: 500px">
-        <t-form-item>
-          <t-input-adornment prepend="插入节点数量:">
-            <t-input v-model="insertCount" />
-          </t-input-adornment>
-        </t-form-item>
-        <t-form-item label="展开动画">
-          <t-switch v-model="transition" />
-        </t-form-item>
-        <t-form-item label="显示连线">
-          <t-switch v-model="showLine" />
-        </t-form-item>
-        <t-form-item label="显示图标">
-          <t-switch v-model="showIcon" />
-        </t-form-item>
-        <t-form-item>
-          <t-button @click="append()">插入根节点</t-button>
-        </t-form-item>
-      </t-form>
-
-      <t-tree
-        :data="items"
-        hover
-        activable
-        checkable
-        :transition="transition"
-        :expand-on-click-node="false"
-        :line="showLine"
-        :icon="showIcon"
-        :label="label"
-        ref="tree"
-      >
-        <template #operations="{ node }">
-          <div class="tdesign-demo-block-row">
-            <t-button size="small" variant="base" @click="append(node)">添加子节点</t-button>
-            <t-button size="small" variant="base" theme="danger" @click="remove(node)">删除</t-button>
-          </div>
-        </template>
-      </t-tree>
+  <t-space direction="vertical">
+    <t-space>
+      <t-input-adornment prepend="插入节点数量:">
+        <t-input v-model="textInsertCount" />
+      </t-input-adornment>
+    </t-space>
+    <t-space>
+      <span>展开动画:</span>
+      <t-switch v-model="transition" />
+    </t-space>
+    <t-space>
+      <span>显示连线:</span>
+      <t-switch v-model="showLine" />
+    </t-space>
+    <t-space>
+      <span>显示图标:</span>
+      <t-switch v-model="showIcon" />
     </t-space>
+    <t-space>
+      <t-button @click="append()">插入根节点</t-button>
+    </t-space>
+    <t-tree
+      ref="tree"
+      :data="items"
+      hover
+      activable
+      checkable
+      :transition="transition"
+      :expand-on-click-node="false"
+      :line="showLine"
+      :icon="showIcon"
+      :label="label"
+    >
+      <template #operations="{ node }">
+        <div class="tdesign-demo-block-row">
+          <t-button size="small" variant="base" @click="append(node)">添加子节点</t-button>
+          <t-button size="small" variant="base" theme="danger" @click="remove(node)">删除</t-button>
+        </div>
+      </template>
+    </t-tree>
   </t-space>
 </template>
 
@@ -81,7 +79,7 @@ export default {
     return {
       index: 0,
       transition: true,
-      insertCount: 1,
+      textInsertCount: '1',
       useActived: false,
       expandParent: true,
       showLine: true,
@@ -89,6 +87,12 @@ export default {
       items,
     };
   },
+  computed: {
+    insertCount() {
+      const { textInsertCount } = this;
+      return parseInt(textInsertCount, 10) || 1;
+    },
+  },
   methods: {
     label(createElement, node) {
       return `${node.value}`;
@@ -120,21 +124,3 @@ export default {
   },
 };
 </script>
-
-<style>
-.tdesign-tree-demo .t-tree {
-  margin-bottom: 20px;
-}
-.tdesign-tree-demo .title {
-  margin-bottom: 10px;
-}
-.tdesign-tree-demo .tips {
-  margin-bottom: 10px;
-}
-.tdesign-tree-demo .operations {
-  margin-bottom: 10px;
-}
-.tdesign-tree-demo .t-form__item {
-  margin-bottom: 5px;
-}
-</style>
diff --git a/src/tree/_example/debug-state.vue b/src/tree/_example/debug-state.vue
deleted file mode 100644
index ae976a88d..000000000
--- a/src/tree/_example/debug-state.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-form labelWidth="150">
-        <t-form-item>
-          <t-button @click="append()">插入一个根节点</t-button>
-        </t-form-item>
-      </t-form>
-      <t-tree
-        :data="items"
-        hover
-        expand-all
-        activable
-        checkable
-        :expand-on-click-node="false"
-        line
-        :label="label"
-        :icon="icon"
-        ref="tree"
-      >
-        <template #operations="{ node }">
-          <div class="tdesign-demo-block-row">
-            <t-button size="small" variant="base" @click="check(node)">检查节点信息</t-button>
-            <t-button size="small" variant="base" @click="changeTime(node)">变更时间</t-button>
-            <t-button size="small" variant="base" @click="changeIcon(node)">变更图标</t-button>
-            <t-button size="small" variant="base" @click="append(node)">添加子节点</t-button>
-            <t-button size="small" variant="base" theme="danger" @click="remove(node)">删除</t-button>
-          </div>
-        </template>
-      </t-tree>
-    </t-space>
-  </t-space>
-</template>
-
-<script lang="jsx">
-import { Icon } from 'tdesign-icons-vue';
-
-export default {
-  data() {
-    const timeStamp = new Date('2021-12-12').getTime();
-    return {
-      index: 2,
-      useActived: false,
-      expandParent: true,
-      // icon 要先预置到节点中，才能触发视图更新
-      items: [
-        {
-          icon: '',
-          value: 'node1',
-          timeStamp,
-        },
-        {
-          icon: '',
-          value: 'node2',
-          timeStamp,
-        },
-      ],
-    };
-  },
-  methods: {
-    icon(createElement, node) {
-      const { data } = node;
-      let name = 'file';
-      if (node.getChildren()) {
-        if (node.expanded) {
-          name = 'folder-open';
-        } else {
-          name = 'folder';
-        }
-      }
-      if (data.icon) {
-        name = data.icon;
-      }
-      return <Icon name={name} />;
-    },
-    label(createElement, node) {
-      return `${node.value}: ${node.data.timeStamp}`;
-    },
-    getInsertItem() {
-      let item = null;
-      this.index += 1;
-      const value = `t${this.index}`;
-      const timeStamp = new Date('2021-12-13').getTime();
-      item = {
-        icon: '',
-        value,
-        timeStamp,
-      };
-      return item;
-    },
-    append(node) {
-      const { tree } = this.$refs;
-      const item = this.getInsertItem();
-      if (item) {
-        if (!node) {
-          tree.appendTo('', item);
-        } else {
-          tree.appendTo(node.value, item);
-        }
-      }
-    },
-    check(node) {
-      console.info('check:', node);
-    },
-    changeIcon(node) {
-      const { data } = node;
-      // 需要自定义视图的数据，如果较多，可以存放到 data 里面
-      data.icon = data.icon === 'folder' ? 'folder-open' : 'folder';
-    },
-    changeTime(node) {
-      const timeStamp = new Date().getTime();
-      node.setData({
-        timeStamp,
-      });
-    },
-    remove(node) {
-      node.remove();
-    },
-  },
-};
-</script>
diff --git a/src/tree/_example/debug-vscroll.vue b/src/tree/_example/debug-vscroll.vue
index fb3106da3..0ae19ae95 100644
--- a/src/tree/_example/debug-vscroll.vue
+++ b/src/tree/_example/debug-vscroll.vue
@@ -1,41 +1,56 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo" style="width: 100%">
-    <t-space :size="10" direction="vertical" style="width: 100%">
-      <h3 class="title">虚拟滚动 - virtual 模式</h3>
-      <t-form labelWidth="150" style="max-width: 500px">
-        <t-form-item label="动画">
-          <t-switch v-model="transition" />
-        </t-form-item>
-        <t-form-item label="显示连线">
-          <t-switch v-model="showLine" />
-        </t-form-item>
-        <t-form-item label="显示图标">
-          <t-switch v-model="showIcon" />
-        </t-form-item>
-        <t-form-item label="可选">
-          <t-switch v-model="isCheckable" />
-        </t-form-item>
-        <t-form-item label="可操作">
-          <t-switch v-model="isOperateAble" />
-        </t-form-item>
-      </t-form>
-      <t-form label-align="left" :label-width="80" style="max-width: 500px">
-        <t-form-item>
-          <t-input-adornment prepend="插入节点数量:">
-            <t-input v-model="insertCount" />
-          </t-input-adornment>
-        </t-form-item>
-        <t-form-item>
-          <t-button @click="append()">插入根节点</t-button>
-        </t-form-item>
-        <t-form-item label="">
-          <t-input-adornment prepend="filter:">
-            <t-input v-model="filterText" @change="onInput" />
-          </t-input-adornment>
-        </t-form-item>
-      </t-form>
+  <t-space direction="vertical" style="width: 100%">
+    <h3>虚拟滚动 - virtual 模式</h3>
+    <t-space>
+      <span>动画:</span>
+      <t-switch v-model="transition" />
+    </t-space>
+    <t-space>
+      <span>显示连线:</span>
+      <t-switch v-model="showLine" />
+    </t-space>
+    <t-space>
+      <span>显示图标:</span>
+      <t-switch v-model="showIcon" />
+    </t-space>
+    <t-space>
+      <span>可选:</span>
+      <t-switch v-model="isCheckable" />
+    </t-space>
+    <t-space>
+      <span>可操作:</span>
+      <t-switch v-model="isOperateAble" />
+    </t-space>
+    <t-space>
+      <t-button theme="primary" @click="clearTree">清空 tree</t-button>
+    </t-space>
+    <t-space>
+      <t-input-adornment prepend="level1 节点数量:">
+        <t-input v-model="textLevel1Count" />
+      </t-input-adornment>
+      <t-input-adornment prepend="level2 节点数量:">
+        <t-input v-model="textLevel2Count" />
+      </t-input-adornment>
+      <t-input-adornment prepend="level3 节点数量:">
+        <t-input v-model="textLevel3Count" />
+      </t-input-adornment>
+      <t-button theme="primary" @click="createTree">构造 tree</t-button>
+    </t-space>
+    <t-space>
+      <t-input-adornment prepend="插入节点数量:">
+        <t-input v-model="textInsertCount" />
+      </t-input-adornment>
+    </t-space>
+    <t-space>
+      <t-button @click="append()">插入根节点</t-button>
+    </t-space>
+    <t-space>
+      <t-input-adornment prepend="filter:">
+        <t-input v-model="filterText" @change="onInput" />
+      </t-input-adornment>
     </t-space>
     <t-tree
+      ref="tree"
       :data="items"
       hover
       activable
@@ -54,10 +69,9 @@
         threshold: 10,
         type: 'virtual',
       }"
-      ref="tree"
     >
       <template #operations="{ node }">
-        <div class="tdesign-demo-block-row" v-if="isOperateAble">
+        <div v-if="isOperateAble" class="tdesign-demo-block-row">
           <t-button size="small" variant="base" @click="append(node)">添加子节点</t-button>
           <t-button size="small" variant="base" theme="danger" @click="remove(node)">删除</t-button>
         </div>
@@ -68,49 +82,12 @@
 </template>
 
 <script>
-const allLevels = [10, 20, 25];
-
-function createTreeData() {
-  let cacheIndex = 0;
-
-  function getValue() {
-    cacheIndex += 1;
-    return `t${cacheIndex}`;
-  }
-
-  function createNodes(items, level) {
-    const count = allLevels[level];
-    if (count) {
-      let index = 0;
-      for (index = 0; index < count; index += 1) {
-        const value = getValue();
-        const item = { value };
-        items.push(item);
-        if (allLevels[level + 1]) {
-          item.children = [];
-          createNodes(item.children, level + 1);
-        }
-      }
-    }
-  }
-
-  const items = [];
-  createNodes(items, 0);
-
-  return {
-    getValue,
-    items,
-  };
-}
-
-const virtualTree = createTreeData();
-
 export default {
   data() {
     return {
       index: 0,
       transition: true,
-      insertCount: 1,
+      textInsertCount: '1',
       useActived: false,
       enableVScroll: true,
       lazyVScroll: false,
@@ -119,17 +96,34 @@ export default {
       showIcon: true,
       isCheckable: true,
       isOperateAble: true,
-      items: virtualTree.items,
+      items: [],
       filterText: '',
       filterByText: null,
+      textLevel1Count: '10',
+      textLevel2Count: '10',
+      textLevel3Count: '10',
     };
   },
+  computed: {
+    level1Count() {
+      return parseInt(this.textLevel1Count, 10) || 1;
+    },
+    level2Count() {
+      return parseInt(this.textLevel2Count, 10) || 1;
+    },
+    level3Count() {
+      return parseInt(this.textLevel3Count, 10) || 1;
+    },
+    insertCount() {
+      return parseInt(this.textInsertCount, 10) || 1;
+    },
+  },
   methods: {
     label(createElement, node) {
       return `${node.value}`;
     },
     getInsertItem() {
-      const value = virtualTree.getValue();
+      const value = this.getValue();
       return {
         value,
       };
@@ -167,6 +161,37 @@ export default {
         this.filterByText = null;
       }
     },
+    getValue() {
+      this.index += 1;
+      return `t${this.index}`;
+    },
+    createTreeData() {
+      const allLevels = [this.level1Count, this.level2Count, this.level3Count];
+      const createNodes = (items, level) => {
+        const count = allLevels[level];
+        if (count) {
+          let index = 0;
+          for (index = 0; index < count; index += 1) {
+            const value = this.getValue();
+            const item = { value };
+            items.push(item);
+            if (allLevels[level + 1]) {
+              item.children = [];
+              createNodes(item.children, level + 1);
+            }
+          }
+        }
+      };
+      const items = [];
+      createNodes(items, 0);
+      return items;
+    },
+    createTree() {
+      this.items = this.createTreeData();
+    },
+    clearTree() {
+      this.items = [];
+    },
   },
 };
 </script>
diff --git a/src/tree/_example/disabled.vue b/src/tree/_example/disabled.vue
index defacfe4f..c06cbfe7a 100644
--- a/src/tree/_example/disabled.vue
+++ b/src/tree/_example/disabled.vue
@@ -1,25 +1,24 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <h3 class="title">禁用整个 tree</h3>
-      <t-form>
-        <t-form-item label="是否禁用整个 tree" labelWidth="150">
-          <t-switch v-model="disabled" />
-        </t-form-item>
-        <t-form-item label="是否只禁用 checkbox" labelWidth="200">
-          <t-switch v-model="disableCheck" />
-        </t-form-item>
-      </t-form>
-      <t-tree :data="items" hover checkable expand-all :disabled="disabled" :disableCheck="disableCheck" />
+  <t-space :size="32" direction="vertical">
+    <t-space direction="vertical">
+      <h3>禁用整个 tree</h3>
+      <t-space>
+        <span>是否禁用整个 tree:</span>
+        <t-switch v-model="disabled" />
+      </t-space>
+      <t-space>
+        <span>是否只禁用 checkbox:</span>
+        <t-switch v-model="disableCheck" />
+      </t-space>
+      <t-tree :data="items" hover checkable expand-all :disabled="disabled" :disable-check="disableCheck" />
     </t-space>
-    <t-space :size="10" direction="vertical">
-      <h3 class="title">禁用指定节点</h3>
-      <t-form>
-        <t-form-item label="禁用指定节点 checkbox" labelWidth="200">
-          <t-switch v-model="disableTarget" />
-        </t-form-item>
-      </t-form>
-      <t-tree :data="items" hover checkable expand-all :disableCheck="fnDisableCheck" />
+    <t-space direction="vertical">
+      <h3>禁用指定节点</h3>
+      <t-space>
+        <span>禁用指定节点 checkbox:</span>
+        <t-switch v-model="disableTarget" />
+      </t-space>
+      <t-tree :data="items" hover checkable expand-all :disable-check="fnDisableCheck" />
     </t-space>
   </t-space>
 </template>
diff --git a/src/tree/_example/draggable.vue b/src/tree/_example/draggable.vue
index 0e0d53582..763d6c7d9 100644
--- a/src/tree/_example/draggable.vue
+++ b/src/tree/_example/draggable.vue
@@ -1,20 +1,18 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-tree
-        :data="items"
-        activable
-        hover
-        transition
-        expand-all
-        draggable
-        @drag-start="handleDragStart"
-        @drag-end="handleDragEnd"
-        @drag-over="handleDragOver"
-        @drag-leave="handleDragLeave"
-        @drop="handleDrop"
-      />
-    </t-space>
+  <t-space direction="vertical">
+    <t-tree
+      :data="items"
+      activable
+      hover
+      transition
+      expand-all
+      draggable
+      @drag-start="handleDragStart"
+      @drag-end="handleDragEnd"
+      @drag-over="handleDragOver"
+      @drag-leave="handleDragLeave"
+      @drop="handleDrop"
+    />
   </t-space>
 </template>
 
@@ -99,18 +97,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.tdesign-tree-demo .title {
-  margin-bottom: 10px;
-}
-.tdesign-tree-demo .tips {
-  margin-bottom: 10px;
-}
-.tdesign-tree-demo .operations {
-  margin-bottom: 10px;
-}
-.tdesign-tree-demo .t-form__item {
-  margin-bottom: 5px;
-}
-</style>
diff --git a/src/tree/_example/empty.vue b/src/tree/_example/empty.vue
index c4974b4ad..edd3358d0 100644
--- a/src/tree/_example/empty.vue
+++ b/src/tree/_example/empty.vue
@@ -1,21 +1,23 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <h3 class="title">默认为空状态</h3>
+  <t-space :size="32" direction="vertical">
+    <t-space direction="vertical">
+      <h3>默认为空状态</h3>
       <t-tree :data="[]" />
     </t-space>
-    <t-space :size="10" direction="vertical">
-      <h3 class="title">设置 empty 属性为指定字符串</h3>
-      <t-tree :data="[]" empty="😊 空数据（string）" /><br />
+    <t-space direction="vertical">
+      <h3>设置 empty 属性为指定字符串</h3>
+      <t-tree :data="[]" empty="😊 空数据（string）" />
     </t-space>
-    <t-space :size="10" direction="vertical">
-      <h3 class="title">jsx 形式</h3>
+    <t-space direction="vertical">
+      <h3>jsx 形式</h3>
       <t-tree :data="[]" :empty="empty" />
     </t-space>
-    <t-space :size="10" direction="vertical">
-      <h3 class="title">slot 形式</h3>
+    <t-space direction="vertical">
+      <h3>slot 形式</h3>
       <t-tree :data="[]">
-        <div slot="empty">😊 空数据（slot）</div>
+        <template #empty>
+          <div>😊 空数据（slot）</div>
+        </template>
       </t-tree>
     </t-space>
   </t-space>
diff --git a/src/tree/_example/expand-all.vue b/src/tree/_example/expand-all.vue
index e0d57445e..dd588e41c 100644
--- a/src/tree/_example/expand-all.vue
+++ b/src/tree/_example/expand-all.vue
@@ -1,56 +1,54 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-form label-align="left" :label-width="80">
-        <t-form-item label="切换数据">
-          <t-switch @change="toggleData" />
-        </t-form-item>
-        <t-form-item label="展开动画">
-          <t-switch v-model="transition" />
-        </t-form-item>
-      </t-form>
-      <t-tree :data="items" expand-all :transition="transition" />
+  <t-space direction="vertical">
+    <t-space>
+      <span>切换数据:</span>
+      <t-switch @change="toggleData" />
     </t-space>
+    <t-space>
+      <span>展开动画:</span>
+      <t-switch v-model="transition" />
+    </t-space>
+    <t-tree :data="items" :label="label" expand-all :transition="transition" />
   </t-space>
 </template>
 
 <script>
 const data1 = [
   {
-    label: '1',
+    value: 't1',
     children: [
       {
-        label: '1.1',
+        value: 't1.1',
         children: [
           {
-            label: '1.1.1',
+            value: 't1.1.1',
           },
           {
-            label: '1.1.2',
+            value: 't1.1.2',
           },
         ],
       },
       {
-        label: '1.2',
+        value: 't1.2',
         children: [
           {
-            label: '1.2.1',
+            value: '1.2.1',
           },
           {
-            label: '1.2.2',
+            value: '1.2.2',
           },
         ],
       },
     ],
   },
   {
-    label: '2',
+    value: 't2',
     children: [
       {
-        label: '2.1',
+        value: 't2.1',
       },
       {
-        label: '2.2',
+        value: 't2.2',
       },
     ],
   },
@@ -58,19 +56,38 @@ const data1 = [
 
 const data2 = [
   {
-    label: '1',
-  },
-  {
-    label: '2',
+    value: 'd1',
+    children: [
+      {
+        value: 'd1.1',
+        label: 'd1.1 custom label',
+        children: [
+          {
+            value: 'd1.1.1',
+          },
+        ],
+      },
+      {
+        value: 'd1.2',
+        children: [
+          {
+            value: 'd1.2.1',
+          },
+          {
+            value: 'd1.2.2',
+          },
+        ],
+      },
+    ],
   },
   {
-    label: '3',
+    value: 'd2',
     children: [
       {
-        label: '3.1',
+        value: 'd2.1',
       },
       {
-        label: '3.2',
+        value: 'd2.2',
       },
     ],
   },
@@ -85,7 +102,11 @@ export default {
   },
   methods: {
     toggleData() {
-      this.items = this.items === data1 ? data2 : data1;
+      const items = this.items[0].value === 't1' ? data2 : data1;
+      this.items = items;
+    },
+    label(createElement, node) {
+      return node.label || node.value;
     },
   },
 };
diff --git a/src/tree/_example/expand-level.vue b/src/tree/_example/expand-level.vue
index f2772144d..2bda6535c 100644
--- a/src/tree/_example/expand-level.vue
+++ b/src/tree/_example/expand-level.vue
@@ -1,8 +1,6 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-tree :data="items" hover :expand-level="1" />
-    </t-space>
+  <t-space direction="vertical">
+    <t-tree :data="items" hover :expand-level="1" />
   </t-space>
 </template>
 
diff --git a/src/tree/_example/expand-mutex.vue b/src/tree/_example/expand-mutex.vue
index a8b2712bf..2392ebe8e 100644
--- a/src/tree/_example/expand-mutex.vue
+++ b/src/tree/_example/expand-mutex.vue
@@ -1,24 +1,22 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-form label-align="left" :label-width="120">
-        <t-form-item label="互斥展开">
-          <t-switch v-model="mutex" />
-        </t-form-item>
-        <t-form-item label="整个节点可点击">
-          <t-switch v-model="expandOnClickNode" />
-        </t-form-item>
-      </t-form>
-      <t-tree
-        :data="items"
-        hover
-        :expand-mutex="mutex"
-        :expand-on-click-node="expandOnClickNode"
-        @click="onClick"
-        @expand="onExpand"
-        :onExpand="propOnExpand"
-      />
+  <t-space direction="vertical">
+    <t-space>
+      <span>互斥展开:</span>
+      <t-switch v-model="mutex" />
     </t-space>
+    <t-space>
+      <span>整个节点可点击:</span>
+      <t-switch v-model="expandOnClickNode" />
+    </t-space>
+    <t-tree
+      :data="items"
+      hover
+      :expand-mutex="mutex"
+      :expand-on-click-node="expandOnClickNode"
+      :on-expand="propOnExpand"
+      @click="onClick"
+      @expand="onExpand"
+    />
   </t-space>
 </template>
 
diff --git a/src/tree/_example/filter.vue b/src/tree/_example/filter.vue
index 63b9e2420..7d96f707b 100644
--- a/src/tree/_example/filter.vue
+++ b/src/tree/_example/filter.vue
@@ -1,42 +1,34 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <h3 class="title">默认状态</h3>
-      <div class="tips">
-        <p>
-          过滤动作由 filter 属性的变更触发，所以不能只修改传递给 filter 属性内部的数据，应当在条件变化时变更 filter
-          属性。
-        </p>
-        <p>清空过滤条件时，应设置 filter 属性为 null，来触发 tree 组件展示状态还原。</p>
-        <p>allowFoldNodeOnFilter 属性默认为 false，此时过滤状态下展开的路径节点无法被收起。</p>
-      </div>
-      <t-form labelWidth="200">
-        <t-form-item>
-          <t-input-adornment prepend="filter:">
-            <t-input v-model="demo1Text" @change="demo1Input" />
-          </t-input-adornment>
-        </t-form-item>
-      </t-form>
+  <t-space :size="32" direction="vertical">
+    <t-space direction="vertical">
+      <t-space>
+        <t-input-adornment prepend="filter:">
+          <t-input v-model="demo1Text" style="width: 300px" @change="demo1Input" />
+        </t-input-adornment>
+      </t-space>
       <t-tree ref="tree" :data="items" expand-on-click-node :filter="demo1Filter" hover line />
     </t-space>
-    <t-space :size="6" direction="vertical">
-      <h3 class="title">allowFoldNodeOnFilter="true"</h3>
-      <div class="tips">
-        <p>
-          allowFoldNodeOnFilter 属性设置为 true 时，过滤状态下展开的节点，允许点击收起，注意这会影响到 tree
-          组件当前的展开状态数据。
-        </p>
-        <p>每次变更过滤条件时，会重设节点展开状态，将命中节点的路径节点展开。</p>
-        <p>当清空过滤条件时，将会还原为设置过滤条件之前时的展开状态。</p>
-      </div>
-      <t-form labelWidth="200">
-        <t-form-item>
-          <t-input-adornment prepend="filter:">
-            <t-input v-model="demo2Text" @change="demo2Input" />
-          </t-input-adornment>
-        </t-form-item>
-      </t-form>
-      <t-tree ref="tree" :data="items" expand-on-click-node allowFoldNodeOnFilter :filter="demo2Filter" hover line />
+
+    <t-space direction="vertical">
+      <t-space>
+        <t-input-adornment prepend="filter:">
+          <t-input
+            v-model="demo2Text"
+            placeholder="allow expand or fold tree nodes on filter"
+            style="width: 300px"
+            @change="demo2Input"
+          />
+        </t-input-adornment>
+      </t-space>
+      <t-tree
+        ref="tree"
+        :data="items"
+        expand-on-click-node
+        allow-fold-node-on-filter
+        :filter="demo2Filter"
+        hover
+        line
+      />
     </t-space>
   </t-space>
 </template>
@@ -166,10 +158,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.tdesign-tree-demo .tips p {
-  line-height: 24px;
-  text-indent: 1em;
-}
-</style>
diff --git a/src/tree/_example/icon.vue b/src/tree/_example/icon.vue
index 9f6ff9f3a..91797ccee 100644
--- a/src/tree/_example/icon.vue
+++ b/src/tree/_example/icon.vue
@@ -1,10 +1,10 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <h3 class="title">属性设置 jsx 形式</h3>
+  <t-space :size="32" direction="vertical">
+    <t-space direction="vertical">
+      <h3>属性设置 jsx 形式</h3>
       <t-tree :data="items" hover expand-all :load="load" :icon="icon" />
     </t-space>
-    <t-space :size="10" direction="vertical">
+    <t-space direction="vertical">
       <h3>slot 形式</h3>
       <t-tree :data="items" hover lazy :load="load">
         <template #icon="{ node }">
diff --git a/src/tree/_example/label.vue b/src/tree/_example/label.vue
index 31041b657..997193914 100644
--- a/src/tree/_example/label.vue
+++ b/src/tree/_example/label.vue
@@ -1,14 +1,14 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <h3 class="title">属性设置 jsx 形式</h3>
+  <t-space :size="32" direction="vertical">
+    <t-space direction="vertical">
+      <h3>属性设置 jsx 形式</h3>
       <t-tree :data="items" expand-all :label="label"></t-tree>
     </t-space>
-    <t-space :size="10" direction="vertical">
+    <t-space direction="vertical">
       <h3>slot 形式</h3>
       <t-tree :data="items" expand-all checkable>
         <template #label="{ node }">
-          <font color="blue">label: {{ node.label }}, value: {{ node.value }}</font>
+          <span style="color: blue">label: {{ node.label }}, value: {{ node.value }}</span>
         </template>
       </t-tree>
     </t-space>
@@ -44,11 +44,8 @@ export default {
         },
       ],
       label(createElement, node) {
-        return createElement('strong', {
-          domProps: {
-            innerHTML: `value: ${node.value}, label: ${node.label}`,
-          },
-        });
+        // 注意 vue2 和 vue3 下 createElement 的使用方法实际上存在差异
+        return createElement('strong', `value: ${node.value}, label: ${node.label}`);
       },
     };
   },
diff --git a/src/tree/_example/lazy.vue b/src/tree/_example/lazy.vue
index ed1e0197d..14134dc14 100644
--- a/src/tree/_example/lazy.vue
+++ b/src/tree/_example/lazy.vue
@@ -1,35 +1,24 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <h3 class="title">数据延迟加载</h3>
-      <div class="tips">
-        <p>默认为点击加载数据。</p>
-        <p>
-          valueMode 默认为
-          'onlyLeaf'。选中父节点时，子节点由于未加载，无法更新和获取选中状态，导致无法更新父节点的状态。
-        </p>
-        <p>所以使用延迟加载时，推荐 valueMode 设置为 'all' 或者 'parentFirst'。</p>
-      </div>
-      <t-form labelWidth="150">
-        <t-form-item label="可选">
-          <t-switch v-model="checkable" />
-        </t-form-item>
-        <t-form-item label="严格模式">
-          <t-switch v-model="checkStrictly" />
-        </t-form-item>
-      </t-form>
-      <t-tree
-        ref="tree"
-        :data="items"
-        hover
-        expand-all
-        :checkable="checkable"
-        :checkStrictly="checkStrictly"
-        :load="load"
-        valueMode="all"
-        @load="onLoad"
-      />
+  <t-space direction="vertical">
+    <t-space>
+      <span>可选:</span>
+      <t-switch v-model="checkable" />
     </t-space>
+    <t-space>
+      <span>严格模式:</span>
+      <t-switch v-model="checkStrictly" />
+    </t-space>
+    <t-tree
+      ref="tree"
+      :data="items"
+      hover
+      expand-all
+      :checkable="checkable"
+      :check-strictly="checkStrictly"
+      :load="load"
+      value-mode="all"
+      @load="onLoad"
+    />
   </t-space>
 </template>
 
@@ -83,10 +72,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.tdesign-tree-demo .tips p {
-  line-height: 24px;
-  text-indent: 1em;
-}
-</style>
diff --git a/src/tree/_example/line.vue b/src/tree/_example/line.vue
index 9a3961be6..e8ea940c9 100644
--- a/src/tree/_example/line.vue
+++ b/src/tree/_example/line.vue
@@ -1,25 +1,25 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-form label-align="left">
-        <t-form-item label="显示连线">
-          <t-switch v-model="showLine" />
-        </t-form-item>
-        <t-form-item label="显示图标">
-          <t-switch v-model="showIcon" />
-        </t-form-item>
-      </t-form>
+  <t-space :size="32" direction="vertical">
+    <t-space direction="vertical">
+      <t-space>
+        <span>显示连线:</span>
+        <t-switch v-model="showLine" />
+      </t-space>
+      <t-space>
+        <span>显示图标:</span>
+        <t-switch v-model="showIcon" />
+      </t-space>
     </t-space>
-    <t-space :size="10" direction="vertical">
-      <h3 class="title">默认样式</h3>
+    <t-space direction="vertical">
+      <h3>默认样式</h3>
       <t-tree :data="items" :line="showLine" :icon="showIcon" expand-all />
     </t-space>
-    <t-space :size="10" direction="vertical" class="tdesign-tree-line">
-      <h3 class="title">使用属性结合 jsx 来自定义呈现</h3>
+    <t-space direction="vertical" class="tdesign-tree-line">
+      <h3>使用属性结合 jsx 来自定义呈现</h3>
       <t-tree :data="items" :icon="showIcon" expand-all :line="renderLine" />
     </t-space>
-    <t-space :size="10" direction="vertical" class="tdesign-tree-line">
-      <h3 class="title">slot 形式</h3>
+    <t-space direction="vertical" class="tdesign-tree-line">
+      <h3>slot 形式</h3>
       <t-tree :data="items" :icon="showIcon" line expand-all>
         <template #line="{ node }">
           <div v-if="showLine" :class="lineClass(node)">
@@ -30,7 +30,7 @@
                 :class="{ 'custom-line-cross': item.cross }"
               ></span>
             </div>
-            <i class="custom-line-icon" v-if="node.isLeaf()">
+            <i v-if="node.isLeaf()" class="custom-line-icon">
               <icon name="heart-filled" />
             </i>
           </div>
diff --git a/src/tree/_example/load.vue b/src/tree/_example/load.vue
index c3608e1bd..b3b9541cf 100644
--- a/src/tree/_example/load.vue
+++ b/src/tree/_example/load.vue
@@ -1,37 +1,45 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-form label-align="left" :label-width="60">
-        <t-form-item label="可选">
-          <t-switch v-model="checkable" />
-        </t-form-item>
-      </t-form>
-      <t-tree :data="items" hover expand-all :checkable="checkable" v-model="value" :load="load" :lazy="false" />
+  <t-space direction="vertical">
+    <t-space>
+      <span>可选:</span>
+      <t-switch v-model="checkable" />
     </t-space>
+    <t-space>
+      <t-button @click="reload()">重新加载数据</t-button>
+    </t-space>
+    <t-tree :value="value" :data="items" hover expand-all :checkable="checkable" :load="load" :lazy="false" />
   </t-space>
 </template>
 
 <script>
+const treeData = [
+  {
+    label: '1',
+    value: '1',
+    children: true,
+  },
+  {
+    label: '2',
+    value: '2',
+    children: true,
+  },
+];
+
 export default {
   data() {
     return {
       checkable: true,
       value: ['1.1.1'],
-      items: [
-        {
-          label: '1',
-          value: '1',
-          children: true,
-        },
-        {
-          label: '2',
-          value: '2',
-          children: true,
-        },
-      ],
+      items: [],
     };
   },
   methods: {
+    reload() {
+      this.items = [];
+      setTimeout(() => {
+        this.items = treeData;
+      });
+    },
     load(node) {
       return new Promise((resolve) => {
         setTimeout(() => {
diff --git a/src/tree/_example/operations.vue b/src/tree/_example/operations.vue
index 922f673db..e9183741c 100644
--- a/src/tree/_example/operations.vue
+++ b/src/tree/_example/operations.vue
@@ -1,72 +1,59 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical" style="width: 100%">
-      <h3 class="title">属性结合 jsx 形式传递</h3>
-      <t-tree :data="items" hover expand-all :label="getLabel" :operations="renderOperations" />
+  <t-space direction="vertical" style="width: 100%" class="tdesign-tree-operations">
+    <t-space>
+      <span>插入节点使用高亮节点:</span>
+      <t-switch v-model="useActived" />
     </t-space>
-
-    <t-space :size="10" direction="vertical" style="width: 100%" class="tdesign-tree-operations">
-      <h3 class="title">slot 形式</h3>
-      <t-form :label-width="200" label-align="left">
-        <t-form-item label="插入节点使用高亮节点">
-          <t-switch v-model="useActived" />
-        </t-form-item>
-        <t-form-item label="子节点展开触发父节点展开">
-          <t-switch v-model="expandParent" />
-        </t-form-item>
-        <t-form-item>
-          <t-input-adornment prepend="filter:">
-            <t-input v-model="filterText" @change="onInputChange" />
-          </t-input-adornment>
-        </t-form-item>
-      </t-form>
-      <t-tree
-        :data="items"
-        hover
-        expand-all
-        activable
-        checkable
-        :expand-on-click-node="false"
-        :label="getLabel"
-        :expand-parent="expandParent"
-        :filter="filterByText"
-        @expand="onExpand"
-        @change="onChange"
-        @active="onActive"
-        line
-        ref="tree"
-      >
-        <template #operations="{ node }">
-          <t-space :size="10">
-            <t-button size="small" variant="base" @click="append(node)">添加子节点</t-button>
-            <t-button size="small" variant="outline" @click="insertBefore(node)">前插节点</t-button>
-            <t-button size="small" variant="outline" @click="insertAfter(node)">后插节点</t-button>
-            <t-button size="small" variant="base" theme="danger" @click="remove(node)">删除</t-button>
-          </t-space>
-        </template>
-      </t-tree>
+    <t-space>
+      <span>子节点展开触发父节点展开:</span>
+      <t-switch v-model="expandParent" />
     </t-space>
-
-    <t-space :size="10" direction="vertical" class="tdesign-tree-operations">
-      <h3 class="title">操作树节点</h3>
-      <t-space :size="10" breakLine>
-        <t-button theme="primary" @click="getItem">获取 value 为 'node1' 的单个节点</t-button>
-        <t-button theme="primary" @click="getAllItems">获取所有节点</t-button>
-        <t-button theme="primary" @click="getActiveChildren">获取高亮节点的所有子节点</t-button>
-        <t-button theme="primary" @click="getAllActived">获取所有高亮节点</t-button>
-        <t-button theme="primary" @click="getActiveChecked">获取高亮节点下的选中节点</t-button>
-        <t-button theme="primary" @click="append()">插入一个根节点</t-button>
-        <t-button theme="primary" @click="getActiveParent">获取高亮节点的父节点</t-button>
-        <t-button theme="primary" @click="getActiveParents">获取高亮节点的所有父节点</t-button>
-        <t-button theme="primary" @click="getActiveIndex">获取高亮节点在子节点中的位置</t-button>
-        <t-button theme="primary" @click="setActiveChecked">选中高亮节点</t-button>
-        <t-button theme="primary" @click="setActiveExpanded">展开高亮节点</t-button>
-        <t-button theme="primary" @click="getActivePlainData">获取高亮节点与其子节点的数据</t-button>
-      </t-space>
-      <div class="tips">
-        <p>* 相关信息通过控制台输出</p>
-      </div>
+    <t-space>
+      <t-input-adornment prepend="filter:">
+        <t-input v-model="filterText" @change="onInputChange" />
+      </t-input-adornment>
+    </t-space>
+    <t-tree
+      ref="tree"
+      :data="items"
+      hover
+      expand-all
+      activable
+      checkable
+      :expand-on-click-node="false"
+      :label="getLabel"
+      :expand-parent="expandParent"
+      :filter="filterByText"
+      line
+      @expand="onExpand"
+      @change="onChange"
+      @active="onActive"
+    >
+      <template #operations="{ node }">
+        <t-space :size="10">
+          <t-button size="small" variant="base" @click="append(node)">添加子节点</t-button>
+          <t-button size="small" variant="outline" @click="insertBefore(node)">前插节点</t-button>
+          <t-button size="small" variant="outline" @click="insertAfter(node)">后插节点</t-button>
+          <t-button size="small" variant="base" theme="danger" @click="remove(node)">删除</t-button>
+        </t-space>
+      </template>
+    </t-tree>
+    <h3>操作树节点</h3>
+    <t-space :size="10" break-line>
+      <t-button theme="primary" variant="outline" @click="getItem">获取 value 为 'node1' 的单个节点</t-button>
+      <t-button theme="primary" variant="outline" @click="getAllItems">获取所有节点</t-button>
+      <t-button theme="primary" variant="outline" @click="getActiveChildren">获取高亮节点的所有子节点</t-button>
+      <t-button theme="primary" variant="outline" @click="getAllActived">获取所有高亮节点</t-button>
+      <t-button theme="primary" variant="outline" @click="getActiveChecked">获取高亮节点下的选中节点</t-button>
+      <t-button theme="primary" variant="outline" @click="append()">插入一个根节点</t-button>
+      <t-button theme="primary" variant="outline" @click="getActiveParent">获取高亮节点的父节点</t-button>
+      <t-button theme="primary" variant="outline" @click="getActiveParents">获取高亮节点的所有父节点</t-button>
+      <t-button theme="primary" variant="outline" @click="getActiveIndex">获取高亮节点在子节点中的位置</t-button>
+      <t-button theme="primary" variant="outline" @click="setActiveChecked">选中高亮节点</t-button>
+      <t-button theme="primary" variant="outline" @click="setActiveExpanded">展开高亮节点</t-button>
+      <t-button theme="primary" variant="outline" @click="getActivePlainData">获取高亮节点与其子节点的数据</t-button>
     </t-space>
+    <div>* 相关信息通过控制台输出</div>
   </t-space>
 </template>
 
@@ -103,9 +90,6 @@ export default {
     },
   },
   methods: {
-    renderOperations(createElement, node) {
-      return `value: ${node.value}`;
-    },
     getLabelContent(node) {
       const pathNodes = node.getPath();
       let label = pathNodes.map((itemNode) => itemNode.getIndex() + 1).join('.');
@@ -128,7 +112,7 @@ export default {
     getItem() {
       const { tree } = this.$refs;
       const node = tree.getItem('node1');
-      console.info('getItem:', node.label);
+      console.info('getItem:', node.value);
     },
     getAllItems() {
       const { tree } = this.$refs;
@@ -182,37 +166,50 @@ export default {
       }
       return item;
     },
+    // 获取节点原始数据
     getPlainData(item) {
       const root = item;
       if (!root) return null;
       const children = item.getChildren(true) || [];
       const list = [root].concat(children);
-      const nodeMap = {};
+
+      // 一维数组原始数据获取
       const nodeList = list.map((item) => {
-        const node = {
-          walkData() {
-            const data = {
-              ...this.data,
-            };
-            const itemChildren = this.getChildren();
-            if (Array.isArray(itemChildren)) {
-              data.children = [];
-              itemChildren.forEach((childItem) => {
-                const childNode = nodeMap[childItem.value];
-                const childData = childNode.walkData();
-                data.children.push(childData);
-              });
-            }
-            return data;
-          },
-          ...item,
+        const { value } = item;
+        const itemData = {
+          ...this.data,
+          value,
+        };
+        const parent = item.getParent();
+        if (parent) {
+          itemData.parent = parent.value;
+        }
+        return itemData;
+      });
+      console.info('一维结构数据:', nodeList);
+
+      // 一维结构数据转树结构数据
+      const nodeMap = {};
+      const treeNodes = [];
+      list.forEach((item) => {
+        const { value } = item;
+        const itemData = {
+          ...this.data,
+          value,
         };
-        nodeMap[item.value] = node;
-        return node;
+        nodeMap[value] = itemData;
+        const parent = item.getParent();
+        if (!parent) {
+          treeNodes.push(itemData);
+        } else {
+          const parentData = nodeMap[parent.value];
+          if (!Array.isArray(parentData.children)) {
+            parentData.children = [];
+          }
+          parentData.children.push(itemData);
+        }
       });
-      const [rootNode] = nodeList;
-      const data = rootNode.walkData();
-      return data;
+      console.info('树结构数据:', treeNodes);
     },
     append(node) {
       const { tree } = this.$refs;
@@ -288,8 +285,7 @@ export default {
     getActivePlainData() {
       const node = this.getActivedNode();
       if (!node) return;
-      const data = this.getPlainData(node);
-      return data;
+      this.getPlainData(node);
     },
     remove(node) {
       const { tree } = this.$refs;
@@ -313,11 +309,15 @@ export default {
     },
     onInputChange(state) {
       console.info('on input:', state);
-      this.filterByText = (node) => {
-        const label = node?.data?.label || '';
-        const rs = label.indexOf(this.filterText) >= 0;
-        return rs;
-      };
+      if (this.filterText) {
+        this.filterByText = (node) => {
+          const label = node?.data?.label || '';
+          const rs = label.indexOf(this.filterText) >= 0;
+          return rs;
+        };
+      } else {
+        this.filterByText = null;
+      }
     },
   },
 };
diff --git a/src/tree/_example/state.vue b/src/tree/_example/state.vue
new file mode 100644
index 000000000..6201f846d
--- /dev/null
+++ b/src/tree/_example/state.vue
@@ -0,0 +1,113 @@
+<template>
+  <t-space direction="vertical">
+    <t-space>
+      <t-button @click="append()">插入一个根节点</t-button>
+    </t-space>
+    <t-tree
+      ref="tree"
+      :data="items"
+      hover
+      expand-all
+      activable
+      checkable
+      :expand-on-click-node="false"
+      line
+      :label="label"
+      :icon="icon"
+    >
+      <template #operations="{ node }">
+        <div class="tdesign-demo-block-row">
+          <t-button size="small" variant="base" @click="check(node)">检查节点信息</t-button>
+          <t-button size="small" variant="base" @click="changeTime(node)">变更时间</t-button>
+          <t-button size="small" variant="base" @click="changeIcon(node)">变更图标</t-button>
+          <t-button size="small" variant="base" @click="append(node)">添加子节点</t-button>
+          <t-button size="small" variant="base" theme="danger" @click="remove(node)">删除</t-button>
+        </div>
+      </template>
+    </t-tree>
+  </t-space>
+</template>
+
+<script lang="jsx">
+import { Icon } from 'tdesign-icons-vue';
+
+export default {
+  data() {
+    return {
+      index: 2,
+      useActived: false,
+      expandParent: true,
+      items: [
+        {
+          value: 'node1',
+        },
+        {
+          value: 'node2',
+        },
+      ],
+    };
+  },
+  methods: {
+    icon(createElement, node) {
+      const { data } = node;
+      let name = 'file';
+      if (node.getChildren()) {
+        if (node.expanded) {
+          name = 'folder-open';
+        } else {
+          name = 'folder';
+        }
+      }
+      if (data.icon) {
+        name = data.icon;
+      }
+      return <Icon name={name} />;
+    },
+    label(createElement, node) {
+      const timeStamp = node.data.timeStamp || '--';
+      return `${node.value}: ${timeStamp}`;
+    },
+    getInsertItem() {
+      let item = null;
+      this.index += 1;
+      const value = `t${this.index}`;
+      item = {
+        value,
+      };
+      return item;
+    },
+    append(node) {
+      const { tree } = this.$refs;
+      const item = this.getInsertItem();
+      if (item) {
+        if (!node) {
+          tree.appendTo('', item);
+        } else {
+          tree.appendTo(node.value, item);
+        }
+      }
+    },
+    check(node) {
+      console.info('check:', node);
+    },
+    changeIcon(node) {
+      const { data } = node;
+      const icon = data.icon === 'folder' ? 'folder-open' : 'folder';
+      // vue3 中，由于并未使用 defineProperty 进行属性监听，所以节点数据的直接变更未能反馈到 ui 组件
+      // 因此提供 node.setData 方法专门处理这个问题，setData 方法触发 update 事件，通知 ui 组件更新
+      node.setData({
+        icon,
+      });
+    },
+    changeTime(node) {
+      const timeStamp = new Date().getTime();
+      node.setData({
+        timeStamp,
+      });
+    },
+    remove(node) {
+      node.remove();
+    },
+  },
+};
+</script>
diff --git a/src/tree/_example/sync.vue b/src/tree/_example/sync.vue
index 4230808ec..42b7c6dc6 100644
--- a/src/tree/_example/sync.vue
+++ b/src/tree/_example/sync.vue
@@ -1,39 +1,36 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-form>
-        <t-form-item>
-          <t-input-adornment prepend="checked:">
-            <t-input :value="allChecked" @change="onAllCheckedInput" />
-          </t-input-adornment>
-        </t-form-item>
-        <t-form-item>
-          <t-input-adornment prepend="expanded:">
-            <t-input :value="allExpanded" @change="onAllExpandedInput" />
-          </t-input-adornment>
-        </t-form-item>
-        <t-form-item>
-          <t-input-adornment prepend="actived:">
-            <t-input :value="allActived" @change="onAllActivedInput" />
-          </t-input-adornment>
-        </t-form-item>
-      </t-form>
-      <t-tree
-        :data="items"
-        checkable
-        activable
-        :expand-on-click-node="false"
-        :active-multiple="false"
-        :expanded.sync="expanded"
-        :actived.sync="actived"
-        :value.sync="checked"
-        :value-mode="valueMode"
-      />
+  <t-space direction="vertical">
+    <t-space>
+      <t-input-adornment prepend="checked:">
+        <t-input :value="allChecked" @change="onAllCheckedInput" />
+      </t-input-adornment>
     </t-space>
+    <t-space>
+      <t-input-adornment prepend="expanded:">
+        <t-input :value="allExpanded" @change="onAllExpandedInput" />
+      </t-input-adornment>
+    </t-space>
+    <t-space>
+      <t-input-adornment prepend="actived:">
+        <t-input :value="allActived" @change="onAllActivedInput" />
+      </t-input-adornment>
+    </t-space>
+    <t-tree
+      v-model="checked"
+      :expanded.sync="expanded"
+      :actived.sync="actived"
+      :data="items"
+      checkable
+      activable
+      :expand-on-click-node="false"
+      :active-multiple="false"
+      :value-mode="valueMode"
+    />
   </t-space>
 </template>
 
 <script>
+// 注意这个示例，同步属性的赋值方式与 vue3 api 不同
 export default {
   data() {
     return {
diff --git a/src/tree/_example/transition.vue b/src/tree/_example/transition.vue
index 231a04776..69a64d5c3 100644
--- a/src/tree/_example/transition.vue
+++ b/src/tree/_example/transition.vue
@@ -1,29 +1,28 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo">
-    <t-space :size="10" direction="vertical">
-      <t-form label-align="left" :label-width="80" style="max-width: 500px">
-        <t-form-item label="展开动画">
-          <t-switch v-model="transition" />
-        </t-form-item>
-        <t-form-item label="显示连线">
-          <t-switch v-model="showLine" />
-        </t-form-item>
-        <t-form-item label="显示图标">
-          <t-switch v-model="showIcon" />
-        </t-form-item>
-      </t-form>
-      <t-tree
-        :data="items"
-        hover
-        activable
-        checkable
-        :transition="transition"
-        :expand-on-click-node="false"
-        :line="showLine"
-        :icon="showIcon"
-        :label="label"
-      ></t-tree>
+  <t-space direction="vertical">
+    <t-space>
+      <span>展开动画:</span>
+      <t-switch v-model="transition" />
     </t-space>
+    <t-space>
+      <span>显示连线:</span>
+      <t-switch v-model="showLine" />
+    </t-space>
+    <t-space>
+      <span>显示图标:</span>
+      <t-switch v-model="showIcon" />
+    </t-space>
+    <t-tree
+      :data="items"
+      hover
+      activable
+      checkable
+      :transition="transition"
+      :expand-on-click-node="false"
+      :line="showLine"
+      :icon="showIcon"
+      :label="label"
+    ></t-tree>
   </t-space>
 </template>
 
diff --git a/src/tree/_example/vscroll-lazy.vue b/src/tree/_example/vscroll-lazy.vue
new file mode 100644
index 000000000..4881d4717
--- /dev/null
+++ b/src/tree/_example/vscroll-lazy.vue
@@ -0,0 +1,76 @@
+<template>
+  <t-space :size="32" direction="vertical" style="width: 100%">
+    <t-space direction="vertical" style="width: 80%">
+      <h3>虚拟滚动 - lazy模式</h3>
+      <t-tree
+        ref="tree"
+        :data="lazyItems"
+        hover
+        activable
+        expand-all
+        :height="300"
+        :expand-on-click-node="false"
+        :label="label"
+        :scroll="{
+          rowHeight: 34,
+          bufferSize: 10,
+          threshold: 10,
+          type: 'lazy',
+        }"
+      ></t-tree>
+    </t-space>
+    <div style="height: 100px"></div>
+  </t-space>
+</template>
+
+<script>
+const allLevels = [5, 5, 5];
+
+function createTreeData() {
+  let cacheIndex = 0;
+
+  function getValue() {
+    cacheIndex += 1;
+    return `t${cacheIndex}`;
+  }
+
+  function createNodes(items, level) {
+    const count = allLevels[level];
+    if (count) {
+      let index = 0;
+      for (index = 0; index < count; index += 1) {
+        const value = getValue();
+        const item = { value };
+        items.push(item);
+        if (allLevels[level + 1]) {
+          item.children = [];
+          createNodes(item.children, level + 1);
+        }
+      }
+    }
+  }
+
+  const items = [];
+  createNodes(items, 0);
+
+  return {
+    getValue,
+    items,
+  };
+}
+
+const lazyTree = createTreeData();
+
+export default {
+  data() {
+    return {
+      lazyItems: lazyTree.items,
+    };
+  },
+  methods: {
+    label(createElement, node) {
+      return `${node.value}`;
+    },
+  },
+};
+</script>
diff --git a/src/tree/_example/vscroll.vue b/src/tree/_example/vscroll.vue
index cf0f2f6be..82b1b5690 100644
--- a/src/tree/_example/vscroll.vue
+++ b/src/tree/_example/vscroll.vue
@@ -1,56 +1,38 @@
 <template>
-  <t-space :size="32" direction="vertical" class="tdesign-tree-demo" style="width: 100%">
-    <t-space :size="10" direction="vertical" class="tdesign-tree-vscroll-lazy" style="width: 80%">
-      <h3 class="title">虚拟滚动 - lazy模式</h3>
-      <t-tree
-        :data="lazyItems"
-        hover
-        activable
-        expand-all
-        :height="300"
-        :expand-on-click-node="false"
-        :label="label"
-        :scroll="{
-          rowHeight: 34,
-          bufferSize: 10,
-          threshold: 10,
-          type: 'lazy',
-        }"
-        ref="tree"
-      ></t-tree>
-    </t-space>
-
-    <t-space :size="10" direction="vertical" style="width: 100%">
-      <h3 class="title">虚拟滚动 - virtual 模式</h3>
-      <t-form labelWidth="150" style="max-width: 500px">
-        <t-form-item label="动画">
-          <t-switch v-model="transition" />
-        </t-form-item>
-        <t-form-item label="显示连线">
-          <t-switch v-model="showLine" />
-        </t-form-item>
-        <t-form-item label="显示图标">
-          <t-switch v-model="showIcon" />
-        </t-form-item>
-        <t-form-item label="可选">
-          <t-switch v-model="isCheckable" />
-        </t-form-item>
-        <t-form-item label="可操作">
-          <t-switch v-model="isOperateAble" />
-        </t-form-item>
-      </t-form>
-      <t-form label-align="left" :label-width="80" style="max-width: 500px">
-        <t-form-item>
-          <t-input-adornment prepend="插入节点数量:">
-            <t-input v-model="insertCount" />
-          </t-input-adornment>
-        </t-form-item>
-        <t-form-item>
-          <t-button @click="append()">插入根节点</t-button>
-        </t-form-item>
-      </t-form>
+  <t-space :size="32" direction="vertical" style="width: 100%">
+    <t-space direction="vertical" style="width: 80%">
+      <h3>虚拟滚动 - virtual 模式</h3>
+      <t-space>
+        <span>动画:</span>
+        <t-switch v-model="transition" />
+      </t-space>
+      <t-space>
+        <span>显示连线:</span>
+        <t-switch v-model="showLine" />
+      </t-space>
+      <t-space>
+        <span>显示图标:</span>
+        <t-switch v-model="showIcon" />
+      </t-space>
+      <t-space>
+        <span>可选:</span>
+        <t-switch v-model="isCheckable" />
+      </t-space>
+      <t-space>
+        <span>可操作:</span>
+        <t-switch v-model="isOperateAble" />
+      </t-space>
+      <t-space>
+        <t-input-adornment prepend="插入节点数量:">
+          <t-input v-model="textInsertCount" />
+        </t-input-adornment>
+      </t-space>
+      <t-space>
+        <t-button @click="append()">插入根节点</t-button>
+      </t-space>
     </t-space>
     <t-tree
+      ref="tree"
       :data="items"
       hover
       activable
@@ -68,10 +50,9 @@
         threshold: 10,
         type: 'virtual',
       }"
-      ref="tree"
     >
       <template #operations="{ node }">
-        <div class="tdesign-demo-block-row" v-if="isOperateAble">
+        <div v-if="isOperateAble" class="tdesign-demo-block-row">
           <t-button size="small" variant="base" @click="append(node)">添加子节点</t-button>
           <t-button size="small" variant="base" theme="danger" @click="remove(node)">删除</t-button>
         </div>
@@ -117,7 +98,6 @@ function createTreeData() {
   };
 }
 
-const lazyTree = createTreeData();
 const virtualTree = createTreeData();
 
 export default {
@@ -125,19 +105,19 @@ export default {
     return {
       index: 0,
       transition: true,
-      insertCount: 1,
-      useActived: false,
-      enableVScroll: true,
-      lazyVScroll: false,
-      expandParent: true,
+      textInsertCount: '1',
       showLine: true,
       showIcon: true,
       isCheckable: true,
       isOperateAble: true,
       items: virtualTree.items,
-      lazyItems: lazyTree.items,
     };
   },
+  computed: {
+    insertCount() {
+      return parseInt(this.textInsertCount, 10) || 1;
+    },
+  },
   methods: {
     label(createElement, node) {
       return `${node.value}`;
diff --git a/src/tree/adapt.ts b/src/tree/adapt.ts
new file mode 100644
index 000000000..02f39bbb2
--- /dev/null
+++ b/src/tree/adapt.ts
@@ -0,0 +1,101 @@
+// 在这个文件，解决 vue2/vue3 tree 组件依赖的差异问题
+// 除此文件之外的其他组件文件，可从 vue2 项目直接复制到 vue3 项目进行维护
+import VueCompositionAPI, {
+  Ref, SetupContext, ToRefs, UnwrapNestedRefs,
+} from '@vue/composition-api';
+import Vue, { CreateElement, VNode, PropType } from 'vue';
+import { CheckboxProps } from '../checkbox';
+import {
+  ClassName, TScroll, Styles, TNode, TreeOptionData, TNodeReturnValue,
+} from '../common';
+import { TypeTreeEventState as TreeEventState } from '../_common/js/tree/types';
+import { TdTreeProps, TreeInstanceFunctions } from './type';
+import { VirtualScrollConfig } from '../hooks/useVirtualScrollNew';
+import tdWithInstall from '../utils/withInstall';
+import tdUseVModel from '../hooks/useVModel';
+import tdUseDefaultValue from '../hooks/useDefaultValue';
+import { TreeStore } from '../_common/js/tree/tree-store';
+
+export {
+  ref, reactive, computed, watch, onMounted, toRefs, defineComponent,
+} from '@vue/composition-api';
+export { CaretRightSmallIcon as TdCaretRightSmallIcon } from 'tdesign-icons-vue';
+export { Checkbox as TCheckBox } from '../checkbox';
+export { Loading as TLoading } from '../loading';
+export { useConfig, usePrefixClass } from '../hooks/useConfig';
+export { useGlobalIcon } from '../hooks/useGlobalIcon';
+export { default as useLazyLoad } from '../hooks/useLazyLoad';
+export { default as useVirtualScroll } from '../hooks/useVirtualScrollNew';
+export { TreeNode, privateKey } from '../_common/js/tree/tree-node';
+
+export type TypeVModel = ReturnType<typeof tdUseVModel>;
+export type TypeRef<T> = Ref<T>;
+export type TypeSetupContext = SetupContext;
+export type TypeCreateElement = CreateElement;
+export type TypeVNode = VNode;
+export type TypePropType<T> = PropType<T>;
+export type TypeCheckboxProps = CheckboxProps;
+export type TypeClassName = ClassName;
+export type TypeScroll = TScroll;
+export type TypeStyles = Styles;
+export type TypeTNode<T> = TNode<T>;
+export type TypeTNodeReturnValue = TNodeReturnValue;
+export type TypeTreeOptionData = TreeOptionData;
+export type TypeTreeEventState = TreeEventState;
+export type TypeVirtualScrollConfig = VirtualScrollConfig;
+export type TypeToRefs<T> = ToRefs<T>;
+export type TypeUnwrapNestedRefs<T> = UnwrapNestedRefs<T>;
+
+export interface TypeTreeInstance extends Vue, TreeInstanceFunctions {}
+
+export type TreeProps<T extends TypeTreeOptionData = TypeTreeOptionData> = TdTreeProps<T> & {
+  treeStore?: TreeStore;
+};
+
+export const isVueNext = false;
+
+export const TransitionGroup = Vue.component('TransitionGroup');
+
+export interface TypeOnDrag {
+  default?: unknown;
+}
+
+const onDrag: TypeOnDrag = {
+  default: undefined,
+};
+
+export const TreeItemDefinition = {
+  name: 'TTreeItem',
+  inject: {
+    onDrag,
+  },
+};
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export function useRipple(el: unknown) {}
+
+export function withInstall<T>(construct: T) {
+  return tdWithInstall(construct, VueCompositionAPI);
+}
+
+export function getCreateElement(h: CreateElement) {
+  return h;
+}
+
+export function getScopedSlots(instance: Vue) {
+  return instance.$scopedSlots;
+}
+
+export function useVModel(
+  props: TreeProps,
+  refsProps: ToRefs<TreeProps>,
+  propName = 'value',
+  defaultPropName = 'defaultValue',
+  eventPropName = 'onChange',
+  eventName = 'change',
+) {
+  if (propName === 'value') {
+    return tdUseVModel(refsProps[propName], props[defaultPropName], props[eventPropName], eventName, propName);
+  }
+  return tdUseDefaultValue(refsProps[propName], props[defaultPropName], props[eventPropName], propName, eventName);
+}
diff --git a/src/tree/hooks/useDragHandle.ts b/src/tree/hooks/useDragHandle.ts
index 8afd910a3..11a501bdd 100644
--- a/src/tree/hooks/useDragHandle.ts
+++ b/src/tree/hooks/useDragHandle.ts
@@ -1,14 +1,13 @@
-import { SetupContext } from '@vue/composition-api';
+import { TreeNode } from '../adapt';
 import {
   TreeProps, TypDragEventState, TypeTreeState, TypeDragHandle,
-} from '../interface';
+} from '../tree-types';
 import { emitEvent } from '../util';
-import TreeNode from '../../_common/js/tree/tree-node';
-
-export default function useDragHandle(props: TreeProps, context: SetupContext, state: TypeTreeState) {
-  const treeState = state;
-  const { store } = treeState;
 
+export default function useDragHandle(state: TypeTreeState) {
+  const {
+    props, context, scope, store,
+  } = state;
   let dragNode: TreeNode = null;
 
   const handleDragStart = (state: TypDragEventState) => {
@@ -86,7 +85,6 @@ export default function useDragHandle(props: TreeProps, context: SetupContext, s
     handleDrop,
   };
 
-  const { scope } = treeState;
   scope.drag = drag;
 
   return {
diff --git a/src/tree/hooks/useDraggable.ts b/src/tree/hooks/useDraggable.ts
index 7c4125d9a..1ff09deb7 100644
--- a/src/tree/hooks/useDraggable.ts
+++ b/src/tree/hooks/useDraggable.ts
@@ -1,6 +1,6 @@
 import throttle from 'lodash/throttle';
-import { Ref, reactive } from '@vue/composition-api';
-import { TypeTreeItemProps } from '../interface';
+import { reactive } from '../adapt';
+import { TypeTreeItemState } from '../tree-types';
 
 export interface TypeDragStates {
   isDragOver: boolean;
@@ -10,7 +10,8 @@ export interface TypeDragStates {
 
 type TypeDrag = 'dragStart' | 'dragOver' | 'dragLeave' | 'dragEnd' | 'drop';
 
-export default function useDraggable(props: TypeTreeItemProps, treeItemRef: Ref<HTMLElement>) {
+export default function useDraggable(state: TypeTreeItemState) {
+  const { treeItemRef } = state;
   const dragStates = reactive({
     isDragOver: false,
     isDragging: false,
@@ -22,7 +23,7 @@ export default function useDraggable(props: TypeTreeItemProps, treeItemRef: Ref<
     if (!rootNode) return;
 
     const rect = rootNode?.getBoundingClientRect?.();
-    const offsetY = window.pageYOffset + rect.top;
+    const offsetY = window.scrollY + rect.top;
     const { pageY } = dragEvent;
     const gapHeight = rect.height / 4;
     const diff = pageY - offsetY;
@@ -37,7 +38,7 @@ export default function useDraggable(props: TypeTreeItemProps, treeItemRef: Ref<
   };
 
   const setDragStatus = (status: TypeDrag, dragEvent: DragEvent) => {
-    const { node, treeScope } = props;
+    const { node, treeScope } = state;
     const { drag } = treeScope;
     if (!drag) return;
 
@@ -76,7 +77,7 @@ export default function useDraggable(props: TypeTreeItemProps, treeItemRef: Ref<
   };
 
   const handleDragStart = (evt: DragEvent) => {
-    const { node } = props;
+    const { node } = state;
     if (!node.isDraggable()) return;
     evt.stopPropagation();
     setDragStatus('dragStart', evt);
@@ -90,14 +91,14 @@ export default function useDraggable(props: TypeTreeItemProps, treeItemRef: Ref<
   };
 
   const handleDragEnd = (evt: DragEvent) => {
-    const { node } = props;
+    const { node } = state;
     if (!node.isDraggable()) return;
     evt.stopPropagation();
     setDragStatus('dragEnd', evt);
   };
 
   const handleDragOver = (evt: DragEvent) => {
-    const { node } = props;
+    const { node } = state;
     if (!node.isDraggable()) return;
     evt.stopPropagation();
     evt.preventDefault();
@@ -105,14 +106,14 @@ export default function useDraggable(props: TypeTreeItemProps, treeItemRef: Ref<
   };
 
   const handleDragLeave = (evt: DragEvent) => {
-    const { node } = props;
+    const { node } = state;
     if (!node.isDraggable()) return;
     evt.stopPropagation();
     setDragStatus('dragLeave', evt);
   };
 
   const handleDrop = (evt: DragEvent) => {
-    const { node } = props;
+    const { node } = state;
     if (!node.isDraggable()) return;
     evt.stopPropagation();
     evt.preventDefault();
diff --git a/src/tree/hooks/useItemEvents.ts b/src/tree/hooks/useItemEvents.ts
index 24eddda86..73b17f916 100644
--- a/src/tree/hooks/useItemEvents.ts
+++ b/src/tree/hooks/useItemEvents.ts
@@ -1,27 +1,27 @@
-import { SetupContext } from '@vue/composition-api';
-import { CheckboxProps } from '../../checkbox';
-import { usePrefixClass } from '../../hooks/useConfig';
-import { TypeTreeItemProps, TypeEventState } from '../interface';
+import { TypeCheckboxProps, usePrefixClass } from '../adapt';
+import { TypeEventState, TypeTreeItemState } from '../tree-types';
 // 这里封装 tree-item 的一般事件
 // 拖动事件，虚拟滚动事件不要安排到这里
-export default function useItemEvents(props: TypeTreeItemProps, context: SetupContext) {
-  const { node } = props;
-
+export default function useItemEvents(state: TypeTreeItemState) {
+  const { context } = state;
   const classPrefix = usePrefixClass().value;
 
-  const handleChange: CheckboxProps['onChange'] = (_, ctx) => {
+  const handleChange: TypeCheckboxProps['onChange'] = (_, ctx) => {
+    const { node } = state;
     const event = new Event('change');
-    const state: TypeEventState = {
+    const evtContext: TypeEventState = {
       event,
       node,
     };
-    context.emit('change', state, ctx);
+    context.emit('change', evtContext, ctx);
   };
 
   let clicked = false;
 
   const handleClick = (evt: MouseEvent) => {
-    const { expandOnClickNode } = props;
+    const { node, treeScope } = state;
+    const { treeProps = {} } = treeScope;
+    const { expandOnClickNode } = treeProps;
     const srcTarget = evt.target as HTMLElement;
     const isBranchTrigger = node.children
       && expandOnClickNode
@@ -37,15 +37,17 @@ export default function useItemEvents(props: TypeTreeItemProps, context: SetupCo
     });
 
     // 处理expandOnClickNode时与checkbox的选中的逻辑冲突
-    if (expandOnClickNode && node.children && srcTarget.className?.indexOf?.(`${classPrefix}-tree__label`) !== -1) evt.preventDefault();
+    if (expandOnClickNode && node.children && srcTarget.className?.indexOf?.(`${classPrefix}-tree__label`) !== -1) {
+      evt.preventDefault();
+    }
 
-    const state: TypeEventState = {
+    const evtContext: TypeEventState = {
       mouseEvent: evt,
       event: evt,
       node,
       path: node.getPath(),
     };
-    context.emit('click', state);
+    context.emit('click', evtContext);
   };
 
   return {
diff --git a/src/tree/hooks/useItemState.ts b/src/tree/hooks/useItemState.ts
new file mode 100644
index 000000000..ce167ac8c
--- /dev/null
+++ b/src/tree/hooks/useItemState.ts
@@ -0,0 +1,25 @@
+import { ref, toRefs, TypeSetupContext } from '../adapt';
+import { TypeTreeItemProps, TypeTreeItemState } from '../tree-types';
+
+// 提供公共对象
+export default function useItemState(props: TypeTreeItemProps, context: TypeSetupContext) {
+  const refProps = toRefs(props);
+  const treeItemRef = ref(null);
+  const { treeScope } = props;
+  const { store } = treeScope;
+  const node = store.privateMap.get(props.itemKey);
+
+  const state: TypeTreeItemState = {
+    stateId: props.stateId,
+    props,
+    context,
+    treeScope,
+    refProps,
+    node,
+    treeItemRef,
+  };
+
+  return {
+    state,
+  };
+}
diff --git a/src/tree/hooks/useRenderIcon.tsx b/src/tree/hooks/useRenderIcon.tsx
index 692e39e23..427d32c98 100644
--- a/src/tree/hooks/useRenderIcon.tsx
+++ b/src/tree/hooks/useRenderIcon.tsx
@@ -1,18 +1,16 @@
-import { CreateElement } from 'vue';
-import { CaretRightSmallIcon as TdCaretRightSmallIcon } from 'tdesign-icons-vue';
-import { TypeTreeItemProps } from '../interface';
-import { usePrefixClass } from '../../hooks/useConfig';
-import { useGlobalIcon } from '../../hooks/useGlobalIcon';
-import TLoading from '../../loading';
+import {
+  usePrefixClass, useGlobalIcon, TypeCreateElement, TLoading, TdCaretRightSmallIcon,
+} from '../adapt';
+import { TypeTreeItemState } from '../tree-types';
 import { getTNode } from '../util';
 
 // 渲染节点图标
-export default function useRenderIcon(props: TypeTreeItemProps) {
+export default function useRenderIcon(state: TypeTreeItemState) {
   const classPrefix = usePrefixClass().value;
   const componentName = usePrefixClass('tree').value;
 
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const getFolderIcon = (h: CreateElement) => {
+  const getFolderIcon = (h: TypeCreateElement) => {
     const { CaretRightSmallIcon } = useGlobalIcon({
       CaretRightSmallIcon: TdCaretRightSmallIcon,
     });
@@ -24,8 +22,8 @@ export default function useRenderIcon(props: TypeTreeItemProps) {
     evt.preventDefault();
   };
 
-  const renderIcon = (h: CreateElement) => {
-    const { node, treeScope } = props;
+  const renderIcon = (h: TypeCreateElement) => {
+    const { node, treeScope } = state;
     const { scopedSlots } = treeScope;
     const treeProps = treeScope?.treeProps || {};
     const { icon } = treeProps;
diff --git a/src/tree/hooks/useRenderLabel.tsx b/src/tree/hooks/useRenderLabel.tsx
index b1cc5d296..f0c9e6fe9 100644
--- a/src/tree/hooks/useRenderLabel.tsx
+++ b/src/tree/hooks/useRenderLabel.tsx
@@ -1,25 +1,22 @@
-import { CreateElement } from 'vue';
-import { SetupContext, computed } from '@vue/composition-api';
 import isBoolean from 'lodash/isBoolean';
-import { TypeVNode, TypeTreeItemProps } from '../interface';
-import { usePrefixClass } from '../../hooks/useConfig';
-
-import TCheckBox from '../../checkbox';
+import {
+  usePrefixClass, TypeCreateElement, computed, TCheckBox, TypeVNode,
+} from '../adapt';
+import { TypeTreeItemState } from '../tree-types';
 import { getTNode } from '../util';
 import useItemEvents from './useItemEvents';
 
 // 渲染节点文本与内容
-export default function useRenderLabel(props: TypeTreeItemProps, context: SetupContext) {
+export default function useRenderLabel(state: TypeTreeItemState) {
   const classPrefix = usePrefixClass().value;
   const componentName = usePrefixClass('tree').value;
 
-  const { handleChange } = useItemEvents(props, context);
+  const { handleChange } = useItemEvents(state);
 
-  const renderLabel = (h: CreateElement): TypeVNode => {
-    const { node, treeScope, expandOnClickNode } = props;
-    const { scopedSlots } = treeScope;
-    const treeProps = treeScope?.treeProps || {};
-    const { label, disableCheck } = treeProps;
+  const renderLabel = (h: TypeCreateElement): TypeVNode => {
+    const { node, treeScope } = state;
+    const { scopedSlots, treeProps = {} } = treeScope;
+    const { label, disableCheck, expandOnClickNode } = treeProps;
     const checkProps = treeProps?.checkProps || {};
 
     let labelNode = null;
@@ -47,10 +44,9 @@ export default function useRenderLabel(props: TypeTreeItemProps, context: SetupC
 
     const shouldStopLabelTrigger = computed(() => {
       const isNormalBranchNode = Array.isArray(node.children) && node.children?.length > 0;
-      const isLazyLoadChildBranchNode = isBoolean(node.children) && node.children; // 懒加载子节点场景
-
+      // 延迟加载子节点场景
+      const isLazyLoadChildBranchNode = isBoolean(node.children) && node.children;
       const isBranchNode = isNormalBranchNode || isLazyLoadChildBranchNode;
-
       return expandOnClickNode && isBranchNode;
     });
 
@@ -74,11 +70,10 @@ export default function useRenderLabel(props: TypeTreeItemProps, context: SetupC
 
       labelNode = (
         <TCheckBox
-          // v-ripple={this.keepAnimation.ripple}
           class={labelClasses}
           checked={node.checked}
           indeterminate={node.indeterminate}
-          disabled={node.isDisabled()}
+          disabled={checkboxDisabled}
           name={String(node.value)}
           onChange={handleChange}
           stopLabelTrigger={shouldStopLabelTrigger.value}
@@ -92,12 +87,7 @@ export default function useRenderLabel(props: TypeTreeItemProps, context: SetupC
       const inner = <span style="position: relative">{labelNode}</span>;
       // 使用key是为了避免元素复用，从而顺利移除ripple指令
       labelNode = node.isActivable() ? (
-        <span
-          key="1"
-          // v-ripple={this.keepAnimation.ripple}
-          class={labelClasses}
-          title={node.label}
-        >
+        <span key="1" ref="label" class={labelClasses} title={node.label}>
           {inner}
         </span>
       ) : (
diff --git a/src/tree/hooks/useRenderLine.tsx b/src/tree/hooks/useRenderLine.tsx
index ec6235c28..2a2482e68 100644
--- a/src/tree/hooks/useRenderLine.tsx
+++ b/src/tree/hooks/useRenderLine.tsx
@@ -1,15 +1,15 @@
-import { CreateElement } from 'vue';
-import { TypeVNode, TypeTreeItemProps } from '../interface';
-import { usePrefixClass } from '../../hooks/useConfig';
-import TreeNode from '../../_common/js/tree/tree-node';
+import {
+  usePrefixClass, TypeCreateElement, TreeNode, TypeVNode,
+} from '../adapt';
+import { TypeTreeItemState } from '../tree-types';
 import { getTNode } from '../util';
 
 // 渲染节点连线
-export default function useRenderLine(props: TypeTreeItemProps) {
+export default function useRenderLine(state: TypeTreeItemState) {
   const componentName = usePrefixClass('tree').value;
 
-  const renderLine = (h: CreateElement): TypeVNode => {
-    const { node, treeScope } = props;
+  const renderLine = (h: TypeCreateElement): TypeVNode => {
+    const { node, treeScope } = state;
     const { scopedSlots } = treeScope;
     const treeProps = treeScope?.treeProps || {};
     const { line } = treeProps;
diff --git a/src/tree/hooks/useRenderOperations.tsx b/src/tree/hooks/useRenderOperations.tsx
index a19c5b51c..b977b4eb7 100644
--- a/src/tree/hooks/useRenderOperations.tsx
+++ b/src/tree/hooks/useRenderOperations.tsx
@@ -1,14 +1,13 @@
-import { CreateElement } from 'vue';
-import { TypeVNode, TypeTreeItemProps } from '../interface';
-import { usePrefixClass } from '../../hooks/useConfig';
+import { usePrefixClass, TypeCreateElement, TypeVNode } from '../adapt';
+import { TypeTreeItemState } from '../tree-types';
 import { getTNode } from '../util';
 
 // 渲染节点操作区域
-export default function useRenderOperations(props: TypeTreeItemProps) {
+export default function useRenderOperations(state: TypeTreeItemState) {
   const componentName = usePrefixClass('tree').value;
 
-  const renderOperations = (h: CreateElement): TypeVNode => {
-    const { node, treeScope } = props;
+  const renderOperations = (h: TypeCreateElement): TypeVNode => {
+    const { node, treeScope } = state;
     const { scopedSlots } = treeScope;
     const treeProps = treeScope?.treeProps || {};
     const { operations } = treeProps;
diff --git a/src/tree/hooks/useTreeAction.ts b/src/tree/hooks/useTreeAction.ts
index a582ba54b..a0a213542 100644
--- a/src/tree/hooks/useTreeAction.ts
+++ b/src/tree/hooks/useTreeAction.ts
@@ -1,27 +1,27 @@
-import { SetupContext } from '@vue/composition-api';
-import { usePrefixClass } from '../../hooks/useConfig';
+import { usePrefixClass } from '../adapt';
 import {
   TreeNodeValue,
-  TreeProps,
   TypeTreeState,
   TypeTargetNode,
   TypeExpandEventContext,
   TypeActiveEventContext,
   TypeChangeEventContext,
-} from '../interface';
-import { getNode, emitEvent, pathMatchClass } from '../util';
+} from '../tree-types';
+import { getNode, pathMatchClass } from '../util';
 
 // tree 组件节点状态设置
-export default function useTreeAction(props: TreeProps, context: SetupContext, state: TypeTreeState) {
+export default function useTreeAction(state: TypeTreeState) {
   const treeState = state;
   const { store } = treeState;
   const componentName = usePrefixClass('tree').value;
 
+  const [, setTValue] = state.vmValue;
+  const [, setTActived] = state.vmActived;
+  const [, setTExpanded] = state.vmExpanded;
+
   const setExpanded = (item: TypeTargetNode, isExpanded: boolean): TreeNodeValue[] => {
     const node = getNode(store, item);
-    const expanded = node.setExpanded(isExpanded, {
-      directly: true,
-    });
+    const expanded = node.setExpanded(isExpanded);
     const mouseEvent = treeState.mouseEvent as MouseEvent;
     const evtCtx: TypeExpandEventContext = {
       node: node.getModel(),
@@ -36,7 +36,7 @@ export default function useTreeAction(props: TreeProps, context: SetupContext, s
         evtCtx.trigger = 'icon-click';
       }
     }
-    emitEvent<Parameters<TreeProps['onExpand']>>(props, context, 'expand', expanded, evtCtx);
+    setTExpanded(expanded, evtCtx);
     return expanded;
   };
 
@@ -47,9 +47,7 @@ export default function useTreeAction(props: TreeProps, context: SetupContext, s
 
   const setActived = (item: TypeTargetNode, isActived: boolean) => {
     const node = getNode(store, item);
-    const actived = node.setActived(isActived, {
-      directly: true,
-    });
+    const actived = node.setActived(isActived);
     const mouseEvent = treeState.mouseEvent as MouseEvent;
     const evtCtx: TypeActiveEventContext = {
       node: node.getModel(),
@@ -59,7 +57,7 @@ export default function useTreeAction(props: TreeProps, context: SetupContext, s
     if (mouseEvent) {
       evtCtx.trigger = 'node-click';
     }
-    emitEvent<Parameters<TreeProps['onActive']>>(props, context, 'active', actived, evtCtx);
+    setTActived(actived, evtCtx);
     return actived;
   };
 
@@ -70,9 +68,7 @@ export default function useTreeAction(props: TreeProps, context: SetupContext, s
 
   const setChecked = (item: TypeTargetNode, isChecked: boolean, ctx: { e: Event }): TreeNodeValue[] => {
     const node = getNode(store, item);
-    const checked = node.setChecked(isChecked, {
-      directly: true,
-    });
+    const checked = node.setChecked(isChecked);
     const mouseEvent = ctx?.e as MouseEvent;
     const evtCtx: TypeChangeEventContext = {
       node: node.getModel(),
@@ -82,7 +78,7 @@ export default function useTreeAction(props: TreeProps, context: SetupContext, s
     if (mouseEvent) {
       evtCtx.trigger = 'node-click';
     }
-    emitEvent<Parameters<TreeProps['onChange']>>(props, context, 'change', checked, evtCtx);
+    setTValue(checked, evtCtx);
     return checked;
   };
 
diff --git a/src/tree/hooks/useTreeEvents.ts b/src/tree/hooks/useTreeEvents.ts
index e739bf130..c085bbd2e 100644
--- a/src/tree/hooks/useTreeEvents.ts
+++ b/src/tree/hooks/useTreeEvents.ts
@@ -1,12 +1,12 @@
-import { SetupContext } from '@vue/composition-api';
-import { TreeProps, TypeTreeState, TypeEventState } from '../interface';
+import { TreeProps, TypeTreeState, TypeEventState } from '../tree-types';
 import { getMark, emitEvent } from '../util';
 import useTreeAction from './useTreeAction';
 
 // tree 组件一般事件处理
-export default function useTreeEvents(props: TreeProps, context: SetupContext, state: TypeTreeState) {
+export default function useTreeEvents(state: TypeTreeState) {
   const treeState = state;
-  const { toggleExpanded, toggleActived, toggleChecked } = useTreeAction(props, context, state);
+  const { props, context } = treeState;
+  const { toggleExpanded, toggleActived, toggleChecked } = useTreeAction(state);
 
   const handleClick = (evtState: TypeEventState) => {
     const { mouseEvent, event, node } = evtState;
@@ -16,7 +16,7 @@ export default function useTreeEvents(props: TreeProps, context: SetupContext, s
     treeState.mouseEvent = mouseEvent;
 
     let shouldExpand = props.expandOnClickNode;
-    let shouldActive = !props.disabled && !node.disabled;
+    let shouldActive = !props.disabled && !node.disabled && node.isActivable();
 
     // 给节点添加属性 trigger="expand,active", ignore="expand,active"
     // 来确认或者屏蔽动作
@@ -59,7 +59,7 @@ export default function useTreeEvents(props: TreeProps, context: SetupContext, s
   const handleChange = (evtState: TypeEventState, ctx: { e: Event }) => {
     const { disabled } = props;
     const { node } = evtState;
-    if (!node || disabled || node.disabled) {
+    if (!node || disabled || node.disabled || !node.isCheckable()) {
       return;
     }
     toggleChecked(node, ctx);
diff --git a/src/tree/hooks/useTreeItem.tsx b/src/tree/hooks/useTreeItem.tsx
index 4eef79f26..48727a32f 100644
--- a/src/tree/hooks/useTreeItem.tsx
+++ b/src/tree/hooks/useTreeItem.tsx
@@ -1,11 +1,7 @@
-import { CreateElement } from 'vue';
 import {
-  SetupContext, Ref, onMounted, reactive,
-} from '@vue/composition-api';
-import { TypeVNode, TypeTreeItemProps } from '../interface';
-import { usePrefixClass } from '../../hooks/useConfig';
-import { ClassName } from '../../common';
-import useLazyLoad from '../../hooks/useLazyLoad';
+  onMounted, reactive, TypeCreateElement, usePrefixClass, useLazyLoad, TypeVNode,
+} from '../adapt';
+import { TypeTreeItemState } from '../tree-types';
 import useItemEvents from './useItemEvents';
 import useRenderIcon from './useRenderIcon';
 import useRenderLabel from './useRenderLabel';
@@ -13,24 +9,20 @@ import useRenderLine from './useRenderLine';
 import useRenderOperations from './useRenderOperations';
 import useDraggable from './useDraggable';
 
-export default function useTreeItem(props: TypeTreeItemProps, context: SetupContext, treeItemRef: Ref<HTMLElement>) {
-  const { node, treeScope } = props;
-  const { virtualConfig, treeContentRef } = treeScope;
-  const scrollProps = treeScope?.scrollProps;
+export default function useTreeItem(state: TypeTreeItemState) {
+  const { treeScope, treeItemRef } = state;
+  const { virtualConfig, treeContentRef, scrollProps } = treeScope;
   const classPrefix = usePrefixClass().value;
   const componentName = usePrefixClass('tree').value;
 
-  const { handleClick } = useItemEvents(props, context);
-  const { renderIcon } = useRenderIcon(props);
-  const { renderLabel } = useRenderLabel(props, context);
-  const { renderLine } = useRenderLine(props);
-  const { renderOperations } = useRenderOperations(props);
+  const { handleClick } = useItemEvents(state);
+  const { renderIcon } = useRenderIcon(state);
+  const { renderLabel } = useRenderLabel(state);
+  const { renderLine } = useRenderLine(state);
+  const { renderOperations } = useRenderOperations(state);
   const {
     dragStates, handleDragStart, handleDragEnd, handleDragOver, handleDragLeave, handleDrop,
-  } = useDraggable(
-    props,
-    treeItemRef,
-  );
+  } = useDraggable(state);
 
   const { hasLazyLoadHolder, tRowHeight } = useLazyLoad(
     treeContentRef,
@@ -39,6 +31,7 @@ export default function useTreeItem(props: TypeTreeItemProps, context: SetupCont
   );
 
   onMounted(() => {
+    const { node } = state;
     const isVirtual = virtualConfig?.isVirtualScroll.value;
     if (isVirtual) {
       virtualConfig.handleRowMounted({
@@ -50,6 +43,7 @@ export default function useTreeItem(props: TypeTreeItemProps, context: SetupCont
 
   // 节点隐藏用 class 切换，不要写在 js 中
   const getItemStyles = (): string => {
+    const { node } = state;
     const { level } = node;
     // 原本想在这里计算 --hscale
     // 实际操作中发现 scrollHeight 在动画执行到一半的时候取得了错误的值
@@ -60,7 +54,8 @@ export default function useTreeItem(props: TypeTreeItemProps, context: SetupCont
     return strStyle;
   };
 
-  const getItemClassList = (): ClassName => {
+  const getItemClassList = () => {
+    const { node } = state;
     const { isDragOver, isDragging, dropPosition } = dragStates;
     const list = [];
     list.push(`${componentName}__item`);
@@ -93,40 +88,42 @@ export default function useTreeItem(props: TypeTreeItemProps, context: SetupCont
     return list;
   };
 
-  const renderItem = (h: CreateElement) => {
+  const renderItem = (h: TypeCreateElement) => {
     const itemNodes: TypeVNode[] = [];
-
     // 第一步是渲染图标
     const iconNode = renderIcon(h);
-
     // 渲染连线排在渲染图标之后，是为了确认图标是否存在
     const lineNode = renderLine(h);
     if (lineNode) {
       itemNodes.push(lineNode);
     }
-
     if (iconNode) {
       itemNodes.push(iconNode);
     }
-
     const labelNode = renderLabel(h);
     if (labelNode) {
       itemNodes.push(labelNode);
     }
-
     const opNode = renderOperations(h);
     if (opNode) {
       itemNodes.push(opNode);
     }
-
     return itemNodes;
   };
 
-  const renderItemNode = (h: CreateElement) => {
+  const renderItemNode = (h: TypeCreateElement) => {
+    const { node, props } = state;
+    if (!node) return null;
+
     const { level, value } = node;
     const styles = getItemStyles();
     const classList = getItemClassList();
 
+    // 这里的代码用于 vue2 组件触发节点更新
+    // 即使是新增的属性，调用 node.setData 也会触发节点更新
+    const treeState = state;
+    treeState.stateId = props.stateId;
+
     const itemNode = (
       <div
         ref="treeItemRef"
diff --git a/src/tree/hooks/useTreeNodes.tsx b/src/tree/hooks/useTreeNodes.tsx
index 47b3498aa..00bc0ad16 100644
--- a/src/tree/hooks/useTreeNodes.tsx
+++ b/src/tree/hooks/useTreeNodes.tsx
@@ -1,86 +1,100 @@
-import { CreateElement } from 'vue';
-import { ref, SetupContext } from '@vue/composition-api';
 import {
-  TypeVNode, TypeTreeRow, TypeTreeNode, TreeProps, TypeTreeState,
-} from '../interface';
+  ref, watch, TypeCreateElement, privateKey, TypeVNode,
+} from '../adapt';
+import { TypeTreeRow, TypeTreeNode, TypeTreeState } from '../tree-types';
 import TreeItem from '../tree-item';
-import { privateKey } from '../../_common/js/tree/tree-node';
 import useTreeEvents from './useTreeEvents';
 
 // tree 节点列表渲染
-export default function useTreeNodes(props: TreeProps, context: SetupContext, state: TypeTreeState) {
-  const treeState = state;
+export default function useTreeNodes(state: TypeTreeState) {
   const {
-    store, scope, nodes, virtualConfig,
-  } = treeState;
-
-  const { handleClick, handleChange } = useTreeEvents(props, context, state);
+    store, scope, allNodes, nodes, virtualConfig,
+  } = state;
+  const { handleClick, handleChange } = useTreeEvents(state);
   const nodesEmpty = ref(false);
   // 用于存储已呈现节点的缓存
   const cacheMap = new Map();
 
   const refresh = () => {
-    let list: TypeTreeNode[] = [];
-    const allNodes = store.getNodes();
+    allNodes.value = store.getNodes();
+  };
+
+  const refreshVisibleNodes = () => {
     const isVirtual = virtualConfig?.isVirtualScroll.value;
-    if (isVirtual) {
-      // 虚拟滚动只渲染可见节点
-      list = virtualConfig.visibleData.value;
-      nodesEmpty.value = list.length <= 0;
-    } else {
-      // 非虚拟滚动，缓存曾经展示过的节点
-      let hasVisibleNode = false;
-      allNodes.forEach((node: TypeTreeNode) => {
-        if (node.visible) {
-          // 曾经展示过的节点加入缓存，避免再次创建
-          hasVisibleNode = true;
-          cacheMap.set(node.value, node.value);
-        }
-        if (cacheMap.get(node.value)) {
-          // 创建的节点是缓存的节点
-          list.push(node);
-        }
-      });
-      nodesEmpty.value = !hasVisibleNode;
-      cacheMap.forEach((value) => {
-        // 在缓存中清理结构变化后不存在的节点
-        if (!store.getNode(value)) {
-          cacheMap.delete(value);
-        }
-      });
-    }
+    if (isVirtual) return;
+    // 非虚拟滚动，渲染可视节点
+    const list: TypeTreeNode[] = [];
+    // 非虚拟滚动，缓存曾经展示过的节点
+    let hasVisibleNode = false;
+    allNodes.value.forEach((node: TypeTreeNode) => {
+      if (node.visible) {
+        // 曾经展示过的节点加入缓存，避免再次创建
+        hasVisibleNode = true;
+        cacheMap.set(node.value, node.value);
+      }
+      if (cacheMap.get(node.value)) {
+        // 创建的节点是缓存的节点
+        list.push(node);
+      }
+    });
+    cacheMap.forEach((value) => {
+      // 在缓存中清理结构变化后不存在的节点
+      if (!store.getNode(value)) {
+        cacheMap.delete(value);
+      }
+    });
     // 渲染为平铺列表
     nodes.value = list;
+    nodesEmpty.value = !hasVisibleNode;
+  };
+
+  const refreshVirtualNodes = () => {
+    const isVirtual = virtualConfig?.isVirtualScroll.value;
+    if (!isVirtual) return;
+    // 虚拟滚动只渲染可见节点
+    const list = virtualConfig.visibleData.value;
+    nodes.value = list;
+    nodesEmpty.value = list.length <= 0;
   };
 
   // 创建单个 tree 节点
-  const renderItem = (h: CreateElement, node: TypeTreeRow, index: number) => {
-    const { expandOnClickNode } = props;
+  const renderItem = (h: TypeCreateElement, node: TypeTreeRow, index: number, stateId: string) => {
     const rowIndex = node.__VIRTUAL_SCROLL_INDEX || index;
+    const nodeUniqueId = node[privateKey];
+    // vue3 中，不使用动画时，传递 node, 或者单纯传递 itemKey 无法触发 treeItem 的 render 方法
+    // 考虑到有必要对所有节点状态更新，所以添加 stateId 属性，专门用于触发 treeItem 的 render 方法
+    // 使用动画时，transition group 触发了所有节点的 render 方法，回头可以研究看下更合适的方案
+    // 未来也可以根据节点数据的具体更新状态，来决定节点更新与否
+    // 考虑到 value 值有冲突可能，所以使用 privateKey 来作为节点标记
     const treeItem = (
       <TreeItem
-        key={node[privateKey]}
+        key={nodeUniqueId}
         rowIndex={rowIndex}
-        node={node}
+        stateId={stateId}
+        itemKey={nodeUniqueId}
         treeScope={scope}
         onClick={handleClick}
         onChange={handleChange}
-        expandOnClickNode={expandOnClickNode}
       />
     );
     return treeItem;
   };
 
-  const renderTreeNodes = (h: CreateElement) => {
-    const treeNodeViews: TypeVNode[] = nodes.value.map((node: TypeTreeNode, index) => renderItem(h, node, index));
+  const renderTreeNodes = (h: TypeCreateElement) => {
+    const stateId = `render-${new Date().getTime()}`;
+    const treeNodeViews: TypeVNode[] = nodes.value.map((node: TypeTreeNode, index) => renderItem(h, node, index, stateId));
     return treeNodeViews;
   };
 
+  watch(allNodes, refreshVisibleNodes);
+  watch(virtualConfig.visibleData, refreshVirtualNodes);
+
   refresh();
+  refreshVisibleNodes();
+  refreshVirtualNodes();
   store.emitter.on('update', refresh);
 
   return {
-    refresh,
     nodesEmpty,
     renderTreeNodes,
   };
diff --git a/src/tree/hooks/useTreeScroll.ts b/src/tree/hooks/useTreeScroll.ts
index 3bc6f63af..835e48408 100644
--- a/src/tree/hooks/useTreeScroll.ts
+++ b/src/tree/hooks/useTreeScroll.ts
@@ -1,19 +1,16 @@
 import {
-  SetupContext, computed, onMounted, Ref,
-} from '@vue/composition-api';
-import useVirtualScroll from '../../hooks/useVirtualScrollNew';
-import { TScroll } from '../../common';
-import TreeNode from '../../_common/js/tree/tree-node';
-import { TreeProps, TypeTreeState, TypeTimer } from '../interface';
+  computed, onMounted, TypeRef, useVirtualScroll, TypeScroll, TreeNode,
+} from '../adapt';
+import { TypeTreeState, TypeTimer } from '../tree-types';
 
 // tree 虚拟滚动整合
-export default function useTreeScroll(props: TreeProps, context: SetupContext, state: TypeTreeState) {
+export default function useTreeScroll(state: TypeTreeState) {
   const treeState = state;
   const {
-    allNodes, nodes, scope, treeContentRef, isScrolling,
+    props, context, allNodes, nodes, scope, treeContentRef, isScrolling,
   } = treeState;
 
-  const scrollProps: Ref<TScroll> = computed(() => ({
+  const scrollProps: TypeRef<TypeScroll> = computed(() => ({
     // 默认一行高度为 34px
     rowHeight: 34,
     ...props.scroll,
diff --git a/src/tree/hooks/useTreeState.ts b/src/tree/hooks/useTreeState.ts
index 8a7ece3e5..10c816313 100644
--- a/src/tree/hooks/useTreeState.ts
+++ b/src/tree/hooks/useTreeState.ts
@@ -1,19 +1,31 @@
-import { ref, Ref } from '@vue/composition-api';
-import { TreeProps, TypeTreeStore, TypeTreeState } from '../interface';
-import TreeNode from '../../_common/js/tree/tree-node';
+import {
+  ref, TypeRef, TreeNode, useVModel, toRefs, TypeSetupContext,
+} from '../adapt';
+import { TreeProps, TypeTreeStore, TypeTreeState } from '../tree-types';
 
 // 提供公共对象
-export default function useTreeState(props: TreeProps, store: TypeTreeStore) {
+export default function useTreeState(props: TreeProps, context: TypeSetupContext) {
   const treeContentRef = ref<HTMLDivElement>();
-  const nodes: Ref<TreeNode[]> = ref([]);
-  const allNodes: Ref<TreeNode[]> = ref([]);
-  const isScrolling: Ref<boolean> = ref(false);
+  const nodes: TypeRef<TreeNode[]> = ref([]);
+  const allNodes: TypeRef<TreeNode[]> = ref([]);
+  const isScrolling: TypeRef<boolean> = ref(false);
 
-  allNodes.value = store.getNodes();
+  const refProps = toRefs(props);
+  const vmValue = useVModel(props, refProps, 'value', 'defaultValue', 'onChange', 'change');
+  const vmActived = useVModel(props, refProps, 'actived', 'defaultActived', 'onActive', 'active');
+  const vmExpanded = useVModel(props, refProps, 'expanded', 'defaultExpanded', 'onExpand', 'expand');
+
+  function setStore(store: TypeTreeStore) {
+    state.store = store;
+    state.scope.store = store;
+    allNodes.value = store.getNodes();
+  }
 
   const state: TypeTreeState = {
+    props,
+    context,
     // tree 数据对象
-    store,
+    store: null,
     // 内容根节点
     treeContentRef,
     // 渲染节点
@@ -28,16 +40,20 @@ export default function useTreeState(props: TreeProps, store: TypeTreeStore) {
     virtualConfig: null,
     // 缓存与节点共享的关联对象
     scope: {
+      store: null,
       treeContentRef,
       treeProps: props,
       scopedSlots: {},
       virtualConfig: null,
     },
+    setStore,
+    refProps,
+    vmValue,
+    vmActived,
+    vmExpanded,
   };
 
   return {
-    isScrolling,
-    treeContentRef,
     state,
   };
 }
diff --git a/src/tree/hooks/useTreeStore.ts b/src/tree/hooks/useTreeStore.ts
index 887eaa445..d0447a3df 100644
--- a/src/tree/hooks/useTreeStore.ts
+++ b/src/tree/hooks/useTreeStore.ts
@@ -1,25 +1,31 @@
 import pick from 'lodash/pick';
-import { SetupContext } from '@vue/composition-api';
-import TreeStore from '../../_common/js/tree/tree-store';
+import { TreeStore } from '../../_common/js/tree/tree-store';
+import { watch } from '../adapt';
 import {
   TreeProps,
+  TreeNodeValue,
   TypeValueMode,
   TypeEventState,
   TypeTreeNodeModel,
   TypeTreeNode,
   TypeTNodeValue,
-} from '../interface';
+  TypeTreeState,
+} from '../tree-types';
 
-export default function useTreeStore(props: TreeProps, context: SetupContext) {
-  const {
-    actived, value, valueMode, filter, keys,
-  } = props;
+export default function useTreeStore(state: TypeTreeState) {
+  const { props, context } = state;
+  const { valueMode, filter, keys } = props;
 
   const store: TreeStore = new TreeStore({
     valueMode: valueMode as TypeValueMode,
     filter,
   });
 
+  const { refProps } = state;
+  const [tValue] = state.vmValue;
+  const [tActived] = state.vmActived;
+  const [tExpanded] = state.vmExpanded;
+
   // 同步 Store 选项
   const updateStoreConfig = () => {
     // 统一更新选项，然后在 store 统一识别属性更新
@@ -45,12 +51,12 @@ export default function useTreeStore(props: TreeProps, context: SetupContext) {
   };
 
   const updateExpanded = () => {
-    const { expanded, expandParent } = props;
-    if (!Array.isArray(expanded)) return;
+    const { expandParent } = props;
+    if (!Array.isArray(tExpanded.value)) return;
     // 初始化展开状态
     // 校验是否自动展开父节点
     const expandedMap = new Map();
-    expanded.forEach((val) => {
+    tExpanded.value.forEach((val) => {
       expandedMap.set(val, true);
       if (expandParent) {
         const node = store.getNode(val);
@@ -114,15 +120,14 @@ export default function useTreeStore(props: TreeProps, context: SetupContext) {
     const evtCtx = {
       node: node.getModel(),
     };
-    const { value, expanded, actived } = props;
-    if (value && value.length > 0) {
-      store.replaceChecked(value);
+    if (Array.isArray(tValue.value) && tValue.value.length > 0) {
+      store.replaceChecked(tValue.value);
     }
-    if (expanded && expanded.length > 0) {
-      store.replaceExpanded(expanded);
+    if (Array.isArray(tExpanded.value) && tExpanded.value.length > 0) {
+      store.replaceExpanded(tExpanded.value);
     }
-    if (actived && actived.length > 0) {
-      store.replaceActived(actived);
+    if (Array.isArray(tActived.value) && tActived.value.length > 0) {
+      store.replaceActived(tActived.value);
     }
     if (props?.onLoad) {
       props?.onLoad(evtCtx);
@@ -131,55 +136,94 @@ export default function useTreeStore(props: TreeProps, context: SetupContext) {
   };
 
   const rebuild = (list: TreeProps['data']) => {
-    const { value, actived } = props;
     store.reload(list || []);
     // 初始化选中状态
-    if (Array.isArray(value)) {
-      store.setChecked(value);
+    if (Array.isArray(tValue.value)) {
+      store.setChecked(tValue.value);
     }
     // 更新展开状态
     updateExpanded();
     // 初始化激活状态
-    if (Array.isArray(actived)) {
-      store.setActived(actived);
+    if (Array.isArray(tActived.value)) {
+      store.setActived(tActived.value);
     }
     // 刷新节点状态
     store.refreshState();
   };
 
-  // keys 属性比较特殊，不应该在实例化之后再次变更
-  store.setConfig({
-    keys,
-  });
-  updateStoreConfig();
-  store.append(props.data || []);
+  function initStore() {
+    // keys 属性比较特殊，不应该在实例化之后再次变更
+    store.setConfig({
+      keys,
+    });
+    updateStoreConfig();
+    store.append(props.data || []);
 
-  // 刷新节点，必须在配置选中之前执行
-  // 这样选中态联动判断才能找到父节点
-  store.refreshNodes();
+    // 刷新节点，必须在配置选中之前执行
+    // 这样选中态联动判断才能找到父节点
+    store.refreshNodes();
 
-  // 初始化选中状态
-  if (Array.isArray(value)) {
-    store.setChecked(value);
-  }
+    // 初始化选中状态
+    if (Array.isArray(tValue.value)) {
+      store.setChecked(tValue.value);
+    }
 
-  // 更新节点展开状态
-  updateExpanded();
+    // 更新节点展开状态
+    updateExpanded();
 
-  // 初始化激活状态
-  if (Array.isArray(actived)) {
-    store.setActived(actived);
+    // 初始化激活状态
+    if (Array.isArray(tActived.value)) {
+      store.setActived(tActived.value);
+    }
+
+    store.emitter.on('load', handleLoad);
+    store.emitter.on('update', expandFilterPath);
   }
 
-  store.emitter.on('load', handleLoad);
-  store.emitter.on('update', expandFilterPath);
+  // 初始化 store
+  initStore();
+  // 设置初始化状态
+  state.setStore(store);
+
+  // 配置属性监听
+  watch(refProps.value, (nVal: TreeNodeValue[]) => {
+    const previousVal = store.getChecked();
+    if (nVal.join() === previousVal?.join()) return;
+    store.replaceChecked(nVal);
+  });
+  watch(refProps.expanded, (nVal: TreeNodeValue[]) => {
+    store.replaceExpanded(nVal);
+  });
+  watch(refProps.actived, (nVal: TreeNodeValue[]) => {
+    const previousVal = store.getActived();
+    if (nVal.join() === previousVal?.join()) return;
+    store.replaceActived(nVal);
+  });
+  watch(tValue, (nVal: TreeNodeValue[]) => {
+    store.replaceChecked(nVal);
+  });
+  watch(tExpanded, (nVal: TreeNodeValue[]) => {
+    store.replaceExpanded(nVal);
+  });
+  watch(tActived, (nVal: TreeNodeValue[]) => {
+    store.replaceActived(nVal);
+  });
+  watch(refProps.data, (list) => {
+    rebuild(list);
+  });
+  watch(refProps.filter, (nVal, previousVal) => {
+    checkFilterExpand(nVal, previousVal);
+  });
+  watch(refProps.keys, (keys) => {
+    store.setConfig({
+      keys,
+    });
+  });
 
   return {
     store,
-    rebuild,
     updateStoreConfig,
     updateExpanded,
-    checkFilterExpand,
     expandFilterPath,
   };
 }
diff --git a/src/tree/hooks/useTreeStyles.ts b/src/tree/hooks/useTreeStyles.ts
index 876a6ca09..01b9f396b 100644
--- a/src/tree/hooks/useTreeStyles.ts
+++ b/src/tree/hooks/useTreeStyles.ts
@@ -1,20 +1,18 @@
-import { computed, toRefs } from '@vue/composition-api';
-import { TreeProps, TypeTreeState } from '../interface';
-import { Styles } from '../../common';
-import { usePrefixClass } from '../../hooks/useConfig';
+import { computed, TypeStyles, usePrefixClass } from '../adapt';
+import { TypeTreeState } from '../tree-types';
 
 export function formatCSSUnit(unit: string | number) {
   if (!unit) return unit;
   return isNaN(Number(unit)) ? unit : `${unit}px`;
 }
 
-export default function useTreeStyles(props: TreeProps, state: TypeTreeState) {
+export default function useTreeStyles(state: TypeTreeState) {
+  const { props } = state;
   const componentName = usePrefixClass('tree').value;
   const classPrefix = usePrefixClass().value;
-  const treeState = state;
-  const { virtualConfig, isScrolling } = treeState;
+  const { virtualConfig, isScrolling, refProps } = state;
 
-  const { height, maxHeight } = toRefs(props);
+  const { height, maxHeight } = refProps;
 
   const treeClasses = computed(() => {
     const list: Array<string> = [componentName];
@@ -53,12 +51,12 @@ export default function useTreeStyles(props: TreeProps, state: TypeTreeState) {
     return list;
   });
 
-  const treeContentStyles = computed<Styles>(() => ({
+  const treeContentStyles = computed<TypeStyles>(() => ({
     height: formatCSSUnit(height.value),
     maxHeight: formatCSSUnit(maxHeight.value),
   }));
 
-  const scrollStyles = computed<Styles>(() => {
+  const scrollStyles = computed<TypeStyles>(() => {
     // isVirtual 改为函数内取值，可接收属性的变动
     const isVirtual = virtualConfig?.isVirtualScroll.value;
     const translateY = isVirtual ? virtualConfig?.translateY.value : 0;
@@ -72,7 +70,7 @@ export default function useTreeStyles(props: TreeProps, state: TypeTreeState) {
     return posStyle;
   });
 
-  const cursorStyles = computed<Styles>(() => {
+  const cursorStyles = computed<TypeStyles>(() => {
     const isVirtual = virtualConfig?.isVirtualScroll.value;
     const translateY = isVirtual ? virtualConfig?.translateY.value : 0;
     const translate = `translate(0, ${translateY}px)`;
diff --git a/src/tree/index.ts b/src/tree/index.ts
index 1f53440e3..e255b9453 100644
--- a/src/tree/index.ts
+++ b/src/tree/index.ts
@@ -1,25 +1,9 @@
-import _TdTree from './td-tree';
-import mapProps from '../utils/map-props';
-import withInstall from '../utils/withInstall';
+import _TdTree from './tree';
+import { withInstall } from './adapt';
 
 import './style';
 
-export const Tree = withInstall(mapProps([
-  {
-    name: 'value',
-    event: ['change', 'update:value'],
-  },
-  {
-    name: 'expanded',
-    event: ['expand', 'update:expanded'],
-  },
-  {
-    name: 'actived',
-    event: ['active', 'update:actived'],
-  },
-], {
-  model: { prop: 'value', event: 'change' },
-})(_TdTree));
+export const Tree = withInstall(_TdTree);
 
-export * from './interface';
+export * from './tree-types';
 export default Tree;
diff --git a/src/tree/props.ts b/src/tree/props.ts
index 6ec602734..b1029fc6d 100644
--- a/src/tree/props.ts
+++ b/src/tree/props.ts
@@ -15,6 +15,7 @@ export default {
   /** 高亮的节点值 */
   actived: {
     type: Array as PropType<TdTreeProps['actived']>,
+    default: undefined,
   },
   /** 高亮的节点值，非受控属性 */
   defaultActived: {
@@ -42,7 +43,7 @@ export default {
   },
   /** 是否禁用树操作 */
   disabled: Boolean,
-  /** [开发中]节点是否可拖拽 */
+  /** 节点是否可拖拽 */
   draggable: Boolean,
   /** 数据为空时展示的文本 */
   empty: {
@@ -65,7 +66,7 @@ export default {
   /** 展开的节点值 */
   expanded: {
     type: Array as PropType<TdTreeProps['expanded']>,
-    default: (): TdTreeProps['expanded'] => [],
+    default: undefined,
   },
   /** 展开的节点值，非受控属性 */
   defaultExpanded: {
@@ -127,12 +128,12 @@ export default {
     type: Boolean,
     default: true,
   },
-  /** 选中值（组件为可选状态时） */
+  /** 选中值，组件为可选状态时有效 */
   value: {
     type: Array as PropType<TdTreeProps['value']>,
-    default: (): TdTreeProps['value'] => [],
+    default: undefined,
   },
-  /** 选中值（组件为可选状态时），非受控属性 */
+  /** 选中值，组件为可选状态时有效，非受控属性 */
   defaultValue: {
     type: Array as PropType<TdTreeProps['defaultValue']>,
     default: (): TdTreeProps['defaultValue'] => [],
diff --git a/src/tree/tree-item.tsx b/src/tree/tree-item.tsx
index 2d1211f96..fb24bdf6d 100644
--- a/src/tree/tree-item.tsx
+++ b/src/tree/tree-item.tsx
@@ -1,53 +1,53 @@
-import { PropType } from 'vue';
-import { defineComponent, ref } from '@vue/composition-api';
-import getConfigReceiverMixins, {
-  TreeConfig,
-  getKeepAnimationMixins,
-  getGlobalIconMixins,
-} from '../config-provider/config-receiver';
-import { TypeTreeItemProps } from './interface';
+import {
+  TypePropType,
+  defineComponent,
+  TypeCreateElement,
+  ref,
+  TreeItemDefinition,
+  useRipple,
+  getCreateElement,
+} from './adapt';
+import { TypeTreeItemProps } from './tree-types';
+import useItemState from './hooks/useItemState';
 import useTreeItem from './hooks/useTreeItem';
-import ripple from '../utils/ripple';
-
-const keepAnimationMixins = getKeepAnimationMixins();
 
 export const treeItemProps = {
-  node: {
-    type: Object as PropType<TypeTreeItemProps['node']>,
+  stateId: {
+    type: String as TypePropType<TypeTreeItemProps['stateId']>,
+  },
+  itemKey: {
+    type: String as TypePropType<TypeTreeItemProps['itemKey']>,
   },
   rowIndex: {
-    type: Number as PropType<TypeTreeItemProps['rowIndex']>,
+    type: Number as TypePropType<TypeTreeItemProps['rowIndex']>,
   },
   treeScope: {
-    type: Object as PropType<TypeTreeItemProps['treeScope']>,
-  },
-  expandOnClickNode: {
-    type: Boolean as PropType<TypeTreeItemProps['expandOnClickNode']>,
+    type: Object as TypePropType<TypeTreeItemProps['treeScope']>,
   },
 };
 
 export default defineComponent({
-  name: 'TTreeItem',
   props: treeItemProps,
-  directives: { ripple },
-  mixins: [getConfigReceiverMixins<Vue, TreeConfig>('tree'), keepAnimationMixins, getGlobalIconMixins()],
-  inject: {
-    onDrag: { default: undefined },
-  },
+  ...TreeItemDefinition,
   setup(props: TypeTreeItemProps, context) {
-    const treeItemRef = ref(null);
-    const { renderItemNode } = useTreeItem(props, context, treeItemRef);
+    const { state } = useItemState(props, context);
+    const { treeItemRef } = state;
+    const label = ref<HTMLElement>();
+    useRipple(label);
+    const { renderItemNode } = useTreeItem(state);
+
     return {
       treeItemRef,
       renderItemNode,
     };
   },
-  render(h) {
+  render(h: TypeCreateElement) {
+    const createElement = getCreateElement(h);
     // 这个类型判断看起来多此一举
     // 然而单元测试时没有它却会报错:
     // This expression is not callable. Type '{}' has no call signatures.
     if (typeof this.renderItemNode === 'function') {
-      return this.renderItemNode(h);
+      return this.renderItemNode(createElement);
     }
     return null;
   },
diff --git a/src/tree/interface.ts b/src/tree/tree-types.ts
similarity index 56%
rename from src/tree/interface.ts
rename to src/tree/tree-types.ts
index b4c7fce80..4c9d8fe03 100644
--- a/src/tree/interface.ts
+++ b/src/tree/tree-types.ts
@@ -1,12 +1,23 @@
-import { VNode } from 'vue';
-import { Ref } from '@vue/composition-api';
-import { TNode, TreeOptionData, TScroll } from '../common';
-import TreeStore from '../_common/js/tree/tree-store';
-import TreeNode from '../_common/js/tree/tree-node';
-import { TypeTreeEventState } from '../_common/js/tree/types';
-import { VirtualScrollConfig } from '../hooks/useVirtualScrollNew';
 import {
-  TdTreeProps, TreeNodeModel, TreeInstanceFunctions, TreeNodeValue, TreeNodeState,
+  TypeRef,
+  TypeToRefs,
+  TypeVNode,
+  TreeNode,
+  TypeVirtualScrollConfig,
+  TypeTNode,
+  TypeTreeOptionData,
+  TypeScroll,
+  TypeTreeEventState,
+  TypeVModel,
+  TypeCreateElement,
+  TreeProps as AdaptTreeProps,
+  TypeTreeInstance as AdaptTypeTreeInstance,
+  TypeSetupContext,
+} from './adapt';
+import { TreeStore } from '../_common/js/tree/tree-store';
+
+import {
+  TdTreeProps, TreeNodeModel, TreeNodeValue, TreeNodeState,
 } from './type';
 
 // 在这个文件做统一的类型梳理
@@ -14,28 +25,25 @@ import {
 
 export * from './type';
 
-export type TypeVNode = VNode;
+export type TreeProps = AdaptTreeProps;
+export type TypeTreeInstance = AdaptTypeTreeInstance;
 
-export type TreeProps<T extends TreeOptionData = TreeOptionData> = TdTreeProps<T> & {
-  treeStore?: TreeStore;
-};
 /**
  * @deprecated
  */
-export type TypeTreeProps<T extends TreeOptionData = TreeOptionData> = TdTreeProps<T>;
+export type TypeTreeProps<T extends TypeTreeOptionData = TypeTreeOptionData> = TdTreeProps<T>;
 
 export type TypeTNodeState = TreeNodeState;
 export type TypeTNodeValue = TreeNodeValue;
 export type TypeTreeNode = TreeNode;
 export type TypeTreeStore = TreeStore;
 export type TypeValueMode = TreeProps['valueMode'];
-export type TypeTNodeProp = boolean | string | TNode<TypeTreeNodeModel>;
-export type TypeTreeNodeModel = TreeNodeModel<TreeOptionData>;
+export type TypeTNodeProp = boolean | string | TypeTNode<TypeTreeNodeModel>;
+export type TypeTreeNodeModel = TreeNodeModel<TypeTreeOptionData>;
 export type TypeTargetNode = TreeNodeValue | TypeTreeNode | TypeTreeNodeModel;
-export type TypeVirtualScrollConfig = VirtualScrollConfig;
 export type TypeTimer = ReturnType<typeof setTimeout>;
 
-export interface TypeTreeRow extends TreeNode {
+export interface TypeTreeRow extends TypeTreeNode {
   __VIRTUAL_SCROLL_INDEX?: number;
 }
 
@@ -65,11 +73,9 @@ export interface TypeLineModel {
   left: boolean;
 }
 
-export interface TypeTreeInstance extends Vue, TreeInstanceFunctions {}
-
 export interface TypeGetTNodeOption {
   node?: TreeNode;
-  createElement?: Vue.CreateElement;
+  createElement?: TypeCreateElement;
 }
 
 export interface TypeRenderTNodeOption {
@@ -77,11 +83,11 @@ export interface TypeRenderTNodeOption {
 }
 
 export interface TypeScopedSlots {
-  empty?: (opts?: TypeRenderTNodeOption) => VNode;
-  icon?: (opts?: TypeRenderTNodeOption) => VNode;
-  label?: (opts?: TypeRenderTNodeOption) => VNode;
-  line?: (opts?: TypeRenderTNodeOption) => VNode;
-  operations?: (opts?: TypeRenderTNodeOption) => VNode;
+  empty?: (opts?: TypeRenderTNodeOption) => TypeVNode;
+  icon?: (opts?: TypeRenderTNodeOption) => TypeVNode;
+  label?: (opts?: TypeRenderTNodeOption) => TypeVNode;
+  line?: (opts?: TypeRenderTNodeOption) => TypeVNode;
+  operations?: (opts?: TypeRenderTNodeOption) => TypeVNode;
 }
 
 export interface TypeDragHandle {
@@ -93,29 +99,47 @@ export interface TypeDragHandle {
 }
 
 export interface TypeTreeScope {
-  treeContentRef: Ref<HTMLDivElement>;
+  store: TypeTreeStore;
+  treeContentRef: TypeRef<HTMLDivElement>;
   treeProps?: TreeProps;
   scopedSlots?: TypeScopedSlots;
   drag?: TypeDragHandle;
-  scrollProps?: Ref<TScroll>;
+  scrollProps?: TypeRef<TypeScroll>;
   virtualConfig?: TypeVirtualScrollConfig;
 }
 
 export interface TypeTreeState {
+  props: TreeProps;
+  context: TypeSetupContext;
   scope: TypeTreeScope;
   store: TypeTreeStore;
-  nodes: Ref<TreeNode[]>;
-  allNodes: Ref<TreeNode[]>;
-  isScrolling: Ref<boolean>;
-  treeContentRef: Ref<HTMLDivElement>;
+  nodes: TypeRef<TypeTreeNode[]>;
+  allNodes: TypeRef<TypeTreeNode[]>;
+  isScrolling: TypeRef<boolean>;
+  treeContentRef: TypeRef<HTMLDivElement>;
   mouseEvent?: Event;
   virtualConfig?: TypeVirtualScrollConfig;
+  setStore: (store: TypeTreeStore) => void;
+  refProps: TypeToRefs<TreeProps>;
+  vmValue: TypeVModel;
+  vmActived: TypeVModel;
+  vmExpanded: TypeVModel;
 }
 
-export interface TypeTreeItemProps {
+export interface TypeTreeItemState {
+  stateId: string;
+  props: TypeTreeItemProps;
+  context: TypeSetupContext;
+  treeScope: TypeTreeScope;
   node: TypeTreeNode;
+  refProps: TypeToRefs<TypeTreeItemProps>;
+  treeItemRef: TypeRef<HTMLDivElement>;
+}
+
+export interface TypeTreeItemProps {
+  stateId: string;
+  itemKey: string;
   treeScope: TypeTreeScope;
-  expandOnClickNode: boolean;
   rowIndex: number;
 }
 
diff --git a/src/tree/tree.en-US.md b/src/tree/tree.en-US.md
index 6fe02c6c3..042f07c9f 100644
--- a/src/tree/tree.en-US.md
+++ b/src/tree/tree.en-US.md
@@ -5,10 +5,9 @@
 
 name | type | default | description | required
 -- | -- | -- | -- | --
-activable | Boolean | false | \- | N
+activable | Boolean | false | make nodes can be highlight | N
 activeMultiple | Boolean | false | \- | N
 actived | Array | - | `.sync` is supported。Typescript：`Array<TreeNodeValue>` | N
-defaultActived | Array | - | uncontrolled property。Typescript：`Array<TreeNodeValue>` | N
 allowFoldNodeOnFilter | Boolean | false | \- | N
 checkProps | Object | - | Typescript：`CheckboxProps`，[Checkbox API Documents](./checkbox?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/tree/type.ts) | N
 checkStrictly | Boolean | false | \- | N
@@ -82,6 +81,7 @@ getPath | `(value: TreeNodeValue)` | `TreeNodeModel<T>[]` | required
 insertAfter | `(value: TreeNodeValue, newData: T)` | \- | required
 insertBefore | `(value: TreeNodeValue, newData: T)` | \- | required
 remove | `(value: TreeNodeValue)` | \- | required
+scrollTo | `(scrollToParams: ScrollToElementParams)` | \- | support scrolling to a specific node when virtual scrolling 
 setItem | `(value: TreeNodeValue, options: TreeNodeState)` | \- | required
 
 ### TreeNodeState
@@ -93,6 +93,7 @@ actived | Boolean | false | \- | N
 checkable | Boolean | false | \- | N
 checked | Boolean | false | \- | N
 disabled | Boolean | false | \- | N
+draggable | Boolean | true | \- | N
 expandMutex | Boolean | false | \- | N
 expanded | Boolean | false | \- | N
 indeterminate | Boolean | false | \- | N
diff --git a/src/tree/tree.md b/src/tree/tree.md
index 2d97133e1..40391c049 100644
--- a/src/tree/tree.md
+++ b/src/tree/tree.md
@@ -8,7 +8,6 @@
 activable | Boolean | false | 节点是否可高亮 | N
 activeMultiple | Boolean | false | 是否允许多个节点同时高亮 | N
 actived | Array | - | 高亮的节点值。支持语法糖 `.sync`。TS 类型：`Array<TreeNodeValue>` | N
-defaultActived | Array | - | 高亮的节点值。非受控属性。TS 类型：`Array<TreeNodeValue>` | N
 allowFoldNodeOnFilter | Boolean | false | 是否允许在过滤时节点折叠节点 | N
 checkProps | Object | - | 透传属性到 checkbox 组件。参考 checkbox 组件 API。TS 类型：`CheckboxProps`，[Checkbox API Documents](./checkbox?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/tree/type.ts) | N
 checkStrictly | Boolean | false | 父子节点选中状态不再关联，可各自选中或取消 | N
@@ -24,7 +23,6 @@ expandMutex | Boolean | false | 同级别展开互斥，手风琴效果 | N
 expandOnClickNode | Boolean | false | 是否支持点击节点也能展开收起 | N
 expandParent | Boolean | false | 展开子节点时是否自动展开父节点 | N
 expanded | Array | [] | 展开的节点值。支持语法糖 `.sync`。TS 类型：`Array<TreeNodeValue>` | N
-defaultExpanded | Array | [] | 展开的节点值。非受控属性。TS 类型：`Array<TreeNodeValue>` | N
 filter | Function | - | 节点过滤方法，只呈现返回值为 true 的节点，泛型 `T` 表示树节点 TS 类型。TS 类型：`(node: TreeNodeModel<T>) => boolean` | N
 height | String / Number | - | 树的高度，超出后会出现滚动条。示例：100,  '30%',  '300'。值为数字类型，会自动加上单位 px。如果不是绝对固定树的高度，建议使用 `maxHeight` | N
 hover | Boolean | - | 节点是否有悬浮状态 | N
@@ -38,8 +36,8 @@ maxHeight | String / Number | - | 树的最大高度，超出后会出现滚动
 operations | Slot / Function | - | 自定义节点操作项，泛型 `T` 表示树节点 TS 类型。TS 类型：`TNode<TreeNodeModel<T>>`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 scroll | Object | - | 懒加载和虚拟滚动。为保证组件收益最大化，当数据量小于阈值 `scroll.threshold` 时，无论虚拟滚动的配置是否存在，组件内部都不会开启虚拟滚动，`scroll.threshold` 默认为 `100`。TS 类型：`TScroll`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 transition | Boolean | true | 节点展开折叠时是否使用过渡动画 | N
-value | Array | [] | 选中值（组件为可选状态时）。支持语法糖 `v-model`。TS 类型：`Array<TreeNodeValue>` `type TreeNodeValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/tree/type.ts) | N
-defaultValue | Array | [] | 选中值（组件为可选状态时）。非受控属性。TS 类型：`Array<TreeNodeValue>` `type TreeNodeValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/tree/type.ts) | N
+value | Array | [] | 选中值，组件为可选状态时有效。支持语法糖 `v-model`。TS 类型：`Array<TreeNodeValue>` `type TreeNodeValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/tree/type.ts) | N
+defaultValue | Array | [] | 选中值，组件为可选状态时有效。非受控属性。TS 类型：`Array<TreeNodeValue>` `type TreeNodeValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/tree/type.ts) | N
 valueMode | String | onlyLeaf | 选中值模式。all 表示父节点和子节点全部会出现在选中值里面；parentFirst 表示当子节点全部选中时，仅父节点在选中值里面；onlyLeaft 表示无论什么情况，选中值仅呈现叶子节点。可选项：onlyLeaf/parentFirst/all | N
 onActive | Function |  | TS 类型：`(value: Array<TreeNodeValue>, context: { node: TreeNodeModel<T>; e?: MouseEvent; trigger: 'node-click' \| 'setItem' }) => void`<br/>节点激活时触发，泛型 `T` 表示树节点 TS 类型 | N
 onChange | Function |  | TS 类型：`(value: Array<TreeNodeValue>, context: { node: TreeNodeModel<T>; e?: any; trigger: 'node-click' \| 'setItem' }) => void`<br/>节点选中状态变化时触发，context.node 表示当前变化的选项，泛型 `T` 表示树节点 TS 类型 | N
@@ -83,6 +81,7 @@ getPath | `(value: TreeNodeValue)` | `TreeNodeModel<T>[]` | 必需。自下而
 insertAfter | `(value: TreeNodeValue, newData: T)` | \- | 必需。插入新节点到指定节点后面，泛型 `T` 表示树节点 TS 类型
 insertBefore | `(value: TreeNodeValue, newData: T)` | \- | 必需。插入新节点到指定节点前面，泛型 `T` 表示树节点 TS 类型
 remove | `(value: TreeNodeValue)` | \- | 必需。移除指定节点
+scrollTo | `(scrollToParams: ScrollToElementParams)` | \- | 虚拟滚动场景下 支持指定滚动到具体的节点
 setItem | `(value: TreeNodeValue, options: TreeNodeState)` | \- | 必需。设置节点状态
 
 ### TreeNodeState
@@ -94,6 +93,7 @@ actived | Boolean | false | 节点是否被激活 | N
 checkable | Boolean | false | 节点是否允许被选中 | N
 checked | Boolean | false | 节点是否被选中 | N
 disabled | Boolean | false | 节点是否被禁用 | N
+draggable | Boolean | true | 该节点是否允许被拖动，当树本身开启时，默认允许 | N
 expandMutex | Boolean | false | 子节点是否互斥展开 | N
 expanded | Boolean | false | 节点是否已展开 | N
 indeterminate | Boolean | false | 节点是否为半选中状态 | N
diff --git a/src/tree/td-tree.tsx b/src/tree/tree.tsx
similarity index 74%
rename from src/tree/td-tree.tsx
rename to src/tree/tree.tsx
index fc66e4ee9..a10f6688e 100644
--- a/src/tree/td-tree.tsx
+++ b/src/tree/tree.tsx
@@ -1,12 +1,20 @@
 import upperFirst from 'lodash/upperFirst';
 import isFunction from 'lodash/isFunction';
-import { watch, toRefs, defineComponent } from '@vue/composition-api';
-import TreeNode from '../_common/js/tree/tree-node';
+import {
+  defineComponent,
+  TreeNode,
+  useConfig,
+  usePrefixClass,
+  TypeTreeOptionData,
+  TypeTNodeReturnValue,
+  TypeCreateElement,
+  TransitionGroup,
+  getCreateElement,
+  getScopedSlots,
+  TypeStyles,
+} from './adapt';
 import props from './props';
-import { useConfig, usePrefixClass } from '../hooks/useConfig';
-import { renderTNodeJSX } from '../utils/render-tnode';
-import { TNodeReturnValue, TreeOptionData } from '../common';
-import { TreeNodeValue, TreeNodeState, TypeTreeNodeModel } from './interface';
+import { TreeNodeValue, TreeNodeState, TypeTreeNodeModel } from './tree-types';
 import useTreeStore from './hooks/useTreeStore';
 import useTreeStyles from './hooks/useTreeStyles';
 import useTreeState from './hooks/useTreeState';
@@ -14,6 +22,7 @@ import useTreeAction from './hooks/useTreeAction';
 import useTreeScroll from './hooks/useTreeScroll';
 import useTreeNodes from './hooks/useTreeNodes';
 import useDragHandle from './hooks/useDragHandle';
+import { renderTNodeJSX } from '../utils/render-tnode';
 import { getNode } from './util';
 
 // 2022.11.02 tabliang 备注
@@ -37,44 +46,19 @@ export default defineComponent({
     const { t, global } = useConfig('tree');
     const classPrefix = usePrefixClass();
     const componentName = usePrefixClass('tree');
-    const refProps = toRefs(props);
-    const {
-      store, rebuild, updateStoreConfig, checkFilterExpand,
-    } = useTreeStore(props, context);
 
     // 用于 hooks 传递数据
-    const { state, treeContentRef, isScrolling } = useTreeState(props, store);
+    const { state } = useTreeState(props, context);
+    const { treeContentRef, isScrolling } = state;
+    const { store, updateStoreConfig } = useTreeStore(state);
 
-    useDragHandle(props, context, state);
-    const { setActived, setExpanded, setChecked } = useTreeAction(props, context, state);
-    const { onInnerVirtualScroll, virtualConfig } = useTreeScroll(props, context, state);
-    const { renderTreeNodes, nodesEmpty } = useTreeNodes(props, context, state);
+    useDragHandle(state);
+    const { setActived, setExpanded, setChecked } = useTreeAction(state);
+    const { onInnerVirtualScroll, virtualConfig } = useTreeScroll(state);
+    const { renderTreeNodes, nodesEmpty } = useTreeNodes(state);
     const {
       treeClasses, treeContentStyles, scrollStyles, cursorStyles,
-    } = useTreeStyles(props, state);
-
-    watch(refProps.data, (list) => {
-      rebuild(list);
-    });
-    watch(refProps.keys, (keys) => {
-      store.setConfig({
-        keys,
-      });
-    });
-    watch(refProps.value, (nVal, previousVal) => {
-      if (nVal.join() === previousVal?.join()) return;
-      store.replaceChecked(nVal);
-    });
-    watch(refProps.expanded, (nVal) => {
-      store.replaceExpanded(nVal);
-    });
-    watch(refProps.actived, (nVal, previousVal) => {
-      if (nVal.join() === previousVal?.join()) return;
-      store.replaceActived(nVal);
-    });
-    watch(refProps.filter, (nVal, previousVal) => {
-      checkFilterExpand(nVal, previousVal);
-    });
+    } = useTreeStyles(state);
 
     // 不想暴露给用户的属性与方法，统一挂载到 setup 返回的对象上
     // 实例上无法直接访问这些方法与属性
@@ -117,9 +101,12 @@ export default defineComponent({
             const val = spec[name];
             delete spec[name];
             const methodName = `set${upperFirst(name)}`;
-            const setupMethod = this[methodName];
+            const setupMethod = node[methodName];
             if (isFunction(setupMethod)) {
-              setupMethod(node, val);
+              setupMethod.call(node, val, {
+                directly: true,
+                isAction: false,
+              });
             }
           }
         });
@@ -134,7 +121,7 @@ export default defineComponent({
       const nodes = this.store.getNodes(value);
       return nodes.map((node: TreeNode) => node.getModel());
     },
-    appendTo(para?: TreeNodeValue, item?: TreeOptionData | TreeOptionData[]) {
+    appendTo(para?: TreeNodeValue, item?: TypeTreeOptionData | TypeTreeOptionData[]) {
       const { store } = this;
       let list = [];
       if (Array.isArray(item)) {
@@ -152,7 +139,7 @@ export default defineComponent({
         }
       });
     },
-    insertBefore(value: TreeNodeValue, item: TreeOptionData) {
+    insertBefore(value: TreeNodeValue, item: TypeTreeOptionData) {
       const { store } = this;
       const val = item?.value || '';
       const node = getNode(store, val);
@@ -162,7 +149,7 @@ export default defineComponent({
         store.insertBefore(value, item);
       }
     },
-    insertAfter(value: TreeNodeValue, item: TreeOptionData) {
+    insertAfter(value: TreeNodeValue, item: TypeTreeOptionData) {
       const { store } = this;
       const val = item?.value || '';
       const node = getNode(store, val);
@@ -195,7 +182,7 @@ export default defineComponent({
       return pathNodes;
     },
   },
-  render(h) {
+  render(h: TypeCreateElement) {
     const {
       state,
       treeClasses,
@@ -209,20 +196,22 @@ export default defineComponent({
       cursorStyles,
     } = this;
 
-    updateStoreConfig();
+    const createElement = getCreateElement(h);
 
-    const { scope } = state;
+    const { scope, allNodes, refProps } = state;
     // 更新 scopedSlots
-    scope.scopedSlots = this.$scopedSlots;
+    scope.scopedSlots = getScopedSlots(this);
 
-    const treeNodeViews = renderTreeNodes(h);
+    updateStoreConfig();
+
+    const treeNodeViews = renderTreeNodes(createElement);
     const cname = this.componentName;
     const isVirtual = virtualConfig.isVirtualScroll.value;
 
     // 空数据判定
-    let emptyNode: TNodeReturnValue = null;
+    let emptyNode: TypeTNodeReturnValue = null;
     if (nodesEmpty) {
-      const useLocale = !this.empty && !this.$scopedSlots.empty;
+      const useLocale = !this.empty && !this.$slots.empty;
       const emptyContent = useLocale ? this.t(this.global.empty) : renderTNodeJSX(this, 'empty');
       emptyNode = <div class={`${cname}__empty`}>{emptyContent}</div>;
     } else if (treeNodeViews.length <= 0) {
@@ -237,7 +226,7 @@ export default defineComponent({
 
     let treeNodeList = null;
     if (!transition || (isVirtual && isScrolling)) {
-      // 关闭动画时，列表不使用 transition-group 以启用更高的性能
+      // vue3 不使用 transition group 会导致展开收起动作异常
       treeNodeList = (
         <div class={`${cname}__list`} style={scrollStyles}>
           {treeNodeViews}
@@ -246,7 +235,7 @@ export default defineComponent({
     } else {
       // 启用动画时，需要确保滚动中动画样式失效
       treeNodeList = (
-        <transition-group
+        <TransitionGroup
           tag="div"
           class={`${cname}__list`}
           enter-active-class={`${cname}__item--enter-active`}
@@ -254,19 +243,28 @@ export default defineComponent({
           style={scrollStyles}
         >
           {treeNodeViews}
-        </transition-group>
+        </TransitionGroup>
       );
     }
 
+    const topValue = (allNodes.value?.filter((node) => node.visible).length ?? 0) * (refProps.scroll.value?.rowHeight ?? 34);
+    const placeholderStyles: TypeStyles = {
+      width: '1px',
+      height: '1px',
+      opacity: 0,
+      pointerEvents: 'none',
+      position: 'absolute',
+      left: 0,
+      top: `${topValue}px`,
+    };
+
+    const placeholderEl = <div style={placeholderStyles} />;
+
     const treeNode = (
-      <div
-        class={treeClasses}
-        ref="treeContentRef"
-        on={{ scroll: this.onInnerVirtualScroll }}
-        style={treeContentStyles}
-      >
+      <div class={treeClasses} ref="treeContentRef" onScroll={this.onInnerVirtualScroll} style={treeContentStyles}>
         {isVirtual && <div class={`${cname}__vscroll-cursor`} style={cursorStyles} />}
         {emptyNode || treeNodeList}
+        {isVirtual && placeholderEl}
       </div>
     );
 
diff --git a/src/tree/type.ts b/src/tree/type.ts
index fcd3c6db4..40380e83a 100644
--- a/src/tree/type.ts
+++ b/src/tree/type.ts
@@ -5,7 +5,7 @@
  * */
 
 import { CheckboxProps } from '../checkbox';
-import { TNode, TreeOptionData, TreeKeysType, TScroll } from '../common';
+import { TNode, TreeOptionData, TreeKeysType, TScroll, ScrollToElementParams } from '../common';
 
 export interface TdTreeProps<T extends TreeOptionData = TreeOptionData> {
   /**
@@ -60,7 +60,7 @@ export interface TdTreeProps<T extends TreeOptionData = TreeOptionData> {
    */
   disabled?: boolean;
   /**
-   * [开发中]节点是否可拖拽
+   * 节点是否可拖拽
    */
   draggable?: boolean;
   /**
@@ -161,12 +161,12 @@ export interface TdTreeProps<T extends TreeOptionData = TreeOptionData> {
    */
   transition?: boolean;
   /**
-   * 选中值（组件为可选状态时）
+   * 选中值，组件为可选状态时有效
    * @default []
    */
   value?: Array<TreeNodeValue>;
   /**
-   * 选中值（组件为可选状态时），非受控属性
+   * 选中值，组件为可选状态时有效，非受控属性
    * @default []
    */
   defaultValue?: Array<TreeNodeValue>;
@@ -277,6 +277,10 @@ export interface TreeInstanceFunctions<T extends TreeOptionData = TreeOptionData
    * 移除指定节点
    */
   remove: (value: TreeNodeValue) => void;
+  /**
+   * 虚拟滚动场景下 支持指定滚动到具体的节点
+   */
+  scrollTo?: (scrollToParams: ScrollToElementParams) => void;
   /**
    * 设置节点状态
    */
diff --git a/src/tree/util.ts b/src/tree/util.ts
index cbb113f62..899ff56c9 100644
--- a/src/tree/util.ts
+++ b/src/tree/util.ts
@@ -1,8 +1,7 @@
-import { SetupContext } from '@vue/composition-api';
 import camelCase from 'lodash/camelCase';
+import { TypeVNode, TypeSetupContext, isVueNext } from './adapt';
 import {
-  TypeTreeProps,
-  TypeVNode,
+  TreeProps,
   TypeTreeStore,
   TypeTreeNode,
   TypeMark,
@@ -10,15 +9,18 @@ import {
   TypeTNodeProp,
   TypeGetTNodeOption,
   TypeTargetNode,
-} from './interface';
+} from './tree-types';
 
-export function emitEvent<T extends any[]>(props: TypeTreeProps, context: SetupContext, evtName: string, ...args: T) {
+export function emitEvent<T extends any[]>(props: TreeProps, context: TypeSetupContext, evtName: string, ...args: T) {
   const apiName = camelCase(`on-${evtName}`);
   evtName.replace(/^on/, '').toLowerCase();
   if (typeof props[apiName] === 'function') {
     props[apiName](...args);
   }
-  context.emit(evtName, ...args);
+  if (!isVueNext) {
+    // vue3 调用 props.onClick 时就已经派发了事件了
+    context.emit(evtName, ...args);
+  }
 }
 
 export function getParentsToRoot(element?: HTMLElement, root?: HTMLElement): HTMLElement[] {
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index df52be145..d6172a270 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -37225,12 +37225,9 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
     class="t-tree t-tree--transition"
     data-v-96b659ea=""
   >
-    <transition-group-stub
+    <div
       class="t-tree__list"
-      enteractiveclass="t-tree__item--enter-active"
-      leaveactiveclass="t-tree__item--leave-active"
       style="transform: translateY(0px);"
-      tag="div"
     >
       <div
         class="t-tree__item t-tree__item--visible"
@@ -37304,7 +37301,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
           </span>
         </span>
       </div>
-    </transition-group-stub>
+    </div>
   </div>
   <br
     data-v-96b659ea=""
@@ -140837,12 +140834,9 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = `
         <div
           class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
         >
-          <transition-group-stub
+          <div
             class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
             style="transform: translateY(0px);"
-            tag="div"
           >
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
@@ -141202,7 +141196,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = `
                 </span>
               </label>
             </div>
-          </transition-group-stub>
+          </div>
         </div>
       </div>
     </div>
@@ -141300,295 +141294,272 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/tree/_example/activable.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
   <div
     class="t-space-item"
   >
     <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <form
-          class="t-form"
+        <span>
+          节点可高亮: 
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
         >
+          <span
+            class="t-switch__handle"
+          />
           <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                节点可高亮
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                节点可多选高亮
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          节点可多选高亮:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m"
+        >
+          <span
+            class="t-switch__handle"
+          />
           <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                整个节点可点击
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </form>
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          整个节点可点击:
+        </span>
       </div>
       <div
         class="t-space-item"
       >
         <div
-          class="t-tree t-tree--hoverable t-tree--transition"
+          class="t-switch t-size-m"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--hoverable t-tree--transition"
+    >
+      <div
+        class="t-tree__list"
+        style="transform: translateY(0px);"
+      >
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="0"
+          data-value="t1"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="t1"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t1.1"
-              draggable="false"
-              style="--level: 1;"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
               />
-              <span
-                class="t-tree__label"
-                title="1.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t1.2"
-              draggable="false"
-              style="--level: 1;"
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="1"
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="1.2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.2
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="t2"
-              draggable="false"
-              style="--level: 0;"
+              1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t1.1"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="1.1"
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t2.1"
-              draggable="false"
-              style="--level: 1;"
+              1.1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t1.2"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="1.2"
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="2.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t2.2"
-              draggable="false"
-              style="--level: 1;"
+              1.2
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="0"
+          data-value="t2"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
               />
-              <span
-                class="t-tree__label"
-                title="2.2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2.2
-                </span>
-              </span>
-            </div>
-          </transition-group-stub>
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="2"
+          >
+            <span
+              style="position: relative;"
+            >
+              2
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t2.1"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="2.1"
+          >
+            <span
+              style="position: relative;"
+            >
+              2.1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t2.2"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="2.2"
+          >
+            <span
+              style="position: relative;"
+            >
+              2.2
+            </span>
+          </span>
         </div>
       </div>
     </div>
@@ -141598,174 +141569,162 @@ exports[`csr snapshot test > csr test ./src/tree/_example/activable.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
   <div
     class="t-space-item"
   >
     <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
+      class="t-tree t-tree--hoverable t-tree--transition"
     >
       <div
-        class="t-space-item"
+        class="t-tree__list"
+        style="transform: translateY(0px);"
       >
         <div
-          class="t-tree t-tree--hoverable t-tree--transition"
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="t302"
+          draggable="false"
+          style="--level: 0;"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t302"
-              draggable="false"
-              style="--level: 0;"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="第一段"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  第一段
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t305"
-              draggable="false"
-              style="--level: 0;"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="第一段"
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="第一段"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  第一段
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t308"
-              draggable="false"
-              style="--level: 0;"
+              第一段
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="t305"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="第一段"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  第一段
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t311"
-              draggable="false"
-              style="--level: 0;"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="第一段"
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="第一段"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  第一段
-                </span>
-              </span>
-            </div>
-          </transition-group-stub>
+              第一段
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="t308"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="第一段"
+          >
+            <span
+              style="position: relative;"
+            >
+              第一段
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="t311"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="第一段"
+          >
+            <span
+              style="position: relative;"
+            >
+              第一段
+            </span>
+          </span>
         </div>
       </div>
     </div>
@@ -141775,3348 +141734,563 @@ exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
   <div
     class="t-space-item"
   >
     <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <form
-          class="t-form"
+        <span>
+          可选:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
         >
+          <span
+            class="t-switch__handle"
+          />
           <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-              style="width: 100px;"
-            >
-              <label
-                for=""
-              >
-                可选
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-              style="margin-left: 100px;"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          严格模式:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m"
+        >
+          <span
+            class="t-switch__handle"
+          />
           <div
-            class="t-form__item t-form-item__"
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-radio-group t-size-m t-radio-group--filled"
+        >
+          <label
+            class="t-radio-button t-is-checked"
+            tabindex="0"
           >
-            <div
-              class="t-form__label t-form__label--right"
-              style="width: 100px;"
-            >
-              <label
-                for=""
-              >
-                严格模式
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-              style="margin-left: 100px;"
+            <input
+              class="t-radio-button__former"
+              data-value="'onlyLeaf'"
+              name="value-mode"
+              tabindex="-1"
+              type="radio"
+              value="onlyLeaf"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
+              onlyLeaf
+            </span>
+          </label>
+          <label
+            class="t-radio-button"
+            tabindex="0"
           >
-            <div
-              class="t-form__label t-form__label--right"
-              style="width: 100px;"
-            >
-              <label
-                for=""
-              >
-                选中值模式
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-              style="margin-left: 100px;"
+            <input
+              class="t-radio-button__former"
+              data-value="'parentFirst'"
+              name="value-mode"
+              tabindex="-1"
+              type="radio"
+              value="parentFirst"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-radio-group t-size-m t-radio-group--filled"
-                >
-                  <label
-                    class="t-radio-button t-is-checked"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-radio-button__former"
-                      data-value="'onlyLeaf'"
-                      name="value-mode"
-                      tabindex="-1"
-                      type="radio"
-                      value="onlyLeaf"
-                    />
-                    <span
-                      class="t-radio-button__input"
-                    />
-                    <span
-                      class="t-radio-button__label"
-                    >
-                      onlyLeaf
-                    </span>
-                  </label>
-                  <label
-                    class="t-radio-button"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-radio-button__former"
-                      data-value="'parentFirst'"
-                      name="value-mode"
-                      tabindex="-1"
-                      type="radio"
-                      value="parentFirst"
-                    />
-                    <span
-                      class="t-radio-button__input"
-                    />
-                    <span
-                      class="t-radio-button__label"
-                    >
-                      parentFirst
-                    </span>
-                  </label>
-                  <label
-                    class="t-radio-button"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-radio-button__former"
-                      data-value="'all'"
-                      name="value-mode"
-                      tabindex="-1"
-                      type="radio"
-                      value="all"
-                    />
-                    <span
-                      class="t-radio-button__input"
-                    />
-                    <span
-                      class="t-radio-button__label"
-                    >
-                      all
-                    </span>
-                  </label>
-                  <div
-                    class="t-radio-group__bg-block"
-                    style="width: 0px; left: 0px;"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
+              parentFirst
+            </span>
+          </label>
+          <label
+            class="t-radio-button"
+            tabindex="0"
           >
-            <div
-              class="t-form__controls"
+            <input
+              class="t-radio-button__former"
+              data-value="'all'"
+              name="value-mode"
+              tabindex="-1"
+              type="radio"
+              value="all"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <button
-                  class="t-button t-button--variant-base t-button--theme-primary"
-                  type="button"
-                >
-                  <span
-                    class="t-button__text"
-                  >
-                    反选
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </form>
+              all
+            </span>
+          </label>
+          <div
+            class="t-radio-group__bg-block"
+            style="width: 0px; left: 0px;"
+          />
+        </div>
       </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
       <div
         class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-base t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            反选
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+    >
+      <div
+        class="t-tree__list"
+        style="transform: translateY(0px);"
       >
         <div
-          class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="0"
+          data-value="1"
+          draggable="false"
+          style="--level: 0;"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="1"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="1.1"
-              draggable="false"
-              style="--level: 1;"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="1.1.1"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="3"
-              data-value="1.1.1.1"
-              draggable="false"
-              style="--level: 3;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.1.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="3"
-              data-value="1.1.1.2"
-              draggable="false"
-              style="--level: 3;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.1.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.1.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="1.1.2"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="3"
-              data-value="1.1.2.1"
-              draggable="false"
-              style="--level: 3;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.2.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.2.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="3"
-              data-value="1.1.2.2"
-              draggable="false"
-              style="--level: 3;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.2.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.2.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="1.2"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="1.2.1"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.2.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="3"
-              data-value="1.2.1.1"
-              draggable="false"
-              style="--level: 3;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2.1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.2.1.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="3"
-              data-value="1.2.1.2"
-              draggable="false"
-              style="--level: 3;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2.1.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.2.1.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="1.2.2"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.2.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="3"
-              data-value="1.2.2.1"
-              draggable="false"
-              style="--level: 3;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2.2.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.2.2.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="3"
-              data-value="1.2.2.2"
-              draggable="false"
-              style="--level: 3;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2.2.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.2.2.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="2"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="2.1"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="2.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  2.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="2.2"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="2.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  2.2
-                </span>
-              </label>
-            </div>
-          </transition-group-stub>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/controlled.vue 1`] = `
-<div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
->
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
-    >
-      <div
-        class="t-space-item"
-      >
-        <form
-          class="t-form"
-        >
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 80px;"
-            >
-              <label
-                for=""
-              >
-                选中节点
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-              style="margin-left: 80px;"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-input-adornment"
-                >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      checked:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 80px;"
-            >
-              <label
-                for=""
-              >
-                展开节点
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-              style="margin-left: 80px;"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-input-adornment"
-                >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      expanded:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 80px;"
-            >
-              <label
-                for=""
-              >
-                高亮节点
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-              style="margin-left: 80px;"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-input-adornment"
-                >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      actived:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <div
-          class="t-tree t-tree--checkable t-tree--transition"
-        >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
-          >
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="1"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-is-indeterminate t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  indeterminate="indeterminate"
-                  name="1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="1.1"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-is-indeterminate t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  indeterminate="indeterminate"
-                  name="1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="1.1.1"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-is-checked t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="3"
-              data-value="1.1.1.1"
-              draggable="false"
-              style="--level: 3;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-is-checked t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.1.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="3"
-              data-value="1.1.1.2"
-              draggable="false"
-              style="--level: 3;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-is-checked t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.1.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.1.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="2"
-              data-value="1.1.2"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="1"
-              data-value="1.2"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-is-active t-tree__item--visible"
-              data-level="0"
-              data-value="2"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label t-is-active"
-                title="2 这个节点不允许展开, 不允许激活"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2 这个节点不允许展开, 不允许激活
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="1"
-              data-value="2.1"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="2.1 这个节点不允许选中"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2.1 这个节点不允许选中
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="1"
-              data-value="2.2"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="2.2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2.2
-                </span>
-              </span>
-            </div>
-          </transition-group-stub>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/debug-data.vue 1`] = `
-<div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
->
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
-    >
-      <div
-        class="t-space-item"
-      >
-        <h3
-          class="title"
-        >
-          数据切换
-        </h3>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <form
-          class="t-form"
-        >
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                切换数据
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                默认展开全部
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                可选
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                节点可高亮
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                展开动画
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <div
-          class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
-        >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
-          >
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="1"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="1.1"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="1.1.1"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="1.1.2"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="1.2"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="1.2.1"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.2.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="1.2.2"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.2.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="2"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="2.1"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="2.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  2.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="2.2"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="2.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  2.2
-                </span>
-              </label>
-            </div>
-          </transition-group-stub>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/debug-filter.vue 1`] = `
-<div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
->
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
-    >
-      <div
-        class="t-space-item"
-      >
-        <form
-          class="t-form"
-        >
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-input-adornment"
-                >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      filter:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                允许折叠
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                可选
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <div
-          class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node"
-        >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
-          >
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="1"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="2"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2
-                </span>
-              </span>
-            </div>
-          </transition-group-stub>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/debug-performance.vue 1`] = `
-<div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
->
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
-    >
-      <div
-        class="t-space-item"
-      >
-        <form
-          class="t-form"
-          style="max-width: 500px;"
-        >
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-input-adornment"
-                >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      插入节点数量:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                展开动画
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                显示连线
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                显示图标
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <button
-                  class="t-button t-button--variant-base t-button--theme-primary"
-                  type="button"
-                >
-                  <span
-                    class="t-button__text"
-                  >
-                    插入根节点
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <div
-          class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
-        >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t1"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="t1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  t1
-                </span>
-              </label>
-              <span
-                class="t-tree__operations"
-                ignore="active,expand"
-              >
-                <div
-                  class="tdesign-demo-block-row"
-                >
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      添加子节点
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      删除
-                    </span>
-                  </button>
-                </div>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t14"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="t14"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  t14
-                </span>
-              </label>
-              <span
-                class="t-tree__operations"
-                ignore="active,expand"
-              >
-                <div
-                  class="tdesign-demo-block-row"
-                >
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      添加子节点
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      删除
-                    </span>
-                  </button>
-                </div>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t27"
-              draggable="false"
-              style="--level: 0;"
+            <input
+              class="t-checkbox__former"
+              name="1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="t27"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  t27
-                </span>
-              </label>
-              <span
-                class="t-tree__operations"
-                ignore="active,expand"
-              >
-                <div
-                  class="tdesign-demo-block-row"
-                >
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      添加子节点
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      删除
-                    </span>
-                  </button>
-                </div>
-              </span>
-            </div>
-          </transition-group-stub>
+              1
+            </span>
+          </label>
         </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/debug-state.vue 1`] = `
-<div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
->
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
-    >
-      <div
-        class="t-space-item"
-      >
-        <form
-          class="t-form"
-        >
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <button
-                  class="t-button t-button--variant-base t-button--theme-primary"
-                  type="button"
-                >
-                  <span
-                    class="t-button__text"
-                  >
-                    插入一个根节点
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-      <div
-        class="t-space-item"
-      >
         <div
-          class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="1.1"
+          draggable="false"
+          style="--level: 1;"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="node1"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-file"
-                >
-                  <use
-                    href="#t-icon-file"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="node1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  node1: 1639267200000
-                </span>
-              </label>
-              <span
-                class="t-tree__operations"
-                ignore="active,expand"
-              >
-                <div
-                  class="tdesign-demo-block-row"
-                >
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      检查节点信息
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      变更时间
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      变更图标
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      添加子节点
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      删除
-                    </span>
-                  </button>
-                </div>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="node2"
-              draggable="false"
-              style="--level: 0;"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-file"
-                >
-                  <use
-                    href="#t-icon-file"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="node2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  node2: 1639267200000
-                </span>
-              </label>
-              <span
-                class="t-tree__operations"
-                ignore="active,expand"
-              >
-                <div
-                  class="tdesign-demo-block-row"
-                >
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      检查节点信息
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      变更时间
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      变更图标
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      添加子节点
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      删除
-                    </span>
-                  </button>
-                </div>
-              </span>
-            </div>
-          </transition-group-stub>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`] = `
-<div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px; width: 100%;"
->
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-space t-space-vertical"
-      style="gap: 10px; width: 100%;"
-    >
-      <div
-        class="t-space-item"
-      >
-        <h3
-          class="title"
-        >
-          虚拟滚动 - virtual 模式
-        </h3>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <form
-          class="t-form"
-          style="max-width: 500px;"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="1.1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              1.1
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="1.1.1"
+          draggable="false"
+          style="--level: 2;"
         >
-          <div
-            class="t-form__item t-form-item__"
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                动画
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                显示连线
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
+            <input
+              class="t-checkbox__former"
+              name="1.1.1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
+              1.1.1
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="3"
+          data-value="1.1.1.1"
+          draggable="false"
+          style="--level: 3;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                显示图标
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
+            <input
+              class="t-checkbox__former"
+              name="1.1.1.1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
+              1.1.1.1
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="3"
+          data-value="1.1.1.2"
+          draggable="false"
+          style="--level: 3;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-form__label t-form__label--right"
+            <input
+              class="t-checkbox__former"
+              name="1.1.1.2"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <label
-                for=""
-              >
-                可选
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
+              1.1.1.2
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="1.1.2"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-form__label t-form__label--right"
+            <input
+              class="t-checkbox__former"
+              name="1.1.2"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <label
-                for=""
-              >
-                可操作
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
+              1.1.2
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="3"
+          data-value="1.1.2.1"
+          draggable="false"
+          style="--level: 3;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="1.1.2.1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <form
-          class="t-form"
-          style="max-width: 500px;"
+              1.1.2.1
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="3"
+          data-value="1.1.2.2"
+          draggable="false"
+          style="--level: 3;"
         >
-          <div
-            class="t-form__item t-form-item__"
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-form__controls"
+            <input
+              class="t-checkbox__former"
+              name="1.1.2.2"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-input-adornment"
-                >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      插入节点数量:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
+              1.1.2.2
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="1.2"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-form__controls"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <button
-                  class="t-button t-button--variant-base t-button--theme-primary"
-                  type="button"
-                >
-                  <span
-                    class="t-button__text"
-                  >
-                    插入根节点
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-form__controls"
+            <input
+              class="t-checkbox__former"
+              name="1.2"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-input-adornment"
-                >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      filter:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll"
-      style="height: 300px;"
-    >
-      <div
-        class="t-tree__vscroll-cursor"
-        style="transform: translate(0, 177140px);"
-      />
-      <transition-group-stub
-        class="t-tree__list"
-        enteractiveclass="t-tree__item--enter-active"
-        leaveactiveclass="t-tree__item--leave-active"
-        style="transform: translateY(177140px);"
-        tag="div"
-      >
+              1.2
+            </span>
+          </label>
+        </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="0"
-          data-value="t1"
+          data-level="2"
+          data-value="1.2.1"
           draggable="false"
-          style="--level: 0;"
+          style="--level: 2;"
         >
           <span
             class="t-tree__icon t-folder-icon t-tree__icon--default"
@@ -145143,7 +142317,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t1"
+              name="1.2.1"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -145154,50 +142328,85 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t1
+              1.2.1
             </span>
           </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="3"
+          data-value="1.2.1.1"
+          draggable="false"
+          style="--level: 3;"
+        >
           <span
-            class="t-tree__operations"
-            ignore="active,expand"
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="tdesign-demo-block-row"
+            <input
+              class="t-checkbox__former"
+              name="1.2.1.1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
+              1.2.1.1
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="3"
+          data-value="1.2.1.2"
+          draggable="false"
+          style="--level: 3;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="1.2.1.2"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              1.2.1.2
+            </span>
+          </label>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="1"
-          data-value="t2"
+          data-level="2"
+          data-value="1.2.2"
           draggable="false"
-          style="--level: 1;"
+          style="--level: 2;"
         >
-          <span
-            class="t-tree__line t-tree__line--first"
-            style="--level: 1;"
-          />
           <span
             class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
@@ -145223,7 +142432,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t2"
+              name="1.2.2"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -145234,50 +142443,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t2
+              1.2.2
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t3"
+          data-level="3"
+          data-value="1.2.2.1"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 3;"
         >
-          <span
-            class="t-tree__line t-tree__line--leaf t-tree__line--first"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
           <span
             class="t-tree__icon t-folder-icon"
             ignore="active"
@@ -145290,7 +142466,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t3"
+              name="1.2.2.1"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -145301,50 +142477,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t3
+              1.2.2.1
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t4"
+          data-level="3"
+          data-value="1.2.2.2"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 3;"
         >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
           <span
             class="t-tree__icon t-folder-icon"
             ignore="active"
@@ -145357,7 +142500,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t4"
+              name="1.2.2.2"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -145368,55 +142511,35 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t4
+              1.2.2.2
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t5"
+          data-level="0"
+          data-value="2"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 0;"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
             trigger="expand"
-          />
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
           <label
             class="t-checkbox t-tree__label"
             ignore="expand,active"
@@ -145424,7 +142547,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t5"
+              name="2"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -145435,50 +142558,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t5
+              2
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t6"
+          data-level="1"
+          data-value="2.1"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 1;"
         >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
           <span
             class="t-tree__icon t-folder-icon"
             ignore="active"
@@ -145491,7 +142581,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t6"
+              name="2.1"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -145502,50 +142592,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t6
+              2.1
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t7"
+          data-level="1"
+          data-value="2.2"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 1;"
         >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
           <span
             class="t-tree__icon t-folder-icon"
             ignore="active"
@@ -145558,7 +142615,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t7"
+              name="2.2"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -145569,63 +142626,350 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t7
+              2.2
             </span>
           </label>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/controlled.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
+>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          选中节点:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-input-adornment"
+        >
           <span
-            class="t-tree__operations"
-            ignore="active,expand"
+            class="t-input-adornment__prepend"
+          >
+            <span
+              class="t-input-adornment__text"
+            >
+              checked:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
           >
             <div
-              class="tdesign-demo-block-row"
+              class="t-input"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          展开节点:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-input-adornment"
+        >
+          <span
+            class="t-input-adornment__prepend"
+          >
+            <span
+              class="t-input-adornment__text"
+            >
+              expanded:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
+          >
+            <div
+              class="t-input"
+            >
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          高亮节点:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-input-adornment"
+        >
+          <span
+            class="t-input-adornment__prepend"
+          >
+            <span
+              class="t-input-adornment__text"
+            >
+              actived:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
+          >
+            <div
+              class="t-input"
+            >
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
+              />
             </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          可选:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          节点可高亮: 
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          受控同步节点:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            选中节点 1.1
+          </span>
+        </button>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            激活节点 2
+          </span>
+        </button>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            展开节点 1.2
           </span>
-        </div>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--checkable t-tree--transition"
+    >
+      <div
+        class="t-tree__list"
+        style="transform: translateY(0px);"
+      >
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t8"
+          data-level="0"
+          data-value="1"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 0;"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
             trigger="expand"
-          />
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
           <label
-            class="t-checkbox t-tree__label"
+            class="t-checkbox t-is-indeterminate t-tree__label"
             ignore="expand,active"
             tabindex="0"
           >
             <input
               class="t-checkbox__former"
-              name="t8"
+              indeterminate="indeterminate"
+              name="1"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -145636,55 +142980,35 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t8
+              1
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t9"
+          data-level="1"
+          data-value="1.1"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 1;"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
             trigger="expand"
-          />
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
           <label
             class="t-checkbox t-tree__label"
             ignore="expand,active"
@@ -145692,7 +143016,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t9"
+              name="1.1"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -145703,50 +143027,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t9
+              1.1
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          class="t-tree__item t-tree__item--visible"
           data-level="2"
-          data-value="t10"
+          data-value="1.1.1"
           draggable="false"
           style="--level: 2;"
         >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
           <span
             class="t-tree__icon t-folder-icon"
             ignore="active"
@@ -145759,7 +143050,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t10"
+              name="1.1.1"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -145770,50 +143061,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t10
+              1.1.1
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          class="t-tree__item t-tree__item--visible"
           data-level="2"
-          data-value="t11"
+          data-value="1.1.2"
           draggable="false"
           style="--level: 2;"
         >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
           <span
             class="t-tree__icon t-folder-icon"
             ignore="active"
@@ -145826,7 +143084,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t11"
+              name="1.1.2"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -145837,63 +143095,43 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t11
+              1.1.2
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t12"
+          class="t-tree__item t-tree__item--visible"
+          data-level="1"
+          data-value="1.2"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 1;"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
             trigger="expand"
-          />
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
           <label
-            class="t-checkbox t-tree__label"
+            class="t-checkbox t-is-checked t-tree__label"
             ignore="expand,active"
             tabindex="0"
           >
             <input
               class="t-checkbox__former"
-              name="t12"
+              name="1.2"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -145904,323 +143142,249 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t12
+              1.2
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t13"
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="2"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 0;"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
             trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
           >
-            <input
-              class="t-checkbox__former"
-              name="t13"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              t13
-            </span>
-          </label>
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
           <span
-            class="t-tree__operations"
-            ignore="active,expand"
+            class="t-tree__label"
+            title="2"
           >
-            <div
-              class="tdesign-demo-block-row"
+            <span
+              style="position: relative;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
+              2
+            </span>
           </span>
         </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/debug-data.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
+>
+  <div
+    class="t-space-item"
+  >
+    <h3>
+      数据切换
+    </h3>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          切换数据:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
         <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t14"
-          draggable="false"
-          style="--level: 2;"
+          class="t-switch t-size-m"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
           />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          默认展开全部:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
           <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
+            class="t-switch__handle"
           />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t14"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              t14
-            </span>
-          </label>
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          可选:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
           <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
         </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          节点可高亮:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
         <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t15"
-          draggable="false"
-          style="--level: 2;"
+          class="t-switch t-size-m t-is-checked"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+            class="t-switch__handle"
           />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
+          <div
+            class="t-switch__content t-size-m"
           />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t15"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              t15
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          展开动画:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
         <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t16"
-          draggable="false"
-          style="--level: 2;"
+          class="t-switch t-size-m t-is-checked"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+            class="t-switch__handle"
           />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
+          <div
+            class="t-switch__content t-size-m"
           />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t16"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              t16
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+    >
+      <div
+        class="t-tree__list"
+        style="transform: translateY(0px);"
+      >
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t17"
+          data-level="0"
+          data-value="t1"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 0;"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
             trigger="expand"
-          />
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
           <label
             class="t-checkbox t-tree__label"
             ignore="expand,active"
@@ -146228,7 +143392,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t17"
+              name="t1"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -146239,55 +143403,35 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t17
+              t1
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t18"
+          data-level="1"
+          data-value="t1.1"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 1;"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
             trigger="expand"
-          />
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
           <label
             class="t-checkbox t-tree__label"
             ignore="expand,active"
@@ -146295,7 +143439,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t18"
+              name="t1.1"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -146306,50 +143450,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t18
+              t1.1
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
           data-level="2"
-          data-value="t19"
+          data-value="t1.1.1"
           draggable="false"
           style="--level: 2;"
         >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
           <span
             class="t-tree__icon t-folder-icon"
             ignore="active"
@@ -146362,7 +143473,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t19"
+              name="t1.1.1"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -146373,50 +143484,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t19
+              t1.1.1
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
           data-level="2"
-          data-value="t20"
+          data-value="t1.1.2"
           draggable="false"
           style="--level: 2;"
         >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
           <span
             class="t-tree__icon t-folder-icon"
             ignore="active"
@@ -146429,7 +143507,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t20"
+              name="t1.1.2"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -146440,55 +143518,35 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t20
+              t1.1.2
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t21"
+          data-level="1"
+          data-value="t1.2"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 1;"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
             trigger="expand"
-          />
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
           <label
             class="t-checkbox t-tree__label"
             ignore="expand,active"
@@ -146496,7 +143554,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t21"
+              name="t1.2"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -146507,50 +143565,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t21
+              t1.2
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
           data-level="2"
-          data-value="t22"
+          data-value="1.2.1"
           draggable="false"
           style="--level: 2;"
         >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
           <span
             class="t-tree__icon t-folder-icon"
             ignore="active"
@@ -146563,7 +143588,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t22"
+              name="1.2.1"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -146574,50 +143599,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t22
+              1.2.1
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
           data-level="2"
-          data-value="t23"
+          data-value="1.2.2"
           draggable="false"
           style="--level: 2;"
         >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
           <span
             class="t-tree__icon t-folder-icon"
             ignore="active"
@@ -146630,7 +143622,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t23"
+              name="1.2.2"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -146641,55 +143633,35 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t23
+              1.2.2
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t24"
+          data-level="0"
+          data-value="t2"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 0;"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
             trigger="expand"
-          />
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
           <label
             class="t-checkbox t-tree__label"
             ignore="expand,active"
@@ -146697,7 +143669,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t24"
+              name="t2"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -146708,50 +143680,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t24
+              t2
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t25"
+          data-level="1"
+          data-value="t2.1"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 1;"
         >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
           <span
             class="t-tree__icon t-folder-icon"
             ignore="active"
@@ -146764,7 +143703,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t25"
+              name="t2.1"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -146775,50 +143714,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t25
+              t2.1
             </span>
           </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
-            <div
-              class="tdesign-demo-block-row"
-            >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
-            </div>
-          </span>
         </div>
         <div
           class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t26"
+          data-level="1"
+          data-value="t2.2"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 1;"
         >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
           <span
             class="t-tree__icon t-folder-icon"
             ignore="active"
@@ -146831,7 +143737,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t26"
+              name="t2.2"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -146842,117 +143748,386 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t26
+              t2.2
             </span>
           </label>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/debug-filter.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
+>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-input-adornment"
+        >
           <span
-            class="t-tree__operations"
-            ignore="active,expand"
+            class="t-input-adornment__prepend"
+          >
+            <span
+              class="t-input-adornment__text"
+            >
+              filter:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
           >
             <div
-              class="tdesign-demo-block-row"
+              class="t-input"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
+              />
             </div>
-          </span>
+          </div>
         </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          允许折叠:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
         <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t27"
-          draggable="false"
-          style="--level: 2;"
+          class="t-switch t-size-m"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          可选:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m"
+        >
+          <span
+            class="t-switch__handle"
           />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node"
+    >
+      <div
+        class="t-tree__list"
+        style="transform: translateY(0px);"
+      >
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="1"
+          draggable="false"
+          style="--level: 0;"
+        >
           <span
-            class="t-tree__icon t-folder-icon"
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
             trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
           >
-            <input
-              class="t-checkbox__former"
-              name="t27"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="1"
+          >
             <span
-              class="t-checkbox__input"
-            />
+              style="position: relative;"
+            >
+              1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="2"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="2"
+          >
             <span
-              class="t-checkbox__label"
+              style="position: relative;"
             >
-              t27
+              2
             </span>
-          </label>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/debug-performance.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
+>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-input-adornment"
+        >
           <span
-            class="t-tree__operations"
-            ignore="active,expand"
+            class="t-input-adornment__prepend"
+          >
+            <span
+              class="t-input-adornment__text"
+            >
+              插入节点数量:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
           >
             <div
-              class="tdesign-demo-block-row"
+              class="t-input"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
+              />
             </div>
-          </span>
+          </div>
         </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          展开动画:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
         <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="1"
-          data-value="t28"
-          draggable="false"
-          style="--level: 1;"
+          class="t-switch t-size-m t-is-checked"
         >
           <span
-            class="t-tree__line"
-            style="--level: 1;"
+            class="t-switch__handle"
           />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          显示连线:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          显示图标:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-base t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            插入根节点
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+    >
+      <div
+        class="t-tree__list"
+        style="transform: translateY(0px);"
+      >
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="t1"
+          draggable="false"
+          style="--level: 0;"
+        >
           <span
             class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
@@ -146978,7 +144153,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t28"
+              name="t1"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -146989,7 +144164,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t28
+              t1
             </span>
           </label>
           <span
@@ -147023,21 +144198,30 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           </span>
         </div>
         <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t29"
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="t14"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 0;"
         >
           <span
-            class="t-tree__line t-tree__line--leaf t-tree__line--first"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
             trigger="expand"
-          />
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
           <label
             class="t-checkbox t-tree__label"
             ignore="expand,active"
@@ -147045,7 +144229,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t29"
+              name="t14"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -147056,7 +144240,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t29
+              t14
             </span>
           </label>
           <span
@@ -147090,21 +144274,30 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           </span>
         </div>
         <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t30"
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="t27"
           draggable="false"
-          style="--level: 2;"
+          style="--level: 0;"
         >
           <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
             ignore="active"
             trigger="expand"
-          />
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
           <label
             class="t-checkbox t-tree__label"
             ignore="expand,active"
@@ -147112,7 +144305,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
           >
             <input
               class="t-checkbox__former"
-              name="t30"
+              name="t27"
               tabindex="-1"
               type="checkbox"
               value=""
@@ -147123,7 +144316,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             <span
               class="t-checkbox__label"
             >
-              t30
+              t27
             </span>
           </label>
           <span
@@ -147156,7 +144349,433 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
             </div>
           </span>
         </div>
-      </transition-group-stub>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  style="gap: 16px; width: 100%;"
+>
+  <div
+    class="t-space-item"
+  >
+    <h3>
+      虚拟滚动 - virtual 模式
+    </h3>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          动画:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          显示连线:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          显示图标:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          可选:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          可操作:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-base t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            清空 tree
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-input-adornment"
+        >
+          <span
+            class="t-input-adornment__prepend"
+          >
+            <span
+              class="t-input-adornment__text"
+            >
+              level1 节点数量:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
+          >
+            <div
+              class="t-input"
+            >
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-input-adornment"
+        >
+          <span
+            class="t-input-adornment__prepend"
+          >
+            <span
+              class="t-input-adornment__text"
+            >
+              level2 节点数量:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
+          >
+            <div
+              class="t-input"
+            >
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-input-adornment"
+        >
+          <span
+            class="t-input-adornment__prepend"
+          >
+            <span
+              class="t-input-adornment__text"
+            >
+              level3 节点数量:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
+          >
+            <div
+              class="t-input"
+            >
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-base t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            构造 tree
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-input-adornment"
+        >
+          <span
+            class="t-input-adornment__prepend"
+          >
+            <span
+              class="t-input-adornment__text"
+            >
+              插入节点数量:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
+          >
+            <div
+              class="t-input"
+            >
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-base t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            插入根节点
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-input-adornment"
+        >
+          <span
+            class="t-input-adornment__prepend"
+          >
+            <span
+              class="t-input-adornment__text"
+            >
+              filter:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
+          >
+            <div
+              class="t-input"
+            >
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+      style="height: 300px;"
+    >
+      <div
+        class="t-tree__empty"
+      >
+        暂无数据
+      </div>
     </div>
   </div>
   <div
@@ -147171,7 +144790,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
 
 exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
+  class="t-space t-space-vertical"
   style="gap: 32px;"
 >
   <div
@@ -147179,86 +144798,74 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
   >
     <div
       class="t-space t-space-vertical"
-      style="gap: 10px;"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
-        >
+        <h3>
           禁用整个 tree
         </h3>
       </div>
       <div
         class="t-space-item"
       >
-        <form
-          class="t-form"
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
         >
           <div
-            class="t-form__item t-form-item__"
+            class="t-space-item"
+          >
+            <span>
+              是否禁用整个 tree:
+            </span>
+          </div>
+          <div
+            class="t-space-item"
           >
             <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                是否禁用整个 tree
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
+              class="t-switch t-size-m t-is-checked"
             >
+              <span
+                class="t-switch__handle"
+              />
               <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
+                class="t-switch__content t-size-m"
+              />
             </div>
           </div>
+        </div>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
+        >
+          <div
+            class="t-space-item"
+          >
+            <span>
+              是否只禁用 checkbox:
+            </span>
+          </div>
           <div
-            class="t-form__item t-form-item__"
+            class="t-space-item"
           >
             <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                是否只禁用 checkbox
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
+              class="t-switch t-size-m"
             >
+              <span
+                class="t-switch__handle"
+              />
               <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
+                class="t-switch__content t-size-m"
+              />
             </div>
           </div>
-        </form>
+        </div>
       </div>
       <div
         class="t-space-item"
@@ -147266,17 +144873,14 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
         <div
           class="t-tree t-is-disabled t-tree--hoverable t-tree--checkable t-tree--transition"
         >
-          <transition-group-stub
+          <div
             class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
             style="transform: translateY(0px);"
-            tag="div"
           >
             <div
               class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="0"
-              data-value="t5629"
+              data-value="t412"
               draggable="false"
               style="--level: 0;"
             >
@@ -147306,7 +144910,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                 <input
                   class="t-checkbox__former"
                   disabled="disabled"
-                  name="t5629"
+                  name="t412"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147324,7 +144928,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="1"
-              data-value="t5630"
+              data-value="t413"
               draggable="false"
               style="--level: 1;"
             >
@@ -147354,7 +144958,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                 <input
                   class="t-checkbox__former"
                   disabled="disabled"
-                  name="t5630"
+                  name="t413"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147372,7 +144976,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="2"
-              data-value="t5631"
+              data-value="t414"
               draggable="false"
               style="--level: 2;"
             >
@@ -147389,7 +144993,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                 <input
                   class="t-checkbox__former"
                   disabled="disabled"
-                  name="t5631"
+                  name="t414"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147407,7 +145011,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="2"
-              data-value="t5632"
+              data-value="t415"
               draggable="false"
               style="--level: 2;"
             >
@@ -147424,7 +145028,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                 <input
                   class="t-checkbox__former"
                   disabled="disabled"
-                  name="t5632"
+                  name="t415"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147442,7 +145046,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="1"
-              data-value="t5633"
+              data-value="t416"
               draggable="false"
               style="--level: 1;"
             >
@@ -147472,7 +145076,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                 <input
                   class="t-checkbox__former"
                   disabled="disabled"
-                  name="t5633"
+                  name="t416"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147490,7 +145094,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="2"
-              data-value="t5634"
+              data-value="t417"
               draggable="false"
               style="--level: 2;"
             >
@@ -147507,7 +145111,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                 <input
                   class="t-checkbox__former"
                   disabled="disabled"
-                  name="t5634"
+                  name="t417"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147525,7 +145129,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="2"
-              data-value="t5635"
+              data-value="t418"
               draggable="false"
               style="--level: 2;"
             >
@@ -147542,7 +145146,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                 <input
                   class="t-checkbox__former"
                   disabled="disabled"
-                  name="t5635"
+                  name="t418"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147560,7 +145164,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="0"
-              data-value="t5636"
+              data-value="t419"
               draggable="false"
               style="--level: 0;"
             >
@@ -147590,7 +145194,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                 <input
                   class="t-checkbox__former"
                   disabled="disabled"
-                  name="t5636"
+                  name="t419"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147608,7 +145212,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="1"
-              data-value="t5637"
+              data-value="t420"
               draggable="false"
               style="--level: 1;"
             >
@@ -147625,7 +145229,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                 <input
                   class="t-checkbox__former"
                   disabled="disabled"
-                  name="t5637"
+                  name="t420"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147643,7 +145247,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="1"
-              data-value="t5638"
+              data-value="t421"
               draggable="false"
               style="--level: 1;"
             >
@@ -147660,7 +145264,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                 <input
                   class="t-checkbox__former"
                   disabled="disabled"
-                  name="t5638"
+                  name="t421"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147675,7 +145279,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                 </span>
               </label>
             </div>
-          </transition-group-stub>
+          </div>
         </div>
       </div>
     </div>
@@ -147685,55 +145289,44 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
   >
     <div
       class="t-space t-space-vertical"
-      style="gap: 10px;"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
-        >
+        <h3>
           禁用指定节点
         </h3>
       </div>
       <div
         class="t-space-item"
       >
-        <form
-          class="t-form"
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
         >
           <div
-            class="t-form__item t-form-item__"
+            class="t-space-item"
+          >
+            <span>
+              禁用指定节点 checkbox:
+            </span>
+          </div>
+          <div
+            class="t-space-item"
           >
             <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                禁用指定节点 checkbox
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
+              class="t-switch t-size-m t-is-checked"
             >
+              <span
+                class="t-switch__handle"
+              />
               <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
+                class="t-switch__content t-size-m"
+              />
             </div>
           </div>
-        </form>
+        </div>
       </div>
       <div
         class="t-space-item"
@@ -147741,17 +145334,14 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
         <div
           class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
         >
-          <transition-group-stub
+          <div
             class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
             style="transform: translateY(0px);"
-            tag="div"
           >
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="t5639"
+              data-value="t422"
               draggable="false"
               style="--level: 0;"
             >
@@ -147780,7 +145370,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t5639"
+                  name="t422"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147798,7 +145388,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t5640"
+              data-value="t423"
               draggable="false"
               style="--level: 1;"
             >
@@ -147822,12 +145412,13 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
               </span>
               <label
                 class="t-checkbox t-is-disabled t-tree__label"
+                disabled="disabled"
                 ignore="expand,active"
               >
                 <input
                   class="t-checkbox__former"
                   disabled="disabled"
-                  name="t5640"
+                  name="t423"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147845,7 +145436,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t5641"
+              data-value="t424"
               draggable="false"
               style="--level: 2;"
             >
@@ -147861,7 +145452,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t5641"
+                  name="t424"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147879,7 +145470,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t5642"
+              data-value="t425"
               draggable="false"
               style="--level: 2;"
             >
@@ -147895,7 +145486,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t5642"
+                  name="t425"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147913,7 +145504,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t5643"
+              data-value="t426"
               draggable="false"
               style="--level: 1;"
             >
@@ -147937,12 +145528,13 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
               </span>
               <label
                 class="t-checkbox t-is-disabled t-tree__label"
+                disabled="disabled"
                 ignore="expand,active"
               >
                 <input
                   class="t-checkbox__former"
                   disabled="disabled"
-                  name="t5643"
+                  name="t426"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147960,7 +145552,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t5644"
+              data-value="t427"
               draggable="false"
               style="--level: 2;"
             >
@@ -147976,7 +145568,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t5644"
+                  name="t427"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -147994,7 +145586,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t5645"
+              data-value="t428"
               draggable="false"
               style="--level: 2;"
             >
@@ -148010,7 +145602,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t5645"
+                  name="t428"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -148028,7 +145620,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="t5646"
+              data-value="t429"
               draggable="false"
               style="--level: 0;"
             >
@@ -148057,7 +145649,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t5646"
+                  name="t429"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -148075,7 +145667,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t5647"
+              data-value="t430"
               draggable="false"
               style="--level: 1;"
             >
@@ -148086,12 +145678,13 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
               />
               <label
                 class="t-checkbox t-is-disabled t-tree__label"
+                disabled="disabled"
                 ignore="expand,active"
               >
                 <input
                   class="t-checkbox__former"
                   disabled="disabled"
-                  name="t5647"
+                  name="t430"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -148109,7 +145702,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t5648"
+              data-value="t431"
               draggable="false"
               style="--level: 1;"
             >
@@ -148125,7 +145718,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t5648"
+                  name="t431"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -148140,7 +145733,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                 </span>
               </label>
             </div>
-          </transition-group-stub>
+          </div>
         </div>
       </div>
     </div>
@@ -148150,351 +145743,336 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/tree/_example/draggable.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  data-v-05bdc3f1=""
-  style="gap: 32px;"
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
   <div
     class="t-space-item"
   >
     <div
-      class="t-space t-space-vertical"
-      data-v-05bdc3f1=""
-      style="gap: 10px;"
+      class="t-tree t-tree--hoverable t-tree--draggable t-tree--transition"
     >
       <div
-        class="t-space-item"
+        class="t-tree__list"
+        style="transform: translateY(0px);"
       >
         <div
-          class="t-tree t-tree--hoverable t-tree--draggable t-tree--transition"
-          data-v-05bdc3f1=""
+          class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
+          data-level="0"
+          data-value="1"
+          draggable="true"
+          style="--level: 0;"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
-              data-level="0"
-              data-value="1"
-              draggable="true"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
-              data-level="1"
-              data-value="1.1"
-              draggable="true"
-              style="--level: 1;"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
-              data-level="2"
-              data-value="1.1.1"
-              draggable="true"
-              style="--level: 2;"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="1"
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1.1.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.1.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
-              data-level="3"
-              data-value="1.1.1.1"
-              draggable="true"
-              style="--level: 3;"
+              1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
+          data-level="1"
+          data-value="1.1"
+          draggable="true"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
               />
-              <span
-                class="t-tree__label"
-                title="1.1.1.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.1.1.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
-              data-level="3"
-              data-value="1.1.1.2"
-              draggable="true"
-              style="--level: 3;"
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="1.1"
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              1.1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
+          data-level="2"
+          data-value="1.1.1"
+          draggable="true"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
               />
-              <span
-                class="t-tree__label"
-                title="1.1.1.2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.1.1.2
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
-              data-level="2"
-              data-value="1.1.2"
-              draggable="true"
-              style="--level: 2;"
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="1.1.1"
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1.1.2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.1.2
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
-              data-level="3"
-              data-value="1.1.2.1"
-              draggable="true"
-              style="--level: 3;"
+              1.1.1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
+          data-level="3"
+          data-value="1.1.1.1"
+          draggable="true"
+          style="--level: 3;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="1.1.1.1"
+          >
+            <span
+              style="position: relative;"
+            >
+              1.1.1.1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
+          data-level="3"
+          data-value="1.1.1.2"
+          draggable="true"
+          style="--level: 3;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="1.1.1.2"
+          >
+            <span
+              style="position: relative;"
+            >
+              1.1.1.2
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
+          data-level="2"
+          data-value="1.1.2"
+          draggable="true"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
               />
-              <span
-                class="t-tree__label"
-                title="1.1.2.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.1.2.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
-              data-level="3"
-              data-value="1.1.2.2"
-              draggable="true"
-              style="--level: 3;"
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="1.1.2"
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="1.1.2.2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.1.2.2
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
-              data-level="0"
-              data-value="2"
-              draggable="true"
-              style="--level: 0;"
+              1.1.2
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
+          data-level="3"
+          data-value="1.1.2.1"
+          draggable="true"
+          style="--level: 3;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="1.1.2.1"
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
-              data-level="1"
-              data-value="2.1"
-              draggable="true"
-              style="--level: 1;"
+              1.1.2.1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
+          data-level="3"
+          data-value="1.1.2.2"
+          draggable="true"
+          style="--level: 3;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="1.1.2.2"
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="2.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
-              data-level="1"
-              data-value="2.2"
-              draggable="true"
-              style="--level: 1;"
+              1.1.2.2
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
+          data-level="0"
+          data-value="2"
+          draggable="true"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
               />
-              <span
-                class="t-tree__label"
-                title="2.2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2.2
-                </span>
-              </span>
-            </div>
-          </transition-group-stub>
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="2"
+          >
+            <span
+              style="position: relative;"
+            >
+              2
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
+          data-level="1"
+          data-value="2.1"
+          draggable="true"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="2.1"
+          >
+            <span
+              style="position: relative;"
+            >
+              2.1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
+          data-level="1"
+          data-value="2.2"
+          draggable="true"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="2.2"
+          >
+            <span
+              style="position: relative;"
+            >
+              2.2
+            </span>
+          </span>
         </div>
       </div>
     </div>
@@ -148504,7 +146082,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/draggable.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/tree/_example/empty.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
+  class="t-space t-space-vertical"
   style="gap: 32px;"
 >
   <div
@@ -148512,14 +146090,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/empty.vue 1`] = `
   >
     <div
       class="t-space t-space-vertical"
-      style="gap: 10px;"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
-        >
+        <h3>
           默认为空状态
         </h3>
       </div>
@@ -148543,14 +146119,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/empty.vue 1`] = `
   >
     <div
       class="t-space t-space-vertical"
-      style="gap: 10px;"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
-        >
+        <h3>
           设置 empty 属性为指定字符串
         </h3>
       </div>
@@ -148567,11 +146141,6 @@ exports[`csr snapshot test > csr test ./src/tree/_example/empty.vue 1`] = `
           </div>
         </div>
       </div>
-      <div
-        class="t-space-item"
-      >
-        <br />
-      </div>
     </div>
   </div>
   <div
@@ -148579,14 +146148,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/empty.vue 1`] = `
   >
     <div
       class="t-space t-space-vertical"
-      style="gap: 10px;"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
-        >
+        <h3>
           jsx 形式
         </h3>
       </div>
@@ -148612,14 +146179,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/empty.vue 1`] = `
   >
     <div
       class="t-space t-space-vertical"
-      style="gap: 10px;"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
-        >
+        <h3>
           slot 形式
         </h3>
       </div>
@@ -148645,386 +146210,360 @@ exports[`csr snapshot test > csr test ./src/tree/_example/empty.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
   <div
     class="t-space-item"
   >
     <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          切换数据:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <form
-          class="t-form"
+        <span>
+          展开动画:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
         >
+          <span
+            class="t-switch__handle"
+          />
           <div
-            class="t-form__item t-form-item__"
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--transition"
+    >
+      <div
+        class="t-tree__list"
+        style="transform: translateY(0px);"
+      >
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="0"
+          data-value="t1"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 80px;"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <label
-                for=""
-              >
-                切换数据
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-              style="margin-left: 80px;"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title=""
+          >
+            <span
+              style="position: relative;"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
+              t1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t1.1"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 80px;"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <label
-                for=""
-              >
-                展开动画
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-              style="margin-left: 80px;"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title=""
+          >
+            <span
+              style="position: relative;"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-      <div
-        class="t-space-item"
-      >
+              t1.1
+            </span>
+          </span>
+        </div>
         <div
-          class="t-tree t-tree--transition"
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t1.1.1"
+          draggable="false"
+          style="--level: 2;"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title=""
           >
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="t5660"
-              draggable="false"
-              style="--level: 0;"
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t5661"
-              draggable="false"
-              style="--level: 1;"
+              t1.1.1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t1.1.2"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title=""
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t5662"
-              draggable="false"
-              style="--level: 2;"
+              t1.1.2
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t1.2"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
               />
-              <span
-                class="t-tree__label"
-                title="1.1.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.1.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t5663"
-              draggable="false"
-              style="--level: 2;"
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title=""
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="1.1.2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.1.2
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t5664"
-              draggable="false"
-              style="--level: 1;"
+              t1.2
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="1.2.1"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title=""
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1.2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.2
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t5665"
-              draggable="false"
-              style="--level: 2;"
+              1.2.1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="1.2.2"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title=""
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="1.2.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.2.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t5666"
-              draggable="false"
-              style="--level: 2;"
+              1.2.2
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="0"
+          data-value="t2"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
               />
-              <span
-                class="t-tree__label"
-                title="1.2.2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.2.2
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="t5667"
-              draggable="false"
-              style="--level: 0;"
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title=""
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t5668"
-              draggable="false"
-              style="--level: 1;"
+              t2
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t2.1"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title=""
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="2.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t5669"
-              draggable="false"
-              style="--level: 1;"
+              t2.1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t2.2"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title=""
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="2.2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2.2
-                </span>
-              </span>
-            </div>
-          </transition-group-stub>
+              t2.2
+            </span>
+          </span>
         </div>
       </div>
     </div>
@@ -149034,220 +146573,208 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
   <div
     class="t-space-item"
   >
     <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
+      class="t-tree t-tree--hoverable t-tree--transition"
     >
       <div
-        class="t-space-item"
+        class="t-tree__list"
+        style="transform: translateY(0px);"
       >
         <div
-          class="t-tree t-tree--hoverable t-tree--transition"
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="0"
+          data-value="t453"
+          draggable="false"
+          style="--level: 0;"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="t5670"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="1"
-              data-value="t5671"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="1"
-              data-value="t5674"
-              draggable="false"
-              style="--level: 1;"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1.2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1.2
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="t5677"
-              draggable="false"
-              style="--level: 0;"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="1"
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="1"
-              data-value="t5678"
-              draggable="false"
-              style="--level: 1;"
+              1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="1"
+          data-value="t454"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
               />
-              <span
-                class="t-tree__label"
-                title="2.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="1"
-              data-value="t5679"
-              draggable="false"
-              style="--level: 1;"
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="1.1"
+          >
+            <span
+              style="position: relative;"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              1.1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="1"
+          data-value="t457"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
               />
-              <span
-                class="t-tree__label"
-                title="2.2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2.2
-                </span>
-              </span>
-            </div>
-          </transition-group-stub>
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="1.2"
+          >
+            <span
+              style="position: relative;"
+            >
+              1.2
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="0"
+          data-value="t460"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="2"
+          >
+            <span
+              style="position: relative;"
+            >
+              2
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="1"
+          data-value="t461"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="2.1"
+          >
+            <span
+              style="position: relative;"
+            >
+              2.1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="1"
+          data-value="t462"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="2.2"
+          >
+            <span
+              style="position: relative;"
+            >
+              2.2
+            </span>
+          </span>
         </div>
       </div>
     </div>
@@ -149257,296 +146784,220 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
 
 exports[`csr snapshot test > csr test ./src/tree/_example/expand-mutex.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
   <div
     class="t-space-item"
   >
     <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <form
-          class="t-form"
-        >
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 120px;"
-            >
-              <label
-                for=""
-              >
-                互斥展开
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-              style="margin-left: 120px;"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 120px;"
-            >
-              <label
-                for=""
-              >
-                整个节点可点击
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-              style="margin-left: 120px;"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </form>
+        <span>
+          互斥展开:
+        </span>
       </div>
       <div
         class="t-space-item"
       >
         <div
-          class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node"
+          class="t-switch t-size-m t-is-checked"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
-          >
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t5680"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t5687"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2
-                </span>
-              </span>
-            </div>
-          </transition-group-stub>
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
         </div>
       </div>
     </div>
   </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
-<div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  data-v-58473978=""
-  style="gap: 32px;"
->
   <div
     class="t-space-item"
   >
     <div
-      class="t-space t-space-vertical"
-      data-v-58473978=""
-      style="gap: 10px;"
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
-          data-v-58473978=""
-        >
-          默认状态
-        </h3>
+        <span>
+          整个节点可点击:
+        </span>
       </div>
       <div
         class="t-space-item"
       >
         <div
-          class="tips"
-          data-v-58473978=""
+          class="t-switch t-size-m t-is-checked"
         >
-          <p
-            data-v-58473978=""
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node"
+    >
+      <div
+        class="t-tree__list"
+        style="transform: translateY(0px);"
+      >
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="t463"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-             过滤动作由 filter 属性的变更触发，所以不能只修改传递给 filter 属性内部的数据，应当在条件变化时变更 filter 属性。 
-          </p>
-          <p
-            data-v-58473978=""
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="1"
           >
-            清空过滤条件时，应设置 filter 属性为 null，来触发 tree 组件展示状态还原。
-          </p>
-          <p
-            data-v-58473978=""
+            <span
+              style="position: relative;"
+            >
+              1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="t470"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            allowFoldNodeOnFilter 属性默认为 false，此时过滤状态下展开的路径节点无法被收起。
-          </p>
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label"
+            title="2"
+          >
+            <span
+              style="position: relative;"
+            >
+              2
+            </span>
+          </span>
         </div>
       </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  style="gap: 32px;"
+>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-vertical"
+      style="gap: 16px;"
+    >
       <div
         class="t-space-item"
       >
-        <form
-          class="t-form"
-          data-v-58473978=""
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
         >
           <div
-            class="t-form__item t-form-item__"
-            data-v-58473978=""
+            class="t-space-item"
           >
             <div
-              class="t-form__controls"
+              class="t-input-adornment"
             >
+              <span
+                class="t-input-adornment__prepend"
+              >
+                <span
+                  class="t-input-adornment__text"
+                >
+                  filter:
+                </span>
+              </span>
               <div
-                class="t-form__controls-content"
+                class="t-input__wrap"
+                style="width: 300px;"
               >
                 <div
-                  class="t-input-adornment"
-                  data-v-58473978=""
+                  class="t-input"
                 >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      filter:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                    data-v-58473978=""
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
+                  <input
+                    autocomplete=""
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    unselectable="off"
+                  />
                 </div>
               </div>
             </div>
           </div>
-        </form>
+        </div>
       </div>
       <div
         class="t-space-item"
       >
         <div
           class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node"
-          data-v-58473978=""
         >
-          <transition-group-stub
+          <div
             class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
             style="transform: translateY(0px);"
-            tag="div"
           >
             <div
               class="t-tree__item t-tree__item--visible"
@@ -149620,7 +147071,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
                 </span>
               </span>
             </div>
-          </transition-group-stub>
+          </div>
         </div>
       </div>
     </div>
@@ -149630,108 +147081,59 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
   >
     <div
       class="t-space t-space-vertical"
-      data-v-58473978=""
-      style="gap: 6px;"
+      style="gap: 16px;"
     >
-      <div
-        class="t-space-item"
-      >
-        <h3
-          class="title"
-          data-v-58473978=""
-        >
-          allowFoldNodeOnFilter="true"
-        </h3>
-      </div>
       <div
         class="t-space-item"
       >
         <div
-          class="tips"
-          data-v-58473978=""
-        >
-          <p
-            data-v-58473978=""
-          >
-             allowFoldNodeOnFilter 属性设置为 true 时，过滤状态下展开的节点，允许点击收起，注意这会影响到 tree 组件当前的展开状态数据。 
-          </p>
-          <p
-            data-v-58473978=""
-          >
-            每次变更过滤条件时，会重设节点展开状态，将命中节点的路径节点展开。
-          </p>
-          <p
-            data-v-58473978=""
-          >
-            当清空过滤条件时，将会还原为设置过滤条件之前时的展开状态。
-          </p>
-        </div>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <form
-          class="t-form"
-          data-v-58473978=""
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
         >
           <div
-            class="t-form__item t-form-item__"
-            data-v-58473978=""
+            class="t-space-item"
           >
             <div
-              class="t-form__controls"
+              class="t-input-adornment"
             >
+              <span
+                class="t-input-adornment__prepend"
+              >
+                <span
+                  class="t-input-adornment__text"
+                >
+                  filter:
+                </span>
+              </span>
               <div
-                class="t-form__controls-content"
+                class="t-input__wrap"
+                style="width: 300px;"
               >
                 <div
-                  class="t-input-adornment"
-                  data-v-58473978=""
+                  class="t-input"
                 >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      filter:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                    data-v-58473978=""
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
+                  <input
+                    autocomplete=""
+                    class="t-input__inner"
+                    placeholder="allow expand or fold tree nodes on filter"
+                    type="text"
+                    unselectable="off"
+                  />
                 </div>
               </div>
             </div>
           </div>
-        </form>
+        </div>
       </div>
       <div
         class="t-space-item"
       >
         <div
           class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node"
-          data-v-58473978=""
         >
-          <transition-group-stub
+          <div
             class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
             style="transform: translateY(0px);"
-            tag="div"
           >
             <div
               class="t-tree__item t-tree__item--visible"
@@ -149805,7 +147207,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
                 </span>
               </span>
             </div>
-          </transition-group-stub>
+          </div>
         </div>
       </div>
     </div>
@@ -149815,7 +147217,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
+  class="t-space t-space-vertical"
   style="gap: 32px;"
 >
   <div
@@ -149823,14 +147225,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
   >
     <div
       class="t-space t-space-vertical"
-      style="gap: 10px;"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
-        >
+        <h3>
           属性设置 jsx 形式
         </h3>
       </div>
@@ -149840,17 +147240,14 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
         <div
           class="t-tree t-tree--hoverable t-tree--transition"
         >
-          <transition-group-stub
+          <div
             class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
             style="transform: translateY(0px);"
-            tag="div"
           >
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="0"
-              data-value="t5730"
+              data-value="t513"
               draggable="false"
               style="--level: 0;"
             >
@@ -149881,7 +147278,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="0"
-              data-value="t5731"
+              data-value="t514"
               draggable="false"
               style="--level: 0;"
             >
@@ -149909,7 +147306,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
                 </span>
               </span>
             </div>
-          </transition-group-stub>
+          </div>
         </div>
       </div>
     </div>
@@ -149919,7 +147316,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
   >
     <div
       class="t-space t-space-vertical"
-      style="gap: 10px;"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
@@ -149934,17 +147331,14 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
         <div
           class="t-tree t-tree--hoverable t-tree--transition"
         >
-          <transition-group-stub
+          <div
             class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
             style="transform: translateY(0px);"
-            tag="div"
           >
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="0"
-              data-value="t5732"
+              data-value="t515"
               draggable="false"
               style="--level: 0;"
             >
@@ -149975,7 +147369,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="0"
-              data-value="t5733"
+              data-value="t516"
               draggable="false"
               style="--level: 0;"
             >
@@ -150003,7 +147397,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
                 </span>
               </span>
             </div>
-          </transition-group-stub>
+          </div>
         </div>
       </div>
     </div>
@@ -150013,7 +147407,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
+  class="t-space t-space-vertical"
   style="gap: 32px;"
 >
   <div
@@ -150021,14 +147415,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
   >
     <div
       class="t-space t-space-vertical"
-      style="gap: 10px;"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
-        >
+        <h3>
           属性设置 jsx 形式
         </h3>
       </div>
@@ -150038,17 +147430,14 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
         <div
           class="t-tree t-tree--transition"
         >
-          <transition-group-stub
+          <div
             class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
             style="transform: translateY(0px);"
-            tag="div"
           >
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="t5734"
+              data-value="t517"
               draggable="false"
               style="--level: 0;"
             >
@@ -150078,7 +147467,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t5734, label: 1
+                    value: t517, label: 1
                   </strong>
                 </span>
               </span>
@@ -150086,7 +147475,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t5735"
+              data-value="t518"
               draggable="false"
               style="--level: 1;"
             >
@@ -150103,7 +147492,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t5735, label: 1.1
+                    value: t518, label: 1.1
                   </strong>
                 </span>
               </span>
@@ -150111,7 +147500,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t5736"
+              data-value="t519"
               draggable="false"
               style="--level: 1;"
             >
@@ -150128,7 +147517,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t5736, label: 1.2
+                    value: t519, label: 1.2
                   </strong>
                 </span>
               </span>
@@ -150136,7 +147525,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="t5737"
+              data-value="t520"
               draggable="false"
               style="--level: 0;"
             >
@@ -150166,7 +147555,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t5737, label: 2
+                    value: t520, label: 2
                   </strong>
                 </span>
               </span>
@@ -150174,7 +147563,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t5738"
+              data-value="t521"
               draggable="false"
               style="--level: 1;"
             >
@@ -150191,7 +147580,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t5738, label: 2.1
+                    value: t521, label: 2.1
                   </strong>
                 </span>
               </span>
@@ -150199,7 +147588,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t5739"
+              data-value="t522"
               draggable="false"
               style="--level: 1;"
             >
@@ -150216,12 +147605,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t5739, label: 2.2
+                    value: t522, label: 2.2
                   </strong>
                 </span>
               </span>
             </div>
-          </transition-group-stub>
+          </div>
         </div>
       </div>
     </div>
@@ -150231,7 +147620,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
   >
     <div
       class="t-space t-space-vertical"
-      style="gap: 10px;"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
@@ -150246,17 +147635,14 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
         <div
           class="t-tree t-tree--checkable t-tree--transition"
         >
-          <transition-group-stub
+          <div
             class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
             style="transform: translateY(0px);"
-            tag="div"
           >
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="t5740"
+              data-value="t523"
               draggable="false"
               style="--level: 0;"
             >
@@ -150285,7 +147671,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t5740"
+                  name="t523"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -150296,18 +147682,18 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                 <span
                   class="t-checkbox__label"
                 >
-                  <font
-                    color="blue"
+                  <span
+                    style="color: blue;"
                   >
-                    label: 1, value: t5740
-                  </font>
+                    label: 1, value: t523
+                  </span>
                 </span>
               </label>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t5741"
+              data-value="t524"
               draggable="false"
               style="--level: 1;"
             >
@@ -150323,7 +147709,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t5741"
+                  name="t524"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -150334,18 +147720,18 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                 <span
                   class="t-checkbox__label"
                 >
-                  <font
-                    color="blue"
+                  <span
+                    style="color: blue;"
                   >
-                    label: 1.1, value: t5741
-                  </font>
+                    label: 1.1, value: t524
+                  </span>
                 </span>
               </label>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t5742"
+              data-value="t525"
               draggable="false"
               style="--level: 1;"
             >
@@ -150361,7 +147747,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t5742"
+                  name="t525"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -150372,18 +147758,18 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                 <span
                   class="t-checkbox__label"
                 >
-                  <font
-                    color="blue"
+                  <span
+                    style="color: blue;"
                   >
-                    label: 1.2, value: t5742
-                  </font>
+                    label: 1.2, value: t525
+                  </span>
                 </span>
               </label>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="t5743"
+              data-value="t526"
               draggable="false"
               style="--level: 0;"
             >
@@ -150412,7 +147798,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t5743"
+                  name="t526"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -150423,18 +147809,18 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                 <span
                   class="t-checkbox__label"
                 >
-                  <font
-                    color="blue"
+                  <span
+                    style="color: blue;"
                   >
-                    label: 2, value: t5743
-                  </font>
+                    label: 2, value: t526
+                  </span>
                 </span>
               </label>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t5744"
+              data-value="t527"
               draggable="false"
               style="--level: 1;"
             >
@@ -150450,7 +147836,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t5744"
+                  name="t527"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -150461,18 +147847,18 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                 <span
                   class="t-checkbox__label"
                 >
-                  <font
-                    color="blue"
+                  <span
+                    style="color: blue;"
                   >
-                    label: 2.1, value: t5744
-                  </font>
+                    label: 2.1, value: t527
+                  </span>
                 </span>
               </label>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t5745"
+              data-value="t528"
               draggable="false"
               style="--level: 1;"
             >
@@ -150488,7 +147874,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t5745"
+                  name="t528"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -150499,15 +147885,15 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                 <span
                   class="t-checkbox__label"
                 >
-                  <font
-                    color="blue"
+                  <span
+                    style="color: blue;"
                   >
-                    label: 2.2, value: t5745
-                  </font>
+                    label: 2.2, value: t528
+                  </span>
                 </span>
               </label>
             </div>
-          </transition-group-stub>
+          </div>
         </div>
       </div>
     </div>
@@ -150517,236 +147903,172 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/tree/_example/lazy.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  data-v-de8eeb80=""
-  style="gap: 32px;"
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
   <div
     class="t-space-item"
   >
     <div
-      class="t-space t-space-vertical"
-      data-v-de8eeb80=""
-      style="gap: 10px;"
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
-          data-v-de8eeb80=""
-        >
-          数据延迟加载
-        </h3>
+        <span>
+          可选:
+        </span>
       </div>
       <div
         class="t-space-item"
       >
         <div
-          class="tips"
-          data-v-de8eeb80=""
+          class="t-switch t-size-m t-is-checked"
         >
-          <p
-            data-v-de8eeb80=""
-          >
-            默认为点击加载数据。
-          </p>
-          <p
-            data-v-de8eeb80=""
-          >
-             valueMode 默认为 'onlyLeaf'。选中父节点时，子节点由于未加载，无法更新和获取选中状态，导致无法更新父节点的状态。 
-          </p>
-          <p
-            data-v-de8eeb80=""
-          >
-            所以使用延迟加载时，推荐 valueMode 设置为 'all' 或者 'parentFirst'。
-          </p>
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
         </div>
       </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          严格模式:
+        </span>
+      </div>
       <div
         class="t-space-item"
       >
-        <form
-          class="t-form"
-          data-v-de8eeb80=""
+        <div
+          class="t-switch t-size-m"
         >
+          <span
+            class="t-switch__handle"
+          />
           <div
-            class="t-form__item t-form-item__"
-            data-v-de8eeb80=""
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+    >
+      <div
+        class="t-tree__list"
+        style="transform: translateY(0px);"
+      >
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="1"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                可选
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                  data-v-de8eeb80=""
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-            data-v-de8eeb80=""
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                严格模式
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
+            <input
+              class="t-checkbox__former"
+              name="1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m"
-                  data-v-de8eeb80=""
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-      <div
-        class="t-space-item"
-      >
+              1
+            </span>
+          </label>
+        </div>
         <div
-          class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
-          data-v-de8eeb80=""
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="2"
+          draggable="false"
+          style="--level: 0;"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="1"
-              draggable="false"
-              style="--level: 0;"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="2"
-              draggable="false"
-              style="--level: 0;"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="2"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  2
-                </span>
-              </label>
-            </div>
-          </transition-group-stub>
+              2
+            </span>
+          </label>
         </div>
       </div>
     </div>
@@ -150756,7 +148078,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/lazy.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
+  class="t-space t-space-vertical"
   data-v-225666c0=""
   style="gap: 32px;"
 >
@@ -150766,86 +148088,75 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
     <div
       class="t-space t-space-vertical"
       data-v-225666c0=""
-      style="gap: 10px;"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <form
-          class="t-form"
+        <div
+          class="t-space t-space-horizontal"
           data-v-225666c0=""
+          style="gap: 16px;"
         >
           <div
-            class="t-form__item t-form-item__"
-            data-v-225666c0=""
+            class="t-space-item"
           >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 100px;"
+            <span
+              data-v-225666c0=""
             >
-              <label
-                for=""
-              >
-                显示连线
-              </label>
-            </div>
+              显示连线:
+            </span>
+          </div>
+          <div
+            class="t-space-item"
+          >
             <div
-              class="t-form__controls"
-              style="margin-left: 100px;"
+              class="t-switch t-size-m t-is-checked"
+              data-v-225666c0=""
             >
+              <span
+                class="t-switch__handle"
+              />
               <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                  data-v-225666c0=""
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
+                class="t-switch__content t-size-m"
+              />
             </div>
           </div>
+        </div>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-space t-space-horizontal"
+          data-v-225666c0=""
+          style="gap: 16px;"
+        >
           <div
-            class="t-form__item t-form-item__"
-            data-v-225666c0=""
+            class="t-space-item"
           >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 100px;"
+            <span
+              data-v-225666c0=""
             >
-              <label
-                for=""
-              >
-                显示图标
-              </label>
-            </div>
+              显示图标:
+            </span>
+          </div>
+          <div
+            class="t-space-item"
+          >
             <div
-              class="t-form__controls"
-              style="margin-left: 100px;"
+              class="t-switch t-size-m t-is-checked"
+              data-v-225666c0=""
             >
+              <span
+                class="t-switch__handle"
+              />
               <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                  data-v-225666c0=""
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
+                class="t-switch__content t-size-m"
+              />
             </div>
           </div>
-        </form>
+        </div>
       </div>
     </div>
   </div>
@@ -150855,13 +148166,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
     <div
       class="t-space t-space-vertical"
       data-v-225666c0=""
-      style="gap: 10px;"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
         <h3
-          class="title"
           data-v-225666c0=""
         >
           默认样式
@@ -150874,12 +148184,9 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
           class="t-tree t-tree--transition"
           data-v-225666c0=""
         >
-          <transition-group-stub
+          <div
             class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
             style="transform: translateY(0px);"
-            tag="div"
           >
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
@@ -151348,7 +148655,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                 </span>
               </span>
             </div>
-          </transition-group-stub>
+          </div>
         </div>
       </div>
     </div>
@@ -151359,13 +148666,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
     <div
       class="tdesign-tree-line t-space t-space-vertical"
       data-v-225666c0=""
-      style="gap: 10px;"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
         <h3
-          class="title"
           data-v-225666c0=""
         >
           使用属性结合 jsx 来自定义呈现
@@ -151378,12 +148684,9 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
           class="t-tree t-tree--transition"
           data-v-225666c0=""
         >
-          <transition-group-stub
+          <div
             class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
             style="transform: translateY(0px);"
-            tag="div"
           >
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
@@ -152086,113 +149389,548 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               />
               <span
                 class="t-tree__label"
-                title="4"
+                title="4"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  4
+                </span>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="tdesign-tree-line t-space t-space-vertical"
+      data-v-225666c0=""
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <h3
+          data-v-225666c0=""
+        >
+          slot 形式
+        </h3>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-tree t-tree--transition"
+          data-v-225666c0=""
+        >
+          <div
+            class="t-tree__list"
+            style="transform: translateY(0px);"
+          >
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="0"
+              data-value="1"
+              draggable="false"
+              style="--level: 0;"
+            >
+              <div
+                class="custom-line custom-line-first"
+                data-v-225666c0=""
+              >
+                <div
+                  class="custom-line-box"
+                  data-v-225666c0=""
+                />
+                <!---->
+              </div>
+              <span
+                class="t-tree__icon t-folder-icon t-tree__icon--default"
+                ignore="active"
+                trigger="expand"
+              >
+                <svg
+                  class="t-icon t-icon-caret-right-small"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M16.5 12l-7-7v14l7-7z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                class="t-tree__label"
+                title="1"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  1
+                </span>
+              </span>
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="1.1"
+              draggable="false"
+              style="--level: 1;"
+            >
+              <div
+                class="custom-line custom-line-first custom-line-leaf"
+                data-v-225666c0=""
+              >
+                <div
+                  class="custom-line-box"
+                  data-v-225666c0=""
+                >
+                  <span
+                    class=""
+                    data-v-225666c0=""
+                  />
+                </div>
+                <i
+                  class="custom-line-icon"
+                  data-v-225666c0=""
+                >
+                  <svg
+                    class="t-icon t-icon-heart-filled"
+                    data-v-225666c0=""
+                  >
+                    <use
+                      href="#t-icon-heart-filled"
+                    />
+                  </svg>
+                </i>
+              </div>
+              <span
+                class="t-tree__icon t-folder-icon"
+                ignore="active"
+                trigger="expand"
+              />
+              <span
+                class="t-tree__label"
+                title="1.1"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  1.1
+                </span>
+              </span>
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="1.2"
+              draggable="false"
+              style="--level: 1;"
+            >
+              <div
+                class="custom-line custom-line-leaf custom-line-last"
+                data-v-225666c0=""
+              >
+                <div
+                  class="custom-line-box"
+                  data-v-225666c0=""
+                >
+                  <span
+                    class=""
+                    data-v-225666c0=""
+                  />
+                </div>
+                <i
+                  class="custom-line-icon"
+                  data-v-225666c0=""
+                >
+                  <svg
+                    class="t-icon t-icon-heart-filled"
+                    data-v-225666c0=""
+                  >
+                    <use
+                      href="#t-icon-heart-filled"
+                    />
+                  </svg>
+                </i>
+              </div>
+              <span
+                class="t-tree__icon t-folder-icon"
+                ignore="active"
+                trigger="expand"
+              />
+              <span
+                class="t-tree__label"
+                title="1.2"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  1.2
+                </span>
+              </span>
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="0"
+              data-value="2"
+              draggable="false"
+              style="--level: 0;"
+            >
+              <div
+                class="custom-line"
+                data-v-225666c0=""
+              >
+                <div
+                  class="custom-line-box"
+                  data-v-225666c0=""
+                />
+                <!---->
+              </div>
+              <span
+                class="t-tree__icon t-folder-icon t-tree__icon--default"
+                ignore="active"
+                trigger="expand"
+              >
+                <svg
+                  class="t-icon t-icon-caret-right-small"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M16.5 12l-7-7v14l7-7z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                class="t-tree__label"
+                title="2"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  2
+                </span>
+              </span>
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="2.1"
+              draggable="false"
+              style="--level: 1;"
+            >
+              <div
+                class="custom-line custom-line-first"
+                data-v-225666c0=""
+              >
+                <div
+                  class="custom-line-box"
+                  data-v-225666c0=""
+                >
+                  <span
+                    class=""
+                    data-v-225666c0=""
+                  />
+                </div>
+                <!---->
+              </div>
+              <span
+                class="t-tree__icon t-folder-icon t-tree__icon--default"
+                ignore="active"
+                trigger="expand"
+              >
+                <svg
+                  class="t-icon t-icon-caret-right-small"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M16.5 12l-7-7v14l7-7z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                class="t-tree__label"
+                title="2.1"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  2.1
+                </span>
+              </span>
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="2.1.1"
+              draggable="false"
+              style="--level: 2;"
+            >
+              <div
+                class="custom-line custom-line-first"
+                data-v-225666c0=""
+              >
+                <div
+                  class="custom-line-box"
+                  data-v-225666c0=""
+                >
+                  <span
+                    class="custom-line-cross"
+                    data-v-225666c0=""
+                  />
+                  <span
+                    class=""
+                    data-v-225666c0=""
+                  />
+                </div>
+                <!---->
+              </div>
+              <span
+                class="t-tree__icon t-folder-icon t-tree__icon--default"
+                ignore="active"
+                trigger="expand"
+              >
+                <svg
+                  class="t-icon t-icon-caret-right-small"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M16.5 12l-7-7v14l7-7z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                class="t-tree__label"
+                title="2.1.1"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  2.1.1
+                </span>
+              </span>
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="3"
+              data-value="2.1.1.1"
+              draggable="false"
+              style="--level: 3;"
+            >
+              <div
+                class="custom-line custom-line-first custom-line-last"
+                data-v-225666c0=""
+              >
+                <div
+                  class="custom-line-box"
+                  data-v-225666c0=""
+                >
+                  <span
+                    class="custom-line-cross"
+                    data-v-225666c0=""
+                  />
+                  <span
+                    class="custom-line-cross"
+                    data-v-225666c0=""
+                  />
+                  <span
+                    class=""
+                    data-v-225666c0=""
+                  />
+                </div>
+                <!---->
+              </div>
+              <span
+                class="t-tree__icon t-folder-icon t-tree__icon--default"
+                ignore="active"
+                trigger="expand"
+              >
+                <svg
+                  class="t-icon t-icon-caret-right-small"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M16.5 12l-7-7v14l7-7z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+              <span
+                class="t-tree__label"
+                title="2.1.1.1"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  2.1.1.1
+                </span>
+              </span>
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="4"
+              data-value="2.1.1.1.1"
+              draggable="false"
+              style="--level: 4;"
+            >
+              <div
+                class="custom-line custom-line-first custom-line-leaf"
+                data-v-225666c0=""
+              >
+                <div
+                  class="custom-line-box"
+                  data-v-225666c0=""
+                >
+                  <span
+                    class="custom-line-cross"
+                    data-v-225666c0=""
+                  />
+                  <span
+                    class="custom-line-cross"
+                    data-v-225666c0=""
+                  />
+                  <span
+                    class=""
+                    data-v-225666c0=""
+                  />
+                  <span
+                    class=""
+                    data-v-225666c0=""
+                  />
+                </div>
+                <i
+                  class="custom-line-icon"
+                  data-v-225666c0=""
+                >
+                  <svg
+                    class="t-icon t-icon-heart-filled"
+                    data-v-225666c0=""
+                  >
+                    <use
+                      href="#t-icon-heart-filled"
+                    />
+                  </svg>
+                </i>
+              </div>
+              <span
+                class="t-tree__icon t-folder-icon"
+                ignore="active"
+                trigger="expand"
+              />
+              <span
+                class="t-tree__label"
+                title="2.1.1.1.1"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  2.1.1.1.1
+                </span>
+              </span>
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="4"
+              data-value="2.1.1.1.2"
+              draggable="false"
+              style="--level: 4;"
+            >
+              <div
+                class="custom-line custom-line-leaf custom-line-last"
+                data-v-225666c0=""
+              >
+                <div
+                  class="custom-line-box"
+                  data-v-225666c0=""
+                >
+                  <span
+                    class="custom-line-cross"
+                    data-v-225666c0=""
+                  />
+                  <span
+                    class="custom-line-cross"
+                    data-v-225666c0=""
+                  />
+                  <span
+                    class=""
+                    data-v-225666c0=""
+                  />
+                  <span
+                    class=""
+                    data-v-225666c0=""
+                  />
+                </div>
+                <i
+                  class="custom-line-icon"
+                  data-v-225666c0=""
+                >
+                  <svg
+                    class="t-icon t-icon-heart-filled"
+                    data-v-225666c0=""
+                  >
+                    <use
+                      href="#t-icon-heart-filled"
+                    />
+                  </svg>
+                </i>
+              </div>
+              <span
+                class="t-tree__icon t-folder-icon"
+                ignore="active"
+                trigger="expand"
+              />
+              <span
+                class="t-tree__label"
+                title="2.1.1.1.2"
               >
                 <span
                   style="position: relative;"
                 >
-                  4
+                  2.1.1.1.2
                 </span>
               </span>
             </div>
-          </transition-group-stub>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="tdesign-tree-line t-space t-space-vertical"
-      data-v-225666c0=""
-      style="gap: 10px;"
-    >
-      <div
-        class="t-space-item"
-      >
-        <h3
-          class="title"
-          data-v-225666c0=""
-        >
-          slot 形式
-        </h3>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <div
-          class="t-tree t-tree--transition"
-          data-v-225666c0=""
-        >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
-          >
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="1"
+              data-level="2"
+              data-value="2.1.2"
               draggable="false"
-              style="--level: 0;"
+              style="--level: 2;"
             >
               <div
-                class="custom-line custom-line-first"
+                class="custom-line custom-line-leaf custom-line-last"
                 data-v-225666c0=""
               >
                 <div
                   class="custom-line-box"
                   data-v-225666c0=""
-                />
-                <!---->
-              </div>
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
                 >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
+                  <span
+                    class="custom-line-cross"
+                    data-v-225666c0=""
                   />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="1.1"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <div
-                class="custom-line custom-line-first custom-line-leaf"
-                data-v-225666c0=""
-              >
-                <div
-                  class="custom-line-box"
-                  data-v-225666c0=""
-                >
                   <span
                     class=""
                     data-v-225666c0=""
@@ -152219,19 +149957,19 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               />
               <span
                 class="t-tree__label"
-                title="1.1"
+                title="2.1.2"
               >
                 <span
                   style="position: relative;"
                 >
-                  1.1
+                  2.1.2
                 </span>
               </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="1.2"
+              data-value="2.2"
               draggable="false"
               style="--level: 1;"
             >
@@ -152269,19 +150007,19 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               />
               <span
                 class="t-tree__label"
-                title="1.2"
+                title="2.2"
               >
                 <span
                   style="position: relative;"
                 >
-                  1.2
+                  2.2
                 </span>
               </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="2"
+              data-value="3"
               draggable="false"
               style="--level: 0;"
             >
@@ -152315,24 +150053,24 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               </span>
               <span
                 class="t-tree__label"
-                title="2"
+                title="3"
               >
                 <span
                   style="position: relative;"
                 >
-                  2
+                  3
                 </span>
               </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="2.1"
+              data-value="3.1"
               draggable="false"
               style="--level: 1;"
             >
               <div
-                class="custom-line custom-line-first"
+                class="custom-line custom-line-first custom-line-leaf"
                 data-v-225666c0=""
               >
                 <div
@@ -152344,571 +150082,965 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                     data-v-225666c0=""
                   />
                 </div>
-                <!---->
+                <i
+                  class="custom-line-icon"
+                  data-v-225666c0=""
+                >
+                  <svg
+                    class="t-icon t-icon-heart-filled"
+                    data-v-225666c0=""
+                  >
+                    <use
+                      href="#t-icon-heart-filled"
+                    />
+                  </svg>
+                </i>
               </div>
               <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
+                class="t-tree__icon t-folder-icon"
                 ignore="active"
                 trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
+              />
               <span
                 class="t-tree__label"
-                title="2.1"
+                title="3.1"
               >
                 <span
                   style="position: relative;"
                 >
-                  2.1
+                  3.1
                 </span>
               </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="2.1.1"
+              data-level="1"
+              data-value="3.2"
               draggable="false"
-              style="--level: 2;"
+              style="--level: 1;"
             >
               <div
-                class="custom-line custom-line-first"
+                class="custom-line custom-line-leaf custom-line-last"
                 data-v-225666c0=""
               >
                 <div
                   class="custom-line-box"
                   data-v-225666c0=""
                 >
-                  <span
-                    class="custom-line-cross"
-                    data-v-225666c0=""
-                  />
                   <span
                     class=""
                     data-v-225666c0=""
                   />
                 </div>
-                <!---->
+                <i
+                  class="custom-line-icon"
+                  data-v-225666c0=""
+                >
+                  <svg
+                    class="t-icon t-icon-heart-filled"
+                    data-v-225666c0=""
+                  >
+                    <use
+                      href="#t-icon-heart-filled"
+                    />
+                  </svg>
+                </i>
               </div>
               <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
+                class="t-tree__icon t-folder-icon"
                 ignore="active"
                 trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
+              />
               <span
                 class="t-tree__label"
-                title="2.1.1"
+                title="3.2"
               >
                 <span
                   style="position: relative;"
                 >
-                  2.1.1
+                  3.2
                 </span>
               </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="3"
-              data-value="2.1.1.1"
+              data-level="0"
+              data-value="4"
               draggable="false"
-              style="--level: 3;"
+              style="--level: 0;"
             >
               <div
-                class="custom-line custom-line-first custom-line-last"
+                class="custom-line custom-line-leaf custom-line-last"
                 data-v-225666c0=""
               >
                 <div
                   class="custom-line-box"
                   data-v-225666c0=""
+                />
+                <i
+                  class="custom-line-icon"
+                  data-v-225666c0=""
                 >
-                  <span
-                    class="custom-line-cross"
-                    data-v-225666c0=""
-                  />
-                  <span
-                    class="custom-line-cross"
-                    data-v-225666c0=""
-                  />
-                  <span
-                    class=""
+                  <svg
+                    class="t-icon t-icon-heart-filled"
                     data-v-225666c0=""
-                  />
-                </div>
-                <!---->
+                  >
+                    <use
+                      href="#t-icon-heart-filled"
+                    />
+                  </svg>
+                </i>
               </div>
               <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
+                class="t-tree__icon t-folder-icon"
                 ignore="active"
                 trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
+              />
               <span
                 class="t-tree__label"
-                title="2.1.1.1"
+                title="4"
               >
                 <span
                   style="position: relative;"
                 >
-                  2.1.1.1
+                  4
                 </span>
               </span>
             </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/load.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
+>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          可选:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-base t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            重新加载数据
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+    >
+      <div
+        class="t-tree__empty"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/operations.vue 1`] = `
+<div
+  class="tdesign-tree-operations t-space t-space-vertical"
+  style="gap: 16px; width: 100%;"
+>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          插入节点使用高亮节点:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          子节点展开触发父节点展开:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-input-adornment"
+        >
+          <span
+            class="t-input-adornment__prepend"
+          >
+            <span
+              class="t-input-adornment__text"
+            >
+              filter:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
+          >
+            <div
+              class="t-input"
+            >
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+    >
+      <div
+        class="t-tree__list"
+        style="transform: translateY(0px);"
+      >
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="0"
+          data-value="node1"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="node1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              1 | value: node1
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="4"
-              data-value="2.1.1.1.1"
-              draggable="false"
-              style="--level: 4;"
+              class="t-space t-space-horizontal"
+              style="gap: 10px;"
             >
               <div
-                class="custom-line custom-line-first custom-line-leaf"
-                data-v-225666c0=""
-              >
-                <div
-                  class="custom-line-box"
-                  data-v-225666c0=""
-                >
-                  <span
-                    class="custom-line-cross"
-                    data-v-225666c0=""
-                  />
-                  <span
-                    class="custom-line-cross"
-                    data-v-225666c0=""
-                  />
-                  <span
-                    class=""
-                    data-v-225666c0=""
-                  />
-                  <span
-                    class=""
-                    data-v-225666c0=""
-                  />
-                </div>
-                <i
-                  class="custom-line-icon"
-                  data-v-225666c0=""
+                class="t-space-item"
+              >
+                <button
+                  class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                  type="button"
                 >
-                  <svg
-                    class="t-icon t-icon-heart-filled"
-                    data-v-225666c0=""
+                  <span
+                    class="t-button__text"
                   >
-                    <use
-                      href="#t-icon-heart-filled"
-                    />
-                  </svg>
-                </i>
+                    添加子节点
+                  </span>
+                </button>
               </div>
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="2.1.1.1.1"
+              <div
+                class="t-space-item"
               >
-                <span
-                  style="position: relative;"
+                <button
+                  class="t-button t-button--variant-outline t-button--theme-default t-size-s"
+                  type="button"
                 >
-                  2.1.1.1.1
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="4"
-              data-value="2.1.1.1.2"
-              draggable="false"
-              style="--level: 4;"
-            >
+                  <span
+                    class="t-button__text"
+                  >
+                    前插节点
+                  </span>
+                </button>
+              </div>
               <div
-                class="custom-line custom-line-leaf custom-line-last"
-                data-v-225666c0=""
+                class="t-space-item"
               >
-                <div
-                  class="custom-line-box"
-                  data-v-225666c0=""
+                <button
+                  class="t-button t-button--variant-outline t-button--theme-default t-size-s"
+                  type="button"
                 >
                   <span
-                    class="custom-line-cross"
-                    data-v-225666c0=""
-                  />
-                  <span
-                    class="custom-line-cross"
-                    data-v-225666c0=""
-                  />
-                  <span
-                    class=""
-                    data-v-225666c0=""
-                  />
-                  <span
-                    class=""
-                    data-v-225666c0=""
-                  />
-                </div>
-                <i
-                  class="custom-line-icon"
-                  data-v-225666c0=""
-                >
-                  <svg
-                    class="t-icon t-icon-heart-filled"
-                    data-v-225666c0=""
+                    class="t-button__text"
                   >
-                    <use
-                      href="#t-icon-heart-filled"
-                    />
-                  </svg>
-                </i>
+                    后插节点
+                  </span>
+                </button>
               </div>
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="2.1.1.1.2"
+              <div
+                class="t-space-item"
               >
-                <span
-                  style="position: relative;"
+                <button
+                  class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                  type="button"
                 >
-                  2.1.1.1.2
-                </span>
-              </span>
+                  <span
+                    class="t-button__text"
+                  >
+                    删除
+                  </span>
+                </button>
+              </div>
             </div>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="0"
+          data-value="node2"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="node2"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              2 | value: node2
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="2.1.2"
-              draggable="false"
-              style="--level: 2;"
+              class="t-space t-space-horizontal"
+              style="gap: 10px;"
             >
               <div
-                class="custom-line custom-line-leaf custom-line-last"
-                data-v-225666c0=""
+                class="t-space-item"
               >
-                <div
-                  class="custom-line-box"
-                  data-v-225666c0=""
+                <button
+                  class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                  type="button"
                 >
                   <span
-                    class="custom-line-cross"
-                    data-v-225666c0=""
-                  />
-                  <span
-                    class=""
-                    data-v-225666c0=""
-                  />
-                </div>
-                <i
-                  class="custom-line-icon"
-                  data-v-225666c0=""
-                >
-                  <svg
-                    class="t-icon t-icon-heart-filled"
-                    data-v-225666c0=""
+                    class="t-button__text"
                   >
-                    <use
-                      href="#t-icon-heart-filled"
-                    />
-                  </svg>
-                </i>
+                    添加子节点
+                  </span>
+                </button>
               </div>
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="2.1.2"
+              <div
+                class="t-space-item"
               >
-                <span
-                  style="position: relative;"
+                <button
+                  class="t-button t-button--variant-outline t-button--theme-default t-size-s"
+                  type="button"
                 >
-                  2.1.2
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="2.2"
-              draggable="false"
-              style="--level: 1;"
-            >
+                  <span
+                    class="t-button__text"
+                  >
+                    前插节点
+                  </span>
+                </button>
+              </div>
               <div
-                class="custom-line custom-line-leaf custom-line-last"
-                data-v-225666c0=""
+                class="t-space-item"
               >
-                <div
-                  class="custom-line-box"
-                  data-v-225666c0=""
+                <button
+                  class="t-button t-button--variant-outline t-button--theme-default t-size-s"
+                  type="button"
                 >
                   <span
-                    class=""
-                    data-v-225666c0=""
-                  />
-                </div>
-                <i
-                  class="custom-line-icon"
-                  data-v-225666c0=""
+                    class="t-button__text"
+                  >
+                    后插节点
+                  </span>
+                </button>
+              </div>
+              <div
+                class="t-space-item"
+              >
+                <button
+                  class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                  type="button"
                 >
-                  <svg
-                    class="t-icon t-icon-heart-filled"
-                    data-v-225666c0=""
+                  <span
+                    class="t-button__text"
                   >
-                    <use
-                      href="#t-icon-heart-filled"
-                    />
-                  </svg>
-                </i>
+                    删除
+                  </span>
+                </button>
               </div>
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+            </div>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <h3>
+      操作树节点
+    </h3>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 10px; flex-wrap: wrap;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            获取 value 为 'node1' 的单个节点
+          </span>
+        </button>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            获取所有节点
+          </span>
+        </button>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            获取高亮节点的所有子节点
+          </span>
+        </button>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            获取所有高亮节点
+          </span>
+        </button>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            获取高亮节点下的选中节点
+          </span>
+        </button>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            插入一个根节点
+          </span>
+        </button>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            获取高亮节点的父节点
+          </span>
+        </button>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            获取高亮节点的所有父节点
+          </span>
+        </button>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            获取高亮节点在子节点中的位置
+          </span>
+        </button>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            选中高亮节点
+          </span>
+        </button>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            展开高亮节点
+          </span>
+        </button>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            获取高亮节点与其子节点的数据
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div>
+      * 相关信息通过控制台输出
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/state.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
+>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-button--variant-base t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            插入一个根节点
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+    >
+      <div
+        class="t-tree__list"
+        style="transform: translateY(0px);"
+      >
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="0"
+          data-value="node1"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-file"
+            >
+              <use
+                href="#t-icon-file"
               />
-              <span
-                class="t-tree__label"
-                title="2.2"
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="node1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              node1: --
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
+            <div
+              class="tdesign-demo-block-row"
+            >
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
                 <span
-                  style="position: relative;"
+                  class="t-button__text"
                 >
-                  2.2
+                  检查节点信息
                 </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="3"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <div
-                class="custom-line"
-                data-v-225666c0=""
-              >
-                <div
-                  class="custom-line-box"
-                  data-v-225666c0=""
-                />
-                <!---->
-              </div>
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="3"
+                  变更时间
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
                 <span
-                  style="position: relative;"
+                  class="t-button__text"
                 >
-                  3
+                  变更图标
                 </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="3.1"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <div
-                class="custom-line custom-line-first custom-line-leaf"
-                data-v-225666c0=""
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <div
-                  class="custom-line-box"
-                  data-v-225666c0=""
-                >
-                  <span
-                    class=""
-                    data-v-225666c0=""
-                  />
-                </div>
-                <i
-                  class="custom-line-icon"
-                  data-v-225666c0=""
+                <span
+                  class="t-button__text"
                 >
-                  <svg
-                    class="t-icon t-icon-heart-filled"
-                    data-v-225666c0=""
-                  >
-                    <use
-                      href="#t-icon-heart-filled"
-                    />
-                  </svg>
-                </i>
-              </div>
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="3.1"
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
                 <span
-                  style="position: relative;"
+                  class="t-button__text"
                 >
-                  3.1
+                  删除
                 </span>
-              </span>
+              </button>
             </div>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="0"
+          data-value="node2"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-file"
+            >
+              <use
+                href="#t-icon-file"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="node2"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              node2: --
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="3.2"
-              draggable="false"
-              style="--level: 1;"
+              class="tdesign-demo-block-row"
             >
-              <div
-                class="custom-line custom-line-leaf custom-line-last"
-                data-v-225666c0=""
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <div
-                  class="custom-line-box"
-                  data-v-225666c0=""
+                <span
+                  class="t-button__text"
                 >
-                  <span
-                    class=""
-                    data-v-225666c0=""
-                  />
-                </div>
-                <i
-                  class="custom-line-icon"
-                  data-v-225666c0=""
+                  检查节点信息
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
                 >
-                  <svg
-                    class="t-icon t-icon-heart-filled"
-                    data-v-225666c0=""
-                  >
-                    <use
-                      href="#t-icon-heart-filled"
-                    />
-                  </svg>
-                </i>
-              </div>
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="3.2"
+                  变更时间
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
                 <span
-                  style="position: relative;"
+                  class="t-button__text"
                 >
-                  3.2
+                  变更图标
                 </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="4"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <div
-                class="custom-line custom-line-leaf custom-line-last"
-                data-v-225666c0=""
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <div
-                  class="custom-line-box"
-                  data-v-225666c0=""
-                />
-                <i
-                  class="custom-line-icon"
-                  data-v-225666c0=""
+                <span
+                  class="t-button__text"
                 >
-                  <svg
-                    class="t-icon t-icon-heart-filled"
-                    data-v-225666c0=""
-                  >
-                    <use
-                      href="#t-icon-heart-filled"
-                    />
-                  </svg>
-                </i>
-              </div>
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="4"
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
                 <span
-                  style="position: relative;"
+                  class="t-button__text"
                 >
-                  4
+                  删除
                 </span>
-              </span>
+              </button>
             </div>
-          </transition-group-stub>
+          </span>
         </div>
       </div>
     </div>
@@ -152916,291 +151048,130 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test ./src/tree/_example/load.vue 1`] = `
+exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
 <div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
   <div
     class="t-space-item"
   >
     <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <form
-          class="t-form"
+        <div
+          class="t-input-adornment"
         >
-          <div
-            class="t-form__item t-form-item__"
+          <span
+            class="t-input-adornment__prepend"
           >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 60px;"
+            <span
+              class="t-input-adornment__text"
             >
-              <label
-                for=""
-              >
-                可选
-              </label>
-            </div>
+              checked:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
+          >
             <div
-              class="t-form__controls"
-              style="margin-left: 60px;"
+              class="t-input"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
+              />
             </div>
           </div>
-        </form>
+        </div>
       </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
       <div
         class="t-space-item"
       >
         <div
-          class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+          class="t-input-adornment"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <span
+            class="t-input-adornment__prepend"
           >
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="1"
-              draggable="false"
-              style="--level: 0;"
+            <span
+              class="t-input-adornment__text"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <div
-                  class="t-loading--center t-size-m t-loading"
-                >
-                  <svg
-                    class="t-loading__gradient t-icon-loading"
-                    height="1em"
-                    size="medium"
-                    version="1.1"
-                    viewBox="0 0 12 12"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <foreignobject
-                      height="12"
-                      width="12"
-                      x="0"
-                      y="0"
-                    >
-                      <div
-                        class="t-loading__gradient-conic"
-                      />
-                    </foreignobject>
-                  </svg>
-                </div>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1
-                </span>
-              </label>
-            </div>
+              expanded:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="2"
-              draggable="false"
-              style="--level: 0;"
+              class="t-input"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <div
-                  class="t-loading--center t-size-m t-loading"
-                >
-                  <svg
-                    class="t-loading__gradient t-icon-loading"
-                    height="1em"
-                    size="medium"
-                    version="1.1"
-                    viewBox="0 0 12 12"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <foreignobject
-                      height="12"
-                      width="12"
-                      x="0"
-                      y="0"
-                    >
-                      <div
-                        class="t-loading__gradient-conic"
-                      />
-                    </foreignobject>
-                  </svg>
-                </div>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  2
-                </span>
-              </label>
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
+              />
             </div>
-          </transition-group-stub>
+          </div>
         </div>
       </div>
     </div>
   </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/operations.vue 1`] = `
-<div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
->
   <div
     class="t-space-item"
   >
     <div
-      class="t-space t-space-vertical"
-      style="gap: 10px; width: 100%;"
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
     >
-      <div
-        class="t-space-item"
-      >
-        <h3
-          class="title"
-        >
-          属性结合 jsx 形式传递
-        </h3>
-      </div>
       <div
         class="t-space-item"
       >
         <div
-          class="t-tree t-tree--hoverable t-tree--transition"
+          class="t-input-adornment"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <span
+            class="t-input-adornment__prepend"
           >
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="node1"
-              draggable="false"
-              style="--level: 0;"
+            <span
+              class="t-input-adornment__text"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title=""
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1 | value: node1
-                </span>
-              </span>
-              <span
-                class="t-tree__operations"
-                ignore="active,expand"
-              >
-                value: node1
-              </span>
-            </div>
+              actived:
+            </span>
+          </span>
+          <div
+            class="t-input__wrap"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="node2"
-              draggable="false"
-              style="--level: 0;"
+              class="t-input"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                unselectable="off"
               />
-              <span
-                class="t-tree__label"
-                title=""
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2 | value: node2
-                </span>
-              </span>
-              <span
-                class="t-tree__operations"
-                ignore="active,expand"
-              >
-                value: node2
-              </span>
             </div>
-          </transition-group-stub>
+          </div>
         </div>
       </div>
     </div>
@@ -153209,540 +151180,733 @@ exports[`csr snapshot test > csr test ./src/tree/_example/operations.vue 1`] = `
     class="t-space-item"
   >
     <div
-      class="tdesign-tree-operations t-space t-space-vertical"
-      style="gap: 10px; width: 100%;"
+      class="t-tree t-tree--checkable t-tree--transition"
     >
       <div
-        class="t-space-item"
+        class="t-tree__list"
+        style="transform: translateY(0px);"
       >
-        <h3
-          class="title"
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="0"
+          data-value="1"
+          draggable="false"
+          style="--level: 0;"
         >
-          slot 形式
-        </h3>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <form
-          class="t-form"
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-is-indeterminate t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              indeterminate="indeterminate"
+              name="1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              1
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="1.1"
+          draggable="false"
+          style="--level: 1;"
         >
-          <div
-            class="t-form__item t-form-item__"
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 200px;"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <label
-                for=""
-              >
-                插入节点使用高亮节点
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-              style="margin-left: 200px;"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-is-indeterminate t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              indeterminate="indeterminate"
+              name="1.1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
+              1.1
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="1.1.1"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 200px;"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <label
-                for=""
-              >
-                子节点展开触发父节点展开
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-              style="margin-left: 200px;"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-is-checked t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="1.1.1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
+              1.1.1
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="3"
+          data-value="1.1.1.1"
+          draggable="false"
+          style="--level: 3;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-is-checked t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-form__controls"
+            <input
+              class="t-checkbox__former"
+              name="1.1.1.1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-input-adornment"
-                >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      filter:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-      <div
-        class="t-space-item"
-      >
+              1.1.1.1
+            </span>
+          </label>
+        </div>
         <div
-          class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+          class="t-tree__item t-tree__item--visible"
+          data-level="3"
+          data-value="1.1.1.2"
+          draggable="false"
+          style="--level: 3;"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-is-checked t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="node1"
-              draggable="false"
-              style="--level: 0;"
+            <input
+              class="t-checkbox__former"
+              name="1.1.1.2"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              1.1.1.2
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="2"
+          data-value="1.1.2"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
               />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="node1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1 | value: node1
-                </span>
-              </label>
-              <span
-                class="t-tree__operations"
-                ignore="active,expand"
-              >
-                <div
-                  class="t-space t-space-horizontal"
-                  style="gap: 10px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        添加子节点
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--variant-outline t-button--theme-default t-size-s"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        前插节点
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--variant-outline t-button--theme-default t-size-s"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        后插节点
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        删除
-                      </span>
-                    </button>
-                  </div>
-                </div>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="node2"
-              draggable="false"
-              style="--level: 0;"
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="1.1.2"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              1.1.2
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="1"
+          data-value="1.2"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
               />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="node2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  2 | value: node2
-                </span>
-              </label>
-              <span
-                class="t-tree__operations"
-                ignore="active,expand"
-              >
-                <div
-                  class="t-space t-space-horizontal"
-                  style="gap: 10px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        添加子节点
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--variant-outline t-button--theme-default t-size-s"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        前插节点
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--variant-outline t-button--theme-default t-size-s"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        后插节点
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        删除
-                      </span>
-                    </button>
-                  </div>
-                </div>
-              </span>
-            </div>
-          </transition-group-stub>
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="1.2"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              1.2
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-is-active t-tree__item--visible"
+          data-level="0"
+          data-value="2"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-tree__label t-is-active"
+            title="2"
+          >
+            <span
+              style="position: relative;"
+            >
+              2
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="1"
+          data-value="2.1"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="2.1"
+          >
+            <span
+              style="position: relative;"
+            >
+              2.1
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="1"
+          data-value="2.2"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <span
+            class="t-tree__label"
+            title="2.2"
+          >
+            <span
+              style="position: relative;"
+            >
+              2.2
+            </span>
+          </span>
         </div>
       </div>
     </div>
   </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
+>
   <div
     class="t-space-item"
   >
     <div
-      class="tdesign-tree-operations t-space t-space-vertical"
-      style="gap: 10px;"
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
     >
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
-        >
-          操作树节点
-        </h3>
+        <span>
+          展开动画:
+        </span>
       </div>
       <div
         class="t-space-item"
       >
         <div
-          class="t-space t-space-horizontal"
-          style="gap: 10px; flex-wrap: wrap;"
+          class="t-switch t-size-m t-is-checked"
         >
+          <span
+            class="t-switch__handle"
+          />
           <div
-            class="t-space-item"
-          >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                获取 value 为 'node1' 的单个节点
-              </span>
-            </button>
-          </div>
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          显示连线:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
+          <span
+            class="t-switch__handle"
+          />
           <div
-            class="t-space-item"
-          >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                获取所有节点
-              </span>
-            </button>
-          </div>
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <span>
+          显示图标:
+        </span>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-switch t-size-m t-is-checked"
+        >
+          <span
+            class="t-switch__handle"
+          />
           <div
-            class="t-space-item"
+            class="t-switch__content t-size-m"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+    >
+      <div
+        class="t-tree__list"
+        style="transform: translateY(0px);"
+      >
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="t1"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-button__text"
-              >
-                获取高亮节点的所有子节点
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
+            <input
+              class="t-checkbox__former"
+              name="t1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <span
-                class="t-button__text"
-              >
-                获取所有高亮节点
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
+              t1
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="t2"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-button__text"
-              >
-                获取高亮节点下的选中节点
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
+            <input
+              class="t-checkbox__former"
+              name="t2"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <span
-                class="t-button__text"
-              >
-                插入一个根节点
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
+              t2
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--visible"
+          data-level="0"
+          data-value="t3"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
           >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-button__text"
-              >
-                获取高亮节点的父节点
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
+            <input
+              class="t-checkbox__former"
+              name="t3"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <span
-                class="t-button__text"
-              >
-                获取高亮节点的所有父节点
-              </span>
-            </button>
-          </div>
+              t3
+            </span>
+          </label>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  style="gap: 32px; width: 100%;"
+>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-vertical"
+      style="gap: 16px; width: 80%;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <h3>
+          虚拟滚动 - virtual 模式
+        </h3>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
+        >
           <div
             class="t-space-item"
           >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                获取高亮节点在子节点中的位置
-              </span>
-            </button>
+            <span>
+              动画:
+            </span>
           </div>
           <div
             class="t-space-item"
           >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
+            <div
+              class="t-switch t-size-m t-is-checked"
             >
               <span
-                class="t-button__text"
-              >
-                选中高亮节点
-              </span>
-            </button>
+                class="t-switch__handle"
+              />
+              <div
+                class="t-switch__content t-size-m"
+              />
+            </div>
           </div>
+        </div>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
+        >
           <div
             class="t-space-item"
           >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                展开高亮节点
-              </span>
-            </button>
+            <span>
+              显示连线:
+            </span>
           </div>
           <div
             class="t-space-item"
           >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
+            <div
+              class="t-switch t-size-m t-is-checked"
             >
               <span
-                class="t-button__text"
-              >
-                获取高亮节点与其子节点的数据
-              </span>
-            </button>
+                class="t-switch__handle"
+              />
+              <div
+                class="t-switch__content t-size-m"
+              />
+            </div>
           </div>
         </div>
       </div>
@@ -153750,1445 +151914,2307 @@ exports[`csr snapshot test > csr test ./src/tree/_example/operations.vue 1`] = `
         class="t-space-item"
       >
         <div
-          class="tips"
-        >
-          <p>
-            * 相关信息通过控制台输出
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
-<div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
->
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
-    >
-      <div
-        class="t-space-item"
-      >
-        <form
-          class="t-form"
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
         >
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-input-adornment"
-                >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      checked:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
+          <div
+            class="t-space-item"
+          >
+            <span>
+              显示图标:
+            </span>
           </div>
           <div
-            class="t-form__item t-form-item__"
+            class="t-space-item"
           >
             <div
-              class="t-form__controls"
+              class="t-switch t-size-m t-is-checked"
             >
+              <span
+                class="t-switch__handle"
+              />
               <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-input-adornment"
-                >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      expanded:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
+                class="t-switch__content t-size-m"
+              />
             </div>
           </div>
+        </div>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
+        >
+          <div
+            class="t-space-item"
+          >
+            <span>
+              可选:
+            </span>
+          </div>
           <div
-            class="t-form__item t-form-item__"
+            class="t-space-item"
           >
             <div
-              class="t-form__controls"
+              class="t-switch t-size-m t-is-checked"
             >
+              <span
+                class="t-switch__handle"
+              />
               <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-input-adornment"
-                >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      actived:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
+                class="t-switch__content t-size-m"
+              />
             </div>
           </div>
-        </form>
+        </div>
       </div>
       <div
         class="t-space-item"
       >
         <div
-          class="t-tree t-tree--checkable t-tree--transition"
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <div
+            class="t-space-item"
+          >
+            <span>
+              可操作:
+            </span>
+          </div>
+          <div
+            class="t-space-item"
           >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="1"
-              draggable="false"
-              style="--level: 0;"
+              class="t-switch t-size-m t-is-checked"
             >
               <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-is-indeterminate t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  indeterminate="indeterminate"
-                  name="1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1
-                </span>
-              </label>
+                class="t-switch__handle"
+              />
+              <div
+                class="t-switch__content t-size-m"
+              />
             </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
+        >
+          <div
+            class="t-space-item"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="1.1"
-              draggable="false"
-              style="--level: 1;"
+              class="t-input-adornment"
             >
               <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
+                class="t-input-adornment__prepend"
               >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
+                <span
+                  class="t-input-adornment__text"
                 >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
+                  插入节点数量:
+                </span>
               </span>
-              <label
-                class="t-checkbox t-is-indeterminate t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <div
+                class="t-input__wrap"
               >
-                <input
-                  class="t-checkbox__former"
-                  indeterminate="indeterminate"
-                  name="1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                <div
+                  class="t-input"
                 >
-                  1.1
-                </span>
-              </label>
+                  <input
+                    autocomplete=""
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    unselectable="off"
+                  />
+                </div>
+              </div>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="1.1.1"
-              draggable="false"
-              style="--level: 2;"
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
+        >
+          <div
+            class="t-space-item"
+          >
+            <button
+              class="t-button t-button--variant-base t-button--theme-primary"
+              type="button"
             >
               <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
+                class="t-button__text"
               >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
+                插入根节点
               </span>
-              <label
-                class="t-checkbox t-is-checked t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="3"
-              data-value="1.1.1.1"
-              draggable="false"
-              style="--level: 3;"
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll"
+      style="height: 300px;"
+    >
+      <div
+        class="t-tree__vscroll-cursor"
+        style="transform: translate(0, 5270px);"
+      />
+      <div
+        class="t-tree__list"
+        style="transform: translateY(5270px);"
+      >
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="0"
+          data-value="t1"
+          draggable="false"
+          style="--level: 0;"
+        >
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
               />
-              <label
-                class="t-checkbox t-is-checked t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.1.1.1
-                </span>
-              </label>
-            </div>
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t1"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t1
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="3"
-              data-value="1.1.1.2"
-              draggable="false"
-              style="--level: 3;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-is-checked t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.1.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  1.1.1.2
+                  添加子节点
                 </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="2"
-              data-value="1.1.2"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  1.1.2
+                  删除
                 </span>
-              </label>
+              </button>
             </div>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t2"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__line t-tree__line--first"
+            style="--level: 1;"
+          />
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t2"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t2
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="1"
-              data-value="1.2"
-              draggable="false"
-              style="--level: 1;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  1.2
+                  删除
                 </span>
-              </label>
+              </button>
             </div>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t3"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf t-tree__line--first"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t3"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t3
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-is-active t-tree__item--visible"
-              data-level="0"
-              data-value="2"
-              draggable="false"
-              style="--level: 0;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label t-is-active"
-                title="2"
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
                 <span
-                  style="position: relative;"
+                  class="t-button__text"
                 >
-                  2
+                  删除
                 </span>
-              </span>
+              </button>
             </div>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t4"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t4"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t4
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="1"
-              data-value="2.1"
-              draggable="false"
-              style="--level: 1;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="2.1"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
                 <span
-                  style="position: relative;"
+                  class="t-button__text"
                 >
-                  2.1
+                  添加子节点
                 </span>
-              </span>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="1"
-              data-value="2.2"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="2.2"
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
                 <span
-                  style="position: relative;"
+                  class="t-button__text"
                 >
-                  2.2
+                  删除
                 </span>
-              </span>
+              </button>
             </div>
-          </transition-group-stub>
+          </span>
         </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = `
-<div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px;"
->
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-space t-space-vertical"
-      style="gap: 10px;"
-    >
-      <div
-        class="t-space-item"
-      >
-        <form
-          class="t-form"
-          style="max-width: 500px;"
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t5"
+          draggable="false"
+          style="--level: 2;"
         >
-          <div
-            class="t-form__item t-form-item__"
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 80px;"
+            <input
+              class="t-checkbox__former"
+              name="t5"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <label
-                for=""
-              >
-                展开动画
-              </label>
-            </div>
+              t5
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-form__controls"
-              style="margin-left: 80px;"
+              class="tdesign-demo-block-row"
             >
-              <div
-                class="t-form__controls-content"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <div
-                  class="t-switch t-size-m t-is-checked"
+                <span
+                  class="t-button__text"
                 >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t6"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 80px;"
+            <input
+              class="t-checkbox__former"
+              name="t6"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <label
-                for=""
-              >
-                显示连线
-              </label>
-            </div>
+              t6
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-form__controls"
-              style="margin-left: 80px;"
+              class="tdesign-demo-block-row"
             >
-              <div
-                class="t-form__controls-content"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <div
-                  class="t-switch t-size-m t-is-checked"
+                <span
+                  class="t-button__text"
                 >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t7"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-form__label t-form__label--left"
-              style="width: 80px;"
+            <input
+              class="t-checkbox__former"
+              name="t7"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <label
-                for=""
-              >
-                显示图标
-              </label>
-            </div>
+              t7
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-form__controls"
-              style="margin-left: 80px;"
+              class="tdesign-demo-block-row"
             >
-              <div
-                class="t-form__controls-content"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <div
-                  class="t-switch t-size-m t-is-checked"
+                <span
+                  class="t-button__text"
                 >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-          </div>
-        </form>
-      </div>
-      <div
-        class="t-space-item"
-      >
+          </span>
+        </div>
         <div
-          class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t8"
+          draggable="false"
+          style="--level: 1;"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <span
+            class="t-tree__line"
+            style="--level: 1;"
+          />
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t8"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t8
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
           >
             <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t1"
-              draggable="false"
-              style="--level: 0;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="t1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  t1
+                  删除
                 </span>
-              </label>
+              </button>
             </div>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t9"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf t-tree__line--first"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t9"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t9
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t2"
-              draggable="false"
-              style="--level: 0;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="t2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  t2
+                  删除
                 </span>
-              </label>
+              </button>
             </div>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t10"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t10"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t10
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t3"
-              draggable="false"
-              style="--level: 0;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="t3"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  t3
+                  删除
                 </span>
-              </label>
+              </button>
             </div>
-          </transition-group-stub>
+          </span>
         </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
-<div
-  class="tdesign-tree-demo t-space t-space-vertical"
-  style="gap: 32px; width: 100%;"
->
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="tdesign-tree-vscroll-lazy t-space t-space-vertical"
-      style="gap: 10px; width: 80%;"
-    >
-      <div
-        class="t-space-item"
-      >
-        <h3
-          class="title"
-        >
-          虚拟滚动 - lazy模式
-        </h3>
-      </div>
-      <div
-        class="t-space-item"
-      >
         <div
-          class="t-tree t-tree--hoverable t-tree--transition t-tree__lazyload"
-          style="height: 300px;"
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t11"
+          draggable="false"
+          style="--level: 2;"
         >
-          <transition-group-stub
-            class="t-tree__list"
-            enteractiveclass="t-tree__item--enter-active"
-            leaveactiveclass="t-tree__item--leave-active"
-            style="transform: translateY(0px);"
-            tag="div"
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
           >
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="t1"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t2"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t3"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t4"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t5"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t6"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t7"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t8"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t9"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t10"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t11"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t12"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t13"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t14"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t15"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t16"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t17"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t18"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t19"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t20"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t21"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t22"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t23"
-              draggable="false"
-              style="--level: 2;"
+            <input
+              class="t-checkbox__former"
+              name="t11"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t11
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t24"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t25"
-              draggable="false"
-              style="--level: 2;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t12"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t12"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t12
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t26"
-              draggable="false"
-              style="--level: 1;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t27"
-              draggable="false"
-              style="--level: 2;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t13"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t13"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t13
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t28"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t29"
-              draggable="false"
-              style="--level: 2;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t14"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__line"
+            style="--level: 1;"
+          />
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t30"
-              draggable="false"
-              style="--level: 2;"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t14"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t14
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t31"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="t32"
-              draggable="false"
-              style="--level: 0;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t15"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf t-tree__line--first"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t15"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t15
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t33"
-              draggable="false"
-              style="--level: 1;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t34"
-              draggable="false"
-              style="--level: 2;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t16"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t16"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t16
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t35"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t17"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t17"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t17
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t36"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t37"
-              draggable="false"
-              style="--level: 2;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t18"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t18"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t18
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t38"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t39"
-              draggable="false"
-              style="--level: 1;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t19"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t19"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t19
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t40"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t41"
-              draggable="false"
-              style="--level: 2;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t20"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__line"
+            style="--level: 1;"
+          />
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t42"
-              draggable="false"
-              style="--level: 2;"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t20"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t20
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t43"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t44"
-              draggable="false"
-              style="--level: 2;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t21"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf t-tree__line--first"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t21"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t21
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t45"
-              draggable="false"
-              style="--level: 1;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t46"
-              draggable="false"
-              style="--level: 2;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t22"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t22"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t22
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t47"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t23"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t23"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t23
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t48"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t49"
-              draggable="false"
-              style="--level: 2;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t24"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t24"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t24
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t50"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t51"
-              draggable="false"
-              style="--level: 1;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t25"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t25"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t25
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t52"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t53"
-              draggable="false"
-              style="--level: 2;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t26"
+          draggable="false"
+          style="--level: 1;"
+        >
+          <span
+            class="t-tree__line"
+            style="--level: 1;"
+          />
+          <span
+            class="t-tree__icon t-folder-icon t-tree__icon--default"
+            ignore="active"
+            trigger="expand"
+          >
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t54"
-              draggable="false"
-              style="--level: 2;"
+              <path
+                d="M16.5 12l-7-7v14l7-7z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t26"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t26
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t55"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t56"
-              draggable="false"
-              style="--level: 2;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t27"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf t-tree__line--first"
+            style="--level: 2;"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t27"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t27
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t57"
-              draggable="false"
-              style="--level: 1;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t58"
-              draggable="false"
-              style="--level: 2;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t28"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2;"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t28"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t28
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t59"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t60"
-              draggable="false"
-              style="--level: 2;"
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t29"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2;"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t29"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <div />
-            </div>
+              t29
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t61"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t30"
+          draggable="false"
+          style="--level: 2;"
+        >
+          <span
+            class="t-tree__line t-tree__line--leaf"
+            style="--level: 2;"
+          />
+          <span
+            class="t-tree__icon t-folder-icon"
+            ignore="active"
+            trigger="expand"
+          />
+          <label
+            class="t-checkbox t-tree__label"
+            ignore="expand,active"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t30"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t30
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t62"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <div />
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  删除
+                </span>
+              </button>
             </div>
+          </span>
+        </div>
+      </div>
+      <div
+        style="width: 1px; height: 1px; opacity: 0; pointer-events: none; position: absolute; left: 0px; top: 5270px;"
+      />
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      style="height: 100px;"
+    />
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/vscroll-lazy.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  style="gap: 32px; width: 100%;"
+>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-vertical"
+      style="gap: 16px; width: 80%;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <h3>
+          虚拟滚动 - lazy模式
+        </h3>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-tree t-tree--hoverable t-tree--transition t-tree__lazyload"
+          style="height: 300px;"
+        >
+          <div
+            class="t-tree__list"
+            style="transform: translateY(0px);"
+          >
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="t63"
+              data-value="t1"
               draggable="false"
               style="--level: 0;"
             >
@@ -155197,7 +154223,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t64"
+              data-value="t2"
               draggable="false"
               style="--level: 1;"
             >
@@ -155206,7 +154232,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t65"
+              data-value="t3"
               draggable="false"
               style="--level: 2;"
             >
@@ -155215,7 +154241,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t66"
+              data-value="t4"
               draggable="false"
               style="--level: 2;"
             >
@@ -155224,7 +154250,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t67"
+              data-value="t5"
               draggable="false"
               style="--level: 2;"
             >
@@ -155233,7 +154259,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t68"
+              data-value="t6"
               draggable="false"
               style="--level: 2;"
             >
@@ -155242,7 +154268,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t69"
+              data-value="t7"
               draggable="false"
               style="--level: 2;"
             >
@@ -155251,7 +154277,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t70"
+              data-value="t8"
               draggable="false"
               style="--level: 1;"
             >
@@ -155260,7 +154286,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t71"
+              data-value="t9"
               draggable="false"
               style="--level: 2;"
             >
@@ -155269,7 +154295,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t72"
+              data-value="t10"
               draggable="false"
               style="--level: 2;"
             >
@@ -155278,7 +154304,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t73"
+              data-value="t11"
               draggable="false"
               style="--level: 2;"
             >
@@ -155287,7 +154313,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t74"
+              data-value="t12"
               draggable="false"
               style="--level: 2;"
             >
@@ -155296,7 +154322,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t75"
+              data-value="t13"
               draggable="false"
               style="--level: 2;"
             >
@@ -155305,7 +154331,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t76"
+              data-value="t14"
               draggable="false"
               style="--level: 1;"
             >
@@ -155314,7 +154340,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t77"
+              data-value="t15"
               draggable="false"
               style="--level: 2;"
             >
@@ -155323,7 +154349,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t78"
+              data-value="t16"
               draggable="false"
               style="--level: 2;"
             >
@@ -155332,7 +154358,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t79"
+              data-value="t17"
               draggable="false"
               style="--level: 2;"
             >
@@ -155341,7 +154367,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t80"
+              data-value="t18"
               draggable="false"
               style="--level: 2;"
             >
@@ -155350,7 +154376,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t81"
+              data-value="t19"
               draggable="false"
               style="--level: 2;"
             >
@@ -155359,7 +154385,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t82"
+              data-value="t20"
               draggable="false"
               style="--level: 1;"
             >
@@ -155368,7 +154394,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t83"
+              data-value="t21"
               draggable="false"
               style="--level: 2;"
             >
@@ -155377,7 +154403,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t84"
+              data-value="t22"
               draggable="false"
               style="--level: 2;"
             >
@@ -155386,7 +154412,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t85"
+              data-value="t23"
               draggable="false"
               style="--level: 2;"
             >
@@ -155395,7 +154421,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t86"
+              data-value="t24"
               draggable="false"
               style="--level: 2;"
             >
@@ -155404,7 +154430,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t87"
+              data-value="t25"
               draggable="false"
               style="--level: 2;"
             >
@@ -155413,7 +154439,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t88"
+              data-value="t26"
               draggable="false"
               style="--level: 1;"
             >
@@ -155422,7 +154448,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t89"
+              data-value="t27"
               draggable="false"
               style="--level: 2;"
             >
@@ -155431,7 +154457,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t90"
+              data-value="t28"
               draggable="false"
               style="--level: 2;"
             >
@@ -155440,7 +154466,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t91"
+              data-value="t29"
               draggable="false"
               style="--level: 2;"
             >
@@ -155449,7 +154475,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t92"
+              data-value="t30"
               draggable="false"
               style="--level: 2;"
             >
@@ -155458,7 +154484,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t93"
+              data-value="t31"
               draggable="false"
               style="--level: 2;"
             >
@@ -155467,7 +154493,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="t94"
+              data-value="t32"
               draggable="false"
               style="--level: 0;"
             >
@@ -155476,7 +154502,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t95"
+              data-value="t33"
               draggable="false"
               style="--level: 1;"
             >
@@ -155485,7 +154511,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t96"
+              data-value="t34"
               draggable="false"
               style="--level: 2;"
             >
@@ -155494,7 +154520,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t97"
+              data-value="t35"
               draggable="false"
               style="--level: 2;"
             >
@@ -155503,7 +154529,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t98"
+              data-value="t36"
               draggable="false"
               style="--level: 2;"
             >
@@ -155512,7 +154538,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t99"
+              data-value="t37"
               draggable="false"
               style="--level: 2;"
             >
@@ -155521,7 +154547,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t100"
+              data-value="t38"
               draggable="false"
               style="--level: 2;"
             >
@@ -155530,7 +154556,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t101"
+              data-value="t39"
               draggable="false"
               style="--level: 1;"
             >
@@ -155539,7 +154565,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t102"
+              data-value="t40"
               draggable="false"
               style="--level: 2;"
             >
@@ -155548,7 +154574,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t103"
+              data-value="t41"
               draggable="false"
               style="--level: 2;"
             >
@@ -155557,7 +154583,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t104"
+              data-value="t42"
               draggable="false"
               style="--level: 2;"
             >
@@ -155566,7 +154592,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t105"
+              data-value="t43"
               draggable="false"
               style="--level: 2;"
             >
@@ -155575,7 +154601,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t106"
+              data-value="t44"
               draggable="false"
               style="--level: 2;"
             >
@@ -155584,7 +154610,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t107"
+              data-value="t45"
               draggable="false"
               style="--level: 1;"
             >
@@ -155593,7 +154619,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t108"
+              data-value="t46"
               draggable="false"
               style="--level: 2;"
             >
@@ -155602,7 +154628,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t109"
+              data-value="t47"
               draggable="false"
               style="--level: 2;"
             >
@@ -155611,7 +154637,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t110"
+              data-value="t48"
               draggable="false"
               style="--level: 2;"
             >
@@ -155620,7 +154646,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t111"
+              data-value="t49"
               draggable="false"
               style="--level: 2;"
             >
@@ -155629,7 +154655,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t112"
+              data-value="t50"
               draggable="false"
               style="--level: 2;"
             >
@@ -155638,7 +154664,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t113"
+              data-value="t51"
               draggable="false"
               style="--level: 1;"
             >
@@ -155647,7 +154673,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t114"
+              data-value="t52"
               draggable="false"
               style="--level: 2;"
             >
@@ -155656,7 +154682,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t115"
+              data-value="t53"
               draggable="false"
               style="--level: 2;"
             >
@@ -155665,7 +154691,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t116"
+              data-value="t54"
               draggable="false"
               style="--level: 2;"
             >
@@ -155674,7 +154700,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t117"
+              data-value="t55"
               draggable="false"
               style="--level: 2;"
             >
@@ -155683,7 +154709,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t118"
+              data-value="t56"
               draggable="false"
               style="--level: 2;"
             >
@@ -155692,7 +154718,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t119"
+              data-value="t57"
               draggable="false"
               style="--level: 1;"
             >
@@ -155701,7 +154727,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t120"
+              data-value="t58"
               draggable="false"
               style="--level: 2;"
             >
@@ -155710,7 +154736,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t121"
+              data-value="t59"
               draggable="false"
               style="--level: 2;"
             >
@@ -155719,7 +154745,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t122"
+              data-value="t60"
               draggable="false"
               style="--level: 2;"
             >
@@ -155728,7 +154754,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t123"
+              data-value="t61"
               draggable="false"
               style="--level: 2;"
             >
@@ -155737,7 +154763,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t124"
+              data-value="t62"
               draggable="false"
               style="--level: 2;"
             >
@@ -155746,7 +154772,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="t125"
+              data-value="t63"
               draggable="false"
               style="--level: 0;"
             >
@@ -155755,115 +154781,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t126"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t127"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t128"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t129"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t130"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t131"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t132"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t133"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t134"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t135"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t136"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t137"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t138"
+              data-value="t64"
               draggable="false"
               style="--level: 1;"
             >
@@ -155872,7 +154790,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t139"
+              data-value="t65"
               draggable="false"
               style="--level: 2;"
             >
@@ -155881,7 +154799,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t140"
+              data-value="t66"
               draggable="false"
               style="--level: 2;"
             >
@@ -155890,7 +154808,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t141"
+              data-value="t67"
               draggable="false"
               style="--level: 2;"
             >
@@ -155899,7 +154817,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t142"
+              data-value="t68"
               draggable="false"
               style="--level: 2;"
             >
@@ -155908,7 +154826,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t143"
+              data-value="t69"
               draggable="false"
               style="--level: 2;"
             >
@@ -155917,7 +154835,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t144"
+              data-value="t70"
               draggable="false"
               style="--level: 1;"
             >
@@ -155926,7 +154844,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t145"
+              data-value="t71"
               draggable="false"
               style="--level: 2;"
             >
@@ -155935,7 +154853,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t146"
+              data-value="t72"
               draggable="false"
               style="--level: 2;"
             >
@@ -155944,7 +154862,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t147"
+              data-value="t73"
               draggable="false"
               style="--level: 2;"
             >
@@ -155953,7 +154871,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t148"
+              data-value="t74"
               draggable="false"
               style="--level: 2;"
             >
@@ -155962,7 +154880,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t149"
+              data-value="t75"
               draggable="false"
               style="--level: 2;"
             >
@@ -155971,7 +154889,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t150"
+              data-value="t76"
               draggable="false"
               style="--level: 1;"
             >
@@ -155980,34 +154898,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t151"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t152"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t153"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t154"
+              data-value="t77"
               draggable="false"
               style="--level: 2;"
             >
@@ -156016,2373 +154907,708 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="2"
-              data-value="t155"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <div />
-            </div>
-          </transition-group-stub>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-space t-space-vertical"
-      style="gap: 10px; width: 100%;"
-    >
-      <div
-        class="t-space-item"
-      >
-        <h3
-          class="title"
-        >
-          虚拟滚动 - virtual 模式
-        </h3>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <form
-          class="t-form"
-          style="max-width: 500px;"
-        >
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                动画
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                显示连线
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                显示图标
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                可选
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-            >
-              <label
-                for=""
-              >
-                可操作
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-switch t-size-m t-is-checked"
-                >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <form
-          class="t-form"
-          style="max-width: 500px;"
-        >
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-input-adornment"
-                >
-                  <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      插入节点数量:
-                    </span>
-                  </span>
-                  <div
-                    class="t-input__wrap"
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
+              data-value="t78"
+              draggable="false"
+              style="--level: 2;"
+            >
+              <div />
             </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
             <div
-              class="t-form__controls"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t79"
+              draggable="false"
+              style="--level: 2;"
             >
-              <div
-                class="t-form__controls-content"
-              >
-                <button
-                  class="t-button t-button--variant-base t-button--theme-primary"
-                  type="button"
-                >
-                  <span
-                    class="t-button__text"
-                  >
-                    插入根节点
-                  </span>
-                </button>
-              </div>
+              <div />
             </div>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll"
-      style="height: 300px;"
-    >
-      <div
-        class="t-tree__vscroll-cursor"
-        style="transform: translate(0, 5270px);"
-      />
-      <transition-group-stub
-        class="t-tree__list"
-        enteractiveclass="t-tree__item--enter-active"
-        leaveactiveclass="t-tree__item--leave-active"
-        style="transform: translateY(5270px);"
-        tag="div"
-      >
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="0"
-          data-value="t1"
-          draggable="false"
-          style="--level: 0;"
-        >
-          <span
-            class="t-tree__icon t-folder-icon t-tree__icon--default"
-            ignore="active"
-            trigger="expand"
-          >
-            <svg
-              class="t-icon t-icon-caret-right-small"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t80"
+              draggable="false"
+              style="--level: 2;"
             >
-              <path
-                d="M16.5 12l-7-7v14l7-7z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t1"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t81"
+              draggable="false"
+              style="--level: 2;"
             >
-              t1
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t82"
+              draggable="false"
+              style="--level: 1;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="1"
-          data-value="t2"
-          draggable="false"
-          style="--level: 1;"
-        >
-          <span
-            class="t-tree__line t-tree__line--first"
-            style="--level: 1;"
-          />
-          <span
-            class="t-tree__icon t-folder-icon t-tree__icon--default"
-            ignore="active"
-            trigger="expand"
-          >
-            <svg
-              class="t-icon t-icon-caret-right-small"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t83"
+              draggable="false"
+              style="--level: 2;"
             >
-              <path
-                d="M16.5 12l-7-7v14l7-7z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t2"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t84"
+              draggable="false"
+              style="--level: 2;"
             >
-              t2
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t85"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t3"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf t-tree__line--first"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t3"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t86"
+              draggable="false"
+              style="--level: 2;"
             >
-              t3
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t87"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t4"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t4"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t88"
+              draggable="false"
+              style="--level: 1;"
             >
-              t4
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t89"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t5"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t5"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t90"
+              draggable="false"
+              style="--level: 2;"
             >
-              t5
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t91"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t6"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t6"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t92"
+              draggable="false"
+              style="--level: 2;"
+            >
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t93"
+              draggable="false"
+              style="--level: 2;"
             >
-              t6
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="0"
+              data-value="t94"
+              draggable="false"
+              style="--level: 0;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t7"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t7"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t95"
+              draggable="false"
+              style="--level: 1;"
             >
-              t7
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t96"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="1"
-          data-value="t8"
-          draggable="false"
-          style="--level: 1;"
-        >
-          <span
-            class="t-tree__line"
-            style="--level: 1;"
-          />
-          <span
-            class="t-tree__icon t-folder-icon t-tree__icon--default"
-            ignore="active"
-            trigger="expand"
-          >
-            <svg
-              class="t-icon t-icon-caret-right-small"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t97"
+              draggable="false"
+              style="--level: 2;"
             >
-              <path
-                d="M16.5 12l-7-7v14l7-7z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t8"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t98"
+              draggable="false"
+              style="--level: 2;"
             >
-              t8
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t99"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t9"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf t-tree__line--first"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t9"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t100"
+              draggable="false"
+              style="--level: 2;"
             >
-              t9
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t101"
+              draggable="false"
+              style="--level: 1;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t10"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t10"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t102"
+              draggable="false"
+              style="--level: 2;"
             >
-              t10
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t103"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t11"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t11"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t104"
+              draggable="false"
+              style="--level: 2;"
             >
-              t11
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t105"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t12"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t12"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t106"
+              draggable="false"
+              style="--level: 2;"
+            >
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t107"
+              draggable="false"
+              style="--level: 1;"
+            >
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t108"
+              draggable="false"
+              style="--level: 2;"
+            >
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t109"
+              draggable="false"
+              style="--level: 2;"
+            >
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t110"
+              draggable="false"
+              style="--level: 2;"
             >
-              t12
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t111"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t13"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t13"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t112"
+              draggable="false"
+              style="--level: 2;"
             >
-              t13
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t113"
+              draggable="false"
+              style="--level: 1;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="1"
-          data-value="t14"
-          draggable="false"
-          style="--level: 1;"
-        >
-          <span
-            class="t-tree__line"
-            style="--level: 1;"
-          />
-          <span
-            class="t-tree__icon t-folder-icon t-tree__icon--default"
-            ignore="active"
-            trigger="expand"
-          >
-            <svg
-              class="t-icon t-icon-caret-right-small"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t114"
+              draggable="false"
+              style="--level: 2;"
             >
-              <path
-                d="M16.5 12l-7-7v14l7-7z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t14"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t115"
+              draggable="false"
+              style="--level: 2;"
             >
-              t14
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t116"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t15"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf t-tree__line--first"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t15"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t117"
+              draggable="false"
+              style="--level: 2;"
             >
-              t15
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t118"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t16"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t16"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t119"
+              draggable="false"
+              style="--level: 1;"
             >
-              t16
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t120"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t17"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t17"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t121"
+              draggable="false"
+              style="--level: 2;"
             >
-              t17
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t122"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t18"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t18"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t123"
+              draggable="false"
+              style="--level: 2;"
+            >
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t124"
+              draggable="false"
+              style="--level: 2;"
+            >
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="0"
+              data-value="t125"
+              draggable="false"
+              style="--level: 0;"
+            >
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t126"
+              draggable="false"
+              style="--level: 1;"
             >
-              t18
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t127"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t19"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t19"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t128"
+              draggable="false"
+              style="--level: 2;"
             >
-              t19
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t129"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="1"
-          data-value="t20"
-          draggable="false"
-          style="--level: 1;"
-        >
-          <span
-            class="t-tree__line"
-            style="--level: 1;"
-          />
-          <span
-            class="t-tree__icon t-folder-icon t-tree__icon--default"
-            ignore="active"
-            trigger="expand"
-          >
-            <svg
-              class="t-icon t-icon-caret-right-small"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t130"
+              draggable="false"
+              style="--level: 2;"
             >
-              <path
-                d="M16.5 12l-7-7v14l7-7z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t20"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t131"
+              draggable="false"
+              style="--level: 2;"
             >
-              t20
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t132"
+              draggable="false"
+              style="--level: 1;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t21"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf t-tree__line--first"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t21"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t133"
+              draggable="false"
+              style="--level: 2;"
             >
-              t21
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t134"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t22"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t22"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t135"
+              draggable="false"
+              style="--level: 2;"
             >
-              t22
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t136"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t23"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t23"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t137"
+              draggable="false"
+              style="--level: 2;"
             >
-              t23
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t138"
+              draggable="false"
+              style="--level: 1;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t24"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t24"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t139"
+              draggable="false"
+              style="--level: 2;"
             >
-              t24
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t140"
+              draggable="false"
+              style="--level: 2;"
+            >
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t141"
+              draggable="false"
+              style="--level: 2;"
+            >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t142"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t25"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t25"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t143"
+              draggable="false"
+              style="--level: 2;"
             >
-              t25
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t144"
+              draggable="false"
+              style="--level: 1;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="1"
-          data-value="t26"
-          draggable="false"
-          style="--level: 1;"
-        >
-          <span
-            class="t-tree__line"
-            style="--level: 1;"
-          />
-          <span
-            class="t-tree__icon t-folder-icon t-tree__icon--default"
-            ignore="active"
-            trigger="expand"
-          >
-            <svg
-              class="t-icon t-icon-caret-right-small"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t145"
+              draggable="false"
+              style="--level: 2;"
             >
-              <path
-                d="M16.5 12l-7-7v14l7-7z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t26"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+              <div />
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t146"
+              draggable="false"
+              style="--level: 2;"
             >
-              t26
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t147"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t27"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf t-tree__line--first"
-            style="--level: 2;"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t27"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t148"
+              draggable="false"
+              style="--level: 2;"
             >
-              t27
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t149"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t28"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2;"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t28"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t150"
+              draggable="false"
+              style="--level: 1;"
             >
-              t28
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t151"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t29"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2;"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t29"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t152"
+              draggable="false"
+              style="--level: 2;"
             >
-              t29
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t153"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
-        </div>
-        <div
-          class="t-tree__item t-tree__item--open t-tree__item--visible"
-          data-level="2"
-          data-value="t30"
-          draggable="false"
-          style="--level: 2;"
-        >
-          <span
-            class="t-tree__line t-tree__line--leaf"
-            style="--level: 2;"
-          />
-          <span
-            class="t-tree__icon t-folder-icon"
-            ignore="active"
-            trigger="expand"
-          />
-          <label
-            class="t-checkbox t-tree__label"
-            ignore="expand,active"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              name="t30"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t154"
+              draggable="false"
+              style="--level: 2;"
             >
-              t30
-            </span>
-          </label>
-          <span
-            class="t-tree__operations"
-            ignore="active,expand"
-          >
+              <div />
+            </div>
             <div
-              class="tdesign-demo-block-row"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t155"
+              draggable="false"
+              style="--level: 2;"
             >
-              <button
-                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  添加子节点
-                </span>
-              </button>
-              <button
-                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  删除
-                </span>
-              </button>
+              <div />
             </div>
-          </span>
+          </div>
         </div>
-      </transition-group-stub>
+      </div>
     </div>
   </div>
   <div
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index 4b6b76752..4bac338f4 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -294,7 +294,7 @@ exports[`ssr snapshot test > renders ./src/config-provider/_example/global.vue c
 
 exports[`ssr snapshot test > renders ./src/config-provider/_example/input.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"password\\" unselectable=\\"off\\" value=\\"520 TDesign\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M5.5 7.5a6.5 6.5 0 0113 0V9h2v13h-17V9h2V7.5zm2 1.5h9V7.5a4.5 4.5 0 10-9 0V9zm-2 2v9h13v-9h-13zM9 14.5h6v2H9v-2z\\"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/config-provider/_example/others.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-item--locale-provider-base\\" data-v-96b659ea><form class=\\"t-form\\" data-v-96b659ea><div class=\\"t-form__item t-form-item__username\\" data-v-96b659ea><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">User Name</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"There is no required mark on the left of this input in Form\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\" data-v-96b659ea><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">Password</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"There is required mark on the left of this input in Form\\" type=\\"password\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div></form><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-transfer t-transfer__search\\" data-v-96b659ea><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 20</span></div><span></span></div><div class=\\"t-transfer__list-body t-transfer__list--with-search\\"><div class=\\"t-transfer__search-wrapper\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"type keyword to search\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></span></div></div></div><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0</span></div><span></span></div><div class=\\"t-transfer__list-body t-transfer__list--with-search\\"><div class=\\"t-transfer__search-wrapper\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"type keyword to search\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></span></div></div></div><div class=\\"t-transfer__empty\\"><span>Empty Data</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see clear icon, it is configurable\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select without data in Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see loading text in Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading--center t-size-s t-loading t-select__right-icon t-select__active-icon\\"><svg viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-cascader\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select cascader data\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-cascader__icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-cascader\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select without data in Cascader\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-cascader__icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see empty data in TreeSelect\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see loading text in TreeSelect\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"tree select\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-time-picker\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"select time\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><br data-v-96b659ea><span class=\\"t-tag t-tag--primary t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z\\"></path></svg></span><span class=\\"t-tag t-tag--success t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z\\"></path></svg></span><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z\\"></path></svg></span><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z\\"></path></svg></span><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-tree t-tree--transition\\" data-v-96b659ea><div class=\\"t-tree__empty\\">Tree Empty Data</div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-tree t-tree--transition\\" data-v-96b659ea><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"Department A\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">Department A</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"Department B\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">Department B</span></span></div></transition-group-stub></div><br data-v-96b659ea><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-steps t-steps--vertical t-steps--positive t-steps--default-anchor t-steps--line-separator\\" data-v-96b659ea><div class=\\"t-steps-item t-steps-item--finish\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">First Step</div><div class=\\"t-steps-item__description\\">You need to click the blue button</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Second Step</div><div class=\\"t-steps-item__description\\">Fill your base information into the form</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--error\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--error\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error\\"><path fill=\\"currentColor\\" d=\\"M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Error Step</div><div class=\\"t-steps-item__description\\">Something Wrong! Custom Error Icon!</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--default\\"><span class=\\"t-steps-item__icon--number\\">4</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Last Step</div><div class=\\"t-steps-item__description\\">You haven't finish this step.</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:300px;\\" data-v-96b659ea><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/config-provider/_example/others.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-item--locale-provider-base\\" data-v-96b659ea><form class=\\"t-form\\" data-v-96b659ea><div class=\\"t-form__item t-form-item__username\\" data-v-96b659ea><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">User Name</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"There is no required mark on the left of this input in Form\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\" data-v-96b659ea><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">Password</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"There is required mark on the left of this input in Form\\" type=\\"password\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div></form><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-transfer t-transfer__search\\" data-v-96b659ea><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 20</span></div><span></span></div><div class=\\"t-transfer__list-body t-transfer__list--with-search\\"><div class=\\"t-transfer__search-wrapper\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"type keyword to search\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></span></div></div></div><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0</span></div><span></span></div><div class=\\"t-transfer__list-body t-transfer__list--with-search\\"><div class=\\"t-transfer__search-wrapper\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"type keyword to search\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></span></div></div></div><div class=\\"t-transfer__empty\\"><span>Empty Data</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see clear icon, it is configurable\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select without data in Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see loading text in Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading--center t-size-s t-loading t-select__right-icon t-select__active-icon\\"><svg viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-cascader\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select cascader data\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-cascader__icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-cascader\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select without data in Cascader\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-cascader__icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see empty data in TreeSelect\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see loading text in TreeSelect\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"tree select\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-time-picker\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"select time\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><br data-v-96b659ea><span class=\\"t-tag t-tag--primary t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z\\"></path></svg></span><span class=\\"t-tag t-tag--success t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z\\"></path></svg></span><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z\\"></path></svg></span><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z\\"></path></svg></span><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-tree t-tree--transition\\" data-v-96b659ea><div class=\\"t-tree__empty\\">Tree Empty Data</div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-tree t-tree--transition\\" data-v-96b659ea><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"Department A\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">Department A</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"Department B\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">Department B</span></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-steps t-steps--vertical t-steps--positive t-steps--default-anchor t-steps--line-separator\\" data-v-96b659ea><div class=\\"t-steps-item t-steps-item--finish\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">First Step</div><div class=\\"t-steps-item__description\\">You need to click the blue button</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Second Step</div><div class=\\"t-steps-item__description\\">Fill your base information into the form</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--error\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--error\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error\\"><path fill=\\"currentColor\\" d=\\"M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Error Step</div><div class=\\"t-steps-item__description\\">Something Wrong! Custom Error Icon!</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--default\\"><span class=\\"t-steps-item__icon--number\\">4</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Last Step</div><div class=\\"t-steps-item__description\\">You haven't finish this step.</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:300px;\\" data-v-96b659ea><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/config-provider/_example/pagination.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-pagination t-size-m\\" style=\\"padding:16px;\\" data-v-4ae7ebc2 data-v-4ae7ebc2><div class=\\"t-pagination__total\\">Total 36 items</div><div class=\\"t-select__wrap t-pagination__select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"please select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"10 / page\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">10 / page</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-prev t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number t-is-current\\">1</li><li class=\\"t-pagination__number\\">2</li><li class=\\"t-pagination__number\\">3</li><li class=\\"t-pagination__number\\">4</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div><div class=\\"t-pagination__jump\\">jump to<div class=\\"t-input-adornment\\"><div class=\\"t-input-number t-size-m t-input-number--normal t-pagination__input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">/ 4 </span></span></div></div></div>"`;
 
@@ -1179,57 +1179,59 @@ exports[`ssr snapshot test > renders ./src/transfer/_example/target-draggable.vu
 
 exports[`ssr snapshot test > renders ./src/transfer/_example/target-value.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 10 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 10 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/transfer/_example/tree.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer t-transfer--with-tree\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 5 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"1.2.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.1</span></label></div><div data-value=\\"1.2.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></transition-group-stub></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/transfer/_example/tree.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer t-transfer--with-tree\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 5 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"1.2.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.1</span></label></div><div data-value=\\"1.2.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></div></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/activable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:120;\\"><label for=\\"\\">节点可高亮</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:120;\\"><label for=\\"\\">节点可多选高亮</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:120;\\"><label for=\\"\\">整个节点可点击</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"t2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/activable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>节点可高亮: </span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>节点可多选高亮:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>整个节点可点击:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"t2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t615\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t618\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t621\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t624\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t615\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t618\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t621\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t624\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/checkable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">严格模式</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">选中值模式</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'onlyLeaf'\\" value=\\"onlyLeaf\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">onlyLeaf</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'parentFirst'\\" value=\\"parentFirst\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">parentFirst</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'all'\\" value=\\"all\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">all</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">反选</span></button></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.1</span></label></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.2</span></label></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.1.2.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2.1</span></label></div><div data-value=\\"1.1.2.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2.2</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"1.2.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.1</span></label></div><div data-value=\\"1.2.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.2</span></label></div><div data-value=\\"1.2.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"1.2.2.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2.1</span></label></div><div data-value=\\"1.2.2.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/checkable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>可选:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>严格模式:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'onlyLeaf'\\" value=\\"onlyLeaf\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">onlyLeaf</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'parentFirst'\\" value=\\"parentFirst\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">parentFirst</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'all'\\" value=\\"all\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">all</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">反选</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.1</span></label></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.2</span></label></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.1.2.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2.1</span></label></div><div data-value=\\"1.1.2.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2.2</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"1.2.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.1</span></label></div><div data-value=\\"1.2.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.2</span></label></div><div data-value=\\"1.2.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"1.2.2.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2.1</span></label></div><div data-value=\\"1.2.2.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/controlled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:80px;\\"><label for=\\"\\">选中节点</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">checked:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1.1.1.1, 1.1.1.2\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:80px;\\"><label for=\\"\\">展开节点</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">expanded:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1, 1.1, 1.1.1, 2\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:80px;\\"><label for=\\"\\">高亮节点</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">actived:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"2\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.1</span></label></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.2\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.2</span></label></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-active t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2 这个节点不允许展开, 不允许激活\\" class=\\"t-tree__label t-is-active\\"><span style=\\"position:relative;\\">2 这个节点不允许展开, 不允许激活</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1 这个节点不允许选中\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1 这个节点不允许选中</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/controlled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>选中节点:</span></div><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">checked:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1.2.1, 1.2.2\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>展开节点:</span></div><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">expanded:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1, 1.1\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>高亮节点:</span></div><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">actived:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>可选:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>节点可高亮: </span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>受控同步节点:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">选中节点 1.1</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">激活节点 2</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">展开节点 1.2</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/debug-data.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">数据切换</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">切换数据</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">默认展开全部</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">节点可高亮</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">展开动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"1.2.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/debug-data.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>数据切换</h3></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>切换数据:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>默认展开全部:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>可选:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>节点可高亮:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>展开动画:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label></div><div data-value=\\"t1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1.1</span></label></div><div data-value=\\"t1.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1.1.1</span></label></div><div data-value=\\"t1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1.1.2</span></label></div><div data-value=\\"t1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1.2</span></label></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"1.2.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"t2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2</span></label></div><div data-value=\\"t2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2.1</span></label></div><div data-value=\\"t2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2.2</span></label></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/debug-filter.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">允许折叠</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/debug-filter.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>允许折叠:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>可选:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/debug-performance.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">插入节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">展开动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示连线</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示图标</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入根节点</span></button></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t14\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t14\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t14</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t27\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t27\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t27</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/debug-performance.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">插入节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>展开动画:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>显示连线:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>显示图标:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入根节点</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t14\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t14\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t14</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t27\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t27\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t27</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/debug-state.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入一个根节点</span></button></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"node1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-file\\"><use href=\\"#t-icon-file\\"></use></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"node1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">node1: 1639267200000</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">检查节点信息</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">变更时间</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">变更图标</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"node2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-file\\"><use href=\\"#t-icon-file\\"></use></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"node2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">node2: 1639267200000</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">检查节点信息</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">变更时间</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">变更图标</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/debug-vscroll.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;width:100%;\\"><div class=\\"t-space-item\\"><h3>虚拟滚动 - virtual 模式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>动画:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>显示连线:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>显示图标:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>可选:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>可操作:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">清空 tree</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">level1 节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"10\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">level2 节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"10\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">level3 节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"10\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">构造 tree</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">插入节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入根节点</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\" style=\\"height:300px;\\"><div class=\\"t-tree__empty\\">暂无数据</div></div></div><div class=\\"t-space-item\\"><div style=\\"height:100px;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/debug-vscroll.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;width:100%;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">虚拟滚动 - virtual 模式</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示连线</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示图标</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可操作</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">插入节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入根节点</span></button></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll\\" style=\\"height:300px;\\"><div class=\\"t-tree__vscroll-cursor\\" style=\\"transform:translate(0, 177140px);-ms-transform:translate(0, 177140px);-moz-transform:translate(0, 177140px);-webkit-transform:translate(0, 177140px);\\"></div><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(177140px);-ms-transform:translateY(177140px);-moz-transform:translateY(177140px);-webkit-transform:translateY(177140px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t3\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t3\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t3</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t4\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t4\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t4</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t5\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t5\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t5</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t6\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t6\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t6</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t7\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t7\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t7</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t8\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t8\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t8</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t9\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t9\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t9</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t10\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t10\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t10</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t11\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t11</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t12\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t12\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t12</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t13\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t13\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t13</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t14\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t14\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t14</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t15\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t15\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t15</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t16\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t16\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t16</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t17\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t17\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t17</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t18\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t18\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t18</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t19\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t19\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t19</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t20\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t20\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t20</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t21\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t21\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t21</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t22\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t22\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t22</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t23\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t23\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t23</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t24\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t24\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t24</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t25\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t25\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t25</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t26\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t26\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t26</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t27\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t27\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t27</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t28\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t28\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t28</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t29\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t29\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t29</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t30\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t30\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t30</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></transition-group-stub></div></div><div class=\\"t-space-item\\"><div style=\\"height:100px;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>禁用整个 tree</h3></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>是否禁用整个 tree:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>是否只禁用 checkbox:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-is-disabled t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t843\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t843\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"t844\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t844\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"t845\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t845\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"t846\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t846\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"t847\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t847\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"t848\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t848\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"t849\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t849\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"t850\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t850\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"t851\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t851\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"t852\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t852\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>禁用指定节点</h3></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>禁用指定节点 checkbox:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t853\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t853\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"t854\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t854\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"t855\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t855\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"t856\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t856\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"t857\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t857\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"t858\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t858\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"t859\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t859\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"t860\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t860\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"t861\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t861\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"t862\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t862\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">禁用整个 tree</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">是否禁用整个 tree</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:200;\\"><label for=\\"\\">是否只禁用 checkbox</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:200;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-is-disabled t-tree--hoverable t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11277\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11277\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"t11278\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11278\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"t11279\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11279\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"t11280\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11280\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"t11281\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11281\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"t11282\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11282\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"t11283\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11283\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"t11284\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11284\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"t11285\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11285\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"t11286\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11286\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">禁用指定节点</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:200;\\"><label for=\\"\\">禁用指定节点 checkbox</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:200;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11287\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11287\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"t11288\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11288\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"t11289\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11289\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"t11290\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11290\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"t11291\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11291\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"t11292\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11292\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"t11293\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11293\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"t11294\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11294\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"t11295\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11295\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"t11296\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11296\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/draggable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--draggable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"1.1.1\\" data-level=\\"2\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1</span></span></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1.1</span></span></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1.2</span></span></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2</span></span></div><div data-value=\\"1.1.2.1\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2.1</span></span></div><div data-value=\\"1.1.2.2\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2.2</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/draggable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-05bdc3f1><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-05bdc3f1><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--draggable t-tree--transition\\" data-v-05bdc3f1><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"1.1.1\\" data-level=\\"2\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1</span></span></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1.1</span></span></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1.2</span></span></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2</span></span></div><div data-value=\\"1.1.2.1\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2.1</span></span></div><div data-value=\\"1.1.2.2\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2.2</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/empty.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>默认为空状态</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__empty\\">暂无数据</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>设置 empty 属性为指定字符串</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__empty\\">😊 空数据（string）</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__empty\\"><div>😊 空数据（ empty props ）</div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__empty\\"><div>😊 空数据（slot）</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/empty.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">默认为空状态</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__empty\\">暂无数据</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">设置 empty 属性为指定字符串</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__empty\\">😊 空数据（string）</div></div></div><div class=\\"t-space-item\\"><br></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__empty\\"><div>😊 空数据（ empty props ）</div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__empty\\"><div>😊 空数据（slot）</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/expand-all.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>切换数据:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>展开动画:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t1</span></span></div><div data-value=\\"t1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t1.1</span></span></div><div data-value=\\"t1.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t1.1.1</span></span></div><div data-value=\\"t1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t1.1.2</span></span></div><div data-value=\\"t1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t1.2</span></span></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2.1</span></span></div><div data-value=\\"1.2.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2.2</span></span></div><div data-value=\\"t2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t2</span></span></div><div data-value=\\"t2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t2.1</span></span></div><div data-value=\\"t2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t2.2</span></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/expand-all.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:80px;\\"><label for=\\"\\">切换数据</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:80px;\\"><label for=\\"\\">展开动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11329\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t11330\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t11331\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1</span></span></div><div data-value=\\"t11332\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2</span></span></div><div data-value=\\"t11333\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t11334\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2.1</span></span></div><div data-value=\\"t11335\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2.2</span></span></div><div data-value=\\"t11336\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t11337\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"t11338\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/expand-level.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t915\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t916\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t919\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t922\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t923\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"t924\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/expand-level.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11349\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t11350\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t11353\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t11356\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t11357\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"t11358\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/expand-mutex.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>互斥展开:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>整个节点可点击:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t939\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t946\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/expand-mutex.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:120px;\\"><label for=\\"\\">互斥展开</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:120px;\\"><label for=\\"\\">整个节点可点击</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11373\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t11380\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/filter.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\" style=\\"width:300px;\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\" style=\\"width:300px;\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"allow expand or fold tree nodes on filter\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/filter.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-58473978><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-58473978><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-58473978>默认状态</h3></div><div class=\\"t-space-item\\"><div class=\\"tips\\" data-v-58473978><p data-v-58473978> 过滤动作由 filter 属性的变更触发，所以不能只修改传递给 filter 属性内部的数据，应当在条件变化时变更 filter 属性。 </p><p data-v-58473978>清空过滤条件时，应设置 filter 属性为 null，来触发 tree 组件展示状态还原。</p><p data-v-58473978>allowFoldNodeOnFilter 属性默认为 false，此时过滤状态下展开的路径节点无法被收起。</p></div></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" data-v-58473978><div class=\\"t-form__item t-form-item__\\" data-v-58473978><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\" data-v-58473978><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\" data-v-58473978><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\" data-v-58473978><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:6px;\\" data-v-58473978><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-58473978>allowFoldNodeOnFilter=&quot;true&quot;</h3></div><div class=\\"t-space-item\\"><div class=\\"tips\\" data-v-58473978><p data-v-58473978> allowFoldNodeOnFilter 属性设置为 true 时，过滤状态下展开的节点，允许点击收起，注意这会影响到 tree 组件当前的展开状态数据。 </p><p data-v-58473978>每次变更过滤条件时，会重设节点展开状态，将命中节点的路径节点展开。</p><p data-v-58473978>当清空过滤条件时，将会还原为设置过滤条件之前时的展开状态。</p></div></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" data-v-58473978><div class=\\"t-form__item t-form-item__\\" data-v-58473978><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\" data-v-58473978><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\" data-v-58473978><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\" data-v-58473978><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>属性设置 jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1029\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-folder\\"><use href=\\"#t-icon-folder\\"></use></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t1030\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-folder\\"><use href=\\"#t-icon-folder\\"></use></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1031\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-caret-right\\"><use href=\\"#t-icon-caret-right\\"></use></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t1032\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-caret-right\\"><use href=\\"#t-icon-caret-right\\"></use></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">属性设置 jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11463\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-folder\\"><use href=\\"#t-icon-folder\\"></use></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t11464\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-folder\\"><use href=\\"#t-icon-folder\\"></use></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11465\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-caret-right\\"><use href=\\"#t-icon-caret-right\\"></use></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t11466\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-caret-right\\"><use href=\\"#t-icon-caret-right\\"></use></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/label.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>属性设置 jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1045\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1045, label: 1</strong></span></span></div><div data-value=\\"t1046\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1046, label: 1.1</strong></span></span></div><div data-value=\\"t1047\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1047, label: 1.2</strong></span></span></div><div data-value=\\"t1048\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1048, label: 2</strong></span></span></div><div data-value=\\"t1049\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1049, label: 2.1</strong></span></span></div><div data-value=\\"t1050\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1050, label: 2.2</strong></span></span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1051\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1051\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 1, value: t1051</span></span></label></div><div data-value=\\"t1052\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1052\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 1.1, value: t1052</span></span></label></div><div data-value=\\"t1053\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1053\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 1.2, value: t1053</span></span></label></div><div data-value=\\"t1054\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1054\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 2, value: t1054</span></span></label></div><div data-value=\\"t1055\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1055\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 2.1, value: t1055</span></span></label></div><div data-value=\\"t1056\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1056\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 2.2, value: t1056</span></span></label></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/label.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">属性设置 jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11479\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11479, label: 1</strong></span></span></div><div data-value=\\"t11480\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11480, label: 1.1</strong></span></span></div><div data-value=\\"t11481\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11481, label: 1.2</strong></span></span></div><div data-value=\\"t11482\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11482, label: 2</strong></span></span></div><div data-value=\\"t11483\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11483, label: 2.1</strong></span></span></div><div data-value=\\"t11484\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11484, label: 2.2</strong></span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11485\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11485\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 1, value: t11485</font></span></label></div><div data-value=\\"t11486\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11486\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 1.1, value: t11486</font></span></label></div><div data-value=\\"t11487\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11487\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 1.2, value: t11487</font></span></label></div><div data-value=\\"t11488\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11488\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 2, value: t11488</font></span></label></div><div data-value=\\"t11489\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11489\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 2.1, value: t11489</font></span></label></div><div data-value=\\"t11490\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11490\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 2.2, value: t11490</font></span></label></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/lazy.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>可选:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>严格模式:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/lazy.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-de8eeb80><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-de8eeb80><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-de8eeb80>数据延迟加载</h3></div><div class=\\"t-space-item\\"><div class=\\"tips\\" data-v-de8eeb80><p data-v-de8eeb80>默认为点击加载数据。</p><p data-v-de8eeb80> valueMode 默认为 'onlyLeaf'。选中父节点时，子节点由于未加载，无法更新和获取选中状态，导致无法更新父节点的状态。 </p><p data-v-de8eeb80>所以使用延迟加载时，推荐 valueMode 设置为 'all' 或者 'parentFirst'。</p></div></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" data-v-de8eeb80><div class=\\"t-form__item t-form-item__\\" data-v-de8eeb80><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\" data-v-de8eeb80><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\" data-v-de8eeb80><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">严格模式</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\" data-v-de8eeb80><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\" data-v-de8eeb80><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/line.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-225666c0><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-225666c0><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-225666c0><div class=\\"t-space-item\\"><span data-v-225666c0>显示连线:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\" data-v-225666c0><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-225666c0><div class=\\"t-space-item\\"><span data-v-225666c0>显示图标:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\" data-v-225666c0><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-225666c0><div class=\\"t-space-item\\"><h3 data-v-225666c0>默认样式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\" data-v-225666c0><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1</span></span></div><div data-value=\\"2.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:3;box-shadow:calc(-1 * var(--space)) 0 var(--color),calc(-2 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1</span></span></div><div data-value=\\"2.1.1.1.1\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:4;box-shadow:calc(-2 * var(--space)) 0 var(--color),calc(-3 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.1</span></span></div><div data-value=\\"2.1.1.1.2\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:4;box-shadow:calc(-2 * var(--space)) 0 var(--color),calc(-3 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.2</span></span></div><div data-value=\\"2.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.2</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div><div data-value=\\"3\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"3\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3</span></span></div><div data-value=\\"3.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.1</span></span></div><div data-value=\\"3.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.2</span></span></div><div data-value=\\"4\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"4\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">4</span></span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-line t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-225666c0><div class=\\"t-space-item\\"><h3 data-v-225666c0>使用属性结合 jsx 来自定义呈现</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\" data-v-225666c0><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-first\\"><div class=\\"custom-line-box\\"></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line\\"><div class=\\"custom-line-box\\"></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first\\"><div class=\\"custom-line-box\\"><span></span></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-first\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span></span></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1</span></span></div><div data-value=\\"2.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><div class=\\"custom-line custom-line-first custom-line-last\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span class=\\"custom-line-cross\\"></span><span></span></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1</span></span></div><div data-value=\\"2.1.1.1.1\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span class=\\"custom-line-cross\\"></span><span></span><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.1</span></span></div><div data-value=\\"2.1.1.1.2\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span class=\\"custom-line-cross\\"></span><span></span><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.2</span></span></div><div data-value=\\"2.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.2</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div><div data-value=\\"3\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line\\"><div class=\\"custom-line-box\\"></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"3\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3</span></span></div><div data-value=\\"3.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.1</span></span></div><div data-value=\\"3.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.2</span></span></div><div data-value=\\"4\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"4\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">4</span></span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-line t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-225666c0><div class=\\"t-space-item\\"><h3 data-v-225666c0>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\" data-v-225666c0><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-first\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-first\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1</span></span></div><div data-value=\\"2.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><div class=\\"custom-line custom-line-first custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1</span></span></div><div data-value=\\"2.1.1.1.1\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.1</span></span></div><div data-value=\\"2.1.1.1.2\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.2</span></span></div><div data-value=\\"2.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.2</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div><div data-value=\\"3\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"3\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3</span></span></div><div data-value=\\"3.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.1</span></span></div><div data-value=\\"3.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.2</span></span></div><div data-value=\\"4\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"4\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">4</span></span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/line.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-225666c0><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-225666c0><div class=\\"t-space-item\\"><form class=\\"t-form\\" data-v-225666c0><div class=\\"t-form__item t-form-item__\\" data-v-225666c0><div class=\\"t-form__label t-form__label--left\\" style=\\"width:100px;\\"><label for=\\"\\">显示连线</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\" data-v-225666c0><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\" data-v-225666c0><div class=\\"t-form__label t-form__label--left\\" style=\\"width:100px;\\"><label for=\\"\\">显示图标</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\" data-v-225666c0><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-225666c0><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-225666c0>默认样式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\" data-v-225666c0><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1</span></span></div><div data-value=\\"2.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:3;box-shadow:calc(-1 * var(--space)) 0 var(--color),calc(-2 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1</span></span></div><div data-value=\\"2.1.1.1.1\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:4;box-shadow:calc(-2 * var(--space)) 0 var(--color),calc(-3 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.1</span></span></div><div data-value=\\"2.1.1.1.2\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:4;box-shadow:calc(-2 * var(--space)) 0 var(--color),calc(-3 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.2</span></span></div><div data-value=\\"2.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.2</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div><div data-value=\\"3\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"3\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3</span></span></div><div data-value=\\"3.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.1</span></span></div><div data-value=\\"3.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.2</span></span></div><div data-value=\\"4\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"4\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">4</span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-line t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-225666c0><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-225666c0>使用属性结合 jsx 来自定义呈现</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\" data-v-225666c0><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-first\\"><div class=\\"custom-line-box\\"></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line\\"><div class=\\"custom-line-box\\"></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first\\"><div class=\\"custom-line-box\\"><span></span></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-first\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span></span></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1</span></span></div><div data-value=\\"2.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><div class=\\"custom-line custom-line-first custom-line-last\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span class=\\"custom-line-cross\\"></span><span></span></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1</span></span></div><div data-value=\\"2.1.1.1.1\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span class=\\"custom-line-cross\\"></span><span></span><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.1</span></span></div><div data-value=\\"2.1.1.1.2\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span class=\\"custom-line-cross\\"></span><span></span><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.2</span></span></div><div data-value=\\"2.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.2</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div><div data-value=\\"3\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line\\"><div class=\\"custom-line-box\\"></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"3\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3</span></span></div><div data-value=\\"3.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.1</span></span></div><div data-value=\\"3.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.2</span></span></div><div data-value=\\"4\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"4\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">4</span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-line t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-225666c0><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-225666c0>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\" data-v-225666c0><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-first\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-first\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1</span></span></div><div data-value=\\"2.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><div class=\\"custom-line custom-line-first custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1</span></span></div><div data-value=\\"2.1.1.1.1\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.1</span></span></div><div data-value=\\"2.1.1.1.2\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.2</span></span></div><div data-value=\\"2.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.2</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div><div data-value=\\"3\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"3\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3</span></span></div><div data-value=\\"3.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.1</span></span></div><div data-value=\\"3.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.2</span></span></div><div data-value=\\"4\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"4\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">4</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/load.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>可选:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">重新加载数据</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__empty\\">暂无数据</div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/load.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:60px;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:60px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><div class=\\"t-loading--center t-size-m t-loading\\"><svg viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"medium\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><div class=\\"t-loading--center t-size-m t-loading\\"><svg viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"medium\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/operations.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-operations t-space t-space-vertical\\" style=\\"gap:16px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>插入节点使用高亮节点:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>子节点展开触发父节点展开:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"node1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"node1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1 | value: node1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">前插节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">后插节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></div></span></div><div data-value=\\"node2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"node2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2 | value: node2</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">前插节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">后插节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></div></span></div></div></div></div><div class=\\"t-space-item\\"><h3>操作树节点</h3></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">获取 value 为 'node1' 的单个节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">获取所有节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">获取高亮节点的所有子节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">获取所有高亮节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">获取高亮节点下的选中节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">插入一个根节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">获取高亮节点的父节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">获取高亮节点的所有父节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">获取高亮节点在子节点中的位置</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">选中高亮节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">展开高亮节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">获取高亮节点与其子节点的数据</span></button></div></div></div><div class=\\"t-space-item\\"><div>* 相关信息通过控制台输出</div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/operations.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;width:100%;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">属性结合 jsx 形式传递</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"node1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1 | value: node1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1 | value: node1</span></span><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\">value: node1</span></div><div data-value=\\"node2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2 | value: node2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2 | value: node2</span></span><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\">value: node2</span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-operations t-space t-space-vertical\\" style=\\"gap:10px;width:100%;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">slot 形式</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:200px;\\"><label for=\\"\\">插入节点使用高亮节点</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:200px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:200px;\\"><label for=\\"\\">子节点展开触发父节点展开</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:200px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"node1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"node1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1 | value: node1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">前插节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">后插节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></div></span></div><div data-value=\\"node2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"node2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2 | value: node2</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">前插节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">后插节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></div></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-operations t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">操作树节点</h3></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">获取 value 为 'node1' 的单个节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">获取所有节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">获取高亮节点的所有子节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">获取所有高亮节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">获取高亮节点下的选中节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入一个根节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">获取高亮节点的父节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">获取高亮节点的所有父节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">获取高亮节点在子节点中的位置</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">选中高亮节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">展开高亮节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">获取高亮节点与其子节点的数据</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"tips\\"><p>* 相关信息通过控制台输出</p></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/state.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入一个根节点</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"node1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-file\\"><use href=\\"#t-icon-file\\"></use></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"node1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">node1: --</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">检查节点信息</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">变更时间</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">变更图标</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"node2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-file\\"><use href=\\"#t-icon-file\\"></use></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"node2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">node2: --</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">检查节点信息</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">变更时间</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">变更图标</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/sync.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">checked:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"{1.1.1.1}, {1.1.1.2}\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">expanded:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"{1}, {1.1}, {1.1.1}, {2}\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">actived:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"{2}\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.1</span></label></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.2\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.2</span></label></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-active t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label t-is-active\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/sync.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">checked:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"{1.1.1.1}, {1.1.1.2}\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">expanded:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"{1}, {1.1}, {1.1.1}, {2}\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">actived:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"{2}\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.1</span></label></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.2\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.2</span></label></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-active t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label t-is-active\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/transition.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:80px;\\"><label for=\\"\\">展开动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:80px;\\"><label for=\\"\\">显示连线</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:80px;\\"><label for=\\"\\">显示图标</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label></div><div data-value=\\"t2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2</span></label></div><div data-value=\\"t3\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t3\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t3</span></label></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/transition.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>展开动画:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>显示连线:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>显示图标:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label></div><div data-value=\\"t2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2</span></label></div><div data-value=\\"t3\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t3\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t3</span></label></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/vscroll.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-vscroll-lazy t-space t-space-vertical\\" style=\\"gap:10px;width:80%;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">虚拟滚动 - lazy模式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree__lazyload\\" style=\\"height:300px;\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t3\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t4\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t5\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t6\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t7\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t8\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t9\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t10\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t11\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t12\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t13\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t14\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t15\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t16\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t17\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t18\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t19\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t20\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t21\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t22\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t23\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t24\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t25\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t26\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t27\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t28\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t29\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t30\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t31\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t32\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t33\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t34\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t35\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t36\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t37\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t38\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t39\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t40\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t41\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t42\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t43\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t44\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t45\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t46\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t47\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t48\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t49\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t50\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t51\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t52\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t53\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t54\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t55\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t56\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t57\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t58\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t59\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t60\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t61\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t62\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t63\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t64\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t65\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t66\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t67\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t68\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t69\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t70\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t71\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t72\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t73\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t74\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t75\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t76\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t77\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t78\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t79\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t80\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t81\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t82\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t83\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t84\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t85\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t86\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t87\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t88\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t89\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t90\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t91\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t92\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t93\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t94\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t95\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t96\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t97\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t98\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t99\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t100\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t101\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t102\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t103\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t104\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t105\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t106\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t107\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t108\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t109\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t110\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t111\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t112\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t113\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t114\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t115\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t116\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t117\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t118\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t119\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t120\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t121\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t122\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t123\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t124\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t125\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t126\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t127\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t128\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t129\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t130\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t131\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t132\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t133\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t134\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t135\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t136\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t137\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t138\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t139\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t140\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t141\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t142\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t143\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t144\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t145\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t146\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t147\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t148\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t149\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t150\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t151\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t152\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t153\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t154\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t155\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;width:100%;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">虚拟滚动 - virtual 模式</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示连线</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示图标</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可操作</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">插入节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入根节点</span></button></div></div></div></form></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll\\" style=\\"height:300px;\\"><div class=\\"t-tree__vscroll-cursor\\" style=\\"transform:translate(0, 5270px);-ms-transform:translate(0, 5270px);-moz-transform:translate(0, 5270px);-webkit-transform:translate(0, 5270px);\\"></div><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(5270px);-ms-transform:translateY(5270px);-moz-transform:translateY(5270px);-webkit-transform:translateY(5270px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t3\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t3\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t3</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t4\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t4\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t4</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t5\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t5\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t5</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t6\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t6\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t6</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t7\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t7\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t7</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t8\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t8\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t8</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t9\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t9\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t9</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t10\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t10\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t10</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t11\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t11</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t12\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t12\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t12</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t13\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t13\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t13</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t14\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t14\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t14</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t15\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t15\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t15</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t16\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t16\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t16</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t17\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t17\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t17</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t18\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t18\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t18</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t19\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t19\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t19</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t20\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t20\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t20</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t21\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t21\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t21</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t22\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t22\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t22</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t23\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t23\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t23</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t24\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t24\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t24</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t25\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t25\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t25</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t26\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t26\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t26</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t27\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t27\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t27</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t28\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t28\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t28</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t29\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t29\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t29</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t30\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t30\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t30</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></transition-group-stub></div></div><div class=\\"t-space-item\\"><div style=\\"height:100px;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/vscroll.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;width:80%;\\"><div class=\\"t-space-item\\"><h3>虚拟滚动 - virtual 模式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>动画:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>显示连线:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>显示图标:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>可选:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>可操作:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">插入节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入根节点</span></button></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll\\" style=\\"height:300px;\\"><div class=\\"t-tree__vscroll-cursor\\" style=\\"transform:translate(0, 5270px);-ms-transform:translate(0, 5270px);-moz-transform:translate(0, 5270px);-webkit-transform:translate(0, 5270px);\\"></div><div class=\\"t-tree__list\\" style=\\"transform:translateY(5270px);-ms-transform:translateY(5270px);-moz-transform:translateY(5270px);-webkit-transform:translateY(5270px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t3\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t3\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t3</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t4\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t4\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t4</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t5\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t5\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t5</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t6\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t6\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t6</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t7\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t7\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t7</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t8\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t8\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t8</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t9\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t9\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t9</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t10\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t10\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t10</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t11\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t11</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t12\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t12\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t12</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t13\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t13\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t13</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t14\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t14\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t14</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t15\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t15\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t15</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t16\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t16\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t16</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t17\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t17\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t17</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t18\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t18\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t18</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t19\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t19\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t19</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t20\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t20\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t20</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t21\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t21\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t21</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t22\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t22\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t22</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t23\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t23\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t23</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t24\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t24\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t24</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t25\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t25\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t25</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t26\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t26\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t26</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t27\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t27\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t27</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t28\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t28\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t28</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t29\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t29\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t29</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t30\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t30\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t30</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></div><div style=\\"width:1px;height:1px;opacity:0;pointer-events:none;position:absolute;left:0;top:5270px;\\"></div></div></div><div class=\\"t-space-item\\"><div style=\\"height:100px;\\"></div></div></div>"`;
+
+exports[`ssr snapshot test > renders ./src/tree/_example/vscroll-lazy.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;width:80%;\\"><div class=\\"t-space-item\\"><h3>虚拟滚动 - lazy模式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree__lazyload\\" style=\\"height:300px;\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t3\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t4\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t5\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t6\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t7\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t8\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t9\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t10\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t11\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t12\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t13\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t14\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t15\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t16\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t17\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t18\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t19\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t20\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t21\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t22\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t23\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t24\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t25\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t26\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t27\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t28\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t29\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t30\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t31\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t32\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t33\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t34\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t35\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t36\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t37\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t38\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t39\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t40\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t41\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t42\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t43\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t44\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t45\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t46\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t47\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t48\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t49\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t50\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t51\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t52\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t53\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t54\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t55\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t56\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t57\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t58\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t59\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t60\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t61\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t62\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t63\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t64\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t65\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t66\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t67\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t68\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t69\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t70\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t71\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t72\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t73\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t74\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t75\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t76\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t77\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t78\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t79\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t80\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t81\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t82\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t83\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t84\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t85\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t86\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t87\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t88\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t89\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t90\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t91\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t92\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t93\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t94\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t95\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t96\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t97\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t98\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t99\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t100\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t101\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t102\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t103\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t104\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t105\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t106\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t107\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t108\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t109\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t110\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t111\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t112\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t113\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t114\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t115\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t116\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t117\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t118\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t119\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t120\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t121\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t122\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t123\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t124\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t125\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t126\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t127\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t128\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t129\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t130\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t131\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t132\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t133\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t134\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t135\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t136\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t137\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t138\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t139\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t140\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t141\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t142\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t143\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t144\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t145\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t146\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t147\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t148\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t149\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t150\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t151\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t152\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t153\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t154\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t155\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"height:100px;\\"></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tree-select/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:500px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请选择（仅显示叶子节点）\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:500px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\">单选：</div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择（显示选中节点的全部路径）\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div>"`;