From f4bac7973674ab314cdea8ecf9727f535fadc87a Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Fri, 7 Nov 2025 09:19:40 +0800
Subject: [PATCH 1/5] feat(cascader): support parentnode filtering

---
 src/cascader/_example/custom-options.vue | 26 ++++++++++++++++++++++--
 src/cascader/_example/filterable.vue     |  2 ++
 src/cascader/cascader.en-US.md           |  4 ++--
 src/cascader/cascader.md                 |  4 ++--
 src/cascader/components/Item.tsx         |  5 +++--
 src/cascader/components/Panel.tsx        |  9 +++++++-
 src/cascader/core/className.ts           |  9 ++++----
 src/cascader/core/effect.ts              | 19 ++++++++++++++---
 src/cascader/hooks.ts                    | 16 +++++++++++++--
 src/cascader/interface.tsx               |  3 +++
 src/cascader/props.ts                    |  5 ++++-
 src/cascader/type.ts                     |  6 +++---
 12 files changed, 86 insertions(+), 22 deletions(-)

diff --git a/src/cascader/_example/custom-options.vue b/src/cascader/_example/custom-options.vue
index da4557202..8413cfcba 100644
--- a/src/cascader/_example/custom-options.vue
+++ b/src/cascader/_example/custom-options.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-space>
+  <t-space direction="vertical">
     <!-- 方式一：使用 options 自定义下拉选项内容 -->
     <t-cascader
       v-model="value1"
@@ -9,10 +9,10 @@
     />
     <!-- 方式二：使用插槽自定义下拉选项内容 -->
     <t-cascader
-      v-model="value2"
       :popupProps="{ overlayClassName: 'tdesign-demo-select__overlay-option' }"
       :options="options"
       style="width: 300px"
+      multiple
     >
       <template v-slot:option="{ item }">
         <div class="tdesign-demo__user-option">
@@ -33,6 +33,22 @@
       style="width: 300px"
     >
     </t-cascader>
+    <t-cascader
+      v-model="value4"
+      :popup-props="{ overlayClassName: 'tdesign-demo-select__overlay-option' }"
+      :options="options"
+      multiple
+    >
+      <template #option="{ item, onChange }">
+        <div class="tdesign-demo__user-option" @click="(e) => handleClick(item, onChange)">
+          <img src="https://tdesign.gtimg.com/site/avatar.jpg" />
+          <div class="tdesign-demo__user-option-info">
+            <div>{{ item.label }}</div>
+            <div>{{ item.value }}</div>
+          </div>
+        </div>
+      </template>
+    </t-cascader>
   </t-space>
 </template>
 
@@ -43,6 +59,7 @@ export default {
       value1: '',
       value2: '',
       value3: '',
+      value4: [],
       options: [
         {
           label: '选项一',
@@ -105,6 +122,11 @@ export default {
         </div>
       );
     },
+    handleClick(item, changeCallback) {
+      if (!Array.isArray(item.children)) {
+        changeCallback();
+      }
+    },
   },
 };
 </script>
diff --git a/src/cascader/_example/filterable.vue b/src/cascader/_example/filterable.vue
index 17a1d86c5..8d7c22b11 100644
--- a/src/cascader/_example/filterable.vue
+++ b/src/cascader/_example/filterable.vue
@@ -3,6 +3,7 @@
     <t-cascader v-model="value" :options="options" filterable clearable />
     <t-cascader v-model="value2" :options="options" filterable clearable multiple :min-collapsed-num="2" />
     <t-cascader v-model="value3" :filter="filterMethod" :options="options" clearable :min-collapsed-num="2" />
+    <t-cascader v-model="value4" filterable :options="options" clearable multiple check-strictly />
   </t-space>
 </template>
 <script>
@@ -46,6 +47,7 @@ export default {
       value: '',
       value2: ['1.1'],
       value3: '',
+      value4: [],
     };
   },
   methods: {
diff --git a/src/cascader/cascader.en-US.md b/src/cascader/cascader.en-US.md
index 65c364fe7..8348bb300 100644
--- a/src/cascader/cascader.en-US.md
+++ b/src/cascader/cascader.en-US.md
@@ -26,14 +26,14 @@ loadingText | String / Slot / Function | - | Typescript：`string \| TNode`。[s
 max | Number | 0 | \- | N
 minCollapsedNum | Number | 0 | \- | N
 multiple | Boolean | false | \- | N
-option | Slot / Function | - | customize one option。Typescript：`TNode<{ item: CascaderOption; index: number }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
+option | Slot / Function | - | customize one option。Typescript：`TNode<{ item: CascaderOption; index: number; onChange: ()=> void; onExpand: ()=> void }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/packages/components/common.ts) | N
 options | Array | [] | Typescript：`Array<CascaderOption>` | N
 placeholder | String | undefined | \- | N
 popupProps | Object | - | Typescript：`PopupProps`，[Popup API Documents](./popup?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/cascader/type.ts) | N
 popupVisible | Boolean | - | \- | N
 defaultPopupVisible | Boolean | - | uncontrolled property | N
 readonly | Boolean | false | \- | N
-reserveKeyword | Boolean | false | \- | N
+reserveKeyword | Boolean | true | \- | N
 selectInputProps | Object | - | Typescript：`SelectInputProps`，[SelectInput API Documents](./select-input?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/cascader/type.ts) | N
 showAllLevels | Boolean | true | \- | N
 size | String | medium | options: large/medium/small。Typescript：`SizeEnum`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
diff --git a/src/cascader/cascader.md b/src/cascader/cascader.md
index 52d557365..a66d0ad3c 100644
--- a/src/cascader/cascader.md
+++ b/src/cascader/cascader.md
@@ -26,13 +26,13 @@ loadingText | String / Slot / Function | - | 远程加载时显示的文字，
 max | Number | 0 | 用于控制多选数量，值为 0 则不限制 | N
 minCollapsedNum | Number | 0 | 最小折叠数量，用于多选情况下折叠选中项，超出该数值的选中项折叠。值为 0 则表示不折叠 | N
 multiple | Boolean | false | 是否允许多选 | N
-option | Slot / Function | - | 自定义单个级联选项。TS 类型：`TNode<{ item: CascaderOption; index: number }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
+option | Slot / Function | - | 自定义单个级联选项, item 是选项本身的值，index 是下标，onChange 用于触发当前节点选中，onExpand 用于触发当前节点展开。TS 类型：`TNode<{ item: CascaderOption; index: number; onChange: ()=> void; onExpand: ()=> void }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/packages/components/common.ts) | N
 options | Array | [] | 可选项数据源。TS 类型：`Array<CascaderOption>` | N
 placeholder | String | undefined | 占位符 | N
 popupProps | Object | - | 参考 popup 组件 API。TS 类型：`PopupProps`，[Popup API Documents](./popup?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/cascader/type.ts) | N
 popupVisible | Boolean | - | 是否显示下拉框 | N
 readonly | Boolean | false | 只读状态，值为真会隐藏输入框，且无法打开下拉框 | N
