diff --git a/src/_common b/src/_common
index 66f691905..77c73b67e 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 66f691905acb4751be59a675e52e9b50b7167931
+Subproject commit 77c73b67e2d69fa22a830f20ec576d36829f71ba
diff --git a/src/date-picker/__tests__/__snapshots__/date-picker.test.tsx.snap b/src/date-picker/__tests__/__snapshots__/date-picker.test.tsx.snap
index ec84ce6db..c17e63186 100644
--- a/src/date-picker/__tests__/__snapshots__/date-picker.test.tsx.snap
+++ b/src/date-picker/__tests__/__snapshots__/date-picker.test.tsx.snap
@@ -73,7 +73,7 @@ exports[`custom-icon.jsx 1`] = `
               class="t-input t-is-readonly t-input--prefix t-input--suffix"
             >
               <span
-                class="t-input__prefix t-input__suffix-icon"
+                class="t-input__prefix t-input__prefix-icon"
               >
                 <svg
                   class="t-icon t-icon-browse"
diff --git a/src/form/__tests__/__snapshots__/form.test.tsx.snap b/src/form/__tests__/__snapshots__/form.test.tsx.snap
index b68a77507..93d84bf3f 100644
--- a/src/form/__tests__/__snapshots__/form.test.tsx.snap
+++ b/src/form/__tests__/__snapshots__/form.test.tsx.snap
@@ -557,13 +557,35 @@ exports[`clear-validate.jsx 1`] = `
             class="t-input__wrap"
           >
             <div
-              class="t-input"
+              class="t-input t-input--suffix"
             >
               <input
                 class="t-input__inner"
                 type="password"
                 value=""
               />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-browse-off t-input__suffix-clear"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                  <path
+                    d="M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
+              </span>
             </div>
           </div>
         </div>
@@ -2011,13 +2033,35 @@ exports[`error-message.jsx 1`] = `
               class="t-input__wrap"
             >
               <div
-                class="t-input"
+                class="t-input t-input--suffix"
               >
                 <input
                   class="t-input__inner"
                   type="password"
                   value=""
                 />
+                <span
+                  class="t-input__suffix t-input__suffix-icon"
+                >
+                  <svg
+                    class="t-icon t-icon-browse-off t-input__suffix-clear"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 16 16"
+                    width="1em"
+                  >
+                    <path
+                      d="M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z"
+                      fill="currentColor"
+                      fill-opacity="0.9"
+                    />
+                    <path
+                      d="M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z"
+                      fill="currentColor"
+                      fill-opacity="0.9"
+                    />
+                  </svg>
+                </span>
               </div>
             </div>
           </div>
@@ -2542,7 +2586,7 @@ exports[`login.jsx 1`] = `
                 class="t-input t-input--prefix"
               >
                 <span
-                  class="t-input__prefix t-input__suffix-icon"
+                  class="t-input__prefix t-input__prefix-icon"
                 >
                   <svg
                     class="t-icon t-icon-desktop"
@@ -2581,10 +2625,10 @@ exports[`login.jsx 1`] = `
               class="t-input__wrap"
             >
               <div
-                class="t-input t-input--prefix"
+                class="t-input t-input--prefix t-input--suffix"
               >
                 <span
-                  class="t-input__prefix t-input__suffix-icon"
+                  class="t-input__prefix t-input__prefix-icon"
                 >
                   <svg
                     class="t-icon t-icon-lock-on"
@@ -2611,6 +2655,28 @@ exports[`login.jsx 1`] = `
                   type="password"
                   value=""
                 />
+                <span
+                  class="t-input__suffix t-input__suffix-icon"
+                >
+                  <svg
+                    class="t-icon t-icon-browse-off t-input__suffix-clear"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 16 16"
+                    width="1em"
+                  >
+                    <path
+                      d="M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z"
+                      fill="currentColor"
+                      fill-opacity="0.9"
+                    />
+                    <path
+                      d="M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z"
+                      fill="currentColor"
+                      fill-opacity="0.9"
+                    />
+                  </svg>
+                </span>
               </div>
             </div>
           </div>
@@ -3789,13 +3855,35 @@ exports[`validate-message.jsx 1`] = `
             class="t-input__wrap"
           >
             <div
-              class="t-input"
+              class="t-input t-input--suffix"
             >
               <input
                 class="t-input__inner"
                 type="password"
                 value=""
               />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-browse-off t-input__suffix-clear"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                  <path
+                    d="M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
+              </span>
             </div>
           </div>
         </div>
diff --git a/src/input/Input.tsx b/src/input/Input.tsx
index 708eaa7c0..a47b7fe05 100644
--- a/src/input/Input.tsx
+++ b/src/input/Input.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useRef, useImperativeHandle, useEffect } from 'react';
 import classNames from 'classnames';
-import { CloseCircleFilledIcon } from 'tdesign-icons-react';
+import { CloseCircleFilledIcon, BrowseOffIcon, BrowseIcon } from 'tdesign-icons-react';
 import isFunction from 'lodash/isFunction';
 import forwardRefWithStatics from '../_util/forwardRefWithStatics';
 import useConfig from '../_util/useConfig';
@@ -27,7 +27,7 @@ const renderIcon = (classPrefix: string, type: 'prefix' | 'suffix', icon: TNode)
 
   if (typeof icon === 'function') result = icon();
 
-  const iconClassName = icon ? `${classPrefix}-input__suffix-icon` : '';
+  const iconClassName = icon ? `${classPrefix}-input__${type}-icon` : '';
 
   if (result) {
     result = <span className={`${classPrefix}-input__${type} ${iconClassName}`}>{result}</span>;
@@ -39,6 +39,7 @@ const renderIcon = (classPrefix: string, type: 'prefix' | 'suffix', icon: TNode)
 const Input = forwardRefWithStatics(
   (props: InputProps, ref) => {
     const {
+      type,
       autoWidth,
       placeholder,
       disabled,
@@ -87,32 +88,30 @@ const Input = forwardRefWithStatics(
     const wrapperRef: React.RefObject<HTMLDivElement> = useRef();
     const [isHover, toggleIsHover] = useState(false);
     const [isFocused, toggleIsFocused] = useState(false);
+    const [renderType, setRenderType] = useState(type);
 
     const [composingRefValue, setComposingValue] = useState<string>('');
     const isShowClearIcon = ((clearable && value && !disabled) || showClearIconOnEmpty) && isHover;
 
     const prefixIconContent = renderIcon(classPrefix, 'prefix', prefixIcon);
-    const suffixIconNew = isShowClearIcon ? (
-      <CloseCircleFilledIcon className={`${classPrefix}-input__suffix-clear`} onClick={handleClear} />
-    ) : (
-      suffixIcon
-    );
+    let suffixIconNew = suffixIcon;
+
+    if (isShowClearIcon)
+      suffixIconNew = <CloseCircleFilledIcon className={`${classPrefix}-input__suffix-clear`} onClick={handleClear} />;
+    if (type === 'password') {
+      if (renderType === 'password') {
+        suffixIconNew = (
+          <BrowseOffIcon className={`${classPrefix}-input__suffix-clear`} onClick={togglePasswordVisible} />
+        );
+      } else if (renderType === 'text') {
+        suffixIconNew = <BrowseIcon className={`${classPrefix}-input__suffix-clear`} onClick={togglePasswordVisible} />;
+      }
+    }
+
     const suffixIconContent = renderIcon(classPrefix, 'suffix', suffixIconNew);
     const labelContent = isFunction(label) ? label() : label;
     const suffixContent = isFunction(suffix) ? suffix() : suffix;
 
-    const inputPropsNames = Object.keys(restProps).filter((key) => !/^on[A-Z]/.test(key));
-    const inputProps = inputPropsNames.reduce((inputProps, key) => Object.assign(inputProps, { [key]: props[key] }), {
-      className: '',
-    });
-    const eventPropsNames = Object.keys(restProps).filter((key) => /^on[A-Z]/.test(key));
-    const eventProps = eventPropsNames.reduce((eventProps, key) => {
-      Object.assign(eventProps, {
-        [key]: (e: any) => props[key](e.currentTarget.value, { e }),
-      });
-      return eventProps;
-    }, {});
-
     useEffect(() => {
       if (!autoWidth) return;
       inputRef.current.style.width = `${inputPreRef.current.offsetWidth}px`;
@@ -122,9 +121,8 @@ const Input = forwardRefWithStatics(
       <input
         ref={inputRef}
         placeholder={placeholder}
-        {...inputProps}
-        {...eventProps}
-        className={classNames(inputProps.className, `${classPrefix}-input__inner`)}
+        type={renderType}
+        className={`${classPrefix}-input__inner`}
         value={composingRef.current ? composingRefValue : value}
         readOnly={readonly}
         disabled={disabled}
@@ -145,7 +143,7 @@ const Input = forwardRefWithStatics(
 
     const renderInputNode = (
       <div
-        className={classNames(`${classPrefix}-input`, {
+        className={classNames(className, `${classPrefix}-input`, {
           [`${classPrefix}-is-readonly`]: readonly,
           [`${classPrefix}-is-disabled`]: disabled,
           [`${classPrefix}-is-focused`]: isFocused,
@@ -175,6 +173,11 @@ const Input = forwardRefWithStatics(
       </div>
     );
 
+    function togglePasswordVisible() {
+      const toggleType = renderType === 'password' ? 'text' : 'password';
+      setRenderType(toggleType);
+    }
+
     function handleChange(e: React.ChangeEvent<HTMLInputElement> | React.CompositionEvent<HTMLInputElement>) {
       let { value } = e.currentTarget;
       if (composingRef.current) {
@@ -279,9 +282,10 @@ const Input = forwardRefWithStatics(
       <div
         ref={wrapperRef}
         style={style}
-        className={classNames(className, `${classPrefix}-input__wrap`, {
+        className={classNames(`${classPrefix}-input__wrap`, {
           [`${classPrefix}-input--auto-width`]: autoWidth,
         })}
+        {...restProps}
       >
         {renderInputNode}
         {tips && (
diff --git a/src/input/InputGroup.tsx b/src/input/InputGroup.tsx
index fe6062ab8..45aa59fb2 100644
--- a/src/input/InputGroup.tsx
+++ b/src/input/InputGroup.tsx
@@ -7,17 +7,17 @@ export interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
    * 是否拆分
    * @default false
    */
-  seperate?: boolean;
+  separate?: boolean;
 }
 
 const InputGroup = forwardRef((props: InputGroupProps, ref: React.Ref<HTMLDivElement>) => {
   const { classPrefix } = useConfig();
-  const { seperate, children, className, ...wrapperProps } = props;
+  const { separate, children, className, ...wrapperProps } = props;
   return (
     <div
       ref={ref}
       className={classNames(className, `${classPrefix}-input-group`, {
-        [`${classPrefix}-input-group--seperate`]: seperate,
+        [`${classPrefix}-input-group--separate`]: separate,
       })}
       {...wrapperProps}
     >
diff --git a/src/input/__tests__/__snapshots__/input.test.tsx.snap b/src/input/__tests__/__snapshots__/input.test.tsx.snap
index fb68dbf4c..38ebb92ab 100644
--- a/src/input/__tests__/__snapshots__/input.test.tsx.snap
+++ b/src/input/__tests__/__snapshots__/input.test.tsx.snap
@@ -73,7 +73,7 @@ exports[`Input 组件测试 prefixIcon is function 1`] = `
       class="t-input t-input--prefix"
     >
       <span
