vxe-pc-ui 4.9.27 → 4.9.29

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 (93) hide show
  1. package/es/form/src/form-config-item.js +7 -6
  2. package/es/form/src/form-item.js +8 -7
  3. package/es/form/src/form.js +7 -1
  4. package/es/form/src/itemInfo.js +1 -0
  5. package/es/form/src/render.js +55 -10
  6. package/es/form/style.css +95 -7
  7. package/es/form/style.min.css +1 -1
  8. package/es/icon/style.css +1 -1
  9. package/es/notice-bar/src/notice-bar.js +21 -6
  10. package/es/notice-bar/style.css +9 -2
  11. package/es/notice-bar/style.min.css +1 -1
  12. package/es/split/style.css +3 -1
  13. package/es/split/style.min.css +1 -1
  14. package/es/style.css +1 -1
  15. package/es/style.min.css +1 -1
  16. package/es/tree/style.css +1 -0
  17. package/es/tree/style.min.css +1 -1
  18. package/es/ui/index.js +3 -2
  19. package/es/ui/src/log.js +1 -1
  20. package/es/vxe-form/style.css +95 -7
  21. package/es/vxe-form/style.min.css +1 -1
  22. package/es/vxe-notice-bar/style.css +9 -2
  23. package/es/vxe-notice-bar/style.min.css +1 -1
  24. package/es/vxe-split/style.css +3 -1
  25. package/es/vxe-split/style.min.css +1 -1
  26. package/es/vxe-tree/style.css +1 -0
  27. package/es/vxe-tree/style.min.css +1 -1
  28. package/lib/form/src/form-config-item.js +3 -3
  29. package/lib/form/src/form-config-item.min.js +1 -1
  30. package/lib/form/src/form-item.js +6 -6
  31. package/lib/form/src/form-item.min.js +1 -1
  32. package/lib/form/src/form.js +9 -1
  33. package/lib/form/src/form.min.js +1 -1
  34. package/lib/form/src/itemInfo.js +1 -0
  35. package/lib/form/src/itemInfo.min.js +1 -1
  36. package/lib/form/src/render.js +68 -13
  37. package/lib/form/src/render.min.js +1 -1
  38. package/lib/form/style/style.css +95 -7
  39. package/lib/form/style/style.min.css +1 -1
  40. package/lib/icon/style/style.css +1 -1
  41. package/lib/icon/style/style.min.css +1 -1
  42. package/lib/index.umd.js +111 -28
  43. package/lib/index.umd.min.js +1 -1
  44. package/lib/notice-bar/src/notice-bar.js +24 -6
  45. package/lib/notice-bar/src/notice-bar.min.js +1 -1
  46. package/lib/notice-bar/style/style.css +9 -2
  47. package/lib/notice-bar/style/style.min.css +1 -1
  48. package/lib/split/style/style.css +3 -1
  49. package/lib/split/style/style.min.css +1 -1
  50. package/lib/style.css +1 -1
  51. package/lib/style.min.css +1 -1
  52. package/lib/tree/style/style.css +1 -0
  53. package/lib/tree/style/style.min.css +1 -1
  54. package/lib/ui/index.js +3 -2
  55. package/lib/ui/index.min.js +1 -1
  56. package/lib/ui/src/log.js +1 -1
  57. package/lib/ui/src/log.min.js +1 -1
  58. package/lib/vxe-form/style/style.css +95 -7
  59. package/lib/vxe-form/style/style.min.css +1 -1
  60. package/lib/vxe-notice-bar/style/style.css +9 -2
  61. package/lib/vxe-notice-bar/style/style.min.css +1 -1
  62. package/lib/vxe-split/style/style.css +3 -1
  63. package/lib/vxe-split/style/style.min.css +1 -1
  64. package/lib/vxe-tree/style/style.css +1 -0
  65. package/lib/vxe-tree/style/style.min.css +1 -1
  66. package/package.json +1 -1
  67. package/packages/form/src/form-config-item.ts +7 -6
  68. package/packages/form/src/form-item.ts +8 -7
  69. package/packages/form/src/form.ts +7 -1
  70. package/packages/form/src/itemInfo.ts +1 -0
  71. package/packages/form/src/render.ts +53 -7
  72. package/packages/notice-bar/src/notice-bar.ts +21 -5
  73. package/packages/ui/index.ts +2 -1
  74. package/styles/components/form.scss +123 -15
  75. package/styles/components/notice-bar.scss +14 -2
  76. package/styles/components/split.scss +3 -1
  77. package/styles/components/tree.scss +1 -0
  78. package/styles/theme/base.scss +4 -0
  79. package/types/components/form.d.ts +22 -1
  80. package/types/components/notice-bar.d.ts +20 -3
  81. package/types/ui/global-icon.d.ts +1 -0
  82. /package/es/icon/{iconfont.1757680923129.ttf → iconfont.1757902434400.ttf} +0 -0
  83. /package/es/icon/{iconfont.1757680923129.woff → iconfont.1757902434400.woff} +0 -0
  84. /package/es/icon/{iconfont.1757680923129.woff2 → iconfont.1757902434400.woff2} +0 -0
  85. /package/es/{iconfont.1757680923129.ttf → iconfont.1757902434400.ttf} +0 -0
  86. /package/es/{iconfont.1757680923129.woff → iconfont.1757902434400.woff} +0 -0
  87. /package/es/{iconfont.1757680923129.woff2 → iconfont.1757902434400.woff2} +0 -0
  88. /package/lib/icon/style/{iconfont.1757680923129.ttf → iconfont.1757902434400.ttf} +0 -0
  89. /package/lib/icon/style/{iconfont.1757680923129.woff → iconfont.1757902434400.woff} +0 -0
  90. /package/lib/icon/style/{iconfont.1757680923129.woff2 → iconfont.1757902434400.woff2} +0 -0
  91. /package/lib/{iconfont.1757680923129.ttf → iconfont.1757902434400.ttf} +0 -0
  92. /package/lib/{iconfont.1757680923129.woff → iconfont.1757902434400.woff} +0 -0
  93. /package/lib/{iconfont.1757680923129.woff2 → iconfont.1757902434400.woff2} +0 -0
