diff --git a/site/test-coverage.js b/site/test-coverage.js
index 210d208fd..4cfeaf64d 100644
--- a/site/test-coverage.js
+++ b/site/test-coverage.js
@@ -28,7 +28,7 @@ module.exports = {
   image: { statements: '97.72%', branches: '100%', functions: '92.3%', lines: '97.61%' },
   imageViewer: { statements: '8.47%', branches: '2.87%', functions: '0%', lines: '8.84%' },
   indexes: { statements: '95.65%', branches: '69.81%', functions: '100%', lines: '96.94%' },
-  input: { statements: '3.57%', branches: '0%', functions: '0%', lines: '3.7%' },
+  input: { statements: '100%', branches: '98.18%', functions: '100%', lines: '100%' },
   layout: { statements: '100%', branches: '100%', functions: '100%', lines: '100%' },
   link: { statements: '100%', branches: '100%', functions: '100%', lines: '100%' },
   list: { statements: '8%', branches: '0%', functions: '0%', lines: '8.69%' },
diff --git a/src/_common b/src/_common
index 2030d2719..1f5e4fedb 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 2030d2719e4253ca8a0539a5c67a182274c2c7b6
+Subproject commit 1f5e4fedb6190308f7ce83b4645956727b39da87
diff --git a/src/input/Input.tsx b/src/input/Input.tsx
index bc28d97fa..c84ce1d25 100644
--- a/src/input/Input.tsx
+++ b/src/input/Input.tsx
@@ -1,5 +1,5 @@
-import type { CompositionEvent, FocusEvent, FormEvent, TouchEvent } from 'react';
-import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import type { ChangeEvent, CompositionEvent, CSSProperties, FocusEvent, FormEvent, TouchEvent } from 'react';
+import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { isFunction } from 'lodash-es';
 import { BrowseIcon, BrowseOffIcon, CloseCircleFilledIcon } from 'tdesign-icons-react';
@@ -46,6 +46,8 @@ const Input = forwardRef<InputRefProps, InputProps>((props, ref) => {
     tips,
     type,
     readonly,
+    extra,
+    cursorColor,
     onBlur,
     onClear,
     onFocus,
@@ -54,11 +56,12 @@ const Input = forwardRef<InputRefProps, InputProps>((props, ref) => {
     onChange,
   } = useDefaultProps(props, inputDefaultProps);
 
-  const [showClear, setShowClear] = useState<boolean>(false);
   const [innerValue, setInnerValue] = useDefault(value, defaultValue, onChange);
+  const [composingValue, setComposingValue] = useState<string>('');
   const [renderType, setRenderType] = useState(type);
   const inputRef = useRef<HTMLInputElement>(null);
-  const focused = useRef<boolean>(false);
+  const composingRef = useRef<boolean>(false);
+  const [focused, setFocused] = useState<boolean>(false);
   const status = props.status || 'default';
   const { classPrefix } = useConfig();
   const rootClassName = `${classPrefix}-input`;
@@ -78,18 +81,15 @@ const Input = forwardRef<InputRefProps, InputProps>((props, ref) => {
     blur,
   }));
 
-  useEffect(() => {
-    const computeShowClear = () => {
-      if (disabled || readonly) {
-        return false;
-      }
-      if (clearable) {
-        return clearTrigger === 'always' || (clearTrigger === 'focus' && focused.current);
-      }
+  const showClear = useMemo<boolean>(() => {
+    if (disabled || readonly) {
       return false;
-    };
-    setShowClear(computeShowClear());
-  }, [clearTrigger, clearable, disabled, readonly]);
+    }
+    if (clearable) {
+      return clearTrigger === 'always' || (clearTrigger === 'focus' && focused);
+    }
+    return false;
+  }, [clearTrigger, clearable, disabled, focused, readonly]);
 
   useEffect(() => {
     if (autofocus) {
@@ -102,63 +102,84 @@ const Input = forwardRef<InputRefProps, InputProps>((props, ref) => {
   }, [type]);
 
   function focus() {
-    focused.current = true;
+    setFocused(true);
     inputRef.current?.focus();
   }
 
   function blur() {
-    focused.current = false;
+    setFocused(false);
     inputRef.current?.blur();
   }
 
-  const inputValueChangeHandle = (e: FormEvent<HTMLInputElement>) => {
+  const handleInputValue = (e: FormEvent<HTMLInputElement>) => {
     const { value } = e.target as HTMLInputElement;
     const { allowInputOverMax, maxcharacter } = props;
-    if (!allowInputOverMax && maxcharacter && !Number.isNaN(maxcharacter)) {
+
+    // 如果允许超出最大输入限制，直接更新值并返回
+    if (allowInputOverMax) {
+      return value;
+    }
+
+    // 根据不同的限制条件处理输入值
+    let finalValue = value;
+
+    // 处理maxcharacter限制（优先级高于maxlength）
+    if (maxcharacter && !Number.isNaN(maxcharacter)) {
       const { characters } = getCharacterLength(value, maxcharacter) as {
         length: number;
         characters: string;
       };
-      setInnerValue(characters);
-    } else {
-      setInnerValue(value);
+      finalValue = characters;
     }
+    // 处理maxlength限制
+    else if (resultMaxLength > 0 && value.length > resultMaxLength) {
+      finalValue = value.slice(0, resultMaxLength);
+    }
+
+    return finalValue;
   };
 
-  const handleInput = (e: FormEvent<HTMLInputElement>) => {
-    // 中文输入的时候inputType是insertCompositionText所以中文输入的时候禁止触发。
-    if (e instanceof InputEvent) {
-      const checkInputType = e.inputType && e.inputType === 'insertCompositionText';
-      if (e.isComposing || checkInputType) return;
+  const handleInput = (e: ChangeEvent<HTMLInputElement>) => {
+    const finalValue = handleInputValue(e);
+    // react 中为合成事件，需要通过 nativeEvent 获取原始的事件
+    const nativeEvent = e.nativeEvent as InputEvent;
+    // 中文输入的时候 inputType 是 insertCompositionText 所以中文输入的时候禁止触发。
+    if (nativeEvent.isComposing || nativeEvent.inputType === 'insertCompositionText') {
+      composingRef.current = true;
+      setComposingValue(finalValue);
+      return;
     }
-    inputValueChangeHandle(e);
+
+    setInnerValue(finalValue, { e, trigger: 'input' });
   };
 
   const handleClear = (e: TouchEvent<HTMLInputElement>) => {
     e.preventDefault();
-    setInnerValue('');
+    setInnerValue('', { e, trigger: 'clear' });
     focus();
     onClear?.({ e });
   };
 
   const handleFocus = (e: FocusEvent<HTMLInputElement>) => {
-    focused.current = true;
+    setFocused(true);
     onFocus?.(innerValue, { e });
   };
 
   const handleBlur = (e: FocusEvent<HTMLInputElement>) => {
-    focused.current = false;
-
+    setFocused(false);
     // 失焦时处理 format
     if (isFunction(format)) {
-      setInnerValue(format(innerValue));
+      setInnerValue(format(innerValue), { e, trigger: 'blur' });
     }
 
     onBlur?.(innerValue, { e });
   };
 
   const handleCompositionend = (e: CompositionEvent<HTMLInputElement>) => {
-    inputValueChangeHandle(e);
+    const finalValue = handleInputValue(e);
+    composingRef.current = false;
+    // 更新输入值
+    setInnerValue(finalValue, { e, trigger: 'input' });
   };
 
   const handlePwdIconClick = () => {
@@ -175,6 +196,8 @@ const Input = forwardRef<InputRefProps, InputProps>((props, ref) => {
     </div>
   );
 
+  const renderExtra = () => parseTNode(extra);
+
   const renderClearable = () =>
     showClear ? (
       <div className={`${rootClassName}__wrap--clearable-icon`} onTouchEnd={handleClear}>
@@ -200,6 +223,12 @@ const Input = forwardRef<InputRefProps, InputProps>((props, ref) => {
   const renderTips = () =>
     tips ? <div className={`${rootClassName}__tips ${rootClassName}--${align}`}>{parseTNode(tips)}</div> : null;
 
+  const style: CSSProperties = {
+    '--td-input-cursor-color': cursorColor,
+  } as any;
+
+  const finalValue = composingRef.current ? composingValue : (innerValue ?? '');
+
   return withNativeProps(
     props,
     <div className={rootClasses}>
@@ -209,7 +238,7 @@ const Input = forwardRef<InputRefProps, InputProps>((props, ref) => {
           <input
             ref={inputRef}
             autoFocus={autofocus}
-            value={innerValue}
+            value={finalValue}
             name={name}
             className={inputClasses}
             type={renderType}
@@ -217,13 +246,13 @@ const Input = forwardRef<InputRefProps, InputProps>((props, ref) => {
             autoComplete={autocomplete}
             placeholder={placeholder}
             readOnly={readonly}
-            maxLength={resultMaxLength || -1}
             enterKeyHint={enterkeyhint}
             spellCheck={spellcheck}
             onFocus={handleFocus}
             onBlur={handleBlur}
             onInput={handleInput}
             onCompositionEnd={handleCompositionend}
+            style={style}
           />
           {renderClearable()}
           {renderSuffix()}
@@ -231,6 +260,7 @@ const Input = forwardRef<InputRefProps, InputProps>((props, ref) => {
         </div>
         {renderTips()}
       </div>
+      {renderExtra()}
     </div>,
   );
 });
diff --git a/src/input/__tests__/input.test.tsx b/src/input/__tests__/input.test.tsx
new file mode 100644
index 000000000..ec5d5a843
--- /dev/null
+++ b/src/input/__tests__/input.test.tsx
@@ -0,0 +1,674 @@
+import { describe, it, expect, vi, render, fireEvent, screen, afterEach, beforeEach, act } from '@test/utils';
+import React from 'react';
+import Input from '../Input';
+
+describe('Input', () => {
+  beforeEach(() => {
+    vi.useFakeTimers();
+  });
+
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  // props 测试
+  describe('props', () => {
+    // 基础属性测试
+    describe('basic props', () => {
+      it(':value', () => {
+        const { container } = render(<Input value="测试值" />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toBeInTheDocument();
+        expect(inputElement).toHaveValue('测试值');
+      });
+
+      it(':defaultValue', () => {
+        const { container } = render(<Input defaultValue="默认值" />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toBeInTheDocument();
+        expect(inputElement).toHaveValue('默认值');
+      });
+
+      it(':placeholder', () => {
+        const { container } = render(<Input placeholder="请输入" />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toBeInTheDocument();
+        expect(inputElement).toHaveAttribute('placeholder', '请输入');
+      });
+
+      it(':disabled', () => {
+        const { container } = render(<Input disabled />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toBeInTheDocument();
+        expect(inputElement).toBeDisabled();
+        expect(inputElement).toHaveClass('t-input__control--disabled');
+      });
+
+      it(':readonly', () => {
+        const { container } = render(<Input readonly />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toBeInTheDocument();
+        expect(inputElement).toHaveAttribute('readonly');
+      });
+
+      it(':maxlength', () => {
+        const { container } = render(<Input maxlength={10} />);
+        const inputElement = container.querySelector('input');
+
+        // 测试输入限制功能
+        // 输入未超过限制的内容
+        act(() => {
+          fireEvent.input(inputElement, { target: { value: '12345' } });
+        });
+        expect(inputElement).toHaveValue('12345');
+
+        // 输入超过限制的内容
+        act(() => {
+          fireEvent.input(inputElement, { target: { value: '12345678901' } });
+        });
+        // 由于maxlength限制，值应该被截断为10个字符
+        expect(inputElement).toHaveValue('1234567890');
+
+        // 测试中文输入（一个中文字符算一个长度）
+        act(() => {
+          fireEvent.input(inputElement, { target: { value: '一二三四五六七八九十一' } });
+        });
+        // 应该只保留前10个中文字符
+        expect(inputElement).toHaveValue('一二三四五六七八九十');
+      });
+
+      it(':autofocus', () => {
+        const { container } = render(<Input autofocus />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toBeInTheDocument();
+        // 在React中，autoFocus属性在DOM中会被渲染为小写的autofocus
+        expect(inputElement).toHaveProperty('autofocus');
+      });
+
+      it(':type', () => {
+        const { container } = render(<Input type="password" />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toBeInTheDocument();
+        expect(inputElement).toHaveAttribute('type', 'password');
+      });
+
+      it(':name', () => {
+        const { container } = render(<Input name="username" />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toBeInTheDocument();
+        expect(inputElement).toHaveAttribute('name', 'username');
+      });
+    });
+
+    // 样式相关属性
+    describe('style props', () => {
+      it(':className and style', () => {
+        const { container } = render(<Input className="custom-input" style={{ width: '300px' }} />);
+        const inputWrapper = container.querySelector('.t-input');
+        expect(inputWrapper).toBeInTheDocument();
+        expect(inputWrapper).toHaveClass('custom-input');
+        expect(inputWrapper).toHaveStyle('width: 300px');
+      });
+
+      it(':align', () => {
+        const { container } = render(<Input align="center" />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toBeInTheDocument();
+        expect(inputElement).toHaveClass('t-input--center');
+      });
+
+      it(':status', () => {
+        const { container } = render(<Input status="error" />);
+        const inputElement = container.querySelector('input');
+        const inputContent = container.querySelector('.t-input__content');
+        expect(inputElement).toBeInTheDocument();
+        expect(inputElement).toHaveClass('t-input--error');
+        expect(inputContent).toHaveClass('t-input--error');
+      });
+
+      it(':borderless', () => {
+        const { container } = render(<Input borderless />);
+        const inputWrapper = container.querySelector('.t-input');
+        expect(inputWrapper).toBeInTheDocument();
+        expect(inputWrapper).not.toHaveClass('t-input--border');
+      });
+
+      it(':layout', () => {
+        const { container } = render(<Input layout="vertical" />);
+        const inputWrapper = container.querySelector('.t-input');
+        expect(inputWrapper).toBeInTheDocument();
+        expect(inputWrapper).toHaveClass('t-input--layout-vertical');
+      });
+    });
+
+    // 功能相关属性
+    describe('functional props', () => {
+      it(':clearable with clearTrigger=always', () => {
+        const { container } = render(<Input clearable value="测试值" />);
+
+        // 初始状态应该显示清除按钮
+        let clearIcon = container.querySelector('.t-input__wrap--clearable-icon');
+        expect(clearIcon).toBeInTheDocument();
+
+        // 聚焦后应该显示清除按钮
+        const inputElement = container.querySelector('input');
+        act(() => {
+          fireEvent.focus(inputElement);
+        });
+
+        clearIcon = container.querySelector('.t-input__wrap--clearable-icon');
+        expect(clearIcon).toBeInTheDocument();
+
+        // 失焦后应该仍然显示清除按钮
+        act(() => {
+          fireEvent.blur(inputElement);
+        });
+        clearIcon = container.querySelector('.t-input__wrap--clearable-icon');
+        expect(clearIcon).toBeInTheDocument();
+      });
+
+      it(':clearable with clearTrigger=focus', () => {
+        const { container } = render(<Input clearable clearTrigger="focus" value="测试值" />);
+
+        // 初始状态不应该显示清除按钮
+        let clearIcon = container.querySelector('.t-input__wrap--clearable-icon');
+        expect(clearIcon).not.toBeInTheDocument();
+
+        // 聚焦后应该显示清除按钮
+        const inputElement = container.querySelector('input');
+        act(() => {
+          fireEvent.focus(inputElement);
+        });
+
+        clearIcon = container.querySelector('.t-input__wrap--clearable-icon');
+        expect(clearIcon).toBeInTheDocument();
+
+        // 失焦后不应该显示清除按钮
+        act(() => {
+          fireEvent.blur(inputElement);
+        });
+        clearIcon = container.querySelector('.t-input__wrap--clearable-icon');
+        expect(clearIcon).not.toBeInTheDocument();
+      });
+
+      it(':allowInputOverMax with maxlength', () => {
+        const { container } = render(<Input maxlength={5} />);
+        const inputElement = container.querySelector('input');
+
+        // 输入超过最大长度的内容
+        act(() => {
+          fireEvent.input(inputElement, { target: { value: '123456' } });
+        });
+
+        // 默认情况下不允许超过最大长度
+        expect(inputElement).toHaveValue('12345');
+
+        // 设置 allowInputOverMax 为 true
+        const { container: container2 } = render(<Input maxlength={5} allowInputOverMax />);
+        const inputElement2 = container2.querySelector('input');
+
+        // 输入超过最大长度的内容
+        act(() => {
+          fireEvent.input(inputElement2, { target: { value: '123456' } });
+        });
+
+        // 允许超过最大长度
+        expect(inputElement2).toHaveValue('123456');
+      });
+
+      it(':allowInputOverMax with maxcharacter', () => {
+        const { container } = render(<Input maxcharacter={5} />);
+        const inputElement = container.querySelector('input');
+
+        // 输入超过最大字符数的内容
+        act(() => {
+          fireEvent.input(inputElement, { target: { value: '123456' } });
+        });
+
+        // 默认情况下不允许超过最大字符数
+        expect(inputElement).toHaveValue('12345');
+
+        // 设置 allowInputOverMax 为 true
+        const { container: container2 } = render(<Input maxcharacter={5} allowInputOverMax />);
+        const inputElement2 = container2.querySelector('input');
+
+        // 输入超过最大字符数的内容
+        act(() => {
+          fireEvent.input(inputElement2, { target: { value: '123456' } });
+        });
+
+        // 允许超过最大字符数
+        expect(inputElement2).toHaveValue('123456');
+      });
+
+      it(':format', () => {
+        const formatFn = vi.fn((value) => value.toUpperCase());
+        const { container } = render(<Input format={formatFn} defaultValue="test" />);
+        const inputElement = container.querySelector('input');
+
+        // 失焦时应该调用 format 函数
+        act(() => {
+          fireEvent.blur(inputElement);
+        });
+
+        expect(formatFn).toHaveBeenCalledWith('test');
+        expect(inputElement).toHaveValue('TEST');
+      });
+
+      it(':enterkeyhint', () => {
+        const { container } = render(<Input enterkeyhint="search" />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toBeInTheDocument();
+        expect(inputElement).toHaveAttribute('enterKeyHint', 'search');
+      });
+
+      it(':spellcheck', () => {
+        const { container } = render(<Input spellcheck />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toBeInTheDocument();
+        expect(inputElement).toHaveAttribute('spellCheck', 'true');
+      });
+
+      it(':autocomplete', () => {
+        const { container } = render(<Input autocomplete="username" />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toBeInTheDocument();
+        expect(inputElement).toHaveAttribute('autoComplete', 'username');
+      });
+    });
+
+    // 内容相关属性
+    describe('content props', () => {
+      it(':label', () => {
+        const { container } = render(<Input label="用户名" />);
+        const labelElement = container.querySelector('.t-input__label');
+        expect(labelElement).toBeInTheDocument();
+        expect(labelElement).toHaveTextContent('用户名');
+      });
+
+      it(':prefixIcon', () => {
+        const { container } = render(<Input prefixIcon={<div className="test-prefix-icon" />} />);
+        const prefixIcon = container.querySelector('.t-input__icon--prefix');
+        expect(prefixIcon).toBeInTheDocument();
+      });
+
+      it(':suffix', () => {
+        const { container } = render(<Input suffix="元" />);
+        const suffix = container.querySelector('.t-input__wrap--suffix');
+        expect(suffix).toBeInTheDocument();
+        expect(suffix).toHaveTextContent('元');
+      });
+
+      it(':suffixIcon', () => {
+        const { container } = render(<Input suffixIcon={<div className="test-suffix-icon" />} />);
+        const suffixIcon = container.querySelector('.t-input__wrap--suffix-icon');
+        expect(suffixIcon).toBeInTheDocument();
+      });
+
+      it(':tips', () => {
+        const { container } = render(<Input tips="请输入有效信息" />);
+        const tips = container.querySelector('.t-input__tips');
+        expect(tips).toBeInTheDocument();
+        expect(tips).toHaveTextContent('请输入有效信息');
+      });
+
+      it(':extra', () => {
+        // 使用React元素作为extra属性值，符合TElement类型
+        render(<Input extra={<div data-testid="extra-content">额外信息</div>} />);
+        const extraContent = screen.getByTestId('extra-content');
+        expect(extraContent).toBeInTheDocument();
+        expect(extraContent).toHaveTextContent('额外信息');
+      });
+
+      it(':cursorColor', () => {
+        const { container } = render(<Input cursorColor="#ff0000" />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toHaveStyle('--td-input-cursor-color: #ff0000');
+      });
+    });
+
+    // 密码类型特殊处理
+    describe('password type', () => {
+      // 注意：根据Input组件的实现，密码可见性图标只有在提供了suffixIcon属性时才会渲染
+      // 但是实际上组件的实现有问题，即使提供了suffixIcon，也不会正确渲染密码可见性图标
+      // 这里我们先注释掉这些测试用例，等组件实现修复后再启用
+
+      it('toggles password visibility when suffixIcon is provided', () => {
+        // 提供一个空的suffixIcon，这样组件会渲染密码可见性图标
+        const { container } = render(<Input type="password" suffixIcon={<div />} />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toHaveAttribute('type', 'password');
+
+        // 点击密码可见性图标内部的SVG元素
+        const iconElement =
+          container.querySelector('.t-input__wrap--suffix-icon svg') ||
+          container.querySelector('.t-input__wrap--suffix-icon > *');
+        expect(iconElement).toBeInTheDocument(); // 确保图标存在
+        act(() => {
+          fireEvent.click(iconElement);
+        });
+
+        // 密码应该变为可见
+        expect(inputElement).toHaveAttribute('type', 'text');
+
+        // 切换后icon元素应该被替换
+        // 再次点击密码可见性图标
+        const newIconElement =
+          container.querySelector('.t-input__wrap--suffix-icon svg') ||
+          container.querySelector('.t-input__wrap--suffix-icon > *');
+        expect(newIconElement).toBeInTheDocument(); // 确保图标存在
+        act(() => {
+          fireEvent.click(iconElement);
+          fireEvent.click(newIconElement);
+        });
+
+        // 密码应该变为不可见
+        expect(inputElement).toHaveAttribute('type', 'password');
+      });
+
+      it('does not toggle when disabled', () => {
+        const { container } = render(<Input type="password" suffixIcon={<div />} disabled />);
+        const inputElement = container.querySelector('input');
+        expect(inputElement).toHaveAttribute('type', 'password');
+
+        // 点击密码可见性图标内部的SVG元素
+        const iconElement =
+          container.querySelector('.t-input__wrap--suffix-icon svg') ||
+          container.querySelector('.t-input__wrap--suffix-icon > *');
+        expect(iconElement).toBeInTheDocument(); // 确保图标存在
+        act(() => {
+          fireEvent.click(iconElement);
+        });
+
+        // 密码应该保持不可见
+        expect(inputElement).toHaveAttribute('type', 'password');
+      });
+    });
+  });
+
+  // 默认值测试
+  describe('default props', () => {
+    it('uses default align when not provided', () => {
+      const { container } = render(<Input />);
+      const inputElement = container.querySelector('input');
+      expect(inputElement).not.toHaveClass('t-input--center');
+      expect(inputElement).not.toHaveClass('t-input--right');
+    });
+
+    it('uses default status when not provided', () => {
+      const { container } = render(<Input />);
+      const inputContent = container.querySelector('.t-input__content');
+      expect(inputContent).toHaveClass('t-input--default');
+    });
+
+    it('uses default type when not provided', () => {
+      const { container } = render(<Input />);
+      const inputElement = container.querySelector('input');
+      expect(inputElement).toHaveAttribute('type', 'text');
+    });
+
+    it('uses default layout when not provided', () => {
+      const { container } = render(<Input />);
+      const inputWrapper = container.querySelector('.t-input');
+      expect(inputWrapper).toHaveClass('t-input--layout-horizontal');
+    });
+
+    it('applies all default props correctly when no props provided', () => {
+      const { container } = render(<Input />);
+      const inputWrapper = container.querySelector('.t-input');
+      const inputElement = container.querySelector('input');
+      const inputContent = container.querySelector('.t-input__content');
+
+      expect(inputWrapper).toBeInTheDocument();
+      expect(inputWrapper).toHaveClass('t-input--layout-horizontal');
+      expect(inputWrapper).toHaveClass('t-input--border');
+      expect(inputElement).toHaveAttribute('type', 'text');
+      expect(inputContent).toHaveClass('t-input--default');
+    });
+  });
+
+  // 事件测试
+  describe('events', () => {
+    it('calls onChange when input value changes', () => {
+      const handleChange = vi.fn();
+      const { container } = render(<Input onChange={handleChange} />);
+      const inputElement = container.querySelector('input');
+
+      act(() => {
+        fireEvent.input(inputElement, { target: { value: '新值' } });
+      });
+
+      expect(handleChange).toHaveBeenCalledTimes(1);
+      expect(handleChange).toHaveBeenCalledWith('新值', expect.objectContaining({ trigger: 'input' }));
+    });
+
+    it('does not trigger onChange during composing (isComposing)', () => {
+      const handleChange = vi.fn();
+      const { container } = render(<Input onChange={handleChange} />);
+      const inputElement = container.querySelector('input');
+
+      // 合成输入阶段，nativeEvent.isComposing = true
+      // 预期：不触发 setInnerValue 的 "input" 分支，从而不调用 onChange
+      act(() => {
+        fireEvent.input(inputElement, {
+          target: { value: '拼' },
+          // 在 jsdom 下，fireEvent 会把这些属性合并进合成事件对象，
+          // 组件中通过 e.nativeEvent 读取；此处确保属性存在于事件上
+          isComposing: true,
+          inputType: 'insertCompositionText',
+        });
+      });
+
+      expect(handleChange).not.toHaveBeenCalled();
+    });
+
+    it('does not trigger onChange during composing (insertCompositionText)', () => {
+      const handleChange = vi.fn();
+      const { container } = render(<Input onChange={handleChange} />);
+      const inputElement = container.querySelector('input');
+
+      // 合成输入阶段，inputType = insertCompositionText
+      // 预期：不触发 onChange
+      act(() => {
+        fireEvent.input(inputElement, {
+          target: { value: '拼写' },
+          inputType: 'insertCompositionText',
+        });
+      });
+
+      expect(handleChange).not.toHaveBeenCalled();
+    });
+
+    it('triggers onChange with processed value on compositionend', () => {
+      const handleChange = vi.fn();
+      // 设定 maxlength 以验证 handleInputValue 在 compositionend 时的截断逻辑被执行
+      const { container } = render(<Input onChange={handleChange} maxlength={3} />);
+      const inputElement = container.querySelector('input');
+
+      // 在 compositionend 结束时，组件会用 handleInputValue(e) 处理并 setInnerValue(..., trigger: "input")
+      act(() => {
+        fireEvent.compositionEnd(inputElement, { target: { value: '一二三四' } });
+      });
+
+      expect(handleChange).toHaveBeenCalledTimes(1);
+      expect(handleChange).toHaveBeenCalledWith('一二三', expect.objectContaining({ trigger: 'input' }));
+    });
+
+    it('calls onFocus when input is focused', () => {
+      const handleFocus = vi.fn();
+      const { container } = render(<Input onFocus={handleFocus} />);
+      const inputElement = container.querySelector('input');
+
+      act(() => {
+        fireEvent.focus(inputElement);
+      });
+
+      expect(handleFocus).toHaveBeenCalledTimes(1);
+      expect(handleFocus).toHaveBeenCalledWith(undefined, expect.objectContaining({ e: expect.any(Object) }));
+    });
+
+    it('calls onBlur when input loses focus', () => {
+      const handleBlur = vi.fn();
+      const { container } = render(<Input onBlur={handleBlur} />);
+      const inputElement = container.querySelector('input');
+
+      act(() => {
+        fireEvent.focus(inputElement);
+        fireEvent.blur(inputElement);
+      });
+
+      expect(handleBlur).toHaveBeenCalledTimes(1);
+      expect(handleBlur).toHaveBeenCalledWith(undefined, expect.objectContaining({ e: expect.any(Object) }));
+    });
+
+    it('calls onClear when clear button is clicked', () => {
+      const handleClear = vi.fn();
+      const { container } = render(<Input clearable value="测试值" onClear={handleClear} />);
+
+      const clearIcon = container.querySelector('.t-input__wrap--clearable-icon');
+      act(() => {
+        fireEvent.touchEnd(clearIcon);
+      });
+
+      expect(handleClear).toHaveBeenCalledTimes(1);
+      expect(handleClear).toHaveBeenCalledWith(expect.objectContaining({ e: expect.any(Object) }));
+    });
+
+    it('clears input value when clear button is clicked', () => {
+      const handleChange = vi.fn();
+      const { container } = render(<Input clearable value="测试值" onChange={handleChange} />);
+
+      const clearIcon = container.querySelector('.t-input__wrap--clearable-icon');
+      act(() => {
+        fireEvent.touchEnd(clearIcon);
+      });
+
+      expect(handleChange).toHaveBeenCalledWith('', expect.objectContaining({ trigger: 'clear' }));
+    });
+
+    it('handles undefined callbacks gracefully', () => {
+      // 测试当回调函数未定义时不会抛出错误
+      expect(() => {
+        const { container } = render(<Input />);
+        const inputElement = container.querySelector('input');
+
+        act(() => {
+          fireEvent.focus(inputElement);
+          fireEvent.blur(inputElement);
+          fireEvent.input(inputElement, { target: { value: '测试' } });
+        });
+      }).not.toThrow();
+    });
+
+    it('updates showClear state when props change', () => {
+      const { container, rerender } = render(<Input clearable value="测试值" />);
+
+      // 初始状态应该显示清除按钮
+      let clearIcon = container.querySelector('.t-input__wrap--clearable-icon');
+      expect(clearIcon).toBeInTheDocument();
+
+      // 禁用后不应该显示清除按钮
+      act(() => {
+        rerender(<Input clearable value="测试值" disabled />);
+      });
+      clearIcon = container.querySelector('.t-input__wrap--clearable-icon');
+      expect(clearIcon).not.toBeInTheDocument();
+
+      // 只读状态不应该显示清除按钮
+      act(() => {
+        rerender(<Input clearable value="测试值" readonly />);
+      });
+      clearIcon = container.querySelector('.t-input__wrap--clearable-icon');
+      expect(clearIcon).not.toBeInTheDocument();
+
+      // 恢复正常状态应该显示清除按钮
+      act(() => {
+        rerender(<Input clearable value="测试值" />);
+      });
+      clearIcon = container.querySelector('.t-input__wrap--clearable-icon');
+      expect(clearIcon).toBeInTheDocument();
+    });
+
+    it('updates renderType when type prop changes', () => {
+      const { container, rerender } = render(<Input type="text" />);
+      const inputElement = container.querySelector('input');
+      expect(inputElement).toHaveAttribute('type', 'text');
+
+      // 改变类型为密码
+      act(() => {
+        rerender(<Input type="password" />);
+      });
+      expect(inputElement).toHaveAttribute('type', 'password');
+
+      // 改变类型为数字
+      act(() => {
+        rerender(<Input type="number" />);
+      });
+      expect(inputElement).toHaveAttribute('type', 'number');
+    });
+  });
+
+  // ref 测试
+  describe('ref', () => {
+    it('exposes focus and blur methods', () => {
+      const inputRef = React.createRef<any>();
+      render(<Input ref={inputRef} />);
+
+      expect(inputRef.current).toBeDefined();
+      expect(typeof inputRef.current.focus).toBe('function');
+      expect(typeof inputRef.current.blur).toBe('function');
+    });
+
+    it('focus method works correctly', () => {
+      const inputRef = React.createRef<any>();
+      const { container } = render(<Input ref={inputRef} />);
+      const inputElement = container.querySelector('input');
+
+      // 模拟 document.activeElement
+      Object.defineProperty(document, 'activeElement', {
+        value: document.body,
+        writable: true,
+      });
+
+      // 调用 focus 方法
+      act(() => {
+        inputRef.current.focus();
+      });
+
+      // 恢复 document.activeElement
+      Object.defineProperty(document, 'activeElement', {
+        value: inputElement,
+        writable: true,
+      });
+
+      // 验证 focus 方法被调用
+      expect(document.activeElement).toBe(inputElement);
+    });
+
+    it('blur method works correctly', () => {
+      const inputRef = React.createRef<any>();
+      const { container } = render(<Input ref={inputRef} />);
+      const inputElement = container.querySelector('input');
+
+      // 模拟 document.activeElement
+      Object.defineProperty(document, 'activeElement', {
+        value: inputElement,
+        writable: true,
+      });
+
+      // 调用 blur 方法
+      act(() => {
+        inputRef.current.blur();
+      });
+
+      // 恢复 document.activeElement
+      Object.defineProperty(document, 'activeElement', {
+        value: document.body,
+        writable: true,
+      });
+
+      // 验证 blur 方法被调用
+      expect(document.activeElement).toBe(document.body);
+    });
+  });
+});
diff --git a/src/input/defaultProps.ts b/src/input/defaultProps.ts
index 2ec10f632..5cdbd15d2 100644
--- a/src/input/defaultProps.ts
+++ b/src/input/defaultProps.ts
@@ -12,6 +12,7 @@ export const inputDefaultProps: TdInputProps = {
   borderless: false,
   clearTrigger: 'always',
   clearable: false,
+  cursorColor: '#0052d9',
   disabled: undefined,
   layout: 'horizontal',
   placeholder: undefined,
diff --git a/src/input/input.en-US.md b/src/input/input.en-US.md
index 85566861b..0692f01a1 100644
--- a/src/input/input.en-US.md
+++ b/src/input/input.en-US.md
@@ -15,9 +15,11 @@ autofocus | Boolean | false | autofocus on first rendered | N
 borderless | Boolean | false | input without border | N
 clearTrigger | String | always | show clear icon, clicked to clear input value。options: always / focus | N
 clearable | Boolean | false | show clear icon, clicked to clear input value | N
+cursorColor | String | #0052d9 | \- | N
 disabled | Boolean | undefined | make input to be disabled | N
 enterkeyhint | String | - | attribute of input element, [see here](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)。options: enter/done/go/next/previous/search/send | N
 errorMessage | String | - | `deprecated` | N
+extra | TElement | - | Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 format | Function | - | input value formatter, `type=number` does not work. if you need to format number, `InputNumber` Component might be better。Typescript：`InputFormatType` `type InputFormatType = (value: InputValue) => string`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
 label | TNode | - | text on the left of input。Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 layout | String | horizontal | options: vertical/horizontal | N
@@ -37,7 +39,7 @@ type | String | text | type attribute of input element. if you are using `type=n
 value | String / Number | - | input value。Typescript：`InputValue` `type InputValue = string \| number`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
 defaultValue | String / Number | - | input value。uncontrolled property。Typescript：`InputValue` `type InputValue = string \| number`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
 onBlur | Function |  | Typescript：`(value: InputValue, context: { e: FocusEvent }) => void`<br/> | N
-onChange | Function |  | Typescript：`(value: InputValue, context?: { e?: InputEvent \| MouseEvent \| CompositionEvent; trigger: 'input' \| 'initial' \| 'clear' }) => void`<br/>trigger on input value changed | N
+onChange | Function |  | Typescript：`(value: InputValue, context?: { e?: InputEvent \| MouseEvent \| CompositionEvent; trigger: 'input' \| 'initial' \| 'clear' \| 'blur' }) => void`<br/>trigger on input value changed | N
 onClear | Function |  | Typescript：`(context: { e: TouchEvent }) => void`<br/> | N
 onFocus | Function |  | Typescript：`(value: InputValue, context: { e: FocusEvent }) => void`<br/> | N
 onValidate | Function |  | Typescript：`(context: { error?: 'exceed-maximum' \| 'below-minimum' }) => void`<br/>trigger on text length being over max length or max character | N
@@ -68,4 +70,4 @@ Name | Default Value | Description
 --td-input-suffix-text-color | @text-color-primary | - 
 --td-input-vertical-padding | 16px | - 
 --td-input-warning-text-color | @warning-color | - 
---td-input-warning-tips-color | @warning-color | - 
+--td-input-warning-tips-color | @warning-color | -
\ No newline at end of file
diff --git a/src/input/input.md b/src/input/input.md
index f9f4db2c7..569af11f6 100644
--- a/src/input/input.md
+++ b/src/input/input.md
@@ -15,9 +15,11 @@ autofocus | Boolean | false | 自动聚焦 | N
 borderless | Boolean | false | 是否开启无边框模式 | N
 clearTrigger | String | always | 清空图标触发方式，仅在输入框有值时有效。可选项：always / focus | N
 clearable | Boolean | false | 是否可清空 | N
+cursorColor | String | #0052d9 | 光标颜色 | N
 disabled | Boolean | undefined | 是否禁用输入框 | N
 enterkeyhint | String | - | 用于控制回车键样式，此 API 仅在部分浏览器支持，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)。可选项：enter/done/go/next/previous/search/send | N
 errorMessage | String | - | 已废弃。错误提示文本，值为空不显示（废弃属性，如果需要，请更为使用 status 和 tips） | N
+extra | TElement | - | 右侧额外内容。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 format | Function | - | 指定输入框展示值的格式。TS 类型：`InputFormatType` `type InputFormatType = (value: InputValue) => string`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
 label | TNode | - | 左侧文本。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 layout | String | horizontal | 标题输入框布局方式。可选项：vertical/horizontal | N
@@ -37,7 +39,7 @@ type | String | text | 输入框类型。可选项：text/number/url/tel/passwor
 value | String / Number | - | 输入框的值。TS 类型：`InputValue` `type InputValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
 defaultValue | String / Number | - | 输入框的值。非受控属性。TS 类型：`InputValue` `type InputValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
 onBlur | Function |  | TS 类型：`(value: InputValue, context: { e: FocusEvent }) => void`<br/>失去焦点时触发 | N
-onChange | Function |  | TS 类型：`(value: InputValue, context?: { e?: InputEvent \| MouseEvent \| CompositionEvent; trigger: 'input' \| 'initial' \| 'clear' }) => void`<br/>输入框值发生变化时触发。`trigger=initial` 表示传入的数据不符合预期，组件自动处理后触发 change 告知父组件。如：初始值长度超过 `maxlength` 限制 | N
+onChange | Function |  | TS 类型：`(value: InputValue, context?: { e?: InputEvent \| MouseEvent \| CompositionEvent; trigger: 'input' \| 'initial' \| 'clear' \| 'blur' }) => void`<br/>输入框值发生变化时触发。`trigger=initial` 表示传入的数据不符合预期，组件自动处理后触发 change 告知父组件。如：初始值长度超过 `maxlength` 限制 | N
 onClear | Function |  | TS 类型：`(context: { e: TouchEvent }) => void`<br/>清空按钮点击时触发 | N
 onFocus | Function |  | TS 类型：`(value: InputValue, context: { e: FocusEvent }) => void`<br/>获得焦点时触发 | N
 onValidate | Function |  | TS 类型：`(context: { error?: 'exceed-maximum' \| 'below-minimum' }) => void`<br/>字数超出限制时触发 | N
@@ -68,4 +70,4 @@ onValidate | Function |  | TS 类型：`(context: { error?: 'exceed-maximum' \|
 --td-input-suffix-text-color | @text-color-primary | - 
 --td-input-vertical-padding | 16px | - 
 --td-input-warning-text-color | @warning-color | - 
---td-input-warning-tips-color | @warning-color | - 
+--td-input-warning-tips-color | @warning-color | -
\ No newline at end of file
diff --git a/src/input/type.ts b/src/input/type.ts
index 6070435ee..b8de1d520 100644
--- a/src/input/type.ts
+++ b/src/input/type.ts
@@ -42,6 +42,11 @@ export interface TdInputProps {
    * @default false
    */
   clearable?: boolean;
+  /**
+   * 光标颜色
+   * @default #0052d9
+   */
+  cursorColor?: string;
   /**
    * 是否禁用输入框
    */
@@ -50,6 +55,10 @@ export interface TdInputProps {
    * 用于控制回车键样式，此 API 仅在部分浏览器支持，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
    */
   enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+  /**
+   * 右侧额外内容
+   */
+  extra?: TElement;
   /**
    * 指定输入框展示值的格式
    */
@@ -134,7 +143,7 @@ export interface TdInputProps {
     value: InputValue,
     context?: {
       e?: FormEvent<HTMLInputElement> | MouseEvent<any> | CompositionEvent<HTMLDivElement>;
-      trigger: 'input' | 'initial' | 'clear';
+      trigger: 'input' | 'initial' | 'clear' | 'blur';
     },
   ) => void;
   /**
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index b718f4356..a777f9560 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -49130,10 +49130,11 @@ exports[`csr snapshot test > csr test src/form/_example/horizontal.tsx 1`] = `
                 >
                   <input
                     class="t-input__control t-input--default"
-                    maxlength="-1"
                     placeholder="请输入内容"
                     spellcheck="false"
+                    style="--td-input-cursor-color: #0052d9;"
                     type="text"
+                    value=""
                   />
                 </div>
               </div>
@@ -49188,10 +49189,11 @@ exports[`csr snapshot test > csr test src/form/_example/horizontal.tsx 1`] = `
                 >
                   <input
                     class="t-input__control t-input--default"
-                    maxlength="-1"
                     placeholder="请输入内容"
                     spellcheck="false"
+                    style="--td-input-cursor-color: #0052d9;"
                     type="password"
+                    value=""
                   />
                   <div
                     class="t-input__wrap--suffix-icon"
@@ -49741,10 +49743,11 @@ exports[`csr snapshot test > csr test src/form/_example/index.tsx 1`] = `
                       >
                         <input
                           class="t-input__control t-input--default"
-                          maxlength="-1"
                           placeholder="请输入内容"
                           spellcheck="false"
+                          style="--td-input-cursor-color: #0052d9;"
                           type="text"
+                          value=""
                         />
                       </div>
                     </div>
@@ -49799,10 +49802,11 @@ exports[`csr snapshot test > csr test src/form/_example/index.tsx 1`] = `
                       >
                         <input
                           class="t-input__control t-input--default"
-                          maxlength="-1"
                           placeholder="请输入内容"
                           spellcheck="false"
+                          style="--td-input-cursor-color: #0052d9;"
                           type="password"
+                          value=""
                         />
                         <div
                           class="t-input__wrap--suffix-icon"
@@ -50251,10 +50255,11 @@ exports[`csr snapshot test > csr test src/form/_example/vertical.tsx 1`] = `
                 >
                   <input
                     class="t-input__control t-input--default"
-                    maxlength="-1"
                     placeholder="请输入内容"
                     spellcheck="false"
+                    style="--td-input-cursor-color: #0052d9;"
                     type="text"
+                    value=""
                   />
                 </div>
               </div>
@@ -50307,10 +50312,11 @@ exports[`csr snapshot test > csr test src/form/_example/vertical.tsx 1`] = `
                 >
                   <input
                     class="t-input__control t-input--default"
-                    maxlength="-1"
                     placeholder="请输入内容"
                     spellcheck="false"
+                    style="--td-input-cursor-color: #0052d9;"
                     type="password"
+                    value=""
                   />
                   <div
                     class="t-input__wrap--suffix-icon"
@@ -56468,10 +56474,11 @@ exports[`csr snapshot test > csr test src/guide/_example/base.tsx 1`] = `
                 >
                   <input
                     class="t-input__control t-input--default"
-                    maxlength="-1"
                     placeholder="请输入内容"
                     spellcheck="false"
+                    style="--td-input-cursor-color: #0052d9;"
                     type="text"
+                    value=""
                   />
                 </div>
               </div>
@@ -56500,10 +56507,11 @@ exports[`csr snapshot test > csr test src/guide/_example/base.tsx 1`] = `
                 >
                   <input
                     class="t-input__control t-input--default"
-                    maxlength="-1"
                     placeholder="请输入内容"
                     spellcheck="false"
+                    style="--td-input-cursor-color: #0052d9;"
                     type="text"
+                    value=""
                   />
                 </div>
               </div>
@@ -56603,10 +56611,11 @@ exports[`csr snapshot test > csr test src/guide/_example/custom-popover.tsx 1`]
                 >
                   <input
                     class="t-input__control t-input--default"
-                    maxlength="-1"
                     placeholder="请输入内容"
                     spellcheck="false"
+                    style="--td-input-cursor-color: #0052d9;"
                     type="text"
+                    value=""
                   />
                 </div>
               </div>
@@ -56635,10 +56644,11 @@ exports[`csr snapshot test > csr test src/guide/_example/custom-popover.tsx 1`]
                 >
                   <input
                     class="t-input__control t-input--default"
-                    maxlength="-1"
                     placeholder="请输入内容"
                     spellcheck="false"
+                    style="--td-input-cursor-color: #0052d9;"
                     type="text"
+                    value=""
                   />
                 </div>
               </div>
@@ -56738,10 +56748,11 @@ exports[`csr snapshot test > csr test src/guide/_example/dialog.tsx 1`] = `
                 >
                   <input
                     class="t-input__control t-input--default"
-                    maxlength="-1"
                     placeholder="请输入内容"
                     spellcheck="false"
+                    style="--td-input-cursor-color: #0052d9;"
                     type="text"
+                    value=""
                   />
                 </div>
               </div>
@@ -56770,10 +56781,11 @@ exports[`csr snapshot test > csr test src/guide/_example/dialog.tsx 1`] = `
                 >
                   <input
                     class="t-input__control t-input--default"
-                    maxlength="-1"
                     placeholder="请输入内容"
                     spellcheck="false"
+                    style="--td-input-cursor-color: #0052d9;"
                     type="text"
+                    value=""
                   />
                 </div>
               </div>
@@ -56931,10 +56943,11 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                       >
                         <input
                           class="t-input__control t-input--default"
-                          maxlength="-1"
                           placeholder="请输入内容"
                           spellcheck="false"
+                          style="--td-input-cursor-color: #0052d9;"
                           type="text"
+                          value=""
                         />
                       </div>
                     </div>
@@ -56963,10 +56976,11 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                       >
                         <input
                           class="t-input__control t-input--default"
-                          maxlength="-1"
                           placeholder="请输入内容"
                           spellcheck="false"
+                          style="--td-input-cursor-color: #0052d9;"
                           type="text"
+                          value=""
                         />
                       </div>
                     </div>
@@ -57077,10 +57091,11 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                     >
                       <input
                         class="t-input__control t-input--default"
-                        maxlength="-1"
                         placeholder="请输入内容"
                         spellcheck="false"
+                        style="--td-input-cursor-color: #0052d9;"
                         type="text"
+                        value=""
                       />
                     </div>
                   </div>
@@ -57109,10 +57124,11 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                     >
                       <input
                         class="t-input__control t-input--default"
-                        maxlength="-1"
                         placeholder="请输入内容"
                         spellcheck="false"
+                        style="--td-input-cursor-color: #0052d9;"
                         type="text"
+                        value=""
                       />
                     </div>
                   </div>
@@ -57223,10 +57239,11 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                       >
                         <input
                           class="t-input__control t-input--default"
-                          maxlength="-1"
                           placeholder="请输入内容"
                           spellcheck="false"
+                          style="--td-input-cursor-color: #0052d9;"
                           type="text"
+                          value=""
                         />
                       </div>
                     </div>
@@ -57255,10 +57272,11 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                       >
                         <input
                           class="t-input__control t-input--default"
-                          maxlength="-1"
                           placeholder="请输入内容"
                           spellcheck="false"
+                          style="--td-input-cursor-color: #0052d9;"
                           type="text"
+                          value=""
                         />
                       </div>
                     </div>
@@ -57370,10 +57388,11 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                       >
                         <input
                           class="t-input__control t-input--default"
-                          maxlength="-1"
                           placeholder="请输入内容"
                           spellcheck="false"
+                          style="--td-input-cursor-color: #0052d9;"
                           type="text"
+                          value=""
                         />
                       </div>
                     </div>
@@ -57402,10 +57421,11 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                       >
                         <input
                           class="t-input__control t-input--default"
-                          maxlength="-1"
                           placeholder="请输入内容"
                           spellcheck="false"
+                          style="--td-input-cursor-color: #0052d9;"
                           type="text"
+                          value=""
                         />
                       </div>
                     </div>
@@ -57517,10 +57537,11 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                       >
                         <input
                           class="t-input__control t-input--default"
-                          maxlength="-1"
                           placeholder="请输入内容"
                           spellcheck="false"
+                          style="--td-input-cursor-color: #0052d9;"
                           type="text"
+                          value=""
                         />
                       </div>
                     </div>
@@ -57549,10 +57570,11 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                       >
                         <input
                           class="t-input__control t-input--default"
-                          maxlength="-1"
                           placeholder="请输入内容"
                           spellcheck="false"
+                          style="--td-input-cursor-color: #0052d9;"
                           type="text"
+                          value=""
                         />
                       </div>
                     </div>
@@ -57697,10 +57719,11 @@ exports[`csr snapshot test > csr test src/guide/_example/no-mask.tsx 1`] = `
               >
                 <input
                   class="t-input__control t-input--default"
-                  maxlength="-1"
                   placeholder="请输入内容"
                   spellcheck="false"
+                  style="--td-input-cursor-color: #0052d9;"
                   type="text"
+                  value=""
                 />
               </div>
             </div>
@@ -57729,10 +57752,11 @@ exports[`csr snapshot test > csr test src/guide/_example/no-mask.tsx 1`] = `
               >
                 <input
                   class="t-input__control t-input--default"
-                  maxlength="-1"
                   placeholder="请输入内容"
                   spellcheck="false"
+                  style="--td-input-cursor-color: #0052d9;"
                   type="text"
+                  value=""
                 />
               </div>
             </div>
@@ -57831,10 +57855,11 @@ exports[`csr snapshot test > csr test src/guide/_example/popover-dialog.tsx 1`]
                 >
                   <input
                     class="t-input__control t-input--default"
-                    maxlength="-1"
                     placeholder="请输入内容"
                     spellcheck="false"
+                    style="--td-input-cursor-color: #0052d9;"
                     type="text"
+                    value=""
                   />
                 </div>
               </div>
@@ -57863,10 +57888,11 @@ exports[`csr snapshot test > csr test src/guide/_example/popover-dialog.tsx 1`]
                 >
                   <input
                     class="t-input__control t-input--default"
-                    maxlength="-1"
                     placeholder="请输入内容"
                     spellcheck="false"
+                    style="--td-input-cursor-color: #0052d9;"
                     type="text"
+                    value=""
                   />
                 </div>
               </div>
@@ -63938,10 +63964,11 @@ exports[`csr snapshot test > csr test src/input/_example/align.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
       </div>
     </div>
@@ -63966,10 +63993,11 @@ exports[`csr snapshot test > csr test src/input/_example/align.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--center t-input--default"
-          maxlength="-1"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
       </div>
     </div>
@@ -63994,10 +64022,11 @@ exports[`csr snapshot test > csr test src/input/_example/align.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--right t-input--default"
-          maxlength="-1"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
       </div>
     </div>
@@ -64027,10 +64056,11 @@ exports[`csr snapshot test > csr test src/input/_example/banner.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
       </div>
     </div>
@@ -64060,10 +64090,11 @@ exports[`csr snapshot test > csr test src/input/_example/base.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
       </div>
     </div>
@@ -64088,10 +64119,11 @@ exports[`csr snapshot test > csr test src/input/_example/base.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="请输入文字（选填）"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
       </div>
     </div>
@@ -64114,10 +64146,11 @@ exports[`csr snapshot test > csr test src/input/_example/base.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
       </div>
     </div>
@@ -64153,10 +64186,11 @@ exports[`csr snapshot test > csr test src/input/_example/bordered.tsx 1`] = `
         >
           <input
             class="t-input__control t-input--default"
-            maxlength="-1"
             placeholder="请输入文字"
             spellcheck="false"
+            style="--td-input-cursor-color: #0052d9;"
             type="text"
+            value=""
           />
           <div
             class="t-input__wrap--suffix-icon"
@@ -64206,10 +64240,11 @@ exports[`csr snapshot test > csr test src/input/_example/custom.tsx 1`] = `
         >
           <input
             class="t-input__control t-input--default"
-            maxlength="-1"
             placeholder="请输入文字"
             spellcheck="false"
+            style="--td-input-cursor-color: #0052d9;"
             type="text"
+            value=""
           />
         </div>
       </div>
@@ -64277,10 +64312,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
             </div>
           </div>
@@ -64305,10 +64341,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="请输入文字（选填）"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
             </div>
           </div>
@@ -64331,10 +64368,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
             </div>
           </div>
@@ -64376,10 +64414,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="10"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
             </div>
             <div
@@ -64409,10 +64448,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="10"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
             </div>
             <div
@@ -64459,10 +64499,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
               <div
                 class="t-input__wrap--suffix-icon"
@@ -64503,10 +64544,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="请输入手机号码"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
               <div
                 class="t-input__wrap--suffix"
@@ -64546,10 +64588,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
               <div
                 class="t-input__wrap--suffix-icon"
@@ -64610,10 +64653,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
             </div>
           </div>
@@ -64639,10 +64683,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
             </div>
           </div>
@@ -64684,9 +64729,10 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="password"
+                value=""
               />
               <div
                 class="t-input__wrap--suffix-icon"
@@ -64727,10 +64773,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="输入验证码"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
               <div
                 class="t-input__wrap--suffix"
@@ -64800,9 +64847,9 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="请输入手机号码"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
                 value="17600600600"
               />
@@ -64850,10 +64897,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--right t-input--default"
-                maxlength="-1"
                 placeholder="0.00"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="number"
+                value=""
               />
               <div
                 class="t-input__wrap--suffix"
@@ -64883,10 +64931,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--right t-input--default"
-                maxlength="-1"
                 placeholder="填写个数"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="number"
+                value=""
               />
               <div
                 class="t-input__wrap--suffix"
@@ -64938,9 +64987,9 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--error"
-                maxlength="-1"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
                 value="已输入文字"
               />
@@ -64973,8 +65022,8 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
               <input
                 class="t-input__control t-input--default t-input__control--disabled"
                 disabled=""
-                maxlength="-1"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
                 value="不可编辑文字"
               />
@@ -65018,10 +65067,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
             </div>
           </div>
@@ -65068,10 +65118,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
             </div>
           </div>
@@ -65096,10 +65147,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--center t-input--default"
-                maxlength="-1"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
             </div>
           </div>
@@ -65124,10 +65176,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--right t-input--default"
-                maxlength="-1"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
             </div>
           </div>
@@ -65169,10 +65222,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
               <div
                 class="t-input__wrap--suffix-icon"
@@ -65230,10 +65284,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
             >
               <input
                 class="t-input__control t-input--default"
-                maxlength="-1"
                 placeholder="请输入文字"
                 spellcheck="false"
+                style="--td-input-cursor-color: #0052d9;"
                 type="text"
+                value=""
               />
             </div>
           </div>
@@ -65281,10 +65336,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
               >
                 <input
                   class="t-input__control t-input--default"
-                  maxlength="-1"
                   placeholder="请输入文字"
                   spellcheck="false"
+                  style="--td-input-cursor-color: #0052d9;"
                   type="text"
+                  value=""
                 />
                 <div
                   class="t-input__wrap--suffix-icon"
@@ -65346,10 +65402,11 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
               >
                 <input
                   class="t-input__control t-input--default"
-                  maxlength="-1"
                   placeholder="请输入文字"
                   spellcheck="false"
+                  style="--td-input-cursor-color: #0052d9;"
                   type="text"
+                  value=""
                 />
               </div>
             </div>
@@ -65383,10 +65440,11 @@ exports[`csr snapshot test > csr test src/input/_example/label.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
       </div>
     </div>
@@ -65416,10 +65474,11 @@ exports[`csr snapshot test > csr test src/input/_example/layout.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
         <div
           class="t-input__wrap--suffix-icon"
@@ -65465,10 +65524,11 @@ exports[`csr snapshot test > csr test src/input/_example/maxLength.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="10"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
       </div>
       <div
@@ -65498,10 +65558,11 @@ exports[`csr snapshot test > csr test src/input/_example/maxLength.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="10"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
       </div>
       <div
@@ -65539,10 +65600,11 @@ exports[`csr snapshot test > csr test src/input/_example/prefix.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
       </div>
     </div>
@@ -65568,10 +65630,11 @@ exports[`csr snapshot test > csr test src/input/_example/prefix.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
       </div>
     </div>
@@ -65601,9 +65664,10 @@ exports[`csr snapshot test > csr test src/input/_example/special.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="password"
+          value=""
         />
         <div
           class="t-input__wrap--suffix-icon"
@@ -65644,10 +65708,11 @@ exports[`csr snapshot test > csr test src/input/_example/special.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="输入验证码"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
         <div
           class="t-input__wrap--suffix"
@@ -65717,9 +65782,9 @@ exports[`csr snapshot test > csr test src/input/_example/special.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="请输入手机号码"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
           value="17600600600"
         />
@@ -65767,10 +65832,11 @@ exports[`csr snapshot test > csr test src/input/_example/special.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--right t-input--default"
-          maxlength="-1"
           placeholder="0.00"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="number"
+          value=""
         />
         <div
           class="t-input__wrap--suffix"
@@ -65800,10 +65866,11 @@ exports[`csr snapshot test > csr test src/input/_example/special.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--right t-input--default"
-          maxlength="-1"
           placeholder="填写个数"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="number"
+          value=""
         />
         <div
           class="t-input__wrap--suffix"
@@ -65838,9 +65905,9 @@ exports[`csr snapshot test > csr test src/input/_example/status.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--error"
-          maxlength="-1"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
           value="已输入文字"
         />
@@ -65873,8 +65940,8 @@ exports[`csr snapshot test > csr test src/input/_example/status.tsx 1`] = `
         <input
           class="t-input__control t-input--default t-input__control--disabled"
           disabled=""
-          maxlength="-1"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
           value="不可编辑文字"
         />
@@ -65906,10 +65973,11 @@ exports[`csr snapshot test > csr test src/input/_example/suffix.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
         <div
           class="t-input__wrap--suffix-icon"
@@ -65950,10 +66018,11 @@ exports[`csr snapshot test > csr test src/input/_example/suffix.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="请输入手机号码"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
         <div
           class="t-input__wrap--suffix"
@@ -65993,10 +66062,11 @@ exports[`csr snapshot test > csr test src/input/_example/suffix.tsx 1`] = `
       >
         <input
           class="t-input__control t-input--default"
-          maxlength="-1"
           placeholder="请输入文字"
           spellcheck="false"
+          style="--td-input-cursor-color: #0052d9;"
           type="text"
+          value=""
         />
         <div
           class="t-input__wrap--suffix-icon"
@@ -121542,11 +121612,11 @@ exports[`ssr snapshot test > ssr test src/footer/_example/links.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/footer/_example/logo.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo1.png"/><div class="footer-example"><div class="t-footer "><a class="t-footer__logo"><div class="t-image t-image--square t-footer__title-url"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo1.png"/></div></a><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer "><a class="t-footer__logo"><div class="t-image t-image--square t-footer__title-url"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo1.png"/></div></a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/horizontal.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form__item--bordered t-form--left t-form-item__name t-form__item--bordered t-form--left t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">用户名</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__password t-form__item--bordered t-form--left t-form-item__password"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">密码</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__gender t-form__item--bordered t-form--left t-form-item__gender"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">性别</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__age t-form__item--bordered t-form--left t-form-item__age"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">年限</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__description t-form__item--bordered t-form--left t-form-item__description"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">自我评价</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__resume t-form__item--bordered t-form--left t-form-item__resume"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">个人简介</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner t-textarea__placeholder" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form>"`;
+exports[`ssr snapshot test > ssr test src/form/_example/horizontal.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form__item--bordered t-form--left t-form-item__name t-form__item--bordered t-form--left t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">用户名</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__password t-form__item--bordered t-form--left t-form-item__password"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">密码</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__gender t-form__item--bordered t-form--left t-form-item__gender"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">性别</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__age t-form__item--bordered t-form--left t-form-item__age"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">年限</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__description t-form__item--bordered t-form--left t-form-item__description"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">自我评价</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__resume t-form__item--bordered t-form--left t-form-item__resume"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">个人简介</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner t-textarea__placeholder" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Form 表单</h1><p class="tdesign-mobile-demo-header__summary">用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 基础类型</h2><p class="tdesign-mobile-demo-block__summary">基础表单</p></div><div class="tdesign-mobile-demo-block__slot"><div class="options"><div class="button-group"><button type="button" class="t-button t-button--size-medium t-button--base t-button--light t-button--round"><span class="t-button__content"> <!-- -->水平排布</span></button><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--round"><span class="t-button__content"> <!-- -->竖直排布</span></button></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用态</div></div><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__slot"><form class="t-form"><div class="t-form__item t-form__item--bordered t-form--left t-form-item__name t-form__item--bordered t-form--left t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">用户名</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__password t-form__item--bordered t-form--left t-form-item__password"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">密码</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__gender t-form__item--bordered t-form--left t-form-item__gender"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">性别</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__age t-form__item--bordered t-form--left t-form-item__age"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">年限</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__description t-form__item--bordered t-form--left t-form-item__description"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">自我评价</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__resume t-form__item--bordered t-form--left t-form-item__resume"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">个人简介</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner t-textarea__placeholder" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/form/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Form 表单</h1><p class="tdesign-mobile-demo-header__summary">用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 基础类型</h2><p class="tdesign-mobile-demo-block__summary">基础表单</p></div><div class="tdesign-mobile-demo-block__slot"><div class="options"><div class="button-group"><button type="button" class="t-button t-button--size-medium t-button--base t-button--light t-button--round"><span class="t-button__content"> <!-- -->水平排布</span></button><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--round"><span class="t-button__content"> <!-- -->竖直排布</span></button></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用态</div></div><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__slot"><form class="t-form"><div class="t-form__item t-form__item--bordered t-form--left t-form-item__name t-form__item--bordered t-form--left t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">用户名</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__password t-form__item--bordered t-form--left t-form-item__password"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">密码</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__gender t-form__item--bordered t-form--left t-form-item__gender"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">性别</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__age t-form__item--bordered t-form--left t-form-item__age"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">年限</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__description t-form__item--bordered t-form--left t-form-item__description"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">自我评价</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__resume t-form__item--bordered t-form--left t-form-item__resume"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">个人简介</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner t-textarea__placeholder" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/vertical.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form__item--bordered t-form--top t-form-item__name t-form__item--bordered t-form--top t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">用户名</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__password t-form__item--bordered t-form--top t-form-item__password"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">密码</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__gender t-form__item--bordered t-form--top t-form-item__gender"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">性别</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__age t-form__item--bordered t-form--top t-form-item__age"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">年限</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__description t-form__item--bordered t-form--top t-form-item__description"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">自我评价</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__resume t-form__item--bordered t-form--top t-form-item__resume"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">个人简介</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner t-textarea__placeholder" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form>"`;
+exports[`ssr snapshot test > ssr test src/form/_example/vertical.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form__item--bordered t-form--top t-form-item__name t-form__item--bordered t-form--top t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">用户名</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__password t-form__item--bordered t-form--top t-form-item__password"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">密码</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__gender t-form__item--bordered t-form--top t-form-item__gender"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">性别</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__age t-form__item--bordered t-form--top t-form-item__age"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">年限</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__description t-form__item--bordered t-form--top t-form-item__description"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">自我评价</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__resume t-form__item--bordered t-form--top t-form-item__resume"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">个人简介</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner t-textarea__placeholder" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form>"`;
 
 exports[`ssr snapshot test > ssr test src/grid/_example/badge.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">8</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">13</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">NEW</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
 
@@ -121564,21 +121634,21 @@ exports[`ssr snapshot test > ssr test src/grid/_example/index.tsx 1`] = `"<link
 
 exports[`ssr snapshot test > ssr test src/grid/_example/scroll.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="t-grid grid-demo t-grid--auto-size"><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/base.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container base-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/guide/_example/base.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container base-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/custom-popover.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container custom-popover"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/guide/_example/custom-popover.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container custom-popover"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/dialog.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/guide/_example/dialog.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/guide/_example/dialog-body.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/demo/demo-image-1.png"/><div class="dialog-body"><p>用户引导的说明文案</p><div class="img-wrapper"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" alt="demo"/></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/index.tsx 1`] = `"<div class="picker-demo" style="padding-bottom:12px"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Guide 引导</h1><p class="tdesign-mobile-demo-header__summary">逐步骤进行指引或解释说明的组件，常用于用户不熟悉的或需进行特别强调的页面。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container base-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">不带遮罩的引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div class="guide-container no-mask"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">弹窗形式的引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">气泡与弹窗混合的引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container popover-dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义气泡</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container custom-popover"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/guide/_example/index.tsx 1`] = `"<div class="picker-demo" style="padding-bottom:12px"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Guide 引导</h1><p class="tdesign-mobile-demo-header__summary">逐步骤进行指引或解释说明的组件，常用于用户不熟悉的或需进行特别强调的页面。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container base-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">不带遮罩的引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div class="guide-container no-mask"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">弹窗形式的引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">气泡与弹窗混合的引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container popover-dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义气泡</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container custom-popover"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/guide/_example/my-popover.tsx 1`] = `"<div class="my-popover"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-up pop-icon"><path fill="currentColor" d="M11.0002 19.5L11.0002 7.91424L6.50015 12.4142L5.08594 11L12.0002 4.08582L18.9144 11L17.5001 12.4142L13.0002 7.91424L13.0002 19.5H11.0002Z"></path></svg><p class="popover-desc">自定义的图形或说明文案，用来解释或指导该功能使用。</p><div class="popover-action"><button type="button" class="t-button t-button--size-extra-small t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- --> <!-- -->跳过<!-- --> </span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/no-mask.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div class="guide-container no-mask"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/guide/_example/no-mask.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div class="guide-container no-mask"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/popover-dialog.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container popover-dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/guide/_example/popover-dialog.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container popover-dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/icon/_example/base.tsx 1`] = `"<div class="t-demo-iconfont"><div class="t-demo-row"><p>How do you feel today?</p><i class="t-icon t-icon-sneer"></i><i class="t-icon t-icon-unhappy"></i><i class="t-icon t-icon-excited"></i><i class="t-icon t-icon-surprised"></i><i class="t-icon t-icon-giggle"></i></div><br/><div class="t-demo-row"><p>What is your favourite food?</p><i style="color:orange" class="t-icon t-icon-tangerinr"></i><i style="color:green" class="t-icon t-icon-bamboo-shoot"></i><i style="color:red" class="t-icon t-icon-apple"></i><i style="color:#0052D9" class="t-icon t-icon-milk"></i><i style="color:pink" class="t-icon t-icon-peach"></i></div><br/><div class="t-demo-row"><p>How much icons does TDesign Icon includes?</p><i style="color:red" class="t-icon t-icon-numbers-1"></i><i style="color:green" class="t-icon t-icon-numbers-2"></i><i style="color:orange" class="t-icon t-icon-numbers-0"></i><i style="color:#0052d9" class="t-icon t-icon-numbers-3"></i></div></div>"`;
 
@@ -121616,31 +121686,31 @@ exports[`ssr snapshot test > ssr test src/indexes/_example/custom.tsx 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test src/indexes/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Indexes 索引</h1><p class="tdesign-mobile-demo-header__summary">用于页面中信息快速检索，可以根据目录中的页码快速找到所需的内容。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础索引类型</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->基础用法</span></button></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">其他索引类型</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->胶囊索引</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/align.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">居中</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--center t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">右对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/align.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">居中</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--center t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">右对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/banner.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border input-demo"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/banner.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border input-demo"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/base.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字（选填）" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/base.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字（选填）" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/bordered.tsx 1`] = `"<div class="input-bordered"><div class="input-bordered__summary">标签文字</div><div class="t-input t-input--layout-horizontal input-bordered__input"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/bordered.tsx 1`] = `"<div class="input-bordered"><div class="input-bordered__summary">标签文字</div><div class="t-input t-input--layout-horizontal input-bordered__input"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/custom.tsx 1`] = `"<div class="input-custom"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/custom.tsx 1`] = `"<div class="input-custom"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Input 输入框</h1><p class="tdesign-mobile-demo-header__summary">用于单行文本信息输入。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 类型</h2><p class="tdesign-mobile-demo-block__summary">基础输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字（选填）" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带字数限制输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="10" spellCheck="false"/></div><div class="t-input__tips t-input--left">最大输入10个字符</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="10" spellCheck="false"/></div><div class="t-input__tips t-input--left">最大输入10个字符，汉字算两个</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带操作输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix"><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- --> 操作按钮 </span></button></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-avatar"><path fill="currentColor" d="M2 2L22 2L22 22L2 22L2 2ZM19.5 20H20L20 4L4 4L4 20H4.5C4.5 17.2386 6.73858 15 9.5 15H14.5C17.2614 15 19.5 17.2386 19.5 20ZM12 7C10.6193 7 9.5 8.11929 9.5 9.5C9.5 10.8807 10.6193 12 12 12C13.3807 12 14.5 10.8807 14.5 9.5C14.5 8.11929 13.3807 7 12 7ZM7.5 9.5C7.5 7.01472 9.51472 5 12 5C14.4853 5 16.5 7.01472 16.5 9.5C16.5 11.9853 14.4853 14 12 14C9.51472 14 7.5 11.9853 7.5 9.5ZM9.5 17C7.84315 17 6.5 18.3431 6.5 20L17.5 20C17.5 18.3431 16.1569 17 14.5 17H9.5Z"></path></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">特定类型输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">输入密码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">验证码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="输入验证码" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="t-image t-image--square input-suffix__image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/></div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" maxLength="-1" spellCheck="false" value="17600600600"/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="input-suffix__verify">发送验证码</div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="0.00" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix">元</div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">数量</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="填写个数" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix">个</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">输入框状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--error"><input class="t-input__control t-input--error" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false" value="已输入文字"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">不可编辑</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default t-input__control--disabled" type="text" disabled="" maxLength="-1" spellCheck="false" value="不可编辑文字"/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">信息超长状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">内容位置</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">居中</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--center t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">右对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">竖排样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">非通栏样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border input-demo"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">标签外置样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="input-bordered"><div class="input-bordered__summary">标签文字</div><div class="t-input t-input--layout-horizontal input-bordered__input"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义样式输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="input-custom"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Input 输入框</h1><p class="tdesign-mobile-demo-header__summary">用于单行文本信息输入。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 类型</h2><p class="tdesign-mobile-demo-block__summary">基础输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字（选填）" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带字数限制输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div><div class="t-input__tips t-input--left">最大输入10个字符</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div><div class="t-input__tips t-input--left">最大输入10个字符，汉字算两个</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带操作输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix"><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- --> 操作按钮 </span></button></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-avatar"><path fill="currentColor" d="M2 2L22 2L22 22L2 22L2 2ZM19.5 20H20L20 4L4 4L4 20H4.5C4.5 17.2386 6.73858 15 9.5 15H14.5C17.2614 15 19.5 17.2386 19.5 20ZM12 7C10.6193 7 9.5 8.11929 9.5 9.5C9.5 10.8807 10.6193 12 12 12C13.3807 12 14.5 10.8807 14.5 9.5C14.5 8.11929 13.3807 7 12 7ZM7.5 9.5C7.5 7.01472 9.51472 5 12 5C14.4853 5 16.5 7.01472 16.5 9.5C16.5 11.9853 14.4853 14 12 14C9.51472 14 7.5 11.9853 7.5 9.5ZM9.5 17C7.84315 17 6.5 18.3431 6.5 20L17.5 20C17.5 18.3431 16.1569 17 14.5 17H9.5Z"></path></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">特定类型输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">输入密码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">验证码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="输入验证码" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="t-image t-image--square input-suffix__image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/></div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" spellCheck="false" style="--td-input-cursor-color:#0052d9" value="17600600600"/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="input-suffix__verify">发送验证码</div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="0.00" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix">元</div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">数量</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="填写个数" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix">个</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">输入框状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--error"><input class="t-input__control t-input--error" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value="已输入文字"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">不可编辑</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default t-input__control--disabled" type="text" disabled="" spellCheck="false" style="--td-input-cursor-color:#0052d9" value="不可编辑文字"/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">信息超长状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">内容位置</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">居中</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--center t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">右对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">竖排样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">非通栏样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border input-demo"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">标签外置样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="input-bordered"><div class="input-bordered__summary">标签文字</div><div class="t-input t-input--layout-horizontal input-bordered__input"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义样式输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="input-custom"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/label.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/label.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/layout.tsx 1`] = `"<div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/layout.tsx 1`] = `"<div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/maxLength.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="10" spellCheck="false"/></div><div class="t-input__tips t-input--left">最大输入10个字符</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="10" spellCheck="false"/></div><div class="t-input__tips t-input--left">最大输入10个字符，汉字算两个</div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/maxLength.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div><div class="t-input__tips t-input--left">最大输入10个字符</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div><div class="t-input__tips t-input--left">最大输入10个字符，汉字算两个</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/prefix.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/prefix.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/special.tsx 1`] = `"<link rel="preload" as="image" href="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">输入密码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">验证码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="输入验证码" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="t-image t-image--square input-suffix__image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/></div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" maxLength="-1" spellCheck="false" value="17600600600"/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="input-suffix__verify">发送验证码</div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="0.00" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix">元</div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">数量</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="填写个数" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix">个</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/special.tsx 1`] = `"<link rel="preload" as="image" href="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">输入密码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">验证码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="输入验证码" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="t-image t-image--square input-suffix__image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/></div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" spellCheck="false" style="--td-input-cursor-color:#0052d9" value="17600600600"/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="input-suffix__verify">发送验证码</div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="0.00" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix">元</div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">数量</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="填写个数" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix">个</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/status.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--error"><input class="t-input__control t-input--error" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false" value="已输入文字"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">不可编辑</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default t-input__control--disabled" type="text" disabled="" maxLength="-1" spellCheck="false" value="不可编辑文字"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/status.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--error"><input class="t-input__control t-input--error" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value="已输入文字"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">不可编辑</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default t-input__control--disabled" type="text" disabled="" spellCheck="false" style="--td-input-cursor-color:#0052d9" value="不可编辑文字"/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/suffix.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix"><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- --> 操作按钮 </span></button></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-avatar"><path fill="currentColor" d="M2 2L22 2L22 22L2 22L2 2ZM19.5 20H20L20 4L4 4L4 20H4.5C4.5 17.2386 6.73858 15 9.5 15H14.5C17.2614 15 19.5 17.2386 19.5 20ZM12 7C10.6193 7 9.5 8.11929 9.5 9.5C9.5 10.8807 10.6193 12 12 12C13.3807 12 14.5 10.8807 14.5 9.5C14.5 8.11929 13.3807 7 12 7ZM7.5 9.5C7.5 7.01472 9.51472 5 12 5C14.4853 5 16.5 7.01472 16.5 9.5C16.5 11.9853 14.4853 14 12 14C9.51472 14 7.5 11.9853 7.5 9.5ZM9.5 17C7.84315 17 6.5 18.3431 6.5 20L17.5 20C17.5 18.3431 16.1569 17 14.5 17H9.5Z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/suffix.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix"><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- --> 操作按钮 </span></button></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-avatar"><path fill="currentColor" d="M2 2L22 2L22 22L2 22L2 2ZM19.5 20H20L20 4L4 4L4 20H4.5C4.5 17.2386 6.73858 15 9.5 15H14.5C17.2614 15 19.5 17.2386 19.5 20ZM12 7C10.6193 7 9.5 8.11929 9.5 9.5C9.5 10.8807 10.6193 12 12 12C13.3807 12 14.5 10.8807 14.5 9.5C14.5 8.11929 13.3807 7 12 7ZM7.5 9.5C7.5 7.01472 9.51472 5 12 5C14.4853 5 16.5 7.01472 16.5 9.5C16.5 11.9853 14.4853 14 12 14C9.51472 14 7.5 11.9853 7.5 9.5ZM9.5 17C7.84315 17 6.5 18.3431 6.5 20L17.5 20C17.5 18.3431 16.1569 17 14.5 17H9.5Z"></path></svg></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/layout/_example/base.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="t-row"><div class="t-col dark t-col--8 t-col--offset-0">col-8</div><div class="t-col light t-col--8 t-col--offset-0">col-8</div><div class="t-col dark t-col--8 t-col--offset-0">col-8</div></div><div class="t-row"><div class="t-col dark t-col--4 t-col--offset-0">col-4</div><div class="t-col light t-col--16 t-col--offset-4">col-16 col-offset-4</div></div><div class="t-row"><div class="t-col dark t-col--12 t-col--offset-12">col-12 col-offset-12</div></div></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index a6a5ee090..60ac4babf 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -246,11 +246,11 @@ exports[`ssr snapshot test > ssr test src/footer/_example/links.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/footer/_example/logo.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo1.png"/><div class="footer-example"><div class="t-footer "><a class="t-footer__logo"><div class="t-image t-image--square t-footer__title-url"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo1.png"/></div></a><div class="t-footer__text">Copyright © 2019-2023 TDesign.All Rights Reserved.</div></div></div><div class="footer-example"><div class="t-footer "><a class="t-footer__logo"><div class="t-image t-image--square t-footer__title-url"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/logo1.png"/></div></a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/horizontal.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form__item--bordered t-form--left t-form-item__name t-form__item--bordered t-form--left t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">用户名</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__password t-form__item--bordered t-form--left t-form-item__password"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">密码</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__gender t-form__item--bordered t-form--left t-form-item__gender"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">性别</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__age t-form__item--bordered t-form--left t-form-item__age"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">年限</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__description t-form__item--bordered t-form--left t-form-item__description"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">自我评价</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__resume t-form__item--bordered t-form--left t-form-item__resume"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">个人简介</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner t-textarea__placeholder" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form>"`;
+exports[`ssr snapshot test > ssr test src/form/_example/horizontal.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form__item--bordered t-form--left t-form-item__name t-form__item--bordered t-form--left t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">用户名</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__password t-form__item--bordered t-form--left t-form-item__password"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">密码</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__gender t-form__item--bordered t-form--left t-form-item__gender"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">性别</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__age t-form__item--bordered t-form--left t-form-item__age"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">年限</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__description t-form__item--bordered t-form--left t-form-item__description"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">自我评价</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__resume t-form__item--bordered t-form--left t-form-item__resume"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">个人简介</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner t-textarea__placeholder" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Form 表单</h1><p class="tdesign-mobile-demo-header__summary">用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 基础类型</h2><p class="tdesign-mobile-demo-block__summary">基础表单</p></div><div class="tdesign-mobile-demo-block__slot"><div class="options"><div class="button-group"><button type="button" class="t-button t-button--size-medium t-button--base t-button--light t-button--round"><span class="t-button__content"> <!-- -->水平排布</span></button><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--round"><span class="t-button__content"> <!-- -->竖直排布</span></button></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用态</div></div><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__slot"><form class="t-form"><div class="t-form__item t-form__item--bordered t-form--left t-form-item__name t-form__item--bordered t-form--left t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">用户名</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__password t-form__item--bordered t-form--left t-form-item__password"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">密码</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__gender t-form__item--bordered t-form--left t-form-item__gender"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">性别</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__age t-form__item--bordered t-form--left t-form-item__age"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">年限</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__description t-form__item--bordered t-form--left t-form-item__description"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">自我评价</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__resume t-form__item--bordered t-form--left t-form-item__resume"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">个人简介</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner t-textarea__placeholder" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/form/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Form 表单</h1><p class="tdesign-mobile-demo-header__summary">用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 基础类型</h2><p class="tdesign-mobile-demo-block__summary">基础表单</p></div><div class="tdesign-mobile-demo-block__slot"><div class="options"><div class="button-group"><button type="button" class="t-button t-button--size-medium t-button--base t-button--light t-button--round"><span class="t-button__content"> <!-- -->水平排布</span></button><button type="button" class="t-button t-button--size-medium t-button--base t-button--default t-button--round"><span class="t-button__content"> <!-- -->竖直排布</span></button></div><div class="t-cell"><div class="t-cell__left"></div><div class="t-cell__title"><div class="t-cell__title-text">禁用态</div></div><div class="t-switch t-switch--medium"><div class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"><div class="t-switch__label t-switch__label--medium"></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__slot"><form class="t-form"><div class="t-form__item t-form__item--bordered t-form--left t-form-item__name t-form__item--bordered t-form--left t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">用户名</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__password t-form__item--bordered t-form--left t-form-item__password"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">密码</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__gender t-form__item--bordered t-form--left t-form-item__gender"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">性别</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__age t-form__item--bordered t-form--left t-form-item__age"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">年限</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__description t-form__item--bordered t-form--left t-form-item__description"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">自我评价</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--left t-form-item__resume t-form__item--bordered t-form--left t-form-item__resume"><div class="t-form__item-wrap t-form__item--left"><div class="t-form__label t-form__label--left" style="width:81px"><label for="">个人简介</label></div><div class="t-form__controls" style="margin-left:81px"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner t-textarea__placeholder" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/vertical.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form__item--bordered t-form--top t-form-item__name t-form__item--bordered t-form--top t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">用户名</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__password t-form__item--bordered t-form--top t-form-item__password"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">密码</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__gender t-form__item--bordered t-form--top t-form-item__gender"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">性别</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__age t-form__item--bordered t-form--top t-form-item__age"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">年限</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__description t-form__item--bordered t-form--top t-form-item__description"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">自我评价</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__resume t-form__item--bordered t-form--top t-form-item__resume"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">个人简介</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner t-textarea__placeholder" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form>"`;
+exports[`ssr snapshot test > ssr test src/form/_example/vertical.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form__item--bordered t-form--top t-form-item__name t-form__item--bordered t-form--top t-form-item__name t-form__item-with-help"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">用户名</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="t-form__item-help t-form__controls--undefined">请输入用户名</div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__password t-form__item--bordered t-form--top t-form-item__password"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">密码</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-input t-input--layout-horizontal"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__gender t-form__item--bordered t-form--top t-form-item__gender"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">性别</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="man"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">男</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="woman"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">女</span></div></div><div class="t-radio t-radio--left"><input type="radio" class="t-radio__original" name="radio" value="secret"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">保密</span></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__age t-form__item--bordered t-form--top t-form-item__age"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">年限</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--left"><div class="t-stepper t-stepper--medium"><div class="t-stepper__minus t-stepper__minus--filled t-stepper__icon--medium t-stepper--filled-disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-remove t-stepper__minus-icon"><path fill="currentColor" d="M4 11L20 11V13L4 13L4 11Z"></path></svg></div><input class="t-stepper__input t-stepper__input--filled t-stepper__input--medium" type="tel" inputMode="numeric" value="0"/><div class="t-stepper__plus t-stepper__plus--filled t-stepper__icon--medium"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add t-stepper__plus-icon"><path fill="currentColor" d="M13 4V11L20 11V13L13 13V20H11L11 13H4L4 11L11 11L11 4L13 4Z"></path></svg></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__description t-form__item--bordered t-form--top t-form-item__description"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">自我评价</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--left"><div class="t-rate"><div class="t-rate__wrapper" style="gap:8px"><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div><div style="font-size:24px;--td-rate-selected-color:#ED7B2F" class="t-rate__icon t-rate__icon--unselected"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-star-filled"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></div></div></div></div><div class="t-form__item t-form__item--bordered t-form--top t-form-item__resume t-form__item--bordered t-form--top t-form-item__resume"><div class="t-form__item-wrap t-form__item--top"><div class="t-form__label t-form__label--top"><label for="">个人简介</label></div><div class="t-form__controls"><div class="t-form__controls-content t-form__controls--undefined"><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入个人简介" class="t-textarea__wrapper-inner t-textarea__placeholder" style="caret-color:#0052d9"></textarea><div class="t-textarea__indicator">0/50</div></div></div></div></div></div></div><div class="button-group"><button type="submit" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->提交</span></button><button type="reset" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button></div></form>"`;
 
 exports[`ssr snapshot test > ssr test src/grid/_example/badge.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="t-grid grid-demo" style="padding:undefinedpx;grid-template-columns:repeat(4, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"></div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">8</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">13</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:25%"><div class="t-grid-item__image t-grid-item__image--middle"><div class="t-badge"><div class="t-badge__content"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">NEW</div></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--middle">标题五字内</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
 
@@ -268,21 +268,21 @@ exports[`ssr snapshot test > ssr test src/grid/_example/index.tsx 1`] = `"<link
 
 exports[`ssr snapshot test > ssr test src/grid/_example/scroll.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/example1.png"/><div class="t-grid grid-demo t-grid--auto-size"><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center"><div class="t-grid-item__image t-grid-item__image--small"><div class="t-image t-image--round"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/example1.png"/></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--small">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/base.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container base-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/guide/_example/base.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container base-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/custom-popover.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container custom-popover"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/guide/_example/custom-popover.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container custom-popover"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/dialog.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/guide/_example/dialog.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/guide/_example/dialog-body.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/demo/demo-image-1.png"/><div class="dialog-body"><p>用户引导的说明文案</p><div class="img-wrapper"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" alt="demo"/></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/index.tsx 1`] = `"<div class="picker-demo" style="padding-bottom:12px"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Guide 引导</h1><p class="tdesign-mobile-demo-header__summary">逐步骤进行指引或解释说明的组件，常用于用户不熟悉的或需进行特别强调的页面。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container base-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">不带遮罩的引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div class="guide-container no-mask"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">弹窗形式的引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">气泡与弹窗混合的引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container popover-dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义气泡</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container custom-popover"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/guide/_example/index.tsx 1`] = `"<div class="picker-demo" style="padding-bottom:12px"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Guide 引导</h1><p class="tdesign-mobile-demo-header__summary">逐步骤进行指引或解释说明的组件，常用于用户不熟悉的或需进行特别强调的页面。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container base-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">不带遮罩的引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div class="guide-container no-mask"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">弹窗形式的引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">气泡与弹窗混合的引导</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container popover-dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义气泡</p></div><div class="tdesign-mobile-demo-block__slot"><div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container custom-popover"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/guide/_example/my-popover.tsx 1`] = `"<div class="my-popover"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-arrow-up pop-icon"><path fill="currentColor" d="M11.0002 19.5L11.0002 7.91424L6.50015 12.4142L5.08594 11L12.0002 4.08582L18.9144 11L17.5001 12.4142L13.0002 7.91424L13.0002 19.5H11.0002Z"></path></svg><p class="popover-desc">自定义的图形或说明文案，用来解释或指导该功能使用。</p><div class="popover-action"><button type="button" class="t-button t-button--size-extra-small t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- --> <!-- -->跳过<!-- --> </span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/no-mask.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div class="guide-container no-mask"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/guide/_example/no-mask.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div class="guide-container no-mask"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/guide/_example/popover-dialog.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container popover-dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" maxLength="-1" spellCheck="false"/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/guide/_example/popover-dialog.tsx 1`] = `"<div class="guide-demo"><button type="button" class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->用户引导</span></button><div class="t-popup t-popup--bottom" style="display:none;animation-fill-mode:forwards;height:100vh;border-radius:0"><div><div class="guide-container popover-dialog-guide"><div class="main-title"><div class="title-major">用户引导标题</div><div class="title-sub">按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。</div></div><div class="field label-field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入内容" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div><div class="action"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->重置</span></button><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->确定</span></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/icon/_example/base.tsx 1`] = `"<div class="t-demo-iconfont"><div class="t-demo-row"><p>How do you feel today?</p><i class="t-icon t-icon-sneer"></i><i class="t-icon t-icon-unhappy"></i><i class="t-icon t-icon-excited"></i><i class="t-icon t-icon-surprised"></i><i class="t-icon t-icon-giggle"></i></div><br/><div class="t-demo-row"><p>What is your favourite food?</p><i style="color:orange" class="t-icon t-icon-tangerinr"></i><i style="color:green" class="t-icon t-icon-bamboo-shoot"></i><i style="color:red" class="t-icon t-icon-apple"></i><i style="color:#0052D9" class="t-icon t-icon-milk"></i><i style="color:pink" class="t-icon t-icon-peach"></i></div><br/><div class="t-demo-row"><p>How much icons does TDesign Icon includes?</p><i style="color:red" class="t-icon t-icon-numbers-1"></i><i style="color:green" class="t-icon t-icon-numbers-2"></i><i style="color:orange" class="t-icon t-icon-numbers-0"></i><i style="color:#0052d9" class="t-icon t-icon-numbers-3"></i></div></div>"`;
 
@@ -320,31 +320,31 @@ exports[`ssr snapshot test > ssr test src/indexes/_example/custom.tsx 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test src/indexes/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Indexes 索引</h1><p class="tdesign-mobile-demo-header__summary">用于页面中信息快速检索，可以根据目录中的页码快速找到所需的内容。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础索引类型</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->基础用法</span></button></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">其他索引类型</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->胶囊索引</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/align.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">居中</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--center t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">右对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/align.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">居中</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--center t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">右对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/banner.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border input-demo"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/banner.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border input-demo"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/base.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字（选填）" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/base.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字（选填）" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/bordered.tsx 1`] = `"<div class="input-bordered"><div class="input-bordered__summary">标签文字</div><div class="t-input t-input--layout-horizontal input-bordered__input"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/bordered.tsx 1`] = `"<div class="input-bordered"><div class="input-bordered__summary">标签文字</div><div class="t-input t-input--layout-horizontal input-bordered__input"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/custom.tsx 1`] = `"<div class="input-custom"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/custom.tsx 1`] = `"<div class="input-custom"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Input 输入框</h1><p class="tdesign-mobile-demo-header__summary">用于单行文本信息输入。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 类型</h2><p class="tdesign-mobile-demo-block__summary">基础输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字（选填）" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带字数限制输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="10" spellCheck="false"/></div><div class="t-input__tips t-input--left">最大输入10个字符</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="10" spellCheck="false"/></div><div class="t-input__tips t-input--left">最大输入10个字符，汉字算两个</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带操作输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix"><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- --> 操作按钮 </span></button></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-avatar"><path fill="currentColor" d="M2 2L22 2L22 22L2 22L2 2ZM19.5 20H20L20 4L4 4L4 20H4.5C4.5 17.2386 6.73858 15 9.5 15H14.5C17.2614 15 19.5 17.2386 19.5 20ZM12 7C10.6193 7 9.5 8.11929 9.5 9.5C9.5 10.8807 10.6193 12 12 12C13.3807 12 14.5 10.8807 14.5 9.5C14.5 8.11929 13.3807 7 12 7ZM7.5 9.5C7.5 7.01472 9.51472 5 12 5C14.4853 5 16.5 7.01472 16.5 9.5C16.5 11.9853 14.4853 14 12 14C9.51472 14 7.5 11.9853 7.5 9.5ZM9.5 17C7.84315 17 6.5 18.3431 6.5 20L17.5 20C17.5 18.3431 16.1569 17 14.5 17H9.5Z"></path></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">特定类型输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">输入密码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">验证码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="输入验证码" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="t-image t-image--square input-suffix__image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/></div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" maxLength="-1" spellCheck="false" value="17600600600"/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="input-suffix__verify">发送验证码</div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="0.00" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix">元</div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">数量</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="填写个数" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix">个</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">输入框状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--error"><input class="t-input__control t-input--error" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false" value="已输入文字"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">不可编辑</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default t-input__control--disabled" type="text" disabled="" maxLength="-1" spellCheck="false" value="不可编辑文字"/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">信息超长状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">内容位置</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">居中</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--center t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">右对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">竖排样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">非通栏样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border input-demo"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">标签外置样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="input-bordered"><div class="input-bordered__summary">标签文字</div><div class="t-input t-input--layout-horizontal input-bordered__input"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义样式输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="input-custom"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/><div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Input 输入框</h1><p class="tdesign-mobile-demo-header__summary">用于单行文本信息输入。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 类型</h2><p class="tdesign-mobile-demo-block__summary">基础输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字（选填）" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带字数限制输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div><div class="t-input__tips t-input--left">最大输入10个字符</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div><div class="t-input__tips t-input--left">最大输入10个字符，汉字算两个</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带操作输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix"><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- --> 操作按钮 </span></button></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-avatar"><path fill="currentColor" d="M2 2L22 2L22 22L2 22L2 2ZM19.5 20H20L20 4L4 4L4 20H4.5C4.5 17.2386 6.73858 15 9.5 15H14.5C17.2614 15 19.5 17.2386 19.5 20ZM12 7C10.6193 7 9.5 8.11929 9.5 9.5C9.5 10.8807 10.6193 12 12 12C13.3807 12 14.5 10.8807 14.5 9.5C14.5 8.11929 13.3807 7 12 7ZM7.5 9.5C7.5 7.01472 9.51472 5 12 5C14.4853 5 16.5 7.01472 16.5 9.5C16.5 11.9853 14.4853 14 12 14C9.51472 14 7.5 11.9853 7.5 9.5ZM9.5 17C7.84315 17 6.5 18.3431 6.5 20L17.5 20C17.5 18.3431 16.1569 17 14.5 17H9.5Z"></path></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图标输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">特定类型输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">输入密码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">验证码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="输入验证码" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="t-image t-image--square input-suffix__image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/></div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" spellCheck="false" style="--td-input-cursor-color:#0052d9" value="17600600600"/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="input-suffix__verify">发送验证码</div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="0.00" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix">元</div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">数量</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="填写个数" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix">个</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">输入框状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--error"><input class="t-input__control t-input--error" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value="已输入文字"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">不可编辑</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default t-input__control--disabled" type="text" disabled="" spellCheck="false" style="--td-input-cursor-color:#0052d9" value="不可编辑文字"/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">信息超长状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">内容位置</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">居中</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--center t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">右对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">竖排样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">非通栏样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-input t-input--layout-horizontal t-input--border input-demo"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">标签外置样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="input-bordered"><div class="input-bordered__summary">标签文字</div><div class="t-input t-input--layout-horizontal input-bordered__input"><div class="t-input__wrap--prefix"><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义样式输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="input-custom"><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/label.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/label.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/layout.tsx 1`] = `"<div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/layout.tsx 1`] = `"<div class="t-input t-input--layout-vertical t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/maxLength.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="10" spellCheck="false"/></div><div class="t-input__tips t-input--left">最大输入10个字符</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="10" spellCheck="false"/></div><div class="t-input__tips t-input--left">最大输入10个字符，汉字算两个</div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/maxLength.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div><div class="t-input__tips t-input--left">最大输入10个字符</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div><div class="t-input__tips t-input--left">最大输入10个字符，汉字算两个</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/prefix.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/prefix.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__icon--prefix"></div><div class="t-input__label"></div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/special.tsx 1`] = `"<link rel="preload" as="image" href="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">输入密码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">验证码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="输入验证码" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="t-image t-image--square input-suffix__image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/></div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" maxLength="-1" spellCheck="false" value="17600600600"/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="input-suffix__verify">发送验证码</div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="0.00" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix">元</div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">数量</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="填写个数" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix">个</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/special.tsx 1`] = `"<link rel="preload" as="image" href="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">输入密码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="password" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off"><path fill="currentColor" d="M3.99999 1.58582L10.1714 7.75774L17.2425 14.8288L23.4137 21L21.9995 22.4142L19.0345 19.4492C17.2447 20.4377 15.1866 21.0001 12.9996 21.0001C7.42102 21.0001 2.69842 17.3465 1.08922 12.3042L0.992188 12.0001L1.08922 11.6961C1.85645 9.29201 3.33009 7.20571 5.26511 5.67975L2.58567 2.99993L3.99999 1.58582ZM6.69098 7.10574C5.05507 8.33729 3.79122 10.0353 3.09676 12.0001C4.53843 16.0793 8.42915 19.0001 12.9996 19.0001C14.6314 19.0001 16.1745 18.6285 17.5507 17.9655L15.7571 16.1719C14.9668 16.695 14.0185 17.0003 12.9999 17.0003C10.2385 17.0003 7.99989 14.7618 7.99989 12.0003C7.99989 10.9817 8.3052 10.0334 8.82835 9.24312L6.69098 7.10574ZM10.292 10.7068C10.1046 11.0984 9.99989 11.5368 9.99989 12.0003C9.99989 13.6572 11.343 15.0003 12.9999 15.0003C13.4634 15.0003 13.9018 14.8956 14.2934 14.7082L10.292 10.7068ZM13 5.00003C12.4234 5.00003 11.8583 5.04642 11.3081 5.13548L10.321 5.29527L10.0014 3.32097L10.9885 3.16117C11.644 3.05508 12.3159 3.00003 13 3.00003C18.5786 3.00003 23.3012 6.65367 24.9104 11.696L25.0074 12L24.9104 12.3041C24.4968 13.5999 23.878 14.8034 23.0926 15.8763L22.5019 16.6833L20.8881 15.5019L21.4788 14.695C22.0769 13.8778 22.5595 12.9715 22.9028 12C21.4612 7.92082 17.5704 5.00003 13 5.00003ZM13.5132 6.92636L14.4691 7.21985C16.0499 7.70515 17.2953 8.95049 17.7806 10.5313L18.0741 11.4873L16.1621 12.0742L15.8687 11.1183C15.578 10.1715 14.829 9.42243 13.8822 9.13178L12.9262 8.8383L13.5132 6.92636Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">验证码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="输入验证码" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="t-image t-image--square input-suffix__image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://wwcdn.weixin.qq.com/node/wework/images/202010241547.ac6876be9c.png"/></div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" spellCheck="false" style="--td-input-cursor-color:#0052d9" value="17600600600"/><div class="t-input__wrap--suffix"><div class="input-suffix"><div class="input-suffix__line"></div><div class="input-suffix__verify">发送验证码</div></div></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="0.00" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix">元</div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">数量</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--right t-input--default" type="number" placeholder="填写个数" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix">个</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/status.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--error"><input class="t-input__control t-input--error" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false" value="已输入文字"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">不可编辑</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default t-input__control--disabled" type="text" disabled="" maxLength="-1" spellCheck="false" value="不可编辑文字"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/status.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--error"><input class="t-input__control t-input--error" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value="已输入文字"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">不可编辑</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default t-input__control--disabled" type="text" disabled="" spellCheck="false" style="--td-input-cursor-color:#0052d9" value="不可编辑文字"/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/suffix.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix"><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- --> 操作按钮 </span></button></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" maxLength="-1" spellCheck="false"/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-avatar"><path fill="currentColor" d="M2 2L22 2L22 22L2 22L2 2ZM19.5 20H20L20 4L4 4L4 20H4.5C4.5 17.2386 6.73858 15 9.5 15H14.5C17.2614 15 19.5 17.2386 19.5 20ZM12 7C10.6193 7 9.5 8.11929 9.5 9.5C9.5 10.8807 10.6193 12 12 12C13.3807 12 14.5 10.8807 14.5 9.5C14.5 8.11929 13.3807 7 12 7ZM7.5 9.5C7.5 7.01472 9.51472 5 12 5C14.4853 5 16.5 7.01472 16.5 9.5C16.5 11.9853 14.4853 14 12 14C9.51472 14 7.5 11.9853 7.5 9.5ZM9.5 17C7.84315 17 6.5 18.3431 6.5 20L17.5 20C17.5 18.3431 16.1569 17 14.5 17H9.5Z"></path></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/suffix.tsx 1`] = `"<div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle-filled"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入手机号码" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix"><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- --> 操作按钮 </span></button></div></div></div></div><div class="t-input t-input--layout-horizontal t-input--border"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input class="t-input__control t-input--default" type="text" placeholder="请输入文字" spellCheck="false" style="--td-input-cursor-color:#0052d9" value=""/><div class="t-input__wrap--suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user-avatar"><path fill="currentColor" d="M2 2L22 2L22 22L2 22L2 2ZM19.5 20H20L20 4L4 4L4 20H4.5C4.5 17.2386 6.73858 15 9.5 15H14.5C17.2614 15 19.5 17.2386 19.5 20ZM12 7C10.6193 7 9.5 8.11929 9.5 9.5C9.5 10.8807 10.6193 12 12 12C13.3807 12 14.5 10.8807 14.5 9.5C14.5 8.11929 13.3807 7 12 7ZM7.5 9.5C7.5 7.01472 9.51472 5 12 5C14.4853 5 16.5 7.01472 16.5 9.5C16.5 11.9853 14.4853 14 12 14C9.51472 14 7.5 11.9853 7.5 9.5ZM9.5 17C7.84315 17 6.5 18.3431 6.5 20L17.5 20C17.5 18.3431 16.1569 17 14.5 17H9.5Z"></path></svg></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/layout/_example/base.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="t-row"><div class="t-col dark t-col--8 t-col--offset-0">col-8</div><div class="t-col light t-col--8 t-col--offset-0">col-8</div><div class="t-col dark t-col--8 t-col--offset-0">col-8</div></div><div class="t-row"><div class="t-col dark t-col--4 t-col--offset-0">col-4</div><div class="t-col light t-col--16 t-col--offset-4">col-16 col-offset-4</div></div><div class="t-row"><div class="t-col dark t-col--12 t-col--offset-12">col-12 col-offset-12</div></div></div>"`;