-reserveKeyword | Boolean | false | 多选且可搜索时，是否在选中一个选项后保留当前的搜索关键词 | N
+reserveKeyword | Boolean | true | 多选且可搜索时，是否在选中一个选项后保留当前的搜索关键词 | N
 selectInputProps | Object | - | 透传 SelectInput 筛选器输入框组件的全部属性。TS 类型：`SelectInputProps`，[SelectInput API Documents](./select-input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/cascader/type.ts) | N
 showAllLevels | Boolean | true | 选中值使用完整路径，输入框在单选时也显示完整路径 | N
 size | String | medium | 组件尺寸。可选项：large/medium/small。TS 类型：`SizeEnum`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
diff --git a/src/cascader/components/Item.tsx b/src/cascader/components/Item.tsx
index 7d32ea2e2..d64527c50 100644
--- a/src/cascader/components/Item.tsx
+++ b/src/cascader/components/Item.tsx
@@ -99,7 +99,7 @@ export default defineComponent({
 
     function RenderCheckBox(node: TreeNode, cascaderContext: CascaderContextType) {
       const {
-        checkProps, value, max, inputVal,
+        checkProps, value, max, inputVal, isParentFilterable,
       } = cascaderContext;
       const label = RenderLabelInner(node, cascaderContext);
       return (
@@ -109,7 +109,7 @@ export default defineComponent({
           disabled={node.isDisabled() || ((value as TreeNodeValue[]).length >= max && max !== 0)}
           name={String(node.value)}
           title={inputVal ? getFullPathLabel(node) : node.label}
-          stopLabelTrigger={!!node.children}
+          stopLabelTrigger={!!node.children && !isParentFilterable}
           onChange={(vale: boolean, { e }: { e: MouseEvent }) => {
             e.stopPropagation();
             onChange();
@@ -138,6 +138,7 @@ export default defineComponent({
             ? RenderCheckBox(node, cascaderContext)
             : RenderLabelContent(node, cascaderContext))}
         {node.children
+          && !this.cascaderContext.isParentFilterable
           && (node.loading ? <TLoading class={iconClass} size="small" /> : <ChevronRightIcon class={iconClass} />)}
       </li>
     );
diff --git a/src/cascader/components/Panel.tsx b/src/cascader/components/Panel.tsx
index b7986f915..ee470ce37 100644
--- a/src/cascader/components/Panel.tsx
+++ b/src/cascader/components/Panel.tsx
@@ -61,7 +61,14 @@ export default defineComponent({
       const optionChild = node.data.content
         ? getDefaultNode(node.data.content(this.$createElement))
         : renderTNodeJSXDefault('option', {
-          params: { item: node.data, index },
+          params: {
+            item: node.data,
+            index,
+            onExpand: () => handleExpand(node, 'click'),
+            onChange: () => {
+              valueChangeEffect(node, cascaderContext);
+            },
+          },
         });
       return (
         <Item
diff --git a/src/cascader/core/className.ts b/src/cascader/core/className.ts
index c84fb5b1f..a72ce9539 100644
--- a/src/cascader/core/className.ts
+++ b/src/cascader/core/className.ts
@@ -34,9 +34,10 @@ export function getNodeStatusClass(
   cascaderContext: CascaderContextType,
 ) {
   const {
-    checkStrictly, multiple, value, max,
+    checkStrictly, multiple, value, max, isParentFilterable,
   } = cascaderContext;
-  const expandedActive = (!checkStrictly && node.expanded && (multiple ? !node.isLeaf() : true)) || (checkStrictly && node.expanded);
+  const expandedActive = (!checkStrictly && node.expanded && (multiple ? !node.isLeaf() : true))
+    || (checkStrictly && node.expanded && !isParentFilterable);
 
   const isLeaf = node.isLeaf();
 
@@ -69,14 +70,14 @@ export function getCascaderItemClass(
   STATUS: Record<string, string>,
   cascaderContext: CascaderContextType,
 ) {
-  const { size } = cascaderContext;
+  const { size, isParentFilterable } = cascaderContext;
   return [
     `${prefix}-cascader__item`,
     ...getNodeStatusClass(node, STATUS, cascaderContext),
     SIZE[size],
     {
       [`${prefix}-cascader__item--with-icon`]: !!node.children,
-      [`${prefix}-cascader__item--leaf`]: node.isLeaf(),
+      [`${prefix}-cascader__item--leaf`]: node.isLeaf() || isParentFilterable,
     },
   ];
 }
diff --git a/src/cascader/core/effect.ts b/src/cascader/core/effect.ts
index f07ab2b1f..6481b3346 100644
--- a/src/cascader/core/effect.ts
+++ b/src/cascader/core/effect.ts
@@ -30,6 +30,7 @@ export function expendClickEffect(
     valueType,
     filterable,
     inputVal,
+    isParentFilterable,
   } = cascaderContext;
 
   const isDisabled = node.disabled || (multiple && (value as TreeNodeValue[]).length >= max && max !== 0);
@@ -46,7 +47,7 @@ export function expendClickEffect(
     setTreeNodes(nodes);
 
     // 多选条件下手动维护expend
-    if (multiple) {
+    if (multiple && !isParentFilterable) {
       setExpend(expanded);
     }
   }
@@ -74,7 +75,17 @@ export function expendClickEffect(
  */
 export function valueChangeEffect(node: TreeNode, cascaderContext: CascaderContextType) {
   const {
-    disabled, max, inputVal, multiple, setVisible, setValue, treeNodes, treeStore, valueType,
+    disabled,
+    max,
+    inputVal,
+    multiple,
+    setVisible,
+    setValue,
+    treeNodes,
+    treeStore,
+    valueType,
+    setInputVal,
+    reserveKeyword,
   } = cascaderContext;
 
   if (!node || disabled || node.disabled) {
@@ -117,6 +128,7 @@ export function valueChangeEffect(node: TreeNode, cascaderContext: CascaderConte
       .map((item) => item.value));
 
   setValue(resValue, node.checked ? 'uncheck' : 'check', node.getModel());
+  if (!reserveKeyword) setInputVal('');
 }
 
 /**
@@ -188,12 +200,13 @@ export const treeNodesEffect = (
   treeStore: CascaderContextType['treeStore'],
   setTreeNodes: CascaderContextType['setTreeNodes'],
   filter: CascaderContextType['filter'],
+  isParentFilterable: boolean,
 ) => {
   if (!treeStore) return;
   let nodes = [];
   if (inputVal) {
     const filterMethods = (node: TreeNode) => {
-      if (!node.isLeaf()) return;
+      if (!node.isLeaf() && !isParentFilterable) return;
       if (isFunction(filter)) {
         return filter(`${inputVal}`, node as TreeNodeModel & TreeNode);
       }
diff --git a/src/cascader/hooks.ts b/src/cascader/hooks.ts
index dde9a5bbc..86c32fc71 100644
--- a/src/cascader/hooks.ts
+++ b/src/cascader/hooks.ts
@@ -36,6 +36,11 @@ export const useContext = (
     expend: [],
   });
 
+  // 部分模式下需要允许父节点被搜索选择 valueMode = 'parentFirst' 和 checkStrictly
+  const isParentFilterable = computed(
+    () => (props.valueMode === 'parentFirst' || props.checkStrictly) && statusContext.inputVal,
+  );
+
   return {
     statusContext,
     cascaderContext: computed(() => {
@@ -53,6 +58,8 @@ export const useContext = (
         minCollapsedNum,
         valueType,
         value,
+        valueMode,
+        reserveKeyword,
       } = props;
       return {
         value: statusContext.scopeVal,
@@ -68,7 +75,10 @@ export const useContext = (
         showAllLevels,
         minCollapsedNum,
         valueType,
+        valueMode,
+        reserveKeyword,
         visible: innerPopupVisible.value,
+        isParentFilterable: isParentFilterable.value,
         cascaderValue: value,
         ...statusContext,
         setTreeNodes: (nodes: TreeNode[]) => {
@@ -108,8 +118,10 @@ export const useCascaderContext = (props: TdCascaderProps) => {
 
   // 更新treeNodes
   const updatedTreeNodes = () => {
-    const { inputVal, treeStore, setTreeNodes } = cascaderContext.value;
-    treeNodesEffect(inputVal, treeStore, setTreeNodes, props.filter);
+    const {
+      inputVal, treeStore, setTreeNodes, isParentFilterable,
+    } = cascaderContext.value;
+    treeNodesEffect(inputVal, treeStore, setTreeNodes, props.filter, isParentFilterable);
   };
 
   // 更新节点展开状态
diff --git a/src/cascader/interface.tsx b/src/cascader/interface.tsx
index 4fb175f7b..b18125f3d 100644
--- a/src/cascader/interface.tsx
+++ b/src/cascader/interface.tsx
@@ -22,6 +22,8 @@ export interface CascaderContextType
     | 'value'
     | 'minCollapsedNum'
     | 'valueType'
+    | 'valueMode'
+    | 'reserveKeyword'
   > {
   treeStore: TreeStore;
   setValue: (val: CascaderValue, source: CascaderChangeSource, node?: TreeNodeModel) => void;
@@ -33,6 +35,7 @@ export interface CascaderContextType
   setInputVal: (val: TdSelectInputProps['inputValue']) => void;
   setExpend: (val: TreeNodeValue[]) => void;
   cascaderValue: CascaderValue;
+  isParentFilterable: boolean;
 }
 
 export { TreeNode } from '../_common/js/tree/tree-node';
diff --git a/src/cascader/props.ts b/src/cascader/props.ts
index cf697a9e5..563840543 100644
--- a/src/cascader/props.ts
+++ b/src/cascader/props.ts
@@ -98,7 +98,10 @@ export default {
   /** 只读状态，值为真会隐藏输入框，且无法打开下拉框 */
   readonly: Boolean,
   /** 多选且可搜索时，是否在选中一个选项后保留当前的搜索关键词 */
-  reserveKeyword: Boolean,
+  reserveKeyword: {
+    type: Boolean,
+    default: true,
+  },
   /** 透传 SelectInput 筛选器输入框组件的全部属性 */
   selectInputProps: {
     type: Object as PropType<TdCascaderProps['selectInputProps']>,
diff --git a/src/cascader/type.ts b/src/cascader/type.ts
index 4d7698090..110bf25e8 100644
--- a/src/cascader/type.ts
+++ b/src/cascader/type.ts
@@ -110,9 +110,9 @@ export interface TdCascaderProps<CascaderOption extends TreeOptionData = TreeOpt
    */
   multiple?: boolean;
   /**
-   * 自定义单个级联选项
+   * 自定义单个级联选项, item 是选项本身的值，index 是下标，onChange 用于触发当前节点选中，onExpand 用于触发当前节点展开
    */
-  option?: TNode<{ item: CascaderOption; index: number }>;
+  option?: TNode<{ item: CascaderOption; index: number; onChange: () => void; onExpand: () => void }>;
   /**
    * 可选项数据源
    * @default []
@@ -137,7 +137,7 @@ export interface TdCascaderProps<CascaderOption extends TreeOptionData = TreeOpt
   readonly?: boolean;
   /**
    * 多选且可搜索时，是否在选中一个选项后保留当前的搜索关键词
-   * @default false
+   * @default true
    */
   reserveKeyword?: boolean;
   /**

From a2973c141fbb8db5e4c9e70df2f3a1b4338feb11 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Fri, 7 Nov 2025 09:32:19 +0800
Subject: [PATCH 2/5] chore: demo

---
 .../_example-composition/custom-options.vue   | 25 ++++++++++++++++++-
 .../_example-composition/filterable.vue       |  1 +
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/cascader/_example-composition/custom-options.vue b/src/cascader/_example-composition/custom-options.vue
index 7c85cc0d8..028c25e96 100644
--- a/src/cascader/_example-composition/custom-options.vue
+++ b/src/cascader/_example-composition/custom-options.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-space>
+  <t-space direction="vertical">
     <!-- 方式一：使用 options 自定义下拉选项内容 -->
     <t-cascader
       v-model="value1"
@@ -33,6 +33,22 @@
       style="width: 300px"
     >
     </t-cascader>
+    <t-cascader
+      v-model="value4"
+      :popup-props="{ overlayClassName: 'tdesign-demo-select__overlay-option' }"
+      :options="options"
+      multiple
+    >
+      <template #option="{ item, onChange }">
+        <div class="tdesign-demo__user-option" @click="(e) => handleClick(item, onChange)">
+          <img src="https://tdesign.gtimg.com/site/avatar.jpg" />
+          <div class="tdesign-demo__user-option-info">
+            <div>{{ item.label }}</div>
+            <div>{{ item.value }}</div>
+          </div>
+        </div>
+      </template>
+    </t-cascader>
   </t-space>
 </template>
 
@@ -42,6 +58,7 @@ import { ref, computed } from 'vue';
 const value1 = ref('');
 const value2 = ref('');
 const value3 = ref('');
+const value4 = ref([]);
 const options = ref([
   {
     label: '选项一',
@@ -97,6 +114,12 @@ const getDeepOptions = (options) => {
     }),
   }));
 };
+
+const handleClick = (item, changeCallback) => {
+  if (!Array.isArray(item.children)) {
+    changeCallback();
+  }
+};
 </script>
 
 <style>
diff --git a/src/cascader/_example-composition/filterable.vue b/src/cascader/_example-composition/filterable.vue
index b3e466066..2781a13c8 100644
--- a/src/cascader/_example-composition/filterable.vue
+++ b/src/cascader/_example-composition/filterable.vue
@@ -3,6 +3,7 @@
     <t-cascader v-model="value" :options="options" filterable clearable />
     <t-cascader v-model="value2" :options="options" filterable clearable multiple :min-collapsed-num="2" />
     <t-cascader v-model="value3" :filter="filterMethod" :options="options" clearable :min-collapsed-num="2" />
+    <t-cascader v-model="value4" filterable :options="options" clearable multiple check-strictly />
   </t-space>
 </template>
 <script setup>

From 5bb6e54dddded47695039c16e39feae6658070b1 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Fri, 7 Nov 2025 09:33:18 +0800
Subject: [PATCH 3/5] chore: update snapshot

---
 test/snap/__snapshots__/csr.test.js.snap | 204 +++++++++++++++++------
 test/snap/__snapshots__/ssr.test.js.snap |  14 +-
 2 files changed, 162 insertions(+), 56 deletions(-)

diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index b93cdd897..d1770ec5c 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -24368,7 +24368,7 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/collapsed.vue 1`]
 
 exports[`csr snapshot test > csr test ./src/cascader/_example/custom-options.vue 1`] = `
 <div
-  class="t-space t-space-horizontal"
+  class="t-space t-space-vertical"
   style="gap: 16px;"
 >
   <div
@@ -24421,11 +24421,11 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/custom-options.vue
     class="t-space-item"
   >
     <div
-      class="t-select-input t-select-input--empty t-cascader"
+      class="t-select-input t-select-input--multiple t-select-input--empty t-cascader"
       style="width: 300px;"
     >
       <div
-        class="t-input__wrap"
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty t-tag-input__with-suffix-icon"
       >
         <div
           class="t-input t-is-readonly t-input--prefix t-input--suffix"
@@ -24441,6 +24441,11 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/custom-options.vue
             type="text"
             unselectable="on"
           />
+          <span
+            class="t-input__input-pre"
+          >
+            请选择
+          </span>
           <span
             class="t-input__suffix t-input__suffix-icon"
           >
@@ -24511,6 +24516,57 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/custom-options.vue
       </div>
     </div>
   </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-select-input t-select-input--multiple t-select-input--empty t-cascader"
+    >
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty t-tag-input__with-suffix-icon"
+      >
+        <div
+          class="t-input t-is-readonly t-input--prefix t-input--suffix"
+        >
+          <div
+            class="t-input__prefix"
+          />
+          <input
+            autocomplete=""
+            class="t-input__inner"
+            placeholder="请选择"
+            readonly="readonly"
+            type="text"
+            unselectable="on"
+          />
+          <span
+            class="t-input__input-pre"
+          >
+            请选择
+          </span>
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-cascader__icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 `;
 
@@ -24933,6 +24989,56 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/filterable.vue 1`]
       </div>
     </div>
   </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-select-input t-select-input--multiple t-select-input--empty t-cascader"
+    >
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty t-tag-input__with-suffix-icon"
+      >
+        <div
+          class="t-input t-input--prefix t-input--suffix"
+        >
+          <div
+            class="t-input__prefix"
+          />
+          <input
+            autocomplete=""
+            class="t-input__inner"
+            placeholder="请选择"
+            type="text"
+            unselectable="off"
+          />
+          <span
+            class="t-input__input-pre"
+          >
+            请选择
+          </span>
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-cascader__icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 `;
 
@@ -131568,7 +131674,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="t332"
           draggable="false"
           style="--level: 0;"
         >
@@ -131606,7 +131712,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="t321"
+          data-value="t335"
           draggable="false"
           style="--level: 0;"
         >
@@ -131644,7 +131750,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="t324"
+          data-value="t338"
           draggable="false"
           style="--level: 0;"
         >
@@ -131682,7 +131788,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="t327"
+          data-value="t341"
           draggable="false"
           style="--level: 0;"
         >
@@ -136770,7 +136876,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="t463"
+          data-value="t477"
           draggable="false"
           style="--level: 0;"
         >
@@ -136808,7 +136914,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="t464"
+          data-value="t478"
           draggable="false"
           style="--level: 1;"
         >
@@ -136846,7 +136952,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="t467"
+          data-value="t481"
           draggable="false"
           style="--level: 1;"
         >
@@ -136884,7 +136990,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="t470"
+          data-value="t484"
           draggable="false"
           style="--level: 0;"
         >
@@ -136922,7 +137028,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="t471"
+          data-value="t485"
           draggable="false"
           style="--level: 1;"
         >
@@ -136945,7 +137051,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="t472"
+          data-value="t486"
           draggable="false"
           style="--level: 1;"
         >
@@ -137049,7 +137155,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="t473"
+          data-value="t487"
           draggable="false"
           style="--level: 0;"
         >
@@ -137087,7 +137193,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="t480"
+          data-value="t494"
           draggable="false"
           style="--level: 0;"
         >
@@ -137448,7 +137554,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="t523"
+              data-value="t537"
               draggable="false"
               style="--level: 0;"
             >
@@ -137479,7 +137585,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="t524"
+              data-value="t538"
               draggable="false"
               style="--level: 0;"
             >
@@ -137539,7 +137645,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="t525"
+              data-value="t539"
               draggable="false"
               style="--level: 0;"
             >
@@ -137570,7 +137676,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="t526"
+              data-value="t540"
               draggable="false"
               style="--level: 0;"
             >
@@ -137638,7 +137744,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="t541"
               draggable="false"
               style="--level: 0;"
             >
@@ -137670,7 +137776,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t527, label: 1
+                    value: t541, label: 1
                   </strong>
                 </span>
               </span>
@@ -137678,7 +137784,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="1"
-              data-value="t528"
+              data-value="t542"
               draggable="false"
               style="--level: 1;"
             >
@@ -137695,7 +137801,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t528, label: 1.1
+                    value: t542, label: 1.1
                   </strong>
                 </span>
               </span>
@@ -137703,7 +137809,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="1"
-              data-value="t529"
+              data-value="t543"
               draggable="false"
               style="--level: 1;"
             >
@@ -137720,7 +137826,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t529, label: 1.2
+                    value: t543, label: 1.2
                   </strong>
                 </span>
               </span>
@@ -137728,7 +137834,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="t530"
+              data-value="t544"
               draggable="false"
               style="--level: 0;"
             >
@@ -137760,7 +137866,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t530, label: 2
+                    value: t544, label: 2
                   </strong>
                 </span>
               </span>
@@ -137768,7 +137874,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="1"
-              data-value="t531"
+              data-value="t545"
               draggable="false"
               style="--level: 1;"
             >
@@ -137785,7 +137891,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t531, label: 2.1
+                    value: t545, label: 2.1
                   </strong>
                 </span>
               </span>
@@ -137793,7 +137899,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="1"
-              data-value="t532"
+              data-value="t546"
               draggable="false"
               style="--level: 1;"
             >
@@ -137810,7 +137916,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   style="position: relative;"
                 >
                   <strong>
-                    value: t532, label: 2.2
+                    value: t546, label: 2.2
                   </strong>
                 </span>
               </span>
@@ -137847,7 +137953,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="t533"
+              data-value="t547"
               draggable="false"
               style="--level: 0;"
             >
@@ -137879,7 +137985,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t533"
+                  name="t547"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -137893,7 +137999,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   <span
                     style="color: blue;"
                   >
-                    label: 1, value: t533
+                    label: 1, value: t547
                   </span>
                 </span>
               </label>
@@ -137901,7 +138007,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="1"
-              data-value="t534"
+              data-value="t548"
               draggable="false"
               style="--level: 1;"
             >
@@ -137918,7 +138024,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t534"
+                  name="t548"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -137932,7 +138038,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   <span
                     style="color: blue;"
                   >
-                    label: 1.1, value: t534
+                    label: 1.1, value: t548
                   </span>
                 </span>
               </label>
@@ -137940,7 +138046,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="1"
-              data-value="t535"
+              data-value="t549"
               draggable="false"
               style="--level: 1;"
             >
@@ -137957,7 +138063,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t535"
+                  name="t549"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -137971,7 +138077,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   <span
                     style="color: blue;"
                   >
-                    label: 1.2, value: t535
+                    label: 1.2, value: t549
                   </span>
                 </span>
               </label>
@@ -137979,7 +138085,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="t536"
+              data-value="t550"
               draggable="false"
               style="--level: 0;"
             >
@@ -138011,7 +138117,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t536"
+                  name="t550"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -138025,7 +138131,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   <span
                     style="color: blue;"
                   >
-                    label: 2, value: t536
+                    label: 2, value: t550
                   </span>
                 </span>
               </label>
@@ -138033,7 +138139,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="1"
-              data-value="t537"
+              data-value="t551"
               draggable="false"
               style="--level: 1;"
             >
@@ -138050,7 +138156,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t537"
+                  name="t551"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -138064,7 +138170,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   <span
                     style="color: blue;"
                   >
-                    label: 2.1, value: t537
+                    label: 2.1, value: t551
                   </span>
                 </span>
               </label>
@@ -138072,7 +138178,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
             <div
               class="t-tree__item t-tree__item--visible"
               data-level="1"
-              data-value="t538"
+              data-value="t552"
               draggable="false"
               style="--level: 1;"
             >
@@ -138089,7 +138195,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
               >
                 <input
                   class="t-checkbox__former"
-                  name="t538"
+                  name="t552"
                   tabindex="-1"
                   type="checkbox"
                   value=""
@@ -138103,7 +138209,7 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   <span
                     style="color: blue;"
                   >
-                    label: 2.2, value: t538
+                    label: 2.2, value: t552
                   </span>
                 </span>
               </label>
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index b228836f5..9dc64aba2 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -190,13 +190,13 @@ exports[`ssr snapshot test > renders ./src/cascader/_example/check-strictly.vue
 
 exports[`ssr snapshot test > renders ./src/cascader/_example/collapsed.vue correctly 1`] = `"<div data-server-rendered="true" class="t-space t-space-vertical" style="gap:16px;"><div class="t-space-item"><h3>default:</h3></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple t-cascader"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon"><div class="t-input t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-tag--close"><span>选项一/子选项一</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+2</span></div></div><input readonly="readonly" autocomplete="" placeholder="" type="text" unselectable="on" value="" class="t-input__inner t-input--soft-hidden"><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><h3>use collapsedItems:</h3></div><div class="t-space-item"><div class="t-space t-space-horizontal" style="gap:16px;"><div class="t-space-item"><div>size control:</div></div><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" tabindex="-1" data-value="'small'" value="small" class="t-radio__former"><span class="t-radio__input"></span><span class="t-radio__label">small</span></label><label tabindex="0" class="t-radio t-is-checked"><input type="radio" tabindex="-1" data-value="'medium'" value="medium" checked="checked" class="t-radio__former"><span class="t-radio__input"></span><span class="t-radio__label">medium</span></label><label tabindex="0" class="t-radio"><input type="radio" tabindex="-1" data-value="'large'" value="large" class="t-radio__former"><span class="t-radio__input"></span><span class="t-radio__label">large</span></label></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>disabled control:</span></div><div class="t-space-item"><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></div></div></div><div class="t-space-item"><div class="t-space t-space-horizontal" style="gap:16px;"><div class="t-space-item"><span>readonly control:</span></div><div class="t-space-item"><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></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple t-cascader"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon"><div class="t-input t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-tag--close"><span>选项一/子选项一</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>Function - More(2)</span></div></div><input readonly="readonly" autocomplete="" placeholder="" type="text" unselectable="on" value="" class="t-input__inner t-input--soft-hidden"><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/cascader/_example/custom-options.vue correctly 1`] = `"<div data-server-rendered="true" class="t-space t-space-horizontal" style="gap:16px;"><div class="t-space-item"><div class="t-select-input t-select-input--empty t-cascader"><div class="t-input__wrap"><div class="t-input t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input readonly="readonly" autocomplete="" placeholder="请选择" type="text" unselectable="on" value="" class="t-input__inner"><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--empty t-cascader" style="width:300px;"><div class="t-input__wrap"><div class="t-input t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input readonly="readonly" autocomplete="" placeholder="请选择" type="text" unselectable="on" value="" class="t-input__inner"><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--empty t-cascader" style="width:300px;"><div class="t-input__wrap"><div class="t-input t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input readonly="readonly" autocomplete="" placeholder="请选择" type="text" unselectable="on" value="" class="t-input__inner"><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/cascader/_example/custom-options.vue correctly 1`] = `"<div data-server-rendered="true" class="t-space t-space-vertical" style="gap:16px;"><div class="t-space-item"><div class="t-select-input t-select-input--empty t-cascader"><div class="t-input__wrap"><div class="t-input t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input readonly="readonly" autocomplete="" placeholder="请选择" type="text" unselectable="on" value="" class="t-input__inner"><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple t-select-input--empty t-cascader" style="width:300px;"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty t-tag-input__with-suffix-icon"><div class="t-input t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input readonly="readonly" autocomplete="" placeholder="请选择" type="text" unselectable="on" value="" class="t-input__inner"><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--empty t-cascader" style="width:300px;"><div class="t-input__wrap"><div class="t-input t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input readonly="readonly" autocomplete="" placeholder="请选择" type="text" unselectable="on" value="" class="t-input__inner"><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple t-select-input--empty t-cascader"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty t-tag-input__with-suffix-icon"><div class="t-input t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input readonly="readonly" autocomplete="" placeholder="请选择" type="text" unselectable="on" value="" class="t-input__inner"><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/cascader/_example/disabled.vue correctly 1`] = `"<div data-server-rendered="true" class="t-space t-space-vertical" style="gap:16px;"><div class="t-space-item"><div class="t-select-input t-cascader"><div class="t-input__wrap"><div class="t-input t-is-disabled t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input disabled="disabled" readonly="readonly" autocomplete="" placeholder="请选择" type="text" unselectable="on" title="选项一 / 子选项一" value="选项一 / 子选项一" class="t-input__inner"><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" disabled="disabled" class="t-fake-arrow t-cascader__icon t-is-disabled"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple t-cascader"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon"><div class="t-input t-is-disabled t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-is-disabled t-tag--disabled"><span>选项一/子选项一</span></div></div><input disabled="disabled" readonly="readonly" autocomplete="" placeholder="" type="text" unselectable="on" title="" value="" class="t-input__inner t-input--soft-hidden"><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" disabled="disabled" class="t-fake-arrow t-cascader__icon t-is-disabled"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/cascader/_example/ellipsis.vue correctly 1`] = `"<div data-server-rendered="true" class="t-space t-space-vertical" style="gap:16px;"><div class="t-space-item"><div class="t-select-input t-cascader"><div class="t-input__wrap"><div class="t-input t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input readonly="readonly" autocomplete="" placeholder="请选择" type="text" unselectable="on" value="当选项一数据展示文本过长时 / 子选项一" class="t-input__inner"><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple t-cascader"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon"><div class="t-input t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-tag--close"><span>当选项一数据展示文本过长时/子选项一</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input readonly="readonly" autocomplete="" placeholder="" type="text" unselectable="on" value="" class="t-input__inner t-input--soft-hidden"><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/cascader/_example/filterable.vue correctly 1`] = `"<div data-server-rendered="true" class="t-space t-space-vertical" style="gap:16px;"><div class="t-space-item"><div class="t-select-input t-select-input--empty t-cascader"><div class="t-input__wrap"><div class="t-input t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input autocomplete="" placeholder="请选择" type="text" unselectable="off" value="" class="t-input__inner"><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple t-cascader"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon"><div class="t-input t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-tag--close"><span>当选项一数据展示文本过长时/子选项一</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input autocomplete="" placeholder="" type="text" unselectable="off" value="" class="t-input__inner"><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--empty t-cascader"><div class="t-input__wrap"><div class="t-input t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input autocomplete="" placeholder="请选择" type="text" unselectable="off" value="" class="t-input__inner"><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/cascader/_example/filterable.vue correctly 1`] = `"<div data-server-rendered="true" class="t-space t-space-vertical" style="gap:16px;"><div class="t-space-item"><div class="t-select-input t-select-input--empty t-cascader"><div class="t-input__wrap"><div class="t-input t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input autocomplete="" placeholder="请选择" type="text" unselectable="off" value="" class="t-input__inner"><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple t-cascader"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon"><div class="t-input t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-tag--close"><span>当选项一数据展示文本过长时/子选项一</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input autocomplete="" placeholder="" type="text" unselectable="off" value="" class="t-input__inner"><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--empty t-cascader"><div class="t-input__wrap"><div class="t-input t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input autocomplete="" placeholder="请选择" type="text" unselectable="off" value="" class="t-input__inner"><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple t-select-input--empty t-cascader"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty t-tag-input__with-suffix-icon"><div class="t-input t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input autocomplete="" placeholder="请选择" type="text" unselectable="off" value="" class="t-input__inner"><span class="t-input__input-pre">请选择</span><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/cascader/_example/keys.vue correctly 1`] = `"<div data-server-rendered="true" class="t-space t-space-vertical" style="gap:16px;"><div class="t-space-item"><div class="t-select-input t-cascader"><div class="t-input__wrap"><div class="t-input t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input readonly="readonly" autocomplete="" placeholder="请选择" type="text" unselectable="on" value="选项一 / 子选项一" class="t-input__inner"><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div><div class="t-space-item"><div class="t-select-input t-select-input--multiple t-cascader"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon"><div class="t-input t-is-readonly t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark t-tag--close"><span>选项一/子选项一</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none;"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input readonly="readonly" autocomplete="" placeholder="" type="text" unselectable="on" value="" class="t-input__inner t-input--soft-hidden"><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="t-fake-arrow t-cascader__icon"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div>"`;
 
@@ -1271,7 +1271,7 @@ exports[`ssr snapshot test > renders ./src/transfer/_example/tree.vue correctly
 
 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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--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--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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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--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--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="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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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="t675" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><span title="第一段" class="t-tree__label"><span style="position:relative;">第一段</span></span></div><div data-value="t678" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><span title="第一段" class="t-tree__label"><span style="position:relative;">第一段</span></span></div><div data-value="t681" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><span title="第一段" class="t-tree__label"><span style="position:relative;">第一段</span></span></div><div data-value="t684" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="1" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="1.1" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="1.1.1" 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--visible" style="--level:3;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="1.1.1.1" 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--visible" style="--level:3;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="1.1.1.2" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="1.1.2" 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--visible" style="--level:3;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="1.1.2.1" 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--visible" style="--level:3;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="1.1.2.2" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="1.2" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="1.2.1" 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--visible" style="--level:3;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="1.2.1.1" 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--visible" style="--level:3;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="1.2.1.2" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="1.2.2" 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--visible" style="--level:3;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="1.2.2.1" 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--visible" style="--level:3;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="1.2.2.2" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="2" 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--visible" style="--level:1;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="2.1" 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--visible" style="--level:1;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="2.2" 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>"`;
 
@@ -1293,15 +1293,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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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--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--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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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--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--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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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--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--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="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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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-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="t963" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><span title="1" class="t-tree__label"><span style="position:relative;">1</span></span></div><div data-value="t964" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><span title="1.1" class="t-tree__label"><span style="position:relative;">1.1</span></span></div><div data-value="t967" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><span title="1.2" class="t-tree__label"><span style="position:relative;">1.2</span></span></div><div data-value="t970" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><span title="2" class="t-tree__label"><span style="position:relative;">2</span></span></div><div data-value="t971" 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="t972" 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="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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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="t987" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><span title="1" class="t-tree__label"><span style="position:relative;">1</span></span></div><div data-value="t994" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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="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/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="t1077" 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="t1078" 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="t1079" 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="t1080" 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="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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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--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--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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></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--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--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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="1" 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--visible" style="--level:1;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="1.1" 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--visible" style="--level:1;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="1.2" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="2" 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--visible" style="--level:1;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="2.1" 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--visible" style="--level:1;"><span trigger="expand" ignore="active" class="t-tree__icon t-folder-icon"></span><label tabindex="0" ignore="expand,active" title="2.2" 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/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="t1093" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><span title="1" class="t-tree__label"><span style="position:relative;"><strong>value: t1093, label: 1</strong></span></span></div><div data-value="t1094" 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="1.1" class="t-tree__label"><span style="position:relative;"><strong>value: t1094, label: 1.1</strong></span></span></div><div data-value="t1095" 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="1.2" class="t-tree__label"><span style="position:relative;"><strong>value: t1095, label: 1.2</strong></span></span></div><div data-value="t1096" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><span title="2" class="t-tree__label"><span style="position:relative;"><strong>value: t1096, label: 2</strong></span></span></div><div data-value="t1097" 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;"><strong>value: t1097, label: 2.1</strong></span></span></div><div data-value="t1098" 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;"><strong>value: t1098, 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="t1099" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="1" class="t-checkbox t-tree__label"><input type="checkbox" name="t1099" tabindex="-1" class="t-checkbox__former"><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span style="color:blue;">label: 1, value: t1099</span></span></label></div><div data-value="t1100" 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><label tabindex="0" ignore="expand,active" title="1.1" class="t-checkbox t-tree__label"><input type="checkbox" name="t1100" 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: t1100</span></span></label></div><div data-value="t1101" 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><label tabindex="0" ignore="expand,active" title="1.2" class="t-checkbox t-tree__label"><input type="checkbox" name="t1101" 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: t1101</span></span></label></div><div data-value="t1102" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="2" class="t-checkbox t-tree__label"><input type="checkbox" name="t1102" tabindex="-1" class="t-checkbox__former"><span class="t-checkbox__input"></span><span class="t-checkbox__label"><span style="color:blue;">label: 2, value: t1102</span></span></label></div><div data-value="t1103" 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><label tabindex="0" ignore="expand,active" title="2.1" class="t-checkbox t-tree__label"><input type="checkbox" name="t1103" 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: t1103</span></span></label></div><div data-value="t1104" 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><label tabindex="0" ignore="expand,active" title="2.2" class="t-checkbox t-tree__label"><input type="checkbox" name="t1104" 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: t1104</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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="1" 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" style="fill:none;"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"></path></svg></span><label tabindex="0" ignore="expand,active" title="2" 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>"`;
 

From b12b6b8496fb7504529659111fe18d94c0f7d710 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?w=C5=AB=20y=C4=81ng?= <uyarnchen@gmail.com>
Date: Fri, 7 Nov 2025 09:38:04 +0800
Subject: [PATCH 4/5] chore: docs

---
 src/cascader/cascader.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/cascader/cascader.md b/src/cascader/cascader.md
index a66d0ad3c..a554a49a6 100644
--- a/src/cascader/cascader.md
+++ b/src/cascader/cascader.md
@@ -26,7 +26,7 @@ loadingText | String / Slot / Function | - | 远程加载时显示的文字，
 max | Number | 0 | 用于控制多选数量，值为 0 则不限制 | N
 minCollapsedNum | Number | 0 | 最小折叠数量，用于多选情况下折叠选中项，超出该数值的选中项折叠。值为 0 则表示不折叠 | N
 multiple | Boolean | false | 是否允许多选 | N
-option | Slot / Function | - | 自定义单个级联选项, item 是选项本身的值，index 是下标，onChange 用于触发当前节点选中，onExpand 用于触发当前节点展开。TS 类型：`TNode<{ item: CascaderOption; index: number; onChange: ()=> void; onExpand: ()=> void }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/packages/components/common.ts) | N
+option | Slot / Function | - | 自定义单个级联选项, item 是选项本身的值，index 是下标，onChange 用于触发当前节点选中，onExpand 用于触发当前节点展开。TS 类型：`TNode<{ item: CascaderOption; index: number; onChange: ()=> void; onExpand: ()=> void }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 options | Array | [] | 可选项数据源。TS 类型：`Array<CascaderOption>` | N
 placeholder | String | undefined | 占位符 | N
 popupProps | Object | - | 参考 popup 组件 API。TS 类型：`PopupProps`，[Popup API Documents](./popup?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/cascader/type.ts) | N

From 2c945c2a0710434d43538b5dcc49c9b01b173880 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?w=C5=AB=20y=C4=81ng?= <uyarnchen@gmail.com>
Date: Fri, 7 Nov 2025 09:38:33 +0800
Subject: [PATCH 5/5] chore: docs

---
 src/cascader/cascader.en-US.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/cascader/cascader.en-US.md b/src/cascader/cascader.en-US.md
index 8348bb300..de5413e6b 100644
--- a/src/cascader/cascader.en-US.md
+++ b/src/cascader/cascader.en-US.md
@@ -26,7 +26,7 @@ loadingText | String / Slot / Function | - | Typescript：`string \| TNode`。[s
 max | Number | 0 | \- | N
 minCollapsedNum | Number | 0 | \- | N
 multiple | Boolean | false | \- | N
-option | Slot / Function | - | customize one option。Typescript：`TNode<{ item: CascaderOption; index: number; onChange: ()=> void; onExpand: ()=> void }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/packages/components/common.ts) | N
+option | Slot / Function | - | customize one option。Typescript：`TNode<{ item: CascaderOption; index: number; onChange: ()=> void; onExpand: ()=> void }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 options | Array | [] | Typescript：`Array<CascaderOption>` | N
 placeholder | String | undefined | \- | N
 popupProps | Object | - | Typescript：`PopupProps`，[Popup API Documents](./popup?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/cascader/type.ts) | N