From 51a23059f8ad8843912bc390e4b55fe789add3dc Mon Sep 17 00:00:00 2001
From: sinbadli <bless_lee@126.com>
Date: Fri, 24 May 2024 13:01:36 +0800
Subject: [PATCH] =?UTF-8?q?fix(transfer):=20=E6=B7=BB=E5=8A=A0tree?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加tree属性对function的支持

#3123
---
 src/transfer/_example-composition/tree.vue |   65 +-
 src/transfer/_example/tree.vue             |   66 +-
 src/transfer/components/transfer-list.tsx  |    2 +
 src/transfer/props.ts                      |    4 +
 src/transfer/transfer.tsx                  |    2 +-
 src/transfer/type.ts                       |    5 +
 test/snap/__snapshots__/csr.test.js.snap   | 1647 +++++++++++++-------
 test/snap/__snapshots__/ssr.test.js.snap   |   12 +-
 8 files changed, 1227 insertions(+), 576 deletions(-)

diff --git a/src/transfer/_example-composition/tree.vue b/src/transfer/_example-composition/tree.vue
index cb3842a0c..c975628b7 100644
--- a/src/transfer/_example-composition/tree.vue
+++ b/src/transfer/_example-composition/tree.vue
@@ -1,24 +1,39 @@
 <template>
-  <t-transfer
-    :data="items"
-    :search="true"
-    v-model="targetValue"
-    :checked.sync="checked"
-    @change="onChange"
-    @checked-change="handleCheckedChange"
-  >
-    <template v-slot:tree="slotProps">
-      <t-tree
-        :data="slotProps.data"
-        v-model="slotProps.value"
-        @change="slotProps.onChange"
-        checkable
-        hover
-        expand-all
-        transition
-      />
-    </template>
-  </t-transfer>
+  <t-space direction="vertical">
+    <p style="margin: 10px 0">使用插槽</p>
+    <t-transfer
+      :data="items"
+      :search="true"
+      v-model="targetValue1"
+      :checked.sync="checked1"
+      @change="onChange"
+      @checked-change="handleCheckedChange"
+    >
+      <template v-slot:tree="slotProps">
+        <t-tree
+          :data="slotProps.data"
+          v-model="slotProps.value"
+          @change="slotProps.onChange"
+          checkable
+          hover
+          expand-all
+          transition
+        />
+      </template>
+    </t-transfer>
+
+    <p style="margin: 10px 0">使用属性</p>
+    <t-transfer
+      :data="items"
+      :search="true"
+      v-model="targetValue2"
+      :checked.sync="checked2"
+      :tree="renderTree"
+      @change="onChange"
+      @checked-change="handleCheckedChange"
+    >
+    </t-transfer>
+  </t-space>
 </template>
 <script setup>
 import { ref } from 'vue';
@@ -69,8 +84,12 @@ const items = ref([
     ],
   },
 ]);
