vxe-pc-ui 3.9.0 → 3.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/es/icon/style.css +1 -1
  2. package/es/split/src/split-pane.js +3 -3
  3. package/es/split/src/split.js +239 -139
  4. package/es/split/style.css +82 -45
  5. package/es/split/style.min.css +1 -1
  6. package/es/style.css +1 -1
  7. package/es/style.min.css +1 -1
  8. package/es/ui/index.js +1 -1
  9. package/es/ui/src/log.js +1 -1
  10. package/es/upload/src/upload.js +3 -1
  11. package/es/vxe-split/style.css +82 -45
  12. package/es/vxe-split/style.min.css +1 -1
  13. package/lib/icon/style/style.css +1 -1
  14. package/lib/icon/style/style.min.css +1 -1
  15. package/lib/index.umd.js +267 -166
  16. package/lib/index.umd.min.js +1 -1
  17. package/lib/split/src/split-pane.js +3 -3
  18. package/lib/split/src/split-pane.min.js +1 -1
  19. package/lib/split/src/split.js +258 -160
  20. package/lib/split/src/split.min.js +1 -1
  21. package/lib/split/style/style.css +82 -45
  22. package/lib/split/style/style.min.css +1 -1
  23. package/lib/style.css +1 -1
  24. package/lib/style.min.css +1 -1
  25. package/lib/ui/index.js +1 -1
  26. package/lib/ui/index.min.js +1 -1
  27. package/lib/ui/src/log.js +1 -1
  28. package/lib/ui/src/log.min.js +1 -1
  29. package/lib/upload/src/upload.js +3 -1
  30. package/lib/upload/src/upload.min.js +1 -1
  31. package/lib/vxe-split/style/style.css +82 -45
  32. package/lib/vxe-split/style/style.min.css +1 -1
  33. package/package.json +1 -1
  34. package/packages/split/src/split-pane.ts +4 -3
  35. package/packages/split/src/split.ts +236 -141
  36. package/packages/upload/src/upload.ts +3 -1
  37. package/styles/components/split.scss +109 -88
  38. package/types/components/split-pane.d.ts +11 -2
  39. package/types/components/split.d.ts +26 -20
  40. /package/es/icon/{iconfont.1756083812307.ttf → iconfont.1756133785685.ttf} +0 -0
  41. /package/es/icon/{iconfont.1756083812307.woff → iconfont.1756133785685.woff} +0 -0
  42. /package/es/icon/{iconfont.1756083812307.woff2 → iconfont.1756133785685.woff2} +0 -0
  43. /package/es/{iconfont.1756083812307.ttf → iconfont.1756133785685.ttf} +0 -0
  44. /package/es/{iconfont.1756083812307.woff → iconfont.1756133785685.woff} +0 -0
  45. /package/es/{iconfont.1756083812307.woff2 → iconfont.1756133785685.woff2} +0 -0
  46. /package/lib/icon/style/{iconfont.1756083812307.ttf → iconfont.1756133785685.ttf} +0 -0
  47. /package/lib/icon/style/{iconfont.1756083812307.woff → iconfont.1756133785685.woff} +0 -0
  48. /package/lib/icon/style/{iconfont.1756083812307.woff2 → iconfont.1756133785685.woff2} +0 -0
  49. /package/lib/{iconfont.1756083812307.ttf → iconfont.1756133785685.ttf} +0 -0
  50. /package/lib/{iconfont.1756083812307.woff → iconfont.1756133785685.woff} +0 -0
  51. /package/lib/{iconfont.1756083812307.woff2 → iconfont.1756133785685.woff2} +0 -0
package/es/split/style.css CHANGED
@@ -115,6 +115,7 @@
115
115
  }
116
116
 
117
117
  .vxe-split-pane-handle {
118
+ display: flex;
118
119
  position: relative;
119
120
  flex-shrink: 0;
120
121
  -webkit-user-select: none;
@@ -146,18 +147,22 @@
146
147
  background-color: var(--vxe-ui-split-handle-bar-hover-background-color);
147
148
  }
148
149
 
