fix(form): table全屏后蒙层在最上一层

packages/form/src/containers/Table.vue

@@ -1,4 +1,5 @@
 <template>
+  <teleport to="body" :disabled="!isFullscreen">
     <div ref="mTable" 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 content="拖拽可排序" placement="left-start" :disabled="config.dropSort !== true">
@@ -175,6 +176,7 @@
         </TMagicPagination>
       </div>
     </div>
+  </teleport>
 </template>
 
 <script setup lang="ts">

packages/form/src/theme/table.scss

@@ -2,22 +2,15 @@
   width: 100%;
   &.fixed {
     position: fixed;
+    height: 100%;
+    overflow: auto;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     z-index: 100;
-    &::before {
-      content: " ";
-      display: block;
     background: rgba(0, 0, 0, 0.5);
-      position: fixed;
-      top: 0;
-      right: 0;
-      left: 0;
-      bottom: 0;
-      z-index: 100;
-    }
+
     & > .el-form-item__content {
       z-index: 101;
       position: relative;