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