-        class="t-input__prefix t-input__suffix-icon"
+        class="t-input__prefix t-input__prefix-icon"
       >
         <span>
           prefixIcon
@@ -98,7 +98,7 @@ exports[`Input 组件测试 prefixIcon suffixIcon 1`] = `
       class="t-input t-input--prefix t-input--suffix"
     >
       <span
-        class="t-input__prefix t-input__suffix-icon"
+        class="t-input__prefix t-input__prefix-icon"
       >
         <svg
           class="t-icon t-icon-lock-on"
@@ -129,14 +129,19 @@ exports[`Input 组件测试 prefixIcon suffixIcon 1`] = `
         class="t-input__suffix t-input__suffix-icon"
       >
         <svg
-          class="t-icon t-icon-error-circle-filled"
+          class="t-icon t-icon-browse-off t-input__suffix-clear"
           fill="none"
           height="1em"
           viewBox="0 0 16 16"
           width="1em"
         >
           <path
-            d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+            d="M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z"
+            fill="currentColor"
+            fill-opacity="0.9"
+          />
+          <path
+            d="M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z"
             fill="currentColor"
             fill-opacity="0.9"
           />
@@ -384,6 +389,35 @@ exports[`group.jsx 1`] = `
   <div
     class="tdesign-demo-item--input__input-box"
   >
+    <div
+      class="t-input-group t-input-group--separate"
+    >
+      <div
+        class="t-input__wrap"
+        style="width: 100px;"
+      >
+        <div
+          class="t-input"
+        >
+          <input
+            class="t-input__inner"
+            value="0731"
+          />
+        </div>
+      </div>
+      <div
+        class="t-input__wrap"
+      >
+        <div
+          class="t-input"
+        >
+          <input
+            class="t-input__inner"
+            value="12345677"
+          />
+        </div>
+      </div>
+    </div>
     <div
       class="t-input-group"
     >
@@ -395,7 +429,6 @@ exports[`group.jsx 1`] = `
         >
           <input
             class="t-input__inner"
-            placeholder="姓"
             value=""
           />
         </div>
@@ -408,37 +441,67 @@ exports[`group.jsx 1`] = `
         >
           <input
             class="t-input__inner"
-            placeholder="名"
             value=""
           />
         </div>
       </div>
     </div>
     <div
-      class="t-input-group t-input-group--seperate"
+      class="t-input-group t-input-group--separate"
     >
       <div
         class="t-input__wrap"
+        style="width: 100px;"
       >
         <div
           class="t-input"
         >
           <input
             class="t-input__inner"
-            placeholder="姓"
-            value=""
+            value="0731"
           />
         </div>
       </div>
+      <span
+        style="line-height: 32px;"
+      >
+         - 
+      </span>
       <div
         class="t-input__wrap"
+        style="width: 100px;"
+      >
+        <div
+          class="t-input"
+        >
+          <input
+            class="t-input__inner"
+            value="12345"
+          />
+        </div>
+      </div>
+      <div
+        class="t-input__wrap"
+        style="width: 100px;"
+      >
+        <div
+          class="t-input"
+        >
+          <input
+            class="t-input__inner"
+            value="678901"
+          />
+        </div>
+      </div>
+      <div
+        class="t-input__wrap"
+        style="width: 100px;"
       >
         <div
           class="t-input"
         >
           <input
             class="t-input__inner"
-            placeholder="名"
             value=""
           />
         </div>
@@ -487,7 +550,7 @@ exports[`password.jsx 1`] = `
         class="t-input t-input--prefix t-input--suffix"
       >
         <span
-          class="t-input__prefix t-input__suffix-icon"
+          class="t-input__prefix t-input__prefix-icon"
         >
           <svg
             class="t-icon t-icon-lock-on"
@@ -510,7 +573,7 @@ exports[`password.jsx 1`] = `
         </span>
         <input
           class="t-input__inner"
-          placeholder="请输入内容"
+          placeholder="请输入"
           type="password"
           value=""
         />
@@ -518,14 +581,19 @@ exports[`password.jsx 1`] = `
           class="t-input__suffix t-input__suffix-icon"
         >
           <svg
-            class="t-icon t-icon-error-circle-filled"
+            class="t-icon t-icon-browse-off t-input__suffix-clear"
             fill="none"
             height="1em"
             viewBox="0 0 16 16"
             width="1em"
           >
             <path
-              d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+              d="M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z"
+              fill="currentColor"
+              fill-opacity="0.9"
+            />
+            <path
+              d="M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z"
               fill="currentColor"
               fill-opacity="0.9"
             />
@@ -540,7 +608,7 @@ exports[`password.jsx 1`] = `
         class="t-input t-input--prefix t-input--suffix"
       >
         <span
-          class="t-input__prefix t-input__suffix-icon"
+          class="t-input__prefix t-input__prefix-icon"
         >
           <svg
             class="t-icon t-icon-lock-on"
@@ -563,7 +631,7 @@ exports[`password.jsx 1`] = `
         </span>
         <input
           class="t-input__inner"
-          placeholder="请输入内容"
+          placeholder="请输入"
           type="password"
           value=""
         />
@@ -571,14 +639,19 @@ exports[`password.jsx 1`] = `
           class="t-input__suffix t-input__suffix-icon"
         >
           <svg
-            class="t-icon t-icon-error-circle-filled"
+            class="t-icon t-icon-browse-off t-input__suffix-clear"
             fill="none"
             height="1em"
             viewBox="0 0 16 16"
             width="1em"
           >
             <path
-              d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+              d="M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z"
+              fill="currentColor"
+              fill-opacity="0.9"
+            />
+            <path
+              d="M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z"
               fill="currentColor"
               fill-opacity="0.9"
             />
@@ -789,7 +862,7 @@ exports[`textarea.jsx 1`] = `
         class="t-input t-input--prefix t-input--suffix"
       >
         <span
-          class="t-input__prefix t-input__suffix-icon"
+          class="t-input__prefix t-input__prefix-icon"
         >
           <svg
             class="t-icon t-icon-search"
