From 6910c691f79f704e28ddcdf5b657c4a4e038f4f5 Mon Sep 17 00:00:00 2001 From: Guillermo Sagar Date: Thu, 16 Jul 2026 09:35:25 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=8A=A8=E7=94=BB?= =?UTF-8?q?=E5=AF=BC=E8=87=B4=E7=9A=84=E7=99=BD=E5=B1=8FBug=20(#8148)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 首次页面加载正常,但是当通过页面点击切换路由的时候白屏,无法正常渲染子页面 Vue Transition + KeepAlive 空白页 bug**: `` + 条件渲染会导致路由切换空白页。`mode="out-in"` 要求旧元素完成 leave 动画后新元素才进入，但路由切换时条件渲染可能在动画前就移除了旧元素，导致 `` 永远等待一个不存在的元素 → 死锁。**解决方案**: 移除 `mode="out-in"`（保留 Transition 动画），或在 `apps/web-antd/src/preferences.ts` 设置 `transition: { enable: false }` 关闭动画走 `v-else` 分支。 --- packages/effects/layouts/src/basic/content/content.vue | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/effects/layouts/src/basic/content/content.vue b/packages/effects/layouts/src/basic/content/content.vue index 2d6bb916..f7ab347d 100644 --- a/packages/effects/layouts/src/basic/content/content.vue +++ b/packages/effects/layouts/src/basic/content/content.vue @@ -44,7 +44,6 @@ const showComponent = (route: RouteLocationNormalizedLoadedGeneric) => { v-if="getEnabledTransition" :name="getTransitionName(route)" appear - mode="out-in" > Date: Fri, 17 Jul 2026 15:17:37 +0800 Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=BC=B9=E7=AA=97?= =?UTF-8?q?=E4=B8=AD=E4=BD=BF=E7=94=A8=E8=A3=81=E5=89=AA=E5=9B=BE=E7=89=87?= =?UTF-8?q?=E4=BC=9A=E5=87=BA=E7=8E=B0=E5=B1=82=E7=BA=A7=E9=97=AE=E9=A2=98?= =?UTF-8?q?=20(#8156)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * fix(@vben/playground): 弹窗中使用裁剪图片会出现层级问题 * fix(project): 修复弹窗中裁剪图片在 web-antd 与 web-antdv-next 的层级问题 --- apps/web-antd/src/adapter/component/index.ts | 1 + apps/web-antdv-next/src/adapter/component/index.ts | 1 + playground/src/adapter/component/index.ts | 1 + 3 files changed, 3 insertions(+) diff --git a/apps/web-antd/src/adapter/component/index.ts b/apps/web-antd/src/adapter/component/index.ts index 81b6e8fa..8a1cadb4 100644 --- a/apps/web-antd/src/adapter/component/index.ts +++ b/apps/web-antd/src/adapter/component/index.ts @@ -360,6 +360,7 @@ function cropImage(file: File, aspectRatio: string | undefined) { ]), centered: true, width: 548, + zIndex: 9999, keyboard: false, maskClosable: false, closable: false, diff --git a/apps/web-antdv-next/src/adapter/component/index.ts b/apps/web-antdv-next/src/adapter/component/index.ts index ebd6909b..4a505fdb 100644 --- a/apps/web-antdv-next/src/adapter/component/index.ts +++ b/apps/web-antdv-next/src/adapter/component/index.ts @@ -379,6 +379,7 @@ function cropImage(file: File, aspectRatio: string | undefined) { ]), centered: true, width: 548, + zIndex: 9999, keyboard: false, maskClosable: false, closable: false, diff --git a/playground/src/adapter/component/index.ts b/playground/src/adapter/component/index.ts index 4ef4669d..9a975a2d 100644 --- a/playground/src/adapter/component/index.ts +++ b/playground/src/adapter/component/index.ts @@ -379,6 +379,7 @@ function cropImage(file: File, aspectRatio: string | undefined) { ]), centered: true, width: 548, + zIndex: 9999, keyboard: false, maskClosable: false, closable: false,