vxe-pc-ui 4.9.19 → 4.9.21

package/es/select/src/select.js

@@ -73,6 +73,7 @@ export default defineVxeComponent({
             type: [String, Number],
             default: null
         },
+        zIndex: Number,
         size: {
             type: String,
             default: () => getConfig().select.size || getConfig().size
@@ -393,7 +394,11 @@ export default defineVxeComponent({
             }
         };
         const updateZIndex = () => {
-            if (reactData.panelIndex < getLastZIndex()) {
+            const { zIndex } = props;
+            if (zIndex) {
+                reactData.panelIndex = zIndex;
+            }
+            else if (reactData.panelIndex < getLastZIndex()) {
                 reactData.panelIndex = nextZIndex();
             }
         };

package/es/select/style.css

@@ -155,7 +155,6 @@
 .vxe-select-option {
   position: relative;
   padding: 0 0.6em;
-  max-width: 600px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/es/select/style.min.css

@@ -1 +1 @@
-.vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel.ani--enter>div::after{display:none}.vxe-select--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select--panel-search{display:block;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-select--header-button{display:flex;flex-direction:row}.vxe-select--header-total{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;padding-left:.8em}.vxe-select--header-btns{display:flex;flex-direction:row;flex-grow:1;justify-content:right}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{padding:4px 0}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option--wrapper{max-height:18em}.vxe-select-option{position:relative;padding:0 .6em;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--add{padding-right:2em}.vxe-select-option.is--add:hover .vxe-select-option--add-icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option.is--add .vxe-select-option--add-icon{display:block}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select-option--add-icon{display:none;position:absolute;top:0;right:.6em}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}
+.vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel.ani--enter>div::after{display:none}.vxe-select--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select--panel-search{display:block;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-select--header-button{display:flex;flex-direction:row}.vxe-select--header-total{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;padding-left:.8em}.vxe-select--header-btns{display:flex;flex-direction:row;flex-grow:1;justify-content:right}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{padding:4px 0}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option--wrapper{max-height:18em}.vxe-select-option{position:relative;padding:0 .6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--add{padding-right:2em}.vxe-select-option.is--add:hover .vxe-select-option--add-icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option.is--add .vxe-select-option--add-icon{display:block}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select-option--add-icon{display:none;position:absolute;top:0;right:.6em}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}

package/es/split/src/split.js

@@ -1,6 +1,6 @@
 import { ref, h, reactive, provide, computed, watch, nextTick, onMounted, onUnmounted, onActivated } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
-import { getConfig, getIcon, createEvent, globalEvents, globalResize, renderEmptyElement } from '../../ui';
+import { getConfig, getIcon, createEvent, globalEvents, globalResize, useSize, renderEmptyElement } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
 import { toCssUnit, isScale, addClass, removeClass } from '../../ui/src/dom';
 import { getGlobalDefaultConfig } from '../../ui/src/utils';
@@ -31,7 +31,11 @@ export default defineVxeComponent({
         itemConfig: Object,
         barConfig: Object,
         resizeConfig: Object,
-        actionConfig: Object
+        actionConfig: Object,
+        size: {
+            type: String,
+            default: () => getConfig().split.size || getConfig().size
+        }
     },
     emits: [
         'action-dblclick',
@@ -47,6 +51,7 @@ export default defineVxeComponent({
         const refElem = ref();
         const refBarInfoElem = ref();
         const refResizableSplitTip = ref();
+        const { computeSize } = useSize(props);
         const reactData = reactive({
             staticItems: [],
             itemList: [],
@@ -696,6 +701,7 @@ export default defineVxeComponent({
         const renderItems = () => {
             const { border, padding, resize, vertical } = props;
             const { itemList } = reactData;
+            const vSize = computeSize.value;
             const resizeOpts = computeResizeOpts.value;
             const { immediate } = resizeOpts;
             const visibleItems = computeVisibleItems.value;
@@ -737,6 +743,7 @@ export default defineVxeComponent({
                 itemVNs.push(h('div', {
                     itemid: id,
                     class: ['vxe-split-pane', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
+                            [`size--${vSize}`]: vSize,
                             'is--resize': resize,
                             'is--padding': padding,
                             'is--border': border,
@@ -767,6 +774,7 @@ export default defineVxeComponent({
         };
         const renderVN = () => {
             const { vertical, width, height } = props;
+            const vSize = computeSize.value;
             const resizeOpts = computeResizeOpts.value;
             const { immediate, showTip } = resizeOpts;
             const defaultSlot = slots.default;
@@ -779,7 +787,9 @@ export default defineVxeComponent({
             }
             return h('div', {
                 ref: refElem,
-                class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy'],
+                class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
+                        [`size--${vSize}`]: vSize
+                    }],
                 style: stys
             }, [
                 h('div', {

package/es/split/style.css

@@ -270,4 +270,17 @@
 
 .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);
 }

package/es/split/style.min.css

@@ -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{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)}