fix: 修复表格全屏显示问题

src/components/SplitPanel/index.vue

@@ -1,13 +1,11 @@
 <template>
-  <div
+  <div ref="rootRef" class="ca-split-panel" :class="{
-    ref="rootRef" class="ca-split-panel" :class="{
     'is-vertical': vertical,
     'is-resizing': resizing,
     'is-collapse': isCollapse,
     'is-responsive': isResponsive,
     'is-mobile': isMobile,
-    }" :style="customStyle"
+  }" :style="customStyle">
-  >
     <div class="container" :style="sideStyle">
       <div ref="sideRef" class="ca-split-panel__side">
         <div class="ca-split-panel__content">
@@ -17,12 +15,10 @@
       <!-- 竖线和按钮 -->
       <div class="divider-container">
         <div v-show="!isCollapse" class="divider"></div>
-        <div
+        <div v-if="allowCollapse" class="ca-split-panel__collapse-trigger" :class="{
-          v-if="allowCollapse" class="ca-split-panel__collapse-trigger" :class="{
           'is-collapse': isCollapse,
           'is-mobile': isMobile,
-          }" @click="toggleCollapse"
+        }" @click="toggleCollapse">
-        >
           <div class="ca-split-panel__collapse-trigger-icon">
             <IconRight v-if="isCollapse" size="20" />
             <IconLeft v-else size="20" />
@@ -167,7 +163,9 @@ onUnmounted(() => {
 .clead_padding {
   padding: 0 !important;
 }
-
+.ca-split-panel:has(.gi-table--fullscreen) .container{
+  display: none;
+}
 .ca-split-panel {
   overflow: hidden;
   display: flex;
@@ -175,10 +173,12 @@ onUnmounted(() => {
   height: 100%;
   position: relative;
   background: var(--color-bg-2);
+  z-index: 1000;
 
   .container {
     display: flex;
     height: 100%;
+    z-index: 1;
   }
 
   .divider-container {
@@ -310,6 +310,7 @@ onUnmounted(() => {
   }
 
   &.is-mobile {
+
     :deep(.arco-table-col-fixed-left),
     :deep(.arco-table-col-fixed-right) {
       position: static;