diff --git a/src/cascader/_example/collapsed.vue b/src/cascader/_example/collapsed.vue
index 1d6910be60..c6176d4b30 100644
--- a/src/cascader/_example/collapsed.vue
+++ b/src/cascader/_example/collapsed.vue
@@ -1,24 +1,57 @@
 <template>
   <t-space direction="vertical">
-    <t-cascader v-model="value" :options="options" :on-remove="handleBlur" multiple :min-collapsed-num="1" />
-    <t-cascader v-model="value" :options="options" :collapsed-items="collapsedItems" multiple :min-collapsed-num="1" />
-    <t-cascader v-model="value" :options="options" multiple clearable :min-collapsed-num="1">
-      <template #collapsedItems="{ collapsedSelectedItems, count }">
-        <t-popup>
-          <template #content>
-            <p v-for="(item, index) in collapsedSelectedItems" :key="index" style="padding: 10px">
-              {{ item }}
-            </p>
-          </template>
-          <span v-show="count > 0" style="color: #00a870; margin-left: 10px">+{{ count - 1 }}</span>
-        </t-popup>
+    <h3>default:</h3>
+    <t-cascader v-model="value1" :options="options" :on-remove="handleBlur" multiple :min-collapsed-num="1" />
+
+    <h3>use collapsedItems:</h3>
+    <t-space>
+      <div>size control:</div>
+      <t-radio-group :value="size" :options="['small', 'medium', 'large']" @change="(value) => (size = value)" />
+    </t-space>
+    <t-space>
+      <span>disabled control:</span>
+      <t-checkbox :checked="disabled" @change="(value) => (disabled = value)" />
+    </t-space>
+    <t-space>
+      <span>readonly control:</span>
+      <t-checkbox :checked="readonly" @change="(value) => (readonly = value)" />
+    </t-space>
+    <t-cascader
+      v-model="value1"
+      :options="options"
+      multiple
+      :min-collapsed-num="minCollapsedNum"
+      :collapsed-items="collapsedItems"
+      :size="size"
+      :disabled="disabled"
+      :readonly="readonly"
+    />
+    <t-cascader
+      v-model="value1"
+      :options="options"
+      multiple
+      :min-collapsed-num="minCollapsedNum"
+      :size="size"
+      :disabled="disabled"
+      :readonly="readonly"
+    >
+      <template #collapsedItems="{ value: v, onClose }">
+        <CollapsedItemsRender
+          :style="{ marginRight: '4px' }"
+          :value="v"
+          :min-collapsed-num="minCollapsedNum"
+          :size="size"
+          :disabled="disabled"
+          :closable="!readonly && !disabled"
+          @close="onClose"
+        />
       </template>
     </t-cascader>
   </t-space>
 </template>
 
 <script lang="jsx" setup>
