From fe6ab273284ab9823b5085284f83d5749b4ce7c1 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Tue, 16 Aug 2022 13:51:52 +0800
Subject: [PATCH] fix(dropdown): children type

---
 .../__snapshots__/card.test.tsx.snap          | 178 +++++------
 src/dropdown/Dropdown.tsx                     |   2 +-
 .../__snapshots__/dropdown.test.tsx.snap      | 280 ++++++++----------
 test/ssr/__snapshots__/ssr.test.js.snap       |  26 +-
 4 files changed, 215 insertions(+), 271 deletions(-)

diff --git a/src/card/__tests__/__snapshots__/card.test.tsx.snap b/src/card/__tests__/__snapshots__/card.test.tsx.snap
index 7eefe2fcd..71549d778 100644
--- a/src/card/__tests__/__snapshots__/card.test.tsx.snap
+++ b/src/card/__tests__/__snapshots__/card.test.tsx.snap
@@ -476,33 +476,29 @@ exports[`footer-actions.jsx 1`] = `
               class="t-col"
               style="flex-basis: auto;"
             >
-              <span
-                class="t-trigger"
+              <button
+                class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+                type="button"
               >
-                <button
-                  class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-                  type="button"
+                <span
+                  class="t-button__text"
                 >
-                  <span
-                    class="t-button__text"
+                  <svg
+                    class="t-icon t-icon-more"
+                    fill="none"
+                    height="1em"
+                    style="font-size: 24px;"
+                    viewBox="0 0 16 16"
+                    width="1em"
                   >
-                    <svg
-                      class="t-icon t-icon-more"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <path
-                        d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                    <path
+                      d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z"
+                      fill="currentColor"
+                      fill-opacity="0.9"
+                    />
+                  </svg>
+                </span>
+              </button>
             </div>
           </div>
         </div>
@@ -567,33 +563,29 @@ exports[`footer-actions.jsx 1`] = `
               class="t-col"
               style="flex-basis: auto;"
             >
-              <span
-                class="t-trigger"
+              <button
+                class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+                type="button"
               >
-                <button
-                  class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-                  type="button"
+                <span
+                  class="t-button__text"
                 >
-                  <span
-                    class="t-button__text"
+                  <svg
+                    class="t-icon t-icon-more"
+                    fill="none"
+                    height="1em"
+                    style="font-size: 24px;"
+                    viewBox="0 0 16 16"
+                    width="1em"
                   >
-                    <svg
-                      class="t-icon t-icon-more"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <path
-                        d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                    <path
+                      d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z"
+                      fill="currentColor"
+                      fill-opacity="0.9"
+                    />
+                  </svg>
+                </span>
+              </button>
             </div>
           </div>
         </div>
@@ -723,26 +715,22 @@ exports[`footer-content-actions.jsx 1`] = `
       <div
         class="t-card__actions"
       >
-        <span
-          class="t-trigger"
+        <button
+          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+          type="button"
         >
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
+          <span
+            class="t-button__text"
           >
-            <span
-              class="t-button__text"
+            <svg
+              class="t-icon t-icon-more"
             >
-              <svg
-                class="t-icon t-icon-more"
-              >
-                <use
-                  xlink:href="#t-icon-more"
-                />
-              </svg>
-            </span>
-          </button>
-        </span>
+              <use
+                xlink:href="#t-icon-more"
+              />
+            </svg>
+          </span>
+        </button>
       </div>
     </div>
   </div>
@@ -953,26 +941,22 @@ exports[`header-footer-actions.jsx 1`] = `
       <div
         class="t-card__actions"
       >
-        <span
-          class="t-trigger"
+        <button
+          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+          type="button"
         >
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
+          <span
+            class="t-button__text"
           >
-            <span
-              class="t-button__text"
+            <svg
+              class="t-icon t-icon-more"
             >
-              <svg
-                class="t-icon t-icon-more"
-              >
-                <use
-                  xlink:href="#t-icon-more"
-                />
-              </svg>
-            </span>
-          </button>
-        </span>
+              <use
+                xlink:href="#t-icon-more"
+              />
+            </svg>
+          </span>
+        </button>
       </div>
     </div>
     <div
