vxe-pc-ui 4.18.13 → 4.18.15

package/lib/splitter/src/splitter.js

@@ -251,7 +251,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }
         if (item.slots) {
           _xeUtils.default.each(item.slots, func => {
-            if (!_xeUtils.default.isFunction(func)) {
+            if (func && !_xeUtils.default.isFunction(func)) {
               if (!slots[func]) {
                 errLog('vxe.error.notSlot', [func]);
               }

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("splitter");var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplitter",props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().splitter.vertical},border:{type:Boolean,default:()=>(0,_ui.getConfig)().splitter.border},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().splitter.padding},resize:{type:Boolean,default:()=>(0,_ui.getConfig)().splitter.resize},items:Array,itemConfig:Object,barConfig:Object,resizeConfig:Object,actionConfig:Object,size:{type:String,default:()=>(0,_ui.getConfig)().splitter.size||(0,_ui.getConfig)().size}},emits:["action-dblclick","action-click","toggle-expand","resize-start","resize-drag","resize-end"],setup(u,e){let{emit:r,slots:n}=e;var t=_xeUtils.default.uniqueId();let a=(0,_vue.ref)(),h=(0,_vue.ref)(),O=(0,_vue.ref)(),o=(0,_ui.useSize)(u).computeSize,A=(0,_vue.reactive)({staticItems:[],itemList:[],barWidth:0,barHeight:0,resizeFlag:0}),p={wrapperWidth:0,wrapperHeight:0},M=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().splitter.itemConfig,u.itemConfig)),s=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().splitter.barConfig,u.barConfig)),P=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().splitter.resizeConfig,u.resizeConfig)),d=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().splitter.actionConfig,u.actionConfig)),v=(0,_vue.computed)(()=>A.itemList.filter(e=>e.isExpand)),g=(0,_vue.computed)(()=>{var e=u.vertical;let n=[],a=0,o=0;return A.itemList.forEach(e?e=>{var{renderHeight:t,resizeHeight:i,foldHeight:r,isExpand:l,height:s}=e,l=l?r||i||t:0;s||n.push(e),a+=l}:e=>{var{renderWidth:t,resizeWidth:i,foldWidth:r,isExpand:l,width:s}=e,l=l?r||i||t:0;s||n.push(e),o+=l}),{autoItems:n,heightCount:a,heightRatio:a/100,widthCount:o,widthRatio:o/100}}),m=(0,_vue.computed)(()=>{var{width:e,height:t}=u,{width:i,height:r}=s.value,l={};return t&&(l.height=(0,_dom.toCssUnit)(t)),e&&(l.width=(0,_dom.toCssUnit)(e)),r&&(l["--vxe-ui-splitter-handle-bar-vertical-height"]=(0,_dom.toCssUnit)(r)),i&&(l["--vxe-ui-splitter-handle-bar-horizontal-width"]=(0,_dom.toCssUnit)(i)),l}),i={computeItemOpts:M,computeBarOpts:s,computeActionOpts:d},l={refElem:a},f={xID:t,props:u,context:e,reactData:A,internalData:p,getRefMaps:()=>l,getComputeMaps:()=>i},D=(e,t,i)=>{r(e,(0,_ui.createEvent)(i,{$splitter:f},t))},y=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],c=(e,t,i)=>{var r=u.vertical,l="SPLIT_TOP_ACTION",s="SPLIT_BOTTOM_ACTION",n="SPLIT_LEFT_ACTION",a="SPLIT_RIGHT_ACTION";let o="";return(o=r?i?t.isExpand?s:l:e.isExpand?l:s:i?t.isExpand?a:n:e.isExpand?n:a)?(0,_ui.getIcon)()[o]:""};let x=(e,t)=>{var i=A.staticItems,{showPrevButton:r,showNextButton:l}=d.value;let s={isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return A.itemList=e.map(e=>(e.showAction&&warnLog("vxe.error.removeProp",["show-action"]),e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||n[e]||errLog("vxe.error.notSlot",[e])}),Object.assign({},t?null:s,e,t?s:null,{id:_xeUtils.default.uniqueId()}))),i.length&&errLog("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),(r||l)&&2<A.itemList.length&&errLog("vxe.error.errConflicts",["action-config.showPrevButton | action-config.showNextButton","Only supports 2 item"]),q()},_=e=>x(e||[],!1);let b=t=>{var i=A.itemList;let r=-1,l=null,s=null,n=null;for(let e=0;e<i.length;e++){var a=i[e];if(a.name===t){r=e,l=a,s=i[e-1]||null,n=i[e+1]||null;break}}return{index:r,currItem:l,prevItem:s,nextItem:n}},E=(e,t)=>{var i,r,e=b(e);return e&&({currItem:e,prevItem:i,nextItem:r}=e,e)&&(t?!e.isExpand:e.isExpand)&&(r?r.isExpand&&C(null,e,r,!1):i&&i.isExpand&&C(null,i,e,!0)),(0,_vue.nextTick)()};let q=()=>(0,_vue.nextTick)().then(()=>{var e=u.vertical,t=A.itemList,r=a.value,o=h.value;if(r){var d=r.clientWidth,r=r.clientHeight;if(d&&r){o&&(A.barWidth=o.offsetWidth,A.barHeight=o.offsetHeight);let l=d-(e?0:A.barWidth*(t.length-1)),s=r-(e?A.barHeight*(t.length-1):0);o=M.value;let i=_xeUtils.default.toNumber(o.minWidth),n=_xeUtils.default.toNumber(o.minHeight),a=[];if(e){let r=0;if(t.forEach(e=>{var t=e.height;let i=0;t?(i=(0,_dom.isScale)(t)?s*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderHeight=i):a.push(e),r+=i}),a.length){let t=(s-r)/a.length;a.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,n)),t)})}}else{let r=0;if(t.forEach(e=>{var t=e.width;let i=0;t?(i=(0,_dom.isScale)(t)?l*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderWidth=i):a.push(e),r+=i}),a.length){let t=(l-r)/a.length;a.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,i)),t)})}}p.wrapperWidth=l,p.wrapperHeight=s}}}),z=e=>{let{resize:t,vertical:U}=u;var N=A.itemList;if(t){e.preventDefault();var S=e.currentTarget,T=S.parentElement;let L=a.value;if(L){let I=T.previousElementSibling,W=T.nextElementSibling;if(I&&W){let t=I.getAttribute("itemid"),i=W.getAttribute("itemid"),H=N.find(e=>e.id===t),y=N.find(e=>e.id===i);if(H&&y){let s=L.getBoundingClientRect();T=S.getBoundingClientRect();let n=O.value,a=n?n.children[0]:null;N=M.value;let t=P.value.immediate;var S=_xeUtils.default.toNumber(N.minWidth),N=_xeUtils.default.toNumber(N.minHeight),k=Math.ceil(T.width-(e.clientX-T.left)),T=Math.ceil(e.clientY-T.top);let i=I.offsetWidth,r=W.offsetWidth;var B=_xeUtils.default.toNumber(H?(0,_utils.getGlobalDefaultConfig)(H.minWidth,S):S),S=_xeUtils.default.toNumber(y?(0,_utils.getGlobalDefaultConfig)(y.minWidth,S):S);let l=I.offsetLeft+B-k,o=W.offsetLeft+W.offsetWidth-S-k,d=e.clientX-s.left,u=-1,h=0,p=0,v=d,g=I.offsetHeight,m=W.offsetHeight;B=_xeUtils.default.toNumber(H?(0,_utils.getGlobalDefaultConfig)(H.minHeight,N):N),S=_xeUtils.default.toNumber(y?(0,_utils.getGlobalDefaultConfig)(y.minHeight,N):N);let f=I.offsetTop+B+T,c=W.offsetTop+W.offsetHeight-S+T,x=e.clientY-s.top,_=-1,b=0,E=0,z=x,C=i=>{if(n){var r=a?a.children[0]:null,l=a?a.children[1]:null;if(U){let e=0,t=(r&&(_<0?r.style.display="none":(r.textContent=Math.floor(b)+"px",r.style.display="block",e=r.offsetWidth)),l&&(_<0?(l.textContent=Math.floor(E)+"px",l.style.display="block",e=l.offsetWidth):l.style.display="none"),Math.max(1,i.clientX-s.left-e/2));t>s.width-e-1&&(t=s.width-e-1),n.style.left="0",n.style.top=z+"px",a&&(a.style.left=t+"px")}else{let e=0,t=(r&&(u<0?r.style.display="none":(r.textContent=Math.floor(h)+"px",r.style.display="block",e=r.offsetHeight)),l&&(u<0?(l.textContent=Math.floor(p)+"px",l.style.display="block",e=l.offsetHeight):l.style.display="none"),Math.max(1,i.clientY-s.top-e/2));t>s.height-e-1&&(t=s.height-e-1),n.style.top="0",n.style.left=v+"px",a&&(a.style.top=t+"px")}}},w=e=>{U?((z=(z=e.clientY-s.top)<f?f:z)>c&&(z=c),_=z-x,b=g+_,E=m-_):((v=(v=e.clientX-s.left)<l?l:v)>o&&(v=o),u=v-d,h=i+u,p=r-u),t&&(U?(I.style.height=(0,_dom.toCssUnit)(b),W.style.height=(0,_dom.toCssUnit)(E)):(I.style.width=(0,_dom.toCssUnit)(h),W.style.width=(0,_dom.toCssUnit)(p))),n&&C(e),D("resize-drag",{prevItem:H,nextItem:y,offsetHeight:_,offsetWidth:u},e)};document.onmousemove=e=>{e.preventDefault(),w(e),A.resizeFlag++},document.onmouseup=e=>{document.onmousemove=null,document.onmouseup=null,n&&(n.style.display=""),U?(H.resizeHeight=b,y.resizeHeight=E):(H.resizeWidth=h,y.resizeWidth=p),(0,_dom.removeClass)(L,"is--drag"),D("resize-end",{prevItem:H,nextItem:y,offsetHeight:_,offsetWidth:u},e),q(),A.resizeFlag++},n&&(n.style.display="block",C(e)),w(e),(0,_dom.addClass)(L,"is--drag"),D("resize-start",{prevItem:H,nextItem:y},e)}}}}},C=(e,t,i,r)=>{var l=u.vertical;let s=!1,n=t;r?(n=i,s=!i.isExpand,i.isExpand=s):(s=!t.isExpand,t.isExpand=s),l?t.isExpand&&i.isExpand?(t.foldHeight=0,i.foldHeight=0):t.isExpand?(i.foldHeight=0,t.foldHeight=(t.resizeHeight||t.renderHeight)+(i.resizeHeight||i.renderHeight)):(t.foldHeight=0,i.foldHeight=(t.resizeHeight||t.renderHeight)+(i.resizeHeight||i.renderHeight)):t.isExpand&&i.isExpand?(t.foldWidth=0,i.foldWidth=0):t.isExpand?(i.foldWidth=0,t.foldWidth=(t.resizeWidth||t.renderWidth)+(i.resizeWidth||i.renderWidth)):(t.foldWidth=0,i.foldWidth=(t.resizeWidth||t.renderWidth)+(i.resizeWidth||i.renderWidth)),e&&D("toggle-expand",{prevItem:t,nextItem:i,expanded:s,item:n},e),q(),A.resizeFlag++},w=e=>{var t=A.itemList,i=d.value,r=e.currentTarget.parentElement.parentElement;let l=r.previousElementSibling.getAttribute("itemid");var s=t.find(e=>e.id===l);let n=r.nextElementSibling.getAttribute("itemid");r=t.find(e=>e.id===n);"dblclick"===i.trigger&&s&&r&&r.isExpand&&C(e,s,r,!1),D("action-dblclick",{prevItem:s,nextItem:r},e)},H=e=>{var t=A.itemList,i=d.value,r=e.currentTarget.parentElement.parentElement;let l=r.previousElementSibling.getAttribute("itemid");var s=t.find(e=>e.id===l);let n=r.nextElementSibling.getAttribute("itemid");r=t.find(e=>e.id===n);"dblclick"!==i.trigger&&s&&r&&r.isExpand&&C(e,s,r,!1),D("action-click",{prevItem:s,nextItem:r},e)},I=e=>{var t=A.itemList,i=d.value,r=e.currentTarget.parentElement.parentElement;let l=r.previousElementSibling.getAttribute("itemid");var s=t.find(e=>e.id===l);let n=r.nextElementSibling.getAttribute("itemid");r=t.find(e=>e.id===n);"dblclick"===i.trigger&&s&&r&&s.isExpand&&C(e,s,r,!0),D("action-dblclick",{prevItem:s,nextItem:r},e)},U=e=>{var t=A.itemList,i=d.value,r=e.currentTarget.parentElement.parentElement;let l=r.previousElementSibling.getAttribute("itemid");var s=t.find(e=>e.id===l);let n=r.nextElementSibling.getAttribute("itemid");r=t.find(e=>e.id===n);"dblclick"!==i.trigger&&s&&r&&s.isExpand&&C(e,s,r,!0),D("action-click",{prevItem:s,nextItem:r},e)},N=()=>{q()};t={dispatchEvent:D,setItemExpand:E,toggleItemExpand:e=>{var t=b(e);if(t){t=t.currItem;if(t)return E(e,!t.isExpand)}return(0,_vue.nextTick)()},getItemExpand:e=>{e=b(e);if(e){e=e.currItem;if(e)return e.isExpand}return!1},recalculate:q,reset:()=>{var e=A.itemList;return e.forEach(e=>{e.isExpand=!0,e.foldHeight=0,e.foldWidth=0,e.resizeHeight=0,e.resizeWidth=0}),(0,_vue.nextTick)()},loadItem:_,reloadItem:e=>x(e||[],!0)};Object.assign(f,t,{});let S=(e,t)=>{var{border:i,resize:r,vertical:l}=u,s=A.itemList,n=d.value,a=n.direction,o=_xeUtils.default.isBoolean(n.showPrevButton)?n.showPrevButton:s.some(e=>e.showAction),n=_xeUtils.default.isBoolean(n.showNextButton)?n.showNextButton:"next"===a&&s.some(e=>e.showAction),a=P.value.immediate;return(0,_vue.h)("div",{class:["vxe-splitter-panel-handle",l?"is--vertical":"is--horizontal",a?"is-resize--immediate":"is-resize--lazy",{"is--resize":r,"is--border":i}]},[(0,_vue.h)("div",{class:"vxe-splitter-panel-handle-bar",onMousedown:z}),2===s.length?(0,_vue.h)("div",{class:"vxe-splitter-panel-action-btn-wrapper"},[o&&t.isExpand?(0,_vue.h)("div",{class:["vxe-splitter-panel-action-btn",e.isExpand?"is--prev":"is--next"],onDblclick:w,onClick:H},[(0,_vue.h)("i",{class:c(e,t,!1)})]):(0,_ui.renderEmptyElement)(f),n&&e.isExpand?(0,_vue.h)("div",{class:["vxe-splitter-panel-action-btn",t.isExpand?"is--next":"is--prev"],onDblclick:I,onClick:U},[(0,_vue.h)("i",{class:c(e,t,!0)})]):(0,_ui.renderEmptyElement)(f)]):(0,_ui.renderEmptyElement)(f)])};let W=(0,_vue.ref)(0);(0,_vue.watch)(()=>u.items?u.items.length:-1,()=>{W.value++}),(0,_vue.watch)(()=>u.items,()=>{W.value++}),(0,_vue.watch)(W,()=>{_(u.items||[])}),(0,_vue.watch)(()=>A.staticItems,e=>{var{showPrevButton:t,showNextButton:i}=d.value;u.items&&u.items.length&&errLog("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),A.itemList=e||[],(t||i)&&2<A.itemList.length&&errLog("vxe.error.modelConflicts",["action-config.showPrevButton | action-config.showNextButton","<vxe-splitter-panel ...> Only supports 2 panel"]),A.itemList.forEach(e=>{e.showAction&&warnLog("vxe.error.removeProp",["showAction"])}),q()});let L;return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{q()});var e=a.value,e=(e&&(L=_ui.globalResize.create(()=>{q()})).observe(e),d.value);e.direction&&errLog("vxe.error.delProp",["action-config.direction","action-config.showPrevButton | action-config.showNextButton"]),_ui.globalEvents.on(f,"resize",N)}),(0,_vue.onUnmounted)(()=>{L&&L.disconnect(),_ui.globalEvents.off(f,"resize")}),(0,_vue.onActivated)(()=>{q()}),u.items&&_(u.items),(0,_vue.provide)("$xeSplitter",f),f.renderVN=()=>{var e=u.vertical,t=o.value,i=P.value,r=m.value,{immediate:i,showTip:l}=i,s=n.default;return(0,_vue.h)("div",{ref:a,class:["vxe-splitter",e?"is--vertical":"is--horizontal",i?"is-resize--immediate":"is-resize--lazy",{["size--"+t]:t}],style:r},[(0,_vue.h)("div",{class:"vxe-splitter-slots"},s?s({}):[]),(()=>{let{border:f,padding:c,resize:x,vertical:_}=u,b=A.itemList,E=o.value;var e=d.value.autoHideButton;let z=P.value.immediate,C=v.value,w=g.value.autoItems;var t=C.length<=1;let H=[];return b.forEach((e,t)=>{var{id:i,name:r,slots:l,renderHeight:s,resizeHeight:n,foldHeight:a,renderWidth:o,resizeWidth:d,foldWidth:u,isExpand:h}=e,t=b[t+1],l=l?l.default:null,p={};let v=h?u||d||o:0,g=h?a||n||s:0,m=(1===w.length&&(_?e.height||(g=0):e.width||(v=0)),!0);_?g&&1<C.length&&(m=!1,p.height=(0,_dom.toCssUnit)(g)):v&&1<C.length&&(m=!1,p.width=(0,_dom.toCssUnit)(v)),H.push((0,_vue.h)("div",{itemid:i,class:["vxe-splitter-panel",_?"is--vertical":"is--horizontal",z?"is-resize--immediate":"is-resize--lazy",{["size--"+E]:E,"is--resize":x,"is--padding":c,"is--border":f,"is--height":g,"is--width":v,"is--visible":h,"is--hidden":!h,"is--fill":h&&m}],style:p},[(0,_vue.h)("div",{itemid:i,class:"vxe-splitter-panel--wrapper"},[(0,_vue.h)("div",{class:"vxe-splitter-panel--inner"},l?y(l,{name:r,isExpand:h}):[])])])),t&&H.push(S(e,t))}),(0,_vue.h)("div",{class:["vxe-splitter-wrapper",{"is--ah-btn":e,"is--only-view":t}]},H)})(),(0,_vue.h)("div",{ref:O,class:["vxe-splitter--resizable-splitter-tip",e?"is--vertical":"is--horizontal",i?"is-resize--immediate":"is-resize--lazy"]},l?[(0,_vue.h)("div",{class:"vxe-splitter--resizable-splitter-tip-number"},[(0,_vue.h)("div",{class:"vxe-splitter--resizable-splitter-number-prev"}),(0,_vue.h)("div",{class:"vxe-splitter--resizable-splitter-number-next"})])]:[]),(0,_vue.h)("div",{class:"vxe-splitter--render-vars"},[(0,_vue.h)("div",{ref:h,class:"vxe-splitter--handle-bar-info"})])])},f},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("splitter");var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplitter",props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().splitter.vertical},border:{type:Boolean,default:()=>(0,_ui.getConfig)().splitter.border},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().splitter.padding},resize:{type:Boolean,default:()=>(0,_ui.getConfig)().splitter.resize},items:Array,itemConfig:Object,barConfig:Object,resizeConfig:Object,actionConfig:Object,size:{type:String,default:()=>(0,_ui.getConfig)().splitter.size||(0,_ui.getConfig)().size}},emits:["action-dblclick","action-click","toggle-expand","resize-start","resize-drag","resize-end"],setup(u,e){let{emit:r,slots:n}=e;var t=_xeUtils.default.uniqueId();let a=(0,_vue.ref)(),h=(0,_vue.ref)(),O=(0,_vue.ref)(),o=(0,_ui.useSize)(u).computeSize,A=(0,_vue.reactive)({staticItems:[],itemList:[],barWidth:0,barHeight:0,resizeFlag:0}),p={wrapperWidth:0,wrapperHeight:0},M=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().splitter.itemConfig,u.itemConfig)),s=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().splitter.barConfig,u.barConfig)),P=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().splitter.resizeConfig,u.resizeConfig)),d=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().splitter.actionConfig,u.actionConfig)),v=(0,_vue.computed)(()=>A.itemList.filter(e=>e.isExpand)),g=(0,_vue.computed)(()=>{var e=u.vertical;let n=[],a=0,o=0;return A.itemList.forEach(e?e=>{var{renderHeight:t,resizeHeight:i,foldHeight:r,isExpand:l,height:s}=e,l=l?r||i||t:0;s||n.push(e),a+=l}:e=>{var{renderWidth:t,resizeWidth:i,foldWidth:r,isExpand:l,width:s}=e,l=l?r||i||t:0;s||n.push(e),o+=l}),{autoItems:n,heightCount:a,heightRatio:a/100,widthCount:o,widthRatio:o/100}}),m=(0,_vue.computed)(()=>{var{width:e,height:t}=u,{width:i,height:r}=s.value,l={};return t&&(l.height=(0,_dom.toCssUnit)(t)),e&&(l.width=(0,_dom.toCssUnit)(e)),r&&(l["--vxe-ui-splitter-handle-bar-vertical-height"]=(0,_dom.toCssUnit)(r)),i&&(l["--vxe-ui-splitter-handle-bar-horizontal-width"]=(0,_dom.toCssUnit)(i)),l}),i={computeItemOpts:M,computeBarOpts:s,computeActionOpts:d},l={refElem:a},f={xID:t,props:u,context:e,reactData:A,internalData:p,getRefMaps:()=>l,getComputeMaps:()=>i},D=(e,t,i)=>{r(e,(0,_ui.createEvent)(i,{$splitter:f},t))},y=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],c=(e,t,i)=>{var r=u.vertical,l="SPLIT_TOP_ACTION",s="SPLIT_BOTTOM_ACTION",n="SPLIT_LEFT_ACTION",a="SPLIT_RIGHT_ACTION";let o="";return(o=r?i?t.isExpand?s:l:e.isExpand?l:s:i?t.isExpand?a:n:e.isExpand?n:a)?(0,_ui.getIcon)()[o]:""};let x=(e,t)=>{var i=A.staticItems,{showPrevButton:r,showNextButton:l}=d.value;let s={isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return A.itemList=e.map(e=>(e.showAction&&warnLog("vxe.error.removeProp",["show-action"]),e.slots&&_xeUtils.default.each(e.slots,e=>{!e||_xeUtils.default.isFunction(e)||n[e]||errLog("vxe.error.notSlot",[e])}),Object.assign({},t?null:s,e,t?s:null,{id:_xeUtils.default.uniqueId()}))),i.length&&errLog("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),(r||l)&&2<A.itemList.length&&errLog("vxe.error.errConflicts",["action-config.showPrevButton | action-config.showNextButton","Only supports 2 item"]),q()},_=e=>x(e||[],!1);let b=t=>{var i=A.itemList;let r=-1,l=null,s=null,n=null;for(let e=0;e<i.length;e++){var a=i[e];if(a.name===t){r=e,l=a,s=i[e-1]||null,n=i[e+1]||null;break}}return{index:r,currItem:l,prevItem:s,nextItem:n}},E=(e,t)=>{var i,r,e=b(e);return e&&({currItem:e,prevItem:i,nextItem:r}=e,e)&&(t?!e.isExpand:e.isExpand)&&(r?r.isExpand&&C(null,e,r,!1):i&&i.isExpand&&C(null,i,e,!0)),(0,_vue.nextTick)()};let q=()=>(0,_vue.nextTick)().then(()=>{var e=u.vertical,t=A.itemList,r=a.value,o=h.value;if(r){var d=r.clientWidth,r=r.clientHeight;if(d&&r){o&&(A.barWidth=o.offsetWidth,A.barHeight=o.offsetHeight);let l=d-(e?0:A.barWidth*(t.length-1)),s=r-(e?A.barHeight*(t.length-1):0);o=M.value;let i=_xeUtils.default.toNumber(o.minWidth),n=_xeUtils.default.toNumber(o.minHeight),a=[];if(e){let r=0;if(t.forEach(e=>{var t=e.height;let i=0;t?(i=(0,_dom.isScale)(t)?s*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderHeight=i):a.push(e),r+=i}),a.length){let t=(s-r)/a.length;a.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,n)),t)})}}else{let r=0;if(t.forEach(e=>{var t=e.width;let i=0;t?(i=(0,_dom.isScale)(t)?l*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderWidth=i):a.push(e),r+=i}),a.length){let t=(l-r)/a.length;a.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,i)),t)})}}p.wrapperWidth=l,p.wrapperHeight=s}}}),z=e=>{let{resize:t,vertical:U}=u;var N=A.itemList;if(t){e.preventDefault();var S=e.currentTarget,T=S.parentElement;let L=a.value;if(L){let I=T.previousElementSibling,W=T.nextElementSibling;if(I&&W){let t=I.getAttribute("itemid"),i=W.getAttribute("itemid"),H=N.find(e=>e.id===t),y=N.find(e=>e.id===i);if(H&&y){let s=L.getBoundingClientRect();T=S.getBoundingClientRect();let n=O.value,a=n?n.children[0]:null;N=M.value;let t=P.value.immediate;var S=_xeUtils.default.toNumber(N.minWidth),N=_xeUtils.default.toNumber(N.minHeight),k=Math.ceil(T.width-(e.clientX-T.left)),T=Math.ceil(e.clientY-T.top);let i=I.offsetWidth,r=W.offsetWidth;var B=_xeUtils.default.toNumber(H?(0,_utils.getGlobalDefaultConfig)(H.minWidth,S):S),S=_xeUtils.default.toNumber(y?(0,_utils.getGlobalDefaultConfig)(y.minWidth,S):S);let l=I.offsetLeft+B-k,o=W.offsetLeft+W.offsetWidth-S-k,d=e.clientX-s.left,u=-1,h=0,p=0,v=d,g=I.offsetHeight,m=W.offsetHeight;B=_xeUtils.default.toNumber(H?(0,_utils.getGlobalDefaultConfig)(H.minHeight,N):N),S=_xeUtils.default.toNumber(y?(0,_utils.getGlobalDefaultConfig)(y.minHeight,N):N);let f=I.offsetTop+B+T,c=W.offsetTop+W.offsetHeight-S+T,x=e.clientY-s.top,_=-1,b=0,E=0,z=x,C=i=>{if(n){var r=a?a.children[0]:null,l=a?a.children[1]:null;if(U){let e=0,t=(r&&(_<0?r.style.display="none":(r.textContent=Math.floor(b)+"px",r.style.display="block",e=r.offsetWidth)),l&&(_<0?(l.textContent=Math.floor(E)+"px",l.style.display="block",e=l.offsetWidth):l.style.display="none"),Math.max(1,i.clientX-s.left-e/2));t>s.width-e-1&&(t=s.width-e-1),n.style.left="0",n.style.top=z+"px",a&&(a.style.left=t+"px")}else{let e=0,t=(r&&(u<0?r.style.display="none":(r.textContent=Math.floor(h)+"px",r.style.display="block",e=r.offsetHeight)),l&&(u<0?(l.textContent=Math.floor(p)+"px",l.style.display="block",e=l.offsetHeight):l.style.display="none"),Math.max(1,i.clientY-s.top-e/2));t>s.height-e-1&&(t=s.height-e-1),n.style.top="0",n.style.left=v+"px",a&&(a.style.top=t+"px")}}},w=e=>{U?((z=(z=e.clientY-s.top)<f?f:z)>c&&(z=c),_=z-x,b=g+_,E=m-_):((v=(v=e.clientX-s.left)<l?l:v)>o&&(v=o),u=v-d,h=i+u,p=r-u),t&&(U?(I.style.height=(0,_dom.toCssUnit)(b),W.style.height=(0,_dom.toCssUnit)(E)):(I.style.width=(0,_dom.toCssUnit)(h),W.style.width=(0,_dom.toCssUnit)(p))),n&&C(e),D("resize-drag",{prevItem:H,nextItem:y,offsetHeight:_,offsetWidth:u},e)};document.onmousemove=e=>{e.preventDefault(),w(e),A.resizeFlag++},document.onmouseup=e=>{document.onmousemove=null,document.onmouseup=null,n&&(n.style.display=""),U?(H.resizeHeight=b,y.resizeHeight=E):(H.resizeWidth=h,y.resizeWidth=p),(0,_dom.removeClass)(L,"is--drag"),D("resize-end",{prevItem:H,nextItem:y,offsetHeight:_,offsetWidth:u},e),q(),A.resizeFlag++},n&&(n.style.display="block",C(e)),w(e),(0,_dom.addClass)(L,"is--drag"),D("resize-start",{prevItem:H,nextItem:y},e)}}}}},C=(e,t,i,r)=>{var l=u.vertical;let s=!1,n=t;r?(n=i,s=!i.isExpand,i.isExpand=s):(s=!t.isExpand,t.isExpand=s),l?t.isExpand&&i.isExpand?(t.foldHeight=0,i.foldHeight=0):t.isExpand?(i.foldHeight=0,t.foldHeight=(t.resizeHeight||t.renderHeight)+(i.resizeHeight||i.renderHeight)):(t.foldHeight=0,i.foldHeight=(t.resizeHeight||t.renderHeight)+(i.resizeHeight||i.renderHeight)):t.isExpand&&i.isExpand?(t.foldWidth=0,i.foldWidth=0):t.isExpand?(i.foldWidth=0,t.foldWidth=(t.resizeWidth||t.renderWidth)+(i.resizeWidth||i.renderWidth)):(t.foldWidth=0,i.foldWidth=(t.resizeWidth||t.renderWidth)+(i.resizeWidth||i.renderWidth)),e&&D("toggle-expand",{prevItem:t,nextItem:i,expanded:s,item:n},e),q(),A.resizeFlag++},w=e=>{var t=A.itemList,i=d.value,r=e.currentTarget.parentElement.parentElement;let l=r.previousElementSibling.getAttribute("itemid");var s=t.find(e=>e.id===l);let n=r.nextElementSibling.getAttribute("itemid");r=t.find(e=>e.id===n);"dblclick"===i.trigger&&s&&r&&r.isExpand&&C(e,s,r,!1),D("action-dblclick",{prevItem:s,nextItem:r},e)},H=e=>{var t=A.itemList,i=d.value,r=e.currentTarget.parentElement.parentElement;let l=r.previousElementSibling.getAttribute("itemid");var s=t.find(e=>e.id===l);let n=r.nextElementSibling.getAttribute("itemid");r=t.find(e=>e.id===n);"dblclick"!==i.trigger&&s&&r&&r.isExpand&&C(e,s,r,!1),D("action-click",{prevItem:s,nextItem:r},e)},I=e=>{var t=A.itemList,i=d.value,r=e.currentTarget.parentElement.parentElement;let l=r.previousElementSibling.getAttribute("itemid");var s=t.find(e=>e.id===l);let n=r.nextElementSibling.getAttribute("itemid");r=t.find(e=>e.id===n);"dblclick"===i.trigger&&s&&r&&s.isExpand&&C(e,s,r,!0),D("action-dblclick",{prevItem:s,nextItem:r},e)},U=e=>{var t=A.itemList,i=d.value,r=e.currentTarget.parentElement.parentElement;let l=r.previousElementSibling.getAttribute("itemid");var s=t.find(e=>e.id===l);let n=r.nextElementSibling.getAttribute("itemid");r=t.find(e=>e.id===n);"dblclick"!==i.trigger&&s&&r&&s.isExpand&&C(e,s,r,!0),D("action-click",{prevItem:s,nextItem:r},e)},N=()=>{q()};t={dispatchEvent:D,setItemExpand:E,toggleItemExpand:e=>{var t=b(e);if(t){t=t.currItem;if(t)return E(e,!t.isExpand)}return(0,_vue.nextTick)()},getItemExpand:e=>{e=b(e);if(e){e=e.currItem;if(e)return e.isExpand}return!1},recalculate:q,reset:()=>{var e=A.itemList;return e.forEach(e=>{e.isExpand=!0,e.foldHeight=0,e.foldWidth=0,e.resizeHeight=0,e.resizeWidth=0}),(0,_vue.nextTick)()},loadItem:_,reloadItem:e=>x(e||[],!0)};Object.assign(f,t,{});let S=(e,t)=>{var{border:i,resize:r,vertical:l}=u,s=A.itemList,n=d.value,a=n.direction,o=_xeUtils.default.isBoolean(n.showPrevButton)?n.showPrevButton:s.some(e=>e.showAction),n=_xeUtils.default.isBoolean(n.showNextButton)?n.showNextButton:"next"===a&&s.some(e=>e.showAction),a=P.value.immediate;return(0,_vue.h)("div",{class:["vxe-splitter-panel-handle",l?"is--vertical":"is--horizontal",a?"is-resize--immediate":"is-resize--lazy",{"is--resize":r,"is--border":i}]},[(0,_vue.h)("div",{class:"vxe-splitter-panel-handle-bar",onMousedown:z}),2===s.length?(0,_vue.h)("div",{class:"vxe-splitter-panel-action-btn-wrapper"},[o&&t.isExpand?(0,_vue.h)("div",{class:["vxe-splitter-panel-action-btn",e.isExpand?"is--prev":"is--next"],onDblclick:w,onClick:H},[(0,_vue.h)("i",{class:c(e,t,!1)})]):(0,_ui.renderEmptyElement)(f),n&&e.isExpand?(0,_vue.h)("div",{class:["vxe-splitter-panel-action-btn",t.isExpand?"is--next":"is--prev"],onDblclick:I,onClick:U},[(0,_vue.h)("i",{class:c(e,t,!0)})]):(0,_ui.renderEmptyElement)(f)]):(0,_ui.renderEmptyElement)(f)])};let W=(0,_vue.ref)(0);(0,_vue.watch)(()=>u.items?u.items.length:-1,()=>{W.value++}),(0,_vue.watch)(()=>u.items,()=>{W.value++}),(0,_vue.watch)(W,()=>{_(u.items||[])}),(0,_vue.watch)(()=>A.staticItems,e=>{var{showPrevButton:t,showNextButton:i}=d.value;u.items&&u.items.length&&errLog("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),A.itemList=e||[],(t||i)&&2<A.itemList.length&&errLog("vxe.error.modelConflicts",["action-config.showPrevButton | action-config.showNextButton","<vxe-splitter-panel ...> Only supports 2 panel"]),A.itemList.forEach(e=>{e.showAction&&warnLog("vxe.error.removeProp",["showAction"])}),q()});let L;return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{q()});var e=a.value,e=(e&&(L=_ui.globalResize.create(()=>{q()})).observe(e),d.value);e.direction&&errLog("vxe.error.delProp",["action-config.direction","action-config.showPrevButton | action-config.showNextButton"]),_ui.globalEvents.on(f,"resize",N)}),(0,_vue.onUnmounted)(()=>{L&&L.disconnect(),_ui.globalEvents.off(f,"resize")}),(0,_vue.onActivated)(()=>{q()}),u.items&&_(u.items),(0,_vue.provide)("$xeSplitter",f),f.renderVN=()=>{var e=u.vertical,t=o.value,i=P.value,r=m.value,{immediate:i,showTip:l}=i,s=n.default;return(0,_vue.h)("div",{ref:a,class:["vxe-splitter",e?"is--vertical":"is--horizontal",i?"is-resize--immediate":"is-resize--lazy",{["size--"+t]:t}],style:r},[(0,_vue.h)("div",{class:"vxe-splitter-slots"},s?s({}):[]),(()=>{let{border:f,padding:c,resize:x,vertical:_}=u,b=A.itemList,E=o.value;var e=d.value.autoHideButton;let z=P.value.immediate,C=v.value,w=g.value.autoItems;var t=C.length<=1;let H=[];return b.forEach((e,t)=>{var{id:i,name:r,slots:l,renderHeight:s,resizeHeight:n,foldHeight:a,renderWidth:o,resizeWidth:d,foldWidth:u,isExpand:h}=e,t=b[t+1],l=l?l.default:null,p={};let v=h?u||d||o:0,g=h?a||n||s:0,m=(1===w.length&&(_?e.height||(g=0):e.width||(v=0)),!0);_?g&&1<C.length&&(m=!1,p.height=(0,_dom.toCssUnit)(g)):v&&1<C.length&&(m=!1,p.width=(0,_dom.toCssUnit)(v)),H.push((0,_vue.h)("div",{itemid:i,class:["vxe-splitter-panel",_?"is--vertical":"is--horizontal",z?"is-resize--immediate":"is-resize--lazy",{["size--"+E]:E,"is--resize":x,"is--padding":c,"is--border":f,"is--height":g,"is--width":v,"is--visible":h,"is--hidden":!h,"is--fill":h&&m}],style:p},[(0,_vue.h)("div",{itemid:i,class:"vxe-splitter-panel--wrapper"},[(0,_vue.h)("div",{class:"vxe-splitter-panel--inner"},l?y(l,{name:r,isExpand:h}):[])])])),t&&H.push(S(e,t))}),(0,_vue.h)("div",{class:["vxe-splitter-wrapper",{"is--ah-btn":e,"is--only-view":t}]},H)})(),(0,_vue.h)("div",{ref:O,class:["vxe-splitter--resizable-splitter-tip",e?"is--vertical":"is--horizontal",i?"is-resize--immediate":"is-resize--lazy"]},l?[(0,_vue.h)("div",{class:"vxe-splitter--resizable-splitter-tip-number"},[(0,_vue.h)("div",{class:"vxe-splitter--resizable-splitter-number-prev"}),(0,_vue.h)("div",{class:"vxe-splitter--resizable-splitter-number-next"})])]:[]),(0,_vue.h)("div",{class:"vxe-splitter--render-vars"},[(0,_vue.h)("div",{ref:h,class:"vxe-splitter--handle-bar-info"})])])},f},render(){return this.renderVN()}});