From e7e2f4ce787aa7402c32094cc5d011e0e61a4093 Mon Sep 17 00:00:00 2001
From: Hayden <48267247+hayden-fr@users.noreply.github.com>
Date: Fri, 31 Jan 2025 11:53:01 +0800
Subject: [PATCH] fix: set base-z-index (#107)

---
 src/components/GlobalDialogStack.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/GlobalDialogStack.vue b/src/components/GlobalDialogStack.vue
index 23921bb..78197f9 100644
--- a/src/components/GlobalDialogStack.vue
+++ b/src/components/GlobalDialogStack.vue
@@ -11,7 +11,7 @@
     :max-width="item.maxWidth"
     :min-height="item.minHeight"
     :max-height="item.maxHeight"
-    :z-index="index"
+    :z-index="baseZIndex + index + 1"
     :pt:root:onMousedown="() => rise(item)"
     @hide="() => close(item)"
   >
@@ -42,6 +42,14 @@
 import ResponseDialog from 'components/ResponseDialog.vue'
 import { useDialog } from 'hooks/dialog'
 import Button from 'primevue/button'
+import { usePrimeVue } from 'primevue/config'
+import { computed } from 'vue'
 
 const { stack, rise, close } = useDialog()
+
+const { config } = usePrimeVue()
+
+const baseZIndex = computed(() => {
+  return config.zIndex?.modal ?? 1100
+})
 </script>