vxe-pc-ui 3.16.14 → 3.16.16

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}},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.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,o={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:o,t,e?o: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,o=null,s=0;s<e.length;s++){var l=e[s];if(l.name===t){n=l,r=e[(i=s)-1]||null,o=e[s+1]||null;break}}return{index:i,currItem:n,prevItem:r,nextItem:o}},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,o,s,l,a,c,d=m.vertical,u=g.itemList,f=p.$refs.refElem,h=p.$refs.refBarInfoElem;f&&(t=f.clientWidth,f=f.clientHeight,t)&&f&&(h&&(g.barWidth=h.offsetWidth,g.barHeight=h.offsetHeight),n=t-(d?0:g.barWidth*(u.length-1)),r=f-(d?g.barHeight*(u.length-1):0),h=p.computeItemOpts,e=_xeUtils.default.toNumber(h.minWidth),i=_xeUtils.default.toNumber(h.minHeight),o=[],d?(s=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):o.push(t),s+=i}),o.length&&(l=(r-s)/o.length,o.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):o.push(t),a+=i}),o.length&&(c=(n-a)/o.length,o.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,o,s,l,a,c,d,u,f,h,U,k,p,m,g,v,x,b,_,B,T,E,y,I,z,C,H,A,S,w,W,L=this,O=L.reactData,N=L.resize,D=L.vertical,P=O.itemList;N&&(t.preventDefault(),h=(N=t.currentTarget).parentElement,e=L.$refs.refElem)&&(i=h.previousElementSibling,n=h.nextElementSibling,i)&&n&&(r=i.getAttribute("itemid"),o=n.getAttribute("itemid"),s=P.find(function(t){return t.id===r}),l=P.find(function(t){return t.id===o}),s)&&l&&(a=e.getBoundingClientRect(),h=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),f=Math.ceil(h.width-(t.clientX-h.left)),h=Math.ceil(t.clientY-h.top),U=i.offsetWidth,k=n.offsetWidth,E=_xeUtils.default.toNumber(s?(0,_utils.getGlobalDefaultConfig)(s.minWidth,N):N),N=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minWidth,N):N),p=i.offsetLeft+E-f,m=n.offsetLeft+n.offsetWidth-N-f,g=t.clientX-a.left,v=-1,b=x=0,_=g,B=i.offsetHeight,T=n.offsetHeight,E=_xeUtils.default.toNumber(s?(0,_utils.getGlobalDefaultConfig)(s.minHeight,P):P),N=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minHeight,P):P),y=i.offsetTop+E+h,I=n.offsetTop+n.offsetHeight-N+h,z=t.clientY-a.top,C=-1,A=H=0,S=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(S,"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(_,"px"),d&&(d.style.top="".concat(r,"px"))))},W=function(t){D?(S=t.clientY-a.top,H=B+(C=(S=I<(S=S<y?y:S)?I:S)-z),A=T-C):(_=t.clientX-a.left,x=U+(v=(_=m<(_=_<p?p:_)?m:_)-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:s,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?(s.resizeHeight=H,l.resizeHeight=A):(s.resizeWidth=x,l.resizeWidth=b),(0,_dom.removeClass)(e,"is--drag"),L.dispatchEvent("resize-end",{prevItem:s,nextItem:l,offsetHeight:C,offsetWidth:v},t),L.recalculate(),O.resizeFlag++},c&&(c.style.display="block",w(t)),W(t),(0,_dom.addClass)(e,"is--drag"),L.dispatchEvent("resize-start",{prevItem:s,nextItem:l},t))},handleItemActionEvent:function(t,e,i,n){var r=this.reactData,o=this.vertical,s=!1,l=e;n?(s=!(l=i).isExpand,i.isExpand=s):(s=!e.isExpand,e.isExpand=s),o?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:s,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"),o=e.find(function(t){return t.id===r}),s=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===s});"dblclick"===i.trigger&&o&&n&&n.isExpand&&this.handleItemActionEvent(t,o,n,!1),this.dispatchEvent("action-dblclick",{prevItem:o,nextItem:n},t)},handlePrevActionClickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),o=e.find(function(t){return t.id===r}),s=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===s});"dblclick"!==i.trigger&&o&&n&&n.isExpand&&this.handleItemActionEvent(t,o,n,!1),this.dispatchEvent("action-click",{prevItem:o,nextItem:n},t)},handleNextActionDblclickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),o=e.find(function(t){return t.id===r}),s=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===s});"dblclick"===i.trigger&&o&&n&&o.isExpand&&this.handleItemActionEvent(t,o,n,!0),this.dispatchEvent("action-dblclick",{prevItem:o,nextItem:n},t)},handleNextActionClickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),o=e.find(function(t){return t.id===r}),s=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===s});"dblclick"!==i.trigger&&o&&n&&o.isExpand&&this.handleItemActionEvent(t,o,n,!0),this.dispatchEvent("action-click",{prevItem:o,nextItem:n},t)},handleGlobalResizeEvent:function(){this.recalculate()},getActionIcon:function(t,e,i){var n="SPLIT_TOP_ACTION",r="SPLIT_BOTTOM_ACTION",o="SPLIT_LEFT_ACTION",s="SPLIT_RIGHT_ACTION",l="";return(l=this.vertical?i?e.isExpand?r:n:t.isExpand?n:r:i?e.isExpand?s:o:t.isExpand?o:s)?(0,_ui.getIcon)()[l]:""},renderHandleBar:function(t,e,i){var n=this,r=n.reactData,o=n.border,s=n.resize,l=n.vertical,r=r.itemList,a=n.computeBarStyle,c=n.computeActionOpts,d=c.direction,u=_xeUtils.default.isBoolean(c.showPrevButton)?c.showPrevButton:r.some(function(t){return t.showAction}),c=_xeUtils.default.isBoolean(c.showNextButton)?c.showNextButton:"next"===d&&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":s,"is--border":o}]},[t("div",{class:"vxe-splitter-panel-handle-bar",style:a,on:{mousedown:n.dragEvent}}),2===r.length?t("div",{class:"vxe-splitter-panel-action-btn-wrapper"},[u&&i.isExpand?t("div",{class:"vxe-splitter-panel-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-splitter-panel-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,f=u.border,h=u.padding,p=u.resize,m=u.vertical,g=t.itemList,v=u.computeSize,x=u.computeResizeOpts.immediate,b=u.computeVisibleItems,_=u.computeAutoItems.autoItems,E=[];return g.forEach(function(t,e){var i=t.id,n=t.name,r=t.slots,o=t.isExpand,e=g[e+1],r=r?r.default:null,s={},l=o?t.foldWidth||t.resizeWidth||t.renderWidth:0,a=o?t.foldHeight||t.resizeHeight||t.renderHeight:0,c=(1===_.length&&(m?t.height||(a=0):t.width||(l=0)),!0);m?a&&1<b.length&&(s.height=(c=!1,_dom.toCssUnit)(a)):l&&1<b.length&&(s.width=(c=!1,_dom.toCssUnit)(l)),E.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",h),"is--border",f),"is--height",a),"is--width",l),"is--visible",o),"is--hidden",!o),"is--fill",o&&c)],style:s},[d("div",{attrs:{itemid:i},class:"vxe-splitter-panel--wrapper"},[d("div",{class:"vxe-splitter-panel--inner"},r?u.callSlot(r,{name:n,isExpand:o}):[])])])),e&&E.push(u.renderHandleBar(d,t,e))}),d("div",{class:"vxe-splitter-wrapper"},E)},renderVN:function(t){var e=this,i=e.$scopedSlots,n=e.vertical,r=e.width,o=e.height,s=e.computeSize,l=e.computeResizeOpts,a=l.immediate,l=l.showTip,i=i.default,c={};return o&&(c.height=(0,_dom.toCssUnit)(o)),r&&(c.width=(0,_dom.toCssUnit)(r)),t("div",{ref:"refElem",class:["vxe-splitter",n?"is--vertical":"is--horizontal",a?"is-resize--immediate":"is-resize--lazy",_defineProperty({},"size--".concat(s),s)],style:c},[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",a?"is-resize--immediate":"is-resize--lazy"]},l?[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,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)}});

