From c9cff1bcdf2fb9ff600481c32a770e564800b51e Mon Sep 17 00:00:00 2001
From: Haixing <65376724+HaixingOoO@users.noreply.github.com>
Date: Wed, 15 Nov 2023 11:47:58 +0800
Subject: [PATCH] fix(dialog): fix dialog header is null or no,the close-button
 is not in the upper right corner (#2593)

* fix(dialog): fix dialog header is null or no,the close-button is not in the upper right corner

* test: update test snap

---------

Co-authored-by: Heising <heising@travelconnect.cn>
---
 src/dialog/DialogCard.tsx                 |  3 +++
 test/snap/__snapshots__/csr.test.jsx.snap | 12 ++++++++++++
 test/snap/__snapshots__/ssr.test.jsx.snap |  4 ++--
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/dialog/DialogCard.tsx b/src/dialog/DialogCard.tsx
index 4ee9f4e182..4a0acdce8f 100644
--- a/src/dialog/DialogCard.tsx
+++ b/src/dialog/DialogCard.tsx
@@ -98,6 +98,9 @@ const DialogCard = forwardRef<HTMLDivElement, DialogCardProps>((props, ref) => {
     return (
       <span
         className={`${componentCls}__close`}
+        style={{
+          marginLeft: 'auto',
+        }}
         onClick={(e: React.MouseEvent<HTMLDivElement>) => onCloseBtnClick?.({ e })}
       >
         {closeIcon()}
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 01dc0d97cf..c9b10d7b7c 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -65895,6 +65895,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/dialog.jsx 1`
               </div>
               <span
                 class="t-dialog__close"
+                style="margin-left: auto;"
               >
                 <svg
                   class="t-icon t-icon-close"
@@ -65969,6 +65970,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/dialog.jsx 1`
               </div>
               <span
                 class="t-dialog__close"
+                style="margin-left: auto;"
               >
                 <svg
                   class="t-icon t-icon-close"
@@ -66043,6 +66045,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/dialog.jsx 1`
               </div>
               <span
                 class="t-dialog__close"
+                style="margin-left: auto;"
               >
                 <svg
                   class="t-icon t-icon-close"
@@ -66117,6 +66120,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/dialog.jsx 1`
               </div>
               <span
                 class="t-dialog__close"
+                style="margin-left: auto;"
               >
                 <svg
                   class="t-icon t-icon-close"
@@ -66191,6 +66195,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/dialog.jsx 1`
               </div>
               <span
                 class="t-dialog__close"
+                style="margin-left: auto;"
               >
                 <svg
                   class="t-icon t-icon-close"
@@ -66261,6 +66266,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/dialog.jsx 1`
             </div>
             <span
               class="t-dialog__close"
+              style="margin-left: auto;"
             >
               <svg
                 class="t-icon t-icon-close"
@@ -66335,6 +66341,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/dialog.jsx 1`
             </div>
             <span
               class="t-dialog__close"
+              style="margin-left: auto;"
             >
               <svg
                 class="t-icon t-icon-close"
@@ -66409,6 +66416,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/dialog.jsx 1`
             </div>
             <span
               class="t-dialog__close"
+              style="margin-left: auto;"
             >
               <svg
                 class="t-icon t-icon-close"
@@ -66483,6 +66491,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/dialog.jsx 1`
             </div>
             <span
               class="t-dialog__close"
+              style="margin-left: auto;"
             >
               <svg
                 class="t-icon t-icon-close"
@@ -66557,6 +66566,7 @@ exports[`csr snapshot test > csr test src/config-provider/_example/dialog.jsx 1`
             </div>
             <span
               class="t-dialog__close"
+              style="margin-left: auto;"
             >
               <svg
                 class="t-icon t-icon-close"
@@ -83596,6 +83606,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/modal.jsx 1`] = `
           </div>
           <span
             class="t-dialog__close"
+            style="margin-left: auto;"
           >
             <svg
               class="t-icon t-icon-close"
@@ -83692,6 +83703,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/modal.jsx 1`] = `
         </div>
         <span
           class="t-dialog__close"
+          style="margin-left: auto;"
         >
           <svg
             class="t-icon t-icon-close"
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 22dbe8b9f4..145e3a2dca 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -260,7 +260,7 @@ exports[`ssr snapshot test > ssr test src/config-provider/_example/calendar.jsx
 
 exports[`ssr snapshot test > ssr test src/config-provider/_example/date-picker.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select date\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><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-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup t-range-input-popup\\"><div class=\\"t-range-input t-is-default t-range-input--suffix\\" value=\\"\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-is-readonly t-align-left\\"><input placeholder=\\"select date\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/></div></div><div class=\\"t-range-input__inner-separator\\"> ~ </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-is-readonly t-align-left\\"><input placeholder=\\"select date\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select month\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><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-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup t-range-input-popup\\"><div class=\\"t-range-input t-is-default t-range-input--suffix\\" value=\\"\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-is-readonly t-align-left\\"><input placeholder=\\"select month\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/></div></div><div class=\\"t-range-input__inner-separator\\"> ~ </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-is-readonly t-align-left\\"><input placeholder=\\"select month\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-is-readonly t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"select year\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><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-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup t-range-input-popup\\"><div class=\\"t-range-input t-is-default t-range-input--suffix\\" value=\\"\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-is-readonly t-align-left\\"><input placeholder=\\"select year\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/></div></div><div class=\\"t-range-input__inner-separator\\"> ~ </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-is-readonly t-align-left\\"><input placeholder=\\"select year\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/config-provider/_example/dialog.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-dialog t-dialog--default\\"><div class=\\"t-dialog__header\\"><div class=\\"t-dialog__header-content\\">Title</div><span class=\\"t-dialog__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></span></div><div class=\\"t-dialog__body\\">Would you like to be my friends？</div><div class=\\"t-dialog__footer\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\">cancel</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">confirm</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-dialog t-dialog--default\\"><div class=\\"t-dialog__header\\"><div class=\\"t-dialog__header-content\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg>confirm</div><span class=\\"t-dialog__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></span></div><div class=\\"t-dialog__body\\">Would you like to be my friends？</div><div class=\\"t-dialog__footer\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\">cancel</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">confirm</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-dialog t-dialog--default\\"><div class=\\"t-dialog__header\\"><div class=\\"t-dialog__header-content\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-warning\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg>confirm</div><span class=\\"t-dialog__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></span></div><div class=\\"t-dialog__body\\">Would you like to be my friends？</div><div class=\\"t-dialog__footer\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\">cancel</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">confirm</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-dialog t-dialog--default\\"><div class=\\"t-dialog__header\\"><div class=\\"t-dialog__header-content\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-error\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg>confirm</div><span class=\\"t-dialog__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></span></div><div class=\\"t-dialog__body\\">Would you like to be my friends？</div><div class=\\"t-dialog__footer\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\">cancel</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">confirm</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-dialog t-dialog--default\\"><div class=\\"t-dialog__header\\"><div class=\\"t-dialog__header-content\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled t-is-success\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>confirm</div><span class=\\"t-dialog__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></span></div><div class=\\"t-dialog__body\\">Would you like to be my friends？</div><div class=\\"t-dialog__footer\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\">cancel</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">confirm</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/config-provider/_example/dialog.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-dialog t-dialog--default\\"><div class=\\"t-dialog__header\\"><div class=\\"t-dialog__header-content\\">Title</div><span class=\\"t-dialog__close\\" style=\\"margin-left:auto\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></span></div><div class=\\"t-dialog__body\\">Would you like to be my friends？</div><div class=\\"t-dialog__footer\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\">cancel</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">confirm</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-dialog t-dialog--default\\"><div class=\\"t-dialog__header\\"><div class=\\"t-dialog__header-content\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg>confirm</div><span class=\\"t-dialog__close\\" style=\\"margin-left:auto\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></span></div><div class=\\"t-dialog__body\\">Would you like to be my friends？</div><div class=\\"t-dialog__footer\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\">cancel</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">confirm</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-dialog t-dialog--default\\"><div class=\\"t-dialog__header\\"><div class=\\"t-dialog__header-content\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-warning\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg>confirm</div><span class=\\"t-dialog__close\\" style=\\"margin-left:auto\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></span></div><div class=\\"t-dialog__body\\">Would you like to be my friends？</div><div class=\\"t-dialog__footer\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\">cancel</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">confirm</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-dialog t-dialog--default\\"><div class=\\"t-dialog__header\\"><div class=\\"t-dialog__header-content\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-error\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg>confirm</div><span class=\\"t-dialog__close\\" style=\\"margin-left:auto\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></span></div><div class=\\"t-dialog__body\\">Would you like to be my friends？</div><div class=\\"t-dialog__footer\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\">cancel</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">confirm</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-dialog t-dialog--default\\"><div class=\\"t-dialog__header\\"><div class=\\"t-dialog__header-content\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled t-is-success\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>confirm</div><span class=\\"t-dialog__close\\" style=\\"margin-left:auto\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></span></div><div class=\\"t-dialog__body\\">Would you like to be my friends？</div><div class=\\"t-dialog__footer\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\">cancel</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">confirm</span></button></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/config-provider/_example/global.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><p>使用<code>ConfigProvider</code>包裹业务功能的最外层组件，点击下方图标查看示例代码</p></div><div class=\\"t-space-item\\"><p>英文语言包引入路径：<code>import enConfig from &#x27;tdesign-react/es/locale/en_US&#x27;;</code></p></div><div class=\\"t-space-item\\"><p>中文语言包引入路径：<code>import zhConfig from &#x27;tdesign-react/es/locale/zh_CN&#x27;;</code></p></div><div class=\\"t-space-item\\"><p>日文语言包引入路径：<code>import jpConfig from &#x27;tdesign-react/es/locale/ja_JP&#x27;;</code></p></div><div class=\\"t-space-item\\"><p>韩文语言包引入路径：<code>import koConfig from &#x27;tdesign-react/es/locale/ko_KR&#x27;;</code></p></div></div>"`;
 
@@ -306,7 +306,7 @@ exports[`ssr snapshot test > ssr test src/dialog/_example/custom.jsx 1`] = `"<bu
 
 exports[`ssr snapshot test > ssr test src/dialog/_example/icon.jsx 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">Open Modal</span></button>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/modal.jsx 1`] = `"<button style=\\"margin-right:16px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">模态对话框</span></button><button style=\\"margin-right:16px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">非模态对话框</span></button><button style=\\"margin-right:16px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">非模态对话框2</span></button><div class=\\"t-dialog t-dialog--default\\"><div class=\\"t-dialog__header\\"><div class=\\"t-dialog__header-content\\">普通对话框</div><span class=\\"t-dialog__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></span></div><div class=\\"t-dialog__body\\"><p>This is a dialog</p></div><div class=\\"t-dialog__footer\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\">cancel</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">confirm</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test src/dialog/_example/modal.jsx 1`] = `"<button style=\\"margin-right:16px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">模态对话框</span></button><button style=\\"margin-right:16px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">非模态对话框</span></button><button style=\\"margin-right:16px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">非模态对话框2</span></button><div class=\\"t-dialog t-dialog--default\\"><div class=\\"t-dialog__header\\"><div class=\\"t-dialog__header-content\\">普通对话框</div><span class=\\"t-dialog__close\\" style=\\"margin-left:auto\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></span></div><div class=\\"t-dialog__body\\"><p>This is a dialog</p></div><div class=\\"t-dialog__footer\\"><button type=\\"button\\" class=\\"t-button t-button--theme-default t-button--variant-outline\\"><span class=\\"t-button__text\\">cancel</span></button><button type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">confirm</span></button></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/dialog/_example/plugin.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><p>函数调用方式一：DialogPlugin(options)</p></div><div class=\\"t-space-item\\"><p>函数调用方式二：DialogPlugin.confirm(options)</p></div><div class=\\"t-space-item\\"><p>函数调用方式三：DialogPlugin.alert(options)</p></div><div class=\\"t-space-item\\"><div><button style=\\"margin-right:16px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">dialog</span></button><button style=\\"margin-right:16px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">handleDialogNode</span></button><button style=\\"margin-right:16px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">confirm</span></button><button style=\\"margin-right:16px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">alert</span></button><button style=\\"margin-right:16px\\" type=\\"button\\" class=\\"t-button t-button--theme-primary t-button--variant-base\\"><span class=\\"t-button__text\\">DialogPlugin.confirm</span></button></div></div></div>"`;