From e99a21257a4287e6637eca6fc31e547698d5b854 Mon Sep 17 00:00:00 2001
From: Linzsong <744740666@qq.com>
Date: Wed, 25 Mar 2026 17:45:26 +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 | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/packages/form/src/table/Table.vue b/packages/form/src/table/Table.vue
index 60ee20ce..51a002f0 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,12 +132,24 @@ const { pageSize, currentPage, paginationData, handleSizeChange, handleCurrentCh
 );
 
 const { nextZIndex } = useZIndex();
+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);
 const { columns } = useTableColumns(props, emit, currentPage, pageSize, modelName);
 useSortable(props, emit, tMagicTableRef, modelName, updateKey);
 const { isFullscreen, toggleFullscreen } = useFullscreen();
+
+watch(isFullscreen, (on) => {
+  if (on) {
+    fullscreenZIndex.value = nextZIndex();
+  } else {
+    fullscreenZIndex.value = null;
+  }
+});
 const { importable, excelHandler, clearHandler } = useImport(props, emit, newHandler);
 const { selectHandle, toggleRowSelection } = useSelection(props, emit, tMagicTableRef);