diff --git a/src/input/_example/group.jsx b/src/input/_example/group.jsx
index be5565ead..7969c23a4 100644
--- a/src/input/_example/group.jsx
+++ b/src/input/_example/group.jsx
@@ -2,41 +2,22 @@ import React, { useState } from 'react';
 import { Input } from 'tdesign-react';
 
 export default function InputExample() {
-  const [value1, onChange1] = useState('');
-  const [value2, onChange2] = useState('');
   return (
     <div className="tdesign-demo-item--input__input-box">
-      <Input.Group>
-        <Input
-          placeholder="姓"
-          value={value1}
-          onChange={(value) => {
-            onChange1(value);
-          }}
-        />
-        <Input
-          placeholder="名"
-          value={value2}
-          onChange={(value) => {
-            onChange2(value);
-          }}
-        />
+      <Input.Group separate>
+        <Input defaultValue="0731" style={{ width: 100 }} />
+        <Input defaultValue="12345677" />
       </Input.Group>
       <Input.Group seperate>
-        <Input
-          placeholder="姓"
-          value={value1}
-          onChange={(value) => {
-            onChange1(value);
-          }}
-        />
-        <Input
-          placeholder="名"
-          value={value2}
-          onChange={(value) => {
-            onChange2(value);
-          }}
-        />
+        <Input />
+        <Input />
+      </Input.Group>
+      <Input.Group separate>
+        <Input style={{ width: 100 }} defaultValue="0731" />
+        <span style={{ lineHeight: '32px' }}>&nbsp;-&nbsp;</span>
+        <Input style={{ width: 100 }} defaultValue="12345" />
+        <Input style={{ width: 100 }} defaultValue="678901" />
+        <Input style={{ width: 100 }} />
       </Input.Group>
     </div>
   );
diff --git a/src/input/_example/password.jsx b/src/input/_example/password.jsx
index 522059ddc..86644341d 100644
--- a/src/input/_example/password.jsx
+++ b/src/input/_example/password.jsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Input } from 'tdesign-react';
-import { LockOnIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';
+import { LockOnIcon } from 'tdesign-icons-react';
 
 export default function InputExample() {
   const [value, onChange] = useState('');
@@ -8,8 +8,7 @@ export default function InputExample() {
     <div className="tdesign-demo-item--input__input-box">
       <Input
         prefixIcon={<LockOnIcon />}
-        suffixIcon={<ErrorCircleFilledIcon />}
-        placeholder="请输入内容"
+        placeholder="请输入"
         value={value}
         type="password"
         onChange={(value) => {
@@ -18,8 +17,7 @@ export default function InputExample() {
       />
       <Input
         prefixIcon={<LockOnIcon />}
-        suffixIcon={<ErrorCircleFilledIcon />}
-        placeholder="请输入内容"
+        placeholder="请输入"
         value={value}
         type="password"
         onChange={(value) => {
diff --git a/src/select/__tests__/__snapshots__/select.test.tsx.snap b/src/select/__tests__/__snapshots__/select.test.tsx.snap
index a7736690b..2f204fd68 100644
--- a/src/select/__tests__/__snapshots__/select.test.tsx.snap
+++ b/src/select/__tests__/__snapshots__/select.test.tsx.snap
@@ -64,10 +64,10 @@ exports[`collapsed.jsx 1`] = `
       class="t-popup__reference t-select t-select-input t-select-input--multiple"
     >
       <div
-        class="t-tag-input t-tag-input--break-line t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-input--prefix t-input--suffix"
+          class="t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix"
         >
           <div
             class="t-input__prefix"
@@ -242,10 +242,10 @@ exports[`custom-selected.jsx 1`] = `
         class="t-popup__reference t-select t-select-input t-select-input--multiple"
       >
         <div
-          class="t-tag-input t-tag-input--break-line t-input__wrap"
+          class="t-input__wrap"
         >
           <div
-            class="t-input t-input--prefix t-input--suffix"
+            class="t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix"
           >
             <div
               class="t-input__prefix"
@@ -497,10 +497,10 @@ exports[`keys.jsx 1`] = `
       class="t-popup__reference t-select t-select-input t-select-input--multiple"
     >
       <div
-        class="t-tag-input t-tag-input--break-line t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-input--prefix t-input--suffix"
+          class="t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix"
         >
           <div
             class="t-input__prefix"
@@ -658,10 +658,10 @@ exports[`label-in-value.jsx 1`] = `
         class="t-popup__reference t-select t-select-input t-select-input--multiple"
       >
         <div
-          class="t-tag-input t-tag-input--break-line t-input__wrap"
+          class="t-input__wrap"
         >
           <div
-            class="t-input t-input--prefix t-input--suffix"
+            class="t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix"
           >
             <div
               class="t-input__prefix"
@@ -727,10 +727,10 @@ exports[`max.jsx 1`] = `
       class="t-popup__reference t-select t-select-input t-select-input--multiple"
     >
       <div
-        class="t-tag-input t-tag-input--break-line t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-input--prefix t-input--suffix"
+          class="t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix"
         >
           <div
             class="t-input__prefix"
@@ -795,10 +795,10 @@ exports[`multiple.jsx 1`] = `
       class="t-popup__reference t-select t-select-input t-select-input--multiple"
     >
       <div
-        class="t-tag-input t-tag-input--break-line t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-input--prefix t-input--suffix"
+          class="t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix"
         >
           <div
             class="t-input__prefix"
diff --git a/src/time-picker/__tests__/__snapshots__/time-picker.test.tsx.snap b/src/time-picker/__tests__/__snapshots__/time-picker.test.tsx.snap
index ac300024a..876e41284 100644
--- a/src/time-picker/__tests__/__snapshots__/time-picker.test.tsx.snap
+++ b/src/time-picker/__tests__/__snapshots__/time-picker.test.tsx.snap
@@ -9,10 +9,10 @@ exports[`disabled.jsx 1`] = `
       class="t-is-disabled t-time-picker"
     >
       <div
-        class="t-time-picker__group t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-is-readonly t-is-disabled t-input--suffix"
+          class="t-time-picker__group t-input t-is-readonly t-is-disabled t-input--suffix"
         >
           <input
             class="t-input__inner"
@@ -63,10 +63,10 @@ exports[`hide-clear-button.jsx 1`] = `
       class="t-time-picker"
     >
       <div
-        class="t-time-picker__group t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-is-readonly t-input--suffix"
+          class="t-time-picker__group t-input t-is-readonly t-input--suffix"
         >
           <input
             class="t-input__inner"
@@ -145,10 +145,10 @@ exports[`hide-clear-button.jsx 1`] = `
       class="t-time-picker"
     >
       <div
-        class="t-time-picker__group t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-is-readonly t-input--suffix"
+          class="t-time-picker__group t-input t-is-readonly t-input--suffix"
         >
           <input
             class="t-input__inner"
@@ -226,10 +226,10 @@ exports[`hm.jsx 1`] = `
       class="t-time-picker"
     >
       <div
-        class="t-time-picker__group t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-is-readonly t-input--suffix"
+          class="t-time-picker__group t-input t-is-readonly t-input--suffix"
         >
           <input
             class="t-input__inner"
@@ -275,10 +275,10 @@ exports[`hms.jsx 1`] = `
       class="t-time-picker"
     >
       <div
-        class="t-time-picker__group t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-is-readonly t-input--suffix"
+          class="t-time-picker__group t-input t-is-readonly t-input--suffix"
         >
           <input
             class="t-input__inner"
@@ -324,10 +324,10 @@ exports[`keyboard.jsx 1`] = `
       class="t-time-picker"
     >
       <div
-        class="t-time-picker__group t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-is-readonly t-input--suffix"
+          class="t-time-picker__group t-input t-is-readonly t-input--suffix"
         >
           <input
             class="t-input__inner"
@@ -402,10 +402,10 @@ exports[`range.jsx 1`] = `
       class="t-time-picker"
     >
       <div
-        class="t-time-picker__group t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-is-readonly t-input--suffix"
+          class="t-time-picker__group t-input t-is-readonly t-input--suffix"
         >
           <input
             class="t-input__inner"
@@ -451,10 +451,10 @@ exports[`show-steps.jsx 1`] = `
       class="t-time-picker"
     >
       <div
-        class="t-time-picker__group t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-is-readonly t-input--suffix"
+          class="t-time-picker__group t-input t-is-readonly t-input--suffix"
         >
           <input
             class="t-input__inner"
@@ -500,10 +500,10 @@ exports[`twelve-hour-meridian.jsx 1`] = `
       class="t-time-picker"
     >
       <div
-        class="t-time-picker__group t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-is-readonly t-input--suffix"
+          class="t-time-picker__group t-input t-is-readonly t-input--suffix"
         >
           <input
             class="t-input__inner"
diff --git a/src/tree-select/__tests__/__snapshots__/tree-select.test.tsx.snap b/src/tree-select/__tests__/__snapshots__/tree-select.test.tsx.snap
index 4caad849f..8859b1212 100644
--- a/src/tree-select/__tests__/__snapshots__/tree-select.test.tsx.snap
+++ b/src/tree-select/__tests__/__snapshots__/tree-select.test.tsx.snap
@@ -58,10 +58,10 @@ exports[`collapsed.jsx 1`] = `
       class="t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple"
     >
       <div
-        class="t-tag-input t-tag-input--break-line t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-input--prefix t-input--suffix"
+          class="t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix"
         >
           <div
             class="t-input__prefix"
@@ -121,10 +121,10 @@ exports[`collapsed.jsx 1`] = `
       class="t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple"
     >
       <div
-        class="t-tag-input t-tag-input--break-line t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-input--prefix t-input--suffix"
+          class="t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix"
         >
           <div
             class="t-input__prefix"
@@ -284,10 +284,10 @@ exports[`filterable.jsx 1`] = `
       class="t-popup__reference t-tree-select t-select-input t-select-input--multiple t-select-input--empty"
     >
       <div
-        class="t-tag-input t-tag-input--break-line t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-input--prefix t-input--suffix"
+          class="t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix"
         >
           <div
             class="t-input__prefix"
@@ -381,10 +381,10 @@ exports[`multiple.jsx 1`] = `
       class="t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple"
     >
       <div
-        class="t-tag-input t-tag-input--break-line t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-input--prefix t-input--suffix"
+          class="t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix"
         >
           <div
             class="t-input__prefix"
@@ -620,10 +620,10 @@ exports[`valuedisplay.jsx 1`] = `
       class="t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple"
     >
       <div
-        class="t-tag-input t-tag-input--break-line t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-input--prefix t-input--suffix"
+          class="t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix"
         >
           <div
             class="t-input__prefix"
@@ -746,10 +746,10 @@ exports[`valuetype.jsx 1`] = `
       class="t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple"
     >
       <div
-        class="t-tag-input t-tag-input--break-line t-input__wrap"
+        class="t-input__wrap"
       >
         <div
-          class="t-input t-input--prefix t-input--suffix"
+          class="t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix"
         >
           <div
             class="t-input__prefix"
diff --git a/test/ssr/__snapshots__/ssr.test.js.snap b/test/ssr/__snapshots__/ssr.test.js.snap
index 4f3b66257..952707fab 100644
--- a/test/ssr/__snapshots__/ssr.test.js.snap
+++ b/test/ssr/__snapshots__/ssr.test.js.snap
@@ -174,7 +174,7 @@ exports[`ssr snapshot test renders ./src/comment/_example/reply-form.jsx correct
 
 exports[`ssr snapshot test renders ./src/date-picker/_example/base.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--datepicker\\" data-reactroot=\\"\\"><div class=\\"t-date-picker t-size-m\\"><div class=\\"t-popup__reference t-date-picker__popup-reference\\"><div class=\\"t-form-controls\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><input placeholder=\\"请选择日期\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/date-picker/_example/custom-icon.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--datepicker\\" data-reactroot=\\"\\"><div class=\\"t-date-picker t-size-m\\"><div class=\\"t-popup__reference t-date-picker__popup-reference\\"><div class=\\"t-form-controls\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\"></path></svg></span><input placeholder=\\"请选择日期\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M6 10v1h4v-1H6z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M4.5 5v1H3a.5.5 0 00-.5.5v7c0 .28.22.5.5.5h10a.5.5 0 00.5-.5v-7A.5.5 0 0013 6h-1.5V5a3.5 3.5 0 00-7 0zm6 1h-5V5a2.5 2.5 0 015 0v1zm-7 1h9v6h-9V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/date-picker/_example/custom-icon.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--datepicker\\" data-reactroot=\\"\\"><div class=\\"t-date-picker t-size-m\\"><div class=\\"t-popup__reference t-date-picker__popup-reference\\"><div class=\\"t-form-controls\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\"></path></svg></span><input placeholder=\\"请选择日期\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M6 10v1h4v-1H6z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M4.5 5v1H3a.5.5 0 00-.5.5v7c0 .28.22.5.5.5h10a.5.5 0 00.5-.5v-7A.5.5 0 0013 6h-1.5V5a3.5 3.5 0 00-7 0zm6 1h-5V5a2.5 2.5 0 015 0v1zm-7 1h9v6h-9V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/date-picker/_example/date-presets-alt.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--datepicker\\" data-reactroot=\\"\\"><div class=\\"t-date-picker t-size-m\\"><div class=\\"t-popup__reference t-date-picker__popup-reference\\"><div class=\\"t-form-controls\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><input placeholder=\\"请选择日期\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div><br/><div>日期<!-- -->: <!-- -->2020-1-1 至 2020-8-8</div></div>"`;
 
@@ -254,17 +254,17 @@ exports[`ssr snapshot test renders ./src/form/_example/align.jsx correctly 1`] =
 
 exports[`ssr snapshot test renders ./src/form/_example/base.jsx correctly 1`] = `"<form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__name\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__birthday\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>出生日期</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-date-picker t-size-m\\"><div class=\\"t-popup__reference t-date-picker__popup-reference\\"><div class=\\"t-form-controls\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><input placeholder=\\"请选择日期\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__gender\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>性别</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"male\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男性</span></label><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"female\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">女性</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__course\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>课程</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"la\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">加辣</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"ma\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">加麻</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"nocong\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">不要葱花</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__status\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label for=\\"status\\">状态</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" role=\\"switch\\" class=\\"t-switch\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content\\"></div></button></div></div></div><div class=\\"t-form__item\\"><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">提交</span></button><button style=\\"margin-left:12px\\" type=\\"reset\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test renders ./src/form/_example/clear-validate.jsx correctly 1`] = `"<form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>用户名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-form__help\\">这是用户名字段帮助说明</div></div></div><div class=\\"t-form__item t-form-item__description t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>个人简介</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-form__help\\">一句话介绍自己</div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__email\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>邮箱</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__gender\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>性别</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"male\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"femal\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">女</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__course\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>课程</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"4\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">体育</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__college\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>学院</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-select__wrap\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__date\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>入学时间</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__content.url\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>个人网站</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item\\" style=\\"padding-top:8px\\"><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button style=\\"margin-right:10px\\" type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">提交</span></button><button style=\\"margin-right:10px\\" type=\\"reset\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">重置</span></button><button style=\\"margin-right:10px\\" type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">清空校验结果</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\"> <!-- -->清除指定字段的校验结果<!-- --> </span></button></div></div></div></form>"`;
+exports[`ssr snapshot test renders ./src/form/_example/clear-validate.jsx correctly 1`] = `"<form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>用户名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-form__help\\">这是用户名字段帮助说明</div></div></div><div class=\\"t-form__item t-form-item__description t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>个人简介</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-form__help\\">一句话介绍自己</div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div><div class=\\"t-form__item t-form-item__email\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>邮箱</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__gender\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>性别</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"male\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"femal\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">女</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__course\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>课程</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"4\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">体育</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__college\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>学院</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-select__wrap\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__date\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>入学时间</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__content.url\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>个人网站</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item\\" style=\\"padding-top:8px\\"><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button style=\\"margin-right:10px\\" type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">提交</span></button><button style=\\"margin-right:10px\\" type=\\"reset\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">重置</span></button><button style=\\"margin-right:10px\\" type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">清空校验结果</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\"> <!-- -->清除指定字段的校验结果<!-- --> </span></button></div></div></div></form>"`;
 
 exports[`ssr snapshot test renders ./src/form/_example/custom-validator.jsx correctly 1`] = `"<div data-reactroot=\\"\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>用户名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__rePassword\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>确认密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item\\"><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">提交</span></button><button style=\\"margin:0 12px\\" type=\\"reset\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">重置</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">清除校验状态</span></button></div></div></div></form></div>"`;
 
 exports[`ssr snapshot test renders ./src/form/_example/disabled.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" data-reactroot=\\"\\"><div style=\\"margin-left:36px\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label class=\\"t-radio-button\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" value=\\"false\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">启用</span></label><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" checked=\\"\\" value=\\"true\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">禁用</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__name\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled\\"><input class=\\"t-input__inner\\" value=\\"\\" disabled=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__college\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>学院</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-select__wrap\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-disabled t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\" disabled=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__address1\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>寄件地址</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-popup__reference t-tree-select t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__address2\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>收件地址</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-popup__reference t-cascader__popup\\"><span class=\\"t-trigger\\"><div class=\\"t-cascader t-is-disabled t-size-m\\"><span class=\\"t-cascader__content\\">上海</span><svg class=\\"t-fake-arrow t-cascader__icon t-is-disabled\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></span></div></div></div></div><div class=\\"t-form__item t-form-item__date\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>日期</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-date-picker t-size-m\\"><div class=\\"t-popup__reference t-date-picker__popup-reference\\"><div class=\\"t-form-controls\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-disabled t-input--suffix\\"><input placeholder=\\"请选择日期\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\" disabled=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__personalProfile\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>个人简介</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-textarea\\"><textarea placeholder=\\"简单描述自己的经历\\" class=\\"t-textarea__inner t-is-disabled\\" disabled=\\"\\"></textarea></div></div></div></div><div class=\\"t-form__item t-form-item__message\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>短信</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" role=\\"switch\\" disabled=\\"\\" class=\\"t-switch t-is-checked t-is-disabled\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content\\">接受</div></button></div></div></div><div class=\\"t-form__item t-form-item__gender\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>性别</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" disabled=\\"\\" value=\\"1\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" disabled=\\"\\" value=\\"2\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">女</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__course\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>课程</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" disabled=\\"\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" disabled=\\"\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" disabled=\\"\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__gradePoint\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>绩点</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-number t-size-m t-is-disabled t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled\\"><input placeholder=\\"数字\\" class=\\"t-input__inner\\" value=\\"\\" disabled=\\"\\"/></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__avatar\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>头像</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-upload\\"><input type=\\"file\\" disabled=\\"\\" accept=\\"image/*\\" hidden=\\"\\"/><ul class=\\"t-upload__card\\"><li class=\\"t-upload__card-item t-is--background\\"><div class=\\"t-upload__card-content t-upload__card-box\\"><img class=\\"t-upload__card-image\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"/><div class=\\"t-upload__card-mask\\"><span class=\\"t-upload__card-mask-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-upload__card-mask-item-divider\\"></span><span class=\\"t-upload__card-mask-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-delete\\"><path fill=\\"currentColor\\" d=\\"M6 12V6h1v6H6zM9 6v6h1V6H9z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.5 3H14v1h-1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V4H2V3h3.5V1.8c0-.44.36-.8.8-.8h3.4c.44 0 .8.36.8.8V3zm-4 0h3V2h-3v1zM4 4v10h8V4H4z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></li></ul><small class=\\"t-upload__tips t-size-s\\">请选择单张图片文件上传</small></div></div></div></div><div class=\\"t-form__item\\" style=\\"padding-top:8px\\"><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button style=\\"margin-right:10px\\" type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base t-is-disabled\\" disabled=\\"\\"><span class=\\"t-button__text\\">提交</span></button><button type=\\"reset\\" class=\\"t-button t-button--theme-default t-button--variant-base t-is-disabled\\" disabled=\\"\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></form></div>"`;
 
-exports[`ssr snapshot test renders ./src/form/_example/error-message.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" data-reactroot=\\"\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" checked=\\"\\" value=\\"default\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><div class=\\"t-popup__reference\\"><span class=\\"t-trigger\\">使用表单默认校验信息</span></div></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" value=\\"config\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><div class=\\"t-popup__reference\\"><span class=\\"t-trigger\\">表单统一配置校验信息</span></div></span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>用户名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-form__help\\">这是用户名字段帮助说明</div></div></div><div class=\\"t-form__item t-form-item__description t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>个人简介</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-form__help\\">一句话介绍自己</div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__email\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>邮箱</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__gender\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>性别</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"male\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"femal\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">女</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__course\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>课程</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"4\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">体育</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__college\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>学院</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-select__wrap\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__date\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>入学时间</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__content.url\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>个人网站</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item\\" style=\\"padding-top:8px\\"><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button style=\\"margin-right:10px\\" type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">提交</span></button><button style=\\"margin-right:10px\\" type=\\"reset\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">重置</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">清空校验结果</span></button></div></div></div></form></div>"`;
+exports[`ssr snapshot test renders ./src/form/_example/error-message.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" data-reactroot=\\"\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" checked=\\"\\" value=\\"default\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><div class=\\"t-popup__reference\\"><span class=\\"t-trigger\\">使用表单默认校验信息</span></div></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" value=\\"config\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><div class=\\"t-popup__reference\\"><span class=\\"t-trigger\\">表单统一配置校验信息</span></div></span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>用户名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-form__help\\">这是用户名字段帮助说明</div></div></div><div class=\\"t-form__item t-form-item__description t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>个人简介</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-form__help\\">一句话介绍自己</div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div><div class=\\"t-form__item t-form-item__email\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>邮箱</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__gender\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>性别</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"male\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"femal\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">女</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__course\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>课程</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"4\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">体育</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__college\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>学院</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-select__wrap\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__date\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>入学时间</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__content.url\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>个人网站</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item\\" style=\\"padding-top:8px\\"><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button style=\\"margin-right:10px\\" type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">提交</span></button><button style=\\"margin-right:10px\\" type=\\"reset\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">重置</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">清空校验结果</span></button></div></div></div></form></div>"`;
 
 exports[`ssr snapshot test renders ./src/form/_example/layout.jsx correctly 1`] = `"<div data-reactroot=\\"\\"><div class=\\"t-row t-row--start t-row--top\\" style=\\"margin-left:0px;margin-right:0px;margin-bottom:16px\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio-button\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" value=\\"vertical\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">纵向布局</span></label><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" checked=\\"\\" value=\\"inline\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">行内布局</span></label></div></div><form class=\\"t-form t-form-inline\\"><div class=\\"t-form__item t-form-item__name\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:60px\\"><label>名字</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:60px\\"><label>密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div></form></div>"`;
 
-exports[`ssr snapshot test renders ./src/form/_example/login.jsx correctly 1`] = `"<div style=\\"width:350px\\" data-reactroot=\\"\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><span class=\\"t-input__prefix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-desktop\\"><path fill=\\"currentColor\\" d=\\"M2.5 11h5v2H3v1h10v-1H8.5v-2h5a1 1 0 001-1V3a1 1 0 00-1-1h-11a1 1 0 00-1 1v7a1 1 0 001 1zm0-8h11v7h-11V3z\\" fill-opacity=\\"0.9\\"></path></svg></span><input placeholder=\\"请输入账户名\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><span class=\\"t-input__prefix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M6 10v1h4v-1H6z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M4.5 5v1H3a.5.5 0 00-.5.5v7c0 .28.22.5.5.5h10a.5.5 0 00.5-.5v-7A.5.5 0 0013 6h-1.5V5a3.5 3.5 0 00-7 0zm6 1h-5V5a2.5 2.5 0 015 0v1zm-7 1h9v6h-9V7z\\" fill-opacity=\\"0.9\\"></path></svg></span><input type=\\"password\\" placeholder=\\"请输入密码\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base t-size-full-width\\"><span class=\\"t-button__text\\">登录</span></button></div></div></div></form></div>"`;
+exports[`ssr snapshot test renders ./src/form/_example/login.jsx correctly 1`] = `"<div style=\\"width:350px\\" data-reactroot=\\"\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-desktop\\"><path fill=\\"currentColor\\" d=\\"M2.5 11h5v2H3v1h10v-1H8.5v-2h5a1 1 0 001-1V3a1 1 0 00-1-1h-11a1 1 0 00-1 1v7a1 1 0 001 1zm0-8h11v7h-11V3z\\" fill-opacity=\\"0.9\\"></path></svg></span><input placeholder=\\"请输入账户名\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M6 10v1h4v-1H6z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M4.5 5v1H3a.5.5 0 00-.5.5v7c0 .28.22.5.5.5h10a.5.5 0 00.5-.5v-7A.5.5 0 0013 6h-1.5V5a3.5 3.5 0 00-7 0zm6 1h-5V5a2.5 2.5 0 015 0v1zm-7 1h9v6h-9V7z\\" fill-opacity=\\"0.9\\"></path></svg></span><input type=\\"password\\" placeholder=\\"请输入密码\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div><div class=\\"t-form__item\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base t-size-full-width\\"><span class=\\"t-button__text\\">登录</span></button></div></div></div></form></div>"`;
 
 exports[`ssr snapshot test renders ./src/form/_example/reset.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" data-reactroot=\\"\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label class=\\"t-radio-button\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" value=\\"empty\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">重置为空</span></label><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" checked=\\"\\" value=\\"initial\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><div class=\\"t-popup__reference\\"><span class=\\"t-trigger\\"> 重置为初始值 </span></div></span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__name\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input placeholder=\\"请输入内容\\" class=\\"t-input__inner\\" value=\\"TDesign\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__tel\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>手机号码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input placeholder=\\"请输入内容\\" class=\\"t-input__inner\\" value=\\"12345678910\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__course\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px\\"><label>课程</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" checked=\\"\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label></div></div></div></div><div class=\\"t-form__item\\" style=\\"padding-top:8px\\"><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button style=\\"margin-right:10px\\" type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">提交</span></button><button type=\\"reset\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></form></div>"`;
 
@@ -272,7 +272,7 @@ exports[`ssr snapshot test renders ./src/form/_example/size.jsx correctly 1`] =
 
 exports[`ssr snapshot test renders ./src/form/_example/validate-complicated-data.jsx correctly 1`] = `"<form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__school\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>学校</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" checked=\\"\\" value=\\"1\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">学校一</span></label><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"2\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">学校二</span></label><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"3\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">学校三</span></label></div></div></div></div><div class=\\"t-tabs\\" style=\\"margin-left:30px;border:1px solid var(--td-component-stroke)\\"><div class=\\"t-tabs__header t-is-top\\"><div class=\\"t-tabs__nav\\" style=\\"min-height:48px\\"><div class=\\"t-tabs__operations t-tabs__operations--left\\"></div><div class=\\"t-tabs__operations t-tabs__operations--right\\"><div class=\\"t-tabs__add-btn t-tabs__btn t-size-m\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></div></div><div class=\\"t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable\\"><div class=\\"t-tabs__nav-scroll\\"><div class=\\"t-tabs__nav-wrap\\"><div class=\\"t-tabs__nav-item t-tabs__nav--card t-size-m t-is-active t-is-top\\"><span class=\\"t-tabs__nav-item-text-wrapper\\">学生1</span></div><div class=\\"t-tabs__nav-item t-tabs__nav--card t-size-m t-is-top\\"><span class=\\"t-tabs__nav-item-text-wrapper\\">学生2</span></div></div></div></div></div></div><div class=\\"t-tabs__content t-is-undefined\\"><div class=\\"t-tab-panel\\"><div style=\\"padding:24px 24px 24px 0\\"><div class=\\"t-form__item t-form-item__students[0].name\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input placeholder=\\"请输入内容\\" class=\\"t-input__inner\\" value=\\"StudentA\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__students[0].name\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>选科</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" checked=\\"\\" value=\\"wenke\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">文科</span></label><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"like\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">理科</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__students[0].name\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>课程</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">全部</span></label><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" checked=\\"\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">物理</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"4\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">化学</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"5\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">地理</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"6\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">历史</span></label></div></div></div></div><div class=\\"t-form__item\\" style=\\"padding-top:8px\\"><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button style=\\"margin-right:10px\\" type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">提交</span></button><button type=\\"reset\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></div></div></div></div></form>"`;
 
-exports[`ssr snapshot test renders ./src/form/_example/validate-message.jsx correctly 1`] = `"<form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>用户名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-form__help\\">这是用户名字段帮助说明</div></div></div><div class=\\"t-form__item t-form-item__description t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>个人简介</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-form__help\\">一句话介绍自己</div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item\\" style=\\"padding-ttop:8px\\"><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button style=\\"margin-right:10px\\" type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">提交</span></button><button style=\\"margin-right:10px\\" type=\\"reset\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">重置</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">设置校验信息提示</span></button></div></div></div></form>"`;
+exports[`ssr snapshot test renders ./src/form/_example/validate-message.jsx correctly 1`] = `"<form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>用户名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-form__help\\">这是用户名字段帮助说明</div></div></div><div class=\\"t-form__item t-form-item__description t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>个人简介</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-form__help\\">一句话介绍自己</div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div><div class=\\"t-form__item\\" style=\\"padding-ttop:8px\\"><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button style=\\"margin-right:10px\\" type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">提交</span></button><button style=\\"margin-right:10px\\" type=\\"reset\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">重置</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">设置校验信息提示</span></button></div></div></div></form>"`;
 
 exports[`ssr snapshot test renders ./src/form/_example/validator.jsx correctly 1`] = `"<div data-reactroot=\\"\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>用户名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"张三\\"/></div></div></div><div class=\\"t-form__help\\">这里请填写用户名</div></div></div><div class=\\"t-form__item t-form-item__password t-form__item-with-help t-form__item-with-extra\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-form__help\\">这里请填写密码</div></div></div><div class=\\"t-form__item t-form-item__email\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>邮箱</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__gender\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>性别</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"male\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"femal\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">女</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__course\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>课程</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" value=\\"4\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">体育</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__date\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px\\"><label>入学时间</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__content.url\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px\\"><label>个人网站</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item\\"><div class=\\"t-form__controls\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls-content\\"><button style=\\"margin-right:10px\\" type=\\"submit\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">提交</span></button><button type=\\"reset\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></form></div>"`;
 
@@ -314,17 +314,17 @@ exports[`ssr snapshot test renders ./src/input/_example/disabled.jsx correctly 1
 
 exports[`ssr snapshot test renders ./src/input/_example/format.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--input__input-box\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input placeholder=\\"请输入数字\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/input/_example/group.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--input__input-box\\" data-reactroot=\\"\\"><div class=\\"t-input-group\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input placeholder=\\"姓\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input placeholder=\\"名\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-input-group t-input-group--seperate\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input placeholder=\\"姓\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input placeholder=\\"名\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/input/_example/group.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--input__input-box\\" data-reactroot=\\"\\"><div class=\\"t-input-group t-input-group--separate\\"><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"0731\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"12345677\\"/></div></div></div><div class=\\"t-input-group\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-input-group t-input-group--separate\\"><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"0731\\"/></div></div><span style=\\"line-height:32px\\"> - </span><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"12345\\"/></div></div><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"678901\\"/></div></div><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/input/_example/max-length-count.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--input__input-box\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input class=\\"t-input__inner\\" value=\\"\\" maxLength=\\"5\\"/><div class=\\"t-input__suffix\\">0/5</div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/input/_example/password.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--input__input-box\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M6 10v1h4v-1H6z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M4.5 5v1H3a.5.5 0 00-.5.5v7c0 .28.22.5.5.5h10a.5.5 0 00.5-.5v-7A.5.5 0 0013 6h-1.5V5a3.5 3.5 0 00-7 0zm6 1h-5V5a2.5 2.5 0 015 0v1zm-7 1h9v6h-9V7z\\" fill-opacity=\\"0.9\\"></path></svg></span><input type=\\"password\\" placeholder=\\"请输入内容\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M6 10v1h4v-1H6z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M4.5 5v1H3a.5.5 0 00-.5.5v7c0 .28.22.5.5.5h10a.5.5 0 00.5-.5v-7A.5.5 0 0013 6h-1.5V5a3.5 3.5 0 00-7 0zm6 1h-5V5a2.5 2.5 0 015 0v1zm-7 1h9v6h-9V7z\\" fill-opacity=\\"0.9\\"></path></svg></span><input type=\\"password\\" placeholder=\\"请输入内容\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/input/_example/password.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--input__input-box\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M6 10v1h4v-1H6z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M4.5 5v1H3a.5.5 0 00-.5.5v7c0 .28.22.5.5.5h10a.5.5 0 00.5-.5v-7A.5.5 0 0013 6h-1.5V5a3.5 3.5 0 00-7 0zm6 1h-5V5a2.5 2.5 0 015 0v1zm-7 1h9v6h-9V7z\\" fill-opacity=\\"0.9\\"></path></svg></span><input type=\\"password\\" placeholder=\\"请输入\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M6 10v1h4v-1H6z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M4.5 5v1H3a.5.5 0 00-.5.5v7c0 .28.22.5.5.5h10a.5.5 0 00.5-.5v-7A.5.5 0 0013 6h-1.5V5a3.5 3.5 0 00-7 0zm6 1h-5V5a2.5 2.5 0 015 0v1zm-7 1h9v6h-9V7z\\" fill-opacity=\\"0.9\\"></path></svg></span><input type=\\"password\\" placeholder=\\"请输入\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/input/_example/size.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--input__input-box\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-l\\"><input placeholder=\\"请输入内容\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input placeholder=\\"请输入内容\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/input/_example/status.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--input__input-box\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled\\"><input placeholder=\\"禁用状态\\" class=\\"t-input__inner\\" value=\\"\\" disabled=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly\\"><input placeholder=\\"只读状态\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div><br/><br/><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-success\\"><input placeholder=\\"成功状态\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-warning\\"><input placeholder=\\"警告状态\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-error\\"><input placeholder=\\"错误状态\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><br/><br/><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input placeholder=\\"普通状态\\" class=\\"t-input__inner\\" value=\\"\\"/></div><div class=\\"t-input__tips t-input__tips--normal\\">这是普通文本提示</div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-success\\"><input placeholder=\\"成功状态\\" class=\\"t-input__inner\\" value=\\"\\"/></div><div class=\\"t-input__tips t-input__tips--success\\">校验通过文本提示</div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-warning\\"><input placeholder=\\"警告状态\\" class=\\"t-input__inner\\" value=\\"\\"/></div><div class=\\"t-input__tips t-input__tips--warning\\">校验不通过文本提示</div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-error\\"><input placeholder=\\"错误状态\\" class=\\"t-input__inner\\" value=\\"\\"/></div><div class=\\"t-input__tips t-input__tips--error\\">校验存在严重问题文本提示</div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/input/_example/textarea.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--input__input-box\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></path></svg></span><input placeholder=\\"请输入内容\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/input/_example/textarea.jsx correctly 1`] = `"<div class=\\"tdesign-demo-item--input__input-box\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></path></svg></span><input placeholder=\\"请输入内容\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/input-number/_example/align.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" data-reactroot=\\"\\"><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input class=\\"t-input__inner\\" value=\\"100\\"/></div></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input class=\\"t-input__inner\\" value=\\"200\\"/></div></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-right\\"><input class=\\"t-input__inner\\" value=\\"300\\"/></div></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input class=\\"t-input__inner\\" value=\\"100\\"/></div></div></div><div class=\\"t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input class=\\"t-input__inner\\" value=\\"200\\"/></div></div></div><div class=\\"t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-right\\"><input class=\\"t-input__inner\\" value=\\"300\\"/></div></div></div></div>"`;
 
@@ -418,7 +418,7 @@ exports[`ssr snapshot test renders ./src/message/_example/loading.jsx correctly
 
 exports[`ssr snapshot test renders ./src/message/_example/methods.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-row\\" data-reactroot=\\"\\"><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">info</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">success</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">warning</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">error</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">question</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">loading</span></button></div>"`;
 
-exports[`ssr snapshot test renders ./src/message/_example/offset.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" data-reactroot=\\"\\"><div class=\\"tdesign-demo-block-row\\"><div style=\\"width:200px\\" class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input placeholder=\\"请输入横向偏移量\\" class=\\"t-input__inner\\" theme=\\"column\\" value=\\"0\\"/></div></div><div style=\\"width:200px;margin-left:16px\\" class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input placeholder=\\"请输入纵向偏移量\\" class=\\"t-input__inner\\" theme=\\"column\\" value=\\"0\\"/></div></div></div><div class=\\"tdesign-demo-block-row\\" style=\\"position:relative;margin:0 auto;width:500px;height:260px\\"><button style=\\"position:absolute;right:42%;bottom:42%\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">center</span></button><button style=\\"position:absolute;top:0;left:42%\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">top</span></button><button style=\\"position:absolute;left:0;top:42%\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">left</span></button><button style=\\"position:absolute;right:0;top:42%\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">right</span></button><button style=\\"position:absolute;bottom:0;left:42%\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">bottom</span></button><button style=\\"position:absolute;top:0;left:70px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">top-left</span></button><button style=\\"position:absolute;top:0;right:70px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">top-right</span></button><button style=\\"position:absolute;bottom:0;left:70px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">bottom-left</span></button><button style=\\"position:absolute;bottom:0;right:70px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">bottom-right</span></button></div></div>"`;
+exports[`ssr snapshot test renders ./src/message/_example/offset.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" data-reactroot=\\"\\"><div class=\\"tdesign-demo-block-row\\"><div style=\\"width:200px\\" class=\\"t-input__wrap\\" theme=\\"column\\"><div class=\\"t-input\\"><input placeholder=\\"请输入横向偏移量\\" class=\\"t-input__inner\\" value=\\"0\\"/></div></div><div style=\\"width:200px;margin-left:16px\\" class=\\"t-input__wrap\\" theme=\\"column\\"><div class=\\"t-input\\"><input placeholder=\\"请输入纵向偏移量\\" class=\\"t-input__inner\\" value=\\"0\\"/></div></div></div><div class=\\"tdesign-demo-block-row\\" style=\\"position:relative;margin:0 auto;width:500px;height:260px\\"><button style=\\"position:absolute;right:42%;bottom:42%\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">center</span></button><button style=\\"position:absolute;top:0;left:42%\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">top</span></button><button style=\\"position:absolute;left:0;top:42%\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">left</span></button><button style=\\"position:absolute;right:0;top:42%\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">right</span></button><button style=\\"position:absolute;bottom:0;left:42%\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">bottom</span></button><button style=\\"position:absolute;top:0;left:70px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">top-left</span></button><button style=\\"position:absolute;top:0;right:70px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">top-right</span></button><button style=\\"position:absolute;bottom:0;left:70px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">bottom-left</span></button><button style=\\"position:absolute;bottom:0;right:70px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">bottom-right</span></button></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/notification/_example/base.jsx correctly 1`] = `"<div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">标题名称</span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div>"`;
 
@@ -504,13 +504,13 @@ exports[`ssr snapshot test renders ./src/radio/_example/type.jsx correctly 1`] =
 
 exports[`ssr snapshot test renders ./src/select/_example/base.jsx correctly 1`] = `"<div style=\\"display:flex\\" data-reactroot=\\"\\"><div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select/_example/collapsed.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select/_example/collapsed.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/select/_example/creatable.jsx correctly 1`] = `"<div style=\\"display:flex\\" data-reactroot=\\"\\"><div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/select/_example/custom-options.jsx correctly 1`] = `"<div style=\\"display:flex\\" data-reactroot=\\"\\"><div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select/_example/custom-selected.jsx correctly 1`] = `"<div style=\\"display:flex\\" data-reactroot=\\"\\"><div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select/_example/custom-selected.jsx correctly 1`] = `"<div style=\\"display:flex\\" data-reactroot=\\"\\"><div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/select/_example/disabled.jsx correctly 1`] = `"<div style=\\"display:flex\\" data-reactroot=\\"\\"><div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-disabled t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\" disabled=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div>"`;
 
@@ -518,13 +518,13 @@ exports[`ssr snapshot test renders ./src/select/_example/filterable.jsx correctl
 
 exports[`ssr snapshot test renders ./src/select/_example/group.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select/_example/keys.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:200px;display:inline-block;margin-right:20px\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-select__wrap\\" style=\\"width:200px;display:inline-block\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select/_example/keys.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:200px;display:inline-block;margin-right:20px\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-select__wrap\\" style=\\"width:200px;display:inline-block\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select/_example/label-in-value.jsx correctly 1`] = `"<div style=\\"display:flex\\" data-reactroot=\\"\\"><div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-select__wrap\\" style=\\"width:40%;margin-left:10%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-select__wrap\\" style=\\"width:40%;margin-left:10%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select/_example/label-in-value.jsx correctly 1`] = `"<div style=\\"display:flex\\" data-reactroot=\\"\\"><div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-select__wrap\\" style=\\"width:40%;margin-left:10%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-select__wrap\\" style=\\"width:40%;margin-left:10%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select/_example/max.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select/_example/max.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select/_example/multiple.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select/_example/multiple.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/select/_example/noborder.jsx correctly 1`] = `"<div class=\\"t-select__wrap\\" style=\\"width:40%\\"><div class=\\"t-popup__reference t-select t-select-input t-select-input--borderless t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__input-pre\\">请选择</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
@@ -546,21 +546,21 @@ exports[`ssr snapshot test renders ./src/select-input/_example/autocomplete.jsx
 
 exports[`ssr snapshot test renders ./src/select-input/_example/autowidth.jsx correctly 1`] = `"<div class=\\"t-popup__reference t-select-input\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">Please Select</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select-input/_example/autowidth-multiple.jsx correctly 1`] = `"<div class=\\"tdesign-demo__select-input-borderless-multiple\\" style=\\"width:100%\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-tag-input t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">+<!-- -->2</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select-input/_example/autowidth-multiple.jsx correctly 1`] = `"<div class=\\"tdesign-demo__select-input-borderless-multiple\\" style=\\"width:100%\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-tag-input t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">+<!-- -->2</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/select-input/_example/borderless.jsx correctly 1`] = `"<div data-reactroot=\\"\\"><div class=\\"t-popup__reference t-select-input t-select-input--borderless\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__input-pre\\">Please Select</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select-input/_example/borderless-multiple.jsx correctly 1`] = `"<div style=\\"width:100%\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-select-input t-select-input--borderless t-select-input--multiple\\"><div class=\\"t-tag-input t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">+<!-- -->2</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select-input/_example/borderless-multiple.jsx correctly 1`] = `"<div style=\\"width:100%\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-select-input t-select-input--borderless t-select-input--multiple\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-tag-input t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">+<!-- -->2</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select-input/_example/collapsed-items.jsx correctly 1`] = `"<div class=\\"tdesign-demo__select-input-multiple\\" style=\\"width:100%\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-vue</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">+<!-- -->5</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div><br/> <br/><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-vue</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-react</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">More(+<!-- -->4<!-- -->)</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select-input/_example/collapsed-items.jsx correctly 1`] = `"<div class=\\"tdesign-demo__select-input-multiple\\" style=\\"width:100%\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-vue</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">+<!-- -->5</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div><br/> <br/><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-vue</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-react</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">More(+<!-- -->4<!-- -->)</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select-input/_example/custom-tag.jsx correctly 1`] = `"<div class=\\"tdesign-demo-select-input-custom-tag\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span><img src=\\"/favicon.ico\\" class=\\"tdesign-demo-select-input__img\\"/>tdesign-vue</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div><br/><br/><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"tdesign-demo-select-input__img\\"/>tdesign-vue</span></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"tdesign-demo-select-input__img\\"/>tdesign-react</span></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div><br/><br/><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" style=\\"margin-right:4px\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"tdesign-demo-select-input__img\\"/><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" style=\\"margin-right:4px\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"tdesign-demo-select-input__img\\"/><span>tdesign-react</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" style=\\"margin-right:4px\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"tdesign-demo-select-input__img\\"/><span>tdesign-mobile-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select-input/_example/custom-tag.jsx correctly 1`] = `"<div class=\\"tdesign-demo-select-input-custom-tag\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span><img src=\\"/favicon.ico\\" class=\\"tdesign-demo-select-input__img\\"/>tdesign-vue</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div><br/><br/><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"tdesign-demo-select-input__img\\"/>tdesign-vue</span></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"tdesign-demo-select-input__img\\"/>tdesign-react</span></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div><br/><br/><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" style=\\"margin-right:4px\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"tdesign-demo-select-input__img\\"/><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" style=\\"margin-right:4px\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"tdesign-demo-select-input__img\\"/><span>tdesign-react</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" style=\\"margin-right:4px\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"tdesign-demo-select-input__img\\"/><span>tdesign-mobile-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select-input/_example/excess-tags-display-type.jsx correctly 1`] = `"<div class=\\"tdesign-demo__select-input-multiple\\" style=\\"width:width: 100%\\" data-reactroot=\\"\\"><p>第一种呈现方式：超出时滚动显示</p><br/><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-react<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-angular<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-mobile-vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-mobile-react<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><br/><br/><br/><p>第二种呈现方式：超出时换行显示</p><br/><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-react<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-angular<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-mobile-vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-mobile-react<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select-input/_example/excess-tags-display-type.jsx correctly 1`] = `"<div class=\\"tdesign-demo__select-input-multiple\\" style=\\"width:width: 100%\\" data-reactroot=\\"\\"><p>第一种呈现方式：超出时滚动显示</p><br/><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-react<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-angular<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-mobile-vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-mobile-react<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><br/><br/><br/><p>第二种呈现方式：超出时换行显示</p><br/><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-react<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-angular<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-mobile-vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">tdesign-mobile-react<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/select-input/_example/label-suffix.jsx correctly 1`] = `"<div data-reactroot=\\"\\"><div class=\\"t-popup__reference t-select-input\\" style=\\"width:300px\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span>前置内容：</span></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div><br/> <br/><div class=\\"t-popup__reference t-select-input\\" style=\\"width:300px\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><div class=\\"t-input__suffix\\"><span>单位：元</span></div><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/select-input/_example/multiple.jsx correctly 1`] = `"<div class=\\"tdesign-demo__select-input-multiple\\" style=\\"width:100%\\" data-reactroot=\\"\\"><div><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" checked=\\"\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否允许输入</span></label><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" checked=\\"\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">允许创建新选项（Enter 创建）</span></label></div><br/><div><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"scroll\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中项过多横向滚动</span></label><label class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" checked=\\"\\" value=\\"break-line\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中项过多换行显示</span></label></div></div><br/><br/><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/select-input/_example/multiple.jsx correctly 1`] = `"<div class=\\"tdesign-demo__select-input-multiple\\" style=\\"width:100%\\" data-reactroot=\\"\\"><div><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" checked=\\"\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否允许输入</span></label><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" readonly=\\"\\" class=\\"t-checkbox__former\\" checked=\\"\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">允许创建新选项（Enter 创建）</span></label></div><br/><div><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" value=\\"scroll\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中项过多横向滚动</span></label><label class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" checked=\\"\\" value=\\"break-line\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中项过多换行显示</span></label></div></div><br/><br/><div class=\\"t-popup__reference t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/select-input/_example/single.jsx correctly 1`] = `"<div data-reactroot=\\"\\"><div class=\\"t-popup__reference t-select-input\\" style=\\"width:300px\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
@@ -704,25 +704,25 @@ exports[`ssr snapshot test renders ./src/tag/_example/shape.jsx correctly 1`] =
 
 exports[`ssr snapshot test renders ./src/tag/_example/size.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-row\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--small t-tag--square t-size-s\\" style=\\"margin-right:10px\\">小型标签</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" style=\\"margin-right:10px\\">默认标签</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--large t-tag--square t-size-l\\" style=\\"margin-right:10px\\">大型标签</span></div><div class=\\"tdesign-demo-block-row\\" style=\\"margin-top:10px\\"><span class=\\"t-tag t-size-s t-tag--default t-tag--check t-tag--small\\" style=\\"margin-right:10px\\">小型标签</span><span class=\\"t-tag t-tag--default t-tag--check t-tag--medium\\" style=\\"margin-right:10px\\">默认标签</span><span class=\\"t-tag t-size-l t-tag--default t-tag--check t-tag--large\\" style=\\"margin-right:10px\\">大型标签</span></div>"`;
 
-exports[`ssr snapshot test renders ./src/tag-input/_example/auto-width.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-tag-input t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__input-pre\\"></span></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tag-input/_example/auto-width.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__input-pre\\"></span></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tag-input/_example/base.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Angular<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">Controlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">UnControlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tag-input/_example/base.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Angular<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">Controlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">UnControlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tag-input/_example/collapsed.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">+<!-- -->4</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><div class=\\"t-popup__reference\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">More(<!-- -->2<!-- -->)</span></div></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tag-input/_example/collapsed.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">+<!-- -->4</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><div class=\\"t-popup__reference\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">More(<!-- -->2<!-- -->)</span></div></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tag-input/_example/custom-tag.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top\\"/>StudentA</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top\\"/>StudentB</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">+<!-- -->1</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><br/><br/><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" style=\\"margin-right:4px\\"><div><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top\\"/>StudentA</div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" style=\\"margin-right:4px\\"><div><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top\\"/>StudentB</div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" style=\\"margin-right:4px\\"><div><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top\\"/>StudentC</div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tag-input/_example/custom-tag.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top\\"/>StudentA</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top\\"/>StudentB</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">+<!-- -->1</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><br/><br/><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" style=\\"margin-right:4px\\"><div><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top\\"/>StudentA</div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" style=\\"margin-right:4px\\"><div><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top\\"/>StudentB</div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" style=\\"margin-right:4px\\"><div><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:18px;max-height:18px;border-radius:50%;vertical-align:text-top\\"/>StudentC</div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tag-input/_example/draggable.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">Angular<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">Controlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">Angular<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tag-input/_example/draggable.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">Angular<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">Controlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">Angular<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\" draggable=\\"true\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tag-input/_example/excess.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">Scroll: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">BreakLine: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tag-input/_example/excess.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">Scroll: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">BreakLine: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tag-input/_example/max.jsx correctly 1`] = `"<div style=\\"width:100%\\" data-reactroot=\\"\\"><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"最多只能输入 3 个标签\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tag-input/_example/max.jsx correctly 1`] = `"<div style=\\"width:100%\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"最多只能输入 3 个标签\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tag-input/_example/size.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-size-s t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--small t-tag--square t-size-s\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--small t-tag--square t-size-s\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-size-l t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--large t-tag--square t-size-l\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--large t-tag--square t-size-l\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tag-input/_example/size.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-size-s t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--small t-tag--square t-size-s\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--small t-tag--square t-size-s\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-size-l t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--large t-tag--square t-size-l\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--large t-tag--square t-size-l\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tag-input/_example/status.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:100%\\" data-reactroot=\\"\\"><div class=\\"t-tdesign-demo__tag-input\\"><label>禁用状态：</label><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-is-disabled t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square t-tag--disabled\\">Vue</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square t-tag--disabled\\">React</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square t-tag--disabled\\">Miniprogram</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" disabled=\\"\\"/></div></div></div><div class=\\"t-tdesign-demo__tag-input\\"><label>只读状态：</label><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Miniprogram</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div><div class=\\"t-input__tips t-input__tips--normal\\">这是普通文本提示</div></div></div><div class=\\"t-tdesign-demo__tag-input\\"><label>成功状态：</label><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-is-success t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div><div class=\\"t-input__tips t-input__tips--success\\">校验通过文本提示</div></div></div><div class=\\"t-tdesign-demo__tag-input\\"><label>告警状态：</label><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-is-warning t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div><div class=\\"t-input__tips t-input__tips--warning\\">校验不通过文本提示</div></div></div><div class=\\"t-tdesign-demo__tag-input\\"><label>错误状态：</label><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-is-error t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div><div class=\\"t-input__tips t-input__tips--error\\">校验存在严重问题文本提示</div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tag-input/_example/status.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:100%\\" data-reactroot=\\"\\"><div class=\\"t-tdesign-demo__tag-input\\"><label>禁用状态：</label><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-is-disabled t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square t-tag--disabled\\">Vue</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square t-tag--disabled\\">React</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square t-tag--disabled\\">Miniprogram</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" disabled=\\"\\"/></div></div></div><div class=\\"t-tdesign-demo__tag-input\\"><label>只读状态：</label><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React</span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Miniprogram</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div><div class=\\"t-input__tips t-input__tips--normal\\">这是普通文本提示</div></div></div><div class=\\"t-tdesign-demo__tag-input\\"><label>成功状态：</label><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-is-success t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div><div class=\\"t-input__tips t-input__tips--success\\">校验通过文本提示</div></div></div><div class=\\"t-tdesign-demo__tag-input\\"><label>告警状态：</label><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-is-warning t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div><div class=\\"t-input__tips t-input__tips--warning\\">校验不通过文本提示</div></div></div><div class=\\"t-tdesign-demo__tag-input\\"><label>错误状态：</label><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-is-error t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div><div class=\\"t-input__tips t-input__tips--error\\">校验存在严重问题文本提示</div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tag-input/_example/theme.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--primary t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--primary t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--primary t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--success t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--success t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--success t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-tag-input t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tag-input/_example/theme.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\" data-reactroot=\\"\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--primary t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--primary t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--primary t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--success t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--success t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--success t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--medium t-tag--square\\">Vue<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--medium t-tag--square\\">React<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--medium t-tag--square\\">Miniprogram<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/textarea/_example/base.jsx correctly 1`] = `"<div class=\\"t-textarea\\"><textarea placeholder=\\"请输入内容\\" class=\\"t-textarea__inner\\"></textarea></div><br/><div class=\\"t-textarea\\"><textarea placeholder=\\"请输入内容, 高度可自适应，autosize=true\\" class=\\"t-textarea__inner\\"></textarea></div><br/><div class=\\"t-textarea\\"><textarea placeholder=\\"请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条\\" class=\\"t-textarea__inner t-resize-none\\"></textarea></div>"`;
 
@@ -734,21 +734,21 @@ exports[`ssr snapshot test renders ./src/textarea/_example/status.jsx correctly
 
 exports[`ssr snapshot test renders ./src/textarea/_example/type.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" data-reactroot=\\"\\"><div class=\\"t-textarea\\"><textarea placeholder=\\"请输入内容\\" class=\\"t-textarea__inner\\" readonly=\\"\\">只读状态</textarea></div><div class=\\"t-textarea\\"><textarea placeholder=\\"请输入内容\\" class=\\"t-textarea__inner t-is-disabled\\" disabled=\\"\\">禁用状态</textarea></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/time-picker/_example/disabled.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-is-disabled t-time-picker\\"><div class=\\"t-time-picker__group t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-disabled t-input--suffix\\"><input placeholder=\\"请选择时间\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\" disabled=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/time-picker/_example/disabled.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-is-disabled t-time-picker\\"><div class=\\"t-input__wrap\\"><div class=\\"t-time-picker__group t-input t-is-readonly t-is-disabled t-input--suffix\\"><input placeholder=\\"请选择时间\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\" disabled=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/time-picker/_example/hide-clear-button.jsx correctly 1`] = `"<h3>禁止清空</h3><br/><div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-time-picker__group t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><input class=\\"t-input__inner\\" value=\\" \\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div><div class=\\"t-time-picker__input\\"><span class=\\"t-time-picker__input-item\\"><input value=\\"\\" class=\\"t-time-picker__input-item-input\\" disabled=\\"\\"/></span><span class=\\"t-time-picker__input-item\\">:<input value=\\"\\" class=\\"t-time-picker__input-item-input\\" disabled=\\"\\"/></span><span class=\\"t-time-picker__input-item\\">:<input value=\\"\\" class=\\"t-time-picker__input-item-input\\" disabled=\\"\\"/></span></div></div></div><br/><br/><h3>允许清空</h3><br/><div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-time-picker__group t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><input class=\\"t-input__inner\\" value=\\" \\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div><div class=\\"t-time-picker__input\\"><span class=\\"t-time-picker__input-item\\"><input value=\\"\\" class=\\"t-time-picker__input-item-input\\" disabled=\\"\\"/></span><span class=\\"t-time-picker__input-item\\">:<input value=\\"\\" class=\\"t-time-picker__input-item-input\\" disabled=\\"\\"/></span><span class=\\"t-time-picker__input-item\\">:<input value=\\"\\" class=\\"t-time-picker__input-item-input\\" disabled=\\"\\"/></span></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/time-picker/_example/hide-clear-button.jsx correctly 1`] = `"<h3>禁止清空</h3><br/><div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-input__wrap\\"><div class=\\"t-time-picker__group t-input t-is-readonly t-input--suffix\\"><input class=\\"t-input__inner\\" value=\\" \\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div><div class=\\"t-time-picker__input\\"><span class=\\"t-time-picker__input-item\\"><input value=\\"\\" class=\\"t-time-picker__input-item-input\\" disabled=\\"\\"/></span><span class=\\"t-time-picker__input-item\\">:<input value=\\"\\" class=\\"t-time-picker__input-item-input\\" disabled=\\"\\"/></span><span class=\\"t-time-picker__input-item\\">:<input value=\\"\\" class=\\"t-time-picker__input-item-input\\" disabled=\\"\\"/></span></div></div></div><br/><br/><h3>允许清空</h3><br/><div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-input__wrap\\"><div class=\\"t-time-picker__group t-input t-is-readonly t-input--suffix\\"><input class=\\"t-input__inner\\" value=\\" \\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div><div class=\\"t-time-picker__input\\"><span class=\\"t-time-picker__input-item\\"><input value=\\"\\" class=\\"t-time-picker__input-item-input\\" disabled=\\"\\"/></span><span class=\\"t-time-picker__input-item\\">:<input value=\\"\\" class=\\"t-time-picker__input-item-input\\" disabled=\\"\\"/></span><span class=\\"t-time-picker__input-item\\">:<input value=\\"\\" class=\\"t-time-picker__input-item-input\\" disabled=\\"\\"/></span></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/time-picker/_example/hm.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-time-picker__group t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><input placeholder=\\"请选择时间\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/time-picker/_example/hm.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-input__wrap\\"><div class=\\"t-time-picker__group t-input t-is-readonly t-input--suffix\\"><input placeholder=\\"请选择时间\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/time-picker/_example/hms.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-time-picker__group t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><input placeholder=\\"请选择时间\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/time-picker/_example/hms.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-input__wrap\\"><div class=\\"t-time-picker__group t-input t-is-readonly t-input--suffix\\"><input placeholder=\\"请选择时间\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/time-picker/_example/keyboard.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-time-picker__group t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><input class=\\"t-input__inner\\" value=\\" \\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div><div class=\\"t-time-picker__input\\"><span class=\\"t-time-picker__input-item\\"><input value=\\"\\" class=\\"t-time-picker__input-item-input\\"/></span><span class=\\"t-time-picker__input-item\\">:<input value=\\"\\" class=\\"t-time-picker__input-item-input\\"/></span><span class=\\"t-time-picker__input-item\\">:<input value=\\"\\" class=\\"t-time-picker__input-item-input\\"/></span></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/time-picker/_example/keyboard.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-input__wrap\\"><div class=\\"t-time-picker__group t-input t-is-readonly t-input--suffix\\"><input class=\\"t-input__inner\\" value=\\" \\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div><div class=\\"t-time-picker__input\\"><span class=\\"t-time-picker__input-item\\"><input value=\\"\\" class=\\"t-time-picker__input-item-input\\"/></span><span class=\\"t-time-picker__input-item\\">:<input value=\\"\\" class=\\"t-time-picker__input-item-input\\"/></span><span class=\\"t-time-picker__input-item\\">:<input value=\\"\\" class=\\"t-time-picker__input-item-input\\"/></span></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/time-picker/_example/range.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-time-picker__group t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><input placeholder=\\"请选择时间\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/time-picker/_example/range.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-input__wrap\\"><div class=\\"t-time-picker__group t-input t-is-readonly t-input--suffix\\"><input placeholder=\\"请选择时间\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/time-picker/_example/show-steps.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-time-picker__group t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><input placeholder=\\"请选择时间\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/time-picker/_example/show-steps.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-input__wrap\\"><div class=\\"t-time-picker__group t-input t-is-readonly t-input--suffix\\"><input placeholder=\\"请选择时间\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/time-picker/_example/twelve-hour-meridian.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-time-picker__group t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--suffix\\"><input placeholder=\\"请选择时间\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/time-picker/_example/twelve-hour-meridian.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><div class=\\"t-time-picker\\"><div class=\\"t-input__wrap\\"><div class=\\"t-time-picker__group t-input t-is-readonly t-input--suffix\\"><input placeholder=\\"请选择时间\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/tooltip/_example/arrow.jsx correctly 1`] = `"<div class=\\"t-popup__reference\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\">默认文字提示</span></button></div>"`;
 
@@ -816,21 +816,21 @@ exports[`ssr snapshot test renders ./src/tree/_example/sync.jsx correctly 1`] =
 
 exports[`ssr snapshot test renders ./src/tree-select/_example/base.jsx correctly 1`] = `"<div style=\\"width:300px\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-tree-select t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tree-select/_example/collapsed.jsx correctly 1`] = `"<div style=\\"width:300px;display:flex;flex-direction:column;row-gap:20px\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">广州市<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">+<!-- -->1</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><div class=\\"t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">广州市<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><div class=\\"t-popup__reference\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">更多...</span></div></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tree-select/_example/collapsed.jsx correctly 1`] = `"<div style=\\"width:300px;display:flex;flex-direction:column;row-gap:20px\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">广州市<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">+<!-- -->1</span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><div class=\\"t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">广州市<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><div class=\\"t-popup__reference\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">更多...</span></div></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tree-select/_example/filterable.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:300px\\" data-reactroot=\\"\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" checked=\\"\\" value=\\"default\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">默认</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" value=\\"function\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">自定义方法</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-popup__reference t-tree-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><div class=\\"t-popup__reference t-tree-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tree-select/_example/filterable.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:300px\\" data-reactroot=\\"\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" checked=\\"\\" value=\\"default\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">默认</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio-button__former\\" value=\\"function\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">自定义方法</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-popup__reference t-tree-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><div class=\\"t-popup__reference t-tree-select t-select-input t-select-input--multiple t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/tree-select/_example/lazy.jsx correctly 1`] = `"<div style=\\"width:300px\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-tree-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tree-select/_example/multiple.jsx correctly 1`] = `"<div style=\\"width:300px\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">广州市<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">深圳市<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tree-select/_example/multiple.jsx correctly 1`] = `"<div style=\\"width:300px\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">广州市<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">深圳市<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/tree-select/_example/prefix.jsx correctly 1`] = `"<div style=\\"width:300px\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-tree-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><input placeholder=\\"请输入\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/tree-select/_example/props.jsx correctly 1`] = `"<div style=\\"width:300px\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-tree-select t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tree-select/_example/valuedisplay.jsx correctly 1`] = `"<div style=\\"width:300px;display:flex;flex-direction:column;row-gap:20px\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-tree-select t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\">广州市(guangzhou)</div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><div class=\\"t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">广州市<!-- -->(<!-- -->guangzhou<!-- -->)<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">深圳市<!-- -->(<!-- -->shenzhen<!-- -->)<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tree-select/_example/valuedisplay.jsx correctly 1`] = `"<div style=\\"width:300px;display:flex;flex-direction:column;row-gap:20px\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-tree-select t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\">广州市(guangzhou)</div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><div class=\\"t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">广州市<!-- -->(<!-- -->guangzhou<!-- -->)<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">深圳市<!-- -->(<!-- -->shenzhen<!-- -->)<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/tree-select/_example/valuetype.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:300px\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-tree-select t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><div class=\\"t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple\\"><div class=\\"t-tag-input t-tag-input--break-line t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">广州市<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">深圳市<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/tree-select/_example/valuetype.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:300px\\" data-reactroot=\\"\\"><div class=\\"t-popup__reference t-tree-select t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><div class=\\"t-popup__reference t-tree-select t-tree-select--without-input t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap\\"><div class=\\"t-tag-input t-tag-input--break-line t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">广州市<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--medium t-tag--square\\">深圳市<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><input placeholder=\\"\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/upload/_example/base.jsx correctly 1`] = `"<div><div class=\\"t-upload\\"><input type=\\"file\\" hidden=\\"\\"/><div class=\\"t-upload__single t-upload__single-file\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-upload\\"><path fill=\\"currentColor\\" d=\\"M3.74 6.68L7.5 2.9v8.59h1V2.91l3.76 3.77.71-.7-4.62-4.63a.5.5 0 00-.7 0L3.03 5.97l.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-button__text\\">选择文件</span></button></div></div><small class=\\"t-upload__tips t-size-s\\">上传文件大小在 5M 以内</small></div></div>"`;