fix: dialog cover confirm and toast (#140)

src/components/GlobalDialogStack.vue

@@ -12,7 +12,7 @@
     :min-height="item.minHeight"
     :max-height="item.maxHeight"
     :auto-z-index="false"
-    :pt:mask:style="{ zIndex: baseZIndex + index + 1 }"
+    :pt:mask:style="{ zIndex: baseZIndex - 100 + index + 1 }"
     :pt:root:onMousedown="() => rise(item)"
     @hide="() => close(item)"
   >
@@ -44,7 +44,7 @@ import ResponseDialog from 'components/ResponseDialog.vue'
 import { useDialog } from 'hooks/dialog'
 import Button from 'primevue/button'
 import { usePrimeVue } from 'primevue/config'
-import { computed, onMounted } from 'vue'
+import { computed } from 'vue'
 
 const { stack, rise, close } = useDialog()
 
@@ -53,10 +53,4 @@ const { config } = usePrimeVue()
 const baseZIndex = computed(() => {
   return config.zIndex?.modal ?? 1100
 })
-
-onMounted(() => {
-  for (const key in config.zIndex) {
-    config.zIndex[key] = baseZIndex.value
-  }
-})
 </script>