|
1 | 1 | <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"> |
11 | 9 | <div class="container" :style="sideStyle"> |
12 | 10 | <div ref="sideRef" class="ca-split-panel__side"> |
13 | 11 | <div class="ca-split-panel__content"> |
|
17 | 15 | <!-- 竖线和按钮 --> |
18 | 16 | <div class="divider-container"> |
19 | 17 | <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"> |
26 | 22 | <div class="ca-split-panel__collapse-trigger-icon"> |
27 | 23 | <IconRight v-if="isCollapse" size="20" /> |
28 | 24 | <IconLeft v-else size="20" /> |
@@ -167,18 +163,22 @@ onUnmounted(() => { |
167 | 163 | .clead_padding { |
168 | 164 | padding: 0 !important; |
169 | 165 | } |
170 | | -
|
| 166 | +.ca-split-panel:has(.gi-table--fullscreen) .container{ |
| 167 | + display: none; |
| 168 | +} |
171 | 169 | .ca-split-panel { |
172 | 170 | overflow: hidden; |
173 | 171 | display: flex; |
174 | 172 | width: 100%; |
175 | 173 | height: 100%; |
176 | 174 | position: relative; |
177 | 175 | background: var(--color-bg-2); |
| 176 | + z-index: 1000; |
178 | 177 |
|
179 | 178 | .container { |
180 | 179 | display: flex; |
181 | 180 | height: 100%; |
| 181 | + z-index: 1; |
182 | 182 | } |
183 | 183 |
|
184 | 184 | .divider-container { |
@@ -310,6 +310,7 @@ onUnmounted(() => { |
310 | 310 | } |
311 | 311 |
|
312 | 312 | &.is-mobile { |
| 313 | +
|
313 | 314 | :deep(.arco-table-col-fixed-left), |
314 | 315 | :deep(.arco-table-col-fixed-right) { |
315 | 316 | position: static; |
|
0 commit comments