@@ -1161,26 +1145,22 @@ exports[`header-subtitle-footer-actions.jsx 1`] = `
       <div
         class="t-card__actions"
       >
-        <span
-          class="t-trigger"
+        <button
+          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+          type="button"
         >
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
+          <span
+            class="t-button__text"
           >
-            <span
-              class="t-button__text"
+            <svg
+              class="t-icon t-icon-more"
             >
-              <svg
-                class="t-icon t-icon-more"
-              >
-                <use
-                  xlink:href="#t-icon-more"
-                />
-              </svg>
-            </span>
-          </button>
-        </span>
+              <use
+                xlink:href="#t-icon-more"
+              />
+            </svg>
+          </span>
+        </button>
       </div>
     </div>
     <div
diff --git a/src/dropdown/Dropdown.tsx b/src/dropdown/Dropdown.tsx
index 4847c1936..4107df149 100644
--- a/src/dropdown/Dropdown.tsx
+++ b/src/dropdown/Dropdown.tsx
@@ -64,7 +64,7 @@ const Dropdown = (props: DropdownProps) => {
       onVisibleChange={handleVisibleChange}
       {...popupParams}
     >
-      {arrayChildren}
+      {arrayChildren?.[0]}
     </Popup>
   );
 };
diff --git a/src/dropdown/__tests__/__snapshots__/dropdown.test.tsx.snap b/src/dropdown/__tests__/__snapshots__/dropdown.test.tsx.snap
index 447b0b569..f06596c60 100644
--- a/src/dropdown/__tests__/__snapshots__/dropdown.test.tsx.snap
+++ b/src/dropdown/__tests__/__snapshots__/dropdown.test.tsx.snap
@@ -2,227 +2,191 @@
 
 exports[`base.jsx 1`] = `
 <DocumentFragment>
-  <span
-    class="t-trigger"
+  <button
+    class="t-button t-button--theme-default t-button--variant-text"
+    type="button"
   >
-    <button
-      class="t-button t-button--theme-default t-button--variant-text"
-      type="button"
+    <span
+      class="t-button__text"
     >
-      <span
-        class="t-button__text"
-      >
-        更多
-      </span>
-      <span
-        class="t-button__suffix"
+      更多
+    </span>
+    <span
+      class="t-button__suffix"
+    >
+      <svg
+        class="t-icon t-icon-chevron-down"
       >
-        <svg
-          class="t-icon t-icon-chevron-down"
-        >
-          <use
-            xlink:href="#t-icon-chevron-down"
-          />
-        </svg>
-      </span>
-    </button>
-  </span>
+        <use
+          xlink:href="#t-icon-chevron-down"
+        />
+      </svg>
+    </span>
+  </button>
 </DocumentFragment>
 `;
 
 exports[`button.jsx 1`] = `
 <DocumentFragment>
-  <span
-    class="t-trigger"
+  <button
+    class="t-button t-button--theme-default t-button--variant-outline"
+    type="button"
   >
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      type="button"
+    <span
+      class="t-button__text"
     >
-      <span
-        class="t-button__text"
+      <svg
+        class="t-icon t-icon-ellipsis"
       >
-        <svg
-          class="t-icon t-icon-ellipsis"
-        >
-          <use
-            xlink:href="#t-icon-ellipsis"
-          />
-        </svg>
-      </span>
-    </button>
-  </span>
+        <use
+          xlink:href="#t-icon-ellipsis"
+        />
+      </svg>
+    </span>
+  </button>
 </DocumentFragment>
 `;
 
 exports[`child.jsx 1`] = `
 <DocumentFragment>
-  <span
-    class="t-trigger"
+  <button
+    class="t-button t-button--theme-default t-button--variant-text"
+    type="button"
   >
-    <button
-      class="t-button t-button--theme-default t-button--variant-text"
-      type="button"
+    <span
+      class="t-button__text"
     >
