vxe-pc-ui 3.9.0 → 3.9.2

package/lib/split/src/split.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}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplit",mixins:[_ui.globalMixins.sizeMixin],props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.vertical}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.border}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.padding}},resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.resize}},items:Array,itemConfig:Object,barConfig:Object,resizeConfig:Object,actionConfig:Object},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticItems:[],itemList:[]},internalData:{wrapperWidth:0,wrapperHeight:0},reFlag:0}},provide:function(){return{$xeSplit:this}},computed:Object.assign(Object.assign({},{}),{computeItemOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.itemConfig,this.itemConfig)},computeBarOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.barConfig,this.barConfig)},computeResizeOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.resizeConfig,this.resizeConfig)},computeActionOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.actionConfig,this.actionConfig)},computeIsFoldNext:function(){return"next"===this.computeActionOpts.direction},computeVisibleItems:function(){return this.reactData.itemList.filter(function(t){return t.isVisible})},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}},computeBarStyle:function(){var t=this.computeBarOpts,e=t.width,t=t.height,i={};return t&&(i.height=(0,_dom.toCssUnit)(t)),e&&(i.width=(0,_dom.toCssUnit)(e)),i},computeSItemSize:function(){return this.reactData.staticItems.length}}),watch:{items:function(t){this.loadItem(t||[])},computeSItemSize:function(){var t=this,e=t.reactData;t.items&&t.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),e.itemList=e.staticItems,t.recalculate()}},methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$split: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.isVisible=!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,s=n.staticItems,l={isVisible:!0,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]||(0,_log.errLog)("vxe.error.notSlot",[t])}),Object.assign({},e?null:l,t,e?l:null,{id:_xeUtils.default.uniqueId()})}),s.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),this.recalculate()},loadItem:function(t){return this.handleLoadItem(t||[],!1)},reloadItem:function(t){return this.handleLoadItem(t||[],!0)},recalculate:function(){var h=this,f=h,m=h.reactData,p=h.internalData;return h.$nextTick().then(function(){var n,s,e,i,l,r,o,a,c,t=f.vertical,d=m.itemList,u=h.$refs.refElem;u&&(n=u.clientWidth,s=u.clientHeight,n)&&s&&(u=h.computeItemOpts,e=_xeUtils.default.toNumber(u.minWidth),i=_xeUtils.default.toNumber(u.minHeight),l=[],t?(r=0,d.forEach(function(t){var e=t.height,i=0;e?(i=(0,_dom.isScale)(e)?s*_xeUtils.default.toNumber(e)/100:_xeUtils.default.toNumber(e),t.renderHeight=i):l.push(t),r+=i}),l.length&&(o=(s-r)/l.length,l.forEach(function(t){t.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(t.minHeight,i)),o)}))):(a=0,d.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):l.push(t),a+=i}),l.length&&(c=(n-a)/l.length,l.forEach(function(t){t.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(t.minWidth,e)),c)}))),p.wrapperWidth=n,p.wrapperHeight=s)})},dragEvent:function(t){var e,i,n,l,r,o,T,s,a,c,d,u,h,k,$,f,m,p,g,x,v,_,b,I,V,M,z,E,C,y,H,O,U,W,D,N,A=this,S=A.reactData,w=A.resize,L=A.vertical,S=S.itemList;w&&(t.preventDefault(),h=(w=t.currentTarget).parentElement,e=A.$refs.refElem)&&(i=h.getAttribute("itemid"),h=_xeUtils.default.findIndexOf(S,function(t){return t.id===i}),n=S[h])&&n.isExpand&&(l=e.getBoundingClientRect(),w=w.getBoundingClientRect(),r=A.$refs.refResizableSplitTip,o=r?r.children[0]:null,f=A.computeIsFoldNext,s=A.computeItemOpts,T=A.computeResizeOpts.immediate,z=_xeUtils.default.toNumber(s.minWidth),s=_xeUtils.default.toNumber(s.minHeight),m=S[h+(f?1:-1)],a=S[h+(f?0:-1)],c=S[h+(f?1:0)],d=m?e.querySelector('.vxe-split-pane[itemid="'.concat(a.id,'"]')):null,u=n?e.querySelector('.vxe-split-pane[itemid="'.concat(c.id,'"]')):null,d)&&u&&(S=Math.ceil(w.width-(t.clientX-w.left)),h=Math.ceil(t.clientY-w.top),k=d.offsetWidth,$=u.offsetWidth,f=_xeUtils.default.toNumber(a?(0,_utils.getGlobalDefaultConfig)(a.minWidth,z):z),m=_xeUtils.default.toNumber(c?(0,_utils.getGlobalDefaultConfig)(c.minWidth,z):z),p=d.offsetLeft+f-S,g=u.offsetLeft+u.offsetWidth-m-S,x=t.clientX-l.left,v=-1,b=_=0,I=x,V=d.offsetHeight,M=u.offsetHeight,w=_xeUtils.default.toNumber(a?(0,_utils.getGlobalDefaultConfig)(a.minHeight,s):s),z=_xeUtils.default.toNumber(c?(0,_utils.getGlobalDefaultConfig)(c.minHeight,s):s),E=d.offsetTop+w+h,C=u.offsetTop+u.offsetHeight-z+h,y=t.clientY-l.top,H=-1,U=O=0,W=y,D=function(t){var e,i,n,s;r&&(e=o?o.children[0]:null,i=o?o.children[1]:null,L?(n=0,e&&(H<0?e.style.display="none":(e.textContent="".concat(Math.floor(O),"px"),e.style.display="block",n=e.offsetWidth)),i&&(H<0?(i.textContent="".concat(Math.floor(U),"px"),i.style.display="block",n=i.offsetWidth):i.style.display="none"),(s=Math.max(1,t.clientX-l.left-n/2))>l.width-n-1&&(s=l.width-n-1),r.style.left="0",r.style.top="".concat(W,"px"),o&&(o.style.left="".concat(s,"px"))):(n=0,e&&(v<0?e.style.display="none":(e.textContent="".concat(Math.floor(_),"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"),(s=Math.max(1,t.clientY-l.top-n/2))>l.height-n-1&&(s=l.height-n-1),r.style.top="0",r.style.left="".concat(I,"px"),o&&(o.style.top="".concat(s,"px"))))},N=function(t){L?(W=t.clientY-l.top,O=V+(H=(W=C<(W=W<E?E:W)?C:W)-y),U=M-H):(I=t.clientX-l.left,_=k+(v=(I=g<(I=I<p?p:I)?g:I)-x),b=$-v),T&&(L?(d.style.height=(0,_dom.toCssUnit)(O),u.style.height=(0,_dom.toCssUnit)(U)):(d.style.width=(0,_dom.toCssUnit)(_),u.style.width=(0,_dom.toCssUnit)(b))),r&&D(t),A.dispatchEvent("resize-drag",{item:n,name:n.name,prevItem:a,nextItem:c,offsetHeight:H,offsetWidth:v},t)},document.onmousemove=function(t){t.preventDefault(),N(t)},document.onmouseup=function(t){document.onmousemove=null,document.onmouseup=null,r&&(r.style.display=""),L?(a.resizeHeight=O,c.resizeHeight=U):(a.resizeWidth=_,c.resizeWidth=b),(0,_dom.removeClass)(e,"is--drag"),A.dispatchEvent("resize-end",{item:n,name:n.name,prevItem:a,nextItem:c,offsetHeight:H,offsetWidth:v},t),A.recalculate()},r&&(r.style.display="block",D(t)),N(t),(0,_dom.addClass)(e,"is--drag"),A.dispatchEvent("resize-start",{item:n,name:n.name,prevItem:a,nextItem:c},t))},handleItemActionEvent:function(t){var e,i,n,s,l,r=this,o=r.reactData;r.$refs.refElem&&(e=r.vertical,o=o.itemList,l=r.computeIsFoldNext,i=t.currentTarget.parentElement.getAttribute("itemid"),n=o[s=_xeUtils.default.findIndexOf(o,function(t){return t.id===i})],o=o[s+(l?1:-1)],n)&&(s=n.showAction,l=n.isExpand,s)&&(e?o&&(o.isVisible=!l,o.foldHeight=0,n.isExpand=!l,n.isVisible=!0,n.foldHeight=l?(o.resizeHeight||o.renderHeight)+(n.resizeHeight||n.renderHeight):0):o&&(o.isVisible=!l,o.foldWidth=0,n.isExpand=!l,n.isVisible=!0,n.foldWidth=l?(o.resizeWidth||o.renderWidth)+(n.resizeWidth||n.renderWidth):0),r.dispatchEvent("toggle-expand",{item:n,name:n.name,targetItem:o,targetName:o?o.name:"",expanded:n.isExpand},t),r.recalculate())},handleActionDblclickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.getAttribute("itemid"),e=e[_xeUtils.default.findIndexOf(e,function(t){return t.id===n})];"dblclick"===i.trigger&&this.handleItemActionEvent(t),this.dispatchEvent("action-dblclick",{item:e,name:e?e.name:""},t)},handleActionClickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.getAttribute("itemid"),e=e[_xeUtils.default.findIndexOf(e,function(t){return t.id===n})];"dblclick"!==i.trigger&&this.handleItemActionEvent(t),this.dispatchEvent("action-click",{item:e,name:e?e.name:""},t)},handleGlobalResizeEvent:function(){this.recalculate()},getDefaultActionIcon:function(t){var e=this.vertical,i=t.showAction,t=t.isExpand,n=this.computeIsFoldNext,s="SPLIT_TOP_ACTION",l="SPLIT_BOTTOM_ACTION",r="SPLIT_LEFT_ACTION",o="SPLIT_RIGHT_ACTION";if(i){i="";if(i=n?e?t?l:s:t?o:r:e?t?s:l:t?r:o)return(0,_ui.getIcon)()[i]}return""},renderHandleBar:function(t,e){var i=this,n=i.computeBarStyle,s=i.computeActionOpts,l=i.computeIsFoldNext,r=e.id,o=e.isExpand,a=e.showAction,c={};return"dblclick"===s.trigger?c.dblclick=i.handleItemActionEvent:c.click=i.handleItemActionEvent,t("div",{attrs:{itemid:r},class:["vxe-split-pane-handle",l?"to--next":"to--prev"]},[t("div",{class:"vxe-split-pane-handle-bar",style:n,on:{mousedown:i.dragEvent}}),a?t("span",{class:"vxe-split-pane-action-btn",on:c},[t("i",{class:(o?s.openIcon:s.closeIcon)||i.getDefaultActionIcon(e)})]):(0,_ui.renderEmptyElement)(i)])},renderItems:function(d){var u=this,t=u.reactData,h=u.border,f=u.padding,m=u.resize,p=u.vertical,g=t.itemList,x=u.computeResizeOpts.immediate,v=u.computeVisibleItems,_=u.computeAutoItems.autoItems,b=u.computeIsFoldNext,I=[];return g.forEach(function(t,e){var i=t.id,n=t.name,s=t.slots,l=t.isVisible,r=t.isExpand,s=s?s.default:null,o={},a=l?t.foldWidth||t.resizeWidth||t.renderWidth:0,c=l?t.foldHeight||t.resizeHeight||t.renderHeight:0;1===_.length&&(p?t.height||(c=0):t.width||(a=0)),p?c&&(o.height=1===v.length?"100%":(0,_dom.toCssUnit)(c)):a&&(o.width=1===v.length?"100%":(0,_dom.toCssUnit)(a)),I.push(d("div",{attrs:{itemid:i},class:["vxe-split-pane",p?"is--vertical":"is--horizontal",x?"is-resize--immediate":"is-resize--lazy",{"is--resize":m,"is--padding":f,"is--border":h,"is--height":c,"is--width":a,"is--fill":l&&!c&&!a,"is--handle":0<e,"is--expand":r,"is--hidden":!l}],style:o},[e&&!b?u.renderHandleBar(d,t):(0,_ui.renderEmptyElement)(u),d("div",{attrs:{itemid:i},class:"vxe-split-pane--wrapper"},[d("div",{class:"vxe-split-pane--inner"},s?u.callSlot(s,{name:n,isVisible:l,isExpand:r}):[])]),b&&e<g.length-1?u.renderHandleBar(d,t):(0,_ui.renderEmptyElement)(u)]))}),d("div",{class:"vxe-split-wrapper"},I)},renderVN:function(t){var e=this.$scopedSlots,i=this.vertical,n=this.width,s=this.height,l=this.computeResizeOpts,r=l.immediate,l=l.showTip,e=e.default,o={};return s&&(o.height=(0,_dom.toCssUnit)(s)),n&&(o.width=(0,_dom.toCssUnit)(n)),t("div",{ref:"refElem",class:["vxe-split",i?"is--vertical":"is--horizontal",r?"is-resize--immediate":"is-resize--lazy"],style:o},[t("div",{class:"vxe-split-slots"},e?e({}):[]),this.renderItems(t),t("div",{ref:"refResizableSplitTip",class:["vxe-split--resizable-split-tip",i?"is--vertical":"is--horizontal",r?"is-resize--immediate":"is-resize--lazy"]},l?[t("div",{class:"vxe-split--resizable-split-tip-number"},[t("div",{class:"vxe-split--resizable-split-number-prev"}),t("div",{class:"vxe-split--resizable-split-number-next"})])]:[])])}},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.$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}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplit",mixins:[_ui.globalMixins.sizeMixin],props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.vertical}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.border}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.padding}},resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.resize}},items:Array,itemConfig:Object,barConfig:Object,resizeConfig:Object,actionConfig:Object},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticItems:[],itemList:[],barWidth:0,barHeight:0},internalData:{wrapperWidth:0,wrapperHeight:0},reFlag:0}},provide:function(){return{$xeSplit:this}},computed:Object.assign(Object.assign({},{}),{computeItemOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.itemConfig,this.itemConfig)},computeBarOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.barConfig,this.barConfig)},computeResizeOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.resizeConfig,this.resizeConfig)},computeActionOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.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}},computeBarStyle:function(){var t=this.computeBarOpts,e=t.width,t=t.height,i={};return t&&(i.height=(0,_dom.toCssUnit)(t)),e&&(i.width=(0,_dom.toCssUnit)(e)),i},computeSItemSize:function(){return this.reactData.staticItems.length}}),watch:{items:function(t){this.loadItem(t||[])},computeSItemSize:function(){var t=this,e=t.reactData,i=t.computeActionOpts,n=i.showPrevButton,i=i.showNextButton;t.items&&t.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),e.itemList=e.staticItems||[],(n||i)&&2<e.itemList.length&&(0,_log.errLog)("vxe.error.modelConflicts",["action-config.showPrevButton | action-config.showNextButton","<vxe-split-pane ...> Only supports 2 panel"]),e.itemList.forEach(function(t){t.showAction&&(0,_log.warnLog)("vxe.error.removeProp",["showAction"])}),t.recalculate()}},methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$split: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,s=n.staticItems,r={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]||(0,_log.errLog)("vxe.error.notSlot",[t])}),Object.assign({},e?null:r,t,e?r:null,{id:_xeUtils.default.uniqueId()})}),s.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),this.recalculate()},loadItem:function(t){return this.handleLoadItem(t||[],!1)},reloadItem:function(t){return this.handleLoadItem(t||[],!0)},recalculate:function(){var p=this,m=p,g=p.reactData,v=p.internalData;return p.$nextTick().then(function(){var t,n,s,e,i,r,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)),s=h-(d?g.barHeight*(u.length-1):0),f=p.computeItemOpts,e=_xeUtils.default.toNumber(f.minWidth),i=_xeUtils.default.toNumber(f.minHeight),r=[],d?(o=0,u.forEach(function(t){var e=t.height,i=0;e?(i=(0,_dom.isScale)(e)?s*_xeUtils.default.toNumber(e)/100:_xeUtils.default.toNumber(e),t.renderHeight=i):r.push(t),o+=i}),r.length&&(l=(s-o)/r.length,r.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):r.push(t),a+=i}),r.length&&(c=(n-a)/r.length,r.forEach(function(t){t.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(t.minWidth,e)),c)}))),v.wrapperWidth=n,v.wrapperHeight=s)})},dragEvent:function(t){var e,i,n,s,r,o,l,a,c,d,u,h,f,p,k,m,g,v,x,b,E,_,B,T,z,I,C,y,H,A,W,w,O,S,D=this,N=D.reactData,U=D.resize,L=D.vertical,N=N.itemList;U&&(t.preventDefault(),f=(U=t.currentTarget).parentElement,e=D.$refs.refElem)&&(i=f.previousElementSibling,n=f.nextElementSibling,i)&&n&&(s=i.getAttribute("itemid"),r=n.getAttribute("itemid"),o=N.find(function(t){return t.id===s}),l=N.find(function(t){return t.id===r}),o)&&l&&(a=e.getBoundingClientRect(),f=U.getBoundingClientRect(),c=D.$refs.refResizableSplitTip,d=c?c.children[0]:null,N=D.computeItemOpts,u=D.computeResizeOpts.immediate,U=_xeUtils.default.toNumber(N.minWidth),N=_xeUtils.default.toNumber(N.minHeight),h=Math.ceil(f.width-(t.clientX-f.left)),f=Math.ceil(t.clientY-f.top),p=i.offsetWidth,k=n.offsetWidth,z=_xeUtils.default.toNumber(o?(0,_utils.getGlobalDefaultConfig)(o.minWidth,U):U),U=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minWidth,U):U),m=i.offsetLeft+z-h,g=n.offsetLeft+n.offsetWidth-U-h,v=t.clientX-a.left,x=-1,E=b=0,_=v,B=i.offsetHeight,T=n.offsetHeight,z=_xeUtils.default.toNumber(o?(0,_utils.getGlobalDefaultConfig)(o.minHeight,N):N),U=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minHeight,N):N),I=i.offsetTop+z+f,C=n.offsetTop+n.offsetHeight-U+f,y=t.clientY-a.top,H=-1,W=A=0,w=y,O=function(t){var e,i,n,s;c&&(e=d?d.children[0]:null,i=d?d.children[1]:null,L?(n=0,e&&(H<0?e.style.display="none":(e.textContent="".concat(Math.floor(A),"px"),e.style.display="block",n=e.offsetWidth)),i&&(H<0?(i.textContent="".concat(Math.floor(W),"px"),i.style.display="block",n=i.offsetWidth):i.style.display="none"),(s=Math.max(1,t.clientX-a.left-n/2))>a.width-n-1&&(s=a.width-n-1),c.style.left="0",c.style.top="".concat(w,"px"),d&&(d.style.left="".concat(s,"px"))):(n=0,e&&(x<0?e.style.display="none":(e.textContent="".concat(Math.floor(b),"px"),e.style.display="block",n=e.offsetHeight)),i&&(x<0?(i.textContent="".concat(Math.floor(E),"px"),i.style.display="block",n=i.offsetHeight):i.style.display="none"),(s=Math.max(1,t.clientY-a.top-n/2))>a.height-n-1&&(s=a.height-n-1),c.style.top="0",c.style.left="".concat(_,"px"),d&&(d.style.top="".concat(s,"px"))))},S=function(t){L?(w=t.clientY-a.top,A=B+(H=(w=C<(w=w<I?I:w)?C:w)-y),W=T-H):(_=t.clientX-a.left,b=p+(x=(_=g<(_=_<m?m:_)?g:_)-v),E=k-x),u&&(L?(i.style.height=(0,_dom.toCssUnit)(A),n.style.height=(0,_dom.toCssUnit)(W)):(i.style.width=(0,_dom.toCssUnit)(b),n.style.width=(0,_dom.toCssUnit)(E))),c&&O(t),D.dispatchEvent("resize-drag",{prevItem:o,nextItem:l,offsetHeight:H,offsetWidth:x},t)},document.onmousemove=function(t){t.preventDefault(),S(t)},document.onmouseup=function(t){document.onmousemove=null,document.onmouseup=null,c&&(c.style.display=""),L?(o.resizeHeight=A,l.resizeHeight=W):(o.resizeWidth=b,l.resizeWidth=E),(0,_dom.removeClass)(e,"is--drag"),D.dispatchEvent("resize-end",{prevItem:o,nextItem:l,offsetHeight:H,offsetWidth:x},t),D.recalculate()},c&&(c.style.display="block",O(t)),S(t),(0,_dom.addClass)(e,"is--drag"),D.dispatchEvent("resize-start",{prevItem:o,nextItem:l},t))},handleItemActionEvent:function(t,e,i,n){var s=this.vertical,r=!1,o=e;n?(r=!(o=i).isExpand,i.isExpand=r):(r=!e.isExpand,e.isExpand=r),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)),this.dispatchEvent("toggle-expand",{prevItem:e,nextItem:i,expanded:r,item:o},t),this.recalculate()},handlePrevActionDblclickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,s=n.previousElementSibling.getAttribute("itemid"),r=e.find(function(t){return t.id===s}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"===i.trigger&&r&&n&&n.isExpand&&this.handleItemActionEvent(t,r,n,!1),this.dispatchEvent("action-dblclick",{prevItem:r,nextItem:n},t)},handlePrevActionClickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,s=n.previousElementSibling.getAttribute("itemid"),r=e.find(function(t){return t.id===s}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"!==i.trigger&&r&&n&&n.isExpand&&this.handleItemActionEvent(t,r,n,!1),this.dispatchEvent("action-click",{prevItem:r,nextItem:n},t)},handleNextActionDblclickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,s=n.previousElementSibling.getAttribute("itemid"),r=e.find(function(t){return t.id===s}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"===i.trigger&&r&&n&&r.isExpand&&this.handleItemActionEvent(t,r,n,!0),this.dispatchEvent("action-dblclick",{prevItem:r,nextItem:n},t)},handleNextActionClickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,s=n.previousElementSibling.getAttribute("itemid"),r=e.find(function(t){return t.id===s}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"!==i.trigger&&r&&n&&r.isExpand&&this.handleItemActionEvent(t,r,n,!0),this.dispatchEvent("action-click",{prevItem:r,nextItem:n},t)},handleGlobalResizeEvent:function(){this.recalculate()},getActionIcon:function(t,e,i){var n="SPLIT_TOP_ACTION",s="SPLIT_BOTTOM_ACTION",r="SPLIT_LEFT_ACTION",o="SPLIT_RIGHT_ACTION",l="";return(l=this.vertical?i?e.isExpand?s:n:t.isExpand?n:s:i?e.isExpand?o:r:t.isExpand?r:o)?(0,_ui.getIcon)()[l]:""},renderHandleBar:function(t,e,i){var n=this,s=n.reactData,r=n.border,o=n.resize,l=n.vertical,s=s.itemList,a=n.computeBarStyle,c=n.computeActionOpts,d=c.direction,u=_xeUtils.default.isBoolean(c.showPrevButton)?c.showPrevButton:s.some(function(t){return t.showAction}),c=_xeUtils.default.isBoolean(c.showNextButton)?c.showNextButton:"next"===d&&s.some(function(t){return t.showAction});return t("div",{class:["vxe-split-pane-handle",l?"is--vertical":"is--horizontal",n.computeResizeOpts.immediate?"is-resize--immediate":"is-resize--lazy",{"is--resize":o,"is--border":r}]},[t("div",{class:"vxe-split-pane-handle-bar",style:a,on:{mousedown:n.dragEvent}}),2===s.length?t("div",{class:"vxe-split-pane-action-btn-wrapper"},[u&&i.isExpand?t("div",{class:"vxe-split-pane-action-btn",on:{dblclick:n.handlePrevActionDblclickEvent,click:n.handlePrevActionClickEvent}},[t("i",{class:n.getActionIcon(e,i,!1)})]):(0,_ui.renderEmptyElement)(n),c&&e.isExpand?t("div",{class:"vxe-split-pane-action-btn",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.computeResizeOpts.immediate,x=u.computeVisibleItems,b=u.computeAutoItems.autoItems,E=[];return g.forEach(function(t,e){var i=t.id,n=t.name,s=t.slots,r=t.isExpand,e=g[e+1],s=s?s.default:null,o={},l=r?t.foldWidth||t.resizeWidth||t.renderWidth:0,a=r?t.foldHeight||t.resizeHeight||t.renderHeight:0,c=(1===b.length&&(m?t.height||(a=0):t.width||(l=0)),!0);m?a&&1<x.length&&(o.height=(c=!1,_dom.toCssUnit)(a)):l&&1<x.length&&(o.width=(c=!1,_dom.toCssUnit)(l)),E.push(d("div",{attrs:{itemid:i},class:["vxe-split-pane",m?"is--vertical":"is--horizontal",v?"is-resize--immediate":"is-resize--lazy",{"is--resize":p,"is--padding":f,"is--border":h,"is--height":a,"is--width":l,"is--visible":r,"is--hidden":!r,"is--fill":r&&c}],style:o},[d("div",{attrs:{itemid:i},class:"vxe-split-pane--wrapper"},[d("div",{class:"vxe-split-pane--inner"},s?u.callSlot(s,{name:n,isExpand:r}):[])])])),e&&E.push(u.renderHandleBar(d,t,e))}),d("div",{class:"vxe-split-wrapper"},E)},renderVN:function(t){var e=this.$scopedSlots,i=this.vertical,n=this.width,s=this.height,r=this.computeResizeOpts,o=r.immediate,r=r.showTip,e=e.default,l={};return s&&(l.height=(0,_dom.toCssUnit)(s)),n&&(l.width=(0,_dom.toCssUnit)(n)),t("div",{ref:"refElem",class:["vxe-split",i?"is--vertical":"is--horizontal",o?"is-resize--immediate":"is-resize--lazy"],style:l},[t("div",{class:"vxe-split-slots"},e?e({}):[]),this.renderItems(t),t("div",{ref:"refResizableSplitTip",class:["vxe-split--resizable-split-tip",i?"is--vertical":"is--horizontal",o?"is-resize--immediate":"is-resize--lazy"]},r?[t("div",{class:"vxe-split--resizable-split-tip-number"},[t("div",{class:"vxe-split--resizable-split-number-prev"}),t("div",{class:"vxe-split--resizable-split-number-next"})])]:[]),t("div",{class:"vxe-split--render-vars"},[t("div",{ref:"refBarInfoElem",class:"vxe-split--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&&(0,_log.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/split/style/style.css

@@ -115,6 +115,7 @@
 }
 
 .vxe-split-pane-handle {
+  display: flex;
   position: relative;
   flex-shrink: 0;
   -webkit-user-select: none;
@@ -146,18 +147,22 @@
   background-color: var(--vxe-ui-split-handle-bar-hover-background-color);
 }
 
-.vxe-split-pane-action-btn {
+.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: 0.5em;
   border-radius: var(--vxe-ui-base-border-radius);
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 2;
   color: var(--vxe-ui-layout-background-color);
   background-color: var(--vxe-ui-split-handle-button-background-color);
   border: 1px solid var(--vxe-ui-input-border-color);
@@ -169,71 +174,103 @@
   background-color: var(--vxe-ui-font-primary-color);
 }
 .vxe-split-pane-action-btn:active {
-  transform: translate(-50%, -50%) scale(0.9);
+  transform: scale(0.9);
 }
 
-.vxe-split-pane {
-  display: flex;
-  position: relative;
-  overflow: hidden;
+.vxe-split-pane-handle.is--horizontal {
+  flex-direction: row;
 }
-.vxe-split-pane.is--hidden {
-  width: 0;
+.vxe-split-pane-handle.is--horizontal.is--border {
+  border-width: 1px 0 1px 0;
 }
-.vxe-split-pane.is--padding > .vxe-split-pane--wrapper {
-  padding: var(--vxe-ui-layout-padding-default);
+.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper {
+  flex-direction: column;
 }
-.vxe-split-pane.is--fill {
-  flex-grow: 1;
+.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div {
+  margin-top: 1em;
 }
-.vxe-split-pane.is--width, .vxe-split-pane.is--height {
-  flex-shrink: 0;
+.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div:first-child {
+  margin-top: 0;
 }
-.vxe-split-pane.is--border > .vxe-split-pane--wrapper {
-  border: 1px solid var(--vxe-ui-base-popup-border-color);
+.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.is--resize.is--expand.is-resize--immediate.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
+.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.is--resize.is--expand.is-resize--immediate.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
+.vxe-split-pane-handle.is--resize.is-resize--immediate.is--vertical .vxe-split-pane-handle-bar {
   cursor: n-resize;
 }
-.vxe-split-pane.is--resize.is--expand.is-resize--immediate > .vxe-split-pane-handle > .vxe-split-pane-handle-bar:active {
+.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.is--resize.is--expand.is-resize--lazy.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
+.vxe-split-pane-handle.is--resize.is-resize--lazy.is--horizontal .vxe-split-pane-handle-bar {
   cursor: col-resize;
 }
-.vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
+.vxe-split-pane-handle.is--resize.is-resize--lazy.is--vertical .vxe-split-pane-handle-bar {
   cursor: row-resize;
 }
-.vxe-split-pane.is--horizontal {
-  flex-direction: row;
+
+.vxe-split-pane {
+  display: flex;
+  position: relative;
+  overflow: hidden;
 }
-.vxe-split-pane.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
-  width: var(--vxe-ui-split-handle-bar-horizontal-width);
-  height: 100%;
+.vxe-split-pane.is--fill {
+  flex-grow: 1;
 }
-.vxe-split-pane.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-action-btn {
-  width: var(--vxe-ui-split-handle-bar-horizontal-width);
-  height: var(--vxe-ui-split-handle-bar-horizontal-height);
+.vxe-split-pane.is--hidden.is--horizontal {
+  width: 0;
 }
-.vxe-split-pane.is--horizontal.is--border > .vxe-split-pane-handle {
-  border-width: 1px 0 1px 0;
+.vxe-split-pane.is--hidden.is--vertical {
+  height: 0;
 }
-.vxe-split-pane.is--vertical {
-  flex-direction: column;
+.vxe-split-pane.is--padding > .vxe-split-pane--wrapper {
+  padding: var(--vxe-ui-layout-padding-default);
 }
-.vxe-split-pane.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
-  height: var(--vxe-ui-split-handle-bar-vertical-height);
-  width: 100%;
+.vxe-split-pane.is--hidden, .vxe-split-pane.is--width, .vxe-split-pane.is--height {
+  flex-shrink: 0;
 }
-.vxe-split-pane.is--vertical > .vxe-split-pane-handle .vxe-split-pane-action-btn {
-  width: var(--vxe-ui-split-handle-bar-vertical-width);
-  height: var(--vxe-ui-split-handle-bar-vertical-height);
+.vxe-split-pane.is--border > .vxe-split-pane--wrapper {
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
 }
-.vxe-split-pane.is--vertical.is--border > .vxe-split-pane-handle {
-  border-width: 0 1px 0 1px;
+
+.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 {

package/lib/split/style/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;-ms-user-select:none;user-select:none}.vxe-split.is--drag.is-resize--immediate.is--horizontal{cursor:w-resize}.vxe-split.is--drag.is-resize--immediate.is--vertical{cursor:n-resize}.vxe-split.is--drag.is-resize--lazy.is--horizontal{cursor:col-resize}.vxe-split.is--drag.is-resize--lazy.is--vertical{cursor:row-resize}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-pane>.vxe-split-pane--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split--resizable-split-tip{display:none;position:absolute;top:0;left:0;z-index:7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:col-resize}.vxe-split--resizable-split-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split--resizable-split-tip.is--horizontal{width:1px;height:100%}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev{right:0}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next{left:1px}.vxe-split--resizable-split-tip.is--vertical{width:100%;height:1px}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev{bottom:0}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next{top:1px}.vxe-split--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.vxe-split--resizable-split-number-next,.vxe-split--resizable-split-number-prev{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-pane-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split-pane--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-pane--inner{height:100%;width:100%;overflow:auto}.vxe-split-pane--inner>.vxe-split{height:100%}.vxe-split-pane-handle-bar{background-color:var(--vxe-ui-split-handle-bar-background-color)}.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-split-handle-bar-hover-background-color)}.vxe-split-pane-action-btn{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;border-radius:var(--vxe-ui-base-border-radius);top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-split-handle-button-background-color);border:1px solid var(--vxe-ui-input-border-color);cursor:pointer;transition:transform .1s ease-in-out}.vxe-split-pane-action-btn:hover{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane-action-btn:active{transform:translate(-50%,-50%) scale(.9)}.vxe-split-pane{display:flex;position:relative;overflow:hidden}.vxe-split-pane.is--hidden{width:0}.vxe-split-pane.is--padding>.vxe-split-pane--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-pane.is--fill{flex-grow:1}.vxe-split-pane.is--height,.vxe-split-pane.is--width{flex-shrink:0}.vxe-split-pane.is--border>.vxe-split-pane--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:w-resize}.vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:n-resize}.vxe-split-pane.is--resize.is--expand.is-resize--immediate>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:col-resize}.vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:row-resize}.vxe-split-pane.is--horizontal{flex-direction:row}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:100%}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:var(--vxe-ui-split-handle-bar-horizontal-height)}.vxe-split-pane.is--horizontal.is--border>.vxe-split-pane-handle{border-width:1px 0 1px 0}.vxe-split-pane.is--vertical{flex-direction:column}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{height:var(--vxe-ui-split-handle-bar-vertical-height);width:100%}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-vertical-width);height:var(--vxe-ui-split-handle-bar-vertical-height)}.vxe-split-pane.is--vertical.is--border>.vxe-split-pane-handle{border-width:0 1px 0 1px}.vxe-modal--content>.vxe-split{height:100%}
+.vxe-split{position:relative;width:100%}.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-pane{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split.is--drag.is-resize--immediate.is--horizontal{cursor:w-resize}.vxe-split.is--drag.is-resize--immediate.is--vertical{cursor:n-resize}.vxe-split.is--drag.is-resize--lazy.is--horizontal{cursor:col-resize}.vxe-split.is--drag.is-resize--lazy.is--vertical{cursor:row-resize}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-pane>.vxe-split-pane--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split--resizable-split-tip{display:none;position:absolute;top:0;left:0;z-index:7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:col-resize}.vxe-split--resizable-split-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split--resizable-split-tip.is--horizontal{width:1px;height:100%}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev{right:0}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next{left:1px}.vxe-split--resizable-split-tip.is--vertical{width:100%;height:1px}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev{bottom:0}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next{top:1px}.vxe-split--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.vxe-split--resizable-split-number-next,.vxe-split--resizable-split-number-prev{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-pane-handle{display:flex;position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split-pane--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-pane--inner{height:100%;width:100%;overflow:auto}.vxe-split-pane--inner>.vxe-split{height:100%}.vxe-split-pane-handle-bar{background-color:var(--vxe-ui-split-handle-bar-background-color)}.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-split-handle-bar-hover-background-color)}.vxe-split-pane-action-btn-wrapper{position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.vxe-split-pane-action-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;border-radius:var(--vxe-ui-base-border-radius);color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-split-handle-button-background-color);border:1px solid var(--vxe-ui-input-border-color);cursor:pointer;transition:transform .1s ease-in-out}.vxe-split-pane-action-btn:hover{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane-action-btn:active{transform:scale(.9)}.vxe-split-pane-handle.is--horizontal{flex-direction:row}.vxe-split-pane-handle.is--horizontal.is--border{border-width:1px 0 1px 0}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper{flex-direction:column}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div{margin-top:1em}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div:first-child{margin-top:0}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-handle-bar{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:100%}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:var(--vxe-ui-split-handle-bar-horizontal-height)}.vxe-split-pane-handle.is--vertical{flex-direction:column}.vxe-split-pane-handle.is--vertical.is--border{border-width:0 1px 0 1px}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper{flex-direction:row}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div{margin-left:1em}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div:first-child{margin-left:0}.vxe-split-pane-handle.is--vertical .vxe-split-pane-handle-bar{height:var(--vxe-ui-split-handle-bar-vertical-height);width:100%}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-vertical-width);height:var(--vxe-ui-split-handle-bar-vertical-height)}.vxe-split-pane-handle.is--resize.is-resize--immediate.is--horizontal .vxe-split-pane-handle-bar{cursor:w-resize}.vxe-split-pane-handle.is--resize.is-resize--immediate.is--vertical .vxe-split-pane-handle-bar{cursor:n-resize}.vxe-split-pane-handle.is--resize.is-resize--immediate>.vxe-split-pane-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane-handle.is--resize.is-resize--lazy.is--horizontal .vxe-split-pane-handle-bar{cursor:col-resize}.vxe-split-pane-handle.is--resize.is-resize--lazy.is--vertical .vxe-split-pane-handle-bar{cursor:row-resize}.vxe-split-pane{display:flex;position:relative;overflow:hidden}.vxe-split-pane.is--fill{flex-grow:1}.vxe-split-pane.is--hidden.is--horizontal{width:0}.vxe-split-pane.is--hidden.is--vertical{height:0}.vxe-split-pane.is--padding>.vxe-split-pane--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-pane.is--height,.vxe-split-pane.is--hidden,.vxe-split-pane.is--width{flex-shrink:0}.vxe-split-pane.is--border>.vxe-split-pane--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split--render-vars{width:0;height:0;overflow:hidden}.vxe-split--render-vars .vxe-split--handle-bar-info{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:var(--vxe-ui-split-handle-bar-vertical-height)}.vxe-modal--content>.vxe-split{height:100%}