vxe-pc-ui 4.8.25 → 4.8.26

package/lib/split/src/split.js

@@ -411,20 +411,20 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           let tipWidth = 0;
           if (rsNumPrevEl) {
             if (targetOffsetHeight < 0) {
+              rsNumPrevEl.style.display = 'none';
+            } else {
               rsNumPrevEl.textContent = `${Math.floor(prevResizeHeight)}px`;
               rsNumPrevEl.style.display = 'block';
               tipWidth = rsNumPrevEl.offsetWidth;
-            } else {
-              rsNumPrevEl.style.display = 'none';
             }
           }
           if (rsNumNextEl) {
             if (targetOffsetHeight < 0) {
-              rsNumNextEl.style.display = 'none';
-            } else {
               rsNumNextEl.textContent = `${Math.floor(nextResizeHeight)}px`;
               rsNumNextEl.style.display = 'block';
               tipWidth = rsNumNextEl.offsetWidth;
+            } else {
+              rsNumNextEl.style.display = 'none';
             }
           }
           let rsLeft = Math.max(1, evnt.clientX - containerRect.left - tipWidth / 2);
@@ -440,20 +440,20 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           let tipHeight = 0;
           if (rsNumPrevEl) {
             if (targetOffsetWidth < 0) {
+              rsNumPrevEl.style.display = 'none';
+            } else {
               rsNumPrevEl.textContent = `${Math.floor(prevResizeWidth)}px`;
               rsNumPrevEl.style.display = 'block';
               tipHeight = rsNumPrevEl.offsetHeight;
-            } else {
-              rsNumPrevEl.style.display = 'none';
             }
           }
           if (rsNumNextEl) {
             if (targetOffsetWidth < 0) {
-              rsNumNextEl.style.display = 'none';
-            } else {
               rsNumNextEl.textContent = `${Math.floor(nextResizeWidth)}px`;
               rsNumNextEl.style.display = 'block';
               tipHeight = rsNumNextEl.offsetHeight;
+            } else {
+              rsNumNextEl.style.display = 'none';
             }
           }
           let rsTop = Math.max(1, evnt.clientY - containerRect.top - tipHeight / 2);
