vxe-pc-ui 3.16.16 → 3.16.17

package/lib/split/style/style.css

@@ -273,6 +273,10 @@
   border: 1px solid var(--vxe-ui-base-popup-border-color);
 }
 
+.vxe-splitter-wrapper.is--only-view > .vxe-splitter-panel-handle .vxe-splitter-panel-handle-bar {
+  width: 0;
+}
+
 .vxe-splitter--render-vars {
   width: 0;
   height: 0;

package/lib/split/style/style.min.css

@@ -1 +1 @@
-.vxe-splitter{position:relative;width:100%}.vxe-splitter.is--vertical>.vxe-splitter-wrapper{flex-direction:column}.vxe-splitter.is--vertical>.vxe-splitter-wrapper>.vxe-splitter-panel{width:100%}.vxe-splitter.is--drag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-splitter.is--drag.is-resize--immediate.is--horizontal{cursor:w-resize}.vxe-splitter.is--drag.is-resize--immediate.is--vertical{cursor:n-resize}.vxe-splitter.is--drag.is-resize--lazy.is--horizontal{cursor:col-resize}.vxe-splitter.is--drag.is-resize--lazy.is--vertical{cursor:row-resize}.vxe-splitter.is--drag>.vxe-splitter-wrapper>.vxe-splitter-panel>.vxe-splitter-panel--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-splitter--resizable-splitter-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-splitter--resizable-splitter-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-splitter-resizable-drag-line-color)}.vxe-splitter--resizable-splitter-tip.is--horizontal{width:1px;height:100%}.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-prev{right:0}.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-next{left:1px}.vxe-splitter--resizable-splitter-tip.is--vertical{width:100%;height:1px}.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-prev{bottom:0}.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-next{top:1px}.vxe-splitter--resizable-splitter-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-splitter--resizable-splitter-number-next,.vxe-splitter--resizable-splitter-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-splitter-resizable-drag-line-color)}.vxe-splitter-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-splitter-wrapper.is--ah-btn>.vxe-splitter-panel-handle .vxe-splitter-panel-action-btn{opacity:0}.vxe-splitter-wrapper.is--ah-btn:hover>.vxe-splitter-panel-handle .vxe-splitter-panel-action-btn{opacity:1}.vxe-splitter-slots{display:none}.vxe-splitter-panel-handle{display:flex;position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-splitter-panel--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-splitter-panel--inner{height:100%;width:100%;overflow:auto}.vxe-splitter-panel--inner>.vxe-splitter{height:100%}.vxe-splitter-panel-handle-bar{background-color:var(--vxe-ui-splitter-handle-bar-background-color)}.vxe-splitter-panel-handle-bar:hover{background-color:var(--vxe-ui-splitter-handle-bar-hover-background-color)}.vxe-splitter-panel-action-btn-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.vxe-splitter-panel-action-btn{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-splitter-handle-button-background-color);cursor:pointer;pointer-events:all;transition:all .15s ease-in-out}.vxe-splitter-panel-action-btn:hover{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-splitter-panel-action-btn:active{transform:scale(.9)}.vxe-splitter-panel-action-btn>i{font-size:.76em}.vxe-splitter-panel-handle.is--horizontal{flex-direction:row}.vxe-splitter-panel-handle.is--horizontal.is--border{border-width:1px 0 1px 0}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-height)}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-handle-bar{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:100%}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn{width:var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-width);height:var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-height)}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn.is--prev{left:calc(var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-width) * -1 - .2em)}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn.is--next{right:calc(var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-width) * -1 - .2em)}.vxe-splitter-panel-handle.is--vertical{flex-direction:column}.vxe-splitter-panel-handle.is--vertical.is--border{border-width:0 1px 0 1px}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper{height:var(--vxe-ui-splitter-handle-bar-vertical-height);width:var(--vxe-ui-splitter-handle-bar-vertical-action-btn-width)}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-handle-bar{height:var(--vxe-ui-splitter-handle-bar-vertical-height);width:100%}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn{height:var(--vxe-ui-splitter-handle-bar-vertical-action-btn-height);width:var(--vxe-ui-splitter-handle-bar-vertical-action-btn-width)}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn.is--prev{top:calc(var(--vxe-ui-splitter-handle-bar-vertical-action-btn-height) * -1 - .2em)}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn.is--next{bottom:calc(var(--vxe-ui-splitter-handle-bar-vertical-action-btn-height) * -1 - .2em)}.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--horizontal .vxe-splitter-panel-handle-bar{cursor:w-resize}.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--vertical .vxe-splitter-panel-handle-bar{cursor:n-resize}.vxe-splitter-panel-handle.is--resize.is-resize--immediate>.vxe-splitter-panel-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--horizontal .vxe-splitter-panel-handle-bar{cursor:col-resize}.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--vertical .vxe-splitter-panel-handle-bar{cursor:row-resize}.vxe-splitter-panel{display:flex;position:relative;overflow:hidden}.vxe-splitter-panel.is--fill{flex-grow:1}.vxe-splitter-panel.is--hidden.is--horizontal{width:0}.vxe-splitter-panel.is--hidden.is--vertical{height:0}.vxe-splitter-panel.is--padding>.vxe-splitter-panel--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-splitter-panel.is--height:not(.is--fill),.vxe-splitter-panel.is--hidden:not(.is--fill),.vxe-splitter-panel.is--width:not(.is--fill){flex-shrink:0}.vxe-splitter-panel.is--border>.vxe-splitter-panel--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-splitter--render-vars{width:0;height:0;overflow:hidden}.vxe-splitter--render-vars .vxe-splitter--handle-bar-info{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:var(--vxe-ui-splitter-handle-bar-vertical-height)}.vxe-modal--content>.vxe-splitter{height:100%}.vxe-splitter{font-size:var(--vxe-ui-font-size-default)}.vxe-splitter.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-splitter.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-splitter.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-splitter{position:relative;width:100%}.vxe-splitter.is--vertical>.vxe-splitter-wrapper{flex-direction:column}.vxe-splitter.is--vertical>.vxe-splitter-wrapper>.vxe-splitter-panel{width:100%}.vxe-splitter.is--drag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-splitter.is--drag.is-resize--immediate.is--horizontal{cursor:w-resize}.vxe-splitter.is--drag.is-resize--immediate.is--vertical{cursor:n-resize}.vxe-splitter.is--drag.is-resize--lazy.is--horizontal{cursor:col-resize}.vxe-splitter.is--drag.is-resize--lazy.is--vertical{cursor:row-resize}.vxe-splitter.is--drag>.vxe-splitter-wrapper>.vxe-splitter-panel>.vxe-splitter-panel--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-splitter--resizable-splitter-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-splitter--resizable-splitter-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-splitter-resizable-drag-line-color)}.vxe-splitter--resizable-splitter-tip.is--horizontal{width:1px;height:100%}.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-prev{right:0}.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-next{left:1px}.vxe-splitter--resizable-splitter-tip.is--vertical{width:100%;height:1px}.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-prev{bottom:0}.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-next{top:1px}.vxe-splitter--resizable-splitter-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-splitter--resizable-splitter-number-next,.vxe-splitter--resizable-splitter-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-splitter-resizable-drag-line-color)}.vxe-splitter-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-splitter-wrapper.is--ah-btn>.vxe-splitter-panel-handle .vxe-splitter-panel-action-btn{opacity:0}.vxe-splitter-wrapper.is--ah-btn:hover>.vxe-splitter-panel-handle .vxe-splitter-panel-action-btn{opacity:1}.vxe-splitter-slots{display:none}.vxe-splitter-panel-handle{display:flex;position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-splitter-panel--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-splitter-panel--inner{height:100%;width:100%;overflow:auto}.vxe-splitter-panel--inner>.vxe-splitter{height:100%}.vxe-splitter-panel-handle-bar{background-color:var(--vxe-ui-splitter-handle-bar-background-color)}.vxe-splitter-panel-handle-bar:hover{background-color:var(--vxe-ui-splitter-handle-bar-hover-background-color)}.vxe-splitter-panel-action-btn-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.vxe-splitter-panel-action-btn{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-splitter-handle-button-background-color);cursor:pointer;pointer-events:all;transition:all .15s ease-in-out}.vxe-splitter-panel-action-btn:hover{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-splitter-panel-action-btn:active{transform:scale(.9)}.vxe-splitter-panel-action-btn>i{font-size:.76em}.vxe-splitter-panel-handle.is--horizontal{flex-direction:row}.vxe-splitter-panel-handle.is--horizontal.is--border{border-width:1px 0 1px 0}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-height)}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-handle-bar{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:100%}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn{width:var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-width);height:var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-height)}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn.is--prev{left:calc(var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-width) * -1 - .2em)}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn.is--next{right:calc(var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-width) * -1 - .2em)}.vxe-splitter-panel-handle.is--vertical{flex-direction:column}.vxe-splitter-panel-handle.is--vertical.is--border{border-width:0 1px 0 1px}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper{height:var(--vxe-ui-splitter-handle-bar-vertical-height);width:var(--vxe-ui-splitter-handle-bar-vertical-action-btn-width)}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-handle-bar{height:var(--vxe-ui-splitter-handle-bar-vertical-height);width:100%}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn{height:var(--vxe-ui-splitter-handle-bar-vertical-action-btn-height);width:var(--vxe-ui-splitter-handle-bar-vertical-action-btn-width)}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn.is--prev{top:calc(var(--vxe-ui-splitter-handle-bar-vertical-action-btn-height) * -1 - .2em)}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn.is--next{bottom:calc(var(--vxe-ui-splitter-handle-bar-vertical-action-btn-height) * -1 - .2em)}.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--horizontal .vxe-splitter-panel-handle-bar{cursor:w-resize}.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--vertical .vxe-splitter-panel-handle-bar{cursor:n-resize}.vxe-splitter-panel-handle.is--resize.is-resize--immediate>.vxe-splitter-panel-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--horizontal .vxe-splitter-panel-handle-bar{cursor:col-resize}.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--vertical .vxe-splitter-panel-handle-bar{cursor:row-resize}.vxe-splitter-panel{display:flex;position:relative;overflow:hidden}.vxe-splitter-panel.is--fill{flex-grow:1}.vxe-splitter-panel.is--hidden.is--horizontal{width:0}.vxe-splitter-panel.is--hidden.is--vertical{height:0}.vxe-splitter-panel.is--padding>.vxe-splitter-panel--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-splitter-panel.is--height:not(.is--fill),.vxe-splitter-panel.is--hidden:not(.is--fill),.vxe-splitter-panel.is--width:not(.is--fill){flex-shrink:0}.vxe-splitter-panel.is--border>.vxe-splitter-panel--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-splitter-wrapper.is--only-view>.vxe-splitter-panel-handle .vxe-splitter-panel-handle-bar{width:0}.vxe-splitter--render-vars{width:0;height:0;overflow:hidden}.vxe-splitter--render-vars .vxe-splitter--handle-bar-info{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:var(--vxe-ui-splitter-handle-bar-vertical-height)}.vxe-modal--content>.vxe-splitter{height:100%}.vxe-splitter{font-size:var(--vxe-ui-font-size-default)}.vxe-splitter.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-splitter.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-splitter.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/lib/splitter/src/splitter.js

