From 6b109c9ae6dce396b5bf93ede068bcacc0929de8 Mon Sep 17 00:00:00 2001
From: Harold Zhang <HZhang@datacolor.com>
Date: Mon, 15 Jun 2026 16:24:17 +0800
Subject: [PATCH 1/4] fix: fixed regression of confirm

---
 packages/@core/ui-kit/popup-ui/src/alert/alert.vue    |  3 ++-
 .../src/ui/alert-dialog/AlertDialogContent.vue        | 11 ++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/@core/ui-kit/popup-ui/src/alert/alert.vue b/packages/@core/ui-kit/popup-ui/src/alert/alert.vue
index fd7b95dff..8e8a23fb3 100644
--- a/packages/@core/ui-kit/popup-ui/src/alert/alert.vue
+++ b/packages/@core/ui-kit/popup-ui/src/alert/alert.vue
@@ -145,7 +145,7 @@ async function handleOpenChange(val: boolean) {
 }
 </script>
 <template>
-  <AlertDialog :open="open" @update:open="handleOpenChange">
+  <AlertDialog :modal="false" :open="open" @update:open="handleOpenChange">
     <AlertDialogContent
       :open="open"
       :centered="centered"
@@ -153,6 +153,7 @@ async function handleOpenChange(val: boolean) {
       @opened="emits('opened')"
       @closed="onAlertClosed"
       @escape-key-down="onEscapeKeyDown($event)"
+      @close="handleOpenChange(false)"
       :class="
         cn(
           containerClass,
diff --git a/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogContent.vue b/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogContent.vue
index e49377aae..58aba0209 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogContent.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogContent.vue
@@ -11,7 +11,6 @@ import { cn } from '@vben-core/shared/utils';
 import { reactiveOmit } from '@vueuse/core';
 import {
   AlertDialogContent,
-  AlertDialogOverlay,
   AlertDialogPortal,
   useForwardPropsEmits,
 } from 'reka-ui';
@@ -37,6 +36,9 @@ const emits = defineEmits<
   AlertDialogContentEmits & { close: []; closed: []; opened: [] }
 >();
 
+// reka-ui 的 AlertDialog 在 modal=true 时会将 body 设置 pointer-events:none，
+// 弹出层（如 Select 下拉框）会因此无法点击。这里通过在上层传入 :modal="false" 来
+// 避免该问题，同时自行渲染遮罩并锁定滚动。
 useScrollLock();
 
 const delegatedProps = reactiveOmit(props, 'class');
@@ -62,10 +64,9 @@ defineExpose({
 <template>
   <AlertDialogPortal>
     <Transition name="fade" appear>
-      <AlertDialogOverlay
-        data-slot="alert-dialog-overlay"
-        class="data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-popup bg-overlay"
+      <div
         v-if="open && modal"
+        class="fixed inset-0 z-popup bg-overlay"
         :style="{
           ...(zIndex ? { zIndex } : {}),
           position: 'fixed',
@@ -73,7 +74,7 @@ defineExpose({
             overlayBlur && overlayBlur > 0 ? `blur(${overlayBlur}px)` : 'none',
         }"
         @click="() => emits('close')"
-      />
+      ></div>
     </Transition>
     <AlertDialogContent
       data-slot="alert-dialog-content"

From 16ebc67796431630d44f3e7de3ac159ffe803665 Mon Sep 17 00:00:00 2001
From: Harold Zhang <HZhang@datacolor.com>
Date: Mon, 15 Jun 2026 16:34:53 +0800
Subject: [PATCH 2/4] feat: fixed useScrollLock() can not be unlock

---
 .../ui/alert-dialog/AlertDialogContent.vue    | 22 ++++++-------
 .../ui/alert-dialog/AlertDialogOverlay.vue    | 31 +++++++++++++++++++
 2 files changed, 41 insertions(+), 12 deletions(-)
 create mode 100644 packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogOverlay.vue

diff --git a/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogContent.vue b/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogContent.vue
index 58aba0209..c0775f408 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogContent.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogContent.vue
@@ -5,7 +5,6 @@ import type { ClassType } from '@vben-core/typings';
 
 import { ref } from 'vue';
 
-import { useScrollLock } from '@vben-core/composables';
 import { cn } from '@vben-core/shared/utils';
 
 import { reactiveOmit } from '@vueuse/core';
@@ -15,6 +14,8 @@ import {
   useForwardPropsEmits,
 } from 'reka-ui';
 
+import AlertDialogOverlay from './AlertDialogOverlay.vue';
+
 defineOptions({
   inheritAttrs: false,
 });
@@ -38,8 +39,9 @@ const emits = defineEmits<
 
 // reka-ui 的 AlertDialog 在 modal=true 时会将 body 设置 pointer-events:none，
 // 弹出层（如 Select 下拉框）会因此无法点击。这里通过在上层传入 :modal="false" 来
-// 避免该问题，同时自行渲染遮罩并锁定滚动。
-useScrollLock();
+// 避免该问题，同时通过 AlertDialogOverlay 组件自行渲染遮罩并锁定滚动。
+// AlertDialogOverlay 通过 v-if 控制挂载/卸载，其内部的 useScrollLock 会在组件
+// 卸载时自动解锁滚动。
 
 const delegatedProps = reactiveOmit(props, 'class');
 
@@ -64,17 +66,13 @@ defineExpose({
 <template>
   <AlertDialogPortal>
     <Transition name="fade" appear>
-      <div
+      <AlertDialogOverlay
         v-if="open && modal"
-        class="fixed inset-0 z-popup bg-overlay"
-        :style="{
-          ...(zIndex ? { zIndex } : {}),
-          position: 'fixed',
-          backdropFilter:
-            overlayBlur && overlayBlur > 0 ? `blur(${overlayBlur}px)` : 'none',
-        }"
+        :overlay-blur="overlayBlur"
+        position="fixed"
+        :z-index="zIndex"
         @click="() => emits('close')"
-      ></div>
+      />
     </Transition>
     <AlertDialogContent
       data-slot="alert-dialog-content"
diff --git a/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogOverlay.vue b/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogOverlay.vue
new file mode 100644
index 000000000..0c721c774
--- /dev/null
+++ b/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogOverlay.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import { useScrollLock } from '@vben-core/composables';
+import { cn } from '@vben-core/shared/utils';
+
+const props = withDefaults(
+  defineProps<{
+    class?: any;
+    overlayBlur?: number;
+    position?: 'absolute' | 'fixed';
+    zIndex?: number;
+  }>(),
+  {
+    position: 'fixed',
+  },
+);
+
+// 通过 v-if 控制挂载/卸载，组件卸载时 useScrollLock 自动解锁滚动
+useScrollLock();
+</script>
+
+<template>
+  <div
+    :style="{
+      ...(zIndex ? { zIndex } : {}),
+      position,
+      backdropFilter:
+        overlayBlur && overlayBlur > 0 ? `blur(${overlayBlur}px)` : 'none',
+    }"
+    :class="cn('z-popup bg-overlay inset-0 fixed', props.class)"
+  ></div>
+</template>

From bf8c3d641184757e983b0e6e0e62341832c2032e Mon Sep 17 00:00:00 2001
From: HaroldZhangCode91 <HZhang@datacolor.com>
Date: Mon, 15 Jun 2026 17:25:04 +0800
Subject: [PATCH 3/4] feat: aligns ESLint with oxfmt's behavior (#8054)

---
 internal/lint-configs/eslint-config/src/configs/vue.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/internal/lint-configs/eslint-config/src/configs/vue.ts b/internal/lint-configs/eslint-config/src/configs/vue.ts
index edd576888..b42026746 100644
--- a/internal/lint-configs/eslint-config/src/configs/vue.ts
+++ b/internal/lint-configs/eslint-config/src/configs/vue.ts
@@ -85,7 +85,13 @@ export async function vue(): Promise<Linter.Config[]> {
         'vue/dot-location': ['error', 'property'],
         'vue/dot-notation': ['error', { allowKeywords: true }],
         'vue/eqeqeq': ['error', 'smart'],
-        'vue/html-closing-bracket-newline': 'error',
+        'vue/html-closing-bracket-newline': [
+          'error',
+          {
+            multiline: 'never',
+            selfClosingTag: { multiline: 'never' },
+          },
+        ],
         'vue/html-indent': 'off',
         // 'vue/html-indent': ['error', 2],
         'vue/html-quotes': ['error', 'double'],

From ad3f996bdbace9be9f9856e6cff9f4b274c76dec Mon Sep 17 00:00:00 2001
From: Jefsky Wong <hwj3344@hotmail.com>
Date: Tue, 16 Jun 2026 08:36:39 +0800
Subject: [PATCH 4/4] fix(@vben/common-ui): prevent footer slot from
 overlapping content when Page contains Grid (#8056)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Page component's outer container used min-h-full, which doesn't
provide an explicit height for flex children. Combined with h-full on
the content div, this caused the footer slot to overlap table content
(Grid/vxe-table) because the content area didn't properly account for
footer space in the flex column layout.

Fix:
1. Change outer container from min-h-full to h-full — gives the flex
   container an explicit height so percentage heights resolve correctly.
2. Change content area from static h-full to flex-1 when autoContentHeight
   is false — lets the flex layout naturally distribute remaining space
   between content and footer.

Closes #5494

Co-authored-by: jefsky <jefsky@users.noreply.github.com>
---
 packages/effects/common-ui/src/components/page/page.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/effects/common-ui/src/components/page/page.vue b/packages/effects/common-ui/src/components/page/page.vue
index f5ad4b4e8..a2ffc47aa 100644
--- a/packages/effects/common-ui/src/components/page/page.vue
+++ b/packages/effects/common-ui/src/components/page/page.vue
@@ -56,7 +56,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="relative flex min-h-full flex-col">
+  <div class="relative flex h-full flex-col">
     <div
       v-if="
         description ||
@@ -92,7 +92,7 @@ onMounted(() => {
       </div>
     </div>
 
-    <div :class="cn('h-full p-4', contentClass)" :style="contentStyle">
+    <div :class="cn(autoContentHeight ? 'h-full' : 'flex-1', 'p-4', contentClass)" :style="contentStyle">
       <slot></slot>
     </div>
     <div