Skip to content

Commit 5ab7cdd

Browse files
committed
fix: 修复表格全屏显示问题
1 parent 21d0b1e commit 5ab7cdd

File tree

1 file changed

+17
-16
lines changed

1 file changed

+17
-16
lines changed

src/components/SplitPanel/index.vue

Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,11 @@
11
<template>
2-
<div
3-
ref="rootRef" class="ca-split-panel" :class="{
4-
'is-vertical': vertical,
5-
'is-resizing': resizing,
6-
'is-collapse': isCollapse,
7-
'is-responsive': isResponsive,
8-
'is-mobile': isMobile,
9-
}" :style="customStyle"
10-
>
2+
<div ref="rootRef" class="ca-split-panel" :class="{
3+
'is-vertical': vertical,
4+
'is-resizing': resizing,
5+
'is-collapse': isCollapse,
6+
'is-responsive': isResponsive,
7+
'is-mobile': isMobile,
8+
}" :style="customStyle">
119
<div class="container" :style="sideStyle">
1210
<div ref="sideRef" class="ca-split-panel__side">
1311
<div class="ca-split-panel__content">
@@ -17,12 +15,10 @@
1715
<!-- 竖线和按钮 -->
1816
<div class="divider-container">
1917
<div v-show="!isCollapse" class="divider"></div>
20-
<div
21-
v-if="allowCollapse" class="ca-split-panel__collapse-trigger" :class="{
22-
'is-collapse': isCollapse,
23-
'is-mobile': isMobile,
24-
}" @click="toggleCollapse"
25-
>
18+
<div v-if="allowCollapse" class="ca-split-panel__collapse-trigger" :class="{
19+
'is-collapse': isCollapse,
20+
'is-mobile': isMobile,
21+
}" @click="toggleCollapse">
2622
<div class="ca-split-panel__collapse-trigger-icon">
2723
<IconRight v-if="isCollapse" size="20" />
2824
<IconLeft v-else size="20" />
@@ -167,18 +163,22 @@ onUnmounted(() => {
167163
.clead_padding {
168164
padding: 0 !important;
169165
}
170-
166+
.ca-split-panel:has(.gi-table--fullscreen) .container{
167+
display: none;
168+
}
171169
.ca-split-panel {
172170
overflow: hidden;
173171
display: flex;
174172
width: 100%;
175173
height: 100%;
176174
position: relative;
177175
background: var(--color-bg-2);
176+
z-index: 1000;
178177
179178
.container {
180179
display: flex;
181180
height: 100%;
181+
z-index: 1;
182182
}
183183
184184
.divider-container {
@@ -310,6 +310,7 @@ onUnmounted(() => {
310310
}
311311
312312
&.is-mobile {
313+
313314
:deep(.arco-table-col-fixed-left),
314315
:deep(.arco-table-col-fixed-right) {
315316
position: static;

0 commit comments

Comments
 (0)