-      <span
-        class="t-button__text"
-      >
-        更多
-      </span>
-      <span
-        class="t-button__suffix"
+      更多
+    </span>
+    <span
+      class="t-button__suffix"
+    >
+      <svg
+        class="t-icon t-icon-chevron-down"
       >
-        <svg
-          class="t-icon t-icon-chevron-down"
-        >
-          <use
-            xlink:href="#t-icon-chevron-down"
-          />
-        </svg>
-      </span>
-    </button>
-  </span>
+        <use
+          xlink:href="#t-icon-chevron-down"
+        />
+      </svg>
+    </span>
+  </button>
 </DocumentFragment>
 `;
 
 exports[`click.jsx 1`] = `
 <DocumentFragment>
-  <span
-    class="t-trigger"
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
   >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
+    <span
+      class="t-button__text"
     >
-      <span
-        class="t-button__text"
-      >
-        hover我试试
-      </span>
-    </button>
-  </span>
+      hover我试试
+    </span>
+  </button>
 </DocumentFragment>
 `;
 
 exports[`custom.jsx 1`] = `
 <DocumentFragment>
-  <span
-    class="t-trigger"
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
   >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
+    <span
+      class="t-button__text"
     >
-      <span
-        class="t-button__text"
-      >
-        点击我试试
-      </span>
-    </button>
-  </span>
+      点击我试试
+    </span>
+  </button>
 </DocumentFragment>
 `;
 
 exports[`disabled.jsx 1`] = `
 <DocumentFragment>
-  <span
-    class="t-trigger"
+  <button
+    class="t-button t-button--theme-default t-button--variant-text"
+    type="button"
   >
-    <button
-      class="t-button t-button--theme-default t-button--variant-text"
-      type="button"
+    <span
+      class="t-button__text"
     >
-      <span
-        class="t-button__text"
-      >
-        更多
-      </span>
-      <span
-        class="t-button__suffix"
+      更多
+    </span>
+    <span
+      class="t-button__suffix"
+    >
+      <svg
+        class="t-icon t-icon-chevron-down"
       >
-        <svg
-          class="t-icon t-icon-chevron-down"
-        >
-          <use
-            xlink:href="#t-icon-chevron-down"
-          />
-        </svg>
-      </span>
-    </button>
-  </span>
+        <use
+          xlink:href="#t-icon-chevron-down"
+        />
+      </svg>
+    </span>
+  </button>
 </DocumentFragment>
 `;
 
 exports[`long.jsx 1`] = `
 <DocumentFragment>
-  <span
-    class="t-trigger"
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
   >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
+    <span
+      class="t-button__text"
     >
-      <span
-        class="t-button__text"
-      >
-        hover我试试
-      </span>
-    </button>
-  </span>
+      hover我试试
+    </span>
+  </button>
 </DocumentFragment>
 `;
 
 exports[`multiple.jsx 1`] = `
 <DocumentFragment>
-  <span
-    class="t-trigger"
+  <button
+    class="t-button t-button--theme-default t-button--variant-outline"
+    type="button"
   >
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      type="button"
+    <span
+      class="t-button__text"
     >
-      <span
-        class="t-button__text"
+      <svg
+        class="t-icon t-icon-ellipsis"
       >
-        <svg
-          class="t-icon t-icon-ellipsis"
-        >
-          <use
-            xlink:href="#t-icon-ellipsis"
-          />
-        </svg>
-      </span>
-    </button>
-  </span>
+        <use
+          xlink:href="#t-icon-ellipsis"
+        />
+      </svg>
+    </span>
+  </button>
 </DocumentFragment>
 `;
 
 exports[`split.jsx 1`] = `
 <DocumentFragment>
-  <span
-    class="t-trigger"
+  <button
+    class="t-button t-button--theme-default t-button--variant-text"
+    type="button"
   >
-    <button
-      class="t-button t-button--theme-default t-button--variant-text"
-      type="button"
+    <span
+      class="t-button__text"
     >
-      <span
-        class="t-button__text"
-      >
-        更多
-      </span>
-      <span
-        class="t-button__suffix"
+      更多
+    </span>
+    <span
+      class="t-button__suffix"
+    >
+      <svg
+        class="t-icon t-icon-chevron-down"
       >
