From 99721abe88c41abd4b3a1e3eb9d9947e02fda40d Mon Sep 17 00:00:00 2001
From: Linzsong <744740666@qq.com>
Date: Fri, 27 Mar 2026 16:42:31 +0800
Subject: [PATCH] =?UTF-8?q?fix(form):=20=E4=BF=AE=E5=A4=8D=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E5=85=A8=E5=B1=8F=E7=BC=96=E8=BE=91=E6=97=B6=E4=B8=8B?=
 =?UTF-8?q?=E6=8B=89=E9=80=89=E9=A1=B9=E8=A2=AB=E9=81=AE=E7=BD=A9=E9=81=AE?=
 =?UTF-8?q?=E6=8C=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/form/src/table/Table.vue | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/packages/form/src/table/Table.vue b/packages/form/src/table/Table.vue
index 60ee20cef..c1429fab9 100644
--- a/packages/form/src/table/Table.vue
+++ b/packages/form/src/table/Table.vue
@@ -1,11 +1,6 @@
 <template>
   <teleport to="body" :disabled="!isFullscreen">
-    <div
-      v-bind="$attrs"
-      class="m-fields-table-wrap"
-      :class="{ fixed: isFullscreen }"
-      :style="isFullscreen ? `z-index: ${nextZIndex()}` : ''"
-    >
+    <div v-bind="$attrs" class="m-fields-table-wrap" :class="{ fixed: isFullscreen }" :style="fullscreenZIndexStyle">
       <div class="m-fields-table" :class="{ 'm-fields-table-item-extra': config.itemExtra }">
         <span v-if="config.extra" style="color: rgba(0, 0, 0, 0.45)" v-html="config.extra"></span>
         <TMagicTooltip
@@ -96,7 +91,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, useTemplateRef } from 'vue';
+import { computed, ref, useTemplateRef, watch } from 'vue';
 import { FullScreen, Grid, Plus } from '@element-plus/icons-vue';
 
 import { TMagicButton, TMagicPagination, TMagicTable, TMagicTooltip, TMagicUpload, useZIndex } from '@tmagic/design';
@@ -137,6 +132,11 @@ const { pageSize, currentPage, paginationData, handleSizeChange, handleCurrentCh
 );
 
 const { nextZIndex } = useZIndex();
+/** 全屏层 z-index：仅在进入全屏时取一次 nextZIndex，避免每次重渲染累加后盖住 append 到 body 的下拉层 */
+const fullscreenZIndex = ref<number | null>(null);
+const fullscreenZIndexStyle = computed(() =>
+  fullscreenZIndex.value != null ? `z-index: ${fullscreenZIndex.value}` : '',
+);
 const updateKey = ref(1);
 
 const { addable, newHandler } = useAdd(props, emit);
@@ -179,6 +179,15 @@ const sortChangeHandler = (sortOptions: SortProp) => {
   sortChange(props.model[modelName], sortOptions);
 };
 
+// 监听全屏状态，仅在进入全屏时取一次 nextZIndex，避免每次重渲染累加后盖住 append 到 body 的下拉层
+watch(isFullscreen, (on) => {
+  if (on) {
+    fullscreenZIndex.value = nextZIndex();
+  } else {
+    fullscreenZIndex.value = null;
+  }
+});
+
 defineExpose({
   toggleRowSelection,
 });