mirror of
https://github.com/vbenjs/vue-vben-admin.git
synced 2025-08-24 23:38:30 +08:00
fix: cannot read properties of null (reading 'nextSibling') (#6667)
This commit is contained in:
@@ -8,12 +8,7 @@ import { computed, ref } from 'vue';
|
|||||||
import { cn } from '@vben-core/shared/utils';
|
import { cn } from '@vben-core/shared/utils';
|
||||||
|
|
||||||
import { X } from 'lucide-vue-next';
|
import { X } from 'lucide-vue-next';
|
||||||
import {
|
import { DialogClose, DialogContent, useForwardPropsEmits } from 'radix-vue';
|
||||||
DialogClose,
|
|
||||||
DialogContent,
|
|
||||||
DialogPortal,
|
|
||||||
useForwardPropsEmits,
|
|
||||||
} from 'radix-vue';
|
|
||||||
|
|
||||||
import DialogOverlay from './DialogOverlay.vue';
|
import DialogOverlay from './DialogOverlay.vue';
|
||||||
|
|
||||||
@@ -87,7 +82,7 @@ defineExpose({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<DialogPortal :to="appendTo">
|
<Teleport :to="appendTo">
|
||||||
<Transition name="fade">
|
<Transition name="fade">
|
||||||
<DialogOverlay
|
<DialogOverlay
|
||||||
v-if="open && modal"
|
v-if="open && modal"
|
||||||
@@ -132,5 +127,5 @@ defineExpose({
|
|||||||
<X class="h-4 w-4" />
|
<X class="h-4 w-4" />
|
||||||
</DialogClose>
|
</DialogClose>
|
||||||
</DialogContent>
|
</DialogContent>
|
||||||
</DialogPortal>
|
</Teleport>
|
||||||
</template>
|
</template>
|
||||||
|
@@ -7,7 +7,7 @@ import { computed, ref } from 'vue';
|
|||||||
|
|
||||||
import { cn } from '@vben-core/shared/utils';
|
import { cn } from '@vben-core/shared/utils';
|
||||||
|
|
||||||
import { DialogContent, DialogPortal, useForwardPropsEmits } from 'radix-vue';
|
import { DialogContent, useForwardPropsEmits } from 'radix-vue';
|
||||||
|
|
||||||
import { sheetVariants } from './sheet';
|
import { sheetVariants } from './sheet';
|
||||||
import SheetOverlay from './SheetOverlay.vue';
|
import SheetOverlay from './SheetOverlay.vue';
|
||||||
@@ -73,7 +73,7 @@ function onAnimationEnd(event: AnimationEvent) {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<DialogPortal :to="appendTo">
|
<Teleport :to="appendTo">
|
||||||
<Transition name="fade">
|
<Transition name="fade">
|
||||||
<SheetOverlay
|
<SheetOverlay
|
||||||
v-if="open && modal"
|
v-if="open && modal"
|
||||||
@@ -103,5 +103,5 @@ function onAnimationEnd(event: AnimationEvent) {
|
|||||||
<Cross2Icon class="h-5 w-" />
|
<Cross2Icon class="h-5 w-" />
|
||||||
</DialogClose> -->
|
</DialogClose> -->
|
||||||
</DialogContent>
|
</DialogContent>
|
||||||
</DialogPortal>
|
</Teleport>
|
||||||
</template>
|
</template>
|
||||||
|
Reference in New Issue
Block a user