-        <svg
-          class="t-icon t-icon-chevron-down"
-        >
-          <use
-            xlink:href="#t-icon-chevron-down"
-          />
-        </svg>
-      </span>
-    </button>
-  </span>
+        <use
+          xlink:href="#t-icon-chevron-down"
+        />
+      </svg>
+    </span>
+  </button>
 </DocumentFragment>
 `;
diff --git a/test/ssr/__snapshots__/ssr.test.js.snap b/test/ssr/__snapshots__/ssr.test.js.snap
index a734076f8..f0d89a8e2 100644
--- a/test/ssr/__snapshots__/ssr.test.js.snap
+++ b/test/ssr/__snapshots__/ssr.test.js.snap
@@ -128,11 +128,11 @@ exports[`ssr snapshot test renders ./src/card/_example/bordered-none.jsx correct
 
 exports[`ssr snapshot test renders ./src/card/_example/footer.jsx correctly 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><div class=\\"t-card__avatar\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"width:56px;height:56px;font-size:28px\\"><span style=\\"transform:scale(1)\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div><div></div></div><div class=\\"t-card__actions\\"><span class=\\"t-tag t-tag--success t-tag--dark t-tag--medium t-tag--square\\">默认标签</span></div></div><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-row t-row--center t-row--middle\\" style=\\"margin-left:0px;margin-right:0px\\"><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M10 6h3.22a1 1 0 01.97 1.24l-1.5 6a1 1 0 01-.97.76H3a1 1 0 01-1-1V8a1 1 0 011-1h2l2-5h2a1 1 0 011 1v3zM6 7.2V13h5.72l1.5-6H9V3H7.68L6 7.2zM5 8H3v5h2V8z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M4.64 10.5H13V4H3v7.87l1.64-1.37zm-2.15 3.09a.3.3 0 01-.49-.23V4a1 1 0 011-1h10a1 1 0 011 1v6.5a1 1 0 01-1 1H5l-2.5 2.09z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/card/_example/footer-actions.jsx correctly 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-row t-row--center t-row--middle\\" style=\\"margin-left:0px;margin-right:0px\\"><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M10 6h3.22a1 1 0 01.97 1.24l-1.5 6a1 1 0 01-.97.76H3a1 1 0 01-1-1V8a1 1 0 011-1h2l2-5h2a1 1 0 011 1v3zM6 7.2V13h5.72l1.5-6H9V3H7.68L6 7.2zM5 8H3v5h2V8z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M4.64 10.5H13V4H3v7.87l1.64-1.37zm-2.15 3.09a.3.3 0 01-.49-.23V4a1 1 0 011-1h10a1 1 0 011 1v6.5a1 1 0 01-1 1H5l-2.5 2.09z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-row t-row--center t-row--middle\\" style=\\"margin-left:0px;margin-right:0px\\"><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M8 5.86l1.06-.98a2.35 2.35 0 013.25 3.4L8 12.57l-4.31-4.3a2.35 2.35 0 013.25-3.4L8 5.86zm-.39-1.72a3.35 3.35 0 00-4.63 4.84l4.87 4.87a.2.2 0 00.3 0l4.87-4.87a3.35 3.35 0 00-4.63-4.84L8 4.5l-.39-.36z\\" fill-opacity=\\"0.9\\"></path></svg></span></button><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div></div></div><div class=\\"t-card__actions\\"><div class=\\"t-col\\" style=\\"flex:auto\\" align=\\"middle\\"><span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-avatar-group t-avatar--offset-left\\"><div class=\\"t-avatar t-avatar--circle\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\"/></div><div class=\\"t-avatar t-avatar--circle\\"><span style=\\"transform:scale(1)\\">Q</span></div><div class=\\"t-avatar t-size-m t-avatar--circle\\"><span style=\\"transform:scale(1)\\">+3</span></div></div></div><div class=\\"t-card__actions\\"><div class=\\"t-col\\" style=\\"flex:auto\\" align=\\"middle\\"><span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/card/_example/footer-actions.jsx correctly 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-row t-row--center t-row--middle\\" style=\\"margin-left:0px;margin-right:0px\\"><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M10 6h3.22a1 1 0 01.97 1.24l-1.5 6a1 1 0 01-.97.76H3a1 1 0 01-1-1V8a1 1 0 011-1h2l2-5h2a1 1 0 011 1v3zM6 7.2V13h5.72l1.5-6H9V3H7.68L6 7.2zM5 8H3v5h2V8z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M4.64 10.5H13V4H3v7.87l1.64-1.37zm-2.15 3.09a.3.3 0 01-.49-.23V4a1 1 0 011-1h10a1 1 0 011 1v6.5a1 1 0 01-1 1H5l-2.5 2.09z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-row t-row--center t-row--middle\\" style=\\"margin-left:0px;margin-right:0px\\"><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M8 5.86l1.06-.98a2.35 2.35 0 013.25 3.4L8 12.57l-4.31-4.3a2.35 2.35 0 013.25-3.4L8 5.86zm-.39-1.72a3.35 3.35 0 00-4.63 4.84l4.87 4.87a.2.2 0 00.3 0l4.87-4.87a3.35 3.35 0 00-4.63-4.84L8 4.5l-.39-.36z\\" fill-opacity=\\"0.9\\"></path></svg></span></button><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div></div></div><div class=\\"t-card__actions\\"><div class=\\"t-col\\" style=\\"flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-avatar-group t-avatar--offset-left\\"><div class=\\"t-avatar t-avatar--circle\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\"/></div><div class=\\"t-avatar t-avatar--circle\\"><span style=\\"transform:scale(1)\\">Q</span></div><div class=\\"t-avatar t-size-m t-avatar--circle\\"><span style=\\"transform:scale(1)\\">+3</span></div></div></div><div class=\\"t-card__actions\\"><div class=\\"t-col\\" style=\\"flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/card/_example/footer-content.jsx correctly 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-comment\\"><div class=\\"t-comment__inner\\"><div class=\\"t-comment__avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt=\\"\\" class=\\"t-comment__avatar-image\\"/></div><div class=\\"t-comment__content\\"><div class=\\"t-comment__author\\"><span class=\\"t-comment__name\\">标题</span></div><div class=\\"t-comment__detail\\">卡片内容</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/card/_example/footer-content-actions.jsx correctly 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-comment\\"><div class=\\"t-comment__inner\\"><div class=\\"t-comment__avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt=\\"\\" class=\\"t-comment__avatar-image\\"/></div><div class=\\"t-comment__content\\"><div class=\\"t-comment__author\\"><span class=\\"t-comment__name\\">标题</span></div><div class=\\"t-comment__detail\\">卡片内容</div></div></div></div></div><div class=\\"t-card__actions\\"><span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-more\\" style=\\"font-size:24\\"><use xlink:href=\\"#t-icon-more\\"></use></svg></span></button></span></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/card/_example/footer-content-actions.jsx correctly 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-comment\\"><div class=\\"t-comment__inner\\"><div class=\\"t-comment__avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt=\\"\\" class=\\"t-comment__avatar-image\\"/></div><div class=\\"t-comment__content\\"><div class=\\"t-comment__author\\"><span class=\\"t-comment__name\\">标题</span></div><div class=\\"t-comment__detail\\">卡片内容</div></div></div></div></div><div class=\\"t-card__actions\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-more\\" style=\\"font-size:24\\"><use xlink:href=\\"#t-icon-more\\"></use></svg></span></button></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/card/_example/header.jsx correctly 1`] = `"<div class=\\"t-card t-card--bordered t-card--shadow-hover\\" style=\\"width:400px\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><div><span class=\\"t-card__title\\">标题</span></div></div><div class=\\"t-card__actions\\"><a style=\\"cursor:pointer\\">操作</a></div></div><div class=\\"t-card__body\\">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
@@ -142,11 +142,11 @@ exports[`ssr snapshot test renders ./src/card/_example/header-bordered.jsx corre
 
 exports[`ssr snapshot test renders ./src/card/_example/header-description.jsx correctly 1`] = `"<div class=\\"t-card t-card--bordered t-card--shadow-hover\\" style=\\"width:400px\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><div><span class=\\"t-card__title\\">标题</span><p class=\\"t-card__description\\">描述</p></div></div><div class=\\"t-card__actions\\">操作</div></div><div class=\\"t-card__body\\">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test renders ./src/card/_example/header-footer-actions.jsx correctly 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><div class=\\"t-card__avatar\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"width:40px;height:40px;font-size:20px\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" style=\\"width:40px;height:40px\\"/></div></div><div><span class=\\"t-card__title\\">标题</span><p class=\\"t-card__description\\">卡片内容</p></div></div><div class=\\"t-card__actions\\"><span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-more\\" style=\\"font-size:24\\"><use xlink:href=\\"#t-icon-more\\"></use></svg></span></button></span></div></div><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-row t-row--center t-row--middle\\" style=\\"margin-left:0px;margin-right:0px\\"><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M10 6h3.22a1 1 0 01.97 1.24l-1.5 6a1 1 0 01-.97.76H3a1 1 0 01-1-1V8a1 1 0 011-1h2l2-5h2a1 1 0 011 1v3zM6 7.2V13h5.72l1.5-6H9V3H7.68L6 7.2zM5 8H3v5h2V8z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M4.64 10.5H13V4H3v7.87l1.64-1.37zm-2.15 3.09a.3.3 0 01-.49-.23V4a1 1 0 011-1h10a1 1 0 011 1v6.5a1 1 0 01-1 1H5l-2.5 2.09z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/card/_example/header-footer-actions.jsx correctly 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><div class=\\"t-card__avatar\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"width:40px;height:40px;font-size:20px\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" style=\\"width:40px;height:40px\\"/></div></div><div><span class=\\"t-card__title\\">标题</span><p class=\\"t-card__description\\">卡片内容</p></div></div><div class=\\"t-card__actions\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-more\\" style=\\"font-size:24\\"><use xlink:href=\\"#t-icon-more\\"></use></svg></span></button></div></div><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-row t-row--center t-row--middle\\" style=\\"margin-left:0px;margin-right:0px\\"><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M10 6h3.22a1 1 0 01.97 1.24l-1.5 6a1 1 0 01-.97.76H3a1 1 0 01-1-1V8a1 1 0 011-1h2l2-5h2a1 1 0 011 1v3zM6 7.2V13h5.72l1.5-6H9V3H7.68L6 7.2zM5 8H3v5h2V8z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M4.64 10.5H13V4H3v7.87l1.64-1.37zm-2.15 3.09a.3.3 0 01-.49-.23V4a1 1 0 011-1h10a1 1 0 011 1v6.5a1 1 0 01-1 1H5l-2.5 2.09z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/card/_example/header-subtitle.jsx correctly 1`] = `"<div class=\\"t-card t-card--bordered t-card--shadow-hover\\" style=\\"width:400px\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><div><span class=\\"t-card__title\\">标题</span><span class=\\"t-card__subtitle\\">副标题</span></div></div><div class=\\"t-card__actions\\">操作</div></div><div class=\\"t-card__body\\">卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。</div></div>"`;
 
