diff --git a/src/input/Input.tsx b/src/input/Input.tsx
index 338515d3..6806da80 100644
--- a/src/input/Input.tsx
+++ b/src/input/Input.tsx
@@ -31,6 +31,7 @@ const Input = forwardRef<InputRefProps, InputProps>((props, ref) => {
     borderless,
     clearable,
     clearTrigger,
+    enterkeyhint,
     disabled,
     format,
     label,
@@ -39,6 +40,7 @@ const Input = forwardRef<InputRefProps, InputProps>((props, ref) => {
     name,
     placeholder,
     prefixIcon,
+    spellcheck,
     suffix,
     suffixIcon,
     tips,
@@ -216,6 +218,8 @@ const Input = forwardRef<InputRefProps, InputProps>((props, ref) => {
             placeholder={placeholder}
             readOnly={readonly}
             maxLength={resultMaxLength || -1}
+            enterKeyHint={enterkeyhint}
+            spellCheck={spellcheck}
             onFocus={handleFocus}
             onBlur={handleBlur}
             onInput={handleInput}
diff --git a/src/input/defaultProps.ts b/src/input/defaultProps.ts
index f4fd1473..2ec10f63 100644
--- a/src/input/defaultProps.ts
+++ b/src/input/defaultProps.ts
@@ -16,6 +16,7 @@ export const inputDefaultProps: TdInputProps = {
   layout: 'horizontal',
   placeholder: undefined,
   readonly: undefined,
+  spellcheck: false,
   status: 'default',
   type: 'text',
 };
diff --git a/src/input/input.en-US.md b/src/input/input.en-US.md
index 3bd45e74..a4b9fffd 100644
--- a/src/input/input.en-US.md
+++ b/src/input/input.en-US.md
@@ -16,6 +16,7 @@ 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
 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
 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
@@ -27,6 +28,7 @@ placeholder | String | undefined | \- | N
 prefixIcon | TElement | - | Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 readonly | Boolean | undefined | \- | N
 size | String | medium | `deprecated`。options: small/medium。Typescript：`'medium' \| 'small'` | N
+spellcheck | Boolean | false | attribute of input element, [see here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/spellcheck) | N
 status | String | default | options: default/success/warning/error | N
 suffix | TNode | - | suffix content before suffixIcon。Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 suffixIcon | TElement | - | suffix icon of input。Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
diff --git a/src/input/input.md b/src/input/input.md
index d8ed3652..e5a74cc8 100644
--- a/src/input/input.md
+++ b/src/input/input.md
@@ -16,6 +16,7 @@ borderless | Boolean | false | 是否开启无边框模式 | N
 clearTrigger | String | always | 清空图标触发方式，仅在输入框有值时有效。可选项：always / focus | N
 clearable | Boolean | false | 是否可清空 | 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
 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
@@ -27,6 +28,7 @@ placeholder | String | undefined | 占位符 | N
 prefixIcon | TElement | - | 组件前置图标。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 readonly | Boolean | undefined | 只读状态 | N
 size | String | medium | 已废弃。输入框尺寸。可选项：small/medium。TS 类型：`'medium' \| 'small'` | N
+spellcheck | Boolean | false | 是否开启拼写检查，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/spellcheck) | N
 status | String | default | 输入框状态。可选项：default/success/warning/error | N
 suffix | TNode | - | 后置图标前的后置内容。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 suffixIcon | TElement | - | 组件后置图标。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
diff --git a/src/input/type.ts b/src/input/type.ts
index db6bd5b3..6070435e 100644
--- a/src/input/type.ts
+++ b/src/input/type.ts
@@ -46,6 +46,10 @@ export interface TdInputProps {
    * 是否禁用输入框
    */
   disabled?: boolean;
+  /**
+   * 用于控制回车键样式，此 API 仅在部分浏览器支持，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+   */
+  enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
   /**
    * 指定输入框展示值的格式
    */
@@ -84,6 +88,11 @@ export interface TdInputProps {
    * 只读状态
    */
   readonly?: boolean;
+  /**
+   * 是否开启拼写检查，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/spellcheck)
+   * @default false
+   */
+  spellcheck?: boolean;
   /**
    * 输入框状态
    * @default default
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 3e3120ab..af32393d 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -18978,6 +18978,7 @@ exports[`csr snapshot test > csr test src/guide/_example/base.tsx 1`] = `
                     class="t-input__control t-input--default"
                     maxlength="-1"
                     placeholder="请输入内容"
+                    spellcheck="false"
                     type="text"
                     value=""
                   />
@@ -19010,6 +19011,7 @@ exports[`csr snapshot test > csr test src/guide/_example/base.tsx 1`] = `
                     class="t-input__control t-input--default"
                     maxlength="-1"
                     placeholder="请输入内容"
+                    spellcheck="false"
                     type="text"
                     value=""
                   />
@@ -19113,6 +19115,7 @@ exports[`csr snapshot test > csr test src/guide/_example/custom-popover.tsx 1`]
                     class="t-input__control t-input--default"
                     maxlength="-1"
                     placeholder="请输入内容"
+                    spellcheck="false"
                     type="text"
                     value=""
                   />
@@ -19145,6 +19148,7 @@ exports[`csr snapshot test > csr test src/guide/_example/custom-popover.tsx 1`]
                     class="t-input__control t-input--default"
                     maxlength="-1"
                     placeholder="请输入内容"
+                    spellcheck="false"
                     type="text"
                     value=""
                   />
@@ -19248,6 +19252,7 @@ exports[`csr snapshot test > csr test src/guide/_example/dialog.tsx 1`] = `
                     class="t-input__control t-input--default"
                     maxlength="-1"
                     placeholder="请输入内容"
+                    spellcheck="false"
                     type="text"
                     value=""
                   />
@@ -19280,6 +19285,7 @@ exports[`csr snapshot test > csr test src/guide/_example/dialog.tsx 1`] = `
                     class="t-input__control t-input--default"
                     maxlength="-1"
                     placeholder="请输入内容"
+                    spellcheck="false"
                     type="text"
                     value=""
                   />
@@ -19441,6 +19447,7 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                           class="t-input__control t-input--default"
                           maxlength="-1"
                           placeholder="请输入内容"
+                          spellcheck="false"
                           type="text"
                           value=""
                         />
@@ -19473,6 +19480,7 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                           class="t-input__control t-input--default"
                           maxlength="-1"
                           placeholder="请输入内容"
+                          spellcheck="false"
                           type="text"
                           value=""
                         />
@@ -19587,6 +19595,7 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                         class="t-input__control t-input--default"
                         maxlength="-1"
                         placeholder="请输入内容"
+                        spellcheck="false"
                         type="text"
                         value=""
                       />
@@ -19619,6 +19628,7 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                         class="t-input__control t-input--default"
                         maxlength="-1"
                         placeholder="请输入内容"
+                        spellcheck="false"
                         type="text"
                         value=""
                       />
@@ -19733,6 +19743,7 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                           class="t-input__control t-input--default"
                           maxlength="-1"
                           placeholder="请输入内容"
+                          spellcheck="false"
                           type="text"
                           value=""
                         />
@@ -19765,6 +19776,7 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                           class="t-input__control t-input--default"
                           maxlength="-1"
                           placeholder="请输入内容"
+                          spellcheck="false"
                           type="text"
                           value=""
                         />
@@ -19880,6 +19892,7 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                           class="t-input__control t-input--default"
                           maxlength="-1"
                           placeholder="请输入内容"
+                          spellcheck="false"
                           type="text"
                           value=""
                         />
@@ -19912,6 +19925,7 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                           class="t-input__control t-input--default"
                           maxlength="-1"
                           placeholder="请输入内容"
+                          spellcheck="false"
                           type="text"
                           value=""
                         />
@@ -20027,6 +20041,7 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                           class="t-input__control t-input--default"
                           maxlength="-1"
                           placeholder="请输入内容"
+                          spellcheck="false"
                           type="text"
                           value=""
                         />
@@ -20059,6 +20074,7 @@ exports[`csr snapshot test > csr test src/guide/_example/index.tsx 1`] = `
                           class="t-input__control t-input--default"
                           maxlength="-1"
                           placeholder="请输入内容"
+                          spellcheck="false"
                           type="text"
                           value=""
                         />
@@ -20207,6 +20223,7 @@ exports[`csr snapshot test > csr test src/guide/_example/no-mask.tsx 1`] = `
                   class="t-input__control t-input--default"
                   maxlength="-1"
                   placeholder="请输入内容"
+                  spellcheck="false"
                   type="text"
                   value=""
                 />
@@ -20239,6 +20256,7 @@ exports[`csr snapshot test > csr test src/guide/_example/no-mask.tsx 1`] = `
                   class="t-input__control t-input--default"
                   maxlength="-1"
                   placeholder="请输入内容"
+                  spellcheck="false"
                   type="text"
                   value=""
                 />
@@ -20341,6 +20359,7 @@ exports[`csr snapshot test > csr test src/guide/_example/popover-dialog.tsx 1`]
                     class="t-input__control t-input--default"
                     maxlength="-1"
                     placeholder="请输入内容"
+                    spellcheck="false"
                     type="text"
                     value=""
                   />
@@ -20373,6 +20392,7 @@ exports[`csr snapshot test > csr test src/guide/_example/popover-dialog.tsx 1`]
                     class="t-input__control t-input--default"
                     maxlength="-1"
                     placeholder="请输入内容"
+                    spellcheck="false"
                     type="text"
                     value=""
                   />
@@ -26252,6 +26272,7 @@ exports[`csr snapshot test > csr test src/input/_example/align.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -26280,6 +26301,7 @@ exports[`csr snapshot test > csr test src/input/_example/align.tsx 1`] = `
           class="t-input__control t-input--center t-input--default"
           maxlength="-1"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -26308,6 +26330,7 @@ exports[`csr snapshot test > csr test src/input/_example/align.tsx 1`] = `
           class="t-input__control t-input--right t-input--default"
           maxlength="-1"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -26341,6 +26364,7 @@ exports[`csr snapshot test > csr test src/input/_example/banner.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -26374,6 +26398,7 @@ exports[`csr snapshot test > csr test src/input/_example/base.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -26402,6 +26427,7 @@ exports[`csr snapshot test > csr test src/input/_example/base.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="请输入文字（选填）"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -26428,6 +26454,7 @@ exports[`csr snapshot test > csr test src/input/_example/base.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -26467,6 +26494,7 @@ exports[`csr snapshot test > csr test src/input/_example/bordered.tsx 1`] = `
             class="t-input__control t-input--default"
             maxlength="-1"
             placeholder="请输入文字"
+            spellcheck="false"
             type="text"
             value=""
           />
@@ -26520,6 +26548,7 @@ exports[`csr snapshot test > csr test src/input/_example/custom.tsx 1`] = `
             class="t-input__control t-input--default"
             maxlength="-1"
             placeholder="请输入文字"
+            spellcheck="false"
             type="text"
             value=""
           />
@@ -26591,6 +26620,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -26619,6 +26649,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="请输入文字（选填）"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -26645,6 +26676,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -26690,6 +26722,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="10"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -26723,6 +26756,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="10"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -26773,6 +26807,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -26817,6 +26852,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="请输入手机号码"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -26860,6 +26896,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -26924,6 +26961,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -26953,6 +26991,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -26997,6 +27036,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
               <input
                 class="t-input__control t-input--default"
                 maxlength="-1"
+                spellcheck="false"
                 type="password"
                 value=""
               />
@@ -27041,6 +27081,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="输入验证码"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -27114,6 +27155,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="请输入手机号码"
+                spellcheck="false"
                 type="text"
                 value="17600600600"
               />
@@ -27163,6 +27205,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--right t-input--default"
                 maxlength="-1"
                 placeholder="0.00"
+                spellcheck="false"
                 type="number"
                 value=""
               />
@@ -27196,6 +27239,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--right t-input--default"
                 maxlength="-1"
                 placeholder="填写个数"
+                spellcheck="false"
                 type="number"
                 value=""
               />
@@ -27251,6 +27295,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--error"
                 maxlength="-1"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value="已输入文字"
               />
@@ -27284,6 +27329,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default t-input__control--disabled"
                 disabled=""
                 maxlength="-1"
+                spellcheck="false"
                 type="text"
                 value="不可编辑文字"
               />
@@ -27329,6 +27375,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -27379,6 +27426,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -27407,6 +27455,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--center t-input--default"
                 maxlength="-1"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -27435,6 +27484,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--right t-input--default"
                 maxlength="-1"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -27480,6 +27530,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -27541,6 +27592,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                 class="t-input__control t-input--default"
                 maxlength="-1"
                 placeholder="请输入文字"
+                spellcheck="false"
                 type="text"
                 value=""
               />
@@ -27592,6 +27644,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                   class="t-input__control t-input--default"
                   maxlength="-1"
                   placeholder="请输入文字"
+                  spellcheck="false"
                   type="text"
                   value=""
                 />
@@ -27657,6 +27710,7 @@ exports[`csr snapshot test > csr test src/input/_example/index.tsx 1`] = `
                   class="t-input__control t-input--default"
                   maxlength="-1"
                   placeholder="请输入文字"
+                  spellcheck="false"
                   type="text"
                   value=""
                 />
@@ -27694,6 +27748,7 @@ exports[`csr snapshot test > csr test src/input/_example/label.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -27727,6 +27782,7 @@ exports[`csr snapshot test > csr test src/input/_example/layout.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -27776,6 +27832,7 @@ exports[`csr snapshot test > csr test src/input/_example/maxLength.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="10"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -27809,6 +27866,7 @@ exports[`csr snapshot test > csr test src/input/_example/maxLength.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="10"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -27850,6 +27908,7 @@ exports[`csr snapshot test > csr test src/input/_example/prefix.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -27879,6 +27938,7 @@ exports[`csr snapshot test > csr test src/input/_example/prefix.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -27911,6 +27971,7 @@ exports[`csr snapshot test > csr test src/input/_example/special.tsx 1`] = `
         <input
           class="t-input__control t-input--default"
           maxlength="-1"
+          spellcheck="false"
           type="password"
           value=""
         />
@@ -27955,6 +28016,7 @@ exports[`csr snapshot test > csr test src/input/_example/special.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="输入验证码"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -28028,6 +28090,7 @@ exports[`csr snapshot test > csr test src/input/_example/special.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="请输入手机号码"
+          spellcheck="false"
           type="text"
           value="17600600600"
         />
@@ -28077,6 +28140,7 @@ exports[`csr snapshot test > csr test src/input/_example/special.tsx 1`] = `
           class="t-input__control t-input--right t-input--default"
           maxlength="-1"
           placeholder="0.00"
+          spellcheck="false"
           type="number"
           value=""
         />
@@ -28110,6 +28174,7 @@ exports[`csr snapshot test > csr test src/input/_example/special.tsx 1`] = `
           class="t-input__control t-input--right t-input--default"
           maxlength="-1"
           placeholder="填写个数"
+          spellcheck="false"
           type="number"
           value=""
         />
@@ -28148,6 +28213,7 @@ exports[`csr snapshot test > csr test src/input/_example/status.tsx 1`] = `
           class="t-input__control t-input--error"
           maxlength="-1"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value="已输入文字"
         />
@@ -28181,6 +28247,7 @@ exports[`csr snapshot test > csr test src/input/_example/status.tsx 1`] = `
           class="t-input__control t-input--default t-input__control--disabled"
           disabled=""
           maxlength="-1"
+          spellcheck="false"
           type="text"
           value="不可编辑文字"
         />
@@ -28214,6 +28281,7 @@ exports[`csr snapshot test > csr test src/input/_example/suffix.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -28258,6 +28326,7 @@ exports[`csr snapshot test > csr test src/input/_example/suffix.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="请输入手机号码"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -28301,6 +28370,7 @@ exports[`csr snapshot test > csr test src/input/_example/suffix.tsx 1`] = `
           class="t-input__control t-input--default"
           maxlength="-1"
           placeholder="请输入文字"
+          spellcheck="false"
           type="text"
           value=""
         />
@@ -66583,21 +66653,21 @@ exports[`ssr snapshot test > ssr test src/grid/_example/index.tsx 1`] = `"<div c
 
 exports[`ssr snapshot test > ssr test src/grid/_example/scroll.tsx 1`] = `"<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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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-body.tsx 1`] = `"<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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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/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 19.5V7.91l-4.5 4.5L5.09 11 12 4.09 18.91 11l-1.41 1.41-4.5-4.5V19.5h-2z"></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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/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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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/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>"`;
 
@@ -66627,31 +66697,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"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--center t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--right t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/align.tsx 1`] = `"<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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--center t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--right t-input--default" 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 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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/banner.tsx 1`] = `"<div class="t-input t-input--layout-horizontal 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 type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字（选填）" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/base.tsx 1`] = `"<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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字（选填）" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></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 t-input--border 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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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 t-input--border 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 type="text" class="t-input__control t-input--default" 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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/index.tsx 1`] = `"<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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字（选填）" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="10"/></div><div class="t-input__tips t-input--left">最大输入10个字符</div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="10"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入手机号码" maxLength="-1"/><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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 2h20v20H2V2zm17.5 18h.5V4H4v16h.5a5 5 0 015-5h5a5 5 0 015 5zM12 7a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 9.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm2 7.5a3 3 0 00-3 3h11a3 3 0 00-3-3h-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"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><div class="t-input t-input--layout-horizontal"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">输入密码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="password" class="t-input__control t-input--default" maxLength="-1"/><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="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="输入验证码" maxLength="-1"/><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-play-state:;animation-direction:;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"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" value="17600600600" class="t-input__control t-input--default" placeholder="请输入手机号码" maxLength="-1"/><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"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="number" class="t-input__control t-input--right t-input--default" placeholder="0.00" maxLength="-1"/><div class="t-input__wrap--suffix">元</div></div></div></div><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 type="number" class="t-input__control t-input--right t-input--default" placeholder="填写个数" maxLength="-1"/><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"><div 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 type="text" value="已输入文字" class="t-input__control t-input--error" placeholder="请输入文字" maxLength="-1"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><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 type="text" value="不可编辑文字" class="t-input__control t-input--default t-input__control--disabled" disabled="" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--center t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--right t-input--default" placeholder="请输入文字" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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 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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></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 t-input--border 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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/index.tsx 1`] = `"<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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字（选填）" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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 2h20v20H2V2zm17.5 18h.5V4H4v16h.5a5 5 0 015-5h5a5 5 0 015 5zM12 7a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 9.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm2 7.5a3 3 0 00-3 3h11a3 3 0 00-3-3h-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"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal"><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 type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">输入密码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="password" class="t-input__control t-input--default" 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="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" 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-play-state:;animation-direction:;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"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" value="17600600600" class="t-input__control t-input--default" placeholder="请输入手机号码" maxLength="-1" spellcheck="false"/><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"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="number" class="t-input__control t-input--right t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">数量</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="number" class="t-input__control t-input--right t-input--default" 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"><div 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 type="text" value="已输入文字" class="t-input__control t-input--error" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><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 type="text" value="不可编辑文字" class="t-input__control t-input--default t-input__control--disabled" disabled="" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--center t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--right t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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 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 type="text" class="t-input__control t-input--default" 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 t-input--border 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 type="text" class="t-input__control t-input--default" 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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/label.tsx 1`] = `"<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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/layout.tsx 1`] = `"<div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="10"/></div><div class="t-input__tips t-input--left">最大输入10个字符</div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="10"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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/prefix.tsx 1`] = `"<div class="t-input t-input--layout-horizontal"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><div class="t-input t-input--layout-horizontal"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/prefix.tsx 1`] = `"<div class="t-input t-input--layout-horizontal"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/special.tsx 1`] = `"<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 type="password" class="t-input__control t-input--default" maxLength="-1"/><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="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="输入验证码" maxLength="-1"/><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-play-state:;animation-direction:;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"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" value="17600600600" class="t-input__control t-input--default" placeholder="请输入手机号码" maxLength="-1"/><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"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="number" class="t-input__control t-input--right t-input--default" placeholder="0.00" maxLength="-1"/><div class="t-input__wrap--suffix">元</div></div></div></div><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 type="number" class="t-input__control t-input--right t-input--default" placeholder="填写个数" maxLength="-1"/><div class="t-input__wrap--suffix">个</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/special.tsx 1`] = `"<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 type="password" class="t-input__control t-input--default" 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="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" 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-play-state:;animation-direction:;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"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" value="17600600600" class="t-input__control t-input--default" placeholder="请输入手机号码" maxLength="-1" spellcheck="false"/><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"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="number" class="t-input__control t-input--right t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">数量</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="number" class="t-input__control t-input--right t-input--default" placeholder="填写个数" maxLength="-1" spellcheck="false"/><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"><div 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 type="text" value="已输入文字" class="t-input__control t-input--error" placeholder="请输入文字" maxLength="-1"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><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 type="text" value="不可编辑文字" class="t-input__control t-input--default t-input__control--disabled" disabled="" maxLength="-1"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/status.tsx 1`] = `"<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--error"><input type="text" value="已输入文字" class="t-input__control t-input--error" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><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 type="text" value="不可编辑文字" class="t-input__control t-input--default t-input__control--disabled" disabled="" maxLength="-1" spellcheck="false"/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/suffix.tsx 1`] = `"<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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入手机号码" maxLength="-1"/><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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 2h20v20H2V2zm17.5 18h.5V4H4v16h.5a5 5 0 015-5h5a5 5 0 015 5zM12 7a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 9.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm2 7.5a3 3 0 00-3 3h11a3 3 0 00-3-3h-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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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 2h20v20H2V2zm17.5 18h.5V4H4v16h.5a5 5 0 015-5h5a5 5 0 015 5zM12 7a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 9.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm2 7.5a3 3 0 00-3 3h11a3 3 0 00-3-3h-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 80e9404f..46cb483d 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -136,21 +136,21 @@ exports[`ssr snapshot test > ssr test src/grid/_example/index.tsx 1`] = `"<div c
 
 exports[`ssr snapshot test > ssr test src/grid/_example/scroll.tsx 1`] = `"<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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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-play-state:;animation-direction:;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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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-body.tsx 1`] = `"<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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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/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 19.5V7.91l-4.5 4.5L5.09 11 12 4.09 18.91 11l-1.41 1.41-4.5-4.5V19.5h-2z"></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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/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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入内容" maxLength="-1" spellcheck="false"/></div></div></div></div><div class="field"><div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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/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>"`;
 
@@ -180,31 +180,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"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--center t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--right t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/align.tsx 1`] = `"<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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--center t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--right t-input--default" 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 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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/banner.tsx 1`] = `"<div class="t-input t-input--layout-horizontal 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 type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字（选填）" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/base.tsx 1`] = `"<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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字（选填）" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></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 t-input--border 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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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 t-input--border 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 type="text" class="t-input__control t-input--default" 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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/index.tsx 1`] = `"<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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字（选填）" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="10"/></div><div class="t-input__tips t-input--left">最大输入10个字符</div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="10"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入手机号码" maxLength="-1"/><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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 2h20v20H2V2zm17.5 18h.5V4H4v16h.5a5 5 0 015-5h5a5 5 0 015 5zM12 7a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 9.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm2 7.5a3 3 0 00-3 3h11a3 3 0 00-3-3h-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"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><div class="t-input t-input--layout-horizontal"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">输入密码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="password" class="t-input__control t-input--default" maxLength="-1"/><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="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="输入验证码" maxLength="-1"/><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-play-state:;animation-direction:;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"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" value="17600600600" class="t-input__control t-input--default" placeholder="请输入手机号码" maxLength="-1"/><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"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="number" class="t-input__control t-input--right t-input--default" placeholder="0.00" maxLength="-1"/><div class="t-input__wrap--suffix">元</div></div></div></div><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 type="number" class="t-input__control t-input--right t-input--default" placeholder="填写个数" maxLength="-1"/><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"><div 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 type="text" value="已输入文字" class="t-input__control t-input--error" placeholder="请输入文字" maxLength="-1"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><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 type="text" value="不可编辑文字" class="t-input__control t-input--default t-input__control--disabled" disabled="" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--center t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><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 type="text" class="t-input__control t-input--right t-input--default" placeholder="请输入文字" maxLength="-1"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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 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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></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 t-input--border 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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/index.tsx 1`] = `"<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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字（选填）" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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 2h20v20H2V2zm17.5 18h.5V4H4v16h.5a5 5 0 015-5h5a5 5 0 015 5zM12 7a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 9.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm2 7.5a3 3 0 00-3 3h11a3 3 0 00-3-3h-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"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal"><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 type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">输入密码</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="password" class="t-input__control t-input--default" 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="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" 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-play-state:;animation-direction:;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"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" value="17600600600" class="t-input__control t-input--default" placeholder="请输入手机号码" maxLength="-1" spellcheck="false"/><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"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="number" class="t-input__control t-input--right t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">数量</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="number" class="t-input__control t-input--right t-input--default" 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"><div 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 type="text" value="已输入文字" class="t-input__control t-input--error" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><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 type="text" value="不可编辑文字" class="t-input__control t-input--default t-input__control--disabled" disabled="" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">左对齐</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--center t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><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 type="text" class="t-input__control t-input--right t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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 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 type="text" class="t-input__control t-input--default" 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 t-input--border 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 type="text" class="t-input__control t-input--default" 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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签超长时最多十个字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/label.tsx 1`] = `"<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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/layout.tsx 1`] = `"<div class="t-input t-input--layout-vertical"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="10"/></div><div class="t-input__tips t-input--left">最大输入10个字符</div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="10"/></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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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/prefix.tsx 1`] = `"<div class="t-input t-input--layout-horizontal"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div><div class="t-input t-input--layout-horizontal"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/prefix.tsx 1`] = `"<div class="t-input t-input--layout-horizontal"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div><div class="t-input t-input--layout-horizontal"><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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/special.tsx 1`] = `"<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 type="password" class="t-input__control t-input--default" maxLength="-1"/><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="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="输入验证码" maxLength="-1"/><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-play-state:;animation-direction:;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"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" value="17600600600" class="t-input__control t-input--default" placeholder="请输入手机号码" maxLength="-1"/><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"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="number" class="t-input__control t-input--right t-input--default" placeholder="0.00" maxLength="-1"/><div class="t-input__wrap--suffix">元</div></div></div></div><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 type="number" class="t-input__control t-input--right t-input--default" placeholder="填写个数" maxLength="-1"/><div class="t-input__wrap--suffix">个</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/special.tsx 1`] = `"<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 type="password" class="t-input__control t-input--default" 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="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" 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-play-state:;animation-direction:;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"><div class="t-input__wrap--prefix"><div class="t-input__label">手机号</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" value="17600600600" class="t-input__control t-input--default" placeholder="请输入手机号码" maxLength="-1" spellcheck="false"/><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"><div class="t-input__wrap--prefix"><div class="t-input__label">价格</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="number" class="t-input__control t-input--right t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">数量</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="number" class="t-input__control t-input--right t-input--default" placeholder="填写个数" maxLength="-1" spellcheck="false"/><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"><div 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 type="text" value="已输入文字" class="t-input__control t-input--error" placeholder="请输入文字" maxLength="-1"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><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 type="text" value="不可编辑文字" class="t-input__control t-input--default t-input__control--disabled" disabled="" maxLength="-1"/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/status.tsx 1`] = `"<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--error"><input type="text" value="已输入文字" class="t-input__control t-input--error" placeholder="请输入文字" maxLength="-1" spellcheck="false"/></div><div class="t-input__tips t-input--left">辅助说明</div></div></div><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 type="text" value="不可编辑文字" class="t-input__control t-input--default t-input__control--disabled" disabled="" maxLength="-1" spellcheck="false"/></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/suffix.tsx 1`] = `"<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 type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" placeholder="请输入手机号码" maxLength="-1"/><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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" placeholder="请输入文字" maxLength="-1"/><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 2h20v20H2V2zm17.5 18h.5V4H4v16h.5a5 5 0 015-5h5a5 5 0 015 5zM12 7a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 9.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm2 7.5a3 3 0 00-3 3h11a3 3 0 00-3-3h-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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg></div></div></div></div><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 type="text" class="t-input__control t-input--default" 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"><div class="t-input__wrap--prefix"><div class="t-input__label">标签文字</div></div><div class="t-input__wrap"><div class="t-input__content t-input--default"><input type="text" class="t-input__control t-input--default" 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 2h20v20H2V2zm17.5 18h.5V4H4v16h.5a5 5 0 015-5h5a5 5 0 015 5zM12 7a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 9.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm2 7.5a3 3 0 00-3 3h11a3 3 0 00-3-3h-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>"`;