From 553d3be2567892a0666b0a2cfd987be561b42ccd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?=
 <37316281+yanhao98@users.noreply.github.com>
Date: Sat, 14 Dec 2024 21:54:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20useDialogRef=20?=
 =?UTF-8?q?=E5=87=BD=E6=95=B0=EF=BC=8C=E4=BC=98=E5=8C=96=E5=AF=B9=E8=AF=9D?=
 =?UTF-8?q?=E6=A1=86=E5=BC=95=E7=94=A8=E7=AE=A1=E7=90=86=EF=BC=8C=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E5=AF=B9=E8=AF=9D=E6=A1=86=E7=BB=84=E4=BB=B6=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/primevue/dialog-content.vue | 12 +++++++++++-
 src/components/primevue/primevue.vue       |  5 ++---
 src/utils/primevue.ts                      |  5 +++--
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/components/primevue/dialog-content.vue b/src/components/primevue/dialog-content.vue
index daa9bd9..092e7d0 100644
--- a/src/components/primevue/dialog-content.vue
+++ b/src/components/primevue/dialog-content.vue
@@ -1,3 +1,13 @@
+<script setup lang="ts">
+import { useDialogRef } from '@/utils/primevue';
+
+const dialogRef = useDialogRef();
+</script>
+
 <template>
-  <div>dialog-content.vue</div>
+  <div mb-8>dialog-content.vue</div>
+  <div class="flex justify-end gap-2">
+    <Button type="button" label="关闭" severity="secondary" @click="dialogRef?.close"></Button>
+    <Button type="button" label="关闭" @click="dialogRef?.close"></Button>
+  </div>
 </template>
diff --git a/src/components/primevue/primevue.vue b/src/components/primevue/primevue.vue
index cb25827..dec3665 100644
--- a/src/components/primevue/primevue.vue
+++ b/src/components/primevue/primevue.vue
@@ -1,7 +1,7 @@
 <script lang="ts"></script>
 
 <script setup lang="tsx">
-import { ConfirmationService, DialogService, ToastService } from '@/utils/primevue';
+import { ConfirmationService, DialogService, ToastService, useDialogRef } from '@/utils/primevue';
 import dialogContent from './dialog-content.vue';
 
 const dynamicComponent = defineComponent({
@@ -12,7 +12,7 @@ const dynamicComponent = defineComponent({
     },
   },
   setup(props, ctx) {
-    const dialogRef = inject<ComputedRef<DynamicDialogOptions>>('dialogRef');
+    const dialogRef = useDialogRef();
     return () => (
       <div>
         <button onClick={() => ctx.emit('close')}>emit('close')</button> <hr />
@@ -55,7 +55,6 @@ const openDialog = async () => {
   DialogService.open(dialogContent, {
     props: {
       header: '对话框2',
-      position: 'bottomright',
       // draggable: false, // Header1的 draggable: true 会影响 Header2，如果指定 draggable: false，则不会受到影响。
     },
   });
diff --git a/src/utils/primevue.ts b/src/utils/primevue.ts
index d79a672..c68f37b 100644
--- a/src/utils/primevue.ts
+++ b/src/utils/primevue.ts
@@ -68,6 +68,7 @@ export const DialogService: DialogServiceMethods = {
   },
 };
 
-declare global {
-  type DynamicDialogOptions = import('primevue/dynamicdialogoptions').DynamicDialogOptions;
+export function useDialogRef() {
+  type DialogRef = ComputedRef<import('primevue/dynamicdialogoptions').DynamicDialogInstance>;
+  return inject<DialogRef>('dialogRef');
 }