-exports[`ssr snapshot test renders ./src/card/_example/header-subtitle-footer-actions.jsx correctly 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><div><span class=\\"t-card__title\\">标题</span><span class=\\"t-card__subtitle\\">副标题</span></div></div><div class=\\"t-card__actions\\"><span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-more\\" style=\\"font-size:24\\"><use xlink:href=\\"#t-icon-more\\"></use></svg></span></button></span></div></div><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-row t-row--center t-row--middle\\" style=\\"margin-left:0px;margin-right:0px\\"><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M10 6h3.22a1 1 0 01.97 1.24l-1.5 6a1 1 0 01-.97.76H3a1 1 0 01-1-1V8a1 1 0 011-1h2l2-5h2a1 1 0 011 1v3zM6 7.2V13h5.72l1.5-6H9V3H7.68L6 7.2zM5 8H3v5h2V8z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M4.64 10.5H13V4H3v7.87l1.64-1.37zm-2.15 3.09a.3.3 0 01-.49-.23V4a1 1 0 011-1h10a1 1 0 011 1v6.5a1 1 0 01-1 1H5l-2.5 2.09z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/card/_example/header-subtitle-footer-actions.jsx correctly 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><div><span class=\\"t-card__title\\">标题</span><span class=\\"t-card__subtitle\\">副标题</span></div></div><div class=\\"t-card__actions\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-more\\" style=\\"font-size:24\\"><use xlink:href=\\"#t-icon-more\\"></use></svg></span></button></div></div><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\" alt=\\"\\"/></div><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><div class=\\"t-row t-row--center t-row--middle\\" style=\\"margin-left:0px;margin-right:0px\\"><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M10 6h3.22a1 1 0 01.97 1.24l-1.5 6a1 1 0 01-.97.76H3a1 1 0 01-1-1V8a1 1 0 011-1h2l2-5h2a1 1 0 011 1v3zM6 7.2V13h5.72l1.5-6H9V3H7.68L6 7.2zM5 8H3v5h2V8z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M4.64 10.5H13V4H3v7.87l1.64-1.37zm-2.15 3.09a.3.3 0 01-.49-.23V4a1 1 0 011-1h10a1 1 0 011 1v6.5a1 1 0 01-1 1H5l-2.5 2.09z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div><div class=\\"t-divider t-divider--vertical\\"></div><div class=\\"t-col\\" style=\\"padding-left:0px;padding-right:0px;flex:auto\\" align=\\"middle\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text t-size-full-width\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24px\\"><path fill=\\"currentColor\\" d=\\"M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/cascader/_example/base.jsx correctly 1`] = `"<div data-reactroot=\\"\\"><div class=\\"t-cascader t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-size-m t-align-left t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input type=\\"text\\" placeholder=\\"请选择\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-cascader__icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div>"`;
 
