From 9ba12e97afccbca6bafcacc1b5e79f4d7fed3341 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Thu, 23 Apr 2026 17:19:52 +0800
Subject: [PATCH] =?UTF-8?q?fix(form):=20table=20=E5=85=A8=E5=B1=8F?=
 =?UTF-8?q?=E6=AF=8F=E6=AC=A1=E8=BF=9B=E5=85=A5=E9=87=8D=E6=96=B0=E8=8E=B7?=
 =?UTF-8?q?=E5=8F=96=20z-index?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

close #672

Made-with: Cursor
---
 packages/form/src/table/Table.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/form/src/table/Table.vue b/packages/form/src/table/Table.vue
index 8ea285ed..016c9efe 100644
--- a/packages/form/src/table/Table.vue
+++ b/packages/form/src/table/Table.vue
@@ -4,7 +4,7 @@
       v-bind="$attrs"
       class="m-fields-table-wrap"
       :class="{ fixed: isFullscreen }"
-      :style="isFullscreen ? `z-index: ${nextZIndex()}` : ''"
+      :style="isFullscreen ? `z-index: ${fullscreenZIndex}` : ''"
     >
       <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>
@@ -80,7 +80,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, useTemplateRef } from 'vue';
+import { computed, ref, useTemplateRef, watch } from 'vue';
 import { FullScreen } from '@element-plus/icons-vue';
 
 import { TMagicButton, TMagicPagination, TMagicTable, TMagicTooltip, TMagicUpload, useZIndex } from '@tmagic/design';
@@ -122,11 +122,19 @@ const { pageSize, currentPage, paginationData, handleSizeChange, handleCurrentCh
 
 const { nextZIndex } = useZIndex();
 const updateKey = ref(1);
+const fullscreenZIndex = ref(nextZIndex());
 
 const { newHandler } = useAdd(props, emit);
 const { columns } = useTableColumns(props, emit, currentPage, pageSize, modelName);
 useSortable(props, emit, tMagicTableRef, modelName, updateKey);
 const { isFullscreen, toggleFullscreen } = useFullscreen();
+
+watch(isFullscreen, (value) => {
+  if (value) {
+    fullscreenZIndex.value = nextZIndex();
+  }
+});
+
 const { importable, excelHandler, clearHandler } = useImport(props, emit, newHandler);
 const { selectHandle, toggleRowSelection } = useSelection(props, emit, tMagicTableRef);