@@ -790,7 +790,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
       return (0, _vue.h)('div', {
         ref: refElem,
-        class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal'],
+        class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy'],
         style: stys
       }, [(0, _vue.h)('div', {
         class: 'vxe-split-slots'

package/lib/split/src/split.min.js

@@ -1 +1 @@
-"use strict";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}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplit",props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().split.vertical},border:{type:Boolean,default:()=>(0,_ui.getConfig)().split.border},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().split.padding},resize:{type:Boolean,default:()=>(0,_ui.getConfig)().split.resize},items:Array,itemConfig:Object,barConfig:Object,resizeConfig:Object,actionConfig:Object},emits:["action-dblclick","action-click","toggle-expand","resize-start","resize-drag","resize-end"],setup(h,e){const{emit:s,slots:o}=e;var t=_xeUtils.default.uniqueId();const c=(0,_vue.ref)(),a=(0,_vue.ref)(),D=(0,_vue.reactive)({staticItems:[],itemList:[]}),f={wrapperWidth:0,wrapperHeight:0},j=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.itemConfig,h.itemConfig)),l=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.barConfig,h.barConfig)),d=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.resizeConfig,h.resizeConfig)),u=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.actionConfig,h.actionConfig)),R=(0,_vue.computed)(()=>{return"next"===u.value.direction}),m=(0,_vue.computed)(()=>D.itemList.filter(e=>e.isVisible)),p=(0,_vue.computed)(()=>{var e=h["vertical"];const r=[];let o=0,a=0;return D.itemList.forEach(e?e=>{var{renderHeight:t,resizeHeight:i,foldHeight:s,isVisible:l,height:n}=e,l=l?s||i||t:0;n||r.push(e),o+=l}:e=>{var{renderWidth:t,resizeWidth:i,foldWidth:s,isVisible:l,width:n}=e,l=l?s||i||t:0;n||r.push(e),a+=l}),{autoItems:r,heightCount:o,heightRatio:o/100,widthCount:a,widthRatio:a/100}}),g=(0,_vue.computed)(()=>{var{width:e,height:t}=l.value,i={};return t&&(i.height=(0,_dom.toCssUnit)(t)),e&&(i.width=(0,_dom.toCssUnit)(e)),i}),i={computeItemOpts:j,computeBarOpts:l,computeActionOpts:u,computeIsFoldNext:R},n={refElem:c},W={xID:t,props:h,context:e,reactData:D,internalData:f,getRefMaps:()=>n,getComputeMaps:()=>i},B=(e,t,i)=>{s(e,(0,_ui.createEvent)(i,{$split:W},t))},I=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=o[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];const r=(e,t)=>{var i=D["staticItems"];const s={isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return D.itemList=e.map(e=>(e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||o[e]||(0,_log.errLog)("vxe.error.notSlot",[e])}),Object.assign({},t?null:s,e,t?s:null,{id:_xeUtils.default.uniqueId()}))),i.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),G()},v=e=>r(e||[],!1);const G=()=>(0,_vue.nextTick)().then(()=>{var e=h["vertical"],t=D["itemList"],i=c.value;if(i){const l=i.clientWidth,n=i.clientHeight;if(l&&n){i=j.value;const r=_xeUtils.default.toNumber(i.minWidth),o=_xeUtils.default.toNumber(i.minHeight),a=[];if(e){let s=0;if(t.forEach(e=>{var t=e["height"];let i=0;t?(i=(0,_dom.isScale)(t)?n*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderHeight=i):a.push(e),s+=i}),a.length){const d=(n-s)/a.length;a.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,o)),d)})}}else{let s=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),s+=i}),a.length){const u=(l-s)/a.length;a.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,r)),u)})}}f.wrapperWidth=l,f.wrapperHeight=n}}}),_=e=>{const{resize:t,vertical:f}=h;var i=D["itemList"];if(t){e.preventDefault();var s=e.currentTarget,l=s.parentElement;const _=c.value;if(_){const n=l.getAttribute("itemid");l=_xeUtils.default.findIndexOf(i,e=>e.id===n);const x=i[l];if(x&&x.isExpand){const b=_.getBoundingClientRect();s=s.getBoundingClientRect();const C=a.value,y=C?C.children[0]:null;var m=R.value,p=j.value;const z=d.value["immediate"];var g=_xeUtils.default.toNumber(p.minWidth),p=_xeUtils.default.toNumber(p.minHeight),v=i[l+(m?1:-1)];const H=i[l+(m?0:-1)],U=i[l+(m?1:0)],W=v?_.querySelector(`.vxe-split-pane[itemid="${H.id}"]`):null,I=x?_.querySelector(`.vxe-split-pane[itemid="${U.id}"]`):null;if(W&&I){i=Math.ceil(s.width-(e.clientX-s.left)),l=Math.ceil(e.clientY-s.top);const E=W.offsetWidth,w=I.offsetWidth;m=_xeUtils.default.toNumber(H?(0,_utils.getGlobalDefaultConfig)(H.minWidth,g):g),v=_xeUtils.default.toNumber(U?(0,_utils.getGlobalDefaultConfig)(U.minWidth,g):g);const N=W.offsetLeft+m-i,O=I.offsetLeft+I.offsetWidth-v-i,T=e.clientX-b.left;let n=-1,r=0,o=0,a=T;const L=W.offsetHeight,M=I.offsetHeight;s=_xeUtils.default.toNumber(H?(0,_utils.getGlobalDefaultConfig)(H.minHeight,p):p),g=_xeUtils.default.toNumber(U?(0,_utils.getGlobalDefaultConfig)(U.minHeight,p):p);const k=W.offsetTop+s+l,V=I.offsetTop+I.offsetHeight-g+l,S=e.clientY-b.top;let d=-1,u=0,h=0,c=S;const q=i=>{if(C){var s=y?y.children[0]:null,l=y?y.children[1]:null;if(f){let e=0,t=(s&&(d<0?(s.textContent=Math.floor(u)+"px",s.style.display="block",e=s.offsetWidth):s.style.display="none"),l&&(d<0?l.style.display="none":(l.textContent=Math.floor(h)+"px",l.style.display="block",e=l.offsetWidth)),Math.max(1,i.clientX-b.left-e/2));t>b.width-e-1&&(t=b.width-e-1),C.style.left="0",C.style.top=c+"px",y&&(y.style.left=t+"px")}else{let e=0,t=(s&&(n<0?(s.textContent=Math.floor(r)+"px",s.style.display="block",e=s.offsetHeight):s.style.display="none"),l&&(n<0?l.style.display="none":(l.textContent=Math.floor(o)+"px",l.style.display="block",e=l.offsetHeight)),Math.max(1,i.clientY-b.top-e/2));t>b.height-e-1&&(t=b.height-e-1),C.style.top="0",C.style.left=a+"px",y&&(y.style.top=t+"px")}}},A=e=>{f?((c=(c=e.clientY-b.top)<k?k:c)>V&&(c=V),d=c-S,u=L+d,h=M-d):((a=(a=e.clientX-b.left)<N?N:a)>O&&(a=O),n=a-T,r=E+n,o=w-n),z&&(f?(W.style.height=(0,_dom.toCssUnit)(u),I.style.height=(0,_dom.toCssUnit)(h)):(W.style.width=(0,_dom.toCssUnit)(r),I.style.width=(0,_dom.toCssUnit)(o))),C&&q(e),B("resize-drag",{item:x,name:x.name,prevItem:H,nextItem:U,offsetHeight:d,offsetWidth:n},e)};document.onmousemove=e=>{e.preventDefault(),A(e)},document.onmouseup=e=>{document.onmousemove=null,document.onmouseup=null,C&&(C.style.display=""),f?(H.resizeHeight=u,U.resizeHeight=h):(H.resizeWidth=r,U.resizeWidth=o),(0,_dom.removeClass)(_,"is--drag"),B("resize-end",{item:x,name:x.name,prevItem:H,nextItem:U,offsetHeight:d,offsetWidth:n},e),G()},C&&(C.style.display="block",q(e)),A(e),(0,_dom.addClass)(_,"is--drag"),B("resize-start",{item:x,name:x.name,prevItem:H,nextItem:U},e)}}}}},x=e=>{if(c.value){var t=h["vertical"],i=D["itemList"],s=R.value;const r=e.currentTarget.parentElement.getAttribute("itemid");var l=_xeUtils.default.findIndexOf(i,e=>e.id===r),n=i[l],i=i[l+(s?1:-1)];n&&({showAction:l,isExpand:s}=n,l)&&(t?i&&(i.isVisible=!s,i.foldHeight=0,n.isExpand=!s,n.isVisible=!0,n.foldHeight=s?(i.resizeHeight||i.renderHeight)+(n.resizeHeight||n.renderHeight):0):i&&(i.isVisible=!s,i.foldWidth=0,n.isExpand=!s,n.isVisible=!0,n.foldWidth=s?(i.resizeWidth||i.renderWidth)+(n.resizeWidth||n.renderWidth):0),B("toggle-expand",{item:n,name:n.name,targetItem:i,targetName:i?i.name:"",expanded:n.isExpand},e),G())}},b=e=>{var t=D["itemList"],i=u.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"===i.trigger&&x(e),B("action-dblclick",{item:t,name:t?t.name:""},e)},C=e=>{var t=D["itemList"],i=u.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"!==i.trigger&&x(e),B("action-click",{item:t,name:t?t.name:""},e)},y=()=>{G()};t={dispatchEvent:B,recalculate:G,reset:()=>{var e=D["itemList"];return e.forEach(e=>{e.isExpand=!0,e.isVisible=!0,e.foldHeight=0,e.foldWidth=0,e.resizeHeight=0,e.resizeWidth=0}),(0,_vue.nextTick)()},loadItem:v,reloadItem:e=>r(e||[],!0)};Object.assign(W,t,{});const E=e=>{var t=g.value,i=u.value,s=R.value,{id:l,isExpand:n,showAction:r}=e;return(0,_vue.h)("div",{itemid:l,class:["vxe-split-pane-handle",s?"to--next":"to--prev"]},[(0,_vue.h)("div",{class:"vxe-split-pane-handle-bar",style:t,onMousedown:_}),r?(0,_vue.h)("span",{class:"vxe-split-pane-action-btn",onDblclick:b,onClick:C},[(0,_vue.h)("i",{class:(n?i.openIcon:i.closeIcon)||(e=>{var t=h["vertical"],{showAction:e,isExpand:i}=e,s=R.value,l="SPLIT_TOP_ACTION",n="SPLIT_BOTTOM_ACTION",r="SPLIT_LEFT_ACTION",o="SPLIT_RIGHT_ACTION";if(e){let e="";if(e=s?t?i?n:l:i?o:r:t?i?l:n:i?r:o)return(0,_ui.getIcon)()[e]}return""})(e)})]):(0,_ui.renderEmptyElement)(W)])};const z=(0,_vue.ref)(0);(0,_vue.watch)(()=>h.items?h.items.length:-1,()=>{z.value++}),(0,_vue.watch)(()=>h.items,()=>{z.value++}),(0,_vue.watch)(z,()=>{v(h.items||[])}),(0,_vue.watch)(()=>D.staticItems,e=>{h.items&&h.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),D.itemList=e,G()});let H;return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{G()});var e=c.value;e&&(H=_ui.globalResize.create(()=>{G()})).observe(e),_ui.globalEvents.on(W,"resize",y)}),(0,_vue.onUnmounted)(()=>{H&&H.disconnect(),_ui.globalEvents.off(W,"resize")}),(0,_vue.onActivated)(()=>{G()}),h.items&&v(h.items),(0,_vue.provide)("$xeSplit",W),W.renderVN=()=>{var{vertical:e,width:t,height:i}=h,{immediate:s,showTip:l}=d.value,n=o.default,r={};return i&&(r.height=(0,_dom.toCssUnit)(i)),t&&(r.width=(0,_dom.toCssUnit)(t)),(0,_vue.h)("div",{ref:c,class:["vxe-split",e?"is--vertical":"is--horizontal"],style:r},[(0,_vue.h)("div",{class:"vxe-split-slots"},n?n({}):[]),(()=>{const{border:g,padding:v,resize:_,vertical:x}=h,b=D["itemList"];const C=d.value["immediate"],y=m.value,z=p.value["autoItems"],H=R.value,U=[];return b.forEach((e,t)=>{var{id:i,name:s,slots:l,renderHeight:n,resizeHeight:r,foldHeight:o,renderWidth:a,resizeWidth:d,foldWidth:u,isVisible:h,isExpand:c}=e,l=l?l.default:null,f={};let m=h?u||d||a:0,p=h?o||r||n:0;1===z.length&&(x?e.height||(p=0):e.width||(m=0)),x?p&&(f.height=1===y.length?"100%":(0,_dom.toCssUnit)(p)):m&&(f.width=1===y.length?"100%":(0,_dom.toCssUnit)(m)),U.push((0,_vue.h)("div",{itemid:i,class:["vxe-split-pane",x?"is--vertical":"is--horizontal",C?"is-resize--immediate":"is-resize--lazy",{"is--resize":_,"is--padding":v,"is--border":g,"is--height":p,"is--width":m,"is--fill":h&&!p&&!m,"is--handle":0<t,"is--expand":c,"is--hidden":!h}],style:f},[t&&!H?E(e):(0,_ui.renderEmptyElement)(W),(0,_vue.h)("div",{itemid:i,class:"vxe-split-pane--wrapper"},[(0,_vue.h)("div",{class:"vxe-split-pane--inner"},l?I(l,{name:s,isVisible:h,isExpand:c}):[])]),H&&t<b.length-1?E(e):(0,_ui.renderEmptyElement)(W)]))}),(0,_vue.h)("div",{class:"vxe-split-wrapper"},U)})(),(0,_vue.h)("div",{ref:a,class:["vxe-split--resizable-split-tip",e?"is--vertical":"is--horizontal",s?"is-resize--immediate":"is-resize--lazy"]},l?[(0,_vue.h)("div",{class:"vxe-split--resizable-split-tip-number"},[(0,_vue.h)("div",{class:"vxe-split--resizable-split-number-prev"}),(0,_vue.h)("div",{class:"vxe-split--resizable-split-number-next"})])]:[])])},W},render(){return this.renderVN()}});
+"use strict";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}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplit",props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().split.vertical},border:{type:Boolean,default:()=>(0,_ui.getConfig)().split.border},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().split.padding},resize:{type:Boolean,default:()=>(0,_ui.getConfig)().split.resize},items:Array,itemConfig:Object,barConfig:Object,resizeConfig:Object,actionConfig:Object},emits:["action-dblclick","action-click","toggle-expand","resize-start","resize-drag","resize-end"],setup(h,e){const{emit:s,slots:o}=e;var t=_xeUtils.default.uniqueId();const c=(0,_vue.ref)(),a=(0,_vue.ref)(),D=(0,_vue.reactive)({staticItems:[],itemList:[]}),m={wrapperWidth:0,wrapperHeight:0},j=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.itemConfig,h.itemConfig)),l=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.barConfig,h.barConfig)),d=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.resizeConfig,h.resizeConfig)),u=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.actionConfig,h.actionConfig)),R=(0,_vue.computed)(()=>{return"next"===u.value.direction}),f=(0,_vue.computed)(()=>D.itemList.filter(e=>e.isVisible)),p=(0,_vue.computed)(()=>{var e=h["vertical"];const r=[];let o=0,a=0;return D.itemList.forEach(e?e=>{var{renderHeight:t,resizeHeight:i,foldHeight:s,isVisible:l,height:n}=e,l=l?s||i||t:0;n||r.push(e),o+=l}:e=>{var{renderWidth:t,resizeWidth:i,foldWidth:s,isVisible:l,width:n}=e,l=l?s||i||t:0;n||r.push(e),a+=l}),{autoItems:r,heightCount:o,heightRatio:o/100,widthCount:a,widthRatio:a/100}}),g=(0,_vue.computed)(()=>{var{width:e,height:t}=l.value,i={};return t&&(i.height=(0,_dom.toCssUnit)(t)),e&&(i.width=(0,_dom.toCssUnit)(e)),i}),i={computeItemOpts:j,computeBarOpts:l,computeActionOpts:u,computeIsFoldNext:R},n={refElem:c},W={xID:t,props:h,context:e,reactData:D,internalData:m,getRefMaps:()=>n,getComputeMaps:()=>i},B=(e,t,i)=>{s(e,(0,_ui.createEvent)(i,{$split:W},t))},I=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=o[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];const r=(e,t)=>{var i=D["staticItems"];const s={isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return D.itemList=e.map(e=>(e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||o[e]||(0,_log.errLog)("vxe.error.notSlot",[e])}),Object.assign({},t?null:s,e,t?s:null,{id:_xeUtils.default.uniqueId()}))),i.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),G()},v=e=>r(e||[],!1);const G=()=>(0,_vue.nextTick)().then(()=>{var e=h["vertical"],t=D["itemList"],i=c.value;if(i){const l=i.clientWidth,n=i.clientHeight;if(l&&n){i=j.value;const r=_xeUtils.default.toNumber(i.minWidth),o=_xeUtils.default.toNumber(i.minHeight),a=[];if(e){let s=0;if(t.forEach(e=>{var t=e["height"];let i=0;t?(i=(0,_dom.isScale)(t)?n*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderHeight=i):a.push(e),s+=i}),a.length){const d=(n-s)/a.length;a.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,o)),d)})}}else{let s=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),s+=i}),a.length){const u=(l-s)/a.length;a.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,r)),u)})}}m.wrapperWidth=l,m.wrapperHeight=n}}}),_=e=>{const{resize:t,vertical:m}=h;var i=D["itemList"];if(t){e.preventDefault();var s=e.currentTarget,l=s.parentElement;const _=c.value;if(_){const n=l.getAttribute("itemid");l=_xeUtils.default.findIndexOf(i,e=>e.id===n);const x=i[l];if(x&&x.isExpand){const b=_.getBoundingClientRect();s=s.getBoundingClientRect();const C=a.value,z=C?C.children[0]:null;var f=R.value,p=j.value;const y=d.value["immediate"];var g=_xeUtils.default.toNumber(p.minWidth),p=_xeUtils.default.toNumber(p.minHeight),v=i[l+(f?1:-1)];const H=i[l+(f?0:-1)],U=i[l+(f?1:0)],W=v?_.querySelector(`.vxe-split-pane[itemid="${H.id}"]`):null,I=x?_.querySelector(`.vxe-split-pane[itemid="${U.id}"]`):null;if(W&&I){i=Math.ceil(s.width-(e.clientX-s.left)),l=Math.ceil(e.clientY-s.top);const E=W.offsetWidth,w=I.offsetWidth;f=_xeUtils.default.toNumber(H?(0,_utils.getGlobalDefaultConfig)(H.minWidth,g):g),v=_xeUtils.default.toNumber(U?(0,_utils.getGlobalDefaultConfig)(U.minWidth,g):g);const N=W.offsetLeft+f-i,O=I.offsetLeft+I.offsetWidth-v-i,T=e.clientX-b.left;let n=-1,r=0,o=0,a=T;const L=W.offsetHeight,M=I.offsetHeight;s=_xeUtils.default.toNumber(H?(0,_utils.getGlobalDefaultConfig)(H.minHeight,p):p),g=_xeUtils.default.toNumber(U?(0,_utils.getGlobalDefaultConfig)(U.minHeight,p):p);const k=W.offsetTop+s+l,V=I.offsetTop+I.offsetHeight-g+l,S=e.clientY-b.top;let d=-1,u=0,h=0,c=S;const q=i=>{if(C){var s=z?z.children[0]:null,l=z?z.children[1]:null;if(m){let e=0,t=(s&&(d<0?s.style.display="none":(s.textContent=Math.floor(u)+"px",s.style.display="block",e=s.offsetWidth)),l&&(d<0?(l.textContent=Math.floor(h)+"px",l.style.display="block",e=l.offsetWidth):l.style.display="none"),Math.max(1,i.clientX-b.left-e/2));t>b.width-e-1&&(t=b.width-e-1),C.style.left="0",C.style.top=c+"px",z&&(z.style.left=t+"px")}else{let e=0,t=(s&&(n<0?s.style.display="none":(s.textContent=Math.floor(r)+"px",s.style.display="block",e=s.offsetHeight)),l&&(n<0?(l.textContent=Math.floor(o)+"px",l.style.display="block",e=l.offsetHeight):l.style.display="none"),Math.max(1,i.clientY-b.top-e/2));t>b.height-e-1&&(t=b.height-e-1),C.style.top="0",C.style.left=a+"px",z&&(z.style.top=t+"px")}}},A=e=>{m?((c=(c=e.clientY-b.top)<k?k:c)>V&&(c=V),d=c-S,u=L+d,h=M-d):((a=(a=e.clientX-b.left)<N?N:a)>O&&(a=O),n=a-T,r=E+n,o=w-n),y&&(m?(W.style.height=(0,_dom.toCssUnit)(u),I.style.height=(0,_dom.toCssUnit)(h)):(W.style.width=(0,_dom.toCssUnit)(r),I.style.width=(0,_dom.toCssUnit)(o))),C&&q(e),B("resize-drag",{item:x,name:x.name,prevItem:H,nextItem:U,offsetHeight:d,offsetWidth:n},e)};document.onmousemove=e=>{e.preventDefault(),A(e)},document.onmouseup=e=>{document.onmousemove=null,document.onmouseup=null,C&&(C.style.display=""),m?(H.resizeHeight=u,U.resizeHeight=h):(H.resizeWidth=r,U.resizeWidth=o),(0,_dom.removeClass)(_,"is--drag"),B("resize-end",{item:x,name:x.name,prevItem:H,nextItem:U,offsetHeight:d,offsetWidth:n},e),G()},C&&(C.style.display="block",q(e)),A(e),(0,_dom.addClass)(_,"is--drag"),B("resize-start",{item:x,name:x.name,prevItem:H,nextItem:U},e)}}}}},x=e=>{if(c.value){var t=h["vertical"],i=D["itemList"],s=R.value;const r=e.currentTarget.parentElement.getAttribute("itemid");var l=_xeUtils.default.findIndexOf(i,e=>e.id===r),n=i[l],i=i[l+(s?1:-1)];n&&({showAction:l,isExpand:s}=n,l)&&(t?i&&(i.isVisible=!s,i.foldHeight=0,n.isExpand=!s,n.isVisible=!0,n.foldHeight=s?(i.resizeHeight||i.renderHeight)+(n.resizeHeight||n.renderHeight):0):i&&(i.isVisible=!s,i.foldWidth=0,n.isExpand=!s,n.isVisible=!0,n.foldWidth=s?(i.resizeWidth||i.renderWidth)+(n.resizeWidth||n.renderWidth):0),B("toggle-expand",{item:n,name:n.name,targetItem:i,targetName:i?i.name:"",expanded:n.isExpand},e),G())}},b=e=>{var t=D["itemList"],i=u.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"===i.trigger&&x(e),B("action-dblclick",{item:t,name:t?t.name:""},e)},C=e=>{var t=D["itemList"],i=u.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"!==i.trigger&&x(e),B("action-click",{item:t,name:t?t.name:""},e)},z=()=>{G()};t={dispatchEvent:B,recalculate:G,reset:()=>{var e=D["itemList"];return e.forEach(e=>{e.isExpand=!0,e.isVisible=!0,e.foldHeight=0,e.foldWidth=0,e.resizeHeight=0,e.resizeWidth=0}),(0,_vue.nextTick)()},loadItem:v,reloadItem:e=>r(e||[],!0)};Object.assign(W,t,{});const E=e=>{var t=g.value,i=u.value,s=R.value,{id:l,isExpand:n,showAction:r}=e;return(0,_vue.h)("div",{itemid:l,class:["vxe-split-pane-handle",s?"to--next":"to--prev"]},[(0,_vue.h)("div",{class:"vxe-split-pane-handle-bar",style:t,onMousedown:_}),r?(0,_vue.h)("span",{class:"vxe-split-pane-action-btn",onDblclick:b,onClick:C},[(0,_vue.h)("i",{class:(n?i.openIcon:i.closeIcon)||(e=>{var t=h["vertical"],{showAction:e,isExpand:i}=e,s=R.value,l="SPLIT_TOP_ACTION",n="SPLIT_BOTTOM_ACTION",r="SPLIT_LEFT_ACTION",o="SPLIT_RIGHT_ACTION";if(e){let e="";if(e=s?t?i?n:l:i?o:r:t?i?l:n:i?r:o)return(0,_ui.getIcon)()[e]}return""})(e)})]):(0,_ui.renderEmptyElement)(W)])};const y=(0,_vue.ref)(0);(0,_vue.watch)(()=>h.items?h.items.length:-1,()=>{y.value++}),(0,_vue.watch)(()=>h.items,()=>{y.value++}),(0,_vue.watch)(y,()=>{v(h.items||[])}),(0,_vue.watch)(()=>D.staticItems,e=>{h.items&&h.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),D.itemList=e,G()});let H;return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{G()});var e=c.value;e&&(H=_ui.globalResize.create(()=>{G()})).observe(e),_ui.globalEvents.on(W,"resize",z)}),(0,_vue.onUnmounted)(()=>{H&&H.disconnect(),_ui.globalEvents.off(W,"resize")}),(0,_vue.onActivated)(()=>{G()}),h.items&&v(h.items),(0,_vue.provide)("$xeSplit",W),W.renderVN=()=>{var{vertical:e,width:t,height:i}=h,{immediate:s,showTip:l}=d.value,n=o.default,r={};return i&&(r.height=(0,_dom.toCssUnit)(i)),t&&(r.width=(0,_dom.toCssUnit)(t)),(0,_vue.h)("div",{ref:c,class:["vxe-split",e?"is--vertical":"is--horizontal",s?"is-resize--immediate":"is-resize--lazy"],style:r},[(0,_vue.h)("div",{class:"vxe-split-slots"},n?n({}):[]),(()=>{const{border:g,padding:v,resize:_,vertical:x}=h,b=D["itemList"];const C=d.value["immediate"],z=f.value,y=p.value["autoItems"],H=R.value,U=[];return b.forEach((e,t)=>{var{id:i,name:s,slots:l,renderHeight:n,resizeHeight:r,foldHeight:o,renderWidth:a,resizeWidth:d,foldWidth:u,isVisible:h,isExpand:c}=e,l=l?l.default:null,m={};let f=h?u||d||a:0,p=h?o||r||n:0;1===y.length&&(x?e.height||(p=0):e.width||(f=0)),x?p&&(m.height=1===z.length?"100%":(0,_dom.toCssUnit)(p)):f&&(m.width=1===z.length?"100%":(0,_dom.toCssUnit)(f)),U.push((0,_vue.h)("div",{itemid:i,class:["vxe-split-pane",x?"is--vertical":"is--horizontal",C?"is-resize--immediate":"is-resize--lazy",{"is--resize":_,"is--padding":v,"is--border":g,"is--height":p,"is--width":f,"is--fill":h&&!p&&!f,"is--handle":0<t,"is--expand":c,"is--hidden":!h}],style:m},[t&&!H?E(e):(0,_ui.renderEmptyElement)(W),(0,_vue.h)("div",{itemid:i,class:"vxe-split-pane--wrapper"},[(0,_vue.h)("div",{class:"vxe-split-pane--inner"},l?I(l,{name:s,isVisible:h,isExpand:c}):[])]),H&&t<b.length-1?E(e):(0,_ui.renderEmptyElement)(W)]))}),(0,_vue.h)("div",{class:"vxe-split-wrapper"},U)})(),(0,_vue.h)("div",{ref:a,class:["vxe-split--resizable-split-tip",e?"is--vertical":"is--horizontal",s?"is-resize--immediate":"is-resize--lazy"]},l?[(0,_vue.h)("div",{class:"vxe-split--resizable-split-tip-number"},[(0,_vue.h)("div",{class:"vxe-split--resizable-split-number-prev"}),(0,_vue.h)("div",{class:"vxe-split--resizable-split-number-next"})])]:[])])},W},render(){return this.renderVN()}});

package/lib/split/style/style.css

@@ -13,6 +13,18 @@
      -moz-user-select: none;
           user-select: none;
 }
+.vxe-split.is--drag.is-resize--immediate.is--horizontal {
+  cursor: w-resize;
+}
+.vxe-split.is--drag.is-resize--immediate.is--vertical {
+  cursor: n-resize;
+}
+.vxe-split.is--drag.is-resize--lazy.is--horizontal {
+  cursor: col-resize;
+}
+.vxe-split.is--drag.is-resize--lazy.is--vertical {
+  cursor: row-resize;
+}
 .vxe-split.is--drag > .vxe-split-wrapper > .vxe-split-pane > .vxe-split-pane--wrapper::after {
   content: "";
   position: absolute;

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;user-select:none}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-pane>.vxe-split-pane--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split--resizable-split-tip{display:none;position:absolute;top:0;left:0;z-index:7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.vxe-split--resizable-split-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split--resizable-split-tip.is--horizontal{width:1px;height:100%}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev{right:0}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next{left:1px}.vxe-split--resizable-split-tip.is--vertical{width:100%;height:1px}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev{bottom:0}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next{top:1px}.vxe-split--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.vxe-split--resizable-split-number-next,.vxe-split--resizable-split-number-prev{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-pane-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-pane--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-pane--inner{height:100%;width:100%;overflow:auto}.vxe-split-pane--inner>.vxe-split{height:100%}.vxe-split-pane-handle-bar{background-color:var(--vxe-ui-split-handle-bar-background-color)}.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-split-handle-bar-hover-background-color)}.vxe-split-pane-action-btn{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;user-select:none}.vxe-split.is--drag.is-resize--immediate.is--horizontal{cursor:w-resize}.vxe-split.is--drag.is-resize--immediate.is--vertical{cursor:n-resize}.vxe-split.is--drag.is-resize--lazy.is--horizontal{cursor:col-resize}.vxe-split.is--drag.is-resize--lazy.is--vertical{cursor:row-resize}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-pane>.vxe-split-pane--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split--resizable-split-tip{display:none;position:absolute;top:0;left:0;z-index:7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.vxe-split--resizable-split-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split--resizable-split-tip.is--horizontal{width:1px;height:100%}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev{right:0}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next{left:1px}.vxe-split--resizable-split-tip.is--vertical{width:100%;height:1px}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev{bottom:0}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next{top:1px}.vxe-split--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.vxe-split--resizable-split-number-next,.vxe-split--resizable-split-number-prev{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-pane-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-pane--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-pane--inner{height:100%;width:100%;overflow:auto}.vxe-split-pane--inner>.vxe-split{height:100%}.vxe-split-pane-handle-bar{background-color:var(--vxe-ui-split-handle-bar-background-color)}.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-split-handle-bar-hover-background-color)}.vxe-split-pane-action-btn{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%}