@@ -897,6 +897,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var immediate = resizeOpts.immediate;
       var visibleItems = $xeSplitter.computeVisibleItems;
       var autoItems = $xeSplitter.computeAutoItems.autoItems;
+      var isOnlyView = visibleItems.length <= 1;
       var itemVNs = [];
       itemList.forEach(function (prevItem, index) {
         var id = prevItem.id,
@@ -961,7 +962,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       });
       return h('div', {
         class: ['vxe-splitter-wrapper', {
-          'is--ah-btn': autoHideButton
+          'is--ah-btn': autoHideButton,
+          'is--only-view': isOnlyView
         }]
       }, itemVNs);
     },

package/lib/splitter/src/splitter.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,i){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0===i)return("string"===e?String:Number)(t);i=i.call(t,e||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _createComponentLog=(0,_log.createComponentLog)("splitter"),warnLog=_createComponentLog.warnLog,errLog=_createComponentLog.errLog,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplitter",mixins:[_ui.globalMixins.sizeMixin],props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.vertical}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.border}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.padding}},resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.resize}},items:Array,itemConfig:Object,barConfig:Object,resizeConfig:Object,actionConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().splitter.size||(0,_ui.getConfig)().size}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticItems:[],itemList:[],barWidth:0,barHeight:0,resizeFlag:0},internalData:{wrapperWidth:0,wrapperHeight:0},reFlag:0}},provide:function(){return{$xeSplitter:this}},computed:Object.assign(Object.assign({},{}),{computeItemOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.itemConfig,this.itemConfig)},computeBarOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.barConfig,this.barConfig)},computeResizeOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.resizeConfig,this.resizeConfig)},computeActionOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.actionConfig,this.actionConfig)},computeIsFoldNext:function(){return"next"===this.computeActionOpts.direction},computeVisibleItems:function(){return this.reactData.itemList.filter(function(t){return t.isExpand})},computeAutoItems:function(){var t=this.reactData,e=this.vertical,i=[];return t.itemList.forEach(e?function(t){t.height||i.push(t)}:function(t){t.width||i.push(t)}),{autoItems:i}},computeWrapperStyle:function(){var t=this.width,e=this.height,i=this.computeBarOpts,n=i.width,i=i.height,r={};return e&&(r.height=(0,_dom.toCssUnit)(e)),t&&(r.width=(0,_dom.toCssUnit)(t)),i&&(r["--vxe-ui-splitter-handle-bar-vertical-height"]=(0,_dom.toCssUnit)(i)),n&&(r["--vxe-ui-splitter-handle-bar-horizontal-width"]=(0,_dom.toCssUnit)(n)),r},computeSItemSize:function(){return this.reactData.staticItems.length}}),watch:{items:function(t){this.loadItem(t||[])},computeSItemSize:function(){var t=this.reactData,e=this.computeActionOpts,i=e.showPrevButton,e=e.showNextButton;this.items&&this.items.length&&errLog("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),t.itemList=t.staticItems||[],(i||e)&&2<t.itemList.length&&errLog("vxe.error.modelConflicts",["action-config.showPrevButton | action-config.showNextButton","<vxe-splitter-panel ...> Only supports 2 panel"]),t.itemList.forEach(function(t){t.showAction&&warnLog("vxe.error.removeProp",["show-action"])}),this.recalculate()}},methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$splitter:this},e))},callSlot:function(t,e){var i=this.$scopedSlots;return t&&(_xeUtils.default.isString(t)&&(t=i[t]||null),_xeUtils.default.isFunction(t))?(0,_vn.getSlotVNs)(t(e)):[]},reset:function(){return this.reactData.itemList.forEach(function(t){t.isExpand=!0,t.foldHeight=0,t.foldWidth=0,t.resizeHeight=0,t.resizeWidth=0}),this.$nextTick()},handleLoadItem:function(t,e){var i=this.$scopedSlots,n=this.reactData,r=n.staticItems,s={isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return n.itemList=t.map(function(t){return t.slots&&_xeUtils.default.each(t.slots,function(t){_xeUtils.default.isFunction(t)||i[t]||errLog("vxe.error.notSlot",[t])}),Object.assign({},e?null:s,t,e?s:null,{id:_xeUtils.default.uniqueId()})}),r.length&&errLog("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),this.recalculate()},loadItem:function(t){return this.handleLoadItem(t||[],!1)},reloadItem:function(t){return this.handleLoadItem(t||[],!0)},handleItemByName:function(t){for(var e=this.reactData.itemList,i=-1,n=null,r=null,s=null,o=0;o<e.length;o++){var l=e[o];if(l.name===t){n=l,r=e[(i=o)-1]||null,s=e[o+1]||null;break}}return{index:i,currItem:n,prevItem:r,nextItem:s}},setItemExpand:function(t,e){var i,n,t=this.handleItemByName(t);return t&&(i=t.currItem,n=t.prevItem,t=t.nextItem,i)&&(e?!i.isExpand:i.isExpand)&&(t?t.isExpand&&this.handleItemActionEvent(null,i,t,!1):n&&n.isExpand&&this.handleItemActionEvent(null,n,i,!0)),this.$nextTick()},toggleItemExpand:function(t){var e=this.handleItemByName(t);if(e){e=e.currItem;if(e)return this.setItemExpand(t,!e.isExpand)}return this.$nextTick()},getItemVisible:function(t){var e=this.handleItemByName(t);if(e){e=e.currItem;if(e)return this.setItemExpand(t,!e.isExpand)}return!1},recalculate:function(){var p=this,m=p,g=p.reactData,v=p.internalData;return p.$nextTick().then(function(){var t,n,r,e,i,s,o,l,a,c,d=m.vertical,u=g.itemList,h=p.$refs.refElem,f=p.$refs.refBarInfoElem;h&&(t=h.clientWidth,h=h.clientHeight,t)&&h&&(f&&(g.barWidth=f.offsetWidth,g.barHeight=f.offsetHeight),n=t-(d?0:g.barWidth*(u.length-1)),r=h-(d?g.barHeight*(u.length-1):0),f=p.computeItemOpts,e=_xeUtils.default.toNumber(f.minWidth),i=_xeUtils.default.toNumber(f.minHeight),s=[],d?(o=0,u.forEach(function(t){var e=t.height,i=0;e?(i=(0,_dom.isScale)(e)?r*_xeUtils.default.toNumber(e)/100:_xeUtils.default.toNumber(e),t.renderHeight=i):s.push(t),o+=i}),s.length&&(l=(r-o)/s.length,s.forEach(function(t){t.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(t.minHeight,i)),l)}))):(a=0,u.forEach(function(t){var e=t.width,i=0;e?(i=(0,_dom.isScale)(e)?n*_xeUtils.default.toNumber(e)/100:_xeUtils.default.toNumber(e),t.renderWidth=i):s.push(t),a+=i}),s.length&&(c=(n-a)/s.length,s.forEach(function(t){t.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(t.minWidth,e)),c)}))),v.wrapperWidth=n,v.wrapperHeight=r)})},dragEvent:function(t){var e,i,n,r,s,o,l,a,c,d,u,h,f,U,k,p,m,g,v,x,b,E,B,T,_,y,I,z,C,H,A,W,S,w,L=this,O=L.reactData,N=L.resize,D=L.vertical,P=O.itemList;N&&(t.preventDefault(),f=(N=t.currentTarget).parentElement,e=L.$refs.refElem)&&(i=f.previousElementSibling,n=f.nextElementSibling,i)&&n&&(r=i.getAttribute("itemid"),s=n.getAttribute("itemid"),o=P.find(function(t){return t.id===r}),l=P.find(function(t){return t.id===s}),o)&&l&&(a=e.getBoundingClientRect(),f=N.getBoundingClientRect(),c=L.$refs.refResizableSplitterTip,d=c?c.children[0]:null,P=L.computeItemOpts,u=L.computeResizeOpts.immediate,N=_xeUtils.default.toNumber(P.minWidth),P=_xeUtils.default.toNumber(P.minHeight),h=Math.ceil(f.width-(t.clientX-f.left)),f=Math.ceil(t.clientY-f.top),U=i.offsetWidth,k=n.offsetWidth,_=_xeUtils.default.toNumber(o?(0,_utils.getGlobalDefaultConfig)(o.minWidth,N):N),N=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minWidth,N):N),p=i.offsetLeft+_-h,m=n.offsetLeft+n.offsetWidth-N-h,g=t.clientX-a.left,v=-1,b=x=0,E=g,B=i.offsetHeight,T=n.offsetHeight,_=_xeUtils.default.toNumber(o?(0,_utils.getGlobalDefaultConfig)(o.minHeight,P):P),N=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minHeight,P):P),y=i.offsetTop+_+f,I=n.offsetTop+n.offsetHeight-N+f,z=t.clientY-a.top,C=-1,A=H=0,W=z,S=function(t){var e,i,n,r;c&&(e=d?d.children[0]:null,i=d?d.children[1]:null,D?(n=0,e&&(C<0?e.style.display="none":(e.textContent="".concat(Math.floor(H),"px"),e.style.display="block",n=e.offsetWidth)),i&&(C<0?(i.textContent="".concat(Math.floor(A),"px"),i.style.display="block",n=i.offsetWidth):i.style.display="none"),(r=Math.max(1,t.clientX-a.left-n/2))>a.width-n-1&&(r=a.width-n-1),c.style.left="0",c.style.top="".concat(W,"px"),d&&(d.style.left="".concat(r,"px"))):(n=0,e&&(v<0?e.style.display="none":(e.textContent="".concat(Math.floor(x),"px"),e.style.display="block",n=e.offsetHeight)),i&&(v<0?(i.textContent="".concat(Math.floor(b),"px"),i.style.display="block",n=i.offsetHeight):i.style.display="none"),(r=Math.max(1,t.clientY-a.top-n/2))>a.height-n-1&&(r=a.height-n-1),c.style.top="0",c.style.left="".concat(E,"px"),d&&(d.style.top="".concat(r,"px"))))},w=function(t){D?(W=t.clientY-a.top,H=B+(C=(W=I<(W=W<y?y:W)?I:W)-z),A=T-C):(E=t.clientX-a.left,x=U+(v=(E=m<(E=E<p?p:E)?m:E)-g),b=k-v),u&&(D?(i.style.height=(0,_dom.toCssUnit)(H),n.style.height=(0,_dom.toCssUnit)(A)):(i.style.width=(0,_dom.toCssUnit)(x),n.style.width=(0,_dom.toCssUnit)(b))),c&&S(t),L.dispatchEvent("resize-drag",{prevItem:o,nextItem:l,offsetHeight:C,offsetWidth:v},t)},document.onmousemove=function(t){t.preventDefault(),w(t),O.resizeFlag++},document.onmouseup=function(t){document.onmousemove=null,document.onmouseup=null,c&&(c.style.display=""),D?(o.resizeHeight=H,l.resizeHeight=A):(o.resizeWidth=x,l.resizeWidth=b),(0,_dom.removeClass)(e,"is--drag"),L.dispatchEvent("resize-end",{prevItem:o,nextItem:l,offsetHeight:C,offsetWidth:v},t),L.recalculate(),O.resizeFlag++},c&&(c.style.display="block",S(t)),w(t),(0,_dom.addClass)(e,"is--drag"),L.dispatchEvent("resize-start",{prevItem:o,nextItem:l},t))},handleItemActionEvent:function(t,e,i,n){var r=this.reactData,s=this.vertical,o=!1,l=e;n?(o=!(l=i).isExpand,i.isExpand=o):(o=!e.isExpand,e.isExpand=o),s?e.isExpand&&i.isExpand?(e.foldHeight=0,i.foldHeight=0):e.isExpand?(i.foldHeight=0,e.foldHeight=(e.resizeHeight||e.renderHeight)+(i.resizeHeight||i.renderHeight)):(e.foldHeight=0,i.foldHeight=(e.resizeHeight||e.renderHeight)+(i.resizeHeight||i.renderHeight)):e.isExpand&&i.isExpand?(e.foldWidth=0,i.foldWidth=0):e.isExpand?(i.foldWidth=0,e.foldWidth=(e.resizeWidth||e.renderWidth)+(i.resizeWidth||i.renderWidth)):(e.foldWidth=0,i.foldWidth=(e.resizeWidth||e.renderWidth)+(i.resizeWidth||i.renderWidth)),t&&this.dispatchEvent("toggle-expand",{prevItem:e,nextItem:i,expanded:o,item:l},t),this.recalculate(),r.resizeFlag++},handlePrevActionDblclickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"===i.trigger&&s&&n&&n.isExpand&&this.handleItemActionEvent(t,s,n,!1),this.dispatchEvent("action-dblclick",{prevItem:s,nextItem:n},t)},handlePrevActionClickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"!==i.trigger&&s&&n&&n.isExpand&&this.handleItemActionEvent(t,s,n,!1),this.dispatchEvent("action-click",{prevItem:s,nextItem:n},t)},handleNextActionDblclickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"===i.trigger&&s&&n&&s.isExpand&&this.handleItemActionEvent(t,s,n,!0),this.dispatchEvent("action-dblclick",{prevItem:s,nextItem:n},t)},handleNextActionClickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"!==i.trigger&&s&&n&&s.isExpand&&this.handleItemActionEvent(t,s,n,!0),this.dispatchEvent("action-click",{prevItem:s,nextItem:n},t)},handleGlobalResizeEvent:function(){this.recalculate()},getActionIcon:function(t,e,i){var n="SPLIT_TOP_ACTION",r="SPLIT_BOTTOM_ACTION",s="SPLIT_LEFT_ACTION",o="SPLIT_RIGHT_ACTION",l="";return(l=this.vertical?i?e.isExpand?r:n:t.isExpand?n:r:i?e.isExpand?o:s:t.isExpand?s:o)?(0,_ui.getIcon)()[l]:""},renderHandleBar:function(t,e,i){var n=this,r=n.reactData,s=n.border,o=n.resize,l=n.vertical,r=r.itemList,a=n.computeActionOpts,c=a.direction,d=_xeUtils.default.isBoolean(a.showPrevButton)?a.showPrevButton:r.some(function(t){return t.showAction}),a=_xeUtils.default.isBoolean(a.showNextButton)?a.showNextButton:"next"===c&&r.some(function(t){return t.showAction});return t("div",{class:["vxe-splitter-panel-handle",l?"is--vertical":"is--horizontal",n.computeResizeOpts.immediate?"is-resize--immediate":"is-resize--lazy",{"is--resize":o,"is--border":s}]},[t("div",{class:"vxe-splitter-panel-handle-bar",on:{mousedown:n.dragEvent}}),2===r.length?t("div",{class:"vxe-splitter-panel-action-btn-wrapper"},[d&&i.isExpand?t("div",{class:["vxe-splitter-panel-action-btn",e.isExpand?"is--prev":"is--next"],on:{dblclick:n.handlePrevActionDblclickEvent,click:n.handlePrevActionClickEvent}},[t("i",{class:n.getActionIcon(e,i,!1)})]):(0,_ui.renderEmptyElement)(n),a&&e.isExpand?t("div",{class:["vxe-splitter-panel-action-btn",i.isExpand?"is--next":"is--prev"],on:{dblclick:n.handleNextActionDblclickEvent,click:n.handleNextActionClickEvent}},[t("i",{class:n.getActionIcon(e,i,!0)})]):(0,_ui.renderEmptyElement)(n)]):(0,_ui.renderEmptyElement)(n)])},renderItems:function(d){var u=this,t=u.reactData,h=u.border,f=u.padding,p=u.resize,m=u.vertical,g=t.itemList,v=u.computeSize,t=u.computeActionOpts.autoHideButton,x=u.computeResizeOpts.immediate,b=u.computeVisibleItems,E=u.computeAutoItems.autoItems,_=[];return g.forEach(function(t,e){var i=t.id,n=t.name,r=t.slots,s=t.isExpand,e=g[e+1],r=r?r.default:null,o={},l=s?t.foldWidth||t.resizeWidth||t.renderWidth:0,a=s?t.foldHeight||t.resizeHeight||t.renderHeight:0,c=(1===E.length&&(m?t.height||(a=0):t.width||(l=0)),!0);m?a&&1<b.length&&(o.height=(c=!1,_dom.toCssUnit)(a)):l&&1<b.length&&(o.width=(c=!1,_dom.toCssUnit)(l)),_.push(d("div",{attrs:{itemid:i},class:["vxe-splitter-panel",m?"is--vertical":"is--horizontal",x?"is-resize--immediate":"is-resize--lazy",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(v),v),"is--resize",p),"is--padding",f),"is--border",h),"is--height",a),"is--width",l),"is--visible",s),"is--hidden",!s),"is--fill",s&&c)],style:o},[d("div",{attrs:{itemid:i},class:"vxe-splitter-panel--wrapper"},[d("div",{class:"vxe-splitter-panel--inner"},r?u.callSlot(r,{name:n,isExpand:s}):[])])])),e&&_.push(u.renderHandleBar(d,t,e))}),d("div",{class:["vxe-splitter-wrapper",{"is--ah-btn":t}]},_)},renderVN:function(t){var e=this,i=e.$scopedSlots,n=e.vertical,r=e.computeSize,s=e.computeResizeOpts,o=e.computeWrapperStyle,l=s.immediate,s=s.showTip,i=i.default;return t("div",{ref:"refElem",class:["vxe-splitter",n?"is--vertical":"is--horizontal",l?"is-resize--immediate":"is-resize--lazy",_defineProperty({},"size--".concat(r),r)],style:o},[t("div",{class:"vxe-splitter-slots"},i?i({}):[]),e.renderItems(t),t("div",{ref:"refResizableSplitterTip",class:["vxe-splitter--resizable-splitter-tip",n?"is--vertical":"is--horizontal",l?"is-resize--immediate":"is-resize--lazy"]},s?[t("div",{class:"vxe-splitter--resizable-splitter-tip-number"},[t("div",{class:"vxe-splitter--resizable-splitter-number-prev"}),t("div",{class:"vxe-splitter--resizable-splitter-number-next"})])]:[]),t("div",{class:"vxe-splitter--render-vars"},[t("div",{ref:"refBarInfoElem",class:"vxe-splitter--handle-bar-info"})])])}},created:function(){_ui.globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},mounted:function(){var t,e=this,i=e,n=e.$refs.refElem;n&&((t=_ui.globalResize.create(function(){e.recalculate()})).observe(n),this.$resize=t),i.items&&e.loadItem(i.items),e.computeActionOpts.direction&&errLog("vxe.error.delProp",["action-config.direction","action-config.showPrevButton | action-config.showNextButton"]),e.$nextTick(function(){e.recalculate()})},beforeDestroy:function(){this.$resize&&this.$resize.disconnect(),_ui.globalEvents.off(this,"resize")},render:function(t){return this.renderVN(t)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,i){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0===i)return("string"===e?String:Number)(t);i=i.call(t,e||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _createComponentLog=(0,_log.createComponentLog)("splitter"),warnLog=_createComponentLog.warnLog,errLog=_createComponentLog.errLog,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplitter",mixins:[_ui.globalMixins.sizeMixin],props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.vertical}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.border}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.padding}},resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.resize}},items:Array,itemConfig:Object,barConfig:Object,resizeConfig:Object,actionConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().splitter.size||(0,_ui.getConfig)().size}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticItems:[],itemList:[],barWidth:0,barHeight:0,resizeFlag:0},internalData:{wrapperWidth:0,wrapperHeight:0},reFlag:0}},provide:function(){return{$xeSplitter:this}},computed:Object.assign(Object.assign({},{}),{computeItemOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.itemConfig,this.itemConfig)},computeBarOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.barConfig,this.barConfig)},computeResizeOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.resizeConfig,this.resizeConfig)},computeActionOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.actionConfig,this.actionConfig)},computeIsFoldNext:function(){return"next"===this.computeActionOpts.direction},computeVisibleItems:function(){return this.reactData.itemList.filter(function(t){return t.isExpand})},computeAutoItems:function(){var t=this.reactData,e=this.vertical,i=[];return t.itemList.forEach(e?function(t){t.height||i.push(t)}:function(t){t.width||i.push(t)}),{autoItems:i}},computeWrapperStyle:function(){var t=this.width,e=this.height,i=this.computeBarOpts,n=i.width,i=i.height,r={};return e&&(r.height=(0,_dom.toCssUnit)(e)),t&&(r.width=(0,_dom.toCssUnit)(t)),i&&(r["--vxe-ui-splitter-handle-bar-vertical-height"]=(0,_dom.toCssUnit)(i)),n&&(r["--vxe-ui-splitter-handle-bar-horizontal-width"]=(0,_dom.toCssUnit)(n)),r},computeSItemSize:function(){return this.reactData.staticItems.length}}),watch:{items:function(t){this.loadItem(t||[])},computeSItemSize:function(){var t=this.reactData,e=this.computeActionOpts,i=e.showPrevButton,e=e.showNextButton;this.items&&this.items.length&&errLog("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),t.itemList=t.staticItems||[],(i||e)&&2<t.itemList.length&&errLog("vxe.error.modelConflicts",["action-config.showPrevButton | action-config.showNextButton","<vxe-splitter-panel ...> Only supports 2 panel"]),t.itemList.forEach(function(t){t.showAction&&warnLog("vxe.error.removeProp",["show-action"])}),this.recalculate()}},methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$splitter:this},e))},callSlot:function(t,e){var i=this.$scopedSlots;return t&&(_xeUtils.default.isString(t)&&(t=i[t]||null),_xeUtils.default.isFunction(t))?(0,_vn.getSlotVNs)(t(e)):[]},reset:function(){return this.reactData.itemList.forEach(function(t){t.isExpand=!0,t.foldHeight=0,t.foldWidth=0,t.resizeHeight=0,t.resizeWidth=0}),this.$nextTick()},handleLoadItem:function(t,e){var i=this.$scopedSlots,n=this.reactData,r=n.staticItems,s={isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return n.itemList=t.map(function(t){return t.slots&&_xeUtils.default.each(t.slots,function(t){_xeUtils.default.isFunction(t)||i[t]||errLog("vxe.error.notSlot",[t])}),Object.assign({},e?null:s,t,e?s:null,{id:_xeUtils.default.uniqueId()})}),r.length&&errLog("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),this.recalculate()},loadItem:function(t){return this.handleLoadItem(t||[],!1)},reloadItem:function(t){return this.handleLoadItem(t||[],!0)},handleItemByName:function(t){for(var e=this.reactData.itemList,i=-1,n=null,r=null,s=null,o=0;o<e.length;o++){var l=e[o];if(l.name===t){n=l,r=e[(i=o)-1]||null,s=e[o+1]||null;break}}return{index:i,currItem:n,prevItem:r,nextItem:s}},setItemExpand:function(t,e){var i,n,t=this.handleItemByName(t);return t&&(i=t.currItem,n=t.prevItem,t=t.nextItem,i)&&(e?!i.isExpand:i.isExpand)&&(t?t.isExpand&&this.handleItemActionEvent(null,i,t,!1):n&&n.isExpand&&this.handleItemActionEvent(null,n,i,!0)),this.$nextTick()},toggleItemExpand:function(t){var e=this.handleItemByName(t);if(e){e=e.currItem;if(e)return this.setItemExpand(t,!e.isExpand)}return this.$nextTick()},getItemVisible:function(t){var e=this.handleItemByName(t);if(e){e=e.currItem;if(e)return this.setItemExpand(t,!e.isExpand)}return!1},recalculate:function(){var p=this,m=p,g=p.reactData,v=p.internalData;return p.$nextTick().then(function(){var t,n,r,e,i,s,o,l,a,c,d=m.vertical,u=g.itemList,h=p.$refs.refElem,f=p.$refs.refBarInfoElem;h&&(t=h.clientWidth,h=h.clientHeight,t)&&h&&(f&&(g.barWidth=f.offsetWidth,g.barHeight=f.offsetHeight),n=t-(d?0:g.barWidth*(u.length-1)),r=h-(d?g.barHeight*(u.length-1):0),f=p.computeItemOpts,e=_xeUtils.default.toNumber(f.minWidth),i=_xeUtils.default.toNumber(f.minHeight),s=[],d?(o=0,u.forEach(function(t){var e=t.height,i=0;e?(i=(0,_dom.isScale)(e)?r*_xeUtils.default.toNumber(e)/100:_xeUtils.default.toNumber(e),t.renderHeight=i):s.push(t),o+=i}),s.length&&(l=(r-o)/s.length,s.forEach(function(t){t.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(t.minHeight,i)),l)}))):(a=0,u.forEach(function(t){var e=t.width,i=0;e?(i=(0,_dom.isScale)(e)?n*_xeUtils.default.toNumber(e)/100:_xeUtils.default.toNumber(e),t.renderWidth=i):s.push(t),a+=i}),s.length&&(c=(n-a)/s.length,s.forEach(function(t){t.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(t.minWidth,e)),c)}))),v.wrapperWidth=n,v.wrapperHeight=r)})},dragEvent:function(t){var e,i,n,r,s,o,l,a,c,d,u,h,f,U,k,p,m,g,v,x,b,E,B,T,_,y,I,z,C,H,A,W,w,S,L=this,O=L.reactData,N=L.resize,D=L.vertical,P=O.itemList;N&&(t.preventDefault(),f=(N=t.currentTarget).parentElement,e=L.$refs.refElem)&&(i=f.previousElementSibling,n=f.nextElementSibling,i)&&n&&(r=i.getAttribute("itemid"),s=n.getAttribute("itemid"),o=P.find(function(t){return t.id===r}),l=P.find(function(t){return t.id===s}),o)&&l&&(a=e.getBoundingClientRect(),f=N.getBoundingClientRect(),c=L.$refs.refResizableSplitterTip,d=c?c.children[0]:null,P=L.computeItemOpts,u=L.computeResizeOpts.immediate,N=_xeUtils.default.toNumber(P.minWidth),P=_xeUtils.default.toNumber(P.minHeight),h=Math.ceil(f.width-(t.clientX-f.left)),f=Math.ceil(t.clientY-f.top),U=i.offsetWidth,k=n.offsetWidth,_=_xeUtils.default.toNumber(o?(0,_utils.getGlobalDefaultConfig)(o.minWidth,N):N),N=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minWidth,N):N),p=i.offsetLeft+_-h,m=n.offsetLeft+n.offsetWidth-N-h,g=t.clientX-a.left,v=-1,b=x=0,E=g,B=i.offsetHeight,T=n.offsetHeight,_=_xeUtils.default.toNumber(o?(0,_utils.getGlobalDefaultConfig)(o.minHeight,P):P),N=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minHeight,P):P),y=i.offsetTop+_+f,I=n.offsetTop+n.offsetHeight-N+f,z=t.clientY-a.top,C=-1,A=H=0,W=z,w=function(t){var e,i,n,r;c&&(e=d?d.children[0]:null,i=d?d.children[1]:null,D?(n=0,e&&(C<0?e.style.display="none":(e.textContent="".concat(Math.floor(H),"px"),e.style.display="block",n=e.offsetWidth)),i&&(C<0?(i.textContent="".concat(Math.floor(A),"px"),i.style.display="block",n=i.offsetWidth):i.style.display="none"),(r=Math.max(1,t.clientX-a.left-n/2))>a.width-n-1&&(r=a.width-n-1),c.style.left="0",c.style.top="".concat(W,"px"),d&&(d.style.left="".concat(r,"px"))):(n=0,e&&(v<0?e.style.display="none":(e.textContent="".concat(Math.floor(x),"px"),e.style.display="block",n=e.offsetHeight)),i&&(v<0?(i.textContent="".concat(Math.floor(b),"px"),i.style.display="block",n=i.offsetHeight):i.style.display="none"),(r=Math.max(1,t.clientY-a.top-n/2))>a.height-n-1&&(r=a.height-n-1),c.style.top="0",c.style.left="".concat(E,"px"),d&&(d.style.top="".concat(r,"px"))))},S=function(t){D?(W=t.clientY-a.top,H=B+(C=(W=I<(W=W<y?y:W)?I:W)-z),A=T-C):(E=t.clientX-a.left,x=U+(v=(E=m<(E=E<p?p:E)?m:E)-g),b=k-v),u&&(D?(i.style.height=(0,_dom.toCssUnit)(H),n.style.height=(0,_dom.toCssUnit)(A)):(i.style.width=(0,_dom.toCssUnit)(x),n.style.width=(0,_dom.toCssUnit)(b))),c&&w(t),L.dispatchEvent("resize-drag",{prevItem:o,nextItem:l,offsetHeight:C,offsetWidth:v},t)},document.onmousemove=function(t){t.preventDefault(),S(t),O.resizeFlag++},document.onmouseup=function(t){document.onmousemove=null,document.onmouseup=null,c&&(c.style.display=""),D?(o.resizeHeight=H,l.resizeHeight=A):(o.resizeWidth=x,l.resizeWidth=b),(0,_dom.removeClass)(e,"is--drag"),L.dispatchEvent("resize-end",{prevItem:o,nextItem:l,offsetHeight:C,offsetWidth:v},t),L.recalculate(),O.resizeFlag++},c&&(c.style.display="block",w(t)),S(t),(0,_dom.addClass)(e,"is--drag"),L.dispatchEvent("resize-start",{prevItem:o,nextItem:l},t))},handleItemActionEvent:function(t,e,i,n){var r=this.reactData,s=this.vertical,o=!1,l=e;n?(o=!(l=i).isExpand,i.isExpand=o):(o=!e.isExpand,e.isExpand=o),s?e.isExpand&&i.isExpand?(e.foldHeight=0,i.foldHeight=0):e.isExpand?(i.foldHeight=0,e.foldHeight=(e.resizeHeight||e.renderHeight)+(i.resizeHeight||i.renderHeight)):(e.foldHeight=0,i.foldHeight=(e.resizeHeight||e.renderHeight)+(i.resizeHeight||i.renderHeight)):e.isExpand&&i.isExpand?(e.foldWidth=0,i.foldWidth=0):e.isExpand?(i.foldWidth=0,e.foldWidth=(e.resizeWidth||e.renderWidth)+(i.resizeWidth||i.renderWidth)):(e.foldWidth=0,i.foldWidth=(e.resizeWidth||e.renderWidth)+(i.resizeWidth||i.renderWidth)),t&&this.dispatchEvent("toggle-expand",{prevItem:e,nextItem:i,expanded:o,item:l},t),this.recalculate(),r.resizeFlag++},handlePrevActionDblclickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"===i.trigger&&s&&n&&n.isExpand&&this.handleItemActionEvent(t,s,n,!1),this.dispatchEvent("action-dblclick",{prevItem:s,nextItem:n},t)},handlePrevActionClickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"!==i.trigger&&s&&n&&n.isExpand&&this.handleItemActionEvent(t,s,n,!1),this.dispatchEvent("action-click",{prevItem:s,nextItem:n},t)},handleNextActionDblclickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"===i.trigger&&s&&n&&s.isExpand&&this.handleItemActionEvent(t,s,n,!0),this.dispatchEvent("action-dblclick",{prevItem:s,nextItem:n},t)},handleNextActionClickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"!==i.trigger&&s&&n&&s.isExpand&&this.handleItemActionEvent(t,s,n,!0),this.dispatchEvent("action-click",{prevItem:s,nextItem:n},t)},handleGlobalResizeEvent:function(){this.recalculate()},getActionIcon:function(t,e,i){var n="SPLIT_TOP_ACTION",r="SPLIT_BOTTOM_ACTION",s="SPLIT_LEFT_ACTION",o="SPLIT_RIGHT_ACTION",l="";return(l=this.vertical?i?e.isExpand?r:n:t.isExpand?n:r:i?e.isExpand?o:s:t.isExpand?s:o)?(0,_ui.getIcon)()[l]:""},renderHandleBar:function(t,e,i){var n=this,r=n.reactData,s=n.border,o=n.resize,l=n.vertical,r=r.itemList,a=n.computeActionOpts,c=a.direction,d=_xeUtils.default.isBoolean(a.showPrevButton)?a.showPrevButton:r.some(function(t){return t.showAction}),a=_xeUtils.default.isBoolean(a.showNextButton)?a.showNextButton:"next"===c&&r.some(function(t){return t.showAction});return t("div",{class:["vxe-splitter-panel-handle",l?"is--vertical":"is--horizontal",n.computeResizeOpts.immediate?"is-resize--immediate":"is-resize--lazy",{"is--resize":o,"is--border":s}]},[t("div",{class:"vxe-splitter-panel-handle-bar",on:{mousedown:n.dragEvent}}),2===r.length?t("div",{class:"vxe-splitter-panel-action-btn-wrapper"},[d&&i.isExpand?t("div",{class:["vxe-splitter-panel-action-btn",e.isExpand?"is--prev":"is--next"],on:{dblclick:n.handlePrevActionDblclickEvent,click:n.handlePrevActionClickEvent}},[t("i",{class:n.getActionIcon(e,i,!1)})]):(0,_ui.renderEmptyElement)(n),a&&e.isExpand?t("div",{class:["vxe-splitter-panel-action-btn",i.isExpand?"is--next":"is--prev"],on:{dblclick:n.handleNextActionDblclickEvent,click:n.handleNextActionClickEvent}},[t("i",{class:n.getActionIcon(e,i,!0)})]):(0,_ui.renderEmptyElement)(n)]):(0,_ui.renderEmptyElement)(n)])},renderItems:function(d){var u=this,t=u.reactData,h=u.border,f=u.padding,p=u.resize,m=u.vertical,g=t.itemList,v=u.computeSize,t=u.computeActionOpts.autoHideButton,x=u.computeResizeOpts.immediate,b=u.computeVisibleItems,E=u.computeAutoItems.autoItems,e=b.length<=1,_=[];return g.forEach(function(t,e){var i=t.id,n=t.name,r=t.slots,s=t.isExpand,e=g[e+1],r=r?r.default:null,o={},l=s?t.foldWidth||t.resizeWidth||t.renderWidth:0,a=s?t.foldHeight||t.resizeHeight||t.renderHeight:0,c=(1===E.length&&(m?t.height||(a=0):t.width||(l=0)),!0);m?a&&1<b.length&&(o.height=(c=!1,_dom.toCssUnit)(a)):l&&1<b.length&&(o.width=(c=!1,_dom.toCssUnit)(l)),_.push(d("div",{attrs:{itemid:i},class:["vxe-splitter-panel",m?"is--vertical":"is--horizontal",x?"is-resize--immediate":"is-resize--lazy",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(v),v),"is--resize",p),"is--padding",f),"is--border",h),"is--height",a),"is--width",l),"is--visible",s),"is--hidden",!s),"is--fill",s&&c)],style:o},[d("div",{attrs:{itemid:i},class:"vxe-splitter-panel--wrapper"},[d("div",{class:"vxe-splitter-panel--inner"},r?u.callSlot(r,{name:n,isExpand:s}):[])])])),e&&_.push(u.renderHandleBar(d,t,e))}),d("div",{class:["vxe-splitter-wrapper",{"is--ah-btn":t,"is--only-view":e}]},_)},renderVN:function(t){var e=this,i=e.$scopedSlots,n=e.vertical,r=e.computeSize,s=e.computeResizeOpts,o=e.computeWrapperStyle,l=s.immediate,s=s.showTip,i=i.default;return t("div",{ref:"refElem",class:["vxe-splitter",n?"is--vertical":"is--horizontal",l?"is-resize--immediate":"is-resize--lazy",_defineProperty({},"size--".concat(r),r)],style:o},[t("div",{class:"vxe-splitter-slots"},i?i({}):[]),e.renderItems(t),t("div",{ref:"refResizableSplitterTip",class:["vxe-splitter--resizable-splitter-tip",n?"is--vertical":"is--horizontal",l?"is-resize--immediate":"is-resize--lazy"]},s?[t("div",{class:"vxe-splitter--resizable-splitter-tip-number"},[t("div",{class:"vxe-splitter--resizable-splitter-number-prev"}),t("div",{class:"vxe-splitter--resizable-splitter-number-next"})])]:[]),t("div",{class:"vxe-splitter--render-vars"},[t("div",{ref:"refBarInfoElem",class:"vxe-splitter--handle-bar-info"})])])}},created:function(){_ui.globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},mounted:function(){var t,e=this,i=e,n=e.$refs.refElem;n&&((t=_ui.globalResize.create(function(){e.recalculate()})).observe(n),this.$resize=t),i.items&&e.loadItem(i.items),e.computeActionOpts.direction&&errLog("vxe.error.delProp",["action-config.direction","action-config.showPrevButton | action-config.showNextButton"]),e.$nextTick(function(){e.recalculate()})},beforeDestroy:function(){this.$resize&&this.$resize.disconnect(),_ui.globalEvents.off(this,"resize")},render:function(t){return this.renderVN(t)}});