-import { ref } from 'vue';
+import { defineComponent, computed, ref } from 'vue';
 
 const options = [
   {
@@ -55,30 +88,90 @@ const options = [
   },
 ];
 
-const value = ref(['1.1', '1.2', '1.3']);
+const value1 = ref(['1.1', '1.2', '1.3']);
+const size = ref('medium');
+const disabled = ref(false);
+const readonly = ref(false);
+const minCollapsedNum = ref(1);
 
 const handleBlur = (e) => {
   console.log(e);
 };
 
-const collapsedItems = (h, { value, count }) => {
-  if (!(value instanceof Array) || !count) return;
+// Function
+const collapsedItems = (h, { value, onClose }) => {
+  if (!(value instanceof Array)) return null;
+  const count = value.length - minCollapsedNum.value;
+  const collapsedTags = value.slice(minCollapsedNum.value, value.length);
+  if (count <= 0) return null;
   return (
     <t-popup
       v-slots={{
         content: () => (
-          <div>
-            {value.map((item) => (
-              <p style="padding: 10px;">{item}</p>
+          <>
+            {collapsedTags.map((item, index) => (
+              <t-tag
+                key={item}
+                style={{ marginRight: '4px' }}
+                size={size.value}
+                disabled={disabled.value}
+                closable={!readonly.value && !disabled.value}
+                onClose={(context) => onClose({ e: context.e, index: minCollapsedNum.value + index })}
+              >
+                {item}
+              </t-tag>
             ))}
-          </div>
+          </>
         ),
       }}
     >
-      <span v-show={count > 0} style="color: #ED7B2F; margin-left: 10px;">
-        +{count - 1}
-      </span>
+      <t-tag size={size.value} disabled={disabled.value}>
+        Function - More({count})
+      </t-tag>
     </t-popup>
   );
 };
+
+// Slot Component
+const CollapsedItemsRender = defineComponent({
+  name: 'CollapsedItemsRender',
+  // eslint-disable-next-line vue/require-prop-types
+  props: ['value', 'minCollapsedNum'],
+  emits: ['close'],
+  setup(props, { attrs, emit }) {
+    const count = computed(() => {
+      return props.value.length - props.minCollapsedNum;
+    });
+    const collapsedTags = computed(() => {
+      return props.value.slice(props.minCollapsedNum, props.value.length);
+    });
+
+    return () => {
+      if (count.value <= 0) return null;
+      return (
+        <t-popup
+          v-slots={{
+            content: () => (
+              <>
+                {collapsedTags.value.map((item, index) => (
+                  <t-tag
+                    {...attrs}
+                    key={item}
+                    onClose={(context) => emit('close', { e: context.e, index: props.minCollapsedNum.value + index })}
+                  >
+                    {item}
+                  </t-tag>
+                ))}
+              </>
+            ),
+          }}
+        >
+          <t-tag {...attrs} closable={false}>
+            Slot - More({count.value})
+          </t-tag>
+        </t-popup>
+      );
+    };
+  },
+});
 </script>
diff --git a/src/cascader/cascader.en-US.md b/src/cascader/cascader.en-US.md
index f48768f839..1ec1a79ae8 100644
--- a/src/cascader/cascader.en-US.md
+++ b/src/cascader/cascader.en-US.md
@@ -1,6 +1,7 @@
 :: BASE_DOC ::
 
 ## API
+
 ### Cascader Props
 
 name | type | default | description | required
@@ -10,7 +11,7 @@ borderless | Boolean | false | \- | N
 checkProps | Object | - | Typescript：`CheckboxProps`，[Checkbox API Documents](./checkbox?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/cascader/type.ts) | N
 checkStrictly | Boolean | false | \- | N
 clearable | Boolean | false | \- | N
-collapsedItems | Slot / Function | - | Typescript：`TNode<{ value: CascaderOption[]; collapsedSelectedItems: CascaderOption[]; count: number }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+collapsedItems | Slot / Function | - | Typescript：`TNode<{ value: CascaderOption[]; collapsedSelectedItems: CascaderOption[]; count: number; onClose: (context: { index: number, e?: MouseEvent }) => void }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 disabled | Boolean | - | \- | N
 empty | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 filter | Function | - | Typescript：`(filterWords: string, node: TreeNodeModel) => boolean \| Promise<boolean>` | N
diff --git a/src/cascader/cascader.md b/src/cascader/cascader.md
index 900d94dddc..f367c08b7f 100644
--- a/src/cascader/cascader.md
+++ b/src/cascader/cascader.md
@@ -1,16 +1,17 @@
 :: BASE_DOC ::
 
 ## API
+
 ### Cascader Props
 
-名称 | 类型 | 默认值 | 说明 | 必传
+名称 | 类型 | 默认值 | 描述 | 必传
 -- | -- | -- | -- | --
 autofocus | Boolean | - | 自动聚焦 | N
 borderless | Boolean | false | 无边框模式 | N
 checkProps | Object | - | 参考 checkbox 组件 API。TS 类型：`CheckboxProps`，[Checkbox API Documents](./checkbox?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/cascader/type.ts) | N
 checkStrictly | Boolean | false | 父子节点选中状态不再关联，可各自选中或取消 | N
 clearable | Boolean | false | 是否支持清空选项 | N
-collapsedItems | Slot / Function | - | 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedTags` 表示折叠的标签，`count` 表示折叠的数量。TS 类型：`TNode<{ value: CascaderOption[]; collapsedSelectedItems: CascaderOption[]; count: number }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+collapsedItems | Slot / Function | - | 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedSelectedItems` 表示折叠的标签，`count` 表示折叠的数量，`onClose` 表示移除标签的事件回调。TS 类型：`TNode<{ value: CascaderOption[]; collapsedSelectedItems: CascaderOption[]; count: number; onClose: (context: { index: number, e?: MouseEvent }) => void }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 disabled | Boolean | - | 是否禁用组件 | N
 empty | String / Slot / Function | - | 无匹配选项时的内容，默认全局配置为 '暂无数据'。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 filter | Function | - | 自定义过滤方法，用于对现有数据进行搜索过滤，判断是否过滤某一项数据。TS 类型：`(filterWords: string, node: TreeNodeModel) => boolean \| Promise<boolean>` | N
diff --git a/src/cascader/props.ts b/src/cascader/props.ts
index a6c18a8e31..181112b438 100644
--- a/src/cascader/props.ts
+++ b/src/cascader/props.ts
@@ -20,7 +20,7 @@ export default {
   checkStrictly: Boolean,
   /** 是否支持清空选项 */
   clearable: Boolean,
-  /** 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedTags` 表示折叠的标签，`count` 表示折叠的数量 */
+  /** 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedSelectedItems` 表示折叠的标签，`count` 表示折叠的数量，`onClose` 表示移除标签的事件回调 */
   collapsedItems: {
     type: Function as PropType<TdCascaderProps['collapsedItems']>,
   },
diff --git a/src/cascader/type.ts b/src/cascader/type.ts
index d159e64fe2..42454a5e23 100644
--- a/src/cascader/type.ts
+++ b/src/cascader/type.ts
@@ -39,9 +39,14 @@ export interface TdCascaderProps<CascaderOption extends TreeOptionData = TreeOpt
    */
   clearable?: boolean;
   /**
-   * 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedTags` 表示折叠的标签，`count` 表示折叠的数量
-   */
-  collapsedItems?: TNode<{ value: CascaderOption[]; collapsedSelectedItems: CascaderOption[]; count: number }>;
+   * 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedSelectedItems` 表示折叠的标签，`count` 表示折叠的数量，`onClose` 表示移除标签的事件回调
+   */
+  collapsedItems?: TNode<{
+    value: CascaderOption[];
+    collapsedSelectedItems: CascaderOption[];
+    count: number;
+    onClose: (context: { index: number; e?: MouseEvent }) => void;
+  }>;
   /**
    * 是否禁用组件
    */
diff --git a/src/dropdown/props.ts b/src/dropdown/props.ts
index f55039d969..528d8e46e8 100644
--- a/src/dropdown/props.ts
+++ b/src/dropdown/props.ts
@@ -58,7 +58,20 @@ export default {
     default: 'bottom-left' as TdDropdownProps['placement'],
     validator(val: TdDropdownProps['placement']): boolean {
       if (!val) return true;
-      return ['top', 'left', 'right', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right', 'left-top', 'left-bottom', 'right-top', 'right-bottom'].includes(val);
+      return [
+        'top',
+        'left',
+        'right',
+        'bottom',
+        'top-left',
+        'top-right',
+        'bottom-left',
+        'bottom-right',
+        'left-top',
+        'left-bottom',
+        'right-top',
+        'right-bottom',
+      ].includes(val);
     },
   },
   /** 透传  Popup 组件属性，方便更加自由地控制。比如使用 popupProps.overlayStyle 设置浮层样式 */
diff --git a/src/select-input/_example/collapsed-items.vue b/src/select-input/_example/collapsed-items.vue
index 8ae5fe1d3a..d5639a8c55 100644
--- a/src/select-input/_example/collapsed-items.vue
+++ b/src/select-input/_example/collapsed-items.vue
@@ -1,5 +1,6 @@
 <template>
   <t-space direction="vertical" class="tdesign-demo__select-input-collapsed-items">
+    <h3>default:</h3>
     <t-select-input
       :value="value"
       :min-collapsed-num="1"
@@ -20,16 +21,31 @@
       </template>
     </t-select-input>
 
+    <h3>use collapsedItems:</h3>
+    <t-space>
+      <div>size control:</div>
+      <t-radio-group :value="size" :options="['small', 'medium', 'large']" @change="(value) => (size = value)" />
+    </t-space>
+    <t-space>
+      <span>disabled control:</span>
+      <t-checkbox :checked="disabled" @change="(value) => (disabled = value)" />
+    </t-space>
+    <t-space>
+      <span>readonly control:</span>
+      <t-checkbox :checked="readonly" @change="(value) => (readonly = value)" />
+    </t-space>
     <!-- 第一种方式：使用渲染函数 collapsed-items 自定义折叠项 -->
     <t-select-input
       :value="value"
-      :min-collapsed-num="2"
-      :collapsed-items="renderCollapsedItems"
+      multiple
       :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
       placeholder="请选择"
       allow-input
-      clearable
-      multiple
+      :min-collapsed-num="minCollapsedNum"
+      :collapsed-items="collapsedItems"
+      :tag-input-props="{ size }"
+      :disabled="disabled"
+      :readonly="readonly"
       @tag-change="onTagChange"
     >
       <template #panel>
@@ -45,23 +61,26 @@
     <!-- 第二种方式：使用插槽 collapsedItems 自定义折叠项 -->
     <t-select-input
       :value="value"
-      :min-collapsed-num="3"
       :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
       placeholder="请选择"
       allow-input
-      clearable
       multiple
+      :min-collapsed-num="minCollapsedNum"
+      :tag-input-props="{ size }"
+      :disabled="disabled"
+      :readonly="readonly"
       @tag-change="onTagChange"
     >
-      <template #collapsedItems="{ collapsedTags }">
-        <t-popup>
-          <t-tag>More({{ collapsedTags.length }})</t-tag>
-          <template #content>
-            <t-tag v-for="item in collapsedTags" :key="item" style="margin: 4px 4px 4px 0">
-              {{ item }}
-            </t-tag>
-          </template>
-        </t-popup>
+      <template #collapsedItems="{ value: v, onClose }">
+        <CollapsedItemsRender
+          :style="{ marginRight: '4px' }"
+          :value="v"
+          :min-collapsed-num="minCollapsedNum"
+          :size="size"
+          :disabled="disabled"
+          :closable="!readonly && !disabled"
+          @close="onClose"
+        />
       </template>
       <template #panel>
         <t-checkbox-group
@@ -75,8 +94,7 @@
   </t-space>
 </template>
 <script setup lang="jsx">
-import { computed, ref } from 'vue';
-import { Tag } from 'tdesign-vue-next';
+import { defineComponent, computed, ref } from 'vue';
 
 const OPTIONS = [
   // 全选
@@ -91,6 +109,10 @@ const OPTIONS = [
 
 const options = ref([...OPTIONS]);
 const value = ref(OPTIONS.slice(1));
+const size = ref('medium');
+const disabled = ref(false);
+const readonly = ref(false);
+const minCollapsedNum = ref(1);
 
 const checkboxValue = computed(() => {
   const arr = [];
@@ -135,9 +157,82 @@ const onTagChange = (currentTags, context) => {
   }
 };
 
-const renderCollapsedItems = (_, { collapsedTags }) => {
-  return <Tag>更多({collapsedTags.length})</Tag>;
+// Function
+const collapsedItems = (h, { value, onClose }) => {
+  if (!(value instanceof Array)) return null;
+  const count = value.length - minCollapsedNum.value;
+  const collapsedTags = value.slice(minCollapsedNum.value, value.length);
+  if (count <= 0) return null;
+  return (
+    <t-popup
+      v-slots={{
+        content: () => (
+          <>
+            {collapsedTags.map((item, index) => (
+              <t-tag
+                key={item}
+                style={{ marginRight: '4px' }}
+                size={size.value}
+                disabled={disabled.value}
+                closable={!readonly.value && !disabled.value}
+                onClose={(context) => onClose({ e: context.e, index: minCollapsedNum.value + index })}
+              >
+                {item}
+              </t-tag>
+            ))}
+          </>
+        ),
+      }}
+    >
+      <t-tag size={size.value} disabled={disabled.value}>
+        Function - More({count})
+      </t-tag>
+    </t-popup>
+  );
 };
+
+// Slot Component
+const CollapsedItemsRender = defineComponent({
+  name: 'CollapsedItemsRender',
+  // eslint-disable-next-line vue/require-prop-types
+  props: ['value', 'minCollapsedNum'],
+  emits: ['close'],
+  setup(props, { attrs, emit }) {
+    const count = computed(() => {
+      return props.value.length - props.minCollapsedNum;
+    });
+    const collapsedTags = computed(() => {
+      return props.value.slice(props.minCollapsedNum, props.value.length);
+    });
+
+    return () => {
+      if (count.value <= 0) return null;
+      return (
+        <t-popup
+          v-slots={{
+            content: () => (
+              <>
+                {collapsedTags.value.map((item, index) => (
+                  <t-tag
+                    {...attrs}
+                    key={item}
+                    onClose={(context) => emit('close', { e: context.e, index: props.minCollapsedNum.value + index })}
+                  >
+                    {item}
+                  </t-tag>
+                ))}
+              </>
+            ),
+          }}
+        >
+          <t-tag {...attrs} closable={false}>
+            Slot - More({count.value})
+          </t-tag>
+        </t-popup>
+      );
+    };
+  },
+});
 </script>
 <style>
 .tdesign-demo__panel-options-collapsed-items {
diff --git a/src/select-input/props.ts b/src/select-input/props.ts
index 4e4e25fde0..f8dc3f9d1e 100644
--- a/src/select-input/props.ts
+++ b/src/select-input/props.ts
@@ -18,7 +18,7 @@ export default {
   borderless: Boolean,
   /** 是否可清空 */
   clearable: Boolean,
-  /** 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 `collapsedItems` 自定义。`value` 表示所有标签值，`collapsedTags` 表示折叠标签值，`count` 表示折叠的数量 */
+  /** 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 `collapsedItems` 自定义。`value` 表示所有标签值，`collapsedSelectedItems` 表示折叠标签值，`count` 表示折叠的数量，`onClose` 表示移除标签的事件回调 */
   collapsedItems: {
     type: Function as PropType<TdSelectInputProps['collapsedItems']>,
   },
diff --git a/src/select-input/select-input.en-US.md b/src/select-input/select-input.en-US.md
index dff57783ea..1376a4733e 100644
--- a/src/select-input/select-input.en-US.md
+++ b/src/select-input/select-input.en-US.md
@@ -1,6 +1,7 @@
 :: BASE_DOC ::
 
 ## API
+
 ### SelectInput Props
 
 name | type | default | description | required
@@ -10,7 +11,7 @@ autoWidth | Boolean | false | \- | N
 autofocus | Boolean | false | \- | N
 borderless | Boolean | false | \- | N
 clearable | Boolean | false | \- | N
-collapsedItems | Slot / Function | - | Typescript：`TNode<{ value: SelectInputValue; collapsedTags: SelectInputValue; count: number }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+collapsedItems | Slot / Function | - | Typescript：`TNode<{ value: SelectInputValue; collapsedSelectedItems: SelectInputValue; count: number; onClose: (context: { index: number, e?: MouseEvent }) => void }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 disabled | Boolean | - | \- | N
 inputProps | Object | - | Typescript：`InputProps`，[Input API Documents](./input?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select-input/type.ts) | N
 inputValue | String / Number | - | input value。`v-model:inputValue` is supported。Typescript：`string` | N
diff --git a/src/select-input/select-input.md b/src/select-input/select-input.md
index 19c95cad23..809ad0604d 100644
--- a/src/select-input/select-input.md
+++ b/src/select-input/select-input.md
@@ -1,16 +1,17 @@
 :: BASE_DOC ::
 
 ## API
+
 ### SelectInput Props
 
-名称 | 类型 | 默认值 | 说明 | 必传
+名称 | 类型 | 默认值 | 描述 | 必传
 -- | -- | -- | -- | --
 allowInput | Boolean | false | 是否允许输入 | N
 autoWidth | Boolean | false | 宽度随内容自适应 | N
 autofocus | Boolean | false | 自动聚焦 | N
 borderless | Boolean | false | 无边框模式 | N
 clearable | Boolean | false | 是否可清空 | N
-collapsedItems | Slot / Function | - | 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 `collapsedItems` 自定义。`value` 表示所有标签值，`collapsedTags` 表示折叠标签值，`count` 表示折叠的数量。TS 类型：`TNode<{ value: SelectInputValue; collapsedTags: SelectInputValue; count: number }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+collapsedItems | Slot / Function | - | 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 `collapsedItems` 自定义。`value` 表示所有标签值，`collapsedSelectedItems` 表示折叠标签值，`count` 表示折叠的数量，`onClose` 表示移除标签的事件回调。TS 类型：`TNode<{ value: SelectInputValue; collapsedSelectedItems: SelectInputValue; count: number; onClose: (context: { index: number, e?: MouseEvent }) => void }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 disabled | Boolean | - | 是否禁用 | N
 inputProps | Object | - | 透传 Input 输入框组件全部属性。TS 类型：`InputProps`，[Input API Documents](./input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select-input/type.ts) | N
 inputValue | String / Number | - | 输入框的值。支持语法糖 `v-model:inputValue`。TS 类型：`string` | N
diff --git a/src/select-input/type.ts b/src/select-input/type.ts
index 26471925c4..47de097de0 100644
--- a/src/select-input/type.ts
+++ b/src/select-input/type.ts
@@ -38,9 +38,14 @@ export interface TdSelectInputProps {
    */
   clearable?: boolean;
   /**
-   * 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 `collapsedItems` 自定义。`value` 表示所有标签值，`collapsedTags` 表示折叠标签值，`count` 表示折叠的数量
+   * 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 `collapsedItems` 自定义。`value` 表示所有标签值，`collapsedSelectedItems` 表示折叠标签值，`count` 表示折叠的数量，`onClose` 表示移除标签的事件回调
    */
-  collapsedItems?: TNode<{ value: SelectInputValue; collapsedTags: SelectInputValue; count: number }>;
+  collapsedItems?: TNode<{
+    value: SelectInputValue;
+    collapsedSelectedItems: SelectInputValue;
+    count: number;
+    onClose: (context: { index: number; e?: MouseEvent }) => void;
+  }>;
   /**
    * 是否禁用
    */
@@ -199,6 +204,12 @@ export interface SelectInputKeys {
   children?: string;
 }
 
+export interface SelectInputKeys {
+  label?: string;
+  value?: string;
+  children?: string;
+}
+
 export type SelectInputValue = string | number | boolean | Date | Object | Array<any> | Array<SelectInputValue>;
 
 export type SelectInputBlurContext = PopupVisibleChangeContext & { inputValue: string; tagInputValue?: TagInputValue };
diff --git a/src/select/_example/collapsed.vue b/src/select/_example/collapsed.vue
index 54c2f6a4e6..788ca780b5 100644
--- a/src/select/_example/collapsed.vue
+++ b/src/select/_example/collapsed.vue
@@ -1,36 +1,60 @@
 <template>
   <t-space direction="vertical">
+    <h3>default:</h3>
     <!-- 选项过多时，可折叠 -->
-    <t-select v-model="value" placeholder="请选择" multiple :min-collapsed-num="minCollapsedNum" :options="options" />
+    <t-select v-model="value1" placeholder="请选择" multiple :min-collapsed-num="minCollapsedNum" :options="options" />
 
-    <!-- 自定义折叠项内容，collapsedItems 为渲染函数 (value, count, collapsedSelectedItems) -->
+    <h3>use collapsedItems:</h3>
+    <t-space>
+      <div>size control:</div>
+      <t-radio-group :value="size" :options="['small', 'medium', 'large']" @change="(value) => (size = value)" />
+    </t-space>
+    <t-space>
+      <span>disabled control:</span>
+      <t-checkbox :checked="disabled" @change="(value) => (disabled = value)" />
+    </t-space>
+    <t-space>
+      <span>readonly control:</span>
+      <t-checkbox :checked="readonly" @change="(value) => (readonly = value)" />
+    </t-space>
+    <!-- 自定义折叠项内容，collapsedItems 为渲染函数 -->
     <t-select
-      v-model="value"
-      placeholder="请选择"
+      v-model="value1"
+      :options="options"
       multiple
       :min-collapsed-num="minCollapsedNum"
       :collapsed-items="collapsedItems"
-      :options="options"
+      :size="size"
+      :disabled="disabled"
+      :readonly="readonly"
     />
 
-    <!-- 自定义折叠项内容，collapsedItems 为 插槽(slot) { value, count, collapsedSelectedItems }-->
-    <t-select v-model="value" placeholder="请选择" multiple :min-collapsed-num="minCollapsedNum" :options="options">
-      <!-- hover展示折叠部分的已选项 -->
-      <template #collapsedItems="{ collapsedSelectedItems, count }">
-        <t-popup>
-          <template #content>
-            <p v-for="(item, index) in collapsedSelectedItems" :key="index" style="padding: 8px">
-              {{ item }}
-            </p>
-          </template>
-          <span v-show="count > 0" style="color: #00a870; margin-left: 8px">+{{ count }}</span>
-        </t-popup>
+    <!-- 自定义折叠项内容，collapsedItems 为 插槽(slot) -->
+    <t-select
+      v-model="value1"
+      :options="options"
+      multiple
+      :min-collapsed-num="minCollapsedNum"
+      :size="size"
+      :disabled="disabled"
+      :readonly="readonly"
+    >
+      <template #collapsedItems="{ value: v, onClose }">
+        <CollapsedItemsRender
+          :style="{ marginRight: '4px' }"
+          :value="v"
+          :min-collapsed-num="minCollapsedNum"
+          :size="size"
+          :disabled="disabled"
+          :closable="!readonly && !disabled"
+          @close="onClose"
+        />
       </template>
     </t-select>
   </t-space>
 </template>
 <script setup lang="jsx">
-import { ref } from 'vue';
+import { defineComponent, computed, ref } from 'vue';
 
 const options = [
   {
@@ -47,22 +71,86 @@ const options = [
   },
 ];
 
-const value = ref(['1', '3']);
-const minCollapsedNum = 1;
-const collapsedItems = (h, { value, count }) => {
-  if (!(value instanceof Array) || !count) return;
+const value1 = ref(['1', '3']);
+const size = ref('medium');
+const disabled = ref(false);
+const readonly = ref(false);
+const minCollapsedNum = ref(1);
+
+// Function
+const collapsedItems = (h, { value, onClose }) => {
+  if (!(value instanceof Array)) return null;
+  const count = value.length - minCollapsedNum.value;
+  const collapsedTags = value.slice(minCollapsedNum.value, value.length);
+  if (count <= 0) return null;
   return (
     <t-popup
       v-slots={{
-        content: () => {
-          return value.map((item) => <p style="padding: 8px;">{item}</p>);
-        },
+        content: () => (
+          <>
+            {collapsedTags.map((item, index) => (
+              <t-tag
+                key={item}
+                style={{ marginRight: '4px' }}
+                size={size.value}
+                disabled={disabled.value}
+                closable={!readonly.value && !disabled.value}
+                onClose={(context) => onClose({ e: context.e, index: minCollapsedNum.value + index })}
+              >
+                {item}
+              </t-tag>
+            ))}
+          </>
+        ),
       }}
     >
-      <span v-show={count > 0} style="color: #ED7B2F; margin-left: 8px">
-        +{count}
-      </span>
+      <t-tag size={size.value} disabled={disabled.value}>
+        Function - More({count})
+      </t-tag>
     </t-popup>
   );
 };
+
+// Slot Component
+const CollapsedItemsRender = defineComponent({
+  name: 'CollapsedItemsRender',
+  // eslint-disable-next-line vue/require-prop-types
+  props: ['value', 'minCollapsedNum'],
+  emits: ['close'],
+  setup(props, { attrs, emit }) {
+    const count = computed(() => {
+      return props.value.length - props.minCollapsedNum;
+    });
+    const collapsedTags = computed(() => {
+      return props.value.slice(props.minCollapsedNum, props.value.length);
+    });
+
+    return () => {
+      if (count.value <= 0) return null;
+      return (
+        <t-popup
+          v-slots={{
+            content: () => (
+              <>
+                {collapsedTags.value.map((item, index) => (
+                  <t-tag
+                    {...attrs}
+                    key={item}
+                    onClose={(context) => emit('close', { e: context.e, index: props.minCollapsedNum.value + index })}
+                  >
+                    {item}
+                  </t-tag>
+                ))}
+              </>
+            ),
+          }}
+        >
+          <t-tag {...attrs} closable={false}>
+            Slot - More({count.value})
+          </t-tag>
+        </t-popup>
+      );
+    };
+  },
+});
 </script>
diff --git a/src/select/props.ts b/src/select/props.ts
index 0556695077..cc6c9c51e1 100644
--- a/src/select/props.ts
+++ b/src/select/props.ts
@@ -16,7 +16,7 @@ export default {
   borderless: Boolean,
   /** 是否可以清空选项 */
   clearable: Boolean,
-  /** 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedTags` 表示折叠的标签，泛型 `T` 继承 `SelectOption`，表示选项数据；`count` 表示折叠的数量 */
+  /** 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedTags` 表示折叠的标签，泛型 `T` 继承 `SelectOption`，表示选项数据；`count` 表示折叠的数量, `onClose` 表示移除标签 */
   collapsedItems: {
     type: Function as PropType<TdSelectProps['collapsedItems']>,
   },
diff --git a/src/select/select.en-US.md b/src/select/select.en-US.md
index 8b6ca7c1d1..f40c5504a6 100644
--- a/src/select/select.en-US.md
+++ b/src/select/select.en-US.md
@@ -1,6 +1,7 @@
 :: BASE_DOC ::
 
 ## API
+
 ### Select Props
 
 name | type | default | description | required
@@ -9,15 +10,15 @@ autoWidth | Boolean | false | \- | N
 autofocus | Boolean | false | \- | N
 borderless | Boolean | false | \- | N
 clearable | Boolean | false | \- | N
-collapsedItems | Slot / Function | - | Typescript：`TNode<{ value: T[]; collapsedSelectedItems: T[]; count: number }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+collapsedItems | Slot / Function | - | Typescript：`TNode<{ value: T[]; collapsedSelectedItems: T[]; count: number; onClose: (context: { index: number, e?: MouseEvent }) => void }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 creatable | Boolean | false | \- | N
 disabled | Boolean | - | \- | N
 empty | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 filter | Function | - | Typescript：`(filterWords: string, option: T) => boolean \| Promise<boolean>` | N
 filterable | Boolean | false | \- | N
 inputProps | Object | - | Typescript：`InputProps`，[Input API Documents](./input?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts) | N
-inputValue | String / Number | - | input value。`v-model:inputValue` is supported。Typescript：`InputValue`，[Input API Documents](./input?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts) | N
-defaultInputValue | String / Number | - | input value。uncontrolled property。Typescript：`InputValue`，[Input API Documents](./input?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts) | N
+inputValue | String / Number | - | input value。`v-model:inputValue` is supported。Typescript：`InputValue`，[Input API Documents](./input?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts) | N	inputValue | String / Number | - | input value。`v-model:inputValue` is supported。Typescript：`string` | N
+defaultInputValue | String / Number | - | input value。uncontrolled property。Typescript：`InputValue`，[Input API Documents](./input?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts) | N	defaultInputValue | String / Number | - | input value。uncontrolled property。Typescript：`string` | N
 keys | Object | - | alias option field。Typescript：`KeysType`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 label | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 loading | Boolean | false | \- | N
@@ -75,6 +76,7 @@ popup-visible-change | `(visible: boolean, context: PopupVisibleChangeContext)`
 remove | `(options: SelectRemoveContext<T>)` | [see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts)。<br/>`interface SelectRemoveContext<T> { value: string \| number; data: T; e: MouseEvent \| KeyboardEvent }`<br/>
 search | `(filterWords: string, context: { e: KeyboardEvent })` | \-
 
+
 ### Option Props
 
 name | type | default | description | required
@@ -87,6 +89,7 @@ label | String | - | \- | N
 title | String | - | \- | N
 value | String / Number | - | \- | N
 
+
 ### OptionGroup Props
 
 name | type | default | description | required
diff --git a/src/select/select.md b/src/select/select.md
index b18d0197b1..ed54bb1ab9 100644
--- a/src/select/select.md
+++ b/src/select/select.md
@@ -1,23 +1,24 @@
 :: BASE_DOC ::
 
 ## API
+
 ### Select Props
 
-名称 | 类型 | 默认值 | 说明 | 必传
+名称 | 类型 | 默认值 | 描述 | 必传
 -- | -- | -- | -- | --
 autoWidth | Boolean | false | 宽度随内容自适应 | N
 autofocus | Boolean | false | 自动聚焦 | N
 borderless | Boolean | false | 无边框模式 | N
 clearable | Boolean | false | 是否可以清空选项 | N
-collapsedItems | Slot / Function | - | 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedTags` 表示折叠的标签，泛型 `T` 继承 `SelectOption`，表示选项数据；`count` 表示折叠的数量。TS 类型：`TNode<{ value: T[]; collapsedSelectedItems: T[]; count: number }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+collapsedItems | Slot / Function | - | 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedSelectedItems` 表示折叠的标签，泛型 `T` 继承 `SelectOption`，表示选项数据；`count` 表示折叠的数量, `onClose` 表示移除标签。TS 类型：`TNode<{ value: T[]; collapsedSelectedItems: T[]; count: number; onClose: (context: { index: number, e?: MouseEvent }) => void }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 creatable | Boolean | false | 是否允许用户创建新条目，需配合 filterable 使用 | N
 disabled | Boolean | - | 是否禁用组件 | N
 empty | String / Slot / Function | - | 当下拉列表为空时显示的内容。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 filter | Function | - | 自定义搜索规则，用于对现有数据进行搜索，判断是否过滤某一项数据。参数 `filterWords` 表示搜索词，`option`表示单个选项内容，返回值为 `true` 保留该选项，返回值为 `false` 则隐藏该选项。使用该方法时无需设置 `filterable`。TS 类型：`(filterWords: string, option: T) => boolean \| Promise<boolean>` | N
 filterable | Boolean | false | 是否可搜索，默认搜索规则不区分大小写，全文本任意位置匹配。如果默认搜索规则不符合业务需求，可以更为使用 `filter` 自定义过滤规则 | N
 inputProps | Object | - | 透传 Input 输入框组件的全部属性。TS 类型：`InputProps`，[Input API Documents](./input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts) | N
-inputValue | String / Number | - | 输入框的值。支持语法糖 `v-model:inputValue`。TS 类型：`InputValue`，[Input API Documents](./input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts) | N
-defaultInputValue | String / Number | - | 输入框的值。非受控属性。TS 类型：`InputValue`，[Input API Documents](./input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts) | N
+inputValue | String / Number | - | 输入框的值。支持语法糖 `v-model:inputValue`。TS 类型：`InputValue`，[Input API Documents](./input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts) | N	inputValue | String / Number | - | 输入框的值。支持语法糖 `v-model:inputValue`。TS 类型：`string` | N
+defaultInputValue | String / Number | - | 输入框的值。非受控属性。TS 类型：`InputValue`，[Input API Documents](./input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts) | N	defaultInputValue | String / Number | - | 输入框的值。非受控属性。TS 类型：`string` | N
 keys | Object | - | 用来定义 value / label / disabled 在 `options` 中对应的字段别名。TS 类型：`KeysType`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 label | String / Slot / Function | - | 左侧文本。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 loading | Boolean | false | 是否为加载状态 | N
@@ -48,7 +49,7 @@ tips | String / Slot / Function | - | 输入框下方提示文本，会根据不
 value | String / Number / Boolean / Object / Array | - | 选中值。支持语法糖 `v-model` 或 `v-model:value`。TS 类型：`SelectValue` `type SelectValue<T extends SelectOption = SelectOption> = string \| number \| boolean \| T \| Array<SelectValue<T>>`。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts) | N
 defaultValue | String / Number / Boolean / Object / Array | - | 选中值。非受控属性。TS 类型：`SelectValue` `type SelectValue<T extends SelectOption = SelectOption> = string \| number \| boolean \| T \| Array<SelectValue<T>>`。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts) | N
 valueDisplay | String / Slot / Function | - | 自定义选中项呈现的内容。TS 类型：`string \| TNode<{ value: SelectValue; onClose: (index: number) => void; displayValue?: SelectValue }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
-valueType | String | value | 用于控制选中值的类型。假设数据选项为：`[{ label: '姓名', value: 'name' }]`，value 表示值仅返回数据选项中的 value， object 表示值返回全部数据。可选项：value/object | N
+valueType | String | value | 用于控制选中值的类型。假设数据选项为：`[{ label: '姓名', value: 'name' }]`，value 表示值仅返回数据选项中的 value， object 表示值返回全部数据。。可选项：value/object | N
 onBlur | Function |  | TS 类型：`(context: { value: SelectValue; e: FocusEvent \| KeyboardEvent }) => void`<br/>输入框失去焦点时触发 | N
 onChange | Function |  | TS 类型：`(value: SelectValue, context: { option?: T, selectedOptions: T[], trigger: SelectValueChangeTrigger; e?: MouseEvent \| KeyboardEvent }) => void`<br/>选中值变化时触发。`context.trigger` 表示触发变化的来源；`context.selectedOptions` 表示选中值的完整对象，数组长度一定和 `value` 相同；`context.option` 表示当前操作的选项，不一定存在。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts)。<br/>`type SelectValueChangeTrigger = 'clear' \| 'tag-remove' \| 'backspace' \| 'check' \| 'uncheck' \| 'default'`<br/> | N
 onClear | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>点击清除按钮时触发 | N
@@ -75,9 +76,10 @@ popup-visible-change | `(visible: boolean, context: PopupVisibleChangeContext)`
 remove | `(options: SelectRemoveContext<T>)` | 多选模式下，选中数据被移除时触发。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/select/type.ts)。<br/>`interface SelectRemoveContext<T> { value: string \| number; data: T; e: MouseEvent \| KeyboardEvent }`<br/>
 search | `(filterWords: string, context: { e: KeyboardEvent })` | 输入值变化时，触发搜索事件。主要用于远程搜索新数据
 
+
 ### Option Props
 
-名称 | 类型 | 默认值 | 说明 | 必传
+名称 | 类型 | 默认值 | 描述 | 必传
 -- | -- | -- | -- | --
 checkAll | Boolean | false | 当前选项是否为全选，全选可以在顶部，也可以在底部。点击当前选项会选中禁用态除外的全部选项，即使是分组选择器也会选中全部选项 | N
 content | String / Slot / Function | - | 用于定义复杂的选项内容。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
@@ -87,16 +89,17 @@ label | String | - | 选项名称 | N
 title | String | - | 选项标题，在选项过长时hover选项展示 | N
 value | String / Number | - | 选项值 | N
 
+
 ### OptionGroup Props
 
-名称 | 类型 | 默认值 | 说明 | 必传
+名称 | 类型 | 默认值 | 描述 | 必传
 -- | -- | -- | -- | --
 divider | Boolean | true | 是否显示分隔线 | N
 label | String | - | 分组别名 | N
 
 ### TScroll
 
-名称 | 类型 | 默认值 | 说明 | 必传
+名称 | 类型 | 默认值 | 描述 | 必传
 -- | -- | -- | -- | --
 bufferSize | Number | 20 | 表示除可视区域外，额外渲染的行数，避免快速滚动过程中，新出现的内容来不及渲染从而出现空白 | N
 isFixedRowHeight | Boolean | false | 表示每行内容是否同一个固定高度，仅在 `scroll.type` 为 `virtual` 时有效，该属性设置为 `true` 时，可用于简化虚拟滚动内部计算逻辑，提升性能，此时则需要明确指定 `scroll.rowHeight` 属性的值 | N
diff --git a/src/select/type.ts b/src/select/type.ts
index 08bf55221f..5e833db9f0 100644
--- a/src/select/type.ts
+++ b/src/select/type.ts
@@ -35,9 +35,14 @@ export interface TdSelectProps<T extends SelectOption = SelectOption> {
    */
   clearable?: boolean;
   /**
-   * 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedTags` 表示折叠的标签，泛型 `T` 继承 `SelectOption`，表示选项数据；`count` 表示折叠的数量
+   * 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedSelectedItems` 表示折叠的标签，泛型 `T` 继承 `SelectOption`，表示选项数据；`count` 表示折叠的数量, `onClose` 表示移除标签
    */
-  collapsedItems?: TNode<{ value: T[]; collapsedSelectedItems: T[]; count: number }>;
+  collapsedItems?: TNode<{
+    value: T[];
+    collapsedSelectedItems: T[];
+    count: number;
+    onClose: (context: { index: number; e?: MouseEvent }) => void;
+  }>;
   /**
    * 是否允许用户创建新条目，需配合 filterable 使用
    * @default false
@@ -302,6 +307,12 @@ export interface TdOptionGroupProps {
   label?: string;
 }
 
+export interface SelectKeysType {
+  value?: string | ((option: SelectOption) => string);
+  label?: string | ((option: SelectOption) => string);
+  disabled?: string;
+}
+
 export type SelectValue<T extends SelectOption = SelectOption> = string | number | boolean | T | Array<SelectValue<T>>;
 
 export type SelectValueChangeTrigger = 'clear' | 'tag-remove' | 'backspace' | 'check' | 'uncheck' | 'default';
diff --git a/src/tag-input/_example/collapsed.vue b/src/tag-input/_example/collapsed.vue
index d4164878cd..12c8610d43 100644
--- a/src/tag-input/_example/collapsed.vue
+++ b/src/tag-input/_example/collapsed.vue
@@ -1,36 +1,139 @@
 <template>
   <t-space direction="vertical">
+    <h3>default:</h3>
     <t-tag-input v-model="tags" :min-collapsed-num="1" />
 
+    <h3>use collapsedItems:</h3>
+    <t-space>
+      <div>size control:</div>
+      <t-radio-group :value="size" :options="['small', 'medium', 'large']" @change="(value) => (size = value)" />
+    </t-space>
+    <t-space>
+      <span>disabled control:</span>
+      <t-checkbox :checked="disabled" @change="(value) => (disabled = value)" />
+    </t-space>
+    <t-space>
+      <span>readonly control:</span>
+      <t-checkbox :checked="readonly" @change="(value) => (readonly = value)" />
+    </t-space>
     <!-- 方式一：使用渲染函数自定义折叠项 -->
-    <t-tag-input v-model="tags" :min-collapsed-num="2" :collapsed-items="renderCollapsedItems" />
+    <t-tag-input
+      v-model="tags"
+      multiple
+      :min-collapsed-num="minCollapsedNum"
+      :collapsed-items="collapsedItems"
+      :size="size"
+      :disabled="disabled"
+      :readonly="readonly"
+    />
 
     <!-- 方式二：使用插槽自定义折叠项 -->
-    <t-tag-input v-model="tags" :min-collapsed-num="3">
-      <template #collapsedItems="{ collapsedTags }">
-        <t-popup>
-          <t-tag>More({{ collapsedTags.length }})</t-tag>
-          <template #content>
-            <t-tag v-for="item in collapsedTags" :key="item" style="margin-right: 4px">
-              {{ item }}
-            </t-tag>
-          </template>
-        </t-popup>
+    <t-tag-input
+      v-model="tags"
+      multiple
+      :min-collapsed-num="minCollapsedNum"
+      :size="size"
+      :disabled="disabled"
+      :readonly="readonly"
+    >
+      <template #collapsedItems="{ value: v, onClose }">
+        <CollapsedItemsRender
+          :style="{ marginRight: '4px' }"
+          :value="v"
+          :min-collapsed-num="minCollapsedNum"
+          :size="size"
+          :disabled="disabled"
+          :closable="!readonly && !disabled"
+          @close="onClose"
+        />
       </template>
     </t-tag-input>
   </t-space>
 </template>
 
-<script lang="jsx">
-import { defineComponent, ref } from 'vue';
-import { Tag } from 'tdesign-vue-next';
+<script setup lang="jsx">
+import { defineComponent, computed, ref } from 'vue';
+
+const tags = ref(['Vue', 'React', 'Miniprogram', 'Angular', 'Flutter']);
+const size = ref('medium');
+const disabled = ref(false);
+const readonly = ref(false);
+const minCollapsedNum = ref(1);
+
+// Function
+const collapsedItems = (h, { value, onClose }) => {
+  if (!(value instanceof Array)) return null;
+  const count = value.length - minCollapsedNum.value;
+  const collapsedTags = value.slice(minCollapsedNum.value, value.length);
+  if (count <= 0) return null;
+  return (
+    <t-popup
+      v-slots={{
+        content: () => (
+          <>
+            {collapsedTags.map((item, index) => (
+              <t-tag
+                key={item}
+                style={{ marginRight: '4px' }}
+                size={size.value}
+                disabled={disabled.value}
+                closable={!readonly.value && !disabled.value}
+                onClose={(context) => onClose({ e: context.e, index: minCollapsedNum.value + index })}
+              >
+                {item}
+              </t-tag>
+            ))}
+          </>
+        ),
+      }}
+    >
+      <t-tag size={size.value} disabled={disabled.value}>
+        Function - More({count})
+      </t-tag>
+    </t-popup>
+  );
+};
 
-export default defineComponent({
-  name: 'TTagInputCollapsed',
-  setup() {
-    const tags = ref(['Vue', 'React', 'Miniprogram', 'Angular', 'Flutter']);
-    const renderCollapsedItems = (_, { collapsedTags }) => <Tag>更多({collapsedTags.length})</Tag>;
-    return { tags, renderCollapsedItems };
+// Slot Component
+const CollapsedItemsRender = defineComponent({
+  name: 'CollapsedItemsRender',
+  // eslint-disable-next-line vue/require-prop-types
+  props: ['value', 'minCollapsedNum'],
+  emits: ['close'],
+  setup(props, { attrs, emit }) {
+    const count = computed(() => {
+      return props.value.length - props.minCollapsedNum;
+    });
+    const collapsedTags = computed(() => {
+      return props.value.slice(props.minCollapsedNum, props.value.length);
+    });
+
+    return () => {
+      if (count.value <= 0) return null;
+      return (
+        <t-popup
+          v-slots={{
+            content: () => (
+              <>
+                {collapsedTags.value.map((item, index) => (
+                  <t-tag
+                    {...attrs}
+                    key={item}
+                    onClose={(context) => emit('close', { e: context.e, index: props.minCollapsedNum.value + index })}
+                  >
+                    {item}
+                  </t-tag>
+                ))}
+              </>
+            ),
+          }}
+        >
+          <t-tag {...attrs} closable={false}>
+            Slot - More({count.value})
+          </t-tag>
+        </t-popup>
+      );
+    };
   },
 });
 </script>
diff --git a/src/tag-input/props.ts b/src/tag-input/props.ts
index a220f668f5..679c3fe98d 100644
--- a/src/tag-input/props.ts
+++ b/src/tag-input/props.ts
@@ -12,7 +12,7 @@ export default {
   autoWidth: Boolean,
   /** 是否可清空 */
   clearable: Boolean,
-  /** 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedTags` 表示折叠的标签，`count` 表示折叠的数量 */
+  /** 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedSelectedItems` 表示折叠的标签，`count` 表示折叠的数量，`onClose` 表示移除标签的事件回调 */
   collapsedItems: {
     type: Function as PropType<TdTagInputProps['collapsedItems']>,
   },
diff --git a/src/tag-input/tag-input.en-US.md b/src/tag-input/tag-input.en-US.md
index d456267152..c986ae0fa5 100644
--- a/src/tag-input/tag-input.en-US.md
+++ b/src/tag-input/tag-input.en-US.md
@@ -1,13 +1,14 @@
 :: BASE_DOC ::
 
 ## API
+
 ### TagInput Props
 
 name | type | default | description | required
 -- | -- | -- | -- | --
 autoWidth | Boolean | false | \- | N
 clearable | Boolean | false | \- | N
-collapsedItems | Slot / Function | - | Typescript：`TNode<{ value: TagInputValue; collapsedTags: TagInputValue; count: number }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+collapsedItems | Slot / Function | - | Typescript：`TNode<{ value: TagInputValue; collapsedSelectedItems: TagInputValue; count: number; onClose: (context: { index: number,  e?: MouseEvent }) => void }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 disabled | Boolean | - | \- | N
 dragSort | Boolean | false | \- | N
 excessTagsDisplayType | String | break-line | options: scroll/break-line | N
diff --git a/src/tag-input/tag-input.md b/src/tag-input/tag-input.md
index 7131a227f1..f99017a260 100644
--- a/src/tag-input/tag-input.md
+++ b/src/tag-input/tag-input.md
@@ -1,13 +1,14 @@
 :: BASE_DOC ::
 
 ## API
+
 ### TagInput Props
 
-名称 | 类型 | 默认值 | 说明 | 必传
+名称 | 类型 | 默认值 | 描述 | 必传
 -- | -- | -- | -- | --
 autoWidth | Boolean | false | 宽度随内容自适应 | N
 clearable | Boolean | false | 是否可清空 | N
-collapsedItems | Slot / Function | - | 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedTags` 表示折叠的标签，`count` 表示折叠的数量。TS 类型：`TNode<{ value: TagInputValue; collapsedTags: TagInputValue; count: number }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+collapsedItems | Slot / Function | - | 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedSelectedItems` 表示折叠的标签，`count` 表示折叠的数量，`onClose` 表示移除标签的事件回调。TS 类型：`TNode<{ value: TagInputValue; collapsedSelectedItems: TagInputValue; count: number; onClose: (context: { index: number,  e?: MouseEvent }) => void }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 disabled | Boolean | - | 是否禁用标签输入框 | N
 dragSort | Boolean | false | 拖拽调整标签顺序 | N
 excessTagsDisplayType | String | break-line | 标签超出时的呈现方式，有两种：横向滚动显示 和 换行显示。可选项：scroll/break-line | N
diff --git a/src/tag-input/tag-input.tsx b/src/tag-input/tag-input.tsx
index 7ee0852448..6cd5e7d781 100644
--- a/src/tag-input/tag-input.tsx
+++ b/src/tag-input/tag-input.tsx
@@ -226,7 +226,7 @@ export default defineComponent({
     const displayNode = renderTNodeJSX(this, 'valueDisplay', {
       params: {
         value: this.tagValue,
-        onClose: (index: number, item: any) => this.onClose({ index, item }),
+        onClose: (index: number) => this.onClose({ index }),
       },
     });
     // 左侧文本
diff --git a/src/tag-input/type.ts b/src/tag-input/type.ts
index 1a17485109..621b0a6848 100644
--- a/src/tag-input/type.ts
+++ b/src/tag-input/type.ts
@@ -20,9 +20,14 @@ export interface TdTagInputProps {
    */
   clearable?: boolean;
   /**
-   * 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedTags` 表示折叠的标签，`count` 表示折叠的数量
-   */
-  collapsedItems?: TNode<{ value: TagInputValue; collapsedTags: TagInputValue; count: number }>;
+   * 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedSelectedItems` 表示折叠的标签，`count` 表示折叠的数量，`onClose` 表示移除标签的事件回调
+   */
+  collapsedItems?: TNode<{
+    value: TagInputValue;
+    collapsedSelectedItems: TagInputValue;
+    count: number;
+    onClose: (context: { index: number; e?: MouseEvent }) => void;
+  }>;
   /**
    * 是否禁用标签输入框
    */
diff --git a/src/tag-input/useTagList.tsx b/src/tag-input/useTagList.tsx
index d51bdb9941..0af3bb5c57 100644
--- a/src/tag-input/useTagList.tsx
+++ b/src/tag-input/useTagList.tsx
@@ -20,11 +20,11 @@ export default function useTagList(props: TagInputProps) {
   const oldInputValue = ref<InputValue>();
 
   // 点击标签关闭按钮，删除标签
-  const onClose = (p: { e?: MouseEvent; index: number; item: string | number }) => {
+  const onClose = (p: { e?: MouseEvent; index: number }) => {
     const arr = [...tagValue.value];
-    arr.splice(p.index, 1);
-    setTagValue(arr, { trigger: 'tag-remove', ...p });
-    onRemove.value?.({ ...p, trigger: 'tag-remove', value: arr });
+    const [item] = arr.splice(p.index, 1); // 当前删除的item无需参数传递
+    setTagValue(arr, { trigger: 'tag-remove', ...p, item });
+    onRemove.value?.({ ...p, item, trigger: 'tag-remove', value: arr });
   };
 
   const clearAll = (context: { e: MouseEvent }) => {
@@ -81,7 +81,7 @@ export default function useTagList(props: TagInputProps) {
               key={`${item}${index}`}
               size={size.value}
               disabled={disabled.value}
-              onClose={(context: { e: MouseEvent }) => onClose({ e: context.e, item, index })}
+              onClose={(context: { e: MouseEvent }) => onClose({ e: context.e, index })}
               closable={!readonly.value && !disabled.value}
               {...getDragProps.value?.(index, item)}
               {...tagProps.value}
@@ -106,6 +106,7 @@ export default function useTagList(props: TagInputProps) {
           count: tagValue.value.length - minCollapsedNum.value,
           collapsedTags: tagValue.value.slice(minCollapsedNum.value, tagValue.value.length),
           collapsedSelectedItems: tagValue.value.slice(minCollapsedNum.value, tagValue.value.length),
+          onClose,
         },
       });
       list.push(
diff --git a/src/tree-select/_example/collapsed.vue b/src/tree-select/_example/collapsed.vue
index 2313de5f65..5e7c353792 100644
--- a/src/tree-select/_example/collapsed.vue
+++ b/src/tree-select/_example/collapsed.vue
@@ -1,7 +1,8 @@
 <template>
   <t-space direction="vertical">
+    <h3>default:</h3>
     <t-tree-select
-      v-model="value"
+      v-model="value1"
       :data="options"
       class="demo-space"
       multiple
@@ -10,15 +11,56 @@
       :min-collapsed-num="1"
     >
     </t-tree-select>
-    <t-tree-select v-model="slotValue" :data="options" multiple clearable placeholder="请选择" :min-collapsed-num="1">
-      <template #collapsedItems>
-        <t-tag>更多...</t-tag>
+
+    <h3>use collapsedItems:</h3>
+    <t-space>
+      <div>size control:</div>
+      <t-radio-group :value="size" :options="['small', 'medium', 'large']" @change="(value) => (size = value)" />
+    </t-space>
+    <t-space>
+      <span>disabled control:</span>
+      <t-checkbox :checked="disabled" @change="(value) => (disabled = value)" />
+    </t-space>
+    <t-space>
+      <span>readonly control:</span>
+      <t-checkbox :checked="readonly" @change="(value) => (readonly = value)" />
+    </t-space>
+    <t-tree-select
+      v-model="value1"
+      :data="options"
+      multiple
+      :min-collapsed-num="minCollapsedNum"
+      :collapsed-items="collapsedItems"
+      :size="size"
+      :disabled="disabled"
+      :readonly="readonly"
+    >
+    </t-tree-select>
+    <t-tree-select
+      v-model="value1"
+      :data="options"
+      multiple
+      :min-collapsed-num="minCollapsedNum"
+      :size="size"
+      :disabled="disabled"
+      :readonly="readonly"
+    >
+      <template #collapsedItems="{ value: v, onClose }">
+        <CollapsedItemsRender
+          :style="{ marginRight: '4px' }"
+          :value="v"
+          :min-collapsed-num="minCollapsedNum"
+          :size="size"
+          :disabled="disabled"
+          :closable="!readonly && !disabled"
+          @close="onClose"
+        />
       </template>
     </t-tree-select>
   </t-space>
 </template>
-<script setup>
-import { ref } from 'vue';
+<script setup lang="jsx">
+import { defineComponent, computed, ref } from 'vue';
 
 const options = [
   {
@@ -50,6 +92,86 @@ const options = [
     ],
   },
 ];
-const value = ref(['guangzhou', 'shenzhen']);
-const slotValue = ref(['guangzhou', 'shenzhen']);
+const value1 = ref(['guangzhou', 'shenzhen']);
+const size = ref('medium');
+const disabled = ref(false);
+const readonly = ref(false);
+const minCollapsedNum = ref(1);
+
+// Function
+const collapsedItems = (h, { value, onClose }) => {
+  if (!(value instanceof Array)) return null;
+  const count = value.length - minCollapsedNum.value;
+  const collapsedTags = value.slice(minCollapsedNum.value, value.length);
+  if (count <= 0) return null;
+  return (
+    <t-popup
+      v-slots={{
+        content: () => (
+          <>
+            {collapsedTags.map((item, index) => (
+              <t-tag
+                key={item}
+                style={{ marginRight: '4px' }}
+                size={size.value}
+                disabled={disabled.value}
+                closable={!readonly.value && !disabled.value}
+                onClose={(context) => onClose({ e: context.e, index: minCollapsedNum.value + index })}
+              >
+                {item}
+              </t-tag>
+            ))}
+          </>
+        ),
+      }}
+    >
+      <t-tag size={size.value} disabled={disabled.value}>
+        Function - More({count})
+      </t-tag>
+    </t-popup>
+  );
+};
+
+// Slot Component
+const CollapsedItemsRender = defineComponent({
+  name: 'CollapsedItemsRender',
+  // eslint-disable-next-line vue/require-prop-types
+  props: ['minCollapsedNum', 'value'],
+  emits: ['close'],
+  setup(props, { attrs, emit }) {
+    const count = computed(() => {
+      return props.value.length - props.minCollapsedNum;
+    });
+    const collapsedTags = computed(() => {
+      return props.value.slice(props.minCollapsedNum, props.value.length);
+    });
+
+    return () => {
+      if (count.value <= 0) return null;
+      return (
+        <t-popup
+          v-slots={{
+            content: () => (
+              <>
+                {collapsedTags.value.map((item, index) => (
+                  <t-tag
+                    {...attrs}
+                    key={item}
+                    onClose={(context) => emit('close', { e: context.e, index: props.minCollapsedNum.value + index })}
+                  >
+                    {item}
+                  </t-tag>
+                ))}
+              </>
+            ),
+          }}
+        >
+          <t-tag {...attrs} closable={false}>
+            Slot - More({count.value})
+          </t-tag>
+        </t-popup>
+      );
+    };
+  },
+});
 </script>
diff --git a/src/tree-select/props.ts b/src/tree-select/props.ts
index e19329c67d..01130e0cc0 100644
--- a/src/tree-select/props.ts
+++ b/src/tree-select/props.ts
@@ -14,7 +14,8 @@ export default {
   borderless: Boolean,
   /** 是否允许清空 */
   clearable: Boolean,
-  /** 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义 */
+  /** 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。
+   `value` 表示当前存在的所有标签，`collapsedSelectedItems` 表示折叠的标签，`count` 表示折叠的数量，`onClose` 表示移除标签的事件回调 */
   collapsedItems: {
     type: Function as PropType<TdTreeSelectProps['collapsedItems']>,
   },
diff --git a/src/tree-select/tree-select.en-US.md b/src/tree-select/tree-select.en-US.md
index c3ec424f4f..d77af4e1d3 100644
--- a/src/tree-select/tree-select.en-US.md
+++ b/src/tree-select/tree-select.en-US.md
@@ -9,7 +9,7 @@ autoWidth | Boolean | false | \- | N
 autofocus | Boolean | false | \- | N
 borderless | Boolean | false | \- | N
 clearable | Boolean | false | \- | N
-collapsedItems | Slot / Function | - | Typescript：`TNode<{ value: DataOption[]; collapsedSelectedItems: DataOption[]; count: number }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+collapsedItems | Slot / Function | - | Typescript：`TNode<{ value: DataOption[]; collapsedSelectedItems: DataOption[]; count: number; onClose: (context: { index: number, e?: MouseEvent }) => void }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 data | Array | [] | Typescript：`Array<DataOption>` | N
 disabled | Boolean | - | \- | N
 empty | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
@@ -68,4 +68,4 @@ focus | `(context: { value: TreeSelectValue; e: FocusEvent })` | \-
 input-change | `(value: string, context: SelectInputValueChangeContext)` | \-
 popup-visible-change | `(visible: boolean, context: TreeSelectPopupVisibleContext<DataOption>)` | [see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/tree-select/type.ts)。<br/>`import { PopupVisibleChangeContext, PopupTriggerEvent, PopupTriggerSource } from '@Popup'`<br/><br/>`interface TreeSelectPopupVisibleContext<T> {   e?: PopupTriggerEvent \| Event;   node?: TreeNodeModel<T>;   trigger?: PopupTriggerSource \| 'clear'; }`<br/>
 remove | `(options: RemoveOptions<DataOption, TreeValueType>)` | [see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/tree-select/type.ts)。<br/>`export interface RemoveOptions<T extends TreeOptionData = TreeOptionData, N extends TreeSelectValue = TreeSelectValue> {   value: N;   data: T;  index: number; node: TreeNodeModel<T>;   e?: MouseEvent \| KeyboardEvent;   trigger: 'tag-remove' \| 'backspace'; }`<br/>
-search | `(filterWords: string, context: { e: KeyboardEvent \| SelectInputValueChangeContext['e'] })` | \-
+search | `(filterWords: string, context: { e: KeyboardEvent \| SelectInputValueChangeContext['e'] })` | \-
\ No newline at end of file
diff --git a/src/tree-select/tree-select.md b/src/tree-select/tree-select.md
index 32163b52c9..ef9ac48056 100644
--- a/src/tree-select/tree-select.md
+++ b/src/tree-select/tree-select.md
@@ -9,7 +9,7 @@ autoWidth | Boolean | false | 宽度随内容自适应 | N
 autofocus | Boolean | false | 自动聚焦 | N
 borderless | Boolean | false | 无边框模式 | N
 clearable | Boolean | false | 是否允许清空 | N
-collapsedItems | Slot / Function | - | 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedTags` 表示折叠的标签，`count` 表示折叠的数量。TS 类型：`TNode<{ value: DataOption[]; collapsedSelectedItems: DataOption[]; count: number }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+collapsedItems | Slot / Function | - | 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedSelectedItems` 表示折叠的标签，`count` 表示折叠的数量，`onClose` 表示移除标签的事件回调。TS 类型：`TNode<{ value: DataOption[]; collapsedSelectedItems: DataOption[]; count: number; onClose: (context: { index: number, e?: MouseEvent }) => void }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 data | Array | [] | 树选择的数据列表。结构：`[{ label: TNode, value: string \| number, text: string, ... }]`，其中 `label` 表示选项呈现的内容，可自定义；`value` 表示选项的唯一值；表示当 `label` 用于选项复杂内容呈现时，`text` 用于搜索功能。<br />其中 `label` 和 `value` 可以使用 `keys` 属性定义别名。TS 类型：`Array<DataOption>` | N
 disabled | Boolean | - | 是否禁用组件 | N
 empty | String / Slot / Function | - | 当下拉列表为空时显示的内容。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
@@ -68,4 +68,4 @@ focus | `(context: { value: TreeSelectValue; e: FocusEvent })` | 输入框获得
 input-change | `(value: string, context: SelectInputValueChangeContext)` | 输入框值发生变化时触发，`context.trigger` 表示触发输入框值变化的来源：文本输入触发、清除按钮触发、失去焦点等
 popup-visible-change | `(visible: boolean, context: TreeSelectPopupVisibleContext<DataOption>)` | 下拉框显示或隐藏时触发。单选场景，选中某个选项时触发关闭，此时需要添加参数 `node`。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/tree-select/type.ts)。<br/>`import { PopupVisibleChangeContext, PopupTriggerEvent, PopupTriggerSource } from '@Popup'`<br/><br/>`interface TreeSelectPopupVisibleContext<T> {   e?: PopupTriggerEvent \| Event;   node?: TreeNodeModel<T>;   trigger?: PopupTriggerSource \| 'clear'; }`<br/>
 remove | `(options: RemoveOptions<DataOption, TreeValueType>)` | 多选模式下，选中数据被移除时触发。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/tree-select/type.ts)。<br/>`export interface RemoveOptions<T extends TreeOptionData = TreeOptionData, N extends TreeSelectValue = TreeSelectValue> {   value: N;   data: T;  index: number; node: TreeNodeModel<T>;   e?: MouseEvent \| KeyboardEvent;   trigger: 'tag-remove' \| 'backspace'; }`<br/>
-search | `(filterWords: string, context: { e: KeyboardEvent \| SelectInputValueChangeContext['e'] })` | 输入值变化时，触发搜索事件。主要用于远程搜索新数据。设置 `filterable=true` 开启此功能。优先级高于本地数据搜索 `filter`，即一旦存在这个远程搜索事件 `filter` 失效
+search | `(filterWords: string, context: { e: KeyboardEvent \| SelectInputValueChangeContext['e'] })` | 输入值变化时，触发搜索事件。主要用于远程搜索新数据。设置 `filterable=true` 开启此功能。优先级高于本地数据搜索 `filter`，即一旦存在这个远程搜索事件 `filter` 失效
\ No newline at end of file
diff --git a/src/tree-select/type.ts b/src/tree-select/type.ts
index e196338051..b21b76da50 100644
--- a/src/tree-select/type.ts
+++ b/src/tree-select/type.ts
@@ -13,7 +13,10 @@ import { SelectInputValueChangeContext } from '../select-input';
 import { PopupVisibleChangeContext } from '../popup';
 import { TNode, TreeOptionData, TreeKeysType } from '../common';
 
-export interface TdTreeSelectProps<DataOption extends TreeOptionData = TreeOptionData> {
+export interface TdTreeSelectProps<
+  DataOption extends TreeOptionData = TreeOptionData,
+  TreeValueType extends TreeSelectValue = TreeSelectValue,
+> {
   /**
    * 宽度随内容自适应
    * @default false
@@ -32,7 +35,12 @@ export interface TdTreeSelectProps<DataOption extends TreeOptionData = TreeOptio
   /**
    * 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义
    */
-  collapsedItems?: TNode<{ value: DataOption[]; collapsedSelectedItems: DataOption[]; count: number }>;
+  collapsedItems?: TNode<{
+    value: DataOption[];
+    collapsedSelectedItems: DataOption[];
+    count: number;
+    onClose: (context: { index: number; e?: MouseEvent }) => void;
+  }>;
   /**
    * 数据
    * @default []
diff --git a/test/unit/snap/__snapshots__/csr.test.js.snap b/test/unit/snap/__snapshots__/csr.test.js.snap
index 362e253a39..0ccae2ab38 100644
--- a/test/unit/snap/__snapshots__/csr.test.js.snap
+++ b/test/unit/snap/__snapshots__/csr.test.js.snap
@@ -28145,6 +28145,16 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/collapsed.vue 1`]
 >
   
   
+  <div
+    class="t-space-item"
+  >
+    <h3>
+      default:
+    </h3>
+  </div>
+  <!---->
+  
+  
   <div
     class="t-space-item"
   >
@@ -28240,6 +28250,225 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/collapsed.vue 1`]
   <!---->
   
   
+  <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
+            class="t-radio"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'small'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="small"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <span
+              class="t-radio__label"
+            >
+              
+              small
+              
+            </span>
+          </label>
+          <label
+            class="t-radio t-is-checked"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'medium'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="medium"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <span
+              class="t-radio__label"
+            >
+              
+              medium
+              
+            </span>
+          </label>
+          <label
+            class="t-radio"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'large'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="large"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <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
+          class="t-checkbox"
+          tabindex="0"
+        >
+          
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <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
+          class="t-checkbox"
+          tabindex="0"
+        >
+          
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            <!---->
+          </span>
+          
+        </label>
+      </div>
+      <!---->
+      
+      
+    </div>
+  </div>
+  <!---->
+  
+  
   <div
     class="t-space-item"
   >
@@ -28279,12 +28508,17 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/collapsed.vue 1`]
               </svg>
             </div>
             
-            <span
-              style="color: rgb(237, 123, 47); margin-left: 10px;"
+            <div
+              class="t-tag t-tag--default t-tag--dark"
             >
-              +
-              1
-            </span>
+              <!---->
+              
+              Function - More(
+              2
+              )
+              
+              <!---->
+            </div>
             <!---->
             
             
@@ -28374,11 +28608,18 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/collapsed.vue 1`]
             </div>
             
             
-            <span
-              style="color: rgb(0, 168, 112); margin-left: 10px;"
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+              style="margin-right: 4px;"
             >
-              +1
-            </span>
+              <!---->
+              
+              Slot - More(
+              2
+              )
+              
+              <!---->
+            </div>
             <!---->
             
             
@@ -106581,6 +106822,16 @@ exports[`csr snapshot test > csr test ./src/select/_example/collapsed.vue 1`] =
 >
   
   
+  <div
+    class="t-space-item"
+  >
+    <h3>
+      default:
+    </h3>
+  </div>
+  <!---->
+  
+  
   <div
     class="t-space-item"
   >
@@ -106679,6 +106930,225 @@ exports[`csr snapshot test > csr test ./src/select/_example/collapsed.vue 1`] =
   <!---->
   
   
+  <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
+            class="t-radio"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'small'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="small"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <span
+              class="t-radio__label"
+            >
+              
+              small
+              
+            </span>
+          </label>
+          <label
+            class="t-radio t-is-checked"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'medium'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="medium"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <span
+              class="t-radio__label"
+            >
+              
+              medium
+              
+            </span>
+          </label>
+          <label
+            class="t-radio"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'large'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="large"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <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
+          class="t-checkbox"
+          tabindex="0"
+        >
+          
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <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
+          class="t-checkbox"
+          tabindex="0"
+        >
+          
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            <!---->
+          </span>
+          
+        </label>
+      </div>
+      <!---->
+      
+      
+    </div>
+  </div>
+  <!---->
+  
+  
   <div
     class="t-space-item"
   >
@@ -106721,12 +107191,17 @@ exports[`csr snapshot test > csr test ./src/select/_example/collapsed.vue 1`] =
                 </svg>
               </div>
               
-              <span
-                style="color: rgb(237, 123, 47); margin-left: 8px;"
+              <div
+                class="t-tag t-tag--default t-tag--dark"
               >
-                +
+                <!---->
+                
+                Function - More(
                 1
-              </span>
+                )
+                
+                <!---->
+              </div>
               <!---->
               
               
@@ -106819,11 +107294,18 @@ exports[`csr snapshot test > csr test ./src/select/_example/collapsed.vue 1`] =
               </div>
               
               
-              <span
-                style="color: rgb(0, 168, 112); margin-left: 8px;"
+              <div
+                class="t-tag t-tag--default t-tag--dark"
+                style="margin-right: 4px;"
               >
-                +1
-              </span>
+                <!---->
+                
+                Slot - More(
+                1
+                )
+                
+                <!---->
+              </div>
               <!---->
               
               
@@ -110004,73 +110486,9 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-item
   <div
     class="t-space-item"
   >
-    <div
-      class="t-select-input t-select-input--multiple"
-    >
-      
-      <div
-        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
-      >
-        <div
-          class="t-input t-input--prefix"
-        >
-          <!---->
-          <div
-            class="t-input__prefix"
-          >
-            
-            <div
-              class="t-tag t-tag--default t-tag--dark t-tag--close"
-            >
-              <!---->
-              
-              tdesign-vue
-              
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <!---->
-              
-              +
-              5
-              
-              <!---->
-            </div>
-            
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-          />
-          <span
-            class="t-input__input-pre"
-          >
-            
-          </span>
-          <!---->
-          <!---->
-          <!---->
-        </div>
-        <!---->
-      </div>
-      <!---->
-      
-      <!---->
-    </div>
+    <h3>
+      default:
+    </h3>
   </div>
   <!---->
   
@@ -110113,34 +110531,13 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-item
                 />
               </svg>
             </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-tag--close"
-            >
-              <!---->
-              
-              tdesign-react
-              
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
             <div
               class="t-tag t-tag--default t-tag--dark"
             >
               <!---->
               
-              更多(
-              4
-              )
+              +
+              5
               
               <!---->
             </div>
@@ -110170,6 +110567,225 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-item
   <!---->
   
   
+  <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
+            class="t-radio"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'small'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="small"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <span
+              class="t-radio__label"
+            >
+              
+              small
+              
+            </span>
+          </label>
+          <label
+            class="t-radio t-is-checked"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'medium'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="medium"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <span
+              class="t-radio__label"
+            >
+              
+              medium
+              
+            </span>
+          </label>
+          <label
+            class="t-radio"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'large'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="large"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <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
+          class="t-checkbox"
+          tabindex="0"
+        >
+          
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <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
+          class="t-checkbox"
+          tabindex="0"
+        >
+          
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            <!---->
+          </span>
+          
+        </label>
+      </div>
+      <!---->
+      
+      
+    </div>
+  </div>
+  <!---->
+  
+  
   <div
     class="t-space-item"
   >
@@ -110208,32 +110824,70 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-item
                 />
               </svg>
             </div>
+            
             <div
-              class="t-tag t-tag--default t-tag--dark t-tag--close"
+              class="t-tag t-tag--default t-tag--dark"
             >
               <!---->
               
-              tdesign-react
+              Function - More(
+              5
+              )
               
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
-                  fill="currentColor"
-                />
-              </svg>
+              <!---->
             </div>
+            <!---->
+            
+            
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+          />
+          <span
+            class="t-input__input-pre"
+          >
+            
+          </span>
+          <!---->
+          <!---->
+          <!---->
+        </div>
+        <!---->
+      </div>
+      <!---->
+      
+      <!---->
+    </div>
+  </div>
+  <!---->
+  
+  
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-select-input t-select-input--multiple"
+    >
+      
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+      >
+        <div
+          class="t-input t-input--prefix"
+        >
+          <!---->
+          <div
+            class="t-input__prefix"
+          >
+            
             <div
               class="t-tag t-tag--default t-tag--dark t-tag--close"
             >
               <!---->
               
-              tdesign-miniprogram
+              tdesign-vue
               
               <svg
                 class="t-icon t-icon-close t-tag__icon-close"
@@ -110252,10 +110906,13 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-item
             
             <div
               class="t-tag t-tag--default t-tag--dark"
+              style="margin-right: 4px;"
             >
               <!---->
               
-              More(3)
+              Slot - More(
+              5
+              )
               
               <!---->
             </div>
@@ -161413,6 +162070,16 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/collapsed.vue 1`]
 >
   
   
+  <div
+    class="t-space-item"
+  >
+    <h3>
+      default:
+    </h3>
+  </div>
+  <!---->
+  
+  
   <div
     class="t-space-item"
   >
@@ -161479,11 +162146,231 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/collapsed.vue 1`]
   <!---->
   
   
+  <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
+            class="t-radio"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'small'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="small"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <span
+              class="t-radio__label"
+            >
+              
+              small
+              
+            </span>
+          </label>
+          <label
+            class="t-radio t-is-checked"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'medium'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="medium"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <span
+              class="t-radio__label"
+            >
+              
+              medium
+              
+            </span>
+          </label>
+          <label
+            class="t-radio"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'large'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="large"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <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
+          class="t-checkbox"
+          tabindex="0"
+        >
+          
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <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
+          class="t-checkbox"
+          tabindex="0"
+        >
+          
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            <!---->
+          </span>
+          
+        </label>
+      </div>
+      <!---->
+      
+      
+    </div>
+  </div>
+  <!---->
+  
+  
   <div
     class="t-space-item"
   >
     <div
       class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+      multiple=""
     >
       <div
         class="t-input t-input--prefix"
@@ -161513,37 +162400,20 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/collapsed.vue 1`]
               />
             </svg>
           </div>
-          <div
-            class="t-tag t-tag--default t-tag--dark t-tag--close"
-          >
-            <!---->
-            
-            React
-            
-            <svg
-              class="t-icon t-icon-close t-tag__icon-close"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
-                fill="currentColor"
-              />
-            </svg>
-          </div>
+          
           <div
             class="t-tag t-tag--default t-tag--dark"
           >
             <!---->
             
-            更多(
-            3
+            Function - More(
+            4
             )
             
             <!---->
           </div>
+          <!---->
+          
           
         </div>
         <input
@@ -161571,6 +162441,7 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/collapsed.vue 1`]
   >
     <div
       class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+      multiple=""
     >
       <div
         class="t-input t-input--prefix"
@@ -161600,54 +162471,17 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/collapsed.vue 1`]
               />
             </svg>
           </div>
-          <div
-            class="t-tag t-tag--default t-tag--dark t-tag--close"
-          >
-            <!---->
-            
-            React
-            
-            <svg
-              class="t-icon t-icon-close t-tag__icon-close"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
-                fill="currentColor"
-              />
-            </svg>
-          </div>
-          <div
-            class="t-tag t-tag--default t-tag--dark t-tag--close"
-          >
-            <!---->
-            
-            Miniprogram
-            
-            <svg
-              class="t-icon t-icon-close t-tag__icon-close"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
-                fill="currentColor"
-              />
-            </svg>
-          </div>
           
           
           <div
             class="t-tag t-tag--default t-tag--dark"
+            style="margin-right: 4px;"
           >
             <!---->
             
-            More(2)
+            Slot - More(
+            4
+            )
             
             <!---->
           </div>
@@ -190729,6 +191563,16 @@ exports[`csr snapshot test > csr test ./src/tree-select/_example/collapsed.vue 1
 >
   
   
+  <div
+    class="t-space-item"
+  >
+    <h3>
+      default:
+    </h3>
+  </div>
+  <!---->
+  
+  
   <div
     class="t-space-item"
   >
@@ -190817,6 +191661,313 @@ exports[`csr snapshot test > csr test ./src/tree-select/_example/collapsed.vue 1
   <!---->
   
   
+  <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
+            class="t-radio"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'small'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="small"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <span
+              class="t-radio__label"
+            >
+              
+              small
+              
+            </span>
+          </label>
+          <label
+            class="t-radio t-is-checked"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'medium'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="medium"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <span
+              class="t-radio__label"
+            >
+              
+              medium
+              
+            </span>
+          </label>
+          <label
+            class="t-radio"
+            tabindex="0"
+          >
+            <input
+              class="t-radio__former"
+              data-value="'large'"
+              name=""
+              tabindex="-1"
+              type="radio"
+              value="large"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <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
+          class="t-checkbox"
+          tabindex="0"
+        >
+          
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <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
+          class="t-checkbox"
+          tabindex="0"
+        >
+          
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <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-select-input--empty t-tree-select"
+    >
+      
+      <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--ellipsis t-tag--close"
+              style="max-width: 300px;"
+            >
+              <!---->
+              <span
+                class="t-tag--text"
+              >
+                <!---->
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            
+          </div>
+          <input
+            class="t-input__inner t-input--soft-hidden"
+            placeholder=""
+            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"
+              disabled="false"
+              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
     class="t-space-item"
   >
diff --git a/test/unit/snap/__snapshots__/ssr.test.js.snap b/test/unit/snap/__snapshots__/ssr.test.js.snap
index de67f27ced..a4f21c058d 100644
--- a/test/unit/snap/__snapshots__/ssr.test.js.snap
+++ b/test/unit/snap/__snapshots__/ssr.test.js.snap
@@ -189,7 +189,7 @@ exports[`ssr snapshot test > ssr test ./src/cascader/_example/base.vue 1`] = `"<
 
 exports[`ssr snapshot test > ssr test ./src/cascader/_example/check-strictly.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select-input t-cascader t-cascader--single\\"><!--[--><div class=\\"t-input__wrap\\" style=\\"\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><!----><!----><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"1 / 1.2 / 1.2.2\\"><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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 t-cascader--multiple\\"><!--[--><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\\" style=\\"\\"><!----><!--[-->1/1.1/1.1.2/1.1.2.1<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->2<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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 > ssr test ./src/cascader/_example/collapsed.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader t-cascader--multiple\\"><!--[--><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\\" style=\\"\\"><!----><!--[-->选项一/子选项一<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->+2<!--]--><!----></div><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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 t-cascader--multiple\\"><!--[--><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\\" style=\\"\\"><!----><!--[-->选项一/子选项一<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><span style=\\"color:#ED7B2F;margin-left:10px;\\">+1</span><!----><!--]--><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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 t-cascader--multiple\\"><!--[--><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\\" style=\\"\\"><!----><!--[-->选项一/子选项一<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><!--[--><span style=\\"color:#00a870;margin-left:10px;\\">+1</span><!----><!--]--><!--]--><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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 > ssr test ./src/cascader/_example/collapsed.vue 1`] = `"<div 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 t-cascader--multiple\\"><!--[--><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\\" style=\\"\\"><!----><!--[-->选项一/子选项一<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->+2<!--]--><!----></div><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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 class=\\"t-radio\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name value=\\"small\\" tabindex=\\"-1\\" data-value=\\"&#39;small&#39;\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->small<!--]--></span></label><label class=\\"t-radio t-is-checked\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name checked value=\\"medium\\" tabindex=\\"-1\\" data-value=\\"&#39;medium&#39;\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->medium<!--]--></span></label><label class=\\"t-radio\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name value=\\"large\\" tabindex=\\"-1\\" data-value=\\"&#39;large&#39;\\"><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 class=\\"t-checkbox\\" tabindex=\\"0\\"><!--[--><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><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 class=\\"t-checkbox\\" tabindex=\\"0\\"><!--[--><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><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 t-cascader--multiple\\"><!--[--><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\\" style=\\"\\"><!----><!--[-->选项一/子选项一<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->Function - More(2)<!--]--><!----></div><!----><!--]--><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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 t-cascader--multiple\\"><!--[--><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\\" style=\\"\\"><!----><!--[-->选项一/子选项一<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><!--[--><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"margin-right:4px;\\"><!----><!--[-->Slot - More(2)<!--]--><!----></div><!----><!--]--><!--]--><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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 > ssr test ./src/cascader/_example/custom-options.vue 1`] = `"<div 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 t-cascader--single\\"><!--[--><div class=\\"t-input__wrap\\" style=\\"\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><!----><!----><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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 t-cascader--single\\"><!--[--><div class=\\"t-input__wrap\\" style=\\"\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><!----><!----><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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 t-cascader--single\\"><!--[--><div class=\\"t-input__wrap\\" style=\\"\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><!----><!----><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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>"`;
 
@@ -840,7 +840,7 @@ exports[`ssr snapshot test > ssr test ./src/rate/_example/texts.vue 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test ./src/select/_example/base.vue 1`] = `"<div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select-input--empty t-select\\"><!--[--><div class=\\"t-input__wrap\\" style=\\"\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><!----><!----><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择云解决方案\\" type=\\"text\\" unselectable=\\"on\\" value><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select-input--empty t-select\\"><!--[--><div class=\\"t-input__wrap t-input--auto-width\\" style=\\"\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><!----><div class=\\"t-input__prefix\\"><!--[-->产品：<!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择云产品\\" type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\">请选择云产品</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/select/_example/collapsed.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select-input--multiple t-select\\"><!--[--><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\\" style=\\"\\"><!----><!--[-->选项一<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->+1<!--]--><!----></div><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select-input--multiple t-select\\"><!--[--><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\\" style=\\"\\"><!----><!--[-->选项一<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><span style=\\"color:#ED7B2F;margin-left:8px;\\">+1</span><!----><!--]--><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select-input--multiple t-select\\"><!--[--><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\\" style=\\"\\"><!----><!--[-->选项一<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><!--[--><span style=\\"color:#00a870;margin-left:8px;\\">+1</span><!----><!--]--><!--]--><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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><!----><!--]--><!--]--></div>"`;
+exports[`ssr snapshot test > ssr test ./src/select/_example/collapsed.vue 1`] = `"<div 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__wrap\\"><div class=\\"t-select-input t-select-input--multiple t-select\\"><!--[--><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\\" style=\\"\\"><!----><!--[-->选项一<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->+1<!--]--><!----></div><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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><!----><!--]--><!--[--><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 class=\\"t-radio\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name value=\\"small\\" tabindex=\\"-1\\" data-value=\\"&#39;small&#39;\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->small<!--]--></span></label><label class=\\"t-radio t-is-checked\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name checked value=\\"medium\\" tabindex=\\"-1\\" data-value=\\"&#39;medium&#39;\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->medium<!--]--></span></label><label class=\\"t-radio\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name value=\\"large\\" tabindex=\\"-1\\" data-value=\\"&#39;large&#39;\\"><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 class=\\"t-checkbox\\" tabindex=\\"0\\"><!--[--><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><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 class=\\"t-checkbox\\" tabindex=\\"0\\"><!--[--><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><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__wrap\\"><div class=\\"t-select-input t-select-input--multiple t-select\\"><!--[--><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\\" style=\\"\\"><!----><!--[-->选项一<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->Function - More(1)<!--]--><!----></div><!----><!--]--><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select-input--multiple t-select\\"><!--[--><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\\" style=\\"\\"><!----><!--[-->选项一<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><!--[--><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"margin-right:4px;\\"><!----><!--[-->Slot - More(1)<!--]--><!----></div><!----><!--]--><!--]--><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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><!----><!--]--><!--]--></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/select/_example/creatable.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\" style=\\"width:400px;\\"><div class=\\"t-select-input t-select-input--empty t-select\\"><!--[--><div class=\\"t-input__wrap\\" style=\\"\\"><div class=\\"t-input t-input--suffix\\"><!----><!----><input class=\\"t-input__inner\\" placeholder=\\"单选支持自定义创建\\" type=\\"text\\" value><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\" style=\\"width:400px;\\"><div class=\\"t-select-input t-select-input--multiple t-select-input--empty t-select\\"><!--[--><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 class=\\"t-input__inner\\" placeholder=\\"多选支持自定义创建\\" type=\\"text\\" value><span class=\\"t-input__input-pre\\">多选支持自定义创建</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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><!----><!--]--><!--]--></div>"`;
 
@@ -888,7 +888,7 @@ exports[`ssr snapshot test > ssr test ./src/select-input/_example/borderless.vue
 
 exports[`ssr snapshot test > ssr test ./src/select-input/_example/borderless-multiple.vue 1`] = `"<div class=\\"tdesign-demo__select-input-borderless-multiple\\" style=\\"width:100%;\\"><div class=\\"t-select-input t-select-input--multiple t-select-input--borderless\\" style=\\"width:250px;\\"><!--[--><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->+2<!--]--><!----></div><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div><!----><!--]--><!----></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/select-input/_example/collapsed-items.vue 1`] = `"<div class=\\"t-space t-space-vertical tdesign-demo__select-input-collapsed-items\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\"><!--[--><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->tdesign-vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->+5<!--]--><!----></div><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div><!----><!--]--><!----></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\"><!--[--><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->tdesign-vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->tdesign-react<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->更多(4)<!--]--><!----></div><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div><!----><!--]--><!----></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\"><!--[--><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->tdesign-vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->tdesign-react<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->tdesign-miniprogram<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><!--[--><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->More(3)<!--]--><!----></div><!----><!--]--><!--]--><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div><!----><!--]--><!----></div></div><!----><!--]--><!--]--></div>"`;
+exports[`ssr snapshot test > ssr test ./src/select-input/_example/collapsed-items.vue 1`] = `"<div class=\\"t-space t-space-vertical tdesign-demo__select-input-collapsed-items\\" 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\\"><!--[--><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->tdesign-vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->+5<!--]--><!----></div><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></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 class=\\"t-radio\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name value=\\"small\\" tabindex=\\"-1\\" data-value=\\"&#39;small&#39;\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->small<!--]--></span></label><label class=\\"t-radio t-is-checked\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name checked value=\\"medium\\" tabindex=\\"-1\\" data-value=\\"&#39;medium&#39;\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->medium<!--]--></span></label><label class=\\"t-radio\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name value=\\"large\\" tabindex=\\"-1\\" data-value=\\"&#39;large&#39;\\"><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 class=\\"t-checkbox\\" tabindex=\\"0\\"><!--[--><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><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 class=\\"t-checkbox\\" tabindex=\\"0\\"><!--[--><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><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\\"><!--[--><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->tdesign-vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->Function - More(5)<!--]--><!----></div><!----><!--]--><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div><!----><!--]--><!----></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\"><!--[--><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->tdesign-vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><!--[--><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"margin-right:4px;\\"><!----><!--[-->Slot - More(5)<!--]--><!----></div><!----><!--]--><!--]--><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div><!----><!--]--><!----></div></div><!----><!--]--><!--]--></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/select-input/_example/custom-tag.vue 1`] = `"<div class=\\"t-space t-space-vertical tdesign-demo-select-input-custom-tag\\" style=\\"gap:16px;\\" data-v-3251f825><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select-input\\" data-v-3251f825><!--[--><div class=\\"t-input__wrap\\" style=\\"\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!--[--><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform tdesign-demo-select-input__img\\" style=\\"\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\"></path></svg> tdesign-vue</span><!--]--><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><!----><!----><!----><!----></div><!----></div><!----><!--]--><!----></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\" data-v-3251f825><!--[--><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[--><!--[--><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" style=\\"\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\"></path></svg> tdesign-vue</span><!--]--><!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[--><!--[--><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" style=\\"\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\"></path></svg> tdesign-react</span><!--]--><!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div><!----><!--]--><!----></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\" data-v-3251f825><!--[--><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!--[--><!-- <span><LayersIcon />{{ value }}</span> --><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\" data-v-3251f825><!----><!--[--><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" style=\\"\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\"></path></svg><span data-v-3251f825>tdesign-vue</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=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\" data-v-3251f825><!----><!--[--><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" style=\\"\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\"></path></svg><span data-v-3251f825>tdesign-react</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=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\" data-v-3251f825><!----><!--[--><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" style=\\"\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\"></path></svg><span data-v-3251f825>tdesign-mobile-vue</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=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--]--><!--]--><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div><!----><!--]--><!----></div></div><!----><!--]--><!--]--></div>"`;
 
@@ -1232,7 +1232,7 @@ exports[`ssr snapshot test > ssr test ./src/tag-input/_example/auto-width.vue 1`
 
 exports[`ssr snapshot test > ssr test ./src/tag-input/_example/base.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->React<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag-input__prefix\\">Controlled: </div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->React<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag-input__prefix\\">UnControlled: </div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->React<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/tag-input/_example/collapsed.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->+4<!--]--><!----></div><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->React<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->更多(3)<!--]--><!----></div><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->React<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->Miniprogram<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><!--[--><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->More(2)<!--]--><!----></div><!----><!--]--><!--]--><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div></div><!----><!--]--><!--]--></div>"`;
+exports[`ssr snapshot test > ssr test ./src/tag-input/_example/collapsed.vue 1`] = `"<div 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-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->+4<!--]--><!----></div><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></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 class=\\"t-radio\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name value=\\"small\\" tabindex=\\"-1\\" data-value=\\"&#39;small&#39;\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->small<!--]--></span></label><label class=\\"t-radio t-is-checked\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name checked value=\\"medium\\" tabindex=\\"-1\\" data-value=\\"&#39;medium&#39;\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->medium<!--]--></span></label><label class=\\"t-radio\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name value=\\"large\\" tabindex=\\"-1\\" data-value=\\"&#39;large&#39;\\"><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 class=\\"t-checkbox\\" tabindex=\\"0\\"><!--[--><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><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 class=\\"t-checkbox\\" tabindex=\\"0\\"><!--[--><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!----></span><!--]--></label></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\" multiple><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->Function - More(4)<!--]--><!----></div><!----><!--]--><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\" multiple><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--[--><!--[--><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"margin-right:4px;\\"><!----><!--[-->Slot - More(4)<!--]--><!----></div><!----><!--]--><!--]--><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div></div><!----><!--]--><!--]--></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/tag-input/_example/custom-tag.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[--><!--[--><span class=\\"displayItem\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"><span>  StudentA</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=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"\\"><!----><!--[--><!--[--><span class=\\"displayItem\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"><span>  StudentB</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=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\" style=\\"\\"><!----><!--[-->+1<!--]--><!----></div><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!--[--><!--[--><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\"><!----><!--[--><span class=\\"displayItem\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"><span>  StudentA</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=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\"><!----><!--[--><span class=\\"displayItem\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"><span>  StudentB</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=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\"><!----><!--[--><span class=\\"displayItem\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"><span>  StudentC</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=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--]--><!--]--><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div></div><!----><!--]--><!--]--></div>"`;
 
@@ -1394,7 +1394,7 @@ exports[`ssr snapshot test > ssr test ./src/tree-select/_example/arrowicon.vue 1
 
 exports[`ssr snapshot test > ssr test ./src/tree-select/_example/base.vue 1`] = `"<div class=\\"t-select-input t-select-input--empty t-tree-select\\"><!--[--><div class=\\"t-input__wrap\\" style=\\"\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><!----><!----><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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>"`;
 
-exports[`ssr snapshot test > ssr test ./src/tree-select/_example/collapsed.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-select-input--empty t-tree-select demo-space\\"><!--[--><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--ellipsis t-tag--close\\" style=\\"max-width:300px;\\"><!----><span class=\\"t-tag--text\\"><!----></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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-tree-select\\"><!--[--><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--ellipsis t-tag--close\\" style=\\"max-width:300px;\\"><!----><span class=\\"t-tag--text\\"><!----></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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 > ssr test ./src/tree-select/_example/collapsed.vue 1`] = `"<div 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-select-input--empty t-tree-select demo-space\\"><!--[--><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--ellipsis t-tag--close\\" style=\\"max-width:300px;\\"><!----><span class=\\"t-tag--text\\"><!----></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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 class=\\"t-radio\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name value=\\"small\\" tabindex=\\"-1\\" data-value=\\"&#39;small&#39;\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->small<!--]--></span></label><label class=\\"t-radio t-is-checked\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name checked value=\\"medium\\" tabindex=\\"-1\\" data-value=\\"&#39;medium&#39;\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->medium<!--]--></span></label><label class=\\"t-radio\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name value=\\"large\\" tabindex=\\"-1\\" data-value=\\"&#39;large&#39;\\"><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 class=\\"t-checkbox\\" tabindex=\\"0\\"><!--[--><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><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 class=\\"t-checkbox\\" tabindex=\\"0\\"><!--[--><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><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-select-input--empty t-tree-select\\"><!--[--><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--ellipsis t-tag--close\\" style=\\"max-width:300px;\\"><!----><span class=\\"t-tag--text\\"><!----></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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-tree-select\\"><!--[--><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--ellipsis t-tag--close\\" style=\\"max-width:300px;\\"><!----><span class=\\"t-tag--text\\"><!----></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><!--]--></div><input class=\\"t-input__inner t-input--soft-hidden\\" readonly placeholder type=\\"text\\" unselectable=\\"on\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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 > ssr test ./src/tree-select/_example/filterable.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><label class=\\"t-radio-button t-is-checked\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"default\\" tabindex=\\"-1\\" data-value=\\"&#39;default&#39;\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 默认 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" tabindex=\\"0\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"function\\" tabindex=\\"-1\\" data-value=\\"&#39;function&#39;\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 自定义方法 <!--]--><!--]--></span></label><!--]--><div style=\\"width:0px;height:0px;left:0px;top:0px;transition-property:none;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--empty t-tree-select\\"><!--[--><div class=\\"t-input__wrap\\" style=\\"\\"><div class=\\"t-input t-input--suffix\\"><!----><!----><input class=\\"t-input__inner\\" placeholder=\\"请选择\\" type=\\"text\\" value><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><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>"`;