diff --git a/.eslintignore b/.eslintignore
index f5a9cb43b9..5550551bd0 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -15,3 +15,4 @@ static/
 packages/common
 packages/ai-core
 site/engineering/static
+packages/components/**/type.ts 
\ No newline at end of file
diff --git a/package.json b/package.json
index 41d335b72d..8f0d5921ec 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
     }
   },
   "lint-staged": {
-    "packages/**/*.{ts,tsx}": [
+    "packages/**/!(type).{ts,tsx}": [
       "prettier --write",
       "pnpm run lint:fix"
     ]
diff --git a/packages/ai-core b/packages/ai-core
index 7e277aa55c..b4dc9b5e93 160000
--- a/packages/ai-core
+++ b/packages/ai-core
@@ -1 +1 @@
-Subproject commit 7e277aa55cfbfffd481f0149eb2e30edc8b4d8ee
+Subproject commit b4dc9b5e93006f2c1c8d2b7d62647979cdd69484
diff --git a/packages/common b/packages/common
index 5fe21863a9..7249f43c1c 160000
--- a/packages/common
+++ b/packages/common
@@ -1 +1 @@
-Subproject commit 5fe21863a970f8e6551a3b7ee22e02ae7b441d24
+Subproject commit 7249f43c1c2c17f2e6dc715566c668491a8224c7
diff --git a/packages/components/_util/parseTNode.ts b/packages/components/_util/parseTNode.ts
index 18b04d580f..ea9db5040f 100644
--- a/packages/components/_util/parseTNode.ts
+++ b/packages/components/_util/parseTNode.ts
@@ -39,3 +39,17 @@ export function parseContentTNode<T>(tnode: TNode<T>, props: T) {
     return null;
   }
 }
+
+export function extractTextFromTNode(node: TNode): string {
+  if (typeof node === 'string' || typeof node === 'number' || typeof node === 'boolean') return String(node);
+  if (React.isValidElement(node)) {
+    const { children } = node.props || {};
+    if (children) return extractTextFromTNode(children);
+  }
+  if (Array.isArray(node)) {
+    return node.map(extractTextFromTNode).join('');
+  }
+
+  // todo：兼容 ((props: T) => ReactNode) 函数类型
+  return '';
+}
diff --git a/packages/components/cascader/__tests__/cascader.test.tsx b/packages/components/cascader/__tests__/cascader.test.tsx
index 39b8985958..90dad6c926 100644
--- a/packages/components/cascader/__tests__/cascader.test.tsx
+++ b/packages/components/cascader/__tests__/cascader.test.tsx
@@ -228,12 +228,18 @@ describe('Cascader 组件测试', () => {
     expect(spy).toHaveBeenCalled();
     fireEvent.click(getByPlaceholderText(placeholderId));
     expect(spy).toHaveBeenCalledTimes(2);
-    await mockTimeout(() => expect(document.querySelector(popupSelector)).toHaveStyle({ display: 'none' }));
+    await mockTimeout(() =>
+      expect(document.querySelector(popupSelector)).toHaveStyle({
+        display: 'none',
+      }),
+    );
 
     // disabled 不会展开 popup，且不执行 onPopupVisibleChange
     fireEvent.click(getByText(btnText));
     fireEvent.click(getByPlaceholderText(placeholderId));
-    expect(document.querySelector(popupSelector)).toHaveStyle({ display: 'none' });
+    expect(document.querySelector(popupSelector)).toHaveStyle({
+      display: 'none',
+    });
     expect(spy).toHaveBeenCalledTimes(2);
   });
 
diff --git a/packages/components/cascader/components/Item.tsx b/packages/components/cascader/components/Item.tsx
index 2a750e2d36..6110a8abf6 100644
--- a/packages/components/cascader/components/Item.tsx
+++ b/packages/components/cascader/components/Item.tsx
@@ -89,9 +89,14 @@ const Item = forwardRef(
     const RenderLabelContent = (node: TreeNode, cascaderContext: CascaderContextType) => {
       const label = RenderLabelInner(node, cascaderContext);
 
+      const getTitle = () => {
+        const title = cascaderContext.inputVal ? getFullPathLabel(node) : node.label;
+        return typeof title !== 'object' ? title : undefined;
+      };
+
       const labelCont = (
         <span
-          title={cascaderContext.inputVal ? getFullPathLabel(node) : node.label}
+          title={getTitle()}
           className={classNames(`${COMPONENT_NAME}-label`, `${COMPONENT_NAME}-label--ellipsis`)}
           role="label"
         >
diff --git a/packages/components/dialog/Dialog.tsx b/packages/components/dialog/Dialog.tsx
index c411e4e212..0c6e3f7ab3 100644
--- a/packages/components/dialog/Dialog.tsx
+++ b/packages/components/dialog/Dialog.tsx
@@ -44,7 +44,10 @@ const Dialog = forwardRef<DialogInstance, DialogProps>((originalProps, ref) => {
   const dialogPosition = useRef(null);
   const portalRef = useRef(null);
 
-  const [state, setState] = useSetState<DialogProps>({ isPlugin: false, ...restProps });
+  const [state, setState] = useSetState<DialogProps>({
+    isPlugin: false,
+    ...restProps,
+  });
   const [local] = useLocaleReceiver('dialog');
 
   const {
diff --git a/packages/components/dialog/__tests__/dialog.test.tsx b/packages/components/dialog/__tests__/dialog.test.tsx
index 4106eca295..d771b36de2 100644
--- a/packages/components/dialog/__tests__/dialog.test.tsx
+++ b/packages/components/dialog/__tests__/dialog.test.tsx
@@ -87,10 +87,16 @@ describe('Dialog组件测试', () => {
     expect(document.querySelector('.t-dialog__modeless')).toBeInTheDocument();
     fireEvent.mouseDown(document.querySelector('.t-dialog'));
     fireEvent.mouseMove(document.querySelector('.t-dialog'));
-    expect(document.querySelector('.t-dialog')).toHaveStyle({ cursor: 'move', position: 'absolute' });
+    expect(document.querySelector('.t-dialog')).toHaveStyle({
+      cursor: 'move',
+      position: 'absolute',
+    });
     fireEvent.mouseUp(document.querySelector('.t-dialog'));
     userEvent.keyboard('{esc}');
-    expect(document.querySelector('.t-dialog')).toHaveStyle({ left: '0px', top: '0px' });
+    expect(document.querySelector('.t-dialog')).toHaveStyle({
+      left: '0px',
+      top: '0px',
+    });
   });
 
   test('DialogPlugin', async () => {
@@ -204,7 +210,11 @@ describe('Dialog组件测试', () => {
         value={{
           globalConfig: {
             ...defaultGlobalConfig,
-            dialog: { ...(defaultGlobalConfig.dialog || {}), placement: 'center', zIndex: 4321 },
+            dialog: {
+              ...(defaultGlobalConfig.dialog || {}),
+              placement: 'center',
+              zIndex: 4321,
+            },
           },
         }}
       >
@@ -214,7 +224,9 @@ describe('Dialog组件测试', () => {
 
     expect(document.querySelector('.t-dialog--center')).toBeInTheDocument();
     expect(document.querySelector('.t-dialog--top')).not.toBeInTheDocument();
-    expect(document.querySelector('.t-dialog__ctx')).toHaveStyle({ zIndex: '4321' });
+    expect(document.querySelector('.t-dialog__ctx')).toHaveStyle({
+      zIndex: '4321',
+    });
   });
 
   test('dialog props should override global dialog config', async () => {
@@ -223,7 +235,11 @@ describe('Dialog组件测试', () => {
         value={{
           globalConfig: {
             ...defaultGlobalConfig,
-            dialog: { ...(defaultGlobalConfig.dialog || {}), placement: 'center', zIndex: 4321 },
+            dialog: {
+              ...(defaultGlobalConfig.dialog || {}),
+              placement: 'center',
+              zIndex: 4321,
+            },
           },
         }}
       >
@@ -233,6 +249,8 @@ describe('Dialog组件测试', () => {
 
     expect(document.querySelector('.t-dialog--top')).toBeInTheDocument();
     expect(document.querySelector('.t-dialog--center')).not.toBeInTheDocument();
-    expect(document.querySelector('.t-dialog__ctx')).toHaveStyle({ zIndex: '1234' });
+    expect(document.querySelector('.t-dialog__ctx')).toHaveStyle({
+      zIndex: '1234',
+    });
   });
 });
diff --git a/packages/components/input-number/__tests__/input-number.test.tsx b/packages/components/input-number/__tests__/input-number.test.tsx
index d6706c8f88..0fba598aa6 100644
--- a/packages/components/input-number/__tests__/input-number.test.tsx
+++ b/packages/components/input-number/__tests__/input-number.test.tsx
@@ -15,7 +15,9 @@ describe('InputNumber 组件测试', () => {
     );
     expect(container.firstChild.classList.contains('t-input-number')).toBeTruthy();
     expect(queryByPlaceholderText(InputNumberPlaceholder)).toBeInTheDocument();
-    fireEvent.change(queryByPlaceholderText(InputNumberPlaceholder), { target: { value: InputNumberValue } });
+    fireEvent.change(queryByPlaceholderText(InputNumberPlaceholder), {
+      target: { value: InputNumberValue },
+    });
     expect(changeFn).toBeCalledTimes(1);
     expect(changeFn.mock.calls[0][0]).toBe(InputNumberValue);
   });
diff --git a/packages/components/input-number/type.ts b/packages/components/input-number/type.ts
index 4170c87834..12cc949929 100644
--- a/packages/components/input-number/type.ts
+++ b/packages/components/input-number/type.ts
@@ -160,4 +160,4 @@ export interface ChangeContext {
     | CompositionEvent<HTMLDivElement>;
 }
 
-export type ChangeSource = 'add' | 'reduce' | 'input' | 'blur' | 'enter' | 'clear' | 'props';
+export type ChangeSource = 'add' | 'reduce' | 'input' | 'blur' | 'enter' | 'clear' | 'props';
\ No newline at end of file
diff --git a/packages/components/input/Input.tsx b/packages/components/input/Input.tsx
index 267a12ac84..b59fb36bf2 100644
--- a/packages/components/input/Input.tsx
+++ b/packages/components/input/Input.tsx
@@ -166,7 +166,7 @@ const Input = forwardRefWithStatics(
       ) : null;
 
     const updateInputWidth = () => {
-      if (!autoWidth || !inputRef.current) return;
+      if (!autoWidth || !inputRef.current || !inputPreRef.current) return;
       const { offsetWidth } = inputPreRef.current;
       const { width } = inputPreRef.current.getBoundingClientRect();
       // 异步渲染场景下 getBoundingClientRect 宽度为 0，需要使用 offsetWidth
diff --git a/packages/components/loading/Loading.tsx b/packages/components/loading/Loading.tsx
index e2af83b716..dffcf331e6 100644
--- a/packages/components/loading/Loading.tsx
+++ b/packages/components/loading/Loading.tsx
@@ -32,7 +32,10 @@ const Loading: React.FC<LoadingProps> = (props) => {
     zIndex,
     className,
     style,
-  } = useDefaultProps<LoadingProps>(props, { ...loadingDefaultProps, ...globalLoadingConfig });
+  } = useDefaultProps<LoadingProps>(props, {
+    ...loadingDefaultProps,
+    ...globalLoadingConfig,
+  });
 
   const [showLoading, setShowLoading] = useState(() => (delay ? false : loading));
 
@@ -143,7 +146,9 @@ const Loading: React.FC<LoadingProps> = (props) => {
       <Portal attach={attach}>
         {showLoading ? (
           <div
-            className={classnames(name, baseClasses, fullClass, { [overlayClass]: showOverlay })}
+            className={classnames(name, baseClasses, fullClass, {
+              [overlayClass]: showOverlay,
+            })}
             style={{ ...calcStyles, ...style }}
           >
             {commonContent()}
diff --git a/packages/components/loading/__tests__/loading.test.tsx b/packages/components/loading/__tests__/loading.test.tsx
index 826925f775..22b3070b40 100644
--- a/packages/components/loading/__tests__/loading.test.tsx
+++ b/packages/components/loading/__tests__/loading.test.tsx
@@ -60,7 +60,10 @@ describe('Loading 组件测试', () => {
     );
 
     expect(container.querySelector('.t-loading__text')).toHaveTextContent('全局加载中');
-    expect(container.querySelector('.t-loading')).toHaveStyle({ fontSize: '36px', zIndex: '1234' });
+    expect(container.querySelector('.t-loading')).toHaveStyle({
+      fontSize: '36px',
+      zIndex: '1234',
+    });
   });
 
   test('loading props should override global loading config', async () => {
@@ -86,7 +89,11 @@ describe('Loading 组件测试', () => {
       <div>
         <div
           className="trigger"
-          onClick={() => loading({ attach: () => document.querySelector('#loading-attach') }) as any}
+          onClick={() =>
+            loading({
+              attach: () => document.querySelector('#loading-attach'),
+            }) as any
+          }
         >
           container to trigger loading
         </div>
diff --git a/packages/components/select-input/useSingle.tsx b/packages/components/select-input/useSingle.tsx
index 34eb5a3b60..d5a09adbbd 100644
--- a/packages/components/select-input/useSingle.tsx
+++ b/packages/components/select-input/useSingle.tsx
@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { isObject, pick } from 'lodash-es';
 
@@ -9,6 +9,7 @@ import Loading from '../loading';
 
 import type { InputRef, TdInputProps } from '../input';
 import type { SelectInputCommonProperties } from './interface';
+import type { SelectInputProps } from './SelectInput';
 import type { TdSelectInputProps } from './type';
 
 export interface RenderSelectSingleInputParams {
@@ -38,24 +39,35 @@ const DEFAULT_KEYS: TdSelectInputProps['keys'] = {
   value: 'value',
 };
 
-function getInputValue(value: TdSelectInputProps['value'], keys: TdSelectInputProps['keys']) {
+const getOptionLabel = (value: TdSelectInputProps['value'], keys: TdSelectInputProps['keys']) => {
   const iKeys = keys || DEFAULT_KEYS;
   return isObject(value) ? value[iKeys.label] : value;
-}
+};
+
+export default function useSingle(props: SelectInputProps) {
+  const { value, autoWidth, inputProps, label, allowInput, clearable, keys, valueDisplay, suffixIcon } = props;
+  const commonInputProps: SelectInputCommonProperties = {
+    ...pick(props, COMMON_PROPERTIES),
+    suffixIcon: props.loading ? <Loading loading size="small" /> : suffixIcon,
+  };
 
-export default function useSingle(props: TdSelectInputProps) {
-  const { value, keys, loading } = props;
   const { classPrefix } = useConfig();
+  const [inputValue, setInputValue] = useControlled(props, 'inputValue', props.onInputChange);
 
   const inputRef = useRef<InputRef>(null);
   const blurTimeoutRef = useRef(null);
+  const customElementRef = useRef<HTMLSpanElement>(null);
 
-  const [inputValue, setInputValue] = useControlled(props, 'inputValue', props.onInputChange);
+  const [isTyping, setIsTyping] = useState<boolean>(false);
+  const [labelWidth, setLabelWidth] = useState<number>(0);
+  const [suffixSpace, setSuffixSpace] = useState<number>(0);
 
-  const commonInputProps: SelectInputCommonProperties = {
-    ...pick(props, COMMON_PROPERTIES),
-    suffixIcon: loading ? <Loading loading size="small" /> : props.suffixIcon,
-  };
+  const singleValueDisplay = useMemo(() => valueDisplay ?? getOptionLabel(value, keys), [value, valueDisplay, keys]);
+
+  const showCustomElement = useMemo(
+    () => !isTyping && !inputValue && React.isValidElement(singleValueDisplay),
+    [isTyping, inputValue, singleValueDisplay],
+  );
 
   const onInnerClear = (context: { e: React.MouseEvent<SVGSVGElement> }) => {
     context?.e?.stopPropagation();
@@ -64,19 +76,68 @@ export default function useSingle(props: TdSelectInputProps) {
   };
 
   const onInnerInputChange: TdInputProps['onChange'] = (value, context) => {
-    if (props.allowInput) {
+    if (allowInput) {
       setInputValue(value, { ...context, trigger: 'input' });
     }
   };
 
+  useEffect(() => {
+    const labelEl = inputRef.current?.currentElement.querySelector(`.${classPrefix}-input__prefix`);
+    if (labelEl) {
+      const prefixWidth = labelEl.getBoundingClientRect().width;
+      setLabelWidth(prefixWidth);
+    }
+  }, [label, classPrefix]);
+
+  useEffect(() => {
+    const inputEl = inputRef.current?.inputElement;
+    if (!inputEl) return;
+    // autoWidth 且存在自定义元素时需要撑开宽度
+    if (!autoWidth || !showCustomElement || !customElementRef.current) {
+      inputEl.style.minWidth = '';
+      return;
+    }
+    const el = customElementRef.current;
+    // 测量真实内容宽度时，临时强制 nowrap，避免被父级容器（受 suffixSpace 影响）压缩换行导致测量值偏小
+    const prevWhiteSpace = el.style.whiteSpace;
+    el.style.whiteSpace = 'nowrap';
+    const { width } = el.getBoundingClientRect();
+    el.style.whiteSpace = prevWhiteSpace;
+    inputEl.style.minWidth = width > 0 ? `${width}px` : '';
+  }, [autoWidth, showCustomElement, singleValueDisplay]);
+
+  useEffect(() => {
+    // 避免内容延伸盖到右侧的 suffixIcon 区域，需要测量 input 右侧到 wrapper 右侧的距离作为 right 留白
+    if (!showCustomElement) {
+      setSuffixSpace(0);
+      return;
+    }
+    const wrapperEl = inputRef.current?.currentElement;
+    const inputEl = inputRef.current?.inputElement;
+    if (!wrapperEl || !inputEl) return undefined;
+
+    const measure = () => {
+      const wrapperRect = wrapperEl.getBoundingClientRect();
+      const inputRect = inputEl.getBoundingClientRect();
+      // wrapper 右内边距 + suffix 区域 + suffixIcon 区域
+      const space = Math.max(wrapperRect.right - inputRect.right, 0);
+      setSuffixSpace((prev) => (Math.abs(prev - space) < 0.5 ? prev : space));
+    };
+
+    measure();
+
+    wrapperEl.addEventListener('mouseenter', measure);
+    wrapperEl.addEventListener('mouseleave', measure);
+    return () => {
+      wrapperEl.removeEventListener('mouseenter', measure);
+      wrapperEl.removeEventListener('mouseleave', measure);
+    };
+  }, [showCustomElement, singleValueDisplay, clearable, suffixIcon, props.suffix]);
+
   const renderSelectSingle = (
     popupVisible: boolean,
     onInnerBlur?: (context: { e: React.FocusEvent<HTMLInputElement> }) => void,
   ) => {
-    // 单选，值的呈现方式
-    const singleValueDisplay: any = !props.multiple ? props.valueDisplay : null;
-    const displayedValue = popupVisible && props.allowInput ? inputValue : getInputValue(value, keys);
-
     const handleBlur = (value, ctx) => {
       if (blurTimeoutRef.current) {
         clearTimeout(blurTimeoutRef.current);
@@ -104,23 +165,77 @@ export default function useSingle(props: TdSelectInputProps) {
       // !popupVisible && setInputValue(getInputValue(value, keys), { ...context, trigger: 'input' });
     };
 
+    const displayedValue = (): string => {
+      if (popupVisible && inputValue) {
+        return inputValue;
+      }
+      if (allowInput && popupVisible && !showCustomElement) {
+        return '';
+      }
+      if (!showCustomElement) {
+        return singleValueDisplay;
+      }
+      return inputValue;
+    };
+
+    const displayedPlaceholder = (): string => {
+      if (popupVisible && singleValueDisplay && !showCustomElement) {
+        return singleValueDisplay;
+      }
+      if (showCustomElement) return '';
+      return props.placeholder;
+    };
+
+    const labelNode = showCustomElement ? (
+      <div
+        style={{
+          position: 'absolute',
+          left: `${labelWidth + 8}px`,
+          right: `${suffixSpace}px`,
+          top: '50%',
+          transform: 'translateY(-50%)',
+          pointerEvents: 'none',
+          textAlign: 'initial',
+          overflow: 'hidden',
+          // 输入状态，降低透明度，仿造 placeholder 效果
+          opacity: popupVisible && allowInput ? 0.5 : undefined,
+        }}
+      >
+        <span
+          ref={customElementRef}
+          style={{
+            display: 'inline-block',
+            verticalAlign: 'top',
+            ...(autoWidth && { whiteSpace: 'nowrap' }),
+          }}
+        >
+          {singleValueDisplay}
+        </span>
+      </div>
+    ) : null;
+
     return (
       <Input
         ref={inputRef}
+        // 当 valueDisplay 为 自定义元素时，选中内容时 input 依旧为空，确保此时 clear icon 可见
+        showClearIconOnEmpty={clearable && showCustomElement}
         {...commonInputProps}
         autocomplete="off"
-        autoWidth={props.autoWidth}
-        allowInput={props.allowInput}
-        placeholder={singleValueDisplay ? '' : props.placeholder}
-        value={singleValueDisplay ? ' ' : displayedValue}
-        label={
-          (props.label || singleValueDisplay) && (
+        suffix={
+          labelNode ||
+          (commonInputProps.suffix && (
             <>
-              {props.label}
-              {singleValueDisplay as React.ReactNode}
+              {labelNode}
+              {commonInputProps.suffix}
             </>
-          )
+          ))
         }
+        autoWidth={autoWidth}
+        style={inputProps?.style}
+        allowInput={allowInput}
+        label={label}
+        value={displayedValue()}
+        placeholder={displayedPlaceholder()}
         onChange={onInnerInputChange}
         onClear={onInnerClear}
         // [Important Info]: SelectInput.blur is not equal to Input, example: click popup panel
@@ -130,8 +245,16 @@ export default function useSingle(props: TdSelectInputProps) {
         }}
         // onBlur need to triggered by input when popup panel is null or when popupVisible is forced to false
         onBlur={handleBlur}
-        {...props.inputProps}
-        inputClass={classNames(props.inputProps?.className, {
+        {...inputProps}
+        onCompositionstart={(v, ctx) => {
+          setIsTyping(true);
+          inputProps?.onCompositionstart?.(v, ctx);
+        }}
+        onCompositionend={(v, ctx) => {
+          setIsTyping(false);
+          inputProps?.onCompositionend?.(v, ctx);
+        }}
+        inputClass={classNames(inputProps?.inputClass, {
           [`${classPrefix}-input--focused`]: popupVisible,
           [`${classPrefix}-is-focused`]: popupVisible,
         })}
diff --git a/packages/components/select/_example/custom-options.tsx b/packages/components/select/_example/custom-options.tsx
index b5883538a9..4a17df8594 100644
--- a/packages/components/select/_example/custom-options.tsx
+++ b/packages/components/select/_example/custom-options.tsx
@@ -1,54 +1,73 @@
 import React, { useState } from 'react';
-import { Select } from 'tdesign-react';
+import { Select, Space } from 'tdesign-react';
 
 const { Option } = Select;
 
-const options = [
-  { label: '用户一', value: '1', description: '这是一段用户描述信息，可自定义内容' },
-  { label: '用户二', value: '2', description: '这是一段用户描述信息，可自定义内容' },
-  { label: '用户三', value: '3', description: '这是一段用户描述信息，可自定义内容' },
-  { label: '用户四', value: '4', description: '这是一段用户描述信息，可自定义内容' },
-  { label: '用户五', value: '5', description: '这是一段用户描述信息，可自定义内容' },
-  { label: '用户六', value: '6', description: '这是一段用户描述信息，可自定义内容' },
-  { label: '用户七', value: '7', description: '这是一段用户描述信息，可自定义内容' },
-  { label: '用户八', value: '8', description: '这是一段用户描述信息，可自定义内容' },
-  { label: '用户九', value: '9', description: '这是一段用户描述信息，可自定义内容' },
-];
-
-const avatarUrl = 'https://tdesign.gtimg.com/site/avatar.jpg';
-
-export default function CustomOptions() {
+const generateCustomContent = (index: number) => (
+  <div style={{ display: 'flex', padding: '8px 0' }}>
+    <img
+      src="https://tdesign.gtimg.com/site/avatar.jpg"
+      style={{
+        maxWidth: '40px',
+        borderRadius: '50%',
+      }}
+    />
+    <div style={{ marginLeft: '16px' }}>
+      <div>用户{index}</div>
+      <div
+        style={{
+          fontSize: '13px',
+          color: 'var(--td-gray-color-9)',
+        }}
+      >
+        这是一段用户描述信息，可自定义内容
+      </div>
+    </div>
+  </div>
+);
+
+const createOption = (index: number) => {
+  const label = `用户${index}`;
+  return {
+    label,
+    value: index.toString(),
+    description: '这是一段用户描述信息，可自定义内容',
+  };
+};
+
+const options1 = Array.from({ length: 5 }, (_, index) => ({
+  ...createOption(index + 1),
+}));
+
+const options2 = Array.from({ length: 5 }, (_, index) => ({
+  ...createOption(index + 1),
+  content: generateCustomContent(index + 1),
+}));
+
+function CustomOptions() {
   const [value, setValue] = useState('1');
   const onChange = (value: string) => {
     setValue(value);
   };
 
   return (
-    <Select value={value} onChange={onChange} style={{ width: '300px' }} clearable>
-      {options.map((option, idx) => (
-        <Option style={{ height: '60px' }} key={idx} value={option.value} label={option.label}>
-          <div style={{ display: 'flex' }}>
-            <img
-              src={avatarUrl}
-              style={{
-                maxWidth: '40px',
-                borderRadius: '50%',
-              }}
-            />
-            <div style={{ marginLeft: '16px' }}>
-              <div>{option.label}</div>
-              <div
-                style={{
-                  fontSize: '13px',
-                  color: 'var(--td-gray-color-9)',
-                }}
-              >
-                {option.description}
-              </div>
-            </div>
-          </div>
-        </Option>
-      ))}
-    </Select>
+    <Space size="150px">
+      <Space direction="vertical">
+        <strong>法一：使用插槽</strong>
+        <Select value={value} onChange={onChange} clearable>
+          {options1.map((option, idx) => (
+            <Option style={{ height: '60px' }} key={idx} value={option.value} label={option.label}>
+              {generateCustomContent(idx + 1)}
+            </Option>
+          ))}
+        </Select>
+      </Space>
+      <Space direction="vertical">
+        <strong>法二：使用 `content` 属性</strong>
+        <Select options={options2} value={value} onChange={onChange} clearable style={{ width: 200 }} />
+      </Space>
+    </Space>
   );
 }
+
+export default CustomOptions;
diff --git a/packages/components/select/base/Option.tsx b/packages/components/select/base/Option.tsx
index d71493cbd3..5009896d03 100644
--- a/packages/components/select/base/Option.tsx
+++ b/packages/components/select/base/Option.tsx
@@ -68,6 +68,8 @@ const Option: React.FC<SelectOptionProps> = (props) => {
   // 处理存在禁用项时，全选状态无法来回切换的问题
   const [allSelectableChecked, setAllSelectableChecked] = useState(initCheckedStatus);
 
+  const displayedContent = children || content || label;
+
   const titleContent = useMemo(() => {
     // 外部设置 props，说明希望受控
     const controlledTitle = Reflect.has(props, 'title');
@@ -128,7 +130,6 @@ const Option: React.FC<SelectOptionProps> = (props) => {
   };
 
   const renderItem = () => {
-    const displayContent = children || content || label;
     if (multiple) {
       return (
         <label
@@ -150,11 +151,11 @@ const Option: React.FC<SelectOptionProps> = (props) => {
             }}
           />
           <span className={classNames(`${classPrefix}-checkbox__input`)}></span>
-          <span className={classNames(`${classPrefix}-checkbox__label`)}>{displayContent}</span>
+          <span className={classNames(`${classPrefix}-checkbox__label`)}>{displayedContent}</span>
         </label>
       );
     }
-    return <span title={titleContent}>{displayContent}</span>;
+    return <span title={titleContent}>{displayedContent}</span>;
   };
 
   return (
diff --git a/packages/components/select/base/OptionGroup.tsx b/packages/components/select/base/OptionGroup.tsx
index 90cd092ad9..bc285477f1 100644
--- a/packages/components/select/base/OptionGroup.tsx
+++ b/packages/components/select/base/OptionGroup.tsx
@@ -35,7 +35,6 @@ const OptionGroup: React.FC<SelectGOptionGroupProps> = (props) => {
       {children}
     </li>
   );
-  return;
 };
 
 export default OptionGroup;
diff --git a/packages/components/select/base/Select.tsx b/packages/components/select/base/Select.tsx
index 84c6f549cb..ce6585eb58 100644
--- a/packages/components/select/base/Select.tsx
+++ b/packages/components/select/base/Select.tsx
@@ -14,7 +14,7 @@ import { debounce, get, isFunction } from 'lodash-es';
 import forwardRefWithStatics from '../../_util/forwardRefWithStatics';
 import { getOffsetTopToContainer } from '../../_util/helper';
 import noop from '../../_util/noop';
-import { parseContentTNode } from '../../_util/parseTNode';
+import { extractTextFromTNode, parseContentTNode } from '../../_util/parseTNode';
 import { composeRefs } from '../../_util/ref';
 import FakeArrow from '../../common/FakeArrow';
 import useConfig from '../../hooks/useConfig';
@@ -319,7 +319,8 @@ const Select = forwardRefWithStatics(
           return filter(value, option);
         }
         const upperValue = value.toUpperCase();
-        return (option?.label || '').toUpperCase().includes(upperValue);
+        const searchableText = extractTextFromTNode(option.label);
+        return searchableText.toUpperCase().includes(upperValue);
       };
 
       tmpPropOptions?.forEach((option) => {
@@ -431,12 +432,7 @@ const Select = forwardRefWithStatics(
 
     const renderValueDisplay = useMemo(() => {
       if (!valueDisplay) {
-        if (!multiple) {
-          if (typeof selectedLabel !== 'string') {
-            return selectedLabel;
-          }
-          return '';
-        }
+        if (!multiple) return selectedLabel;
         return ({ value: val }) =>
           val.slice(0, minCollapsedNum ? minCollapsedNum : val.length).map((_, index: number) => {
             const targetVal = get(selectedOptions[index], valueKey);
diff --git a/packages/components/tag-input/type.ts b/packages/components/tag-input/type.ts
index 6d14c02700..61361492cc 100644
--- a/packages/components/tag-input/type.ts
+++ b/packages/components/tag-input/type.ts
@@ -232,4 +232,4 @@ export interface TagInputRemoveContext {
   trigger: TagInputRemoveTrigger;
 }
 
-export type TagInputRemoveTrigger = 'tag-remove' | 'backspace';
+export type TagInputRemoveTrigger = 'tag-remove' | 'backspace';
\ No newline at end of file
diff --git a/packages/components/tree-select/TreeSelect.tsx b/packages/components/tree-select/TreeSelect.tsx
index c2306be4c5..244ec031de 100644
--- a/packages/components/tree-select/TreeSelect.tsx
+++ b/packages/components/tree-select/TreeSelect.tsx
@@ -1,9 +1,8 @@
 import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef } from 'react';
 import classNames from 'classnames';
-import { isFunction } from 'lodash-es';
+import { isFunction, noop } from 'lodash-es';
 
 import { preserveSelectionOrder } from '../_util/helper';
-import noop from '../_util/noop';
 import parseTNode from '../_util/parseTNode';
 import useConfig from '../hooks/useConfig';
 import useControlled from '../hooks/useControlled';
@@ -78,7 +77,9 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
     onRemove,
     onEnter,
   } = props;
+
   const readOnly = props.readOnly || props.readonly;
+  const showLoading = !disabled && loading;
 
   const selectInputProps = useTreeSelectPassThroughProps(props);
   const [value, onChange] = useControlled(props, 'value', props.onChange);
@@ -148,11 +149,7 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [normalizeValue, value, data]);
 
-  const internalInputValue = useMemo(() => {
-    if (multiple) return normalizedValue;
-    // 可筛选、单选、弹框时内容为过滤值
-    return filterable && popupVisible ? filterInput : normalizedValue[0] || '';
-  }, [multiple, normalizedValue, filterable, popupVisible, filterInput]);
+  const internalValue = useMemo(() => (multiple ? normalizedValue : normalizedValue[0]), [multiple, normalizedValue]);
 
   // @ts-ignore TODO: remove it
   const normalizedValueDisplay: SelectInputProps['valueDisplay'] = useMemo(() => {
@@ -169,30 +166,6 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
     return normalizedValue.length ? displayNode : '';
   }, [valueDisplay, multiple, normalizedValue]);
 
-  const internalInputValueDisplay: SelectInputProps['valueDisplay'] = useMemo(() => {
-    // 只有单选且下拉展开时需要隐藏 valueDisplay
-    if (filterable && !multiple && popupVisible) {
-      return undefined;
-    }
-    return normalizedValueDisplay;
-  }, [filterable, popupVisible, multiple, normalizedValueDisplay]);
-
-  const inputPlaceholder = useMemo(() => {
-    // 可筛选、单选、弹框且有值时提示当前值
-    if (filterable && !multiple && popupVisible && normalizedValue.length) {
-      // 设置了 valueDisplay 时，优先展示 valueDisplay
-      const valueDisplayPlaceholder = normalizedValueDisplay;
-      if (typeof valueDisplayPlaceholder === 'string') {
-        return valueDisplayPlaceholder;
-      }
-
-      return typeof normalizedValue[0].label === 'string' ? normalizedValue[0].label : String(normalizedValue[0].value);
-    }
-    return placeholder;
-  }, [filterable, multiple, popupVisible, normalizedValue, placeholder, normalizedValueDisplay]);
-
-  const showLoading = !disabled && loading;
-
   /* ---------------------------------handler---------------------------------------- */
 
   const handleFilter = useCallback<TreeProps['filter']>(
@@ -262,7 +235,7 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
       const { index, e, trigger } = ctx;
       const node = getNodeItem(normalizedValue[index].value);
       onChange(
-        normalizedValue.filter((value, i) => i !== index).map(({ value, label }) => formatValue(value, label)),
+        normalizedValue.filter((_, i) => i !== index).map(({ value, label }) => formatValue(value, label)),
         { node, data: node?.data, trigger, e },
       );
       onRemove?.({
@@ -350,7 +323,7 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
       {...selectInputProps}
       ref={selectInputRef}
       className={classNames(`${classPrefix}-tree-select`, className)}
-      value={internalInputValue}
+      value={internalValue}
       inputValue={filterInput}
       panel={renderTree()}
       allowInput={filterable}
@@ -361,7 +334,7 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
         inputProps,
         tagProps: props.tagProps,
       }}
-      placeholder={inputPlaceholder}
+      placeholder={placeholder}
       popupVisible={popupVisible && !disabled}
       onInputChange={handleFilterChange}
       onPopupVisibleChange={onInnerPopupVisibleChange}
@@ -380,7 +353,7 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
       }
       collapsedItems={collapsedItems}
       label={parseTNode(label || prefixIcon)}
-      valueDisplay={internalInputValueDisplay}
+      valueDisplay={normalizedValueDisplay}
     />
   );
 });
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index d21406bf9a..aca828845d 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -22947,7 +22947,7 @@ exports[`csr snapshot test > csr test packages/components/cascader/_example/valu
         <div
           class="t-input__wrap"
           spellcheck="false"
-          value=" "
+          value=""
         >
           <div
             class="t-input t-align-left t-input--prefix t-input--suffix"
@@ -22960,20 +22960,6 @@ exports[`csr snapshot test > csr test packages/components/cascader/_example/valu
               >
                 单选：
               </div>
-              <div>
-                <img
-                  src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  style="width: 16px; height: 16px; margin-top: 2px; vertical-align: -4px; margin-right: 4px;"
-                />
-                <span>
-                  子选项二
-                </span>
-                <span>
-                  (
-                  2.2
-                  )
-                </span>
-              </div>
             </div>
             <input
               autocomplete="off"
@@ -22981,8 +22967,34 @@ exports[`csr snapshot test > csr test packages/components/cascader/_example/valu
               placeholder=""
               readonly=""
               type="text"
-              value=" "
+              value=""
             />
+            <div
+              class="t-input__suffix"
+            >
+              <div
+                style="position: absolute; left: 8px; right: 0px; top: 50%; transform: translateY(-50%); pointer-events: none; text-align: initial; overflow: hidden;"
+              >
+                <span
+                  style="display: inline-block; vertical-align: top;"
+                >
+                  <div>
+                    <img
+                      src="https://tdesign.gtimg.com/site/avatar.jpg"
+                      style="width: 16px; height: 16px; margin-top: 2px; vertical-align: -4px; margin-right: 4px;"
+                    />
+                    <span>
+                      子选项二
+                    </span>
+                    <span>
+                      (
+                      2.2
+                      )
+                    </span>
+                  </div>
+                </span>
+              </div>
+            </div>
             <span
               class="t-input__suffix t-input__suffix-icon"
             >
@@ -33739,7 +33751,6 @@ exports[`csr snapshot test > csr test packages/components/config-provider/_examp
         <div
           class="t-input__wrap"
           spellcheck="false"
-          value=""
         >
           <div
             class="t-input t-align-left t-input--suffix"
@@ -89294,47 +89305,137 @@ exports[`csr snapshot test > csr test packages/components/select/_example/creata
 exports[`csr snapshot test > csr test packages/components/select/_example/custom-options.tsx 1`] = `
 <div>
   <div
-    class="t-select__wrap"
-    style="width: 300px;"
+    class="t-space t-space-horizontal"
+    style="gap: 150px;"
   >
     <div
-      class="t-select t-select-input"
+      class="t-space-item"
     >
       <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="用户一"
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
       >
         <div
-          class="t-input t-align-left t-input--suffix"
+          class="t-space-item"
         >
-          <input
-            autocomplete="off"
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            value="用户一"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
+          <strong>
+            法一：使用插槽
+          </strong>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-select__wrap"
           >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
+            <div
+              class="t-select t-select-input"
             >
-              <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
+                class="t-input__wrap"
+                spellcheck="false"
+                value="用户1"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    autocomplete="off"
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="用户1"
+                  />
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <strong>
+            法二：使用 \`content\` 属性
+          </strong>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-select__wrap"
+            style="width: 200px;"
+          >
+            <div
+              class="t-select t-select-input"
+            >
+              <div
+                class="t-input__wrap"
+                spellcheck="false"
+                value="用户1"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    autocomplete="off"
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="用户1"
+                  />
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -89361,23 +89462,18 @@ exports[`csr snapshot test > csr test packages/components/select/_example/custom
           <div
             class="t-input__wrap"
             spellcheck="false"
-            value=" "
+            value="选中选项一"
           >
             <div
-              class="t-input t-align-left t-input--prefix t-input--suffix"
+              class="t-input t-align-left t-input--suffix"
             >
-              <div
-                class="t-input__prefix"
-              >
-                选中选项一
-              </div>
               <input
                 autocomplete="off"
                 class="t-input__inner"
-                placeholder=""
+                placeholder="请选择"
                 readonly=""
                 type="text"
-                value=" "
+                value="选中选项一"
               />
               <span
                 class="t-input__suffix t-input__suffix-icon"
@@ -92357,52 +92453,59 @@ exports[`csr snapshot test > csr test packages/components/select-input/_example/
       <div
         class="t-input__wrap"
         spellcheck="false"
-        value=" "
       >
         <div
-          class="t-input t-align-left t-input--prefix"
+          class="t-input t-align-left t-input--suffix"
         >
-          <div
-            class="t-input__prefix"
-          >
-            <span
-              class="displaySpan"
-            >
-              <svg
-                class="t-icon t-icon-control-platform tdesign-demo-select-input__img"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="control-platform"
-                >
-                  <path
-                    d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              tdesign-vue
-            </span>
-          </div>
           <input
             autocomplete="off"
             class="t-input__inner"
             placeholder=""
             readonly=""
             type="text"
-            value=" "
+            value=""
           />
+          <div
+            class="t-input__suffix"
+          >
+            <div
+              style="position: absolute; left: 8px; right: 0px; top: 50%; transform: translateY(-50%); pointer-events: none; text-align: initial; overflow: hidden;"
+            >
+              <span
+                style="display: inline-block; vertical-align: top;"
+              >
+                <span
+                  class="displaySpan"
+                >
+                  <svg
+                    class="t-icon t-icon-control-platform tdesign-demo-select-input__img"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="control-platform"
+                    >
+                      <path
+                        d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  tdesign-vue
+                </span>
+              </span>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -149177,7 +149280,6 @@ exports[`csr snapshot test > csr test packages/components/tree-select/_example/f
         <div
           class="t-input__wrap"
           spellcheck="false"
-          value=""
         >
           <div
             class="t-input t-align-left t-input--suffix"
@@ -149585,7 +149687,6 @@ exports[`csr snapshot test > csr test packages/components/tree-select/_example/p
     <div
       class="t-input__wrap"
       spellcheck="false"
-      value=""
     >
       <div
         class="t-input t-align-left t-input--prefix t-input--suffix"
@@ -149729,23 +149830,18 @@ exports[`csr snapshot test > csr test packages/components/tree-select/_example/v
         <div
           class="t-input__wrap"
           spellcheck="false"
-          value=" "
+          value="广州市(guangzhou)"
         >
           <div
-            class="t-input t-align-left t-input--prefix t-input--suffix"
+            class="t-input t-align-left t-input--suffix"
           >
-            <div
-              class="t-input__prefix"
-            >
-              广州市(guangzhou)
-            </div>
             <input
               autocomplete="off"
               class="t-input__inner"
-              placeholder=""
+              placeholder="请选择"
               readonly=""
               type="text"
-              value=" "
+              value="广州市(guangzhou)"
             />
             <span
               class="t-input__suffix t-input__suffix-icon"
@@ -153657,7 +153753,7 @@ exports[`ssr snapshot test > ssr test packages/components/cascader/_example/size
 
 exports[`ssr snapshot test > ssr test packages/components/cascader/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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 packages/components/cascader/_example/value-display.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">单选：</div><div><img style="width:16px;height:16px;margin-top:2px;vertical-align:-4px;margin-right:4px"/><span></span><span>(<!-- -->2.2<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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-cascader t-select-input t-select-input--multiple t-select-input--empty" style="width:500px"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">多选：</div></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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 packages/components/cascader/_example/value-display.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">单选：</div></div><input placeholder="" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><div class="t-input__suffix"><div style="position:absolute;left:8px;right:0px;top:50%;transform:translateY(-50%);pointer-events:none;text-align:initial;overflow:hidden"><span style="display:inline-block;vertical-align:top"><div><img style="width:16px;height:16px;margin-top:2px;vertical-align:-4px;margin-right:4px"/><span></span><span>(<!-- -->2.2<!-- -->)</span></div></span></div></div><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"><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-cascader t-select-input t-select-input--multiple t-select-input--empty" style="width:500px"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">多选：</div></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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 packages/components/cascader/_example/value-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="onlyLeaf">onlyLeaf</span></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="parentFirst">parentFirst</span></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="all">all</span></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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></div>"`;
 
@@ -153721,7 +153817,7 @@ exports[`ssr snapshot test > ssr test packages/components/config-provider/_examp
 
 exports[`ssr snapshot test > ssr test packages/components/config-provider/_example/input.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="Always show clear icon when input has value" type="text" class="t-input__inner" value=""/></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/config-provider/_example/others.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__username"><div class="t-form__label t-form__label--right" style="width:100px"><label>User Name</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="There is no required mark on the left of this input in Form" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>Password</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="There is required mark on the left of this input in Form" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></form></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="see loading text in Select" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="see loading text in TreeSelect" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">First Step</div><div class="t-steps-item__description">You need to click the blue button</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Second Step</div><div class="t-steps-item__description">Fill your base information into the form</div></div></div></div><div class="t-steps-item t-steps-item--error"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-error"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Error Step</div><div class="t-steps-item__description">Something Wrong! Custom Error Icon!</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Last Step</div><div class="t-steps-item__description">You haven&#x27;t finish this step.</div></div></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:300px"><img src="1.jpg" class="t-image t-image--fit-scale-down t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/config-provider/_example/others.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__username"><div class="t-form__label t-form__label--right" style="width:100px"><label>User Name</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="There is no required mark on the left of this input in Form" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>Password</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="There is required mark on the left of this input in Form" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></form></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="see loading text in Select" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="see loading text in TreeSelect" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">First Step</div><div class="t-steps-item__description">You need to click the blue button</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Second Step</div><div class="t-steps-item__description">Fill your base information into the form</div></div></div></div><div class="t-steps-item t-steps-item--error"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-error"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Error Step</div><div class="t-steps-item__description">Something Wrong! Custom Error Icon!</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Last Step</div><div class="t-steps-item__description">You haven&#x27;t finish this step.</div></div></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:300px"><img src="1.jpg" class="t-image t-image--fit-scale-down t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/config-provider/_example/pagination.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 36 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre">please select</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"><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-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump"><input class="t-input__inner" type="text" style="width:10px" value="1"/><span> / <!-- -->4<!-- --> 页 </span><button> 跳转 </button></div></div>"`;
 
@@ -154265,7 +154361,7 @@ exports[`ssr snapshot test > ssr test packages/components/select/_example/collap
 
 exports[`ssr snapshot test > ssr test packages/components/select/_example/creatable.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" autoComplete="off" 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"><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:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" autoComplete="off" 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"><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 packages/components/select/_example/custom-options.tsx 1`] = `"<div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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>"`;
+exports[`ssr snapshot test > ssr test packages/components/select/_example/custom-options.tsx 1`] = `"<div style="gap:150px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>法一：使用插槽</strong></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>法二：使用 \`content\` 属性</strong></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/select/_example/custom-selected.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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>"`;
 
@@ -154317,7 +154413,7 @@ exports[`ssr snapshot test > ssr test packages/components/select-input/_example/
 
 exports[`ssr snapshot test > ssr test packages/components/select-input/_example/collapsed-items.tsx 1`] = `"<div style="gap:16px" class="t-space tdesign-demo__select-input-collapsed-items t-space-vertical"><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-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"> </div><div class="t-space-item"><br/></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-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/select-input/_example/custom-tag.tsx 1`] = `"<div class="tdesign-demo-select-input-custom-tag"><div class="t-select-input"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><span class="displaySpan"><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="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg>tdesign-vue</span></div><input placeholder="" type="text" class="t-input__inner" readonly="" autoComplete="off" value=" "/></div></div></div><br/><br/><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" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre"></span></div></div></div><br/><br/><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" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/select-input/_example/custom-tag.tsx 1`] = `"<div class="tdesign-demo-select-input-custom-tag"><div class="t-select-input"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><div class="t-input__suffix"><div style="position:absolute;left:8px;right:0px;top:50%;transform:translateY(-50%);pointer-events:none;text-align:initial;overflow:hidden"><span style="display:inline-block;vertical-align:top"><span class="displaySpan"><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="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg>tdesign-vue</span></span></div></div></div></div></div><br/><br/><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" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre"></span></div></div></div><br/><br/><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" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/select-input/_example/excess-tags-display-type.tsx 1`] = `"<div class="tdesign-demo__select-input-excess-tags-display-type" style="width:width: 100%"><p>第一种呈现方式：超出时滚动显示</p><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-miniprogram">tdesign-miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-angular">tdesign-angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-vue">tdesign-mobile-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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-react">tdesign-mobile-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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre"></span></div></div></div><br/><br/><br/><p>第二种呈现方式：超出时换行显示</p><br/><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" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-miniprogram">tdesign-miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-angular">tdesign-angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-vue">tdesign-mobile-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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-react">tdesign-mobile-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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
@@ -154679,7 +154775,7 @@ exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/b
 
 exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/collapsed.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" 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"><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 packages/components/tree-select/_example/filterable.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">默认</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;function&#x27;" value="function"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义方法</span></label></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" autoComplete="off" 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"><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 packages/components/tree-select/_example/filterable.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">默认</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;function&#x27;" value="function"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义方法</span></label></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" autoComplete="off" 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"><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 packages/components/tree-select/_example/lazy.tsx 1`] = `"<div style="width:300px"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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>"`;
 
@@ -154689,11 +154785,11 @@ exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/p
 
 exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/prefix.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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 packages/components/tree-select/_example/prefixsuffix.tsx 1`] = `"<div class="t-tree-select t-select-input t-select-input--empty" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/prefixsuffix.tsx 1`] = `"<div class="t-tree-select t-select-input t-select-input--empty" style="width:300px"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></span></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/props.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="深圳市" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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 packages/components/tree-select/_example/valuedisplay.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix">广州市(guangzhou)</div><input placeholder="" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span>广州市<!-- -->(<!-- -->guangzhou<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>深圳市<!-- -->(<!-- -->shenzhen<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" 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"><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 packages/components/tree-select/_example/valuedisplay.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="广州市(guangzhou)" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" value="广州市(guangzhou)"/><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"><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-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span>广州市<!-- -->(<!-- -->guangzhou<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>深圳市<!-- -->(<!-- -->shenzhen<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" 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"><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 packages/components/tree-select/_example/valuetype.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="深圳市" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="深圳市">深圳市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" 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"><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>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 2ae25c9f4e..239a6289ec 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -210,7 +210,7 @@ exports[`ssr snapshot test > ssr test packages/components/cascader/_example/size
 
 exports[`ssr snapshot test > ssr test packages/components/cascader/_example/trigger.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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 packages/components/cascader/_example/value-display.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">单选：</div><div><img style="width:16px;height:16px;margin-top:2px;vertical-align:-4px;margin-right:4px"/><span></span><span>(<!-- -->2.2<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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-cascader t-select-input t-select-input--multiple t-select-input--empty" style="width:500px"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">多选：</div></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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 packages/components/cascader/_example/value-display.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">单选：</div></div><input placeholder="" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><div class="t-input__suffix"><div style="position:absolute;left:8px;right:0px;top:50%;transform:translateY(-50%);pointer-events:none;text-align:initial;overflow:hidden"><span style="display:inline-block;vertical-align:top"><div><img style="width:16px;height:16px;margin-top:2px;vertical-align:-4px;margin-right:4px"/><span></span><span>(<!-- -->2.2<!-- -->)</span></div></span></div></div><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"><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-cascader t-select-input t-select-input--multiple t-select-input--empty" style="width:500px"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag-input__prefix">多选：</div></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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 packages/components/cascader/_example/value-mode.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="onlyLeaf">onlyLeaf</span></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="parentFirst">parentFirst</span></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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><div class="t-space-item"><div style="gap:16px" class="t-space t-space-align-center t-space-horizontal"><div class="t-space-item"><div style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="all">all</span></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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></div>"`;
 
@@ -274,7 +274,7 @@ exports[`ssr snapshot test > ssr test packages/components/config-provider/_examp
 
 exports[`ssr snapshot test > ssr test packages/components/config-provider/_example/input.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="Always show clear icon when input has value" type="text" class="t-input__inner" value=""/></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/config-provider/_example/others.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__username"><div class="t-form__label t-form__label--right" style="width:100px"><label>User Name</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="There is no required mark on the left of this input in Form" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>Password</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="There is required mark on the left of this input in Form" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></form></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="see loading text in Select" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="see loading text in TreeSelect" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">First Step</div><div class="t-steps-item__description">You need to click the blue button</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Second Step</div><div class="t-steps-item__description">Fill your base information into the form</div></div></div></div><div class="t-steps-item t-steps-item--error"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-error"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Error Step</div><div class="t-steps-item__description">Something Wrong! Custom Error Icon!</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Last Step</div><div class="t-steps-item__description">You haven&#x27;t finish this step.</div></div></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:300px"><img src="1.jpg" class="t-image t-image--fit-scale-down t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/config-provider/_example/others.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__username"><div class="t-form__label t-form__label--right" style="width:100px"><label>User Name</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="There is no required mark on the left of this input in Form" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>Password</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="There is required mark on the left of this input in Form" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></form></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="see loading text in Select" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s t-select__right-icon t-select__active-icon"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div></div><div class="t-space-item"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="see loading text in TreeSelect" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><div class="t-loading t-loading--center t-size-s"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div></span></div></div></div></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="select time" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-tag t-tag--primary t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--success t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--warning t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tag t-tag--danger t-tag--dark"><span title="Feature Tag">Feature Tag</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><div class="t-space-item"><div class="t-tree t-tree--transition">Tree Empty Data</div></div><div class="t-space-item"><div class="t-steps t-steps--default-anchor t-steps--vertical t-steps--positive t-steps--line-separator"><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">First Step</div><div class="t-steps-item__description">You need to click the blue button</div></div></div></div><div class="t-steps-item t-steps-item--finish"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-finish"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Second Step</div><div class="t-steps-item__description">Fill your base information into the form</div></div></div></div><div class="t-steps-item t-steps-item--error"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-error"><span class="t-steps-item__icon--number"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Error Step</div><div class="t-steps-item__description">Something Wrong! Custom Error Icon!</div></div></div></div><div class="t-steps-item t-steps-item--wait"><div class="t-steps-item__inner t-steps-item--clickable"><div class="t-steps-item__icon t-steps-item-default"><span class="t-steps-item__icon--number">4</span></div><div class="t-steps-item__content"><div class="t-steps-item__title">Last Step</div><div class="t-steps-item__description">You haven&#x27;t finish this step.</div></div></div></div></div></div><div class="t-space-item"><div class="t-image__wrapper t-image__wrapper--shape-square" style="width:300px"><img src="1.jpg" class="t-image t-image--fit-scale-down t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/config-provider/_example/pagination.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">Total 36 items</div><div class="t-pagination__select"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap t-input--auto-width" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre">please select</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"><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-pagination__btn t-pagination__btn-prev t-is-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><ul class="t-pagination__pager"><li class="t-pagination__number t-is-current">1</li><li class="t-pagination__number">2</li><li class="t-pagination__number">3</li><li class="t-pagination__number">4</li></ul><div class="t-pagination__btn t-pagination__btn-next"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump"><input class="t-input__inner" type="text" style="width:10px" value="1"/><span> / <!-- -->4<!-- --> 页 </span><button> 跳转 </button></div></div>"`;
 
@@ -818,7 +818,7 @@ exports[`ssr snapshot test > ssr test packages/components/select/_example/collap
 
 exports[`ssr snapshot test > ssr test packages/components/select/_example/creatable.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-select__wrap" style="width:40%"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" autoComplete="off" 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"><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:40%"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" autoComplete="off" 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"><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 packages/components/select/_example/custom-options.tsx 1`] = `"<div class="t-select__wrap" style="width:300px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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>"`;
+exports[`ssr snapshot test > ssr test packages/components/select/_example/custom-options.tsx 1`] = `"<div style="gap:150px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>法一：使用插槽</strong></div><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>法二：使用 \`content\` 属性</strong></div><div class="t-space-item"><div class="t-select__wrap" style="width:200px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/select/_example/custom-selected.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap" style="width:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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:300px;margin-right:20px"><div class="t-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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>"`;
 
@@ -870,7 +870,7 @@ exports[`ssr snapshot test > ssr test packages/components/select-input/_example/
 
 exports[`ssr snapshot test > ssr test packages/components/select-input/_example/collapsed-items.tsx 1`] = `"<div style="gap:16px" class="t-space tdesign-demo__select-input-collapsed-items t-space-vertical"><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-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"> </div><div class="t-space-item"><br/></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-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre"></span><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/select-input/_example/custom-tag.tsx 1`] = `"<div class="tdesign-demo-select-input-custom-tag"><div class="t-select-input"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><span class="displaySpan"><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="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg>tdesign-vue</span></div><input placeholder="" type="text" class="t-input__inner" readonly="" autoComplete="off" value=" "/></div></div></div><br/><br/><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" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre"></span></div></div></div><br/><br/><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" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/select-input/_example/custom-tag.tsx 1`] = `"<div class="tdesign-demo-select-input-custom-tag"><div class="t-select-input"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><div class="t-input__suffix"><div style="position:absolute;left:8px;right:0px;top:50%;transform:translateY(-50%);pointer-events:none;text-align:initial;overflow:hidden"><span style="display:inline-block;vertical-align:top"><span class="displaySpan"><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="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg>tdesign-vue</span></span></div></div></div></div></div><br/><br/><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" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre"></span></div></div></div><br/><br/><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" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark" style="margin-right:4px"><span><span class="displaySpan"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-control-platform" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></svg> <!-- -->tdesign-vue<!-- -->tdesign-react<!-- -->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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/select-input/_example/excess-tags-display-type.tsx 1`] = `"<div class="tdesign-demo__select-input-excess-tags-display-type" style="width:width: 100%"><p>第一种呈现方式：超出时滚动显示</p><br/><div class="t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-miniprogram">tdesign-miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-angular">tdesign-angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-vue">tdesign-mobile-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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-react">tdesign-mobile-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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre"></span></div></div></div><br/><br/><br/><p>第二种呈现方式：超出时换行显示</p><br/><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" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-vue">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-react">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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-miniprogram">tdesign-miniprogram</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-angular">tdesign-angular</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-vue">tdesign-mobile-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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="tdesign-mobile-react">tdesign-mobile-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="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
@@ -1232,7 +1232,7 @@ exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/b
 
 exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/collapsed.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" 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"><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 packages/components/tree-select/_example/filterable.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">默认</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;function&#x27;" value="function"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义方法</span></label></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" autoComplete="off" 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"><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 packages/components/tree-select/_example/filterable.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">默认</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;function&#x27;" value="function"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">自定义方法</span></label></div></div><div class="t-space-item"><div class="t-tree-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--multiple t-select-input--empty"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-is-empty" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"></div><input placeholder="请选择" type="text" class="t-input__inner" autoComplete="off" 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"><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 packages/components/tree-select/_example/lazy.tsx 1`] = `"<div style="width:300px"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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>"`;
 
@@ -1242,11 +1242,11 @@ exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/p
 
 exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/prefix.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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 packages/components/tree-select/_example/prefixsuffix.tsx 1`] = `"<div class="t-tree-select t-select-input t-select-input--empty" style="width:300px"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/prefixsuffix.tsx 1`] = `"<div class="t-tree-select t-select-input t-select-input--empty" style="width:300px"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div><input placeholder="请输入" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-caret-down-small" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></span></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/props.tsx 1`] = `"<div class="t-tree-select t-select-input" style="width:300px"><div class="t-input__wrap" value="深圳市" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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 packages/components/tree-select/_example/valuedisplay.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value=" " spellcheck="false"><div class="t-input t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix">广州市(guangzhou)</div><input placeholder="" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span>广州市<!-- -->(<!-- -->guangzhou<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>深圳市<!-- -->(<!-- -->shenzhen<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" 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"><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 packages/components/tree-select/_example/valuedisplay.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="广州市(guangzhou)" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" value="广州市(guangzhou)"/><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"><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-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span>广州市<!-- -->(<!-- -->guangzhou<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>深圳市<!-- -->(<!-- -->shenzhen<!-- -->)</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" 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"><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 packages/components/tree-select/_example/valuetype.tsx 1`] = `"<div style="width:300px;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="深圳市" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" 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"><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-tree-select t-select-input t-select-input--multiple"><div class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag" value="" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"><div class="t-input__prefix"><div class="t-tag t-tag--default t-tag--dark"><span title="广州市">广州市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="深圳市">深圳市</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" autoComplete="off" 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"><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>"`;