@@ -25,7 +25,10 @@ export default defineVxeComponent({
25
25
  default: () => getConfig().noticeBar.size || getConfig().size
26
26
  }
27
27
  },
28
- emits: [],
28
+ emits: [
29
+ 'start',
30
+ 'end'
31
+ ],
29
32
  setup(props, context) {
30
33
  const { slots, emit } = context;
31
34
  const $xeTabs = inject('$xeTabs', null);
@@ -34,6 +37,7 @@ export default defineVxeComponent({
34
37
  const refElem = ref();
35
38
  const refContentElem = ref();
36
39
  const reactData = reactive({
40
+ animationStatus: false,
37
41
  animationDuration: 0
38
42
  });
39
43
  const refMaps = {
@@ -76,10 +80,18 @@ export default defineVxeComponent({
76
80
  reactData.animationDuration = Math.ceil(contEl.scrollWidth / sRate);
77
81
  }
78
82
  };
83
+ const animationStartEvent = (evnt) => {
84
+ reactData.animationStatus = true;
85
+ dispatchEvent('start', { status: true }, evnt);
86
+ };
87
+ const animationEndEvent = (evnt) => {
88
+ reactData.animationStatus = false;
89
+ dispatchEvent('end', { status: false }, evnt);
90
+ };
79
91
  Object.assign($xeNoticeBar, noticeBarMethods, noticeBarPrivateMethods);
80
92
  const renderVN = () => {
81
- const { vertical, duration, direction } = props;
82
- const { animationDuration } = reactData;
93
+ const { vertical, duration, direction, loop } = props;
94
+ const { animationDuration, animationStatus } = reactData;
83
95
  const vSize = computeSize.value;
84
96
  const noticeText = computeNoticeText.value;
85
97
  const defaultSlot = slots.default;
@@ -88,7 +100,8 @@ export default defineVxeComponent({
88
100
  return h('div', {
89
101
  ref: refElem,
90
102
  class: ['vxe-notice-bar', `is--${vertical ? 'vertical' : 'horizontal'}`, `dir--${direction || 'left'}`, {
91
- [`size--${vSize}`]: vSize
103
+ [`size--${vSize}`]: vSize,
104
+ 'is--loop': loop
92
105
  }]
93
106
  }, [
94
107
  prefixSlot
@@ -104,10 +117,12 @@ export default defineVxeComponent({
104
117
  class: 'vxe-notice-bar--inner'
105
118
  }, [
106
119
  h('div', {
107
- class: 'vxe-notice-bar--wrapper',
120
+ class: ['vxe-notice-bar--wrapper', `is--${animationStatus ? 'progress' : 'end'}`],
108
121
  style: {
109
122
  animationDuration: duration ? toCssUnit(duration, 's') : `${animationDuration}s`
110
- }
123
+ },
124
+ onAnimationstart: animationStartEvent,
125
+ onAnimationend: animationEndEvent
111
126
  }, defaultSlot ? defaultSlot({}) : noticeText)
112
127
  ])
113
128
  ]),
@@ -32,14 +32,21 @@
32
32
  animation-play-state: running;
33
33
  }
34
34
 
35
+ .vxe-notice-bar.is--loop .vxe-notice-bar--wrapper {
36
+ animation-iteration-count: infinite;
37
+ }
35
38
  .vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper {
36
- padding-left: 100%;
37
39
  animation-name: scrollLeftText;
38
40
  }
39
41
  .vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper {
40
- padding-left: 100%;
41
42
  animation-name: scrollRightText;
42
43
  }
44
+ .vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper, .vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper {
45
+ padding-left: 100%;
46
+ }
47
+ .vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper.is--end, .vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper.is--end {
48
+ padding-left: 0;
49
+ }
43
50
  .vxe-notice-bar.is--horizontal .vxe-notice-bar--wrapper:hover {
44
51
  animation-play-state: paused;
45
52
  }
@@ -1 +1 @@
1
- .vxe-notice-bar{display:flex;flex-direction:row;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-notice-bar--prefix,.vxe-notice-bar--suffix{flex-shrink:0}.vxe-notice-bar--content{flex-grow:1;overflow:hidden;padding:0 .2em}.vxe-notice-bar--inner{overflow:hidden}.vxe-notice-bar--wrapper{display:inline-block;white-space:nowrap;animation-duration:15s;animation-timing-function:linear;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-play-state:running}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper{padding-left:100%;animation-name:scrollLeftText}.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper{padding-left:100%;animation-name:scrollRightText}.vxe-notice-bar.is--horizontal .vxe-notice-bar--wrapper:hover{animation-play-state:paused}@keyframes scrollRightText{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes scrollLeftText{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.vxe-notice-bar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-notice-bar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-notice-bar.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ .vxe-notice-bar{display:flex;flex-direction:row;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-notice-bar--prefix,.vxe-notice-bar--suffix{flex-shrink:0}.vxe-notice-bar--content{flex-grow:1;overflow:hidden;padding:0 .2em}.vxe-notice-bar--inner{overflow:hidden}.vxe-notice-bar--wrapper{display:inline-block;white-space:nowrap;animation-duration:15s;animation-timing-function:linear;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-play-state:running}.vxe-notice-bar.is--loop .vxe-notice-bar--wrapper{animation-iteration-count:infinite}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper{animation-name:scrollLeftText}.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper{animation-name:scrollRightText}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper,.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper{padding-left:100%}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper.is--end,.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper.is--end{padding-left:0}.vxe-notice-bar.is--horizontal .vxe-notice-bar--wrapper:hover{animation-play-state:paused}@keyframes scrollRightText{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes scrollLeftText{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.vxe-notice-bar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-notice-bar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-notice-bar.size--mini{font-size:var(--vxe-ui-font-size-mini)}
@@ -156,7 +156,6 @@
156
156
  flex-direction: row;
157
157
  align-items: center;
158
158
  justify-content: center;
159
- font-size: 0.5em;
160
159
  border-radius: var(--vxe-ui-base-border-radius);
161
160
  color: var(--vxe-ui-layout-background-color);
162
161
  background-color: var(--vxe-ui-split-handle-button-background-color);
@@ -171,6 +170,9 @@
171
170
  .vxe-split-pane-action-btn:active {
172
171
  transform: scale(0.9);
173
172
  }
173
+ .vxe-split-pane-action-btn > i {
174
+ font-size: 0.6em;
175
+ }
174
176
 
175
177
  .vxe-split-pane-handle.is--horizontal {
176
178
  flex-direction: row;
@@ -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{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%}.vxe-split{font-size:var(--vxe-ui-font-size-default)}.vxe-split.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-split.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-split.size--mini{font-size:var(--vxe-ui-font-size-mini)}
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;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-action-btn>i{font-size:.6em}.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%}.vxe-split{font-size:var(--vxe-ui-font-size-default)}.vxe-split.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-split.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-split.size--mini{font-size:var(--vxe-ui-font-size-mini)}