From 3e4564ec0e38779d814f2588f018b0c935484c4f Mon Sep 17 00:00:00 2001
From: yijie4188 <yijie4188@gmail.com>
Date: Sun, 26 Nov 2023 04:15:37 +0800
Subject: [PATCH 1/2] fix(radio): group can't render outline variant by options
 prop

---
 src/radio/RadioGroup.tsx                  |   2 +-
 src/radio/__tests__/radio.test.tsx        |  26 ++-
 test/snap/__snapshots__/csr.test.jsx.snap | 240 +++++++++++-----------
 test/snap/__snapshots__/ssr.test.jsx.snap |   8 +-
 4 files changed, 145 insertions(+), 131 deletions(-)

diff --git a/src/radio/RadioGroup.tsx b/src/radio/RadioGroup.tsx
index 9032d3532d..9769141680 100644
--- a/src/radio/RadioGroup.tsx
+++ b/src/radio/RadioGroup.tsx
@@ -86,7 +86,7 @@ const RadioGroup = (props: RadioGroupProps) => {
   };
 
   const renderOptions = () => {
-    const Comp = variant.includes('filled') ? Radio.Button : Radio;
+    const Comp = variant.includes('filled') || variant === 'outline' ? Radio.Button : Radio;
     return options.map((item) => {
       let label: ReactNode;
       let value: string | number;
diff --git a/src/radio/__tests__/radio.test.tsx b/src/radio/__tests__/radio.test.tsx
index 896ae94d17..aa26ecd8c9 100644
--- a/src/radio/__tests__/radio.test.tsx
+++ b/src/radio/__tests__/radio.test.tsx
@@ -81,13 +81,27 @@ describe('RadioGroup', () => {
 
   test('variant', () => {
     const { container } = render(
-      <Radio.Group
-        variant="primary-filled"
-        defaultValue="北京"
-        options={[{ value: '上海', label: '上海' }, { value: '广州', label: '广州', disabled: true }, '北京', 1]}
-      />,
+      <>
+        <Radio.Group
+          variant="outline"
+          defaultValue="北京"
+          options={[{ value: '上海', label: '上海' }, { value: '广州', label: '广州', disabled: true }, '北京', 1]}
+        />
+        <Radio.Group
+          variant="primary-filled"
+          defaultValue="北京"
+          options={[{ value: '上海', label: '上海' }, { value: '广州', label: '广州', disabled: true }, '北京', 1]}
+        />
+        <Radio.Group
+          variant="default-filled"
+          defaultValue="北京"
+          options={[{ value: '上海', label: '上海' }, { value: '广州', label: '广州', disabled: true }, '北京', 1]}
+        />
+      </>,
     );
-    expect(container.firstChild.firstChild).toHaveClass('t-radio-button');
+    for (const item of container.children) {
+      expect(item.firstChild).toHaveClass('t-radio-button');
+    }
   });
 
   test('value is string', () => {
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index a49e79852f..5af7812bc7 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -49234,42 +49234,42 @@ exports[`csr snapshot test > csr test src/collapse/_example/icon.jsx 1`] = `
                 class="t-radio-group t-size-m t-radio-group__outline"
               >
                 <label
-                  class="t-radio t-is-checked"
+                  class="t-radio-button t-is-checked"
                   tabindex="0"
                 >
                   <input
                     checked=""
-                    class="t-radio__former"
+                    class="t-radio-button__former"
                     data-value="1"
                     tabindex="-1"
                     type="radio"
                     value="1"
                   />
                   <span
-                    class="t-radio__input"
+                    class="t-radio-button__input"
                   />
                   <span
-                    class="t-radio__label"
+                    class="t-radio-button__label"
                   >
                     左边
                   </span>
                 </label>
                 <label
-                  class="t-radio"
+                  class="t-radio-button"
                   tabindex="0"
                 >
                   <input
-                    class="t-radio__former"
+                    class="t-radio-button__former"
                     data-value="2"
                     tabindex="-1"
                     type="radio"
                     value="2"
                   />
                   <span
-                    class="t-radio__input"
+                    class="t-radio-button__input"
                   />
                   <span
-                    class="t-radio__label"
+                    class="t-radio-button__label"
                   >
                     右边
                   </span>
@@ -49568,42 +49568,42 @@ exports[`csr snapshot test > csr test src/collapse/_example/icon.jsx 1`] = `
               class="t-radio-group t-size-m t-radio-group__outline"
             >
               <label
-                class="t-radio t-is-checked"
+                class="t-radio-button t-is-checked"
                 tabindex="0"
               >
                 <input
                   checked=""
-                  class="t-radio__former"
+                  class="t-radio-button__former"
                   data-value="1"
                   tabindex="-1"
                   type="radio"
                   value="1"
                 />
                 <span
-                  class="t-radio__input"
+                  class="t-radio-button__input"
                 />
                 <span
-                  class="t-radio__label"
+                  class="t-radio-button__label"
                 >
                   左边
                 </span>
               </label>
               <label
-                class="t-radio"
+                class="t-radio-button"
                 tabindex="0"
               >
                 <input
-                  class="t-radio__former"
+                  class="t-radio-button__former"
                   data-value="2"
                   tabindex="-1"
                   type="radio"
                   value="2"
                 />
                 <span
-                  class="t-radio__input"
+                  class="t-radio-button__input"
                 />
                 <span
-                  class="t-radio__label"
+                  class="t-radio-button__label"
                 >
                   右边
                 </span>
@@ -96892,62 +96892,62 @@ exports[`csr snapshot test > csr test src/form/_example/validate-complicated-dat
                 class="t-radio-group t-size-m t-radio-group__outline"
               >
                 <label
-                  class="t-radio t-is-checked"
+                  class="t-radio-button t-is-checked"
                   tabindex="0"
                 >
                   <input
                     checked=""
-                    class="t-radio__former"
+                    class="t-radio-button__former"
                     data-value="1"
                     tabindex="-1"
                     type="radio"
                     value="1"
                   />
                   <span
-                    class="t-radio__input"
+                    class="t-radio-button__input"
                   />
                   <span
-                    class="t-radio__label"
+                    class="t-radio-button__label"
                   >
                     学校一
                   </span>
                 </label>
                 <label
-                  class="t-radio"
+                  class="t-radio-button"
                   tabindex="0"
                 >
                   <input
-                    class="t-radio__former"
+                    class="t-radio-button__former"
                     data-value="2"
                     tabindex="-1"
                     type="radio"
                     value="2"
                   />
                   <span
-                    class="t-radio__input"
+                    class="t-radio-button__input"
                   />
                   <span
-                    class="t-radio__label"
+                    class="t-radio-button__label"
                   >
                     学校二
                   </span>
                 </label>
                 <label
-                  class="t-radio"
+                  class="t-radio-button"
                   tabindex="0"
                 >
                   <input
-                    class="t-radio__former"
+                    class="t-radio-button__former"
                     data-value="3"
                     tabindex="-1"
                     type="radio"
                     value="3"
                   />
                   <span
-                    class="t-radio__input"
+                    class="t-radio-button__input"
                   />
                   <span
-                    class="t-radio__label"
+                    class="t-radio-button__label"
                   >
                     学校三
                   </span>
@@ -97675,62 +97675,62 @@ exports[`csr snapshot test > csr test src/form/_example/validate-complicated-dat
               class="t-radio-group t-size-m t-radio-group__outline"
             >
               <label
-                class="t-radio t-is-checked"
+                class="t-radio-button t-is-checked"
                 tabindex="0"
               >
                 <input
                   checked=""
-                  class="t-radio__former"
+                  class="t-radio-button__former"
                   data-value="1"
                   tabindex="-1"
                   type="radio"
                   value="1"
                 />
                 <span
-                  class="t-radio__input"
+                  class="t-radio-button__input"
                 />
                 <span
-                  class="t-radio__label"
+                  class="t-radio-button__label"
                 >
                   学校一
                 </span>
               </label>
               <label
-                class="t-radio"
+                class="t-radio-button"
                 tabindex="0"
               >
                 <input
-                  class="t-radio__former"
+                  class="t-radio-button__former"
                   data-value="2"
                   tabindex="-1"
                   type="radio"
                   value="2"
                 />
                 <span
-                  class="t-radio__input"
+                  class="t-radio-button__input"
                 />
                 <span
-                  class="t-radio__label"
+                  class="t-radio-button__label"
                 >
                   学校二
                 </span>
               </label>
               <label
-                class="t-radio"
+                class="t-radio-button"
                 tabindex="0"
               >
                 <input
-                  class="t-radio__former"
+                  class="t-radio-button__former"
                   data-value="3"
                   tabindex="-1"
                   type="radio"
                   value="3"
                 />
                 <span
-                  class="t-radio__input"
+                  class="t-radio-button__input"
                 />
                 <span
-                  class="t-radio__label"
+                  class="t-radio-button__label"
                 >
                   学校三
                 </span>
@@ -152918,11 +152918,11 @@ exports[`csr snapshot test > csr test src/radio/_example/group.jsx 1`] = `
             class="t-radio-group t-size-m t-radio-group__outline"
           >
             <label
-              class="t-radio"
+              class="t-radio-button"
               tabindex="0"
             >
               <input
-                class="t-radio__former"
+                class="t-radio-button__former"
                 data-allow-uncheck="true"
                 data-value="'bj'"
                 tabindex="-1"
@@ -152930,20 +152930,20 @@ exports[`csr snapshot test > csr test src/radio/_example/group.jsx 1`] = `
                 value="bj"
               />
               <span
-                class="t-radio__input"
+                class="t-radio-button__input"
               />
               <span
-                class="t-radio__label"
+                class="t-radio-button__label"
               >
                 北京
               </span>
             </label>
             <label
-              class="t-radio"
+              class="t-radio-button"
               tabindex="0"
             >
               <input
-                class="t-radio__former"
+                class="t-radio-button__former"
                 data-allow-uncheck="true"
                 data-value="'sh'"
                 tabindex="-1"
@@ -152951,19 +152951,19 @@ exports[`csr snapshot test > csr test src/radio/_example/group.jsx 1`] = `
                 value="sh"
               />
               <span
-                class="t-radio__input"
+                class="t-radio-button__input"
               />
               <span
-                class="t-radio__label"
+                class="t-radio-button__label"
               >
                 上海
               </span>
             </label>
             <label
-              class="t-radio t-is-disabled"
+              class="t-radio-button t-is-disabled"
             >
               <input
-                class="t-radio__former"
+                class="t-radio-button__former"
                 data-allow-uncheck="true"
                 data-value="'gz'"
                 disabled=""
@@ -152972,21 +152972,21 @@ exports[`csr snapshot test > csr test src/radio/_example/group.jsx 1`] = `
                 value="gz"
               />
               <span
-                class="t-radio__input"
+                class="t-radio-button__input"
               />
               <span
-                class="t-radio__label"
+                class="t-radio-button__label"
               >
                 广州
               </span>
             </label>
             <label
-              class="t-radio t-is-checked"
+              class="t-radio-button t-is-checked"
               tabindex="0"
             >
               <input
                 checked=""
-                class="t-radio__former"
+                class="t-radio-button__former"
                 data-allow-uncheck="true"
                 data-value="'sz'"
                 tabindex="-1"
@@ -152994,10 +152994,10 @@ exports[`csr snapshot test > csr test src/radio/_example/group.jsx 1`] = `
                 value="sz"
               />
               <span
-                class="t-radio__input"
+                class="t-radio-button__input"
               />
               <span
-                class="t-radio__label"
+                class="t-radio-button__label"
               >
                 深圳
               </span>
@@ -153104,82 +153104,82 @@ exports[`csr snapshot test > csr test src/radio/_example/group.jsx 1`] = `
             class="t-radio-group t-size-m t-radio-group__outline"
           >
             <label
-              class="t-radio"
+              class="t-radio-button"
               tabindex="0"
             >
               <input
-                class="t-radio__former"
+                class="t-radio-button__former"
                 data-value="'北京'"
                 tabindex="-1"
                 type="radio"
                 value="北京"
               />
               <span
-                class="t-radio__input"
+                class="t-radio-button__input"
               />
               <span
-                class="t-radio__label"
+                class="t-radio-button__label"
               >
                 北京
               </span>
             </label>
             <label
-              class="t-radio"
+              class="t-radio-button"
               tabindex="0"
             >
               <input
-                class="t-radio__former"
+                class="t-radio-button__former"
                 data-value="'上海'"
                 tabindex="-1"
                 type="radio"
                 value="上海"
               />
               <span
-                class="t-radio__input"
+                class="t-radio-button__input"
               />
               <span
-                class="t-radio__label"
+                class="t-radio-button__label"
               >
                 上海
               </span>
             </label>
             <label
-              class="t-radio"
+              class="t-radio-button"
               tabindex="0"
             >
               <input
-                class="t-radio__former"
+                class="t-radio-button__former"
                 data-value="'广州'"
                 tabindex="-1"
                 type="radio"
                 value="广州"
               />
               <span
-                class="t-radio__input"
+                class="t-radio-button__input"
               />
               <span
-                class="t-radio__label"
+                class="t-radio-button__label"
               >
                 广州
               </span>
             </label>
             <label
-              class="t-radio t-is-checked"
+              class="t-radio-button t-is-checked"
               tabindex="0"
             >
               <input
                 checked=""
-                class="t-radio__former"
+                class="t-radio-button__former"
                 data-value="'深圳'"
                 tabindex="-1"
                 type="radio"
                 value="深圳"
               />
               <span
-                class="t-radio__input"
+                class="t-radio-button__input"
               />
               <span
-                class="t-radio__label"
+                class="t-radio-button__label"
               >
                 深圳
               </span>
@@ -153387,11 +153387,11 @@ exports[`csr snapshot test > csr test src/radio/_example/group.jsx 1`] = `
           class="t-radio-group t-size-m t-radio-group__outline"
         >
           <label
-            class="t-radio"
+            class="t-radio-button"
             tabindex="0"
           >
             <input
-              class="t-radio__former"
+              class="t-radio-button__former"
               data-allow-uncheck="true"
               data-value="'bj'"
               tabindex="-1"
@@ -153399,20 +153399,20 @@ exports[`csr snapshot test > csr test src/radio/_example/group.jsx 1`] = `
               value="bj"
             />
             <span
-              class="t-radio__input"
+              class="t-radio-button__input"
             />
             <span
-              class="t-radio__label"
+              class="t-radio-button__label"
             >
               北京
             </span>
           </label>
           <label
-            class="t-radio"
+            class="t-radio-button"
             tabindex="0"
           >
             <input
-              class="t-radio__former"
+              class="t-radio-button__former"
               data-allow-uncheck="true"
               data-value="'sh'"
               tabindex="-1"
@@ -153420,19 +153420,19 @@ exports[`csr snapshot test > csr test src/radio/_example/group.jsx 1`] = `
               value="sh"
             />
             <span
-              class="t-radio__input"
+              class="t-radio-button__input"
             />
             <span
-              class="t-radio__label"
+              class="t-radio-button__label"
             >
               上海
             </span>
           </label>
           <label
-            class="t-radio t-is-disabled"
+            class="t-radio-button t-is-disabled"
           >
             <input
-              class="t-radio__former"
+              class="t-radio-button__former"
               data-allow-uncheck="true"
               data-value="'gz'"
               disabled=""
@@ -153441,21 +153441,21 @@ exports[`csr snapshot test > csr test src/radio/_example/group.jsx 1`] = `
               value="gz"
             />
             <span
-              class="t-radio__input"
+              class="t-radio-button__input"
             />
             <span
-              class="t-radio__label"
+              class="t-radio-button__label"
             >
               广州
             </span>
           </label>
           <label
-            class="t-radio t-is-checked"
+            class="t-radio-button t-is-checked"
             tabindex="0"
           >
             <input
               checked=""
-              class="t-radio__former"
+              class="t-radio-button__former"
               data-allow-uncheck="true"
               data-value="'sz'"
               tabindex="-1"
@@ -153463,10 +153463,10 @@ exports[`csr snapshot test > csr test src/radio/_example/group.jsx 1`] = `
               value="sz"
             />
             <span
-              class="t-radio__input"
+              class="t-radio-button__input"
             />
             <span
-              class="t-radio__label"
+              class="t-radio-button__label"
             >
               深圳
             </span>
@@ -153573,82 +153573,82 @@ exports[`csr snapshot test > csr test src/radio/_example/group.jsx 1`] = `
           class="t-radio-group t-size-m t-radio-group__outline"
         >
           <label
-            class="t-radio"
+            class="t-radio-button"
             tabindex="0"
           >
             <input
-              class="t-radio__former"
+              class="t-radio-button__former"
               data-value="'北京'"
               tabindex="-1"
               type="radio"
               value="北京"
             />
             <span
-              class="t-radio__input"
+              class="t-radio-button__input"
             />
             <span
-              class="t-radio__label"
+              class="t-radio-button__label"
             >
               北京
             </span>
           </label>
           <label
-            class="t-radio"
+            class="t-radio-button"
             tabindex="0"
           >
             <input
-              class="t-radio__former"
+              class="t-radio-button__former"
               data-value="'上海'"
               tabindex="-1"
               type="radio"
               value="上海"
             />
             <span
-              class="t-radio__input"
+              class="t-radio-button__input"
             />
             <span
-              class="t-radio__label"
+              class="t-radio-button__label"
             >
               上海
             </span>
           </label>
           <label
-            class="t-radio"
+            class="t-radio-button"
             tabindex="0"
           >
             <input
-              class="t-radio__former"
+              class="t-radio-button__former"
               data-value="'广州'"
               tabindex="-1"
               type="radio"
               value="广州"
             />
             <span
-              class="t-radio__input"
+              class="t-radio-button__input"
             />
             <span
-              class="t-radio__label"
+              class="t-radio-button__label"
             >
               广州
             </span>
           </label>
           <label
-            class="t-radio t-is-checked"
+            class="t-radio-button t-is-checked"
             tabindex="0"
           >
             <input
               checked=""
-              class="t-radio__former"
+              class="t-radio-button__former"
               data-value="'深圳'"
               tabindex="-1"
               type="radio"
               value="深圳"
             />
             <span
-              class="t-radio__input"
+              class="t-radio-button__input"
             />
             <span
-              class="t-radio__label"
+              class="t-radio-button__label"
             >
               深圳
             </span>
@@ -172099,42 +172099,42 @@ exports[`csr snapshot test > csr test src/select-input/_example/multiple.jsx 1`]
             class="t-radio-group t-size-m t-radio-group__outline"
           >
             <label
-              class="t-radio"
+              class="t-radio-button"
               tabindex="0"
             >
               <input
-                class="t-radio__former"
+                class="t-radio-button__former"
                 data-value="'scroll'"
                 tabindex="-1"
                 type="radio"
                 value="scroll"
               />
               <span
-                class="t-radio__input"
+                class="t-radio-button__input"
               />
               <span
-                class="t-radio__label"
+                class="t-radio-button__label"
               >
                 选中项过多横向滚动
               </span>
             </label>
             <label
-              class="t-radio t-is-checked"
+              class="t-radio-button t-is-checked"
               tabindex="0"
             >
               <input
                 checked=""
-                class="t-radio__former"
+                class="t-radio-button__former"
                 data-value="'break-line'"
                 tabindex="-1"
                 type="radio"
                 value="break-line"
               />
               <span
-                class="t-radio__input"
+                class="t-radio-button__input"
               />
               <span
-                class="t-radio__label"
+                class="t-radio-button__label"
               >
                 选中项过多换行显示
               </span>
@@ -172304,42 +172304,42 @@ exports[`csr snapshot test > csr test src/select-input/_example/multiple.jsx 1`]
           class="t-radio-group t-size-m t-radio-group__outline"
         >
           <label
-            class="t-radio"
+            class="t-radio-button"
             tabindex="0"
           >
             <input
-              class="t-radio__former"
+              class="t-radio-button__former"
               data-value="'scroll'"
               tabindex="-1"
               type="radio"
               value="scroll"
             />
             <span
-              class="t-radio__input"
+              class="t-radio-button__input"
             />
             <span
-              class="t-radio__label"
+              class="t-radio-button__label"
             >
               选中项过多横向滚动
             </span>
           </label>
           <label
-            class="t-radio t-is-checked"
+            class="t-radio-button t-is-checked"
             tabindex="0"
           >
             <input
               checked=""
-              class="t-radio__former"
+              class="t-radio-button__former"
               data-value="'break-line'"
               tabindex="-1"
               type="radio"
               value="break-line"
             />
             <span
-              class="t-radio__input"
+              class="t-radio-button__input"
             />
             <span
-              class="t-radio__label"
+              class="t-radio-button__label"
             >
               选中项过多换行显示
             </span>
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index b3d1e35ce2..56b30b2a45 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -220,7 +220,7 @@ exports[`ssr snapshot test > ssr test src/checkbox/_example/max.jsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/collapse/_example/base.jsx 1`] = `"<div class=\\"t-collapse\\"><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed\\"><div class=\\"t-collapse-panel__content\\">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left t-collapse-panel__icon--active\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>设置默认展开项<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active\\"><div class=\\"t-collapse-panel__content\\">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>自定义折叠面板内容<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed\\"><div class=\\"t-collapse-panel__content\\"><div style=\\"width:80%\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"Vue\\">Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"React\\">React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><input placeholder=\\"\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__input-pre\\"></span></div></div></div></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>当前折叠面板折叠时，销毁面板内容<div class=\\"t-collapse-panel__header--blank\\"></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>嵌套使用折叠面板<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed\\"><div class=\\"t-collapse-panel__content\\"><div class=\\"t-collapse\\"><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed\\"><div class=\\"t-collapse-panel__content\\">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed\\"><div class=\\"t-collapse-panel__content\\">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/collapse/_example/icon.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-collapse\\"><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed\\"><div class=\\"t-collapse-panel__content\\">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>折叠后自动销毁<div class=\\"t-collapse-panel__header--blank\\"></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>自定义折叠面板内容<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed\\"><div class=\\"t-collapse-panel__content\\"><div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"Vue\\">Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"React\\">React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><input placeholder=\\"\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__input-pre\\"></span></div></div></div></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z\\"></path></svg></div>自定义图标<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed\\"><div class=\\"t-collapse-panel__content\\">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"1\\" checked=\\"\\" value=\\"1\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">左边</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"2\\" value=\\"2\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">右边</span></label></div></div><div class=\\"t-space-item\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">仅图标响应点击</span></label></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/collapse/_example/icon.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-collapse\\"><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed\\"><div class=\\"t-collapse-panel__content\\">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>折叠后自动销毁<div class=\\"t-collapse-panel__header--blank\\"></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>自定义折叠面板内容<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed\\"><div class=\\"t-collapse-panel__content\\"><div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"Vue\\">Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"React\\">React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><input placeholder=\\"\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__input-pre\\"></span></div></div></div></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z\\"></path></svg></div>自定义图标<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed\\"><div class=\\"t-collapse-panel__content\\">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"1\\" checked=\\"\\" value=\\"1\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">左边</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"2\\" value=\\"2\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">右边</span></label></div></div><div class=\\"t-space-item\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">仅图标响应点击</span></label></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/collapse/_example/mutex.jsx 1`] = `"<div class=\\"t-collapse\\"><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed\\"><div class=\\"t-collapse-panel__content\\">这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>折叠后自动销毁<div class=\\"t-collapse-panel__header--blank\\"></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg class=\\"t-fake-arrow t-collapse-panel__icon--default\\" 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>自定义折叠面板内容<div class=\\"t-collapse-panel__header--blank\\"></div></div><div style=\\"height:0\\" class=\\"t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed\\"><div class=\\"t-collapse-panel__content\\"><div class=\\"tdesign-demo-block-column\\" style=\\"width:80%\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"Vue\\">Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"React\\">React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><input placeholder=\\"\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__input-pre\\"></span></div></div></div></div></div></div></div></div>"`;
 
@@ -386,7 +386,7 @@ exports[`ssr snapshot test > ssr test src/form/_example/nested-data.jsx 1`] = `"
 
 exports[`ssr snapshot test > ssr test src/form/_example/reset.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;empty&#x27;\\" value=\\"empty\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">重置为空</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;initial&#x27;\\" checked=\\"\\" value=\\"initial\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><span class=\\"t-trigger\\"> 重置为初始值 </span></span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-space-item\\"><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\\" value=\\"TDesign\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"请输入内容\\" type=\\"text\\" 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\\" value=\\"12345678910\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"请输入内容\\" type=\\"text\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" checked=\\"\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;1&#x27;\\" checked=\\"\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;2&#x27;\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;3&#x27;\\" 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=\\"margin-left:100px\\"><div class=\\"t-form__controls\\"><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></div>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/validate-complicated-data.jsx 1`] = `"<form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__school\\"><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 tabindex=\\"0\\" class=\\"t-radio t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"1\\" checked=\\"\\" value=\\"1\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">学校一</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"2\\" value=\\"2\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">学校二</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"3\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></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 t-is-smooth\\" style=\\"transform:translate(0px, 0)\\"><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-top\\"><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\\" value=\\"StudentA\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"请输入内容\\" type=\\"text\\" 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 tabindex=\\"0\\" class=\\"t-radio t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;wenke&#x27;\\" checked=\\"\\" value=\\"wenke\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">文科</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;like&#x27;\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">全部</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" checked=\\"\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;1&#x27;\\" checked=\\"\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;2&#x27;\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;3&#x27;\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">物理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;4&#x27;\\" value=\\"4\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">化学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;5&#x27;\\" value=\\"5\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">地理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;6&#x27;\\" 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=\\"margin-left:100px\\"><div class=\\"t-form__controls\\"><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 class=\\"t-tab-panel\\" style=\\"display:none\\"><div style=\\"padding:24px 24px 24px 0\\"><div class=\\"t-form__item t-form-item__students[1].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\\" value=\\"StudentB\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"请输入内容\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"StudentB\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__students[1].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 tabindex=\\"0\\" class=\\"t-radio t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;wenke&#x27;\\" checked=\\"\\" value=\\"wenke\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">文科</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;like&#x27;\\" 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[1].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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">全部</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;1&#x27;\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;2&#x27;\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;3&#x27;\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">物理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;4&#x27;\\" value=\\"4\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">化学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;5&#x27;\\" value=\\"5\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">地理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;6&#x27;\\" 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=\\"margin-left:100px\\"><div class=\\"t-form__controls\\"><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 > ssr test src/form/_example/validate-complicated-data.jsx 1`] = `"<form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__school\\"><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 tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"1\\" checked=\\"\\" value=\\"1\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">学校一</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"2\\" value=\\"2\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">学校二</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"3\\" value=\\"3\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></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 t-is-smooth\\" style=\\"transform:translate(0px, 0)\\"><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-top\\"><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\\" value=\\"StudentA\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"请输入内容\\" type=\\"text\\" 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 tabindex=\\"0\\" class=\\"t-radio t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;wenke&#x27;\\" checked=\\"\\" value=\\"wenke\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">文科</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;like&#x27;\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">全部</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" checked=\\"\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;1&#x27;\\" checked=\\"\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;2&#x27;\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;3&#x27;\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">物理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;4&#x27;\\" value=\\"4\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">化学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;5&#x27;\\" value=\\"5\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">地理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;6&#x27;\\" 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=\\"margin-left:100px\\"><div class=\\"t-form__controls\\"><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 class=\\"t-tab-panel\\" style=\\"display:none\\"><div style=\\"padding:24px 24px 24px 0\\"><div class=\\"t-form__item t-form-item__students[1].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\\" value=\\"StudentB\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"请输入内容\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"StudentB\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__students[1].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 tabindex=\\"0\\" class=\\"t-radio t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;wenke&#x27;\\" checked=\\"\\" value=\\"wenke\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">文科</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;like&#x27;\\" 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[1].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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">全部</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;1&#x27;\\" value=\\"1\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;2&#x27;\\" value=\\"2\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;3&#x27;\\" value=\\"3\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">物理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;4&#x27;\\" value=\\"4\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">化学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;5&#x27;\\" value=\\"5\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">地理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;6&#x27;\\" 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=\\"margin-left:100px\\"><div class=\\"t-form__controls\\"><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 > ssr test src/form/_example/validate-message.jsx 1`] = `"<form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account t-form__item-with-help\\"><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\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-input__help\\">这是用户名字段帮助说明</div></div></div><div class=\\"t-form__item t-form-item__description t-form__item-with-help\\"><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\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div><div class=\\"t-input__help\\">一句话介绍自己</div></div></div><div class=\\"t-form__item t-form-item__password\\"><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\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--suffix\\"><input placeholder=\\"please enter\\" type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-form__item\\" style=\\"margin-left:100px\\"><div class=\\"t-form__controls\\"><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>"`;
 
@@ -696,7 +696,7 @@ exports[`ssr snapshot test > ssr test src/progress/_example/plump.jsx 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test src/radio/_example/base.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">未选中</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">取消选中</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" checked=\\"\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">已选中</span></label></div><div class=\\"t-space-item\\"><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" class=\\"t-radio__former\\" disabled=\\"\\" tabindex=\\"-1\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">禁用未选中</span></label></div><div class=\\"t-space-item\\"><label class=\\"t-radio t-is-checked t-is-disabled\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" disabled=\\"\\" tabindex=\\"-1\\" checked=\\"\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">禁用已选中</span></label></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/radio/_example/group.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;bj&#x27;\\" data-allow-uncheck=\\"true\\" checked=\\"\\" value=\\"bj\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sh&#x27;\\" data-allow-uncheck=\\"true\\" value=\\"sh\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">上海</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;gz&#x27;\\" data-allow-uncheck=\\"true\\" value=\\"gz\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sz&#x27;\\" data-allow-uncheck=\\"true\\" value=\\"sz\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">深圳</span></label></div></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;bj&#x27;\\" data-allow-uncheck=\\"true\\" value=\\"bj\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sh&#x27;\\" data-allow-uncheck=\\"true\\" value=\\"sh\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">上海</span></label><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" class=\\"t-radio__former\\" disabled=\\"\\" tabindex=\\"-1\\" data-value=\\"&#x27;gz&#x27;\\" data-allow-uncheck=\\"true\\" value=\\"gz\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sz&#x27;\\" data-allow-uncheck=\\"true\\" checked=\\"\\" value=\\"sz\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">深圳</span></label></div></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;bj&#x27;\\" value=\\"bj\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sh&#x27;\\" value=\\"sh\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上海</span></label><label class=\\"t-radio-button t-is-disabled\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" disabled=\\"\\" tabindex=\\"-1\\" data-value=\\"&#x27;gz&#x27;\\" value=\\"gz\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sz&#x27;\\" checked=\\"\\" value=\\"sz\\"/><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-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;北京&#x27;\\" value=\\"北京\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;上海&#x27;\\" value=\\"上海\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">上海</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;广州&#x27;\\" value=\\"广州\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;深圳&#x27;\\" checked=\\"\\" value=\\"深圳\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">深圳</span></label></div></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;北京&#x27;\\" value=\\"北京\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;上海&#x27;\\" value=\\"上海\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上海</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;广州&#x27;\\" value=\\"广州\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;深圳&#x27;\\" checked=\\"\\" value=\\"深圳\\"/><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>"`;
+exports[`ssr snapshot test > ssr test src/radio/_example/group.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;bj&#x27;\\" data-allow-uncheck=\\"true\\" checked=\\"\\" value=\\"bj\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sh&#x27;\\" data-allow-uncheck=\\"true\\" value=\\"sh\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">上海</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;gz&#x27;\\" data-allow-uncheck=\\"true\\" value=\\"gz\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sz&#x27;\\" data-allow-uncheck=\\"true\\" value=\\"sz\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">深圳</span></label></div></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;bj&#x27;\\" data-allow-uncheck=\\"true\\" value=\\"bj\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sh&#x27;\\" data-allow-uncheck=\\"true\\" value=\\"sh\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上海</span></label><label class=\\"t-radio-button t-is-disabled\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" disabled=\\"\\" tabindex=\\"-1\\" data-value=\\"&#x27;gz&#x27;\\" data-allow-uncheck=\\"true\\" value=\\"gz\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sz&#x27;\\" data-allow-uncheck=\\"true\\" checked=\\"\\" value=\\"sz\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">深圳</span></label></div></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;bj&#x27;\\" value=\\"bj\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sh&#x27;\\" value=\\"sh\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上海</span></label><label class=\\"t-radio-button t-is-disabled\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" disabled=\\"\\" tabindex=\\"-1\\" data-value=\\"&#x27;gz&#x27;\\" value=\\"gz\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sz&#x27;\\" checked=\\"\\" value=\\"sz\\"/><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-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;北京&#x27;\\" value=\\"北京\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;上海&#x27;\\" value=\\"上海\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上海</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;广州&#x27;\\" value=\\"广州\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;深圳&#x27;\\" checked=\\"\\" value=\\"深圳\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">深圳</span></label></div></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled t-radio-group--primary-filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;北京&#x27;\\" value=\\"北京\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;上海&#x27;\\" value=\\"上海\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上海</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;广州&#x27;\\" value=\\"广州\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;深圳&#x27;\\" checked=\\"\\" value=\\"深圳\\"/><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>"`;
 
 exports[`ssr snapshot test > ssr test src/radio/_example/size.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-s t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;bj&#x27;\\" checked=\\"\\" value=\\"bj\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sh&#x27;\\" value=\\"sh\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上海</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;gz&#x27;\\" value=\\"gz\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sz&#x27;\\" value=\\"sz\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">深圳</span></label></div></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;bj1&#x27;\\" value=\\"bj1\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sh1&#x27;\\" checked=\\"\\" value=\\"sh1\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上海</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;gz1&#x27;\\" value=\\"gz1\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sz1&#x27;\\" value=\\"sz1\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">深圳</span></label></div></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-l t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;bj2&#x27;\\" value=\\"bj2\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sh2&#x27;\\" value=\\"sh2\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上海</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;gz2&#x27;\\" checked=\\"\\" value=\\"gz2\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sz2&#x27;\\" value=\\"sz2\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">深圳</span></label></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;bj&#x27;\\" checked=\\"\\" value=\\"bj\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sh&#x27;\\" value=\\"sh\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上海</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;gz&#x27;\\" value=\\"gz\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sz&#x27;\\" value=\\"sz\\"/><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-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;bj1&#x27;\\" value=\\"bj1\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sh1&#x27;\\" checked=\\"\\" value=\\"sh1\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上海</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;gz1&#x27;\\" value=\\"gz1\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sz1&#x27;\\" value=\\"sz1\\"/><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-space-item\\"><div class=\\"t-radio-group t-size-l t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;bj2&#x27;\\" value=\\"bj2\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">北京</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sh2&#x27;\\" value=\\"sh2\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上海</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;gz2&#x27;\\" checked=\\"\\" value=\\"gz2\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">广州</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;sz2&#x27;\\" value=\\"sz2\\"/><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></div></div>"`;
 
@@ -786,7 +786,7 @@ exports[`ssr snapshot test > ssr test src/select-input/_example/excess-tags-disp
 
 exports[`ssr snapshot test > ssr test src/select-input/_example/label-suffix.jsx 1`] = `"<div><div class=\\"t-select-input\\" style=\\"width:300px\\"><div class=\\"t-input__wrap\\" value=\\"tdesign-vue\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span>前置内容：</span></div><input placeholder=\\"Please Select\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"tdesign-vue\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span></div></div></div><br/> <br/><div class=\\"t-select-input\\" style=\\"width:300px\\"><div class=\\"t-input__wrap\\" value=\\"tdesign-vue\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"tdesign-vue\\"/><div class=\\"t-input__suffix\\"><span>单位：元</span></div><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/select-input/_example/multiple.jsx 1`] = `"<div class=\\"tdesign-demo__select-input-multiple\\" style=\\"width:100%\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" checked=\\"\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" checked=\\"\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否允许输入</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" checked=\\"\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;scroll&#x27;\\" value=\\"scroll\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中项过多横向滚动</span></label><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;break-line&#x27;\\" checked=\\"\\" value=\\"break-line\\"/><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中项过多换行显示</span></label></div></div><br/><br/><div class=\\"t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"Vue\\">Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"React\\">React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"Miniprogram\\">Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><input placeholder=\\"\\" type=\\"text\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/select-input/_example/multiple.jsx 1`] = `"<div class=\\"tdesign-demo__select-input-multiple\\" style=\\"width:100%\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" checked=\\"\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" checked=\\"\\"/><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否允许输入</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" checked=\\"\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;scroll&#x27;\\" value=\\"scroll\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">选中项过多横向滚动</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;break-line&#x27;\\" checked=\\"\\" value=\\"break-line\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">选中项过多换行显示</span></label></div></div><br/><br/><div class=\\"t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"Vue\\">Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"React\\">React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><div class=\\"t-tag t-tag--default t-tag--dark\\"><span title=\\"Miniprogram\\">Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div><input placeholder=\\"\\" type=\\"text\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/select-input/_example/single.jsx 1`] = `"<div><div class=\\"t-select-input\\" style=\\"width:300px\\"><div class=\\"t-input__wrap\\" value=\\"tdesign-vue\\"><div class=\\"t-input t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"tdesign-vue\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span></div></div></div></div>"`;
 

From fa7cd259353c8f6d80c2fbc44a189ad09af23aaf Mon Sep 17 00:00:00 2001
From: yijie4188 <yijie4188@gmail.com>
Date: Tue, 28 Nov 2023 10:19:33 +0800
Subject: [PATCH 2/2] feat(radio): more unit test

---
 src/radio/__tests__/radio.test.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/radio/__tests__/radio.test.tsx b/src/radio/__tests__/radio.test.tsx
index aa26ecd8c9..bae32f44bb 100644
--- a/src/radio/__tests__/radio.test.tsx
+++ b/src/radio/__tests__/radio.test.tsx
@@ -82,6 +82,10 @@ describe('RadioGroup', () => {
   test('variant', () => {
     const { container } = render(
       <>
+        <Radio.Group
+          defaultValue="北京"
+          options={[{ value: '上海', label: '上海' }, { value: '广州', label: '广州', disabled: true }, '北京', 1]}
+        />
         <Radio.Group
           variant="outline"
           defaultValue="北京"
@@ -99,7 +103,8 @@ describe('RadioGroup', () => {
         />
       </>,
     );
-    for (const item of container.children) {
+    expect(container.firstChild.firstChild).toHaveClass('t-radio');
+    for (const item of [...container.children].slice(1)) {
       expect(item.firstChild).toHaveClass('t-radio-button');
     }
   });