package/lib/splitter/style/style.css

@@ -273,6 +273,10 @@
   border: 1px solid var(--vxe-ui-base-popup-border-color);
 }
 
+.vxe-splitter-wrapper.is--only-view > .vxe-splitter-panel-handle .vxe-splitter-panel-handle-bar {
+  width: 0;
+}
+
 .vxe-splitter--render-vars {
   width: 0;
   height: 0;

package/lib/splitter/style/style.min.css

@@ -1 +1 @@
-.vxe-splitter{position:relative;width:100%}.vxe-splitter.is--vertical>.vxe-splitter-wrapper{flex-direction:column}.vxe-splitter.is--vertical>.vxe-splitter-wrapper>.vxe-splitter-panel{width:100%}.vxe-splitter.is--drag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-splitter.is--drag.is-resize--immediate.is--horizontal{cursor:w-resize}.vxe-splitter.is--drag.is-resize--immediate.is--vertical{cursor:n-resize}.vxe-splitter.is--drag.is-resize--lazy.is--horizontal{cursor:col-resize}.vxe-splitter.is--drag.is-resize--lazy.is--vertical{cursor:row-resize}.vxe-splitter.is--drag>.vxe-splitter-wrapper>.vxe-splitter-panel>.vxe-splitter-panel--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-splitter--resizable-splitter-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-splitter--resizable-splitter-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-splitter-resizable-drag-line-color)}.vxe-splitter--resizable-splitter-tip.is--horizontal{width:1px;height:100%}.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-prev{right:0}.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-next{left:1px}.vxe-splitter--resizable-splitter-tip.is--vertical{width:100%;height:1px}.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-prev{bottom:0}.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-next{top:1px}.vxe-splitter--resizable-splitter-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-splitter--resizable-splitter-number-next,.vxe-splitter--resizable-splitter-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-splitter-resizable-drag-line-color)}.vxe-splitter-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-splitter-wrapper.is--ah-btn>.vxe-splitter-panel-handle .vxe-splitter-panel-action-btn{opacity:0}.vxe-splitter-wrapper.is--ah-btn:hover>.vxe-splitter-panel-handle .vxe-splitter-panel-action-btn{opacity:1}.vxe-splitter-slots{display:none}.vxe-splitter-panel-handle{display:flex;position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-splitter-panel--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-splitter-panel--inner{height:100%;width:100%;overflow:auto}.vxe-splitter-panel--inner>.vxe-splitter{height:100%}.vxe-splitter-panel-handle-bar{background-color:var(--vxe-ui-splitter-handle-bar-background-color)}.vxe-splitter-panel-handle-bar:hover{background-color:var(--vxe-ui-splitter-handle-bar-hover-background-color)}.vxe-splitter-panel-action-btn-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.vxe-splitter-panel-action-btn{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-splitter-handle-button-background-color);cursor:pointer;pointer-events:all;transition:all .15s ease-in-out}.vxe-splitter-panel-action-btn:hover{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-splitter-panel-action-btn:active{transform:scale(.9)}.vxe-splitter-panel-action-btn>i{font-size:.76em}.vxe-splitter-panel-handle.is--horizontal{flex-direction:row}.vxe-splitter-panel-handle.is--horizontal.is--border{border-width:1px 0 1px 0}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-height)}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-handle-bar{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:100%}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn{width:var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-width);height:var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-height)}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn.is--prev{left:calc(var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-width) * -1 - .2em)}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn.is--next{right:calc(var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-width) * -1 - .2em)}.vxe-splitter-panel-handle.is--vertical{flex-direction:column}.vxe-splitter-panel-handle.is--vertical.is--border{border-width:0 1px 0 1px}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper{height:var(--vxe-ui-splitter-handle-bar-vertical-height);width:var(--vxe-ui-splitter-handle-bar-vertical-action-btn-width)}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-handle-bar{height:var(--vxe-ui-splitter-handle-bar-vertical-height);width:100%}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn{height:var(--vxe-ui-splitter-handle-bar-vertical-action-btn-height);width:var(--vxe-ui-splitter-handle-bar-vertical-action-btn-width)}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn.is--prev{top:calc(var(--vxe-ui-splitter-handle-bar-vertical-action-btn-height) * -1 - .2em)}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn.is--next{bottom:calc(var(--vxe-ui-splitter-handle-bar-vertical-action-btn-height) * -1 - .2em)}.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--horizontal .vxe-splitter-panel-handle-bar{cursor:w-resize}.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--vertical .vxe-splitter-panel-handle-bar{cursor:n-resize}.vxe-splitter-panel-handle.is--resize.is-resize--immediate>.vxe-splitter-panel-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--horizontal .vxe-splitter-panel-handle-bar{cursor:col-resize}.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--vertical .vxe-splitter-panel-handle-bar{cursor:row-resize}.vxe-splitter-panel{display:flex;position:relative;overflow:hidden}.vxe-splitter-panel.is--fill{flex-grow:1}.vxe-splitter-panel.is--hidden.is--horizontal{width:0}.vxe-splitter-panel.is--hidden.is--vertical{height:0}.vxe-splitter-panel.is--padding>.vxe-splitter-panel--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-splitter-panel.is--height:not(.is--fill),.vxe-splitter-panel.is--hidden:not(.is--fill),.vxe-splitter-panel.is--width:not(.is--fill){flex-shrink:0}.vxe-splitter-panel.is--border>.vxe-splitter-panel--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-splitter--render-vars{width:0;height:0;overflow:hidden}.vxe-splitter--render-vars .vxe-splitter--handle-bar-info{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:var(--vxe-ui-splitter-handle-bar-vertical-height)}.vxe-modal--content>.vxe-splitter{height:100%}.vxe-splitter{font-size:var(--vxe-ui-font-size-default)}.vxe-splitter.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-splitter.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-splitter.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-splitter{position:relative;width:100%}.vxe-splitter.is--vertical>.vxe-splitter-wrapper{flex-direction:column}.vxe-splitter.is--vertical>.vxe-splitter-wrapper>.vxe-splitter-panel{width:100%}.vxe-splitter.is--drag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-splitter.is--drag.is-resize--immediate.is--horizontal{cursor:w-resize}.vxe-splitter.is--drag.is-resize--immediate.is--vertical{cursor:n-resize}.vxe-splitter.is--drag.is-resize--lazy.is--horizontal{cursor:col-resize}.vxe-splitter.is--drag.is-resize--lazy.is--vertical{cursor:row-resize}.vxe-splitter.is--drag>.vxe-splitter-wrapper>.vxe-splitter-panel>.vxe-splitter-panel--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-splitter--resizable-splitter-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-splitter--resizable-splitter-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-splitter-resizable-drag-line-color)}.vxe-splitter--resizable-splitter-tip.is--horizontal{width:1px;height:100%}.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-prev{right:0}.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-next{left:1px}.vxe-splitter--resizable-splitter-tip.is--vertical{width:100%;height:1px}.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-prev{bottom:0}.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-next{top:1px}.vxe-splitter--resizable-splitter-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-splitter--resizable-splitter-number-next,.vxe-splitter--resizable-splitter-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-splitter-resizable-drag-line-color)}.vxe-splitter-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-splitter-wrapper.is--ah-btn>.vxe-splitter-panel-handle .vxe-splitter-panel-action-btn{opacity:0}.vxe-splitter-wrapper.is--ah-btn:hover>.vxe-splitter-panel-handle .vxe-splitter-panel-action-btn{opacity:1}.vxe-splitter-slots{display:none}.vxe-splitter-panel-handle{display:flex;position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-splitter-panel--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-splitter-panel--inner{height:100%;width:100%;overflow:auto}.vxe-splitter-panel--inner>.vxe-splitter{height:100%}.vxe-splitter-panel-handle-bar{background-color:var(--vxe-ui-splitter-handle-bar-background-color)}.vxe-splitter-panel-handle-bar:hover{background-color:var(--vxe-ui-splitter-handle-bar-hover-background-color)}.vxe-splitter-panel-action-btn-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.vxe-splitter-panel-action-btn{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-splitter-handle-button-background-color);cursor:pointer;pointer-events:all;transition:all .15s ease-in-out}.vxe-splitter-panel-action-btn:hover{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-splitter-panel-action-btn:active{transform:scale(.9)}.vxe-splitter-panel-action-btn>i{font-size:.76em}.vxe-splitter-panel-handle.is--horizontal{flex-direction:row}.vxe-splitter-panel-handle.is--horizontal.is--border{border-width:1px 0 1px 0}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-height)}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-handle-bar{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:100%}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn{width:var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-width);height:var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-height)}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn.is--prev{left:calc(var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-width) * -1 - .2em)}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn.is--next{right:calc(var(--vxe-ui-splitter-handle-bar-horizontal-action-btn-width) * -1 - .2em)}.vxe-splitter-panel-handle.is--vertical{flex-direction:column}.vxe-splitter-panel-handle.is--vertical.is--border{border-width:0 1px 0 1px}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper{height:var(--vxe-ui-splitter-handle-bar-vertical-height);width:var(--vxe-ui-splitter-handle-bar-vertical-action-btn-width)}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-handle-bar{height:var(--vxe-ui-splitter-handle-bar-vertical-height);width:100%}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn{height:var(--vxe-ui-splitter-handle-bar-vertical-action-btn-height);width:var(--vxe-ui-splitter-handle-bar-vertical-action-btn-width)}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn.is--prev{top:calc(var(--vxe-ui-splitter-handle-bar-vertical-action-btn-height) * -1 - .2em)}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn.is--next{bottom:calc(var(--vxe-ui-splitter-handle-bar-vertical-action-btn-height) * -1 - .2em)}.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--horizontal .vxe-splitter-panel-handle-bar{cursor:w-resize}.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--vertical .vxe-splitter-panel-handle-bar{cursor:n-resize}.vxe-splitter-panel-handle.is--resize.is-resize--immediate>.vxe-splitter-panel-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--horizontal .vxe-splitter-panel-handle-bar{cursor:col-resize}.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--vertical .vxe-splitter-panel-handle-bar{cursor:row-resize}.vxe-splitter-panel{display:flex;position:relative;overflow:hidden}.vxe-splitter-panel.is--fill{flex-grow:1}.vxe-splitter-panel.is--hidden.is--horizontal{width:0}.vxe-splitter-panel.is--hidden.is--vertical{height:0}.vxe-splitter-panel.is--padding>.vxe-splitter-panel--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-splitter-panel.is--height:not(.is--fill),.vxe-splitter-panel.is--hidden:not(.is--fill),.vxe-splitter-panel.is--width:not(.is--fill){flex-shrink:0}.vxe-splitter-panel.is--border>.vxe-splitter-panel--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-splitter-wrapper.is--only-view>.vxe-splitter-panel-handle .vxe-splitter-panel-handle-bar{width:0}.vxe-splitter--render-vars{width:0;height:0;overflow:hidden}.vxe-splitter--render-vars .vxe-splitter--handle-bar-info{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:var(--vxe-ui-splitter-handle-bar-vertical-height)}.vxe-modal--content>.vxe-splitter{height:100%}.vxe-splitter{font-size:var(--vxe-ui-font-size-default)}.vxe-splitter.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-splitter.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-splitter.size--mini{font-size:var(--vxe-ui-font-size-mini)}