@@ -312,23 +312,23 @@ exports[`ssr snapshot test renders ./src/drawer/_example/size.jsx correctly 1`]
 
 exports[`ssr snapshot test renders ./src/drawer/_example/size-draggable.jsx correctly 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" value=\\"left\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">从左侧拖拽抽屉</span></label><label class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" checked=\\"\\" value=\\"right\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">从右侧拖拽抽屉</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" value=\\"top\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">从上方拖拽抽屉</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" value=\\"bottom\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">从下方拖拽抽屉</span></label></div></div><div class=\\"t-space-item\\"><div><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">打开抽屉</span></button></div></div><div class=\\"t-space-item\\"><div><div class=\\"t-drawer t-drawer--right\\" tabindex=\\"-1\\"><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:\\"><div class=\\"t-drawer__close-btn\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-drawer__header\\"></div><div class=\\"t-drawer__body\\"><p>抽屉的内容</p></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start\\"><button type=\\"button\\" class=\\"t-drawer__confirm t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">确认</span></button><button type=\\"button\\" class=\\"t-drawer__cancel t-button t-button--theme-default t-button--variant-base\\"><span class=\\"t-button__text\\">取消</span></button></div></div><div style=\\"z-index:1;position:absolute;background:transparent;left:0;width:16px;height:100%;cursor:col-resize\\"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/dropdown/_example/base.jsx correctly 1`] = `"<span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text\\"><span class=\\"t-button__text\\">更多</span><span class=\\"t-button__suffix\\"><svg class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16\\"><use xlink:href=\\"#t-icon-chevron-down\\"></use></svg></span></button></span>"`;
