diff --git a/src/dialog/__tests__/dialog.test.tsx b/src/dialog/__tests__/dialog.test.tsx
index e13f087c7..7705794e1 100644
--- a/src/dialog/__tests__/dialog.test.tsx
+++ b/src/dialog/__tests__/dialog.test.tsx
@@ -102,7 +102,7 @@ describe('Dialog', () => {
       const { rerender } = render(
         <Dialog
           visible
-          actions={[{ content: '按钮1', className: 'test-btn', key: 'btn1' }, <Button key="btn2">按钮2</Button>]}
+          actions={[{ content: '按钮1', className: 'test-btn' }, <Button key="btn2">按钮2</Button>]}
           onClose={onClose}
         />,
       );
@@ -173,8 +173,8 @@ describe('Dialog', () => {
         });
       });
       instance.show();
-      const diaog = document.querySelector(name);
-      expect(diaog).toBeTruthy();
+      const dialog = document.querySelector(name);
+      expect(dialog).toBeTruthy();
 
       const closeBtn = document.querySelector('.t-icon');
       const confirmBtn = document.querySelector('.confirm-btn');
diff --git a/src/dialog/_example/multi-state.tsx b/src/dialog/_example/multi-state.tsx
index 13a84b429..49db3cafb 100644
--- a/src/dialog/_example/multi-state.tsx
+++ b/src/dialog/_example/multi-state.tsx
@@ -36,7 +36,7 @@ const MultiStateUsage = React.memo(() => {
         文字按钮
       </Button>
       <div className="btn-gap"></div>
-      <div className="diaog-demo__summary">水平基础按钮</div>
+      <div className="dialog-demo__summary">水平基础按钮</div>
       <div className="btn-gap"></div>
       <Button
         variant="outline"
@@ -56,7 +56,7 @@ const MultiStateUsage = React.memo(() => {
         水平基础按钮
       </Button>
       <div className="btn-gap"></div>
-      <div className="diaog-demo__summary">垂直基础按钮</div>
+      <div className="dialog-demo__summary">垂直基础按钮</div>
       <div className="btn-gap"></div>
       <Button
         variant="outline"
@@ -77,7 +77,7 @@ const MultiStateUsage = React.memo(() => {
         垂直基础按钮
       </Button>
       <div className="btn-gap"></div>
-      <div className="diaog-demo__summary">带关闭按钮的对话框</div>
+      <div className="dialog-demo__summary">带关闭按钮的对话框</div>
       <div className="btn-gap"></div>
       <Button
         variant="outline"
diff --git a/src/dialog/_example/style/index.less b/src/dialog/_example/style/index.less
index 18d522e48..9c7aeb1db 100644
--- a/src/dialog/_example/style/index.less
+++ b/src/dialog/_example/style/index.less
@@ -3,7 +3,6 @@
   --bg-color-demo: var(--td-bg-color-container);
 }
 
-
 .tdesign-mobile-demo {
   .btn-gap {
     width: 100%;
@@ -14,7 +13,7 @@
     overflow: auto;
     max-height: 100px;
   }
-  .diaog-demo__summary{
+  .dialog-demo__summary {
     font-size: 14px;
     color: var(--text-secondary);
   }
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 93fd9810c..aad136b53 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -50383,7 +50383,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/index.tsx 1`] = `
             class="btn-gap"
           />
           <div
-            class="diaog-demo__summary"
+            class="dialog-demo__summary"
           >
             水平基础按钮
           </div>
@@ -50405,7 +50405,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/index.tsx 1`] = `
             class="btn-gap"
           />
           <div
-            class="diaog-demo__summary"
+            class="dialog-demo__summary"
           >
             垂直基础按钮
           </div>
@@ -50427,7 +50427,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/index.tsx 1`] = `
             class="btn-gap"
           />
           <div
-            class="diaog-demo__summary"
+            class="dialog-demo__summary"
           >
             带关闭按钮的对话框
           </div>
@@ -50536,7 +50536,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/multi-state.tsx 1`] =
       class="btn-gap"
     />
     <div
-      class="diaog-demo__summary"
+      class="dialog-demo__summary"
     >
       水平基础按钮
     </div>
@@ -50558,7 +50558,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/multi-state.tsx 1`] =
       class="btn-gap"
     />
     <div
-      class="diaog-demo__summary"
+      class="dialog-demo__summary"
     >
       垂直基础按钮
     </div>
@@ -50580,7 +50580,7 @@ exports[`csr snapshot test > csr test src/dialog/_example/multi-state.tsx 1`] =
       class="btn-gap"
     />
     <div
-      class="diaog-demo__summary"
+      class="dialog-demo__summary"
     >
       带关闭按钮的对话框
     </div>
@@ -133191,11 +133191,11 @@ exports[`ssr snapshot test > ssr test src/dialog/_example/feedback.tsx 1`] = `"<
 
 exports[`ssr snapshot test > ssr test src/dialog/_example/image-dialog.tsx 1`] = `"<div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-带标题描述</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-无标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-纯标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-纯图片</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片居中-带标题描述</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片居中-纯标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Dialog 对话框</h1><p class="tdesign-mobile-demo-header__summary">用于显示重要提示或请求用户进行重要操作，一种打断当前操作的模态视图。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">反馈类对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-带标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-无标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-纯标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-内容超长</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">确认类对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->确认类-带标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->确认类-无标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->确认类-纯标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">输入对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->输入类-无描述</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->输入类-带描述</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图片的对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-带标题描述</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-无标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-纯标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-纯图片</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片居中-带标题描述</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片居中-纯标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">文字按钮</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->文字按钮</span></button><div class="btn-gap"></div><div class="diaog-demo__summary">水平基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->水平基础按钮</span></button><div class="btn-gap"></div><div class="diaog-demo__summary">垂直基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->垂直基础按钮</span></button><div class="btn-gap"></div><div class="diaog-demo__summary">带关闭按钮的对话框</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带关闭按钮的对话框</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/dialog/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Dialog 对话框</h1><p class="tdesign-mobile-demo-header__summary">用于显示重要提示或请求用户进行重要操作，一种打断当前操作的模态视图。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">反馈类对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-带标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-无标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-纯标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-内容超长</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">确认类对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->确认类-带标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->确认类-无标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->确认类-纯标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">输入对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->输入类-无描述</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->输入类-带描述</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图片的对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-带标题描述</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-无标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-纯标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-纯图片</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片居中-带标题描述</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片居中-纯标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">文字按钮</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->文字按钮</span></button><div class="btn-gap"></div><div class="dialog-demo__summary">水平基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->水平基础按钮</span></button><div class="btn-gap"></div><div class="dialog-demo__summary">垂直基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->垂直基础按钮</span></button><div class="btn-gap"></div><div class="dialog-demo__summary">带关闭按钮的对话框</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带关闭按钮的对话框</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/dialog/_example/input.tsx 1`] = `"<div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->输入类-无描述</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->输入类-带描述</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/multi-state.tsx 1`] = `"<div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->文字按钮</span></button><div class="btn-gap"></div><div class="diaog-demo__summary">水平基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->水平基础按钮</span></button><div class="btn-gap"></div><div class="diaog-demo__summary">垂直基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->垂直基础按钮</span></button><div class="btn-gap"></div><div class="diaog-demo__summary">带关闭按钮的对话框</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带关闭按钮的对话框</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/dialog/_example/multi-state.tsx 1`] = `"<div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->文字按钮</span></button><div class="btn-gap"></div><div class="dialog-demo__summary">水平基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->水平基础按钮</span></button><div class="btn-gap"></div><div class="dialog-demo__summary">垂直基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->垂直基础按钮</span></button><div class="btn-gap"></div><div class="dialog-demo__summary">带关闭按钮的对话框</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带关闭按钮的对话框</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/dialog/_example/plugin.tsx 1`] = `"<div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->命令行操作</span></button></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index f0d6a6893..d84536bc4 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -182,11 +182,11 @@ exports[`ssr snapshot test > ssr test src/dialog/_example/feedback.tsx 1`] = `"<
 
 exports[`ssr snapshot test > ssr test src/dialog/_example/image-dialog.tsx 1`] = `"<div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-带标题描述</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-无标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-纯标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-纯图片</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片居中-带标题描述</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片居中-纯标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Dialog 对话框</h1><p class="tdesign-mobile-demo-header__summary">用于显示重要提示或请求用户进行重要操作，一种打断当前操作的模态视图。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">反馈类对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-带标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-无标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-纯标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-内容超长</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">确认类对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->确认类-带标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->确认类-无标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->确认类-纯标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">输入对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->输入类-无描述</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->输入类-带描述</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图片的对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-带标题描述</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-无标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-纯标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-纯图片</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片居中-带标题描述</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片居中-纯标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">文字按钮</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->文字按钮</span></button><div class="btn-gap"></div><div class="diaog-demo__summary">水平基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->水平基础按钮</span></button><div class="btn-gap"></div><div class="diaog-demo__summary">垂直基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->垂直基础按钮</span></button><div class="btn-gap"></div><div class="diaog-demo__summary">带关闭按钮的对话框</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带关闭按钮的对话框</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/dialog/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Dialog 对话框</h1><p class="tdesign-mobile-demo-header__summary">用于显示重要提示或请求用户进行重要操作，一种打断当前操作的模态视图。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">反馈类对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-带标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-无标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-纯标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->反馈类-内容超长</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">确认类对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->确认类-带标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->确认类-无标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->确认类-纯标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">输入对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->输入类-无描述</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->输入类-带描述</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图片的对话框</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-带标题描述</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-无标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-纯标题</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片置顶-纯图片</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片居中-带标题描述</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->图片居中-纯标题</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">文字按钮</p></div><div class="tdesign-mobile-demo-block__slot with-padding"><div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->文字按钮</span></button><div class="btn-gap"></div><div class="dialog-demo__summary">水平基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->水平基础按钮</span></button><div class="btn-gap"></div><div class="dialog-demo__summary">垂直基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->垂直基础按钮</span></button><div class="btn-gap"></div><div class="dialog-demo__summary">带关闭按钮的对话框</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带关闭按钮的对话框</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/dialog/_example/input.tsx 1`] = `"<div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->输入类-无描述</span></button><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->输入类-带描述</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/dialog/_example/multi-state.tsx 1`] = `"<div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->文字按钮</span></button><div class="btn-gap"></div><div class="diaog-demo__summary">水平基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->水平基础按钮</span></button><div class="btn-gap"></div><div class="diaog-demo__summary">垂直基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->垂直基础按钮</span></button><div class="btn-gap"></div><div class="diaog-demo__summary">带关闭按钮的对话框</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带关闭按钮的对话框</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/dialog/_example/multi-state.tsx 1`] = `"<div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->文字按钮</span></button><div class="btn-gap"></div><div class="dialog-demo__summary">水平基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->水平基础按钮</span></button><div class="btn-gap"></div><div class="dialog-demo__summary">垂直基础按钮</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->垂直基础按钮</span></button><div class="btn-gap"></div><div class="dialog-demo__summary">带关闭按钮的对话框</div><div class="btn-gap"></div><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带关闭按钮的对话框</span></button><div class="t-popup t-popup--center" style="display:none;animation-fill-mode:forwards"><div class="t-dialog undefined" style="width:undefinedpx"><div class="t-dialog__content"></div><div class="t-dialog__footer"></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/dialog/_example/plugin.tsx 1`] = `"<div class="t-dialog__demo-wrap"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->命令行操作</span></button></div>"`;