vxe-pc-ui 4.9.0 → 4.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 (59) hide show
  1. package/es/icon/style.css +1 -1
  2. package/es/modal/src/modal.js +5 -2
  3. package/es/split/src/split-pane.js +3 -3
  4. package/es/split/src/split.js +244 -141
  5. package/es/split/style.css +82 -45
  6. package/es/split/style.min.css +1 -1
  7. package/es/style.css +1 -1
  8. package/es/style.min.css +1 -1
  9. package/es/tabs/src/tabs.js +6 -3
  10. package/es/ui/index.js +1 -1
  11. package/es/ui/src/log.js +1 -1
  12. package/es/upload/src/upload.js +7 -2
  13. package/es/vxe-split/style.css +82 -45
  14. package/es/vxe-split/style.min.css +1 -1
  15. package/lib/icon/style/style.css +1 -1
  16. package/lib/icon/style/style.min.css +1 -1
  17. package/lib/index.umd.js +270 -166
  18. package/lib/index.umd.min.js +1 -1
  19. package/lib/modal/src/modal.js +5 -2
  20. package/lib/modal/src/modal.min.js +1 -1
  21. package/lib/split/src/split-pane.js +3 -3
  22. package/lib/split/src/split-pane.min.js +1 -1
  23. package/lib/split/src/split.js +247 -154
  24. package/lib/split/src/split.min.js +1 -1
  25. package/lib/split/style/style.css +82 -45
  26. package/lib/split/style/style.min.css +1 -1
  27. package/lib/style.css +1 -1
  28. package/lib/style.min.css +1 -1
  29. package/lib/tabs/src/tabs.js +6 -3
  30. package/lib/tabs/src/tabs.min.js +1 -1
  31. package/lib/ui/index.js +1 -1
  32. package/lib/ui/index.min.js +1 -1
  33. package/lib/ui/src/log.js +1 -1
  34. package/lib/ui/src/log.min.js +1 -1
  35. package/lib/upload/src/upload.js +7 -2
  36. package/lib/upload/src/upload.min.js +1 -1
  37. package/lib/vxe-split/style/style.css +82 -45
  38. package/lib/vxe-split/style/style.min.css +1 -1
  39. package/package.json +1 -1
  40. package/packages/modal/src/modal.ts +6 -2
  41. package/packages/split/src/split-pane.ts +4 -3
  42. package/packages/split/src/split.ts +243 -142
  43. package/packages/tabs/src/tabs.ts +7 -3
  44. package/packages/upload/src/upload.ts +8 -2
  45. package/styles/components/split.scss +109 -88
  46. package/types/components/split-pane.d.ts +11 -2
  47. package/types/components/split.d.ts +26 -22
  48. /package/es/icon/{iconfont.1756083805751.ttf → iconfont.1756133787659.ttf} +0 -0
  49. /package/es/icon/{iconfont.1756083805751.woff → iconfont.1756133787659.woff} +0 -0
  50. /package/es/icon/{iconfont.1756083805751.woff2 → iconfont.1756133787659.woff2} +0 -0
  51. /package/es/{iconfont.1756083805751.ttf → iconfont.1756133787659.ttf} +0 -0
  52. /package/es/{iconfont.1756083805751.woff → iconfont.1756133787659.woff} +0 -0
  53. /package/es/{iconfont.1756083805751.woff2 → iconfont.1756133787659.woff2} +0 -0
  54. /package/lib/icon/style/{iconfont.1756083805751.ttf → iconfont.1756133787659.ttf} +0 -0
  55. /package/lib/icon/style/{iconfont.1756083805751.woff → iconfont.1756133787659.woff} +0 -0
  56. /package/lib/icon/style/{iconfont.1756083805751.woff2 → iconfont.1756133787659.woff2} +0 -0
  57. /package/lib/{iconfont.1756083805751.ttf → iconfont.1756133787659.ttf} +0 -0
  58. /package/lib/{iconfont.1756083805751.woff → iconfont.1756133787659.woff} +0 -0
  59. /package/lib/{iconfont.1756083805751.woff2 → iconfont.1756133787659.woff2} +0 -0