+exports[`ssr snapshot test renders ./src/dropdown/_example/base.jsx correctly 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text\\"><span class=\\"t-button__text\\">更多</span><span class=\\"t-button__suffix\\"><svg class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16\\"><use xlink:href=\\"#t-icon-chevron-down\\"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test renders ./src/dropdown/_example/button.jsx correctly 1`] = `"<span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"font-size:16\\"><use xlink:href=\\"#t-icon-ellipsis\\"></use></svg></span></button></span>"`;
+exports[`ssr snapshot test renders ./src/dropdown/_example/button.jsx correctly 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"font-size:16\\"><use xlink:href=\\"#t-icon-ellipsis\\"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test renders ./src/dropdown/_example/child.jsx correctly 1`] = `"<span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text\\"><span class=\\"t-button__text\\">更多</span><span class=\\"t-button__suffix\\"><svg class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16\\"><use xlink:href=\\"#t-icon-chevron-down\\"></use></svg></span></button></span>"`;
+exports[`ssr snapshot test renders ./src/dropdown/_example/child.jsx correctly 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text\\"><span class=\\"t-button__text\\">更多</span><span class=\\"t-button__suffix\\"><svg class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16\\"><use xlink:href=\\"#t-icon-chevron-down\\"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test renders ./src/dropdown/_example/click.jsx correctly 1`] = `"<span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">hover我试试</span></button></span>"`;
+exports[`ssr snapshot test renders ./src/dropdown/_example/click.jsx correctly 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">hover我试试</span></button>"`;
 
-exports[`ssr snapshot test renders ./src/dropdown/_example/custom.jsx correctly 1`] = `"<span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">点击我试试</span></button></span>"`;
+exports[`ssr snapshot test renders ./src/dropdown/_example/custom.jsx correctly 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">点击我试试</span></button>"`;
 
-exports[`ssr snapshot test renders ./src/dropdown/_example/disabled.jsx correctly 1`] = `"<span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text\\"><span class=\\"t-button__text\\">更多</span><span class=\\"t-button__suffix\\"><svg class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16\\"><use xlink:href=\\"#t-icon-chevron-down\\"></use></svg></span></button></span>"`;
+exports[`ssr snapshot test renders ./src/dropdown/_example/disabled.jsx correctly 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text\\"><span class=\\"t-button__text\\">更多</span><span class=\\"t-button__suffix\\"><svg class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16\\"><use xlink:href=\\"#t-icon-chevron-down\\"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test renders ./src/dropdown/_example/long.jsx correctly 1`] = `"<span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">hover我试试</span></button></span>"`;
+exports[`ssr snapshot test renders ./src/dropdown/_example/long.jsx correctly 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">hover我试试</span></button>"`;
 
-exports[`ssr snapshot test renders ./src/dropdown/_example/multiple.jsx correctly 1`] = `"<span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"font-size:16\\"><use xlink:href=\\"#t-icon-ellipsis\\"></use></svg></span></button></span>"`;
+exports[`ssr snapshot test renders ./src/dropdown/_example/multiple.jsx correctly 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"font-size:16\\"><use xlink:href=\\"#t-icon-ellipsis\\"></use></svg></span></button>"`;
 
-exports[`ssr snapshot test renders ./src/dropdown/_example/split.jsx correctly 1`] = `"<span class=\\"t-trigger\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text\\"><span class=\\"t-button__text\\">更多</span><span class=\\"t-button__suffix\\"><svg class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16\\"><use xlink:href=\\"#t-icon-chevron-down\\"></use></svg></span></button></span>"`;
+exports[`ssr snapshot test renders ./src/dropdown/_example/split.jsx correctly 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-text\\"><span class=\\"t-button__text\\">更多</span><span class=\\"t-button__suffix\\"><svg class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16\\"><use xlink:href=\\"#t-icon-chevron-down\\"></use></svg></span></button>"`;
 
 exports[`ssr snapshot test renders ./src/form/_example/align.jsx correctly 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 class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" value=\\"left\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">左对齐</span></label><label class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" checked=\\"\\" value=\\"right\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">右对齐</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" value=\\"top\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">顶部对齐</span></label></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--right\\" style=\\"width:80px\\"><label>名字</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-align-left t-is-default\\"><input type=\\"text\\" placeholder=\\"请输入\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:80px\\"><label>密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-align-left t-is-default\\"><input type=\\"text\\" placeholder=\\"请输入\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div></form></div></div>"`;