package/lib/splitter/style/style.css

@@ -109,6 +109,12 @@
   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;
@@ -149,7 +155,6 @@
 
 .vxe-splitter-panel-action-btn-wrapper {
   position: absolute;
-  display: flex;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
@@ -158,17 +163,16 @@
 }
 
 .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);
-  color: var(--vxe-ui-layout-background-color);
   background-color: var(--vxe-ui-splitter-handle-button-background-color);
-  border: 1px solid var(--vxe-ui-input-border-color);
   cursor: pointer;
   pointer-events: all;
-  transition: transform 0.1s ease-in-out;
+  transition: all 0.15s ease-in-out;
 }
 .vxe-splitter-panel-action-btn:hover {
   color: #ffffff;
@@ -178,7 +182,7 @@
   transform: scale(0.9);
 }
 .vxe-splitter-panel-action-btn > i {
-  font-size: 0.6em;
+  font-size: 0.76em;
 }
 
 .vxe-splitter-panel-handle.is--horizontal {
@@ -188,21 +192,22 @@
   border-width: 1px 0 1px 0;
 }
 .vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper {
-  flex-direction: column;
-}
-.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper div {
-  margin-top: 1em;
-}
-.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper div:first-child {
-  margin-top: 0;
+  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-width);
-  height: var(--vxe-ui-splitter-handle-bar-horizontal-height);
+  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 - 0.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 - 0.2em);
 }
 .vxe-splitter-panel-handle.is--vertical {
   flex-direction: column;
@@ -211,21 +216,22 @@
   border-width: 0 1px 0 1px;
 }
 .vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper {
-  flex-direction: row;
-}
-.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper div {
-  margin-left: 1em;
-}
-.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper div:first-child {
-  margin-left: 0;
+  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 {
-  width: var(--vxe-ui-splitter-handle-bar-vertical-width);
-  height: var(--vxe-ui-splitter-handle-bar-vertical-height);
+  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 - 0.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 - 0.2em);
 }
 .vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--horizontal .vxe-splitter-panel-handle-bar {
   cursor: w-resize;

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-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;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.vxe-splitter-panel-action-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--vxe-ui-base-border-radius);color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-splitter-handle-button-background-color);border:1px solid var(--vxe-ui-input-border-color);cursor:pointer;pointer-events:all;transition:transform .1s 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:.6em}.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{flex-direction:column}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper div{margin-top:1em}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper div:first-child{margin-top:0}.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-width);height:var(--vxe-ui-splitter-handle-bar-horizontal-height)}.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{flex-direction:row}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper div{margin-left:1em}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper div:first-child{margin-left:0}.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{width:var(--vxe-ui-splitter-handle-bar-vertical-width);height:var(--vxe-ui-splitter-handle-bar-vertical-height)}.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--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)}