package/es/split/style.css CHANGED
@@ -111,6 +111,7 @@
111
111
  }
112
112
 
113
113
  .vxe-split-pane-handle {
114
+ display: flex;
114
115
  position: relative;
115
116
  flex-shrink: 0;
116
117
  -webkit-user-select: none;
@@ -141,18 +142,22 @@
141
142
  background-color: var(--vxe-ui-split-handle-bar-hover-background-color);
142
143
  }
143
144
 
144
- .vxe-split-pane-action-btn {
145
+ .vxe-split-pane-action-btn-wrapper {
145
146
  position: absolute;
147
+ display: flex;
148
+ top: 50%;
149
+ left: 50%;
150
+ transform: translate(-50%, -50%);
151
+ z-index: 2;
152
+ }
153
+
154
+ .vxe-split-pane-action-btn {
146
155
  display: flex;
147
156
  flex-direction: row;
148
157
  align-items: center;
149
158
  justify-content: center;
150
159
  font-size: 0.5em;
151
160
  border-radius: var(--vxe-ui-base-border-radius);
152
- top: 50%;
153
- left: 50%;
154
- transform: translate(-50%, -50%);
155
- z-index: 2;
156
161
  color: var(--vxe-ui-layout-background-color);
157
162
  background-color: var(--vxe-ui-split-handle-button-background-color);
158
163
  border: 1px solid var(--vxe-ui-input-border-color);
@@ -164,71 +169,103 @@
164
169
  background-color: var(--vxe-ui-font-primary-color);
165
170
  }
166
171
  .vxe-split-pane-action-btn:active {
167
- transform: translate(-50%, -50%) scale(0.9);
172
+ transform: scale(0.9);
168
173
  }
169
174
 
170
- .vxe-split-pane {
171
- display: flex;
172
- position: relative;
173
- overflow: hidden;
175
+ .vxe-split-pane-handle.is--horizontal {
176
+ flex-direction: row;
174
177
  }
175
- .vxe-split-pane.is--hidden {
176
- width: 0;
178
+ .vxe-split-pane-handle.is--horizontal.is--border {
179
+ border-width: 1px 0 1px 0;
177
180
  }
178
- .vxe-split-pane.is--padding > .vxe-split-pane--wrapper {
179
- padding: var(--vxe-ui-layout-padding-default);
181
+ .vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper {
182
+ flex-direction: column;
180
183
  }
181
- .vxe-split-pane.is--fill {
182
- flex-grow: 1;
184
+ .vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div {
185
+ margin-top: 1em;
183
186
  }
184
- .vxe-split-pane.is--width, .vxe-split-pane.is--height {
185
- flex-shrink: 0;
187
+ .vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div:first-child {
188
+ margin-top: 0;
186
189
  }
187
- .vxe-split-pane.is--border > .vxe-split-pane--wrapper {
188
- border: 1px solid var(--vxe-ui-base-popup-border-color);
190
+ .vxe-split-pane-handle.is--horizontal .vxe-split-pane-handle-bar {
191
+ width: var(--vxe-ui-split-handle-bar-horizontal-width);
192
+ height: 100%;
193
+ }
194
+ .vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn {
195
+ width: var(--vxe-ui-split-handle-bar-horizontal-width);
196
+ height: var(--vxe-ui-split-handle-bar-horizontal-height);
197
+ }
198
+ .vxe-split-pane-handle.is--vertical {
199
+ flex-direction: column;
200
+ }
201
+ .vxe-split-pane-handle.is--vertical.is--border {
202
+ border-width: 0 1px 0 1px;
203
+ }
204
+ .vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper {
205
+ flex-direction: row;
189
206
  }
190
- .vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
207
+ .vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div {
208
+ margin-left: 1em;
209
+ }
210
+ .vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div:first-child {
211
+ margin-left: 0;
212
+ }
213
+ .vxe-split-pane-handle.is--vertical .vxe-split-pane-handle-bar {
214
+ height: var(--vxe-ui-split-handle-bar-vertical-height);
215
+ width: 100%;
216
+ }
217
+ .vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn {
218
+ width: var(--vxe-ui-split-handle-bar-vertical-width);
219
+ height: var(--vxe-ui-split-handle-bar-vertical-height);
220
+ }
221
+ .vxe-split-pane-handle.is--resize.is-resize--immediate.is--horizontal .vxe-split-pane-handle-bar {
191
222
  cursor: w-resize;
192
223
  }
193
- .vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
224
+ .vxe-split-pane-handle.is--resize.is-resize--immediate.is--vertical .vxe-split-pane-handle-bar {
194
225
  cursor: n-resize;
195
226
  }
196
- .vxe-split-pane.is--resize.is--expand.is-resize--immediate > .vxe-split-pane-handle > .vxe-split-pane-handle-bar:active {
227
+ .vxe-split-pane-handle.is--resize.is-resize--immediate > .vxe-split-pane-handle-bar:active {
197
228
  background-color: var(--vxe-ui-font-primary-color);
198
229
  }
199
- .vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
230
+ .vxe-split-pane-handle.is--resize.is-resize--lazy.is--horizontal .vxe-split-pane-handle-bar {
200
231
  cursor: col-resize;
201
232
  }
202
- .vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
233
+ .vxe-split-pane-handle.is--resize.is-resize--lazy.is--vertical .vxe-split-pane-handle-bar {
203
234
  cursor: row-resize;
204
235
  }
205
- .vxe-split-pane.is--horizontal {
206
- flex-direction: row;
236
+
237
+ .vxe-split-pane {
238
+ display: flex;
239
+ position: relative;
240
+ overflow: hidden;
207
241
  }
208
- .vxe-split-pane.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
209
- width: var(--vxe-ui-split-handle-bar-horizontal-width);
210
- height: 100%;
242
+ .vxe-split-pane.is--fill {
243
+ flex-grow: 1;
211
244
  }
212
- .vxe-split-pane.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-action-btn {
213
- width: var(--vxe-ui-split-handle-bar-horizontal-width);
214
- height: var(--vxe-ui-split-handle-bar-horizontal-height);
245
+ .vxe-split-pane.is--hidden.is--horizontal {
246
+ width: 0;
215
247
  }
216
- .vxe-split-pane.is--horizontal.is--border > .vxe-split-pane-handle {
217
- border-width: 1px 0 1px 0;
248
+ .vxe-split-pane.is--hidden.is--vertical {
249
+ height: 0;
218
250
  }
219
- .vxe-split-pane.is--vertical {
220
- flex-direction: column;
251
+ .vxe-split-pane.is--padding > .vxe-split-pane--wrapper {
252
+ padding: var(--vxe-ui-layout-padding-default);
221
253
  }
222
- .vxe-split-pane.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
223
- height: var(--vxe-ui-split-handle-bar-vertical-height);
224
- width: 100%;
254
+ .vxe-split-pane.is--hidden, .vxe-split-pane.is--width, .vxe-split-pane.is--height {
255
+ flex-shrink: 0;
225
256
  }
226
- .vxe-split-pane.is--vertical > .vxe-split-pane-handle .vxe-split-pane-action-btn {
227
- width: var(--vxe-ui-split-handle-bar-vertical-width);
228
- height: var(--vxe-ui-split-handle-bar-vertical-height);
257
+ .vxe-split-pane.is--border > .vxe-split-pane--wrapper {
258
+ border: 1px solid var(--vxe-ui-base-popup-border-color);
229
259
  }
230
- .vxe-split-pane.is--vertical.is--border > .vxe-split-pane-handle {
231
- border-width: 0 1px 0 1px;
260
+
261
+ .vxe-split--render-vars {
262
+ width: 0;
263
+ height: 0;
264
+ overflow: hidden;
265
+ }
266
+ .vxe-split--render-vars .vxe-split--handle-bar-info {
267
+ width: var(--vxe-ui-split-handle-bar-horizontal-width);
268
+ height: var(--vxe-ui-split-handle-bar-vertical-height);
232
269
  }
233
270
 
234
271
  .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;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;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;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;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;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;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;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;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;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;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%}