149
- .vxe-split-pane-action-btn {
150
+ .vxe-split-pane-action-btn-wrapper {
150
151
  position: absolute;
152
+ display: flex;
153
+ top: 50%;
154
+ left: 50%;
155
+ transform: translate(-50%, -50%);
156
+ z-index: 2;
157
+ }
158
+
159
+ .vxe-split-pane-action-btn {
151
160
  display: flex;
152
161
  flex-direction: row;
153
162
  align-items: center;
154
163
  justify-content: center;
155
164
  font-size: 0.5em;
156
165
  border-radius: var(--vxe-ui-base-border-radius);
157
- top: 50%;
158
- left: 50%;
159
- transform: translate(-50%, -50%);
160
- z-index: 2;
161
166
  color: var(--vxe-ui-layout-background-color);
162
167
  background-color: var(--vxe-ui-split-handle-button-background-color);
163
168
  border: 1px solid var(--vxe-ui-input-border-color);
@@ -169,71 +174,103 @@
169
174
  background-color: var(--vxe-ui-font-primary-color);
170
175
  }
171
176
  .vxe-split-pane-action-btn:active {
172
- transform: translate(-50%, -50%) scale(0.9);
177
+ transform: scale(0.9);
173
178
  }
174
179
 
175
- .vxe-split-pane {
176
- display: flex;
177
- position: relative;
178
- overflow: hidden;
180
+ .vxe-split-pane-handle.is--horizontal {
181
+ flex-direction: row;
179
182
  }
180
- .vxe-split-pane.is--hidden {
181
- width: 0;
183
+ .vxe-split-pane-handle.is--horizontal.is--border {
184
+ border-width: 1px 0 1px 0;
182
185
  }
183
- .vxe-split-pane.is--padding > .vxe-split-pane--wrapper {
184
- padding: var(--vxe-ui-layout-padding-default);
186
+ .vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper {
187
+ flex-direction: column;
185
188
  }
186
- .vxe-split-pane.is--fill {
187
- flex-grow: 1;
189
+ .vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div {
190
+ margin-top: 1em;
188
191
  }
189
- .vxe-split-pane.is--width, .vxe-split-pane.is--height {
190
- flex-shrink: 0;
192
+ .vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div:first-child {
193
+ margin-top: 0;
191
194
  }
192
- .vxe-split-pane.is--border > .vxe-split-pane--wrapper {
193
- border: 1px solid var(--vxe-ui-base-popup-border-color);
195
+ .vxe-split-pane-handle.is--horizontal .vxe-split-pane-handle-bar {
196
+ width: var(--vxe-ui-split-handle-bar-horizontal-width);
197
+ height: 100%;
198
+ }
199
+ .vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn {
200
+ width: var(--vxe-ui-split-handle-bar-horizontal-width);
201
+ height: var(--vxe-ui-split-handle-bar-horizontal-height);
202
+ }
203
+ .vxe-split-pane-handle.is--vertical {
204
+ flex-direction: column;
205
+ }
206
+ .vxe-split-pane-handle.is--vertical.is--border {
207
+ border-width: 0 1px 0 1px;
208
+ }
209
+ .vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper {
210
+ flex-direction: row;
194
211
  }
195
- .vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
212
+ .vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div {
213
+ margin-left: 1em;
214
+ }
215
+ .vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div:first-child {
216
+ margin-left: 0;
217
+ }
218
+ .vxe-split-pane-handle.is--vertical .vxe-split-pane-handle-bar {
219
+ height: var(--vxe-ui-split-handle-bar-vertical-height);
220
+ width: 100%;
221
+ }
222
+ .vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn {
223
+ width: var(--vxe-ui-split-handle-bar-vertical-width);
224
+ height: var(--vxe-ui-split-handle-bar-vertical-height);
225
+ }
226
+ .vxe-split-pane-handle.is--resize.is-resize--immediate.is--horizontal .vxe-split-pane-handle-bar {
196
227
  cursor: w-resize;
197
228
  }
198
- .vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
229
+ .vxe-split-pane-handle.is--resize.is-resize--immediate.is--vertical .vxe-split-pane-handle-bar {
199
230
  cursor: n-resize;
200
231
  }
201
- .vxe-split-pane.is--resize.is--expand.is-resize--immediate > .vxe-split-pane-handle > .vxe-split-pane-handle-bar:active {
232
+ .vxe-split-pane-handle.is--resize.is-resize--immediate > .vxe-split-pane-handle-bar:active {
202
233
  background-color: var(--vxe-ui-font-primary-color);
203
234
  }
204
- .vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
235
+ .vxe-split-pane-handle.is--resize.is-resize--lazy.is--horizontal .vxe-split-pane-handle-bar {
205
236
  cursor: col-resize;
206
237
  }
207
- .vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
238
+ .vxe-split-pane-handle.is--resize.is-resize--lazy.is--vertical .vxe-split-pane-handle-bar {
208
239
  cursor: row-resize;
209
240
  }
210
- .vxe-split-pane.is--horizontal {
211
- flex-direction: row;
241
+
242
+ .vxe-split-pane {
243
+ display: flex;
244
+ position: relative;
245
+ overflow: hidden;
212
246
  }
213
- .vxe-split-pane.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
214
- width: var(--vxe-ui-split-handle-bar-horizontal-width);
215
- height: 100%;
247
+ .vxe-split-pane.is--fill {
248
+ flex-grow: 1;
216
249
  }
217
- .vxe-split-pane.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-action-btn {
218
- width: var(--vxe-ui-split-handle-bar-horizontal-width);
219
- height: var(--vxe-ui-split-handle-bar-horizontal-height);
250
+ .vxe-split-pane.is--hidden.is--horizontal {
251
+ width: 0;
220
252
  }
221
- .vxe-split-pane.is--horizontal.is--border > .vxe-split-pane-handle {
222
- border-width: 1px 0 1px 0;
253
+ .vxe-split-pane.is--hidden.is--vertical {
254
+ height: 0;
223
255
  }
224
- .vxe-split-pane.is--vertical {
225
- flex-direction: column;
256
+ .vxe-split-pane.is--padding > .vxe-split-pane--wrapper {
257
+ padding: var(--vxe-ui-layout-padding-default);
226
258
  }
227
- .vxe-split-pane.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
228
- height: var(--vxe-ui-split-handle-bar-vertical-height);
229
- width: 100%;
259
+ .vxe-split-pane.is--hidden, .vxe-split-pane.is--width, .vxe-split-pane.is--height {
260
+ flex-shrink: 0;
230
261
  }
231
- .vxe-split-pane.is--vertical > .vxe-split-pane-handle .vxe-split-pane-action-btn {
232
- width: var(--vxe-ui-split-handle-bar-vertical-width);
233
- height: var(--vxe-ui-split-handle-bar-vertical-height);
262
+ .vxe-split-pane.is--border > .vxe-split-pane--wrapper {
263
+ border: 1px solid var(--vxe-ui-base-popup-border-color);
234
264
  }
235
- .vxe-split-pane.is--vertical.is--border > .vxe-split-pane-handle {
236
- border-width: 0 1px 0 1px;
265
+
266
+ .vxe-split--render-vars {
267
+ width: 0;
268
+ height: 0;
269
+ overflow: hidden;
270
+ }
271
+ .vxe-split--render-vars .vxe-split--handle-bar-info {
272
+ width: var(--vxe-ui-split-handle-bar-horizontal-width);
273
+ height: var(--vxe-ui-split-handle-bar-vertical-height);
237
274
  }
238
275
 
239
276
  .vxe-modal--content > .vxe-split {
package/es/split/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-split{position:relative;width:100%}.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-pane{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split.is--drag.is-resize--immediate.is--horizontal{cursor:w-resize}.vxe-split.is--drag.is-resize--immediate.is--vertical{cursor:n-resize}.vxe-split.is--drag.is-resize--lazy.is--horizontal{cursor:col-resize}.vxe-split.is--drag.is-resize--lazy.is--vertical{cursor:row-resize}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-pane>.vxe-split-pane--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split--resizable-split-tip{display:none;position:absolute;top:0;left:0;z-index:7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:col-resize}.vxe-split--resizable-split-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split--resizable-split-tip.is--horizontal{width:1px;height:100%}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev{right:0}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next{left:1px}.vxe-split--resizable-split-tip.is--vertical{width:100%;height:1px}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev{bottom:0}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next{top:1px}.vxe-split--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.vxe-split--resizable-split-number-next,.vxe-split--resizable-split-number-prev{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-pane-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split-pane--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-pane--inner{height:100%;width:100%;overflow:auto}.vxe-split-pane--inner>.vxe-split{height:100%}.vxe-split-pane-handle-bar{background-color:var(--vxe-ui-split-handle-bar-background-color)}.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-split-handle-bar-hover-background-color)}.vxe-split-pane-action-btn{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;border-radius:var(--vxe-ui-base-border-radius);top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-split-handle-button-background-color);border:1px solid var(--vxe-ui-input-border-color);cursor:pointer;transition:transform .1s ease-in-out}.vxe-split-pane-action-btn:hover{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane-action-btn:active{transform:translate(-50%,-50%) scale(.9)}.vxe-split-pane{display:flex;position:relative;overflow:hidden}.vxe-split-pane.is--hidden{width:0}.vxe-split-pane.is--padding>.vxe-split-pane--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-pane.is--fill{flex-grow:1}.vxe-split-pane.is--height,.vxe-split-pane.is--width{flex-shrink:0}.vxe-split-pane.is--border>.vxe-split-pane--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:w-resize}.vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:n-resize}.vxe-split-pane.is--resize.is--expand.is-resize--immediate>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:col-resize}.vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:row-resize}.vxe-split-pane.is--horizontal{flex-direction:row}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:100%}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:var(--vxe-ui-split-handle-bar-horizontal-height)}.vxe-split-pane.is--horizontal.is--border>.vxe-split-pane-handle{border-width:1px 0 1px 0}.vxe-split-pane.is--vertical{flex-direction:column}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{height:var(--vxe-ui-split-handle-bar-vertical-height);width:100%}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-vertical-width);height:var(--vxe-ui-split-handle-bar-vertical-height)}.vxe-split-pane.is--vertical.is--border>.vxe-split-pane-handle{border-width:0 1px 0 1px}.vxe-modal--content>.vxe-split{height:100%}
1
+ .vxe-split{position:relative;width:100%}.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-pane{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split.is--drag.is-resize--immediate.is--horizontal{cursor:w-resize}.vxe-split.is--drag.is-resize--immediate.is--vertical{cursor:n-resize}.vxe-split.is--drag.is-resize--lazy.is--horizontal{cursor:col-resize}.vxe-split.is--drag.is-resize--lazy.is--vertical{cursor:row-resize}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-pane>.vxe-split-pane--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split--resizable-split-tip{display:none;position:absolute;top:0;left:0;z-index:7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:col-resize}.vxe-split--resizable-split-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split--resizable-split-tip.is--horizontal{width:1px;height:100%}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev{right:0}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next{left:1px}.vxe-split--resizable-split-tip.is--vertical{width:100%;height:1px}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev{bottom:0}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next{top:1px}.vxe-split--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.vxe-split--resizable-split-number-next,.vxe-split--resizable-split-number-prev{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-pane-handle{display:flex;position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split-pane--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-pane--inner{height:100%;width:100%;overflow:auto}.vxe-split-pane--inner>.vxe-split{height:100%}.vxe-split-pane-handle-bar{background-color:var(--vxe-ui-split-handle-bar-background-color)}.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-split-handle-bar-hover-background-color)}.vxe-split-pane-action-btn-wrapper{position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.vxe-split-pane-action-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;border-radius:var(--vxe-ui-base-border-radius);color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-split-handle-button-background-color);border:1px solid var(--vxe-ui-input-border-color);cursor:pointer;transition:transform .1s ease-in-out}.vxe-split-pane-action-btn:hover{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane-action-btn:active{transform:scale(.9)}.vxe-split-pane-handle.is--horizontal{flex-direction:row}.vxe-split-pane-handle.is--horizontal.is--border{border-width:1px 0 1px 0}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper{flex-direction:column}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div{margin-top:1em}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div:first-child{margin-top:0}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-handle-bar{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:100%}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:var(--vxe-ui-split-handle-bar-horizontal-height)}.vxe-split-pane-handle.is--vertical{flex-direction:column}.vxe-split-pane-handle.is--vertical.is--border{border-width:0 1px 0 1px}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper{flex-direction:row}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div{margin-left:1em}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div:first-child{margin-left:0}.vxe-split-pane-handle.is--vertical .vxe-split-pane-handle-bar{height:var(--vxe-ui-split-handle-bar-vertical-height);width:100%}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-vertical-width);height:var(--vxe-ui-split-handle-bar-vertical-height)}.vxe-split-pane-handle.is--resize.is-resize--immediate.is--horizontal .vxe-split-pane-handle-bar{cursor:w-resize}.vxe-split-pane-handle.is--resize.is-resize--immediate.is--vertical .vxe-split-pane-handle-bar{cursor:n-resize}.vxe-split-pane-handle.is--resize.is-resize--immediate>.vxe-split-pane-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane-handle.is--resize.is-resize--lazy.is--horizontal .vxe-split-pane-handle-bar{cursor:col-resize}.vxe-split-pane-handle.is--resize.is-resize--lazy.is--vertical .vxe-split-pane-handle-bar{cursor:row-resize}.vxe-split-pane{display:flex;position:relative;overflow:hidden}.vxe-split-pane.is--fill{flex-grow:1}.vxe-split-pane.is--hidden.is--horizontal{width:0}.vxe-split-pane.is--hidden.is--vertical{height:0}.vxe-split-pane.is--padding>.vxe-split-pane--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-pane.is--height,.vxe-split-pane.is--hidden,.vxe-split-pane.is--width{flex-shrink:0}.vxe-split-pane.is--border>.vxe-split-pane--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split--render-vars{width:0;height:0;overflow:hidden}.vxe-split--render-vars .vxe-split--handle-bar-info{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:var(--vxe-ui-split-handle-bar-vertical-height)}.vxe-modal--content>.vxe-split{height:100%}