diff --git a/src/_common b/src/_common
index a0550e969..4dc0ebb13 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit a0550e96937b58f77a692c6742724f8c9d752d26
+Subproject commit 4dc0ebb13ab40e37705aaff430d9792a5bc95e1d
diff --git a/src/tree/__tests__/debug.md b/src/tree/__tests__/debug.md
index 5e8f651b4..cebbe0395 100644
--- a/src/tree/__tests__/debug.md
+++ b/src/tree/__tests__/debug.md
@@ -15,8 +15,6 @@ tree 针对性测试命令:
 ```bash
 # 执行单测
 npx vitest ./src/tree/__tests__/
-# 更新单测快照
-npx vitest --updateSnapshot ./src/tree/__tests__/
 ```
 
 ## 调试界面
diff --git a/src/tree/_example/activable.vue b/src/tree/_example/activable.vue
index 63d4ea6c6..1ca747582 100644
--- a/src/tree/_example/activable.vue
+++ b/src/tree/_example/activable.vue
@@ -69,12 +69,18 @@ export default {
   methods: {
     onClick(context) {
       console.info('onClick', context);
+      const { node } = context;
+      console.info(node.value, 'actived:', node.actived);
     },
     onActive(value, context) {
       console.info('onActive', value, context);
+      const { node } = context;
+      console.info(node.value, 'actived:', node.actived);
     },
     propOnActive(value, context) {
       console.info('propOnActive', value, context);
+      const { node } = context;
+      console.info(node.value, 'actived:', node.actived);
     },
     toggleActivable() {
       this.activable = !this.activable;
diff --git a/src/tree/_example/checkable.vue b/src/tree/_example/checkable.vue
index 9fb61ecdd..04bf7c201 100644
--- a/src/tree/_example/checkable.vue
+++ b/src/tree/_example/checkable.vue
@@ -152,12 +152,18 @@ export default {
   methods: {
     onClick(context) {
       console.info('onClick:', context);
+      const { node } = context;
+      console.info(node.value, 'checked:', node.checked);
     },
     onChange(checked, context) {
       console.info('onChange:', checked, context);
+      const { node } = context;
+      console.info(node.value, 'checked:', node.checked);
     },
     propOnChange(checked, context) {
       console.info('propOnChange:', checked, context);
+      const { node } = context;
+      console.info(node.value, 'checked:', node.checked);
     },
     selectInvert() {
       const { tree } = this.$refs;
diff --git a/src/tree/_example/controlled.vue b/src/tree/_example/controlled.vue
index 77c19a6c8..13d038e3a 100644
--- a/src/tree/_example/controlled.vue
+++ b/src/tree/_example/controlled.vue
@@ -169,24 +169,34 @@ export default {
   methods: {
     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);
     },
     onChange(vals, context) {
       console.info('onChange:', vals, context);
       const checked = vals.filter((val) => val !== '2.1');
       console.info('节点 2.1 不允许选中');
       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 { node } = context;
+      console.info(node.value, 'actived:', node.actived);
     },
   },
 };
diff --git a/src/tree/_example/debug-vscroll.vue b/src/tree/_example/debug-vscroll.vue
index 0436ec5ed..fb3106da3 100644
--- a/src/tree/_example/debug-vscroll.vue
+++ b/src/tree/_example/debug-vscroll.vue
@@ -28,6 +28,11 @@
         <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>
     <t-tree
@@ -42,6 +47,7 @@
       :line="showLine"
       :icon="showIcon"
       :label="label"
+      :filter="filterByText"
       :scroll="{
         rowHeight: 34,
         bufferSize: 10,
@@ -62,7 +68,7 @@
 </template>
 
 <script>
-const allLevels = [5, 5, 5];
+const allLevels = [10, 20, 25];
 
 function createTreeData() {
   let cacheIndex = 0;
@@ -114,27 +120,10 @@ export default {
       isCheckable: true,
       isOperateAble: true,
       items: virtualTree.items,
+      filterText: '',
+      filterByText: null,
     };
   },
-  computed: {
-    scroll() {
-      const { scrollMode } = this;
-      if (scrollMode === 'normal') {
-        return null;
-      }
-      const scrollProps = {
-        rowHeight: 34,
-        bufferSize: 10,
-        threshold: 10,
-      };
-      if (scrollMode === 'lazy') {
-        scrollProps.type = 'lazy';
-      } else {
-        scrollProps.type = 'virtual';
-      }
-      return scrollProps;
-    },
-  },
   methods: {
     label(createElement, node) {
       return `${node.value}`;
@@ -162,6 +151,22 @@ export default {
     remove(node) {
       node.remove();
     },
+    onInput(state) {
+      console.info('onInput:', state);
+      if (this.filterText) {
+        // 存在过滤文案，才启用过滤
+        this.filterByText = (node) => {
+          const rs = node.value.indexOf(this.filterText) >= 0;
+          // 命中的节点会强制展示
+          // 命中节点的路径节点会锁定展示
+          // 未命中的节点会隐藏
+          return rs;
+        };
+      } else {
+        // 过滤文案为空，则还原 tree 为无过滤状态
+        this.filterByText = null;
+      }
+    },
   },
 };
 </script>
diff --git a/src/tree/hooks/useTreeNodes.tsx b/src/tree/hooks/useTreeNodes.tsx
index b1e1cb8f2..47b3498aa 100644
--- a/src/tree/hooks/useTreeNodes.tsx
+++ b/src/tree/hooks/useTreeNodes.tsx
@@ -1,5 +1,5 @@
 import { CreateElement } from 'vue';
-import { ref, nextTick, SetupContext } from '@vue/composition-api';
+import { ref, SetupContext } from '@vue/composition-api';
 import {
   TypeVNode, TypeTreeRow, TypeTreeNode, TreeProps, TypeTreeState,
 } from '../interface';
@@ -15,12 +15,48 @@ export default function useTreeNodes(props: TreeProps, context: SetupContext, st
   } = treeState;
 
   const { handleClick, handleChange } = useTreeEvents(props, context, state);
+  const nodesEmpty = ref(false);
+  // 用于存储已呈现节点的缓存
+  const cacheMap = new Map();
+
+  const refresh = () => {
+    let list: TypeTreeNode[] = [];
+    const allNodes = store.getNodes();
+    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);
+        }
+      });
+    }
+    // 渲染为平铺列表
+    nodes.value = list;
+  };
 
   // 创建单个 tree 节点
   const renderItem = (h: CreateElement, node: TypeTreeRow, index: number) => {
     const { expandOnClickNode } = props;
     const rowIndex = node.__VIRTUAL_SCROLL_INDEX || index;
-
     const treeItem = (
       <TreeItem
         key={node[privateKey]}
@@ -35,57 +71,8 @@ export default function useTreeNodes(props: TreeProps, context: SetupContext, st
     return treeItem;
   };
 
-  const cacheMap = new Map();
-
-  const nodesEmpty = ref(false);
-  const refresh = () => {
-    // 渲染为平铺列表
-    nodes.value = store.getNodes();
-  };
-
   const renderTreeNodes = (h: CreateElement) => {
-    let treeNodeViews: TypeVNode[] = [];
-    let isEmpty = true;
-    let list = nodes.value;
-
-    const isVirtual = virtualConfig?.isVirtualScroll.value;
-    if (isVirtual) {
-      list = virtualConfig.visibleData.value;
-      nodesEmpty.value = list.length <= 0;
-      // 虚拟滚动只渲染可见节点
-      treeNodeViews = list.map((node: TypeTreeNode, index) => renderItem(h, node, index));
-    } else {
-      treeNodeViews = list.map((node: TypeTreeNode, index) => {
-        const nodePrivateKey = node[privateKey];
-        // 如果节点已经存在，则使用缓存节点
-        // 不可见的节点，缓存中存在，则依然会保留
-        let nodeView: TypeVNode = cacheMap.get(nodePrivateKey);
-        if (node.visible) {
-          // 任意一个节点可视，过滤结果就不是空
-          isEmpty = false;
-          // 如果节点未曾创建，则临时创建
-          if (!nodeView) {
-            // 初次仅渲染可显示的节点
-            // 不存在节点视图，则创建该节点视图并插入到当前位置
-            nodeView = renderItem(h, node, index);
-            cacheMap.set(nodePrivateKey, nodeView);
-          }
-        }
-        return nodeView;
-      });
-      nodesEmpty.value = isEmpty;
-
-      // 更新缓存后，被删除的节点要移除掉，避免内存泄露
-      nextTick(() => {
-        cacheMap.forEach((view: TypeVNode, nodePrivateKey: string) => {
-          const node = store.privateMap.get(nodePrivateKey);
-          if (!node) {
-            cacheMap.delete(nodePrivateKey);
-          }
-        });
-      });
-    }
-
+    const treeNodeViews: TypeVNode[] = nodes.value.map((node: TypeTreeNode, index) => renderItem(h, node, index));
     return treeNodeViews;
   };
 
diff --git a/src/tree/hooks/useTreeScroll.ts b/src/tree/hooks/useTreeScroll.ts
index 9eda8e87c..3bc6f63af 100644
--- a/src/tree/hooks/useTreeScroll.ts
+++ b/src/tree/hooks/useTreeScroll.ts
@@ -10,7 +10,7 @@ import { TreeProps, TypeTreeState, TypeTimer } from '../interface';
 export default function useTreeScroll(props: TreeProps, context: SetupContext, state: TypeTreeState) {
   const treeState = state;
   const {
-    scope, treeContentRef, nodes, isScrolling,
+    allNodes, nodes, scope, treeContentRef, isScrolling,
   } = treeState;
 
   const scrollProps: Ref<TScroll> = computed(() => ({
@@ -22,7 +22,7 @@ export default function useTreeScroll(props: TreeProps, context: SetupContext, s
 
   // 虚拟滚动
   const virtualScrollParams = computed(() => {
-    const list = nodes.value.filter((node: TreeNode) => node.visible);
+    const list = allNodes.value.filter((node: TreeNode) => node.visible);
     return {
       data: list,
       scroll: scrollProps.value,
@@ -70,6 +70,7 @@ export default function useTreeScroll(props: TreeProps, context: SetupContext, s
     if (lastScrollY !== top) {
       if (isVirtual) {
         virtualConfig.handleScroll();
+        nodes.value = virtualConfig.visibleData.value;
       }
     } else {
       lastScrollY = 0;
diff --git a/src/tree/hooks/useTreeState.ts b/src/tree/hooks/useTreeState.ts
index 8a2c4e2e0..8a7ece3e5 100644
--- a/src/tree/hooks/useTreeState.ts
+++ b/src/tree/hooks/useTreeState.ts
@@ -6,8 +6,11 @@ import TreeNode from '../../_common/js/tree/tree-node';
 export default function useTreeState(props: TreeProps, store: TypeTreeStore) {
   const treeContentRef = ref<HTMLDivElement>();
   const nodes: Ref<TreeNode[]> = ref([]);
+  const allNodes: Ref<TreeNode[]> = ref([]);
   const isScrolling: Ref<boolean> = ref(false);
 
+  allNodes.value = store.getNodes();
+
   const state: TypeTreeState = {
     // tree 数据对象
     store,
@@ -15,6 +18,8 @@ export default function useTreeState(props: TreeProps, store: TypeTreeStore) {
     treeContentRef,
     // 渲染节点
     nodes,
+    // 所有节点
+    allNodes,
     // 是否正在滚动
     isScrolling,
     // 缓存点击事件
diff --git a/src/tree/hooks/useTreeStore.ts b/src/tree/hooks/useTreeStore.ts
index 707c3be0b..887eaa445 100644
--- a/src/tree/hooks/useTreeStore.ts
+++ b/src/tree/hooks/useTreeStore.ts
@@ -75,6 +75,7 @@ export default function useTreeStore(props: TreeProps, context: SetupContext) {
   // 所以在 update 之后检查，如果之前 filter 有变更，则检查路径节点是否需要展开
   // 如果 filter 属性被清空，则重置为开启搜索之前的结果
   const expandFilterPath = () => {
+    if (!props.allowFoldNodeOnFilter) return;
     if (!filterChanged) return;
     // 确保 filter 属性未变更时，不会重复检查展开状态
     filterChanged = false;
@@ -102,7 +103,7 @@ export default function useTreeStore(props: TreeProps, context: SetupContext) {
   };
 
   // 这个方法监听 filter 属性，仅在 allowFoldNodeOnFilter 属性为 true 时生效
-  // 仅在 filter 属性发生变更时开启检查开关，避免其他操作也触发展开状态的充值
+  // 仅在 filter 属性发生变更时开启检查开关，避免其他操作也触发展开状态的重置
   const checkFilterExpand = (newFilter: null | Function, previousFilter: null | Function) => {
     if (!props.allowFoldNodeOnFilter) return;
     filterChanged = newFilter !== previousFilter;
diff --git a/src/tree/interface.ts b/src/tree/interface.ts
index 5f4d9b8b7..b4c7fce80 100644
--- a/src/tree/interface.ts
+++ b/src/tree/interface.ts
@@ -105,6 +105,7 @@ export interface TypeTreeState {
   scope: TypeTreeScope;
   store: TypeTreeStore;
   nodes: Ref<TreeNode[]>;
+  allNodes: Ref<TreeNode[]>;
   isScrolling: Ref<boolean>;
   treeContentRef: Ref<HTMLDivElement>;
   mouseEvent?: Event;
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index fab602779..037c07851 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -37021,7 +37021,11 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
     class="t-tree t-tree--transition"
     data-v-96b659ea=""
   >
-    <div />
+    <div
+      class="t-tree__empty"
+    >
+      Tree Empty Data
+    </div>
   </div>
   <br
     data-v-96b659ea=""
@@ -146605,6 +146609,46 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
               </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=""
+                        class="t-input__inner"
+                        placeholder="请输入"
+                        type="text"
+                        unselectable="off"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
         </form>
       </div>
     </div>
@@ -146620,1487 +146664,2075 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
         class="t-tree__vscroll-cursor"
         style="transform: translate(0, 0px);"
       />
-      <div />
-    </div>
-  </div>
-  <div
-    class="t-space-item"
-  >
-    <div
-      style="height: 100px;"
-    />
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/disabled.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"
-        >
-          禁用整个 tree
-        </h3>
-      </div>
-      <div
-        class="t-space-item"
+      <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"
       >
-        <form
-          class="t-form"
+        <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
-            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"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 16 16"
+              width="1em"
             >
-              <label
-                for=""
-              >
-                是否禁用整个 tree
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
+              <path
+                d="M6 5v6l4.5-3L6 5z"
+                fill="currentColor"
+                fill-opacity="0.9"
+              />
+            </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
-                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__"
+              t1
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
           >
             <div
-              class="t-form__label t-form__label--right"
+              class="tdesign-demo-block-row"
             >
-              <label
-                for=""
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                是否只禁用 checkbox
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <div
-                  class="t-switch t-size-m"
+                <span
+                  class="t-button__text"
                 >
-                  <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
+                  删除
+                </span>
+              </button>
             </div>
-          </div>
-        </form>
-      </div>
-      <div
-        class="t-space-item"
-      >
+          </span>
+        </div>
         <div
-          class="t-tree t-is-disabled 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="t2"
+          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 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 16 16"
+              width="1em"
+            >
+              <path
+                d="M6 5v6l4.5-3L6 5z"
+                fill="currentColor"
+                fill-opacity="0.9"
+              />
+            </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--open t-is-disabled t-tree__item--visible"
-              data-level="0"
-              data-value="t574"
-              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 16 16"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-is-disabled t-tree__label"
-                disabled="disabled"
-                ignore="expand,active"
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  disabled="disabled"
-                  name="t574"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  1
+                  删除
                 </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-disabled t-tree__item--visible"
-              data-level="1"
-              data-value="t575"
-              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 16 16"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-is-disabled t-tree__label"
-                disabled="disabled"
-                ignore="expand,active"
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  disabled="disabled"
-                  name="t575"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  1.1
+                  删除
                 </span>
-              </label>
+              </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--open t-is-disabled t-tree__item--visible"
-              data-level="2"
-              data-value="t576"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-is-disabled t-tree__label"
-                disabled="disabled"
-                ignore="expand,active"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  disabled="disabled"
-                  name="t576"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  1.1.1
+                  添加子节点
                 </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
-              data-level="2"
-              data-value="t577"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-is-disabled t-tree__label"
-                disabled="disabled"
-                ignore="expand,active"
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  disabled="disabled"
-                  name="t577"
-                  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="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"
+            >
+              t5
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
-              data-level="1"
-              data-value="t578"
-              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 16 16"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-is-disabled t-tree__label"
-                disabled="disabled"
-                ignore="expand,active"
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  disabled="disabled"
-                  name="t578"
-                  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="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"
+            >
+              t6
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
-              data-level="2"
-              data-value="t579"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-is-disabled t-tree__label"
-                disabled="disabled"
-                ignore="expand,active"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  disabled="disabled"
-                  name="t579"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  1.2.1
+                  添加子节点
                 </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
-              data-level="2"
-              data-value="t580"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-is-disabled t-tree__label"
-                disabled="disabled"
-                ignore="expand,active"
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  disabled="disabled"
-                  name="t580"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  1.2.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="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"
+            >
+              t7
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
-              data-level="0"
-              data-value="t581"
-              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 16 16"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-is-disabled t-tree__label"
-                disabled="disabled"
-                ignore="expand,active"
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  disabled="disabled"
-                  name="t581"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  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="t8"
+          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="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--open t-is-disabled t-tree__item--visible"
-              data-level="1"
-              data-value="t582"
-              draggable="false"
-              style="--level: 1;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-is-disabled t-tree__label"
-                disabled="disabled"
-                ignore="expand,active"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  disabled="disabled"
-                  name="t582"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
+                  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-checkbox__label"
+                  class="t-button__text"
                 >
-                  2.1
+                  删除
                 </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"
+            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--open t-is-disabled t-tree__item--visible"
-              data-level="1"
-              data-value="t583"
-              draggable="false"
-              style="--level: 1;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-is-disabled t-tree__label"
-                disabled="disabled"
-                ignore="expand,active"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  disabled="disabled"
-                  name="t583"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
+                  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-checkbox__label"
+                  class="t-button__text"
                 >
-                  2.2
+                  删除
                 </span>
-              </label>
+              </button>
             </div>
-          </transition-group-stub>
+          </span>
         </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-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t10"
+          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--right"
+            <input
+              class="t-checkbox__former"
+              name="t10"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <label
-                for=""
-              >
-                禁用指定节点 checkbox
-              </label>
-            </div>
+              t10
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-form__controls"
+              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="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"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t11"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              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="0"
-              data-value="t584"
-              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 16 16"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </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="t584"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  1
+                  删除
                 </span>
-              </label>
+              </button>
             </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"
+            >
+              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="t585"
-              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 16 16"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-is-disabled t-tree__label"
-                ignore="expand,active"
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  disabled="disabled"
-                  name="t585"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  1.1
+                  删除
                 </span>
-              </label>
+              </button>
             </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"
+            >
+              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="t586"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox 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="t586"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  1.1.1
+                  添加子节点
                 </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t587"
-              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"
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="t587"
-                  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="2"
+          data-value="t14"
+          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="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="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t588"
-              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 16 16"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-is-disabled t-tree__label"
-                ignore="expand,active"
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  disabled="disabled"
-                  name="t588"
-                  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="t15"
+          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="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="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t589"
-              draggable="false"
-              style="--level: 2;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox 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="t589"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  1.2.1
+                  添加子节点
                 </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t590"
-              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"
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="t590"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  1.2.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="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"
+            >
+              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="0"
-              data-value="t591"
-              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 16 16"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </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="t591"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                  class="t-button__text"
                 >
-                  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="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="1"
-              data-value="t592"
-              draggable="false"
-              style="--level: 1;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-is-disabled t-tree__label"
-                ignore="expand,active"
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                <input
-                  class="t-checkbox__former"
-                  disabled="disabled"
-                  name="t592"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
+                  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-checkbox__label"
+                  class="t-button__text"
                 >
-                  2.1
+                  删除
                 </span>
-              </label>
+              </button>
             </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"
+            >
+              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="1"
-              data-value="t593"
-              draggable="false"
-              style="--level: 1;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox 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="t593"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
+                  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-checkbox__label"
+                  class="t-button__text"
                 >
-                  2.2
+                  删除
                 </span>
-              </label>
+              </button>
             </div>
-          </transition-group-stub>
+          </span>
         </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-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;"
->
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-space t-space-vertical"
-      data-v-05bdc3f1=""
-      style="gap: 10px;"
-    >
-      <div
-        class="t-space-item"
-      >
         <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--visible"
+          data-level="2"
+          data-value="t19"
+          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"
+          >
+            <input
+              class="t-checkbox__former"
+              name="t19"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t19
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,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;"
+              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 16 16"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="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"
                 >
-                  1
+                  删除
                 </span>
-              </span>
+              </button>
             </div>
+          </span>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t20"
+          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="t20"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t20
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <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;"
+              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 16 16"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1.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"
                 >
-                  1.1
+                  删除
                 </span>
-              </span>
+              </button>
             </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"
+            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"
+            >
+              t21
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <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;"
+              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 16 16"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1.1.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"
                 >
-                  1.1.1
+                  删除
                 </span>
-              </span>
+              </button>
             </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"
+            >
+              t22
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <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;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="1.1.1.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"
                 >
-                  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"
+              </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"
                 >
-                  1.1.1.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="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--draggable t-tree__item--visible"
-              data-level="2"
-              data-value="1.1.2"
-              draggable="true"
-              style="--level: 2;"
+              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 16 16"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1.1.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"
                 >
-                  1.1.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="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"
+            >
+              t24
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <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;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="1.1.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"
                 >
-                  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"
+              </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"
                 >
-                  1.1.2.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="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"
+            >
+              t25
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <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;"
+              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 16 16"
-                  width="1em"
+                <span
+                  class="t-button__text"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                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>
-            <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>
+        </div>
+        <div
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t26"
+          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="t26"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t26
+            </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.1
+                  添加子节点
                 </span>
-              </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="t27"
+          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="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="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;"
+              class="tdesign-demo-block-row"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <span
-                class="t-tree__label"
-                title="2.2"
+              <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>
+              </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>
-          </transition-group-stub>
+          </span>
         </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/empty.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"
-      >
         <div
-          class="t-tree t-tree--transition"
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="1"
+          data-value="t28"
+          draggable="false"
+          style="--level: 1;"
         >
-          <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 16 16"
+              width="1em"
+            >
+              <path
+                d="M6 5v6l4.5-3L6 5z"
+                fill="currentColor"
+                fill-opacity="0.9"
+              />
+            </svg>
+          </span>
+          <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"
+            >
+              t28
+            </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-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"
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t29"
+          draggable="false"
+          style="--level: 2;"
         >
-          <div />
+          <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="t29"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              t29
+            </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
-        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"
+          class="t-tree__item t-tree__item--open t-tree__item--visible"
+          data-level="2"
+          data-value="t30"
+          draggable="false"
+          style="--level: 2;"
         >
-          <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"
+          >
+            <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="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>
+      </transition-group-stub>
     </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 />
-        </div>
-      </div>
-    </div>
+      style="height: 100px;"
+    />
   </div>
 </div>
 `;
 
-exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
+exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
 <div
   class="tdesign-tree-demo t-space t-space-vertical"
   style="gap: 32px;"
@@ -148112,6 +148744,15 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
       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"
       >
@@ -148122,24 +148763,22 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
             class="t-form__item t-form-item__"
           >
             <div
-              class="t-form__label t-form__label--left"
-              style="width: 80px;"
+              class="t-form__label t-form__label--right"
             >
               <label
                 for=""
               >
-                切换数据
+                是否禁用整个 tree
               </label>
             </div>
             <div
               class="t-form__controls"
-              style="margin-left: 80px;"
             >
               <div
                 class="t-form__controls-content"
               >
                 <div
-                  class="t-switch t-size-m"
+                  class="t-switch t-size-m t-is-checked"
                 >
                   <span
                     class="t-switch__handle"
@@ -148155,24 +148794,22 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
             class="t-form__item t-form-item__"
           >
             <div
-              class="t-form__label t-form__label--left"
-              style="width: 80px;"
+              class="t-form__label t-form__label--right"
             >
               <label
                 for=""
               >
-                展开动画
+                是否只禁用 checkbox
               </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"
+                  class="t-switch t-size-m"
                 >
                   <span
                     class="t-switch__handle"
@@ -148190,7 +148827,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
         class="t-space-item"
       >
         <div
-          class="t-tree t-tree--transition"
+          class="t-tree t-is-disabled t-tree--hoverable t-tree--checkable t-tree--transition"
         >
           <transition-group-stub
             class="t-tree__list"
@@ -148200,9 +148837,9 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
             tag="div"
           >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="0"
-              data-value="t605"
+              data-value="t5629"
               draggable="false"
               style="--level: 0;"
             >
@@ -148225,21 +148862,33 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                   />
                 </svg>
               </span>
-              <span
-                class="t-tree__label"
-                title="1"
+              <label
+                class="t-checkbox t-is-disabled t-tree__label"
+                disabled="disabled"
+                ignore="expand,active"
               >
+                <input
+                  class="t-checkbox__former"
+                  disabled="disabled"
+                  name="t5629"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   1
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="1"
-              data-value="t606"
+              data-value="t5630"
               draggable="false"
               style="--level: 1;"
             >
@@ -148262,21 +148911,33 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                   />
                 </svg>
               </span>
-              <span
-                class="t-tree__label"
-                title="1.1"
+              <label
+                class="t-checkbox t-is-disabled t-tree__label"
+                disabled="disabled"
+                ignore="expand,active"
               >
+                <input
+                  class="t-checkbox__former"
+                  disabled="disabled"
+                  name="t5630"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   1.1
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="2"
-              data-value="t607"
+              data-value="t5631"
               draggable="false"
               style="--level: 2;"
             >
@@ -148285,21 +148946,33 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                 ignore="active"
                 trigger="expand"
               />
-              <span
-                class="t-tree__label"
-                title="1.1.1"
+              <label
+                class="t-checkbox t-is-disabled t-tree__label"
+                disabled="disabled"
+                ignore="expand,active"
               >
+                <input
+                  class="t-checkbox__former"
+                  disabled="disabled"
+                  name="t5631"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   1.1.1
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="2"
-              data-value="t608"
+              data-value="t5632"
               draggable="false"
               style="--level: 2;"
             >
@@ -148308,21 +148981,33 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                 ignore="active"
                 trigger="expand"
               />
-              <span
-                class="t-tree__label"
-                title="1.1.2"
+              <label
+                class="t-checkbox t-is-disabled t-tree__label"
+                disabled="disabled"
+                ignore="expand,active"
               >
+                <input
+                  class="t-checkbox__former"
+                  disabled="disabled"
+                  name="t5632"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   1.1.2
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="1"
-              data-value="t609"
+              data-value="t5633"
               draggable="false"
               style="--level: 1;"
             >
@@ -148345,21 +149030,33 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                   />
                 </svg>
               </span>
-              <span
-                class="t-tree__label"
-                title="1.2"
+              <label
+                class="t-checkbox t-is-disabled t-tree__label"
+                disabled="disabled"
+                ignore="expand,active"
               >
+                <input
+                  class="t-checkbox__former"
+                  disabled="disabled"
+                  name="t5633"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   1.2
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="2"
-              data-value="t610"
+              data-value="t5634"
               draggable="false"
               style="--level: 2;"
             >
@@ -148368,21 +149065,33 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                 ignore="active"
                 trigger="expand"
               />
-              <span
-                class="t-tree__label"
-                title="1.2.1"
-              >
-                <span
-                  style="position: relative;"
+              <label
+                class="t-checkbox t-is-disabled t-tree__label"
+                disabled="disabled"
+                ignore="expand,active"
+              >
+                <input
+                  class="t-checkbox__former"
+                  disabled="disabled"
+                  name="t5634"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
+                <span
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   1.2.1
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="2"
-              data-value="t611"
+              data-value="t5635"
               draggable="false"
               style="--level: 2;"
             >
@@ -148391,21 +149100,33 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                 ignore="active"
                 trigger="expand"
               />
-              <span
-                class="t-tree__label"
-                title="1.2.2"
+              <label
+                class="t-checkbox t-is-disabled t-tree__label"
+                disabled="disabled"
+                ignore="expand,active"
               >
+                <input
+                  class="t-checkbox__former"
+                  disabled="disabled"
+                  name="t5635"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   1.2.2
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="0"
-              data-value="t612"
+              data-value="t5636"
               draggable="false"
               style="--level: 0;"
             >
@@ -148428,21 +149149,33 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                   />
                 </svg>
               </span>
-              <span
-                class="t-tree__label"
-                title="2"
+              <label
+                class="t-checkbox t-is-disabled t-tree__label"
+                disabled="disabled"
+                ignore="expand,active"
               >
+                <input
+                  class="t-checkbox__former"
+                  disabled="disabled"
+                  name="t5636"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   2
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="1"
-              data-value="t613"
+              data-value="t5637"
               draggable="false"
               style="--level: 1;"
             >
@@ -148451,21 +149184,33 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                 ignore="active"
                 trigger="expand"
               />
-              <span
-                class="t-tree__label"
-                title="2.1"
+              <label
+                class="t-checkbox t-is-disabled t-tree__label"
+                disabled="disabled"
+                ignore="expand,active"
               >
+                <input
+                  class="t-checkbox__former"
+                  disabled="disabled"
+                  name="t5637"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   2.1
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible"
               data-level="1"
-              data-value="t614"
+              data-value="t5638"
               draggable="false"
               style="--level: 1;"
             >
@@ -148474,30 +149219,34 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                 ignore="active"
                 trigger="expand"
               />
-              <span
-                class="t-tree__label"
-                title="2.2"
+              <label
+                class="t-checkbox t-is-disabled t-tree__label"
+                disabled="disabled"
+                ignore="expand,active"
               >
+                <input
+                  class="t-checkbox__former"
+                  disabled="disabled"
+                  name="t5638"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   2.2
                 </span>
-              </span>
+              </label>
             </div>
           </transition-group-stub>
         </div>
       </div>
     </div>
   </div>
-</div>
-`;
-
-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;"
->
   <div
     class="t-space-item"
   >
@@ -148505,11 +149254,59 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
       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=""
+              >
+                禁用指定节点 checkbox
+              </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--transition"
+          class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
         >
           <transition-group-stub
             class="t-tree__list"
@@ -148521,7 +149318,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="t615"
+              data-value="t5639"
               draggable="false"
               style="--level: 0;"
             >
@@ -148544,21 +149341,32 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
                   />
                 </svg>
               </span>
-              <span
-                class="t-tree__label"
-                title="1"
+              <label
+                class="t-checkbox t-tree__label"
+                ignore="expand,active"
+                tabindex="0"
               >
+                <input
+                  class="t-checkbox__former"
+                  name="t5639"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   1
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t616"
+              data-value="t5640"
               draggable="false"
               style="--level: 1;"
             >
@@ -148581,21 +149389,100 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
                   />
                 </svg>
               </span>
-              <span
-                class="t-tree__label"
-                title="1.1"
+              <label
+                class="t-checkbox t-is-disabled t-tree__label"
+                ignore="expand,active"
               >
+                <input
+                  class="t-checkbox__former"
+                  disabled="disabled"
+                  name="t5640"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   1.1
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t5641"
+              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="t5641"
+                  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="t5642"
+              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="t5642"
+                  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="t619"
+              data-value="t5643"
               draggable="false"
               style="--level: 1;"
             >
@@ -148618,21 +149505,100 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
                   />
                 </svg>
               </span>
-              <span
-                class="t-tree__label"
-                title="1.2"
+              <label
+                class="t-checkbox t-is-disabled t-tree__label"
+                ignore="expand,active"
               >
+                <input
+                  class="t-checkbox__former"
+                  disabled="disabled"
+                  name="t5643"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   1.2
                 </span>
-              </span>
+              </label>
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="2"
+              data-value="t5644"
+              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="t5644"
+                  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="t5645"
+              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="t5645"
+                  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="t622"
+              data-value="t5646"
               draggable="false"
               style="--level: 0;"
             >
@@ -148655,21 +149621,32 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
                   />
                 </svg>
               </span>
-              <span
-                class="t-tree__label"
-                title="2"
+              <label
+                class="t-checkbox t-tree__label"
+                ignore="expand,active"
+                tabindex="0"
               >
+                <input
+                  class="t-checkbox__former"
+                  name="t5646"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   2
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t623"
+              data-value="t5647"
               draggable="false"
               style="--level: 1;"
             >
@@ -148678,21 +149655,32 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
                 ignore="active"
                 trigger="expand"
               />
-              <span
-                class="t-tree__label"
-                title="2.1"
+              <label
+                class="t-checkbox t-is-disabled t-tree__label"
+                ignore="expand,active"
               >
+                <input
+                  class="t-checkbox__former"
+                  disabled="disabled"
+                  name="t5647"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   2.1
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t624"
+              data-value="t5648"
               draggable="false"
               style="--level: 1;"
             >
@@ -148701,16 +149689,27 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
                 ignore="active"
                 trigger="expand"
               />
-              <span
-                class="t-tree__label"
-                title="2.2"
+              <label
+                class="t-checkbox t-tree__label"
+                ignore="expand,active"
+                tabindex="0"
               >
+                <input
+                  class="t-checkbox__former"
+                  name="t5648"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
                   2.2
                 </span>
-              </span>
+              </label>
             </div>
           </transition-group-stub>
         </div>
@@ -148720,9 +149719,10 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
 </div>
 `;
 
-exports[`csr snapshot test > csr test ./src/tree/_example/expand-mutex.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;"
 >
   <div
@@ -148730,87 +149730,15 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-mutex.vue 1`] =
   >
     <div
       class="t-space t-space-vertical"
+      data-v-05bdc3f1=""
       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"
-                  />
-                  <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>
-      </div>
       <div
         class="t-space-item"
       >
         <div
-          class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node"
+          class="t-tree t-tree--hoverable t-tree--draggable t-tree--transition"
+          data-v-05bdc3f1=""
         >
           <transition-group-stub
             class="t-tree__list"
@@ -148820,10 +149748,10 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-mutex.vue 1`] =
             tag="div"
           >
             <div
-              class="t-tree__item t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible"
               data-level="0"
-              data-value="t625"
-              draggable="false"
+              data-value="1"
+              draggable="true"
               style="--level: 0;"
             >
               <span
@@ -148857,11 +149785,11 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-mutex.vue 1`] =
               </span>
             </div>
             <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t632"
-              draggable="false"
-              style="--level: 0;"
+              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"
@@ -148884,143 +149812,21 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-mutex.vue 1`] =
               </span>
               <span
                 class="t-tree__label"
-                title="2"
+                title="1.1"
               >
                 <span
                   style="position: relative;"
                 >
-                  2
+                  1.1
                 </span>
               </span>
             </div>
-          </transition-group-stub>
-        </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;"
-    >
-      <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=""
-                        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--hoverable t-tree--transition t-tree--block-node"
-          data-v-58473978=""
-        >
-          <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;"
+              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"
@@ -149043,171 +149849,67 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
               </span>
               <span
                 class="t-tree__label"
-                title="1"
+                title="1.1.1"
               >
                 <span
                   style="position: relative;"
                 >
-                  1
+                  1.1.1
                 </span>
               </span>
             </div>
             <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="2"
-              draggable="false"
-              style="--level: 0;"
+              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 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 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
+              />
               <span
                 class="t-tree__label"
-                title="2"
+                title="1.1.1.1"
               >
                 <span
                   style="position: relative;"
                 >
-                  2
+                  1.1.1.1
                 </span>
               </span>
             </div>
-          </transition-group-stub>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-space t-space-vertical"
-      data-v-58473978=""
-      style="gap: 6px;"
-    >
-      <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=""
-        >
-          <div
-            class="t-form__item t-form-item__"
-            data-v-58473978=""
-          >
             <div
-              class="t-form__controls"
+              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;"
             >
-              <div
-                class="t-form__controls-content"
+              <span
+                class="t-tree__icon t-folder-icon"
+                ignore="active"
+                trigger="expand"
+              />
+              <span
+                class="t-tree__label"
+                title="1.1.1.2"
               >
-                <div
-                  class="t-input-adornment"
-                  data-v-58473978=""
+                <span
+                  style="position: relative;"
                 >
-                  <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>
-                </div>
-              </div>
+                  1.1.1.2
+                </span>
+              </span>
             </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
-            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;"
+              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"
@@ -149230,20 +149932,66 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
               </span>
               <span
                 class="t-tree__label"
-                title="1"
+                title="1.1.2"
               >
                 <span
                   style="position: relative;"
                 >
-                  1
+                  1.1.2
                 </span>
               </span>
             </div>
             <div
-              class="t-tree__item t-tree__item--visible"
+              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;"
+                >
+                  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;"
+                >
+                  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="false"
+              draggable="true"
               style="--level: 0;"
             >
               <span
@@ -149276,6 +150024,52 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 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.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>
           </transition-group-stub>
         </div>
       </div>
@@ -149284,7 +150078,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
+exports[`csr snapshot test > csr test ./src/tree/_example/empty.vue 1`] = `
 <div
   class="tdesign-tree-demo t-space t-space-vertical"
   style="gap: 32px;"
@@ -149302,85 +150096,20 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
         <h3
           class="title"
         >
-          属性设置 jsx 形式
+          默认为空状态
         </h3>
       </div>
       <div
         class="t-space-item"
       >
         <div
-          class="t-tree t-tree--hoverable t-tree--transition"
+          class="t-tree 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__empty"
           >
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t675"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-folder"
-                >
-                  <use
-                    href="#t-icon-folder"
-                  />
-                </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="t676"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-folder"
-                >
-                  <use
-                    href="#t-icon-folder"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2
-                </span>
-              </span>
-            </div>
-          </transition-group-stub>
+            暂无数据
+          </div>
         </div>
       </div>
     </div>
@@ -149395,86 +150124,94 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
       <div
         class="t-space-item"
       >
-        <h3>
-          slot 形式
+        <h3
+          class="title"
+        >
+          设置 empty 属性为指定字符串
         </h3>
       </div>
       <div
         class="t-space-item"
       >
         <div
-          class="t-tree t-tree--hoverable t-tree--transition"
+          class="t-tree 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__empty"
           >
-            <div
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t677"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right"
-                >
-                  <use
-                    href="#t-icon-caret-right"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  1
-                </span>
-              </span>
+            😊 空数据（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
-              class="t-tree__item t-tree__item--visible"
-              data-level="0"
-              data-value="t678"
-              draggable="false"
-              style="--level: 0;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right"
-                >
-                  <use
-                    href="#t-icon-caret-right"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="2"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2
-                </span>
-              </span>
+          </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>
-          </transition-group-stub>
+          </div>
         </div>
       </div>
     </div>
@@ -149482,7 +150219,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test ./src/tree/_example/label.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;"
@@ -149497,11 +150234,76 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
+        <form
+          class="t-form"
         >
-          属性设置 jsx 形式
-        </h3>
+          <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"
+                  />
+                  <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: 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"
+                  />
+                  <div
+                    class="t-switch__content t-size-m"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </form>
       </div>
       <div
         class="t-space-item"
@@ -149519,7 +150321,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="t679"
+              data-value="t5660"
               draggable="false"
               style="--level: 0;"
             >
@@ -149549,18 +150351,53 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                 <span
                   style="position: relative;"
                 >
-                  <strong>
-                    value: t679, label: 1
-                  </strong>
+                  1
                 </span>
               </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t680"
+              data-value="t5661"
               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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </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;"
             >
               <span
                 class="t-tree__icon t-folder-icon"
@@ -149569,23 +150406,81 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               />
               <span
                 class="t-tree__label"
-                title="1.1"
+                title="1.1.1"
               >
                 <span
                   style="position: relative;"
                 >
-                  <strong>
-                    value: t680, label: 1.1
-                  </strong>
+                  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;"
+            >
+              <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="t681"
+              data-value="t5664"
               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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </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;"
             >
               <span
                 class="t-tree__icon t-folder-icon"
@@ -149594,21 +150489,42 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               />
               <span
                 class="t-tree__label"
-                title="1.2"
+                title="1.2.1"
               >
                 <span
                   style="position: relative;"
                 >
-                  <strong>
-                    value: t681, label: 1.2
-                  </strong>
+                  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;"
+            >
+              <span
+                class="t-tree__icon t-folder-icon"
+                ignore="active"
+                trigger="expand"
+              />
+              <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="t682"
+              data-value="t5667"
               draggable="false"
               style="--level: 0;"
             >
@@ -149638,16 +150554,14 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                 <span
                   style="position: relative;"
                 >
-                  <strong>
-                    value: t682, label: 2
-                  </strong>
+                  2
                 </span>
               </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t683"
+              data-value="t5668"
               draggable="false"
               style="--level: 1;"
             >
@@ -149663,16 +150577,14 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                 <span
                   style="position: relative;"
                 >
-                  <strong>
-                    value: t683, label: 2.1
-                  </strong>
+                  2.1
                 </span>
               </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t684"
+              data-value="t5669"
               draggable="false"
               style="--level: 1;"
             >
@@ -149688,9 +150600,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                 <span
                   style="position: relative;"
                 >
-                  <strong>
-                    value: t684, label: 2.2
-                  </strong>
+                  2.2
                 </span>
               </span>
             </div>
@@ -149699,6 +150609,14 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
       </div>
     </div>
   </div>
+</div>
+`;
+
+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;"
+>
   <div
     class="t-space-item"
   >
@@ -149706,18 +150624,11 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
       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"
+          class="t-tree t-tree--hoverable t-tree--transition"
         >
           <transition-group-stub
             class="t-tree__list"
@@ -149729,7 +150640,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="t685"
+              data-value="t5670"
               draggable="false"
               style="--level: 0;"
             >
@@ -149752,112 +150663,95 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   />
                 </svg>
               </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <span
+                class="t-tree__label"
+                title="1"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="t685"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  style="position: relative;"
                 >
-                  <font
-                    color="blue"
-                  >
-                    label: 1, value: t685
-                  </font>
+                  1
                 </span>
-              </label>
+              </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="1"
-              data-value="t686"
+              data-value="t5671"
               draggable="false"
               style="--level: 1;"
             >
               <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="t686"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
+                <svg
+                  class="t-icon t-icon-caret-right-small"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
+              </span>
+              <span
+                class="t-tree__label"
+                title="1.1"
+              >
                 <span
-                  class="t-checkbox__label"
+                  style="position: relative;"
                 >
-                  <font
-                    color="blue"
-                  >
-                    label: 1.1, value: t686
-                  </font>
+                  1.1
                 </span>
-              </label>
+              </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="1"
-              data-value="t687"
+              data-value="t5674"
               draggable="false"
               style="--level: 1;"
             >
               <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="t687"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
+                <svg
+                  class="t-icon t-icon-caret-right-small"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
+              </span>
+              <span
+                class="t-tree__label"
+                title="1.2"
+              >
                 <span
-                  class="t-checkbox__label"
+                  style="position: relative;"
                 >
-                  <font
-                    color="blue"
-                  >
-                    label: 1.2, value: t687
-                  </font>
+                  1.2
                 </span>
-              </label>
+              </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="t688"
+              data-value="t5677"
               draggable="false"
               style="--level: 0;"
             >
@@ -149880,36 +150774,21 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   />
                 </svg>
               </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <span
+                class="t-tree__label"
+                title="2"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="t688"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  style="position: relative;"
                 >
-                  <font
-                    color="blue"
-                  >
-                    label: 2, value: t688
-                  </font>
+                  2
                 </span>
-              </label>
+              </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="1"
-              data-value="t689"
+              data-value="t5678"
               draggable="false"
               style="--level: 1;"
             >
@@ -149918,36 +150797,21 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                 ignore="active"
                 trigger="expand"
               />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <span
+                class="t-tree__label"
+                title="2.1"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="t689"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  style="position: relative;"
                 >
-                  <font
-                    color="blue"
-                  >
-                    label: 2.1, value: t689
-                  </font>
+                  2.1
                 </span>
-              </label>
+              </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="1"
-              data-value="t690"
+              data-value="t5679"
               draggable="false"
               style="--level: 1;"
             >
@@ -149956,31 +150820,16 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                 ignore="active"
                 trigger="expand"
               />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <span
+                class="t-tree__label"
+                title="2.2"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="t690"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                  style="position: relative;"
                 >
-                  <font
-                    color="blue"
-                  >
-                    label: 2.2, value: t690
-                  </font>
+                  2.2
                 </span>
-              </label>
+              </span>
             </div>
           </transition-group-stub>
         </div>
@@ -149990,10 +150839,9 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test ./src/tree/_example/lazy.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"
-  data-v-de8eeb80=""
   style="gap: 32px;"
 >
   <div
@@ -150001,72 +150849,36 @@ exports[`csr snapshot test > csr test ./src/tree/_example/lazy.vue 1`] = `
   >
     <div
       class="t-space t-space-vertical"
-      data-v-de8eeb80=""
       style="gap: 10px;"
     >
-      <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"
+              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"
-                  data-v-de8eeb80=""
                 >
                   <span
                     class="t-switch__handle"
@@ -150080,26 +150892,26 @@ exports[`csr snapshot test > csr test ./src/tree/_example/lazy.vue 1`] = `
           </div>
           <div
             class="t-form__item t-form-item__"
-            data-v-de8eeb80=""
           >
             <div
-              class="t-form__label t-form__label--right"
+              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"
-                  data-v-de8eeb80=""
+                  class="t-switch t-size-m t-is-checked"
                 >
                   <span
                     class="t-switch__handle"
@@ -150117,8 +150929,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/lazy.vue 1`] = `
         class="t-space-item"
       >
         <div
-          class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
-          data-v-de8eeb80=""
+          class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node"
         >
           <transition-group-stub
             class="t-tree__list"
@@ -150130,7 +150941,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/lazy.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="0"
-              data-value="1"
+              data-value="t5680"
               draggable="false"
               style="--level: 0;"
             >
@@ -150153,32 +150964,21 @@ exports[`csr snapshot test > csr test ./src/tree/_example/lazy.vue 1`] = `
                   />
                 </svg>
               </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <span
+                class="t-tree__label"
+                title="1"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  style="position: relative;"
                 >
                   1
                 </span>
-              </label>
+              </span>
             </div>
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="0"
-              data-value="2"
+              data-value="t5687"
               draggable="false"
               style="--level: 0;"
             >
@@ -150201,27 +151001,16 @@ exports[`csr snapshot test > csr test ./src/tree/_example/lazy.vue 1`] = `
                   />
                 </svg>
               </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <span
+                class="t-tree__label"
+                title="2"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  style="position: relative;"
                 >
                   2
                 </span>
-              </label>
+              </span>
             </div>
           </transition-group-stub>
         </div>
@@ -150231,10 +151020,10 @@ exports[`csr snapshot test > csr test ./src/tree/_example/lazy.vue 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
+exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
 <div
   class="tdesign-tree-demo t-space t-space-vertical"
-  data-v-225666c0=""
+  data-v-58473978=""
   style="gap: 32px;"
 >
   <div
@@ -150242,114 +151031,101 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
   >
     <div
       class="t-space t-space-vertical"
-      data-v-225666c0=""
+      data-v-58473978=""
       style="gap: 10px;"
     >
+      <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-225666c0=""
+          data-v-58473978=""
         >
           <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"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-            data-v-225666c0=""
+            data-v-58473978=""
           >
-            <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=""
+                  class="t-input-adornment"
+                  data-v-58473978=""
                 >
                   <span
-                    class="t-switch__handle"
-                  />
+                    class="t-input-adornment__prepend"
+                  >
+                    <span
+                      class="t-input-adornment__text"
+                    >
+                      filter:
+                    </span>
+                  </span>
                   <div
-                    class="t-switch__content t-size-m"
-                  />
+                    class="t-input__wrap"
+                    data-v-58473978=""
+                  >
+                    <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-space t-space-vertical"
-      data-v-225666c0=""
-      style="gap: 10px;"
-    >
-      <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=""
+          class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node"
+          data-v-58473978=""
         >
           <transition-group-stub
             class="t-tree__list"
@@ -150359,7 +151135,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
             tag="div"
           >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              class="t-tree__item t-tree__item--visible"
               data-level="0"
               data-value="1"
               draggable="false"
@@ -150396,61 +151172,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               </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;"
-            >
-              <span
-                class="t-tree__line t-tree__line--leaf t-tree__line--first"
-                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;"
-                >
-                  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;"
-            >
-              <span
-                class="t-tree__line t-tree__line--leaf"
-                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;"
-                >
-                  1.2
-                </span>
-              </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="0"
               data-value="2"
               draggable="false"
@@ -150486,17 +151208,126 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                 </span>
               </span>
             </div>
+          </transition-group-stub>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-vertical"
+      data-v-58473978=""
+      style="gap: 6px;"
+    >
+      <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=""
+        >
+          <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=""
+                        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--hoverable t-tree--transition t-tree--block-node"
+          data-v-58473978=""
+        >
+          <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="1"
-              data-value="2.1"
+              class="t-tree__item t-tree__item--visible"
+              data-level="0"
+              data-value="1"
               draggable="false"
-              style="--level: 1;"
+              style="--level: 0;"
             >
-              <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"
@@ -150518,26 +151349,22 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               </span>
               <span
                 class="t-tree__label"
-                title="2.1"
+                title="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="2"
-              data-value="2.1.1"
+              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--first"
-                style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
-              />
               <span
                 class="t-tree__icon t-folder-icon t-tree__icon--default"
                 ignore="active"
@@ -150559,168 +151386,259 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               </span>
               <span
                 class="t-tree__label"
-                title="2.1.1"
+                title="2"
               >
                 <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;"
-            >
-              <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
-                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 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
-              <span
-                class="t-tree__label"
-                title="2.1.1.1"
-              >
-                <span
-                  style="position: relative;"
-                >
-                  2.1.1.1
+                  2
                 </span>
               </span>
             </div>
+          </transition-group-stub>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/icon.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"
+        >
+          属性设置 jsx 形式
+        </h3>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-tree t-tree--hoverable 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="4"
-              data-value="2.1.1.1.1"
+              class="t-tree__item t-tree__item--visible"
+              data-level="0"
+              data-value="t5730"
               draggable="false"
-              style="--level: 4;"
+              style="--level: 0;"
             >
-              <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
                 class="t-tree__icon t-folder-icon"
                 ignore="active"
                 trigger="expand"
-              />
+              >
+                <svg
+                  class="t-icon t-icon-folder"
+                >
+                  <use
+                    href="#t-icon-folder"
+                  />
+                </svg>
+              </span>
               <span
                 class="t-tree__label"
-                title="2.1.1.1.1"
+                title="1"
               >
                 <span
                   style="position: relative;"
                 >
-                  2.1.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"
+              class="t-tree__item t-tree__item--visible"
+              data-level="0"
+              data-value="t5731"
               draggable="false"
-              style="--level: 4;"
+              style="--level: 0;"
             >
-              <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
                 class="t-tree__icon t-folder-icon"
                 ignore="active"
                 trigger="expand"
-              />
+              >
+                <svg
+                  class="t-icon t-icon-folder"
+                >
+                  <use
+                    href="#t-icon-folder"
+                  />
+                </svg>
+              </span>
               <span
                 class="t-tree__label"
-                title="2.1.1.1.2"
+                title="2"
               >
                 <span
                   style="position: relative;"
                 >
-                  2.1.1.1.2
+                  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
+            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="2"
-              data-value="2.1.2"
+              class="t-tree__item t-tree__item--visible"
+              data-level="0"
+              data-value="t5732"
               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"
                 ignore="active"
                 trigger="expand"
-              />
+              >
+                <svg
+                  class="t-icon t-icon-caret-right"
+                >
+                  <use
+                    href="#t-icon-caret-right"
+                  />
+                </svg>
+              </span>
               <span
                 class="t-tree__label"
-                title="2.1.2"
+                title="1"
               >
                 <span
                   style="position: relative;"
                 >
-                  2.1.2
+                  1
                 </span>
               </span>
             </div>
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="2.2"
+              class="t-tree__item t-tree__item--visible"
+              data-level="0"
+              data-value="t5733"
               draggable="false"
-              style="--level: 1;"
+              style="--level: 0;"
             >
-              <span
-                class="t-tree__line t-tree__line--leaf"
-                style="--level: 1;"
-              />
               <span
                 class="t-tree__icon t-folder-icon"
                 ignore="active"
                 trigger="expand"
-              />
+              >
+                <svg
+                  class="t-icon t-icon-caret-right"
+                >
+                  <use
+                    href="#t-icon-caret-right"
+                  />
+                </svg>
+              </span>
               <span
                 class="t-tree__label"
-                title="2.2"
+                title="2"
               >
                 <span
                   style="position: relative;"
                 >
-                  2.2
+                  2
                 </span>
               </span>
             </div>
+          </transition-group-stub>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/label.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"
+        >
+          属性设置 jsx 形式
+        </h3>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-tree 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="3"
+              data-value="t5734"
               draggable="false"
               style="--level: 0;"
             >
@@ -150745,26 +151663,24 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               </span>
               <span
                 class="t-tree__label"
-                title="3"
+                title="1"
               >
                 <span
                   style="position: relative;"
                 >
-                  3
+                  <strong>
+                    value: t5734, label: 1
+                  </strong>
                 </span>
               </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="3.1"
+              data-value="t5735"
               draggable="false"
               style="--level: 1;"
             >
-              <span
-                class="t-tree__line t-tree__line--leaf t-tree__line--first"
-                style="--level: 1;"
-              />
               <span
                 class="t-tree__icon t-folder-icon"
                 ignore="active"
@@ -150772,26 +151688,24 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               />
               <span
                 class="t-tree__label"
-                title="3.1"
+                title="1.1"
               >
                 <span
                   style="position: relative;"
                 >
-                  3.1
+                  <strong>
+                    value: t5735, label: 1.1
+                  </strong>
                 </span>
               </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="3.2"
+              data-value="t5736"
               draggable="false"
               style="--level: 1;"
             >
-              <span
-                class="t-tree__line t-tree__line--leaf"
-                style="--level: 1;"
-              />
               <span
                 class="t-tree__icon t-folder-icon"
                 ignore="active"
@@ -150799,21 +151713,62 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               />
               <span
                 class="t-tree__label"
-                title="3.2"
+                title="1.2"
               >
                 <span
                   style="position: relative;"
                 >
-                  3.2
+                  <strong>
+                    value: t5736, label: 1.2
+                  </strong>
                 </span>
               </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="4"
+              data-value="t5737"
               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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
+              </span>
+              <span
+                class="t-tree__label"
+                title="2"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  <strong>
+                    value: t5737, label: 2
+                  </strong>
+                </span>
+              </span>
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t5738"
+              draggable="false"
+              style="--level: 1;"
             >
               <span
                 class="t-tree__icon t-folder-icon"
@@ -150822,12 +151777,39 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               />
               <span
                 class="t-tree__label"
-                title="4"
+                title="2.1"
               >
                 <span
                   style="position: relative;"
                 >
-                  4
+                  <strong>
+                    value: t5738, label: 2.1
+                  </strong>
+                </span>
+              </span>
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t5739"
+              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;"
+                >
+                  <strong>
+                    value: t5739, label: 2.2
+                  </strong>
                 </span>
               </span>
             </div>
@@ -150840,26 +151822,21 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
     class="t-space-item"
   >
     <div
-      class="tdesign-tree-line t-space t-space-vertical"
-      data-v-225666c0=""
+      class="t-space t-space-vertical"
       style="gap: 10px;"
     >
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
-          data-v-225666c0=""
-        >
-          使用属性结合 jsx 来自定义呈现
+        <h3>
+          slot 形式
         </h3>
       </div>
       <div
         class="t-space-item"
       >
         <div
-          class="t-tree t-tree--transition"
-          data-v-225666c0=""
+          class="t-tree t-tree--checkable t-tree--transition"
         >
           <transition-group-stub
             class="t-tree__list"
@@ -150871,17 +151848,10 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="1"
+              data-value="t5740"
               draggable="false"
               style="--level: 0;"
             >
-              <div
-                class="custom-line custom-line-first"
-              >
-                <div
-                  class="custom-line-box"
-                />
-              </div>
               <span
                 class="t-tree__icon t-folder-icon t-tree__icon--default"
                 ignore="active"
@@ -150901,123 +151871,115 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   />
                 </svg>
               </span>
-              <span
-                class="t-tree__label"
-                title="1"
+              <label
+                class="t-checkbox t-tree__label"
+                ignore="expand,active"
+                tabindex="0"
               >
+                <input
+                  class="t-checkbox__former"
+                  name="t5740"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
-                  1
+                  <font
+                    color="blue"
+                  >
+                    label: 1, value: t5740
+                  </font>
                 </span>
-              </span>
+              </label>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="1.1"
+              data-value="t5741"
               draggable="false"
               style="--level: 1;"
             >
-              <div
-                class="custom-line custom-line-first custom-line-leaf"
-              >
-                <div
-                  class="custom-line-box"
-                >
-                  <span
-                    class=""
-                  />
-                </div>
-                <i
-                  class="custom-line-icon"
-                >
-                  <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"
+              <label
+                class="t-checkbox t-tree__label"
+                ignore="expand,active"
+                tabindex="0"
               >
+                <input
+                  class="t-checkbox__former"
+                  name="t5741"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
-                  1.1
+                  <font
+                    color="blue"
+                  >
+                    label: 1.1, value: t5741
+                  </font>
                 </span>
-              </span>
+              </label>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="1.2"
+              data-value="t5742"
               draggable="false"
               style="--level: 1;"
             >
-              <div
-                class="custom-line custom-line-leaf custom-line-last"
-              >
-                <div
-                  class="custom-line-box"
-                >
-                  <span
-                    class=""
-                  />
-                </div>
-                <i
-                  class="custom-line-icon"
-                >
-                  <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"
+              <label
+                class="t-checkbox t-tree__label"
+                ignore="expand,active"
+                tabindex="0"
               >
+                <input
+                  class="t-checkbox__former"
+                  name="t5742"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
-                  1.2
+                  <font
+                    color="blue"
+                  >
+                    label: 1.2, value: t5742
+                  </font>
                 </span>
-              </span>
+              </label>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="2"
+              data-value="t5743"
               draggable="false"
               style="--level: 0;"
             >
-              <div
-                class="custom-line"
-              >
-                <div
-                  class="custom-line-box"
-                />
-              </div>
               <span
                 class="t-tree__icon t-folder-icon t-tree__icon--default"
                 ignore="active"
@@ -151037,86 +151999,260 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   />
                 </svg>
               </span>
-              <span
-                class="t-tree__label"
-                title="2"
+              <label
+                class="t-checkbox t-tree__label"
+                ignore="expand,active"
+                tabindex="0"
               >
+                <input
+                  class="t-checkbox__former"
+                  name="t5743"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
-                  2
+                  <font
+                    color="blue"
+                  >
+                    label: 2, value: t5743
+                  </font>
                 </span>
-              </span>
+              </label>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="2.1"
+              data-value="t5744"
               draggable="false"
               style="--level: 1;"
             >
-              <div
-                class="custom-line custom-line-first"
-              >
-                <div
-                  class="custom-line-box"
-                >
-                  <span
-                    class=""
-                  />
-                </div>
-              </div>
               <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
+                class="t-tree__icon t-folder-icon"
                 ignore="active"
                 trigger="expand"
+              />
+              <label
+                class="t-checkbox t-tree__label"
+                ignore="expand,active"
+                tabindex="0"
               >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 16 16"
-                  width="1em"
+                <input
+                  class="t-checkbox__former"
+                  name="t5744"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
+                <span
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
+                  <font
+                    color="blue"
+                  >
+                    label: 2.1, value: t5744
+                  </font>
+                </span>
+              </label>
+            </div>
+            <div
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              data-level="1"
+              data-value="t5745"
+              draggable="false"
+              style="--level: 1;"
+            >
               <span
-                class="t-tree__label"
-                title="2.1"
+                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="t5745"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
                 <span
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
-                  2.1
+                  <font
+                    color="blue"
+                  >
+                    label: 2.2, value: t5745
+                  </font>
                 </span>
-              </span>
+              </label>
+            </div>
+          </transition-group-stub>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+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;"
+>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-vertical"
+      data-v-de8eeb80=""
+      style="gap: 10px;"
+    >
+      <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"
+            >
+              <label
+                for=""
+              >
+                可选
+              </label>
             </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;"
+              class="t-form__controls"
             >
               <div
-                class="custom-line custom-line-first"
+                class="t-form__controls-content"
               >
                 <div
-                  class="custom-line-box"
+                  class="t-switch t-size-m t-is-checked"
+                  data-v-de8eeb80=""
                 >
                   <span
-                    class="custom-line-cross"
+                    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=""
+          >
+            <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"
+                  data-v-de8eeb80=""
+                >
                   <span
-                    class=""
+                    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"
+          data-v-de8eeb80=""
+        >
+          <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"
@@ -151136,41 +152272,35 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   />
                 </svg>
               </span>
-              <span
-                class="t-tree__label"
-                title="2.1.1"
+              <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
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
-                  2.1.1
+                  1
                 </span>
-              </span>
+              </label>
             </div>
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="3"
-              data-value="2.1.1.1"
+              class="t-tree__item t-tree__item--visible"
+              data-level="0"
+              data-value="2"
               draggable="false"
-              style="--level: 3;"
+              style="--level: 0;"
             >
-              <div
-                class="custom-line custom-line-first custom-line-last"
-              >
-                <div
-                  class="custom-line-box"
-                >
-                  <span
-                    class="custom-line-cross"
-                  />
-                  <span
-                    class="custom-line-cross"
-                  />
-                  <span
-                    class=""
-                  />
-                </div>
-              </div>
               <span
                 class="t-tree__icon t-folder-icon t-tree__icon--default"
                 ignore="active"
@@ -151190,111 +152320,211 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   />
                 </svg>
               </span>
-              <span
-                class="t-tree__label"
-                title="2.1.1.1"
+              <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
-                  style="position: relative;"
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
                 >
-                  2.1.1.1
+                  2
                 </span>
-              </span>
+              </label>
+            </div>
+          </transition-group-stub>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
+<div
+  class="tdesign-tree-demo t-space t-space-vertical"
+  data-v-225666c0=""
+  style="gap: 32px;"
+>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-vertical"
+      data-v-225666c0=""
+      style="gap: 10px;"
+    >
+      <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-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-form__controls"
+              style="margin-left: 100px;"
             >
               <div
-                class="custom-line custom-line-first custom-line-leaf"
+                class="t-form__controls-content"
               >
                 <div
-                  class="custom-line-box"
+                  class="t-switch t-size-m t-is-checked"
+                  data-v-225666c0=""
                 >
                   <span
-                    class="custom-line-cross"
+                    class="t-switch__handle"
                   />
-                  <span
-                    class="custom-line-cross"
+                  <div
+                    class="t-switch__content t-size-m"
                   />
+                </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=""
+                    class="t-switch__handle"
                   />
-                  <span
-                    class=""
+                  <div
+                    class="t-switch__content t-size-m"
                   />
                 </div>
-                <i
-                  class="custom-line-icon"
-                >
-                  <svg
-                    class="t-icon t-icon-heart-filled"
-                    data-v-225666c0=""
-                  >
-                    <use
-                      href="#t-icon-heart-filled"
-                    />
-                  </svg>
-                </i>
               </div>
+            </div>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-vertical"
+      data-v-225666c0=""
+      style="gap: 10px;"
+    >
+      <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
+            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"
+                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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
+              </span>
               <span
                 class="t-tree__label"
-                title="2.1.1.1.1"
+                title="1"
               >
                 <span
                   style="position: relative;"
                 >
-                  2.1.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"
+              data-level="1"
+              data-value="1.1"
               draggable="false"
-              style="--level: 4;"
+              style="--level: 1;"
             >
-              <div
-                class="custom-line custom-line-leaf custom-line-last"
-              >
-                <div
-                  class="custom-line-box"
-                >
-                  <span
-                    class="custom-line-cross"
-                  />
-                  <span
-                    class="custom-line-cross"
-                  />
-                  <span
-                    class=""
-                  />
-                  <span
-                    class=""
-                  />
-                </div>
-                <i
-                  class="custom-line-icon"
-                >
-                  <svg
-                    class="t-icon t-icon-heart-filled"
-                    data-v-225666c0=""
-                  >
-                    <use
-                      href="#t-icon-heart-filled"
-                    />
-                  </svg>
-                </i>
-              </div>
+              <span
+                class="t-tree__line t-tree__line--leaf t-tree__line--first"
+                style="--level: 1;"
+              />
               <span
                 class="t-tree__icon t-folder-icon"
                 ignore="active"
@@ -151302,48 +152532,267 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               />
               <span
                 class="t-tree__label"
-                title="2.1.1.1.2"
+                title="1.1"
               >
                 <span
                   style="position: relative;"
                 >
-                  2.1.1.1.2
+                  1.1
                 </span>
               </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="2.1.2"
+              data-level="1"
+              data-value="1.2"
+              draggable="false"
+              style="--level: 1;"
+            >
+              <span
+                class="t-tree__line t-tree__line--leaf"
+                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;"
+                >
+                  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;"
+            >
+              <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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </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;"
+            >
+              <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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </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-leaf custom-line-last"
+              <span
+                class="t-tree__line t-tree__line--first"
+                style="--level: 2; box-shadow: calc(-1 * var(--space)) 0 var(--color);"
+              />
+              <span
+                class="t-tree__icon t-folder-icon t-tree__icon--default"
+                ignore="active"
+                trigger="expand"
               >
-                <div
-                  class="custom-line-box"
+                <svg
+                  class="t-icon t-icon-caret-right-small"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 16 16"
+                  width="1em"
                 >
-                  <span
-                    class="custom-line-cross"
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
                   />
-                  <span
-                    class=""
+                </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;"
+            >
+              <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
+                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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
                   />
-                </div>
-                <i
-                  class="custom-line-icon"
+                </svg>
+              </span>
+              <span
+                class="t-tree__label"
+                title="2.1.1.1"
+              >
+                <span
+                  style="position: relative;"
                 >
-                  <svg
-                    class="t-icon t-icon-heart-filled"
-                    data-v-225666c0=""
-                  >
-                    <use
-                      href="#t-icon-heart-filled"
-                    />
-                  </svg>
-                </i>
-              </div>
+                  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;"
+            >
+              <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
+                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;"
+            >
+              <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
+                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;"
+                >
+                  2.1.1.1.2
+                </span>
+              </span>
+            </div>
+            <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;"
+            >
+              <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"
@@ -151367,29 +152816,10 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               draggable="false"
               style="--level: 1;"
             >
-              <div
-                class="custom-line custom-line-leaf custom-line-last"
-              >
-                <div
-                  class="custom-line-box"
-                >
-                  <span
-                    class=""
-                  />
-                </div>
-                <i
-                  class="custom-line-icon"
-                >
-                  <svg
-                    class="t-icon t-icon-heart-filled"
-                    data-v-225666c0=""
-                  >
-                    <use
-                      href="#t-icon-heart-filled"
-                    />
-                  </svg>
-                </i>
-              </div>
+              <span
+                class="t-tree__line t-tree__line--leaf"
+                style="--level: 1;"
+              />
               <span
                 class="t-tree__icon t-folder-icon"
                 ignore="active"
@@ -151413,13 +152843,6 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               draggable="false"
               style="--level: 0;"
             >
-              <div
-                class="custom-line"
-              >
-                <div
-                  class="custom-line-box"
-                />
-              </div>
               <span
                 class="t-tree__icon t-folder-icon t-tree__icon--default"
                 ignore="active"
@@ -151457,29 +152880,10 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               draggable="false"
               style="--level: 1;"
             >
-              <div
-                class="custom-line custom-line-first custom-line-leaf"
-              >
-                <div
-                  class="custom-line-box"
-                >
-                  <span
-                    class=""
-                  />
-                </div>
-                <i
-                  class="custom-line-icon"
-                >
-                  <svg
-                    class="t-icon t-icon-heart-filled"
-                    data-v-225666c0=""
-                  >
-                    <use
-                      href="#t-icon-heart-filled"
-                    />
-                  </svg>
-                </i>
-              </div>
+              <span
+                class="t-tree__line t-tree__line--leaf t-tree__line--first"
+                style="--level: 1;"
+              />
               <span
                 class="t-tree__icon t-folder-icon"
                 ignore="active"
@@ -151503,29 +152907,10 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               draggable="false"
               style="--level: 1;"
             >
-              <div
-                class="custom-line custom-line-leaf custom-line-last"
-              >
-                <div
-                  class="custom-line-box"
-                >
-                  <span
-                    class=""
-                  />
-                </div>
-                <i
-                  class="custom-line-icon"
-                >
-                  <svg
-                    class="t-icon t-icon-heart-filled"
-                    data-v-225666c0=""
-                  >
-                    <use
-                      href="#t-icon-heart-filled"
-                    />
-                  </svg>
-                </i>
-              </div>
+              <span
+                class="t-tree__line t-tree__line--leaf"
+                style="--level: 1;"
+              />
               <span
                 class="t-tree__icon t-folder-icon"
                 ignore="active"
@@ -151549,25 +152934,6 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
               draggable="false"
               style="--level: 0;"
             >
-              <div
-                class="custom-line custom-line-leaf custom-line-last"
-              >
-                <div
-                  class="custom-line-box"
-                />
-                <i
-                  class="custom-line-icon"
-                >
-                  <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"
@@ -151604,7 +152970,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
           class="title"
           data-v-225666c0=""
         >
-          slot 形式
+          使用属性结合 jsx 来自定义呈现
         </h3>
       </div>
       <div
@@ -151630,13 +152996,10 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
             >
               <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"
@@ -151677,20 +153040,16 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 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"
@@ -151727,20 +153086,16 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 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"
@@ -151777,13 +153132,10 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
             >
               <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"
@@ -151824,18 +153176,14 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 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"
@@ -151876,22 +153224,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
             >
               <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"
@@ -151932,26 +153275,20 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
             >
               <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"
@@ -151992,32 +153329,25 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
             >
               <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"
@@ -152054,32 +153384,25 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
             >
               <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"
@@ -152116,24 +153439,19 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
             >
               <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=""
-                    data-v-225666c0=""
                   />
                 </div>
                 <i
                   class="custom-line-icon"
-                  data-v-225666c0=""
                 >
                   <svg
                     class="t-icon t-icon-heart-filled"
@@ -152170,20 +153488,16 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 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"
@@ -152220,13 +153534,10 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
             >
               <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"
@@ -152267,20 +153578,16 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 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"
@@ -152317,20 +153624,16 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 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"
@@ -152367,15 +153670,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
             >
               <div
                 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=""
                 >
                   <svg
                     class="t-icon t-icon-heart-filled"
@@ -152408,67 +153708,30 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
       </div>
     </div>
   </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/tree/_example/load.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"
+      class="tdesign-tree-line t-space t-space-vertical"
+      data-v-225666c0=""
       style="gap: 10px;"
     >
       <div
         class="t-space-item"
       >
-        <form
-          class="t-form"
+        <h3
+          class="title"
+          data-v-225666c0=""
         >
-          <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"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </form>
+          slot 形式
+        </h3>
       </div>
       <div
         class="t-space-item"
       >
         <div
-          class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+          class="t-tree t-tree--transition"
+          data-v-225666c0=""
         >
           <transition-group-stub
             class="t-tree__list"
@@ -152484,166 +153747,130 @@ exports[`csr snapshot test > csr test ./src/tree/_example/load.vue 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"
               >
-                <div
-                  class="t-loading--center t-size-m t-loading"
+                <svg
+                  class="t-icon t-icon-caret-right-small"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 16 16"
+                  width="1em"
                 >
-                  <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>
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
               </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <span
+                class="t-tree__label"
+                title="1"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                  style="position: relative;"
                 >
                   1
                 </span>
-              </label>
+              </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="2"
+              data-level="1"
+              data-value="1.1"
               draggable="false"
-              style="--level: 0;"
+              style="--level: 1;"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
+              <div
+                class="custom-line custom-line-first custom-line-leaf"
+                data-v-225666c0=""
               >
                 <div
-                  class="t-loading--center t-size-m t-loading"
+                  class="custom-line-box"
+                  data-v-225666c0=""
+                >
+                  <span
+                    class=""
+                    data-v-225666c0=""
+                  />
+                </div>
+                <i
+                  class="custom-line-icon"
+                  data-v-225666c0=""
                 >
                   <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"
+                    class="t-icon t-icon-heart-filled"
+                    data-v-225666c0=""
                   >
-                    <foreignobject
-                      height="12"
-                      width="12"
-                      x="0"
-                      y="0"
-                    >
-                      <div
-                        class="t-loading__gradient-conic"
-                      />
-                    </foreignobject>
+                    <use
+                      href="#t-icon-heart-filled"
+                    />
                   </svg>
-                </div>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+                </i>
+              </div>
+              <span
+                class="t-tree__icon t-folder-icon"
+                ignore="active"
+                trigger="expand"
+              />
+              <span
+                class="t-tree__label"
+                title="1.1"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  style="position: relative;"
                 >
-                  2
+                  1.1
                 </span>
-              </label>
+              </span>
             </div>
-          </transition-group-stub>
-        </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%;"
-    >
-      <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
-            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="node1"
+              data-level="1"
+              data-value="1.2"
               draggable="false"
-              style="--level: 0;"
+              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"
@@ -152651,605 +153878,651 @@ exports[`csr snapshot test > csr test ./src/tree/_example/operations.vue 1`] = `
               />
               <span
                 class="t-tree__label"
-                title=""
+                title="1.2"
               >
                 <span
                   style="position: relative;"
                 >
-                  1 | value: node1
+                  1.2
                 </span>
               </span>
-              <span
-                class="t-tree__operations"
-                ignore="active,expand"
-              >
-                value: node1
-              </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="node2"
+              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"
+                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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
+              </span>
               <span
                 class="t-tree__label"
-                title=""
+                title="2"
               >
                 <span
                   style="position: relative;"
                 >
-                  2 | value: node2
+                  2
                 </span>
               </span>
-              <span
-                class="t-tree__operations"
-                ignore="active,expand"
-              >
-                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;"
+              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="t-form__controls-content"
+                class="custom-line custom-line-first"
+                data-v-225666c0=""
               >
                 <div
-                  class="t-switch t-size-m"
+                  class="custom-line-box"
+                  data-v-225666c0=""
                 >
                   <span
-                    class="t-switch__handle"
-                  />
-                  <div
-                    class="t-switch__content t-size-m"
+                    class=""
+                    data-v-225666c0=""
                   />
                 </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=""
+              <span
+                class="t-tree__icon t-folder-icon t-tree__icon--default"
+                ignore="active"
+                trigger="expand"
               >
-                子节点展开触发父节点展开
-              </label>
+                <svg
+                  class="t-icon t-icon-caret-right-small"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
+              </span>
+              <span
+                class="t-tree__label"
+                title="2.1"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  2.1
+                </span>
+              </span>
             </div>
             <div
-              class="t-form__controls"
-              style="margin-left: 200px;"
+              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="t-form__controls-content"
+                class="custom-line custom-line-first"
+                data-v-225666c0=""
               >
                 <div
-                  class="t-switch t-size-m t-is-checked"
+                  class="custom-line-box"
+                  data-v-225666c0=""
                 >
                   <span
-                    class="t-switch__handle"
+                    class="custom-line-cross"
+                    data-v-225666c0=""
                   />
-                  <div
-                    class="t-switch__content t-size-m"
+                  <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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
+              </span>
+              <span
+                class="t-tree__label"
+                title="2.1.1"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  2.1.1
+                </span>
+              </span>
             </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="3"
+              data-value="2.1.1.1"
+              draggable="false"
+              style="--level: 3;"
             >
               <div
-                class="t-form__controls-content"
+                class="custom-line custom-line-first custom-line-last"
+                data-v-225666c0=""
               >
                 <div
-                  class="t-input-adornment"
+                  class="custom-line-box"
+                  data-v-225666c0=""
                 >
                   <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>
+                    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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
+              </span>
+              <span
+                class="t-tree__label"
+                title="2.1.1.1"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  2.1.1.1
+                </span>
+              </span>
             </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="node1"
+              data-level="4"
+              data-value="2.1.1.1.1"
               draggable="false"
-              style="--level: 0;"
+              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"
               />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <span
+                class="t-tree__label"
+                title="2.1.1.1.1"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="node1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
                 <span
-                  class="t-checkbox__label"
+                  style="position: relative;"
                 >
-                  1 | value: node1
+                  2.1.1.1.1
                 </span>
-              </label>
-              <span
-                class="t-tree__operations"
-                ignore="active,expand"
+              </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="t-space t-space-horizontal"
-                  style="gap: 10px;"
+                  class="custom-line-box"
+                  data-v-225666c0=""
                 >
-                  <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>
+                  <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;"
+                >
+                  2.1.1.1.2
+                </span>
               </span>
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="node2"
+              data-level="2"
+              data-value="2.1.2"
               draggable="false"
-              style="--level: 0;"
+              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
+                    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"
               />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <span
+                class="t-tree__label"
+                title="2.1.2"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="node2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
                 <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                  style="position: relative;"
                 >
-                  2 | value: node2
+                  2.1.2
                 </span>
-              </label>
-              <span
-                class="t-tree__operations"
-                ignore="active,expand"
+              </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;"
+            >
+              <div
+                class="custom-line custom-line-leaf custom-line-last"
+                data-v-225666c0=""
               >
                 <div
-                  class="t-space t-space-horizontal"
-                  style="gap: 10px;"
+                  class="custom-line-box"
+                  data-v-225666c0=""
                 >
-                  <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>
+                  <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.2"
+              >
+                <span
+                  style="position: relative;"
+                >
+                  2.2
+                </span>
               </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
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
+            <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-button__text"
+                class="t-tree__icon t-folder-icon t-tree__icon--default"
+                ignore="active"
+                trigger="expand"
               >
-                获取 value 为 'node1' 的单个节点
+                <svg
+                  class="t-icon t-icon-caret-right-small"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
               </span>
-            </button>
-          </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"
+                class="t-tree__label"
+                title="3"
               >
-                获取所有节点
-              </span>
-            </button>
-          </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"
-              >
-                获取高亮节点的所有子节点
+                <span
+                  style="position: relative;"
+                >
+                  3
+                </span>
               </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
-          >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
+            </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;"
             >
-              <span
-                class="t-button__text"
+              <div
+                class="custom-line custom-line-first custom-line-leaf"
+                data-v-225666c0=""
               >
-                获取所有高亮节点
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
-          >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
-            >
+                <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-button__text"
-              >
-                获取高亮节点下的选中节点
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
-          >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
-            >
+                class="t-tree__icon t-folder-icon"
+                ignore="active"
+                trigger="expand"
+              />
               <span
-                class="t-button__text"
+                class="t-tree__label"
+                title="3.1"
               >
-                插入一个根节点
+                <span
+                  style="position: relative;"
+                >
+                  3.1
+                </span>
               </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
-          >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
+            </div>
+            <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;"
             >
-              <span
-                class="t-button__text"
+              <div
+                class="custom-line custom-line-leaf custom-line-last"
+                data-v-225666c0=""
               >
-                获取高亮节点的父节点
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
-          >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
-            >
+                <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-button__text"
-              >
-                获取高亮节点的所有父节点
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
-          >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
-            >
+                class="t-tree__icon t-folder-icon"
+                ignore="active"
+                trigger="expand"
+              />
               <span
-                class="t-button__text"
+                class="t-tree__label"
+                title="3.2"
               >
-                获取高亮节点在子节点中的位置
+                <span
+                  style="position: relative;"
+                >
+                  3.2
+                </span>
               </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
-          >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
+            </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;"
             >
-              <span
-                class="t-button__text"
+              <div
+                class="custom-line custom-line-leaf custom-line-last"
+                data-v-225666c0=""
               >
-                选中高亮节点
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
-          >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
-            >
+                <div
+                  class="custom-line-box"
+                  data-v-225666c0=""
+                />
+                <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-button__text"
-              >
-                展开高亮节点
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-space-item"
-          >
-            <button
-              class="t-button t-button--variant-base t-button--theme-primary"
-              type="button"
-            >
+                class="t-tree__icon t-folder-icon"
+                ignore="active"
+                trigger="expand"
+              />
               <span
-                class="t-button__text"
+                class="t-tree__label"
+                title="4"
               >
-                获取高亮节点与其子节点的数据
+                <span
+                  style="position: relative;"
+                >
+                  4
+                </span>
               </span>
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <div
-          class="tips"
-        >
-          <p>
-            * 相关信息通过控制台输出
-          </p>
+            </div>
+          </transition-group-stub>
         </div>
       </div>
     </div>
@@ -153257,7 +154530,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/operations.vue 1`] = `
 </div>
 `;
 
-exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
+exports[`csr snapshot test > csr test ./src/tree/_example/load.vue 1`] = `
 <div
   class="tdesign-tree-demo t-space t-space-vertical"
   style="gap: 32px;"
@@ -153279,118 +154552,31 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
             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>
-          <div
-            class="t-form__item t-form-item__"
-          >
-            <div
-              class="t-form__controls"
+              class="t-form__label t-form__label--left"
+              style="width: 60px;"
             >
-              <div
-                class="t-form__controls-content"
+              <label
+                for=""
               >
-                <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>
+                可选
+              </label>
             </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__"
-          >
             <div
               class="t-form__controls"
+              style="margin-left: 60px;"
             >
               <div
                 class="t-form__controls-content"
               >
                 <div
-                  class="t-input-adornment"
+                  class="t-switch t-size-m t-is-checked"
                 >
                   <span
-                    class="t-input-adornment__prepend"
-                  >
-                    <span
-                      class="t-input-adornment__text"
-                    >
-                      actived:
-                    </span>
-                  </span>
+                    class="t-switch__handle"
+                  />
                   <div
-                    class="t-input__wrap"
-                  >
-                    <div
-                      class="t-input"
-                    >
-                      <input
-                        autocomplete=""
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        unselectable="off"
-                      />
-                    </div>
-                  </div>
+                    class="t-switch__content t-size-m"
+                  />
                 </div>
               </div>
             </div>
@@ -153401,7 +154587,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
         class="t-space-item"
       >
         <div
-          class="t-tree t-tree--checkable t-tree--transition"
+          class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
         >
           <transition-group-stub
             class="t-tree__list"
@@ -153422,28 +154608,38 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
                 ignore="active"
                 trigger="expand"
               >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 16 16"
-                  width="1em"
+                <div
+                  class="t-loading--center t-size-m t-loading"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
+                  <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-is-indeterminate t-tree__label"
+                class="t-checkbox t-tree__label"
                 ignore="expand,active"
                 tabindex="0"
               >
                 <input
                   class="t-checkbox__former"
-                  indeterminate="indeterminate"
                   name="1"
                   tabindex="-1"
                   type="checkbox"
@@ -153461,39 +154657,49 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
             </div>
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="1.1"
+              data-level="0"
+              data-value="2"
               draggable="false"
-              style="--level: 1;"
+              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 16 16"
-                  width="1em"
+                <div
+                  class="t-loading--center t-size-m t-loading"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
+                  <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-is-indeterminate t-tree__label"
+                class="t-checkbox t-tree__label"
                 ignore="expand,active"
                 tabindex="0"
               >
                 <input
                   class="t-checkbox__former"
-                  indeterminate="indeterminate"
-                  name="1.1"
+                  name="2"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -153504,265 +154710,87 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
                 <span
                   class="t-checkbox__label"
                 >
-                  1.1
+                  2
                 </span>
               </label>
             </div>
+          </transition-group-stub>
+        </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%;"
+    >
+      <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
+            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="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 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </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"
+              data-level="0"
+              data-value="node1"
               draggable="false"
-              style="--level: 3;"
+              style="--level: 0;"
             >
               <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"
+                class="t-tree__label"
+                title=""
               >
-                <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"
+                  style="position: relative;"
                 >
-                  1.1.1.2
+                  1 | value: node1
                 </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 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </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"
+                class="t-tree__operations"
+                ignore="active,expand"
               >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
+                value: node1
               </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"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="2"
+              data-value="node2"
               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 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </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"
@@ -153771,36 +154799,19 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
               />
               <span
                 class="t-tree__label"
-                title="2.1"
+                title=""
               >
                 <span
                   style="position: relative;"
                 >
-                  2.1
+                  2 | value: node2
                 </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"
+                class="t-tree__operations"
+                ignore="active,expand"
               >
-                <span
-                  style="position: relative;"
-                >
-                  2.2
-                </span>
+                value: node2
               </span>
             </div>
           </transition-group-stub>
@@ -153808,50 +154819,50 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
       </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;"
+      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"
-          style="max-width: 500px;"
         >
           <div
             class="t-form__item t-form-item__"
           >
             <div
               class="t-form__label t-form__label--left"
-              style="width: 80px;"
+              style="width: 200px;"
             >
               <label
                 for=""
               >
-                展开动画
+                插入节点使用高亮节点
               </label>
             </div>
             <div
               class="t-form__controls"
-              style="margin-left: 80px;"
+              style="margin-left: 200px;"
             >
               <div
                 class="t-form__controls-content"
               >
                 <div
-                  class="t-switch t-size-m t-is-checked"
+                  class="t-switch t-size-m"
                 >
                   <span
                     class="t-switch__handle"
@@ -153868,17 +154879,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = `
           >
             <div
               class="t-form__label t-form__label--left"
-              style="width: 80px;"
+              style="width: 200px;"
             >
               <label
                 for=""
               >
-                显示连线
+                子节点展开触发父节点展开
               </label>
             </div>
             <div
               class="t-form__controls"
-              style="margin-left: 80px;"
+              style="margin-left: 200px;"
             >
               <div
                 class="t-form__controls-content"
@@ -153899,32 +154910,39 @@ exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = `
           <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"
+                  class="t-input-adornment"
                 >
                   <span
-                    class="t-switch__handle"
-                  />
+                    class="t-input-adornment__prepend"
+                  >
+                    <span
+                      class="t-input-adornment__text"
+                    >
+                      filter:
+                    </span>
+                  </span>
                   <div
-                    class="t-switch__content t-size-m"
-                  />
+                    class="t-input__wrap"
+                  >
+                    <div
+                      class="t-input"
+                    >
+                      <input
+                        autocomplete=""
+                        class="t-input__inner"
+                        placeholder="请输入"
+                        type="text"
+                        unselectable="off"
+                      />
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
@@ -153945,31 +154963,17 @@ exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = `
             tag="div"
           >
             <div
-              class="t-tree__item t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="t1"
+              data-value="node1"
               draggable="false"
               style="--level: 0;"
             >
               <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 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
+              />
               <label
                 class="t-checkbox t-tree__label"
                 ignore="expand,active"
@@ -153977,7 +154981,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t1"
+                  name="node1"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -153988,84 +154992,88 @@ exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = `
                 <span
                   class="t-checkbox__label"
                 >
-                  t1
+                  1 | value: node1
                 </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"
+                class="t-tree__operations"
+                ignore="active,expand"
               >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 16 16"
-                  width="1em"
+                <div
+                  class="t-space t-space-horizontal"
+                  style="gap: 10px;"
                 >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
+                  <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>
-              <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>
             </div>
             <div
-              class="t-tree__item t-tree__item--visible"
+              class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="0"
-              data-value="t3"
+              data-value="node2"
               draggable="false"
               style="--level: 0;"
             >
               <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 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M6 5v6l4.5-3L6 5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </span>
+              />
               <label
                 class="t-checkbox t-tree__label"
                 ignore="expand,active"
@@ -154073,7 +155081,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t3"
+                  name="node2"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -154084,45 +155092,435 @@ exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = `
                 <span
                   class="t-checkbox__label"
                 >
-                  t3
+                  2 | value: node2
                 </span>
               </label>
-            </div>
-          </transition-group-stub>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
+              <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>
+        </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
+              class="t-button t-button--variant-base 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-base 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-base 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-base 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-base 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-base 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-base 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-base 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-base 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-base 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-base 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-base t-button--theme-primary"
+              type="button"
+            >
+              <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[`csr snapshot test > csr test ./src/tree/_example/vscroll.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; width: 100%;"
+  style="gap: 32px;"
 >
   <div
     class="t-space-item"
   >
     <div
-      class="tdesign-tree-vscroll-lazy t-space t-space-vertical"
-      style="gap: 10px; width: 80%;"
+      class="t-space t-space-vertical"
+      style="gap: 10px;"
     >
       <div
         class="t-space-item"
       >
-        <h3
-          class="title"
+        <form
+          class="t-form"
         >
-          虚拟滚动 - lazy模式
-        </h3>
+          <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>
+          <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=""
+                        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__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=""
+                        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--hoverable t-tree--transition t-tree__lazyload"
-          style="height: 300px;"
+          class="t-tree t-tree--checkable t-tree--transition"
         >
           <transition-group-stub
             class="t-tree__list"
@@ -154134,176 +155532,897 @@ 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="t1"
+              data-value="1"
               draggable="false"
               style="--level: 0;"
             >
-              <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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </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="t2"
+              data-value="1.1"
               draggable="false"
               style="--level: 1;"
             >
-              <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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </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="t3"
+              data-value="1.1.1"
               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 />
+              <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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </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--open t-tree__item--visible"
-              data-level="2"
-              data-value="t5"
+              class="t-tree__item t-tree__item--visible"
+              data-level="3"
+              data-value="1.1.1.1"
               draggable="false"
-              style="--level: 2;"
+              style="--level: 3;"
             >
-              <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"
+              >
+                <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="2"
-              data-value="t6"
+              class="t-tree__item t-tree__item--visible"
+              data-level="3"
+              data-value="1.1.1.2"
               draggable="false"
-              style="--level: 2;"
+              style="--level: 3;"
             >
-              <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"
+              >
+                <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"
+              class="t-tree__item t-tree__item--visible"
               data-level="2"
-              data-value="t7"
+              data-value="1.1.2"
               draggable="false"
               style="--level: 2;"
             >
-              <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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </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"
+              class="t-tree__item t-tree__item--visible"
               data-level="1"
-              data-value="t8"
+              data-value="1.2"
               draggable="false"
               style="--level: 1;"
             >
-              <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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </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="t9"
+              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: 2;"
+              style="--level: 0;"
             >
-              <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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </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--open t-tree__item--visible"
-              data-level="2"
-              data-value="t10"
+              class="t-tree__item t-tree__item--visible"
+              data-level="1"
+              data-value="2.1"
               draggable="false"
-              style="--level: 2;"
+              style="--level: 1;"
             >
-              <div />
+              <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="2"
-              data-value="t11"
+              class="t-tree__item t-tree__item--visible"
+              data-level="1"
+              data-value="2.2"
               draggable="false"
-              style="--level: 2;"
+              style="--level: 1;"
             >
-              <div />
+              <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/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-form__item t-form-item__"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t12"
-              draggable="false"
-              style="--level: 2;"
+              class="t-form__label t-form__label--left"
+              style="width: 80px;"
             >
-              <div />
+              <label
+                for=""
+              >
+                展开动画
+              </label>
             </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;"
+              class="t-form__controls"
+              style="margin-left: 80px;"
             >
-              <div />
+              <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-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="t14"
-              draggable="false"
-              style="--level: 1;"
+              class="t-form__label t-form__label--left"
+              style="width: 80px;"
             >
-              <div />
+              <label
+                for=""
+              >
+                显示连线
+              </label>
             </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;"
+              class="t-form__controls"
+              style="margin-left: 80px;"
             >
-              <div />
+              <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-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t16"
-              draggable="false"
-              style="--level: 2;"
+              class="t-form__label t-form__label--left"
+              style="width: 80px;"
             >
-              <div />
+              <label
+                for=""
+              >
+                显示图标
+              </label>
             </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;"
+              class="t-form__controls"
+              style="margin-left: 80px;"
             >
-              <div />
+              <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="2"
-              data-value="t18"
+              class="t-tree__item t-tree__item--visible"
+              data-level="0"
+              data-value="t1"
               draggable="false"
-              style="--level: 2;"
+              style="--level: 0;"
             >
-              <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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </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>
             </div>
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="t19"
+              class="t-tree__item t-tree__item--visible"
+              data-level="0"
+              data-value="t2"
               draggable="false"
-              style="--level: 2;"
+              style="--level: 0;"
             >
-              <div />
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
+              <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 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </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>
+            </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"
+              >
+                <svg
+                  class="t-icon t-icon-caret-right-small"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6 5v6l4.5-3L6 5z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
+              </span>
+              <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>
+            </div>
+          </transition-group-stub>
+        </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;"
+        >
+          <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="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"
@@ -155558,244 +157677,2341 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
             class="t-form__item t-form-item__"
           >
             <div
-              class="t-form__label t-form__label--right"
+              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>
+            </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>
+  </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, 0px);"
+      />
+      <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="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 16 16"
+              width="1em"
+            >
+              <path
+                d="M6 5v6l4.5-3L6 5z"
+                fill="currentColor"
+                fill-opacity="0.9"
+              />
+            </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--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 16 16"
+              width="1em"
+            >
+              <path
+                d="M6 5v6l4.5-3L6 5z"
+                fill="currentColor"
+                fill-opacity="0.9"
+              />
+            </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="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"
+          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="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"
+          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="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"
+          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"
+            >
+              t5
+            </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"
+          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"
+            >
+              t6
+            </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"
+          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"
+            >
+              t7
+            </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="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 16 16"
+              width="1em"
+            >
+              <path
+                d="M6 5v6l4.5-3L6 5z"
+                fill="currentColor"
+                fill-opacity="0.9"
+              />
+            </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="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"
+          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="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="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="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="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"
+            >
+              t11
+            </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"
+          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"
+            >
+              t12
+            </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"
+          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"
+            >
+              t13
+            </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="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 16 16"
+              width="1em"
+            >
+              <path
+                d="M6 5v6l4.5-3L6 5z"
+                fill="currentColor"
+                fill-opacity="0.9"
+              />
+            </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--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"
+            >
+              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
+          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"
+            >
+              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
+          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="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"
+          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"
+            >
+              t18
+            </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"
+          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"
+            >
+              t19
+            </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="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 16 16"
+              width="1em"
+            >
+              <path
+                d="M6 5v6l4.5-3L6 5z"
+                fill="currentColor"
+                fill-opacity="0.9"
+              />
+            </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"
+            >
+              t20
+            </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"
+          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"
+            >
+              t21
+            </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"
+          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"
+            >
+              t22
+            </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"
+          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="tdesign-demo-block-row"
             >
-              <label
-                for=""
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                动画
-              </label>
-            </div>
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
+                <span
+                  class="t-button__text"
+                >
+                  添加子节点
+                </span>
+              </button>
+              <button
+                class="t-button t-button--variant-base t-button--theme-danger 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>
             </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="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"
           >
-            <div
-              class="t-form__label t-form__label--right"
+            <input
+              class="t-checkbox__former"
+              name="t24"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <label
-                for=""
-              >
-                显示连线
-              </label>
-            </div>
+              t24
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-form__controls"
+              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="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"
           >
-            <div
-              class="t-form__label t-form__label--right"
+            <input
+              class="t-checkbox__former"
+              name="t25"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
             >
-              <label
-                for=""
-              >
-                显示图标
-              </label>
-            </div>
+              t25
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-form__controls"
+              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="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"
           >
-            <div
-              class="t-form__label t-form__label--right"
+            <svg
+              class="t-icon t-icon-caret-right-small"
+              fill="none"
+              height="1em"
+              viewBox="0 0 16 16"
+              width="1em"
             >
-              <label
-                for=""
-              >
-                可选
-              </label>
-            </div>
+              <path
+                d="M6 5v6l4.5-3L6 5z"
+                fill="currentColor"
+                fill-opacity="0.9"
+              />
+            </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"
+            >
+              t26
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-form__controls"
+              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="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"
+            >
+              t27
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
           >
             <div
-              class="t-form__label t-form__label--right"
+              class="tdesign-demo-block-row"
             >
-              <label
-                for=""
+              <button
+                class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+                type="button"
               >
-                可操作
-              </label>
+                <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="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"
+            >
+              t28
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
+          >
             <div
-              class="t-form__controls"
+              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"
-      >
-        <form
-          class="t-form"
-          style="max-width: 500px;"
+          </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;"
         >
-          <div
-            class="t-form__item t-form-item__"
+          <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"
+            >
+              t29
+            </span>
+          </label>
+          <span
+            class="t-tree__operations"
+            ignore="active,expand"
           >
             <div
-              class="t-form__controls"
+              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-input-adornment"
+                <span
+                  class="t-button__text"
                 >
-                  <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>
+                  添加子节点
+                </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="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-form__controls"
+              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"
               >
-                <button
-                  class="t-button t-button--variant-base t-button--theme-primary"
-                  type="button"
+                <span
+                  class="t-button__text"
                 >
-                  <span
-                    class="t-button__text"
-                  >
-                    插入根节点
-                  </span>
-                </button>
-              </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>
-  </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, 0px);"
-      />
-      <div />
+          </span>
+        </div>
+      </transition-group-stub>
     </div>
   </div>
   <div
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index 8f73c8bdd..58c369fae 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -292,7 +292,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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M6 10v1h4v-1H6z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M4.5 5v1H3a.5.5 0 00-.5.5v7c0 .28.22.5.5.5h10a.5.5 0 00.5-.5v-7A.5.5 0 0013 6h-1.5V5a3.5 3.5 0 00-7 0zm6 1h-5V5a2.5 2.5 0 015 0v1zm-7 1h9v6h-9V7z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></path></svg></span><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-tree t-tree--transition\\" data-v-96b659ea><div></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error\\"><path fill=\\"currentColor\\" d=\\"M8.5 2h-1v9h1V2zm.1 10.8H7.4V14h1.2v-1.2z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error\\"><path fill=\\"currentColor\\" d=\\"M8.5 2h-1v9h1V2zm.1 10.8H7.4V14h1.2v-1.2z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></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>"`;
 
@@ -1193,25 +1193,25 @@ exports[`ssr snapshot test > renders ./src/tree/_example/debug-performance.vue c
 
 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=\\"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></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, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></div><div></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, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></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(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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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=\\"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=\\"t1167\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t1167\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"t1168\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t1168\\" 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=\\"t1169\\" 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=\\"t1169\\" 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=\\"t1170\\" 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=\\"t1170\\" 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=\\"t1171\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t1171\\" 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=\\"t1172\\" 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=\\"t1172\\" 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=\\"t1173\\" 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=\\"t1173\\" 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=\\"t1174\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t1174\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"t1175\\" 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=\\"t1175\\" 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=\\"t1176\\" 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=\\"t1176\\" 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=\\"t1177\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1177\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"t1178\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t1178\\" 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=\\"t1179\\" 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=\\"t1179\\" 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=\\"t1180\\" 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=\\"t1180\\" 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=\\"t1181\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t1181\\" 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=\\"t1182\\" 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=\\"t1182\\" 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=\\"t1183\\" 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=\\"t1183\\" 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=\\"t1184\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1184\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"t1185\\" 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=\\"t1185\\" 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=\\"t1186\\" 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=\\"t1186\\" 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/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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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=\\"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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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=\\"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></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></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></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></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=\\"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=\\"t1219\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t1220\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t1221\\" 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=\\"t1222\\" 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=\\"t1223\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t1224\\" 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=\\"t1225\\" 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=\\"t1226\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t1227\\" 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=\\"t1228\\" 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-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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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=\\"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=\\"t1239\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t1240\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t1243\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t1246\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t1247\\" 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=\\"t1248\\" 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-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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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=\\"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=\\"t1263\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t1270\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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/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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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=\\"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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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=\\"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=\\"t1353\\" 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=\\"t1354\\" 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=\\"t1355\\" 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=\\"t1356\\" 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/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=\\"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=\\"t1369\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1369, label: 1</strong></span></span></div><div data-value=\\"t1370\\" 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: t1370, label: 1.1</strong></span></span></div><div data-value=\\"t1371\\" 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: t1371, label: 1.2</strong></span></span></div><div data-value=\\"t1372\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1372, label: 2</strong></span></span></div><div data-value=\\"t1373\\" 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: t1373, label: 2.1</strong></span></span></div><div data-value=\\"t1374\\" 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: t1374, 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=\\"t1375\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1375\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 1, value: t1375</font></span></label></div><div data-value=\\"t1376\\" 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=\\"t1376\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 1.1, value: t1376</font></span></label></div><div data-value=\\"t1377\\" 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=\\"t1377\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 1.2, value: t1377</font></span></label></div><div data-value=\\"t1378\\" 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1378\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 2, value: t1378</font></span></label></div><div data-value=\\"t1379\\" 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=\\"t1379\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 2.1, value: t1379</font></span></label></div><div data-value=\\"t1380\\" 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=\\"t1380\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 2.2, value: t1380</font></span></label></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=\\"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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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=\\"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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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>"`;
 
@@ -1225,7 +1225,7 @@ exports[`ssr snapshot test > renders ./src/tree/_example/sync.vue correctly 1`]
 
 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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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/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, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></div><div></div></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=\\"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, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></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(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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></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-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>"`;