From 087c593b58c05a2e4d509f532955a59dfab95c88 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Thu, 2 Jan 2025 11:49:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E9=99=A4=E6=9C=AA=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E7=9A=84=E6=8F=90=E7=A4=BA=E6=9C=8D=E5=8A=A1=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=EF=BC=8C=E4=BC=98=E5=8C=96=E6=8C=89=E9=92=AE=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=E4=BB=A5=E6=94=AF=E6=8C=81=E4=B8=8D=E5=90=8C=E7=9A=84?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/primevue/fns.tsx        |  8 --------
 src/pages/primevue/index.page.vue | 33 +++++++++++++++++++++++++++++--
 2 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/src/pages/primevue/fns.tsx b/src/pages/primevue/fns.tsx
index 0955367..e39060c 100644
--- a/src/pages/primevue/fns.tsx
+++ b/src/pages/primevue/fns.tsx
@@ -56,14 +56,6 @@ export const openDialog = async () => {
   });
 };
 
-export const openToast = () => {
-  // ToastService.add({ severity: 'info', summary: '提示', life: 3000, detail: '消息内容' });
-  // ToastService.add({ severity: 'info', summary: '提示', life: 0, detail: '消息内容' });
-  ['success', 'info', 'warn', 'error', 'secondary', 'contrast', undefined].forEach((severity) => {
-    ToastService.add({ severity: severity as never, summary: `severity: ${severity}`, life: 5000, detail: '消息内容' });
-  });
-};
-
 export const openConfirm = async () => {
   ConfirmationService.require({
     message: '确定要继续吗？',
diff --git a/src/pages/primevue/index.page.vue b/src/pages/primevue/index.page.vue
index c5e10f7..e4f8451 100644
--- a/src/pages/primevue/index.page.vue
+++ b/src/pages/primevue/index.page.vue
@@ -1,7 +1,8 @@
 <script lang="ts"></script>
 
 <script setup lang="tsx">
-import { openConfirm, openDialog, openToast } from './fns';
+import type { ToastMessageOptions } from 'primevue/toast';
+import { openConfirm, openDialog } from './fns';
 </script>
 
 <template>
@@ -42,7 +43,35 @@ import { openConfirm, openDialog, openToast } from './fns';
       <label>DatePicker</label>
     </FloatLabel>
 
-    <Button @click="openToast">提示服务</Button>
+    <!-- <Button @click="openToast">提示服务</Button> -->
+    <Card>
+      <template #title>提示服务</template>
+      <template #content>
+        <div flex="~ wrap" gap="4">
+          <!-- oastService.add({ severity: 'info', summary: '提示', life: 3000, detail: '消息内容' }); -->
+          <!-- oastService.add({ severity: 'info', summary: '提示', life: 0, detail: '消息内容' }); -->
+          <Button
+            outlined
+            v-for="severity in [
+              'success',
+              'info',
+              'warn',
+              'error',
+              'secondary',
+              'contrast',
+              undefined,
+            ] satisfies ToastMessageOptions['severity'][]"
+            :key="severity"
+            @click="
+              ToastService.add({ severity: severity, summary: `severity: ${severity}`, life: 5000, detail: '消息内容' })
+            "
+          >
+            {{ `${severity}` }}
+          </Button>
+        </div>
+      </template>
+    </Card>
+
     <Button @click="openDialog">对话框服务</Button>
     <Button @click="openConfirm">确认服务</Button>
   </div>