-const targetValue = ref([]);
-const checked = ref([]);
+const targetValue1 = ref([]);
+const checked1 = ref([]);
+
+const targetValue2 = ref([]);
+const checked2 = ref([]);
+
 const handleCheckedChange = ({
   checked, sourceChecked, targetChecked, type,
 }) => {
@@ -84,4 +103,6 @@ const handleCheckedChange = ({
 const onChange = (newTargetValue) => {
   console.log('onChange', newTargetValue);
 };
+
+const renderTree = (h, { data, value, onChange }) => <t-tree data={data} value={value} onChange={onChange} checkable hover expand-all transition></t-tree>;
 </script>
diff --git a/src/transfer/_example/tree.vue b/src/transfer/_example/tree.vue
index 0127d1f6b..e510ea8dc 100644
--- a/src/transfer/_example/tree.vue
+++ b/src/transfer/_example/tree.vue
@@ -1,26 +1,41 @@
 <template>
-  <t-transfer
-    :data="items"
-    :search="true"
-    v-model="targetValue"
-    :checked.sync="checked"
-    @change="onChange"
-    @checked-change="handleCheckedChange"
-  >
-    <template v-slot:tree="slotProps">
-      <t-tree
-        :data="slotProps.data"
-        v-model="slotProps.value"
-        @change="slotProps.onChange"
-        checkable
-        hover
-        expand-all
-        transition
-      />
-    </template>
-  </t-transfer>
+  <t-space direction="vertical">
+    <p style="margin: 10px 0">使用插槽</p>
+    <t-transfer
+      :data="items"
+      :search="true"
+      v-model="targetValue1"
+      :checked.sync="checked1"
+      @change="onChange"
+      @checked-change="handleCheckedChange"
+    >
+      <template v-slot:tree="slotProps">
+        <t-tree
+          :data="slotProps.data"
+          v-model="slotProps.value"
+          @change="slotProps.onChange"
+          checkable
+          hover
+          expand-all
+          transition
+        />
+      </template>
+    </t-transfer>
+
+    <p style="margin: 10px 0">使用属性</p>
+    <t-transfer
+      :data="items"
+      :search="true"
+      v-model="targetValue2"
+      :checked.sync="checked2"
+      :tree="renderTree"
+      @change="onChange"
+      @checked-change="handleCheckedChange"
+    >
+    </t-transfer>
+  </t-space>
 </template>
-<script>
+<script lang="tsx">
 export default {
   data() {
     return {
@@ -70,11 +85,16 @@ export default {
           ],
         },
       ],
-      targetValue: [],
-      checked: [],
+      targetValue1: [],
+      checked1: [],
+      targetValue2: [],
+      checked2: [],
     };
   },
   methods: {
+    renderTree(h, { data, value, onChange }) {
+      return <t-tree data={data} value={value} onChange={onChange} checkable hover expand-all transition></t-tree>;
+    },
     handleCheckedChange({
       checked, sourceChecked, targetChecked, type,
     }) {
diff --git a/src/transfer/components/transfer-list.tsx b/src/transfer/components/transfer-list.tsx
index 141e9dc58..846766f1c 100644
--- a/src/transfer/components/transfer-list.tsx
+++ b/src/transfer/components/transfer-list.tsx
@@ -18,6 +18,7 @@ import ripple from '../../utils/ripple';
 import Search from './transfer-search';
 import { renderTNodeJSXDefault } from '../../utils/render-tnode';
 import { getKeepAnimationMixins, getClassPrefixMixins } from '../../config-provider/config-receiver';
+import props from '../props';
 
 const classPrefixMixins = getClassPrefixMixins('transfer');
 
@@ -74,6 +75,7 @@ export default mixins(keepAnimationMixins, classPrefixMixins).extend({
     checkAll: Boolean,
     t: Function,
     global: Object,
+    tree: props.tree,
     isTreeMode: {
       type: Boolean as PropType<boolean>,
       default: false,
diff --git a/src/transfer/props.ts b/src/transfer/props.ts
index 894786991..28aaf94da 100644
--- a/src/transfer/props.ts
+++ b/src/transfer/props.ts
@@ -91,6 +91,10 @@ export default {
   transferItem: {
     type: Function as PropType<TdTransferProps['transferItem']>,
   },
+  /** 传入 Tree 组件定义树形结构 */
+  tree: {
+    type: Function as PropType<TdTransferProps['tree']>,
+  },
   /** 目标数据列表数据 */
   value: {
     type: Array as PropType<TdTransferProps['value']>,
diff --git a/src/transfer/transfer.tsx b/src/transfer/transfer.tsx
index 351335eed..23bd31614 100644
--- a/src/transfer/transfer.tsx
+++ b/src/transfer/transfer.tsx
@@ -59,7 +59,7 @@ export default mixins(getConfigReceiverMixins('transfer')).extend({
     },
     isTreeMode(): boolean {
       const treeSlot = this.$scopedSlots.tree;
-      return typeof treeSlot === 'function';
+      return typeof treeSlot === 'function' || typeof this.tree === 'function';
     },
     leftButtonDisabled(): boolean {
       return this.direction === 'right';
diff --git a/src/transfer/type.ts b/src/transfer/type.ts
index b87f7bff1..aad325ea6 100644
--- a/src/transfer/type.ts
+++ b/src/transfer/type.ts
@@ -7,6 +7,7 @@
 import { CheckboxProps } from '../checkbox';
 import { PaginationProps, PageInfo } from '../pagination';
 import { InputProps } from '../input';
+import { TreeProps } from '../tree';
 import { TNode, KeysType } from '../common';
 
 export interface TdTransferProps<T extends DataOption = DataOption> {
@@ -88,6 +89,10 @@ export interface TdTransferProps<T extends DataOption = DataOption> {
    * 自定义渲染节点
    */
   transferItem?: TNode<TransferItem<T>>;
+  /**
+   * 传入 Tree 组件定义树形结构
+   */
+  tree?: (tree: TreeProps) => TNode;
   /**
    * 目标数据列表数据
    * @default []
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index d32c58eca..a85fb3962 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -115701,571 +115701,1170 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/target-value.vue 1
 
 exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = `
 <div
-  class="t-transfer t-transfer__search t-transfer--with-tree"
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
   <div
-    class="t-transfer__list t-transfer__list-source"
+    class="t-space-item"
   >
-    <div
-      class="t-transfer__list-header"
+    <p
+      style="margin: 10px 0px;"
     >
-      <div>
-        <label
-          class="t-checkbox"
-          tabindex="0"
-        >
-          <input
-            class="t-checkbox__former"
-            tabindex="-1"
-            type="checkbox"
-            value=""
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          />
-        </label>
-        <span>
-          0 / 5 项
-        </span>
-      </div>
-      <span />
-    </div>
+      使用插槽
+    </p>
+  </div>
+  <div
+    class="t-space-item"
+  >
     <div
-      class="t-transfer__list-body t-transfer__list--with-search"
+      class="t-transfer t-transfer__search t-transfer--with-tree"
     >
       <div
-        class="t-transfer__search-wrapper"
+        class="t-transfer__list t-transfer__list-source"
       >
         <div
-          class="t-input__wrap"
+          class="t-transfer__list-header"
         >
-          <div
-            class="t-input t-input--suffix"
-          >
-            <input
-              autocomplete=""
-              class="t-input__inner"
-              placeholder="请输入关键词搜索"
-              type="text"
-              unselectable="off"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
+          <div>
+            <label
+              class="t-checkbox"
+              tabindex="0"
             >
-              <svg
-                class="t-icon t-icon-search"
-                fill="none"
-                height="1em"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
-                  fill="currentColor"
-                />
-              </svg>
+              <input
+                class="t-checkbox__former"
+                tabindex="-1"
+                type="checkbox"
+                value=""
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              />
+            </label>
+            <span>
+              0 / 5 项
             </span>
           </div>
+          <span />
         </div>
-      </div>
-      <div
-        class="t-transfer__list-content narrow-scrollbar"
-      >
         <div
-          class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+          class="t-transfer__list-body t-transfer__list--with-search"
         >
           <div
-            class="t-tree__list"
-            style="transform: translateY(0px);"
+            class="t-transfer__search-wrapper"
           >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="1"
-              draggable="false"
-              style="--level: 0;"
+              class="t-input__wrap"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <div
+                class="t-input t-input--suffix"
               >
                 <input
-                  class="t-checkbox__former"
-                  name="1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
+                  autocomplete=""
+                  class="t-input__inner"
+                  placeholder="请输入关键词搜索"
+                  type="text"
+                  unselectable="off"
                 />
                 <span
-                  class="t-checkbox__label"
+                  class="t-input__suffix t-input__suffix-icon"
                 >
-                  1
+                  <svg
+                    class="t-icon t-icon-search"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
+                      fill="currentColor"
+                    />
+                  </svg>
                 </span>
-              </label>
+              </div>
             </div>
+          </div>
+          <div
+            class="t-transfer__list-content narrow-scrollbar"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="1.1"
-              draggable="false"
-              style="--level: 1;"
+              class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <div
+                class="t-tree__list"
+                style="transform: translateY(0px);"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="0"
+                  data-value="1"
+                  draggable="false"
+                  style="--level: 0;"
                 >
-                  1.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="1.2"
-              draggable="false"
-              style="--level: 1;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
+                  <span
+                    class="t-tree__icon t-folder-icon t-tree__icon--default"
+                    ignore="active"
+                    trigger="expand"
+                  >
+                    <svg
+                      class="t-icon t-icon-caret-right-small"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M16.5 12l-7-7v14l7-7z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </span>
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="1"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      1
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="1"
+                  data-value="1.1"
+                  draggable="false"
+                  style="--level: 1;"
                 >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
+                  <span
+                    class="t-tree__icon t-folder-icon"
+                    ignore="active"
+                    trigger="expand"
                   />
-                </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"
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="1.1"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      1.1
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="1"
+                  data-value="1.2"
+                  draggable="false"
+                  style="--level: 1;"
                 >
-                  1.2
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="2"
-              data-value="1.2.1"
-              draggable="false"
-              style="--level: 2;"
-            >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
+                  <span
+                    class="t-tree__icon t-folder-icon t-tree__icon--default"
+                    ignore="active"
+                    trigger="expand"
+                  >
+                    <svg
+                      class="t-icon t-icon-caret-right-small"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M16.5 12l-7-7v14l7-7z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </span>
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="1.2"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      1.2
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="2"
+                  data-value="1.2.1"
+                  draggable="false"
+                  style="--level: 2;"
                 >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
+                  <span
+                    class="t-tree__icon t-folder-icon t-tree__icon--default"
+                    ignore="active"
+                    trigger="expand"
+                  >
+                    <svg
+                      class="t-icon t-icon-caret-right-small"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M16.5 12l-7-7v14l7-7z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </span>
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="1.2.1"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      1.2.1
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="3"
+                  data-value="1.2.1.1"
+                  draggable="false"
+                  style="--level: 3;"
+                >
+                  <span
+                    class="t-tree__icon t-folder-icon"
+                    ignore="active"
+                    trigger="expand"
                   />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="1.2.1.1"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      1.2.1.1
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="3"
+                  data-value="1.2.1.2"
+                  draggable="false"
+                  style="--level: 3;"
                 >
-                  1.2.1
-                </span>
-              </label>
+                  <span
+                    class="t-tree__icon t-folder-icon"
+                    ignore="active"
+                    trigger="expand"
+                  />
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="1.2.1.2"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      1.2.1.2
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="0"
+                  data-value="2"
+                  draggable="false"
+                  style="--level: 0;"
+                >
+                  <span
+                    class="t-tree__icon t-folder-icon t-tree__icon--default"
+                    ignore="active"
+                    trigger="expand"
+                  >
+                    <svg
+                      class="t-icon t-icon-caret-right-small"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M16.5 12l-7-7v14l7-7z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </span>
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="2"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      2
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="1"
+                  data-value="2.1"
+                  draggable="false"
+                  style="--level: 1;"
+                >
+                  <span
+                    class="t-tree__icon t-folder-icon"
+                    ignore="active"
+                    trigger="expand"
+                  />
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="2.1"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      2.1
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="1"
+                  data-value="2.2"
+                  draggable="false"
+                  style="--level: 1;"
+                >
+                  <span
+                    class="t-tree__icon t-folder-icon"
+                    ignore="active"
+                    trigger="expand"
+                  />
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="2.2"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      2.2
+                    </span>
+                  </label>
+                </div>
+              </div>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="3"
-              data-value="1.2.1.1"
-              draggable="false"
-              style="--level: 3;"
+          </div>
+        </div>
+        <div
+          class="t-transfer__footer"
+        />
+      </div>
+      <div
+        class="t-transfer__operations"
+      >
+        <button
+          class="t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square"
+          disabled="disabled"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-chevron-right"
+            fill="none"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
+              fill="currentColor"
+            />
+          </svg>
+        </button>
+        <button
+          class="t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square"
+          disabled="disabled"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-chevron-left"
+            fill="none"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
+              fill="currentColor"
+            />
+          </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
+                class="t-checkbox__former"
+                disabled="disabled"
+                tabindex="-1"
+                type="checkbox"
+                value=""
+              />
               <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+                class="t-checkbox__input"
               />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2.1.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.2.1.1
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="3"
-              data-value="1.2.1.2"
-              draggable="false"
-              style="--level: 3;"
-            >
               <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+                class="t-checkbox__label"
               />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1.2.1.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  1.2.1.2
-                </span>
-              </label>
-            </div>
+            </label>
+            <span>
+              0 / 0 项
+            </span>
+          </div>
+          <span />
+        </div>
+        <div
+          class="t-transfer__list-body t-transfer__list--with-search"
+        >
+          <div
+            class="t-transfer__search-wrapper"
+          >
             <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="0"
-              data-value="2"
-              draggable="false"
-              style="--level: 0;"
+              class="t-input__wrap"
             >
-              <span
-                class="t-tree__icon t-folder-icon t-tree__icon--default"
-                ignore="active"
-                trigger="expand"
-              >
-                <svg
-                  class="t-icon t-icon-caret-right-small"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M16.5 12l-7-7v14l7-7z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <div
+                class="t-input t-input--suffix"
               >
                 <input
-                  class="t-checkbox__former"
-                  name="2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
+                  autocomplete=""
+                  class="t-input__inner"
+                  placeholder="请输入关键词搜索"
+                  type="text"
+                  unselectable="off"
                 />
                 <span
-                  class="t-checkbox__label"
+                  class="t-input__suffix t-input__suffix-icon"
                 >
-                  2
+                  <svg
+                    class="t-icon t-icon-search"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
+                      fill="currentColor"
+                    />
+                  </svg>
                 </span>
-              </label>
+              </div>
             </div>
-            <div
-              class="t-tree__item t-tree__item--open t-tree__item--visible"
-              data-level="1"
-              data-value="2.1"
-              draggable="false"
-              style="--level: 1;"
+          </div>
+          <div
+            class="t-transfer__empty"
+          >
+            <span>
+              暂无数据
+            </span>
+          </div>
+        </div>
+        <div
+          class="t-transfer__footer"
+        />
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <p
+      style="margin: 10px 0px;"
+    >
+      使用属性
+    </p>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-transfer t-transfer__search t-transfer--with-tree"
+    >
+      <div
+        class="t-transfer__list t-transfer__list-source"
+      >
+        <div
+          class="t-transfer__list-header"
+        >
+          <div>
+            <label
+              class="t-checkbox"
+              tabindex="0"
             >
+              <input
+                class="t-checkbox__former"
+                tabindex="-1"
+                type="checkbox"
+                value=""
+              />
               <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
+                class="t-checkbox__input"
               />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <span
+                class="t-checkbox__label"
+              />
+            </label>
+            <span>
+              0 / 5 项
+            </span>
+          </div>
+          <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
-                  class="t-checkbox__former"
-                  name="2.1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
+                  autocomplete=""
+                  class="t-input__inner"
+                  placeholder="请输入关键词搜索"
+                  type="text"
+                  unselectable="off"
                 />
                 <span
-                  class="t-checkbox__label"
+                  class="t-input__suffix t-input__suffix-icon"
                 >
-                  2.1
+                  <svg
+                    class="t-icon t-icon-search"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
+                      fill="currentColor"
+                    />
+                  </svg>
                 </span>
-              </label>
+              </div>
             </div>
+          </div>
+          <div
+            class="t-transfer__list-content narrow-scrollbar"
+          >
             <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;"
+              class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
             >
-              <span
-                class="t-tree__icon t-folder-icon"
-                ignore="active"
-                trigger="expand"
-              />
-              <label
-                class="t-checkbox t-tree__label"
-                ignore="expand,active"
-                tabindex="0"
+              <div
+                class="t-tree__list"
+                style="transform: translateY(0px);"
               >
-                <input
-                  class="t-checkbox__former"
-                  name="2.2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="0"
+                  data-value="1"
+                  draggable="false"
+                  style="--level: 0;"
+                >
+                  <span
+                    class="t-tree__icon t-folder-icon t-tree__icon--default"
+                    ignore="active"
+                    trigger="expand"
+                  >
+                    <svg
+                      class="t-icon t-icon-caret-right-small"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M16.5 12l-7-7v14l7-7z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </span>
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="1"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      1
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="1"
+                  data-value="1.1"
+                  draggable="false"
+                  style="--level: 1;"
+                >
+                  <span
+                    class="t-tree__icon t-folder-icon"
+                    ignore="active"
+                    trigger="expand"
+                  />
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="1.1"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      1.1
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="1"
+                  data-value="1.2"
+                  draggable="false"
+                  style="--level: 1;"
+                >
+                  <span
+                    class="t-tree__icon t-folder-icon t-tree__icon--default"
+                    ignore="active"
+                    trigger="expand"
+                  >
+                    <svg
+                      class="t-icon t-icon-caret-right-small"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M16.5 12l-7-7v14l7-7z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </span>
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="1.2"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      1.2
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="2"
+                  data-value="1.2.1"
+                  draggable="false"
+                  style="--level: 2;"
+                >
+                  <span
+                    class="t-tree__icon t-folder-icon t-tree__icon--default"
+                    ignore="active"
+                    trigger="expand"
+                  >
+                    <svg
+                      class="t-icon t-icon-caret-right-small"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M16.5 12l-7-7v14l7-7z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </span>
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="1.2.1"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      1.2.1
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="3"
+                  data-value="1.2.1.1"
+                  draggable="false"
+                  style="--level: 3;"
+                >
+                  <span
+                    class="t-tree__icon t-folder-icon"
+                    ignore="active"
+                    trigger="expand"
+                  />
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="1.2.1.1"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      1.2.1.1
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="3"
+                  data-value="1.2.1.2"
+                  draggable="false"
+                  style="--level: 3;"
+                >
+                  <span
+                    class="t-tree__icon t-folder-icon"
+                    ignore="active"
+                    trigger="expand"
+                  />
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="1.2.1.2"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      1.2.1.2
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="0"
+                  data-value="2"
+                  draggable="false"
+                  style="--level: 0;"
+                >
+                  <span
+                    class="t-tree__icon t-folder-icon t-tree__icon--default"
+                    ignore="active"
+                    trigger="expand"
+                  >
+                    <svg
+                      class="t-icon t-icon-caret-right-small"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M16.5 12l-7-7v14l7-7z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </span>
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="2"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      2
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="1"
+                  data-value="2.1"
+                  draggable="false"
+                  style="--level: 1;"
+                >
+                  <span
+                    class="t-tree__icon t-folder-icon"
+                    ignore="active"
+                    trigger="expand"
+                  />
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="2.1"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      2.1
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="t-tree__item t-tree__item--open t-tree__item--visible"
+                  data-level="1"
+                  data-value="2.2"
+                  draggable="false"
+                  style="--level: 1;"
                 >
-                  2.2
-                </span>
-              </label>
+                  <span
+                    class="t-tree__icon t-folder-icon"
+                    ignore="active"
+                    trigger="expand"
+                  />
+                  <label
+                    class="t-checkbox t-tree__label"
+                    ignore="expand,active"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      name="2.2"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                    <span
+                      class="t-checkbox__label"
+                    >
+                      2.2
+                    </span>
+                  </label>
+                </div>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-    </div>
-    <div
-      class="t-transfer__footer"
-    />
-  </div>
-  <div
-    class="t-transfer__operations"
-  >
-    <button
-      class="t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square"
-      disabled="disabled"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-chevron-right"
-        fill="none"
-        height="1em"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <path
-          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-          fill="currentColor"
+        <div
+          class="t-transfer__footer"
         />
-      </svg>
-    </button>
-    <button
-      class="t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square"
-      disabled="disabled"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-chevron-left"
-        fill="none"
-        height="1em"
-        viewBox="0 0 24 24"
-        width="1em"
+      </div>
+      <div
+        class="t-transfer__operations"
       >
-        <path
-          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
-          fill="currentColor"
-        />
-      </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"
+        <button
+          class="t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square"
+          disabled="disabled"
+          type="button"
         >
-          <input
-            class="t-checkbox__former"
-            disabled="disabled"
-            tabindex="-1"
-            type="checkbox"
-            value=""
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          />
-        </label>
-        <span>
-          0 / 0 项
-        </span>
+          <svg
+            class="t-icon t-icon-chevron-right"
+            fill="none"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
+              fill="currentColor"
+            />
+          </svg>
+        </button>
+        <button
+          class="t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square"
+          disabled="disabled"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-chevron-left"
+            fill="none"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
+              fill="currentColor"
+            />
+          </svg>
+        </button>
       </div>
-      <span />
-    </div>
-    <div
-      class="t-transfer__list-body t-transfer__list--with-search"
-    >
       <div
-        class="t-transfer__search-wrapper"
+        class="t-transfer__list t-transfer__list-target"
       >
         <div
-          class="t-input__wrap"
+          class="t-transfer__list-header"
+        >
+          <div>
+            <label
+              class="t-checkbox t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                disabled="disabled"
+                tabindex="-1"
+                type="checkbox"
+                value=""
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              />
+            </label>
+            <span>
+              0 / 0 项
+            </span>
+          </div>
+          <span />
+        </div>
+        <div
+          class="t-transfer__list-body t-transfer__list--with-search"
         >
           <div
-            class="t-input t-input--suffix"
+            class="t-transfer__search-wrapper"
           >
-            <input
-              autocomplete=""
-              class="t-input__inner"
-              placeholder="请输入关键词搜索"
-              type="text"
-              unselectable="off"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
+            <div
+              class="t-input__wrap"
             >
-              <svg
-                class="t-icon t-icon-search"
-                fill="none"
-                height="1em"
-                viewBox="0 0 24 24"
-                width="1em"
+              <div
+                class="t-input t-input--suffix"
               >
-                <path
-                  d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
-                  fill="currentColor"
+                <input
+                  autocomplete=""
+                  class="t-input__inner"
+                  placeholder="请输入关键词搜索"
+                  type="text"
+                  unselectable="off"
                 />
-              </svg>
+                <span
+                  class="t-input__suffix t-input__suffix-icon"
+                >
+                  <svg
+                    class="t-icon t-icon-search"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-transfer__empty"
+          >
+            <span>
+              暂无数据
             </span>
           </div>
         </div>
-      </div>
-      <div
-        class="t-transfer__empty"
-      >
-        <span>
-          暂无数据
-        </span>
+        <div
+          class="t-transfer__footer"
+        />
       </div>
     </div>
-    <div
-      class="t-transfer__footer"
-    />
   </div>
 </div>
 `;
@@ -116563,7 +117162,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = `
         <div
           class="t-tree__item t-tree__item--visible"
           data-level="0"
-          data-value="t309"
+          data-value="t318"
           draggable="false"
           style="--level: 0;"
         >
@@ -116599,7 +117198,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = `
         <div
           class="t-tree__item t-tree__item--visible"
           data-level="0"
-          data-value="t312"
+          data-value="t321"
           draggable="false"
           style="--level: 0;"
         >
@@ -116635,7 +117234,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = `
         <div
           class="t-tree__item t-tree__item--visible"
           data-level="0"
-          data-value="t315"
+          data-value="t324"
           draggable="false"
           style="--level: 0;"
         >
@@ -116671,7 +117270,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = `
         <div
           class="t-tree__item t-tree__item--visible"
           data-level="0"
-          data-value="t318"
+          data-value="t327"
           draggable="false"
           style="--level: 0;"
         >
@@ -121621,7 +122220,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="t454"
+          data-value="t463"
           draggable="false"
           style="--level: 0;"
         >
@@ -121657,7 +122256,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
         <div
           class="t-tree__item t-tree__item--visible"
           data-level="1"
-          data-value="t455"
+          data-value="t464"
           draggable="false"
           style="--level: 1;"
         >
@@ -121693,7 +122292,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
         <div
           class="t-tree__item t-tree__item--visible"
           data-level="1"
-          data-value="t458"
+          data-value="t467"
           draggable="false"
           style="--level: 1;"
         >
@@ -121729,7 +122328,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="t461"
+          data-value="t470"
           draggable="false"
           style="--level: 0;"
         >
@@ -121765,7 +122364,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
         <div
           class="t-tree__item t-tree__item--visible"
           data-level="1"
-          data-value="t462"
+          data-value="t471"
           draggable="false"
           style="--level: 1;"
         >
@@ -121788,7 +122387,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
         <div
           class="t-tree__item t-tree__item--visible"
           data-level="1"
-          data-value="t463"
+          data-value="t472"
           draggable="false"
           style="--level: 1;"
         >
@@ -121892,7 +122491,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-mutex.vue 1`] =
         <div
           class="t-tree__item t-tree__item--visible"
           data-level="0"
-          data-value="t464"
+          data-value="t473"
           draggable="false"
           style="--level: 0;"
         >
@@ -121928,7 +122527,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-mutex.vue 1`] =
         <div
           class="t-tree__item t-tree__item--visible"
           data-level="0"
-          data-value="t471"
+          data-value="t480"
           draggable="false"
           style="--level: 0;"
         >
@@ -122279,7 +122878,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="0"
-              data-value="t514"
+              data-value="t523"
               draggable="false"
               style="--level: 0;"
             >
@@ -122310,7 +122909,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="0"
-              data-value="t515"
+              data-value="t524"
               draggable="false"
               style="--level: 0;"
             >
@@ -122370,7 +122969,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="0"
-              data-value="t516"
+              data-value="t525"
               draggable="false"
               style="--level: 0;"
             >
@@ -122401,7 +123000,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/icon.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="0"
-              data-value="t517"
+              data-value="t526"
               draggable="false"
               style="--level: 0;"
             >
@@ -122469,7 +123068,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="t518"
+              data-value="t527"
               draggable="false"
               style="--level: 0;"
             >
@@ -122499,7 +123098,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t518, label: 1
+                    value: t527, label: 1
                   </strong>
                 </span>
               </span>
@@ -122507,7 +123106,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t519"
+              data-value="t528"
               draggable="false"
               style="--level: 1;"
             >
@@ -122524,7 +123123,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t519, label: 1.1
+                    value: t528, label: 1.1
                   </strong>
                 </span>
               </span>
@@ -122532,7 +123131,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t520"
+              data-value="t529"
               draggable="false"
               style="--level: 1;"
             >
@@ -122549,7 +123148,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t520, label: 1.2
+                    value: t529, label: 1.2
                   </strong>
                 </span>
               </span>
@@ -122557,7 +123156,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="t521"
+              data-value="t530"
               draggable="false"
               style="--level: 0;"
             >
@@ -122587,7 +123186,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t521, label: 2
+                    value: t530, label: 2
                   </strong>
                 </span>
               </span>
@@ -122595,7 +123194,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t522"
+              data-value="t531"
               draggable="false"
               style="--level: 1;"
             >
@@ -122612,7 +123211,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t522, label: 2.1
+                    value: t531, label: 2.1
                   </strong>
                 </span>
               </span>
@@ -122620,7 +123219,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t523"
+              data-value="t532"
               draggable="false"
               style="--level: 1;"
             >
@@ -122637,7 +123236,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t523, label: 2.2
+                    value: t532, label: 2.2
                   </strong>
                 </span>
               </span>
@@ -122674,7 +123273,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="t524"
+              data-value="t533"
               draggable="false"
               style="--level: 0;"
             >
@@ -122703,7 +123302,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t524"
+                  name="t533"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -122717,7 +123316,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   <span
                     style="color: blue;"
                   >
-                    label: 1, value: t524
+                    label: 1, value: t533
                   </span>
                 </span>
               </label>
@@ -122725,7 +123324,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t525"
+              data-value="t534"
               draggable="false"
               style="--level: 1;"
             >
@@ -122741,7 +123340,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t525"
+                  name="t534"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -122755,7 +123354,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   <span
                     style="color: blue;"
                   >
-                    label: 1.1, value: t525
+                    label: 1.1, value: t534
                   </span>
                 </span>
               </label>
@@ -122763,7 +123362,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t526"
+              data-value="t535"
               draggable="false"
               style="--level: 1;"
             >
@@ -122779,7 +123378,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t526"
+                  name="t535"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -122793,7 +123392,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   <span
                     style="color: blue;"
                   >
-                    label: 1.2, value: t526
+                    label: 1.2, value: t535
                   </span>
                 </span>
               </label>
@@ -122801,7 +123400,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="t527"
+              data-value="t536"
               draggable="false"
               style="--level: 0;"
             >
@@ -122830,7 +123429,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t527"
+                  name="t536"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -122844,7 +123443,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   <span
                     style="color: blue;"
                   >
-                    label: 2, value: t527
+                    label: 2, value: t536
                   </span>
                 </span>
               </label>
@@ -122852,7 +123451,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t528"
+              data-value="t537"
               draggable="false"
               style="--level: 1;"
             >
@@ -122868,7 +123467,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t528"
+                  name="t537"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -122882,7 +123481,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   <span
                     style="color: blue;"
                   >
-                    label: 2.1, value: t528
+                    label: 2.1, value: t537
                   </span>
                 </span>
               </label>
@@ -122890,7 +123489,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--open t-tree__item--visible"
               data-level="1"
-              data-value="t529"
+              data-value="t538"
               draggable="false"
               style="--level: 1;"
             >
@@ -122906,7 +123505,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t529"
+                  name="t538"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -122920,7 +123519,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   <span
                     style="color: blue;"
                   >
-                    label: 2.2, value: t529
+                    label: 2.2, value: t538
                   </span>
                 </span>
               </label>
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index 08813f20d..6b332f650 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -1217,11 +1217,11 @@ exports[`ssr snapshot test > renders ./src/transfer/_example/target-draggable.vu
 
 exports[`ssr snapshot test > renders ./src/transfer/_example/target-value.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 10 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 10 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/transfer/_example/tree.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer t-transfer__search t-transfer--with-tree\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 5 项</span></div><span></span></div><div class=\\"t-transfer__list-body 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=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></span></div></div></div><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"1.2.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.1</span></label></div><div data-value=\\"1.2.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></div></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body 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=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></span></div></div></div><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/transfer/_example/tree.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><p style=\\"margin:10px 0;\\">使用插槽</p></div><div class=\\"t-space-item\\"><div class=\\"t-transfer t-transfer__search t-transfer--with-tree\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 5 项</span></div><span></span></div><div class=\\"t-transfer__list-body 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=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></span></div></div></div><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"1.2.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.1</span></label></div><div data-value=\\"1.2.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></div></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body 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=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></span></div></div></div><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div></div><div class=\\"t-space-item\\"><p style=\\"margin:10px 0;\\">使用属性</p></div><div class=\\"t-space-item\\"><div class=\\"t-transfer t-transfer__search t-transfer--with-tree\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 5 项</span></div><span></span></div><div class=\\"t-transfer__list-body 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=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></span></div></div></div><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"1.2.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.1</span></label></div><div data-value=\\"1.2.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></div></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body 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=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></span></div></div></div><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tree/_example/activable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>节点可高亮: </span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>节点可多选高亮:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>整个节点可点击:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"t2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t629\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t632\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t635\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t638\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t647\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t650\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t653\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t656\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tree/_example/checkable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>可选:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>严格模式:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'onlyLeaf'\\" value=\\"onlyLeaf\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">onlyLeaf</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'parentFirst'\\" value=\\"parentFirst\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">parentFirst</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'all'\\" value=\\"all\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">all</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">反选</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.1</span></label></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.2</span></label></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.1.2.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2.1</span></label></div><div data-value=\\"1.1.2.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2.2</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"1.2.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.1</span></label></div><div data-value=\\"1.2.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.2</span></label></div><div data-value=\\"1.2.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"1.2.2.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2.1</span></label></div><div data-value=\\"1.2.2.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></div></div></div></div>"`;
 
@@ -1243,15 +1243,15 @@ exports[`ssr snapshot test > renders ./src/tree/_example/empty.vue correctly 1`]
 
 exports[`ssr snapshot test > renders ./src/tree/_example/expand-all.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>切换数据:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>展开动画:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t1</span></span></div><div data-value=\\"t1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t1.1</span></span></div><div data-value=\\"t1.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t1.1.1</span></span></div><div data-value=\\"t1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t1.1.2</span></span></div><div data-value=\\"t1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t1.2</span></span></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2.1</span></span></div><div data-value=\\"1.2.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2.2</span></span></div><div data-value=\\"t2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t2</span></span></div><div data-value=\\"t2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t2.1</span></span></div><div data-value=\\"t2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">t2.2</span></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/expand-level.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t917\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t918\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t921\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t924\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t925\\" 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=\\"t926\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/expand-level.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t935\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t936\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t939\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t942\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t943\\" 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=\\"t944\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/expand-mutex.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>互斥展开:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>整个节点可点击:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t941\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t948\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/expand-mutex.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>互斥展开:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>整个节点可点击:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t959\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t966\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tree/_example/filter.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\" style=\\"width:300px;\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\" style=\\"width:300px;\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"allow expand or fold tree nodes on filter\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>属性设置 jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1031\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-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=\\"t1032\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-folder\\"><use href=\\"#t-icon-folder\\"></use></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1033\\" 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=\\"t1034\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-caret-right\\"><use href=\\"#t-icon-caret-right\\"></use></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>属性设置 jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1049\\" 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=\\"t1050\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-folder\\"><use href=\\"#t-icon-folder\\"></use></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1051\\" 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=\\"t1052\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"><svg class=\\"t-icon t-icon-caret-right\\"><use href=\\"#t-icon-caret-right\\"></use></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/label.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>属性设置 jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1047\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1047, label: 1</strong></span></span></div><div data-value=\\"t1048\\" 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: t1048, label: 1.1</strong></span></span></div><div data-value=\\"t1049\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1049, label: 1.2</strong></span></span></div><div data-value=\\"t1050\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1050, label: 2</strong></span></span></div><div data-value=\\"t1051\\" 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: t1051, label: 2.1</strong></span></span></div><div data-value=\\"t1052\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1052, label: 2.2</strong></span></span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1053\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1053\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 1, value: t1053</span></span></label></div><div data-value=\\"t1054\\" 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=\\"t1054\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 1.1, value: t1054</span></span></label></div><div data-value=\\"t1055\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1055\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 1.2, value: t1055</span></span></label></div><div data-value=\\"t1056\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1056\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 2, value: t1056</span></span></label></div><div data-value=\\"t1057\\" 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=\\"t1057\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 2.1, value: t1057</span></span></label></div><div data-value=\\"t1058\\" 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=\\"t1058\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 2.2, value: t1058</span></span></label></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/label.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>属性设置 jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1065\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1065, label: 1</strong></span></span></div><div data-value=\\"t1066\\" 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: t1066, label: 1.1</strong></span></span></div><div data-value=\\"t1067\\" 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: t1067, label: 1.2</strong></span></span></div><div data-value=\\"t1068\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t1068, label: 2</strong></span></span></div><div data-value=\\"t1069\\" 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: t1069, label: 2.1</strong></span></span></div><div data-value=\\"t1070\\" 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: t1070, label: 2.2</strong></span></span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1071\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1071\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 1, value: t1071</span></span></label></div><div data-value=\\"t1072\\" 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=\\"t1072\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 1.1, value: t1072</span></span></label></div><div data-value=\\"t1073\\" 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=\\"t1073\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 1.2, value: t1073</span></span></label></div><div data-value=\\"t1074\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1074\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 2, value: t1074</span></span></label></div><div data-value=\\"t1075\\" 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=\\"t1075\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 2.1, value: t1075</span></span></label></div><div data-value=\\"t1076\\" 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=\\"t1076\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span style=\\"color:blue;\\">label: 2.2, value: t1076</span></span></label></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tree/_example/lazy.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>可选:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>严格模式:</span></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><div class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div></div></div></div></div>"`;