vxe-pc-ui 4.5.2 → 4.5.3

package/lib/list/src/list.js

@@ -37,6 +37,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       emit
     } = context;
     const xID = _xeUtils.default.uniqueId();
+    const browseObj = _xeUtils.default.browse();
     const {
       computeSize
     } = (0, _ui.useSize)(props);
@@ -181,7 +182,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         if (scrollYLoad) {
           const scrollBodyElem = refVirtualWrapper.value;
           const visibleYSize = Math.max(8, Math.ceil(scrollBodyElem.clientHeight / rowHeight));
-          const offsetYSize = sYOpts.oSize ? _xeUtils.default.toNumber(sYOpts.oSize) : _dom.browse.edge ? 10 : 0;
+          const offsetYSize = sYOpts.oSize ? _xeUtils.default.toNumber(sYOpts.oSize) : browseObj.edge ? 10 : 0;
           scrollYStore.offsetSize = offsetYSize;
           scrollYStore.visibleSize = visibleYSize;
           scrollYStore.endIndex = Math.max(scrollYStore.startIndex + visibleYSize + offsetYSize, scrollYStore.endIndex);

package/lib/list/src/list.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeList",props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().list.size||(0,_ui.getConfig)().size},autoResize:{type:Boolean,default:()=>(0,_ui.getConfig)().list.autoResize},syncResize:[Boolean,String,Number],virtualYConfig:Object,scrollY:Object},emits:["scroll"],setup(u,e){const{slots:n,emit:r}=e;var t=_xeUtils.default.uniqueId();const c=(0,_ui.useSize)(u)["computeSize"],d=(0,_vue.reactive)({scrollYLoad:!1,bodyHeight:0,customHeight:0,customMaxHeight:0,parentHeight:0,topSpaceHeight:0,items:[]}),s={resizeObserver:void 0,fullData:[],lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0}},v=(0,_vue.ref)(),g=(0,_vue.ref)(),h=(0,_vue.ref)(),l={refElem:v},f={xID:t,props:u,context:e,reactData:d,internalData:s,getRefMaps:()=>l},o=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.virtualYConfig||(0,_ui.getConfig)().list.scrollY,u.virtualYConfig||u.scrollY)),_=(0,_vue.computed)(()=>{var{height:e,maxHeight:t}=u,{customHeight:l,customMaxHeight:r}=d,i={};return e?i.height=l+"px":t&&(i.height="auto",i.maxHeight=r+"px"),i}),a=(e,t,l)=>{r(e,(0,_ui.createEvent)(l,{$list:f},t))},i=e=>{var t=d["parentHeight"],e=u[e];let l=0;return l=e?"100%"===e||"auto"===e?t:(l=(0,_dom.isScale)(e)?Math.floor((_xeUtils.default.toInteger(e)||1)/100*t):_xeUtils.default.toNumber(e),Math.max(40,l)):l},x=()=>{var e=d["scrollYLoad"],{scrollYStore:t,fullData:l}=s;d.bodyHeight=e?l.length*t.rowHeight:0,d.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},m=()=>{var e=d["scrollYLoad"],{fullData:t,scrollYStore:l}=s;return d.items=e?t.slice(l.startIndex,l.endIndex):t.slice(0),(0,_vue.nextTick)()},p=()=>{m(),x()},S=()=>(0,_vue.nextTick)().then(()=>{var e=d["scrollYLoad"],t=s["scrollYStore"],l=h.value,r=o.value;let i=0,a;(a=l?(a=r.sItem?l.querySelector(r.sItem):a)||l.children[0]:a)&&(i=a.offsetHeight),i=Math.max(12,i),t.rowHeight=i,(e?(l=g.value,e=Math.max(8,Math.ceil(l.clientHeight/i)),l=r.oSize?_xeUtils.default.toNumber(r.oSize):_dom.browse.edge?10:0,t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex+e+l,t.endIndex),p):x)()}),b=()=>{var e=g.value;return e&&(e.scrollTop=0),(0,_vue.nextTick)()},H=(e,t)=>{var l=g.value;return _xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t)&&(l.scrollTop=t),d.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},z=()=>{const{lastScrollLeft:e,lastScrollTop:t}=s;return b().then(()=>{if(e||t)return s.lastScrollLeft=0,s.lastScrollTop=0,H(e,t)})},T=()=>{var e=v.value;if(e){var t=e.parentElement;if(d.parentHeight=t?t.clientHeight:0,d.customHeight=i("height"),d.customMaxHeight=i("maxHeight"),e.clientWidth&&e.clientHeight)return S()}return(0,_vue.nextTick)()},Y=e=>{var t=s["scrollYStore"],{startIndex:l,endIndex:r,visibleSize:i,offsetSize:a,rowHeight:o}=t,e=e.target.scrollTop,e=Math.floor(e/o),o=Math.max(0,e-1-a),a=e+i+a;!(e<=l||r-i-1<=e)||l===o&&r===a||(t.startIndex=o,t.endIndex=a,p())},I=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,r=t!==s.lastScrollLeft,i=l!==s.lastScrollTop;s.lastScrollTop=l,s.lastScrollLeft=t,d.scrollYLoad&&Y(e),a("scroll",{scrollLeft:t,scrollTop:l,isX:r,isY:i},e)},L=e=>{var t=s["scrollYStore"],l=o.value,e=e||[];return Object.assign(t,{startIndex:0,endIndex:1,visibleSize:0}),s.fullData=e,d.scrollYLoad=!!l.enabled&&-1<l.gt&&(0===l.gt||l.gt<=e.length),m(),S().then(()=>{z()})};t={dispatchEvent:a,loadData:L,reloadData(e){return b(),L(e)},recalculate:T,scrollTo:H,refreshScroll:z,clearScroll:b};Object.assign(f,t);const M=(0,_vue.ref)(0);(0,_vue.watch)(()=>u.data?u.data.length:-1,()=>{M.value++}),(0,_vue.watch)(()=>u.data,()=>{M.value++}),(0,_vue.watch)(M,()=>{L(u.data||[])}),(0,_vue.watch)(()=>u.height,()=>{T()}),(0,_vue.watch)(()=>u.maxHeight,()=>{T()}),(0,_vue.watch)(()=>u.syncResize,e=>{e&&(T(),(0,_vue.nextTick)(()=>setTimeout(()=>T())))}),(0,_vue.onActivated)(()=>{T().then(()=>z())}),(0,_vue.nextTick)(()=>{L(u.data||[])}),(0,_vue.onMounted)(()=>{var e,t;T(),u.autoResize&&(e=v.value,(t=_ui.globalResize.create(()=>T())).observe(e),e&&t.observe(e.parentElement),s.resizeObserver=t),_ui.globalEvents.on(f,"resize",T)}),(0,_vue.onUnmounted)(()=>{var e=s["resizeObserver"];e&&e.disconnect(),_ui.globalEvents.off(f,"resize")});return f.renderVN=()=>{var{className:e,loading:t}=u,{bodyHeight:l,topSpaceHeight:r,items:i}=d,a=n.default,o=c.value,s=_.value;return(0,_vue.h)("div",{ref:v,class:["vxe-list",e?_xeUtils.default.isFunction(e)?e({$list:f}):e:"",{["size--"+o]:o,"is--loading":t}]},[(0,_vue.h)("div",{ref:g,class:"vxe-list--virtual-wrapper",style:s,onScroll:I},[(0,_vue.h)("div",{class:"vxe-list--y-space",style:{height:l?l+"px":""}}),(0,_vue.h)("div",{ref:h,class:"vxe-list--body",style:{marginTop:r?r+"px":""}},a?a({items:i,$list:f}):[])]),(0,_vue.h)(_loading.default,{class:"vxe-list--loading",modelValue:t})])},f},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeList",props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().list.size||(0,_ui.getConfig)().size},autoResize:{type:Boolean,default:()=>(0,_ui.getConfig)().list.autoResize},syncResize:[Boolean,String,Number],virtualYConfig:Object,scrollY:Object},emits:["scroll"],setup(u,e){const{slots:n,emit:r}=e;var t=_xeUtils.default.uniqueId();const o=_xeUtils.default.browse(),c=(0,_ui.useSize)(u)["computeSize"],d=(0,_vue.reactive)({scrollYLoad:!1,bodyHeight:0,customHeight:0,customMaxHeight:0,parentHeight:0,topSpaceHeight:0,items:[]}),s={resizeObserver:void 0,fullData:[],lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0}},v=(0,_vue.ref)(),g=(0,_vue.ref)(),h=(0,_vue.ref)(),l={refElem:v},f={xID:t,props:u,context:e,reactData:d,internalData:s,getRefMaps:()=>l},_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.virtualYConfig||(0,_ui.getConfig)().list.scrollY,u.virtualYConfig||u.scrollY)),x=(0,_vue.computed)(()=>{var{height:e,maxHeight:t}=u,{customHeight:l,customMaxHeight:r}=d,i={};return e?i.height=l+"px":t&&(i.height="auto",i.maxHeight=r+"px"),i}),a=(e,t,l)=>{r(e,(0,_ui.createEvent)(l,{$list:f},t))},i=e=>{var t=d["parentHeight"],e=u[e];let l=0;return l=e?"100%"===e||"auto"===e?t:(l=(0,_dom.isScale)(e)?Math.floor((_xeUtils.default.toInteger(e)||1)/100*t):_xeUtils.default.toNumber(e),Math.max(40,l)):l},m=()=>{var e=d["scrollYLoad"],{scrollYStore:t,fullData:l}=s;d.bodyHeight=e?l.length*t.rowHeight:0,d.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},p=()=>{var e=d["scrollYLoad"],{fullData:t,scrollYStore:l}=s;return d.items=e?t.slice(l.startIndex,l.endIndex):t.slice(0),(0,_vue.nextTick)()},S=()=>{p(),m()},b=()=>(0,_vue.nextTick)().then(()=>{var e=d["scrollYLoad"],t=s["scrollYStore"],l=h.value,r=_.value;let i=0,a;(a=l?(a=r.sItem?l.querySelector(r.sItem):a)||l.children[0]:a)&&(i=a.offsetHeight),i=Math.max(12,i),t.rowHeight=i,(e?(l=g.value,e=Math.max(8,Math.ceil(l.clientHeight/i)),l=r.oSize?_xeUtils.default.toNumber(r.oSize):o.edge?10:0,t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex+e+l,t.endIndex),S):m)()}),H=()=>{var e=g.value;return e&&(e.scrollTop=0),(0,_vue.nextTick)()},z=(e,t)=>{var l=g.value;return _xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t)&&(l.scrollTop=t),d.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},T=()=>{const{lastScrollLeft:e,lastScrollTop:t}=s;return H().then(()=>{if(e||t)return s.lastScrollLeft=0,s.lastScrollTop=0,z(e,t)})},Y=()=>{var e=v.value;if(e){var t=e.parentElement;if(d.parentHeight=t?t.clientHeight:0,d.customHeight=i("height"),d.customMaxHeight=i("maxHeight"),e.clientWidth&&e.clientHeight)return b()}return(0,_vue.nextTick)()},I=e=>{var t=s["scrollYStore"],{startIndex:l,endIndex:r,visibleSize:i,offsetSize:a,rowHeight:o}=t,e=e.target.scrollTop,e=Math.floor(e/o),o=Math.max(0,e-1-a),a=e+i+a;!(e<=l||r-i-1<=e)||l===o&&r===a||(t.startIndex=o,t.endIndex=a,S())},L=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,r=t!==s.lastScrollLeft,i=l!==s.lastScrollTop;s.lastScrollTop=l,s.lastScrollLeft=t,d.scrollYLoad&&I(e),a("scroll",{scrollLeft:t,scrollTop:l,isX:r,isY:i},e)},M=e=>{var t=s["scrollYStore"],l=_.value,e=e||[];return Object.assign(t,{startIndex:0,endIndex:1,visibleSize:0}),s.fullData=e,d.scrollYLoad=!!l.enabled&&-1<l.gt&&(0===l.gt||l.gt<=e.length),p(),b().then(()=>{T()})};t={dispatchEvent:a,loadData:M,reloadData(e){return H(),M(e)},recalculate:Y,scrollTo:z,refreshScroll:T,clearScroll:H};Object.assign(f,t);const y=(0,_vue.ref)(0);(0,_vue.watch)(()=>u.data?u.data.length:-1,()=>{y.value++}),(0,_vue.watch)(()=>u.data,()=>{y.value++}),(0,_vue.watch)(y,()=>{M(u.data||[])}),(0,_vue.watch)(()=>u.height,()=>{Y()}),(0,_vue.watch)(()=>u.maxHeight,()=>{Y()}),(0,_vue.watch)(()=>u.syncResize,e=>{e&&(Y(),(0,_vue.nextTick)(()=>setTimeout(()=>Y())))}),(0,_vue.onActivated)(()=>{Y().then(()=>T())}),(0,_vue.nextTick)(()=>{M(u.data||[])}),(0,_vue.onMounted)(()=>{var e,t;Y(),u.autoResize&&(e=v.value,(t=_ui.globalResize.create(()=>Y())).observe(e),e&&t.observe(e.parentElement),s.resizeObserver=t),_ui.globalEvents.on(f,"resize",Y)}),(0,_vue.onUnmounted)(()=>{var e=s["resizeObserver"];e&&e.disconnect(),_ui.globalEvents.off(f,"resize")});return f.renderVN=()=>{var{className:e,loading:t}=u,{bodyHeight:l,topSpaceHeight:r,items:i}=d,a=n.default,o=c.value,s=x.value;return(0,_vue.h)("div",{ref:v,class:["vxe-list",e?_xeUtils.default.isFunction(e)?e({$list:f}):e:"",{["size--"+o]:o,"is--loading":t}]},[(0,_vue.h)("div",{ref:g,class:"vxe-list--virtual-wrapper",style:s,onScroll:L},[(0,_vue.h)("div",{class:"vxe-list--y-space",style:{height:l?l+"px":""}}),(0,_vue.h)("div",{ref:h,class:"vxe-list--body",style:{marginTop:r?r+"px":""}},a?a({items:i,$list:f}):[])]),(0,_vue.h)(_loading.default,{class:"vxe-list--loading",modelValue:t})])},f},render(){return this.renderVN()}});

package/lib/print/src/util.js

@@ -9,6 +9,7 @@ exports.destroyPageBreak = destroyPageBreak;
 exports.printHtml = void 0;
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const browseObj = _xeUtils.default.browse();
 // 打印
 let printFrame;
 // 默认导出或打印的 HTML 样式
@@ -63,7 +64,7 @@ function handlePrint(opts, printHtml = '') {
   printHtml = createHtmlPage(opts, printHtml);
   const blob = getExportBlobByString(printHtml, 'html');
   return new Promise(resolve => {
-    if (_xeUtils.default.browse().msie) {
+    if (browseObj.msie) {
       removeFrame();
       printFrame = createPrintFrame();
       appendPrintFrame();

package/lib/print/src/util.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.assemblePageBreak=assemblePageBreak,exports.createPrintFrame=createPrintFrame,exports.destroyPageBreak=destroyPageBreak,exports.printHtml=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let printFrame;const defaultHtmlStyle='body{margin:0;padding:0;color:#000000;font-size:14px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu}body *{-webkit-box-sizing:border-box;box-sizing:border-box}.vxe-table{border-collapse:collapse;text-align:left;border-spacing:0}.vxe-table:not(.is--print){table-layout:fixed}.vxe-table,.vxe-table th,.vxe-table td,.vxe-table td{border-color:#D0D0D0;border-style:solid;border-width:0}.vxe-table.is--print{width:100%}.border--default,.border--full,.border--outer{border-top-width:1px}.border--default,.border--full,.border--outer{border-left-width:1px}.border--outer,.border--default th,.border--default td,.border--full th,.border--full td,.border--outer th,.border--inner th,.border--inner td{border-bottom-width:1px}.border--default,.border--outer,.border--full th,.border--full td{border-right-width:1px}.border--default th,.border--full th,.border--outer th{background-color:#f8f8f9}.vxe-table td>div,.vxe-table th>div{padding:.5em .4em}.col--center{text-align:center}.col--right{text-align:right}.vxe-table:not(.is--print) .col--ellipsis>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vxe-table--tree-node{text-align:left}.vxe-table--tree-node-wrapper{position:relative}.vxe-table--tree-icon-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-table--tree-unfold-icon,.vxe-table--tree-fold-icon{position:absolute;width:0;height:0;border-style:solid;border-width:.5em;border-right-color:transparent;border-bottom-color:transparent}.vxe-table--tree-unfold-icon{left:.3em;top:0;border-left-color:#939599;border-top-color:transparent}.vxe-table--tree-fold-icon{left:0;top:.3em;border-left-color:transparent;border-top-color:#939599}.vxe-table--tree-cell{display:block;padding-left:1.5em}.vxe-table input[type="checkbox"]{margin:0}.vxe-table input[type="checkbox"],.vxe-table input[type="radio"],.vxe-table input[type="checkbox"]+span,.vxe-table input[type="radio"]+span{vertical-align:middle;padding-left:0.4em}';function createPrintFrame(){var e=document.createElement("iframe");return e.className="vxe-table--print-frame",e}function appendPrintFrame(){printFrame.parentNode||document.body.appendChild(printFrame)}function afterPrintEvent(){requestAnimationFrame(removeFrame)}function removeFrame(){if(printFrame){if(printFrame.parentNode){try{printFrame.contentDocument.write("")}catch(e){}printFrame.parentNode.removeChild(printFrame)}printFrame=null}}function getExportBlobByString(e,t){return new Blob([e],{type:`text/${t};charset=utf-8;`})}const printMargin=80;function createHtmlPage(e,t){var r=e["customStyle"];return["<!DOCTYPE html><html>","<head>",'<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">',`<title>${e.title}</title>`,e._pageBreaks||e.pageBreaks&&e.pageBreaks.length?'<style media="print">@page {size: auto;margin: 0mm;}</style>':"",`<style>.vxe-print-slots{display: none;}.vxe-print-page-break.align--center{text-align:center;}.vxe-print-page-break.align--left{text-align:left;}.vxe-print-page-break.align--right{text-align:right;}.vxe-print-page-break--header-title{font-size:1.8em;text-align:center;line-height:${printMargin}px;}.vxe-print-page-break{page-break-before:always;display:flex;flex-direction:column;height:100vh;overflow:hidden;}.vxe-print-page-break--body{display:flex;flex-direction:row;flex-grow:1;overflow: hidden;}.vxe-print-page-break--left,.vxe-print-page-break--right{flex-shrink:0;width:${printMargin}px;height:100%;}.vxe-print-page-break--header,.vxe-print-page-break--footer{flex-shrink:0;height:${printMargin}px;width:100%;}.vxe-print-page-break--content{flex-grow: 1;overflow: hidden;}.vxe-print-page-break--footer-page-number{line-height:${printMargin}px;text-align:center;}</style>`,"<style>.vxe-table{white-space:pre;}</style>",`<style>${defaultHtmlStyle}</style>`,r?`<style>${r}</style>`:"","</head>","<body>",""+t,"</body>","</html>"].join("")}function handlePrint(e,r=""){var t=e["beforeMethod"];const a=getExportBlobByString(r=createHtmlPage(e,r=t?t({content:r,html:r,options:e})||"":r),"html");return new Promise(t=>{_xeUtils.default.browse().msie?(removeFrame(),printFrame=createPrintFrame(),appendPrintFrame(),printFrame.contentDocument.write(r),printFrame.contentDocument.execCommand("print"),setTimeout(()=>{t({status:!0})},300)):(printFrame||((printFrame=createPrintFrame()).onload=e=>{e.target.src&&(e.target.contentWindow.onafterprint=afterPrintEvent,e.target.contentWindow.print()),t({status:!0})},printFrame.onerror=()=>{t({status:!1})}),appendPrintFrame(),printFrame.src=URL.createObjectURL(a))})}function createPageBreak(d){const{title:s,showPageNumber:p,align:c,headerAlign:b,footerAlign:m,showAllPageTitle:g}=d;var e=d.pageBreaks||[];const u=e.length;return e.map((e,t)=>{var r=e.bodyHtml,a=e.headerHtml||d.headerHtml,i=e.footerHtml||d.footerHtml,n=e.leftHtml||d.leftHtml,e=e.rightHtml||d.rightHtml,o=t+1,l={currentPage:o,pageCount:u};return[`<div class="${["vxe-print-page-break",c?"align--"+c:""].join(" ")}">`,`<div class="${["vxe-print-page-break--header",b?"align--"+b:""].join(" ")}">`,a?""+(_xeUtils.default.isFunction(a)?a(l):a||""):!s||!g&&t?"":`<div class="vxe-print-page-break--header-title">${s||""}</div>`,"</div>",'<div class="vxe-print-page-break--body">',`<div class="vxe-print-page-break--left">${_xeUtils.default.isFunction(n)?n(l):n||""}</div>`,`<div class="vxe-print-page-break--content">${_xeUtils.default.isFunction(r)?r(l):r||""}</div>`,`<div class="vxe-print-page-break--right">${_xeUtils.default.isFunction(e)?e(l):e||""}</div>`,"</div>",`<div class="${["vxe-print-page-break--footer",m?"align--"+m:""].join(" ")}">`,i?""+(_xeUtils.default.isFunction(i)?i(l):i||""):p?`<div class="vxe-print-page-break--footer-page-number">${o}/${u}</div>`:"","</div>","</div>"].join("")}).join("")}const printHtml=e=>{e=Object.assign({_pageBreaks:!1,customLayout:!0},e);return e.sheetName&&(e.title=e.title||e.sheetName),e.style&&(e.customStyle=e.customStyle||e.style),e.beforePrintMethod&&(e.beforeMethod=e.beforeMethod||e.beforePrintMethod),e.pageBreaks&&e.pageBreaks.length?handlePrint(e,createPageBreak(e)):handlePrint(e,e.html||e.content)};function assemblePageBreak(e,t,r){var a=e.reactData.staticPageBreaks,i=t.parentNode;i&&a&&(a.splice(_xeUtils.default.arrayIndexOf(i.children,t),0,r),e.reactData.staticPageBreaks=a.slice(0))}function destroyPageBreak(e,t){e.reactData.staticPageBreaks=e.reactData.staticPageBreaks.filter(e=>e.id!==t.id)}exports.printHtml=printHtml;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.assemblePageBreak=assemblePageBreak,exports.createPrintFrame=createPrintFrame,exports.destroyPageBreak=destroyPageBreak,exports.printHtml=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const browseObj=_xeUtils.default.browse();let printFrame;const defaultHtmlStyle='body{margin:0;padding:0;color:#000000;font-size:14px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu}body *{-webkit-box-sizing:border-box;box-sizing:border-box}.vxe-table{border-collapse:collapse;text-align:left;border-spacing:0}.vxe-table:not(.is--print){table-layout:fixed}.vxe-table,.vxe-table th,.vxe-table td,.vxe-table td{border-color:#D0D0D0;border-style:solid;border-width:0}.vxe-table.is--print{width:100%}.border--default,.border--full,.border--outer{border-top-width:1px}.border--default,.border--full,.border--outer{border-left-width:1px}.border--outer,.border--default th,.border--default td,.border--full th,.border--full td,.border--outer th,.border--inner th,.border--inner td{border-bottom-width:1px}.border--default,.border--outer,.border--full th,.border--full td{border-right-width:1px}.border--default th,.border--full th,.border--outer th{background-color:#f8f8f9}.vxe-table td>div,.vxe-table th>div{padding:.5em .4em}.col--center{text-align:center}.col--right{text-align:right}.vxe-table:not(.is--print) .col--ellipsis>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vxe-table--tree-node{text-align:left}.vxe-table--tree-node-wrapper{position:relative}.vxe-table--tree-icon-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-table--tree-unfold-icon,.vxe-table--tree-fold-icon{position:absolute;width:0;height:0;border-style:solid;border-width:.5em;border-right-color:transparent;border-bottom-color:transparent}.vxe-table--tree-unfold-icon{left:.3em;top:0;border-left-color:#939599;border-top-color:transparent}.vxe-table--tree-fold-icon{left:0;top:.3em;border-left-color:transparent;border-top-color:#939599}.vxe-table--tree-cell{display:block;padding-left:1.5em}.vxe-table input[type="checkbox"]{margin:0}.vxe-table input[type="checkbox"],.vxe-table input[type="radio"],.vxe-table input[type="checkbox"]+span,.vxe-table input[type="radio"]+span{vertical-align:middle;padding-left:0.4em}';function createPrintFrame(){var e=document.createElement("iframe");return e.className="vxe-table--print-frame",e}function appendPrintFrame(){printFrame.parentNode||document.body.appendChild(printFrame)}function afterPrintEvent(){requestAnimationFrame(removeFrame)}function removeFrame(){if(printFrame){if(printFrame.parentNode){try{printFrame.contentDocument.write("")}catch(e){}printFrame.parentNode.removeChild(printFrame)}printFrame=null}}function getExportBlobByString(e,t){return new Blob([e],{type:`text/${t};charset=utf-8;`})}const printMargin=80;function createHtmlPage(e,t){var r=e["customStyle"];return["<!DOCTYPE html><html>","<head>",'<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">',`<title>${e.title}</title>`,e._pageBreaks||e.pageBreaks&&e.pageBreaks.length?'<style media="print">@page {size: auto;margin: 0mm;}</style>':"",`<style>.vxe-print-slots{display: none;}.vxe-print-page-break.align--center{text-align:center;}.vxe-print-page-break.align--left{text-align:left;}.vxe-print-page-break.align--right{text-align:right;}.vxe-print-page-break--header-title{font-size:1.8em;text-align:center;line-height:${printMargin}px;}.vxe-print-page-break{page-break-before:always;display:flex;flex-direction:column;height:100vh;overflow:hidden;}.vxe-print-page-break--body{display:flex;flex-direction:row;flex-grow:1;overflow: hidden;}.vxe-print-page-break--left,.vxe-print-page-break--right{flex-shrink:0;width:${printMargin}px;height:100%;}.vxe-print-page-break--header,.vxe-print-page-break--footer{flex-shrink:0;height:${printMargin}px;width:100%;}.vxe-print-page-break--content{flex-grow: 1;overflow: hidden;}.vxe-print-page-break--footer-page-number{line-height:${printMargin}px;text-align:center;}</style>`,"<style>.vxe-table{white-space:pre;}</style>",`<style>${defaultHtmlStyle}</style>`,r?`<style>${r}</style>`:"","</head>","<body>",""+t,"</body>","</html>"].join("")}function handlePrint(e,r=""){var t=e["beforeMethod"];const a=getExportBlobByString(r=createHtmlPage(e,r=t?t({content:r,html:r,options:e})||"":r),"html");return new Promise(t=>{browseObj.msie?(removeFrame(),printFrame=createPrintFrame(),appendPrintFrame(),printFrame.contentDocument.write(r),printFrame.contentDocument.execCommand("print"),setTimeout(()=>{t({status:!0})},300)):(printFrame||((printFrame=createPrintFrame()).onload=e=>{e.target.src&&(e.target.contentWindow.onafterprint=afterPrintEvent,e.target.contentWindow.print()),t({status:!0})},printFrame.onerror=()=>{t({status:!1})}),appendPrintFrame(),printFrame.src=URL.createObjectURL(a))})}function createPageBreak(d){const{title:s,showPageNumber:p,align:c,headerAlign:b,footerAlign:m,showAllPageTitle:g}=d;var e=d.pageBreaks||[];const u=e.length;return e.map((e,t)=>{var r=e.bodyHtml,a=e.headerHtml||d.headerHtml,i=e.footerHtml||d.footerHtml,n=e.leftHtml||d.leftHtml,e=e.rightHtml||d.rightHtml,o=t+1,l={currentPage:o,pageCount:u};return[`<div class="${["vxe-print-page-break",c?"align--"+c:""].join(" ")}">`,`<div class="${["vxe-print-page-break--header",b?"align--"+b:""].join(" ")}">`,a?""+(_xeUtils.default.isFunction(a)?a(l):a||""):!s||!g&&t?"":`<div class="vxe-print-page-break--header-title">${s||""}</div>`,"</div>",'<div class="vxe-print-page-break--body">',`<div class="vxe-print-page-break--left">${_xeUtils.default.isFunction(n)?n(l):n||""}</div>`,`<div class="vxe-print-page-break--content">${_xeUtils.default.isFunction(r)?r(l):r||""}</div>`,`<div class="vxe-print-page-break--right">${_xeUtils.default.isFunction(e)?e(l):e||""}</div>`,"</div>",`<div class="${["vxe-print-page-break--footer",m?"align--"+m:""].join(" ")}">`,i?""+(_xeUtils.default.isFunction(i)?i(l):i||""):p?`<div class="vxe-print-page-break--footer-page-number">${o}/${u}</div>`:"","</div>","</div>"].join("")}).join("")}const printHtml=e=>{e=Object.assign({_pageBreaks:!1,customLayout:!0},e);return e.sheetName&&(e.title=e.title||e.sheetName),e.style&&(e.customStyle=e.customStyle||e.style),e.beforePrintMethod&&(e.beforeMethod=e.beforeMethod||e.beforePrintMethod),e.pageBreaks&&e.pageBreaks.length?handlePrint(e,createPageBreak(e)):handlePrint(e,e.html||e.content)};function assemblePageBreak(e,t,r){var a=e.reactData.staticPageBreaks,i=t.parentNode;i&&a&&(a.splice(_xeUtils.default.arrayIndexOf(i.children,t),0,r),e.reactData.staticPageBreaks=a.slice(0))}function destroyPageBreak(e,t){e.reactData.staticPageBreaks=e.reactData.staticPageBreaks.filter(e=>e.id!==t.id)}exports.printHtml=printHtml;

package/lib/split/src/split-item.js

@@ -12,8 +12,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var _default = exports.default = (0, _vue.defineComponent)({
   name: 'VxeSplitItem',
   props: {
+    name: [Number, String],
     width: [Number, String],
     height: [Number, String],
+    showAction: Boolean,
     minWidth: {
       type: [Number, String],
       default: () => null
@@ -34,12 +36,20 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const refElem = (0, _vue.ref)();
     const chunkConfig = (0, _vue.reactive)({
       id: xID,
+      name: props.name,
       width: props.width,
       height: props.height,
       minWidth: props.minWidth,
       minHeight: props.minHeight,
+      showAction: props.showAction,
+      isVisible: true,
+      isExpand: true,
       renderWidth: 0,
+      resizeWidth: 0,
+      foldWidth: 0,
       renderHeight: 0,
+      resizeHeight: 0,
+      foldHeight: 0,
       slots: slots
     });
     const reactData = (0, _vue.reactive)({});
@@ -72,6 +82,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         ref: refElem
       });
     };
+    (0, _vue.watch)(() => props.name, val => {
+      chunkConfig.name = val;
+    });
     (0, _vue.watch)(() => props.width, val => {
       chunkConfig.width = val;
     });
@@ -84,6 +97,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
     (0, _vue.watch)(() => props.minHeight, val => {
       chunkConfig.minHeight = val;
     });
+    (0, _vue.watch)(() => props.showAction, val => {
+      chunkConfig.showAction = val;
+    });
     (0, _vue.onMounted)(() => {
       const elem = refElem.value;
       if ($xeSplit && elem) {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSplitItem",props:{width:[Number,String],height:[Number,String],minWidth:{type:[Number,String],default:()=>null},minHeight:{type:[Number,String],default:()=>null}},emits:[],setup(e,t){const{emit:u,slots:i}=t;var r=_xeUtils.default.uniqueId();const n=(0,_vue.inject)("$xeSplit",null),l=(0,_vue.ref)(),d=(0,_vue.reactive)({id:r,width:e.width,height:e.height,minWidth:e.minWidth,minHeight:e.minHeight,renderWidth:0,renderHeight:0,slots:i});var a=(0,_vue.reactive)({});const h={},s={refElem:l},v={xID:r,props:e,context:t,reactData:a,internalData:{},getRefMaps:()=>s,getComputeMaps:()=>h};Object.assign(v,{dispatchEvent:(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$splitItem:v},t))}},{});return(0,_vue.watch)(()=>e.width,e=>{d.width=e}),(0,_vue.watch)(()=>e.height,e=>{d.height=e}),(0,_vue.watch)(()=>e.minWidth,e=>{d.minWidth=e}),(0,_vue.watch)(()=>e.minHeight,e=>{d.minHeight=e}),(0,_vue.onMounted)(()=>{var e=l.value;n&&e&&(0,_util.assembleSplitItem)(n,e,d)}),(0,_vue.onUnmounted)(()=>{n&&(0,_util.destroySplitItem)(n,d)}),(0,_vue.provide)("$xeSplitItem",v),v.renderVN=()=>(0,_vue.h)("div",{ref:l}),v},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSplitItem",props:{name:[Number,String],width:[Number,String],height:[Number,String],showAction:Boolean,minWidth:{type:[Number,String],default:()=>null},minHeight:{type:[Number,String],default:()=>null}},emits:[],setup(e,t){const{emit:n,slots:i}=t;var r=_xeUtils.default.uniqueId();const u=(0,_vue.inject)("$xeSplit",null),h=(0,_vue.ref)(),a=(0,_vue.reactive)({id:r,name:e.name,width:e.width,height:e.height,minWidth:e.minWidth,minHeight:e.minHeight,showAction:e.showAction,isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0,slots:i});var d=(0,_vue.reactive)({});const l={},o={refElem:h},s={xID:r,props:e,context:t,reactData:d,internalData:{},getRefMaps:()=>o,getComputeMaps:()=>l};Object.assign(s,{dispatchEvent:(e,t,i)=>{n(e,(0,_ui.createEvent)(i,{$splitItem:s},t))}},{});return(0,_vue.watch)(()=>e.name,e=>{a.name=e}),(0,_vue.watch)(()=>e.width,e=>{a.width=e}),(0,_vue.watch)(()=>e.height,e=>{a.height=e}),(0,_vue.watch)(()=>e.minWidth,e=>{a.minWidth=e}),(0,_vue.watch)(()=>e.minHeight,e=>{a.minHeight=e}),(0,_vue.watch)(()=>e.showAction,e=>{a.showAction=e}),(0,_vue.onMounted)(()=>{var e=h.value;u&&e&&(0,_util.assembleSplitItem)(u,e,a)}),(0,_vue.onUnmounted)(()=>{u&&(0,_util.destroySplitItem)(u,a)}),(0,_vue.provide)("$xeSplitItem",s),s.renderVN=()=>(0,_vue.h)("div",{ref:h}),s},render(){return this.renderVN()}});

package/lib/split/src/split.js

@@ -28,9 +28,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
       type: Boolean,
       default: () => (0, _ui.getConfig)().split.padding
     },
-    itemConfig: Object
+    itemConfig: Object,
+    barConfig: Object,
+    actionConfig: Object
   },
-  emits: [],
+  emits: ['action-dblclick', 'action-click', 'resize-start', 'resize-drag', 'resize-end'],
   setup(props, context) {
     const {
       emit,
@@ -45,8 +47,36 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const computeItemOpts = (0, _vue.computed)(() => {
       return Object.assign({}, (0, _ui.getConfig)().split.itemConfig, props.itemConfig);
     });
+    const computeBarOpts = (0, _vue.computed)(() => {
+      return Object.assign({}, (0, _ui.getConfig)().split.barConfig, props.barConfig);
+    });
+    const computeActionOpts = (0, _vue.computed)(() => {
+      return Object.assign({}, (0, _ui.getConfig)().split.actionConfig, props.actionConfig);
+    });
+    const computeIsFoldNext = (0, _vue.computed)(() => {
+      const actionOpts = computeActionOpts.value;
+      return actionOpts.direction === 'next';
+    });
+    const computeBarStyle = (0, _vue.computed)(() => {
+      const barOpts = computeBarOpts.value;
+      const {
+        width,
+        height
+      } = barOpts;
+      const stys = {};
+      if (height) {
+        stys.height = (0, _dom.toCssUnit)(height);
+      }
+      if (width) {
+        stys.width = (0, _dom.toCssUnit)(width);
+      }
+      return stys;
+    });
     const computeMaps = {
-      computeItemOpts
+      computeItemOpts,
+      computeBarOpts,
+      computeActionOpts,
+      computeIsFoldNext
     };
     const refMaps = {
       refElem
@@ -76,6 +106,40 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
       return [];
     };
+    const getDefaultActionIcon = item => {
+      const {
+        vertical
+      } = props;
+      const {
+        showAction,
+        isExpand
+      } = item;
+      const isFoldNext = computeIsFoldNext.value;
+      const topIcon = 'SPLIT_TOP_ACTION';
+      const bottomIcon = 'SPLIT_BOTTOM_ACTION';
+      const leftIcon = 'SPLIT_LEFT_ACTION';
+      const rightIcon = 'SPLIT_RIGHT_ACTION';
+      if (showAction) {
+        let iconName = '';
+        if (isFoldNext) {
+          if (vertical) {
+            iconName = isExpand ? bottomIcon : topIcon;
+          } else {
+            iconName = isExpand ? rightIcon : leftIcon;
+          }
+        } else {
+          if (vertical) {
+            iconName = isExpand ? topIcon : bottomIcon;
+          } else {
+            iconName = isExpand ? leftIcon : rightIcon;
+          }
+        }
+        if (iconName) {
+          return (0, _ui.getIcon)()[iconName];
+        }
+      }
+      return '';
+    };
     const recalculate = () => {
       return (0, _vue.nextTick)().then(() => {
         const {
@@ -158,30 +222,35 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         staticItems
       } = reactData;
-      const handleEl = evnt.currentTarget;
+      const barEl = evnt.currentTarget;
+      const handleEl = barEl.parentElement;
       const el = refElem.value;
       if (!el) {
         return;
       }
-      const itemId = handleEl.getAttribute('xid');
+      const itemId = handleEl.getAttribute('itemid');
       const itemIndex = _xeUtils.default.findIndexOf(staticItems, item => item.id === itemId);
       const item = staticItems[itemIndex];
       if (!item) {
         return;
       }
+      if (!item.isExpand) {
+        return;
+      }
+      const isFoldNext = computeIsFoldNext.value;
       const itemOpts = computeItemOpts.value;
       const allMinWidth = _xeUtils.default.toNumber(itemOpts.minWidth);
       const allMinHeight = _xeUtils.default.toNumber(itemOpts.minHeight);
-      const prevItem = staticItems[itemIndex - 1];
-      const prevItemEl = prevItem ? el.querySelector(`.vxe-split-item[xid="${prevItem.id}"]`) : null;
-      const currItemEl = item ? el.querySelector(`.vxe-split-item[xid="${item.id}"]`) : null;
-      const prevWidth = prevItemEl ? prevItemEl.clientWidth : 0;
+      const targetItem = staticItems[itemIndex + (isFoldNext ? 1 : -1)];
+      const targetItemEl = targetItem ? el.querySelector(`.vxe-split-item[itemid="${targetItem.id}"]`) : null;
+      const currItemEl = item ? el.querySelector(`.vxe-split-item[itemid="${item.id}"]`) : null;
+      const targetWidth = targetItemEl ? targetItemEl.clientWidth : 0;
       const currWidth = currItemEl ? currItemEl.clientWidth : 0;
-      const prevHeight = prevItemEl ? prevItemEl.clientHeight : 0;
+      const targetHeight = targetItemEl ? targetItemEl.clientHeight : 0;
       const currHeight = currItemEl ? currItemEl.clientHeight : 0;
-      const prevMinWidth = _xeUtils.default.toNumber(prevItem ? (0, _utils.getGlobalDefaultConfig)(prevItem.minWidth, allMinWidth) : allMinWidth);
+      const targetMinWidth = _xeUtils.default.toNumber(targetItem ? (0, _utils.getGlobalDefaultConfig)(targetItem.minWidth, allMinWidth) : allMinWidth);
       const currMinWidth = _xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minWidth, allMinWidth));
-      const prevMinHeight = _xeUtils.default.toNumber(prevItem ? (0, _utils.getGlobalDefaultConfig)(prevItem.minHeight, allMinHeight) : allMinHeight);
+      const targetMinHeight = _xeUtils.default.toNumber(targetItem ? (0, _utils.getGlobalDefaultConfig)(targetItem.minHeight, allMinHeight) : allMinHeight);
       const currMinHeight = _xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minHeight, allMinHeight));
       const disX = evnt.clientX;
       const disY = evnt.clientY;
@@ -189,46 +258,146 @@ var _default = exports.default = (0, _vue.defineComponent)({
       document.onmousemove = evnt => {
         evnt.preventDefault();
         if (vertical) {
-          const offsetTop = evnt.clientY - disY;
+          const offsetTop = isFoldNext ? disY - evnt.clientY : evnt.clientY - disY;
           if (offsetTop > 0) {
-            if (prevItem) {
+            if (targetItem) {
               if (currHeight - offsetTop >= currMinHeight) {
-                prevItem.renderHeight = prevHeight + offsetTop;
-                item.renderHeight = currHeight - offsetTop;
+                const reHeight = currHeight - offsetTop;
+                targetItem.resizeHeight = targetHeight + offsetTop;
+                item.resizeHeight = reHeight;
+                dispatchEvent('resize-drag', {
+                  item,
+                  name: item.name,
+                  offsetHeight: offsetTop,
+                  resizeHeight: reHeight,
+                  offsetWidth: 0,
+                  resizeWidth: 0
+                }, evnt);
               }
             }
           } else {
-            if (prevItem) {
-              if (prevHeight + offsetTop >= prevMinHeight) {
-                prevItem.renderHeight = prevHeight + offsetTop;
-                item.renderHeight = currHeight - offsetTop;
+            if (targetItem) {
+              if (targetHeight + offsetTop >= targetMinHeight) {
+                const reHeight = currHeight - offsetTop;
+                targetItem.resizeHeight = targetHeight + offsetTop;
+                item.resizeHeight = reHeight;
+                dispatchEvent('resize-drag', {
+                  item,
+                  name: item.name,
+                  offsetHeight: offsetTop,
+                  resizeHeight: reHeight,
+                  offsetWidth: 0,
+                  resizeWidth: 0
+                }, evnt);
               }
             }
           }
         } else {
-          const offsetLeft = evnt.clientX - disX;
+          const offsetLeft = isFoldNext ? disX - evnt.clientX : evnt.clientX - disX;
           if (offsetLeft > 0) {
-            if (prevItem) {
+            if (targetItem) {
               if (currWidth - offsetLeft >= currMinWidth) {
-                prevItem.renderWidth = prevWidth + offsetLeft;
-                item.renderWidth = currWidth - offsetLeft;
+                const reWidth = currWidth - offsetLeft;
+                targetItem.resizeWidth = targetWidth + offsetLeft;
+                item.resizeWidth = reWidth;
+                dispatchEvent('resize-drag', {
+                  item,
+                  name: item.name,
+                  offsetHeight: 0,
+                  resizeHeight: 0,
+                  offsetWidth: offsetLeft,
+                  resizeWidth: reWidth
+                }, evnt);
               }
             }
           } else {
-            if (prevItem) {
-              if (prevWidth + offsetLeft >= prevMinWidth) {
-                prevItem.renderWidth = prevWidth + offsetLeft;
-                item.renderWidth = currWidth - offsetLeft;
+            if (targetItem) {
+              if (targetWidth + offsetLeft >= targetMinWidth) {
+                const reWidth = currWidth - offsetLeft;
+                targetItem.resizeWidth = targetWidth + offsetLeft;
+                item.resizeWidth = reWidth;
+                dispatchEvent('resize-drag', {
+                  item,
+                  name: item.name,
+                  offsetHeight: 0,
+                  resizeHeight: 0,
+                  offsetWidth: offsetLeft,
+                  resizeWidth: reWidth
+                }, evnt);
               }
             }
           }
         }
       };
-      document.onmouseup = () => {
+      document.onmouseup = evnt => {
         document.onmousemove = null;
         document.onmouseup = null;
         (0, _dom.removeClass)(el, 'is--drag');
+        dispatchEvent('resize-end', {
+          item,
+          name: item.name,
+          resizeHeight: item.resizeHeight,
+          resizeWidth: item.resizeWidth
+        }, evnt);
       };
+      dispatchEvent('resize-start', {
+        item,
+        name: item.name
+      }, evnt);
+    };
+    const handleItemActionEvent = evnt => {
+      const el = refElem.value;
+      if (!el) {
+        return;
+      }
+      const {
+        vertical
+      } = props;
+      const {
+        staticItems
+      } = reactData;
+      const isFoldNext = computeIsFoldNext.value;
+      const btnEl = evnt.currentTarget;
+      const handleEl = btnEl.parentElement;
+      const itemId = handleEl.getAttribute('itemid');
+      const itemIndex = _xeUtils.default.findIndexOf(staticItems, item => item.id === itemId);
+      const item = staticItems[itemIndex];
+      const targetItem = staticItems[itemIndex + (isFoldNext ? 1 : -1)];
+      if (item) {
+        const {
+          showAction,
+          isExpand
+        } = item;
+        if (showAction) {
+          if (vertical) {
+            if (targetItem) {
+              targetItem.isVisible = !isExpand;
+              targetItem.foldHeight = 0;
+              item.isExpand = !isExpand;
+              item.isVisible = true;
+              item.foldHeight = isExpand ? (targetItem.resizeHeight || targetItem.renderHeight) + (item.resizeHeight || item.renderHeight) : 0;
+            }
+          } else {
+            if (targetItem) {
+              targetItem.isVisible = !isExpand;
+              targetItem.foldWidth = 0;
+              item.isExpand = !isExpand;
+              item.isVisible = true;
+              item.foldWidth = isExpand ? (targetItem.resizeWidth || targetItem.renderWidth) + (item.resizeWidth || item.renderWidth) : 0;
+            }
+          }
+          dispatchEvent(evnt.type === 'dblclick' ? 'action-dblclick' : 'action-click', {
+            item,
+            name: item.name,
+            targetItem,
+            targetName: targetItem ? targetItem.name : '',
+            expanded: item.isExpand
+          }, evnt);
+        }
+      }
+    };
+    const handleGlobalResizeEvent = () => {
+      recalculate();
     };
     const splitMethods = {
       dispatchEvent,
@@ -236,6 +405,34 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     const splitPrivateMethods = {};
     Object.assign($xeSplit, splitMethods, splitPrivateMethods);
+    const renderHandleBar = item => {
+      const barStyle = computeBarStyle.value;
+      const actionOpts = computeActionOpts.value;
+      const isFoldNext = computeIsFoldNext.value;
+      const {
+        id,
+        isExpand,
+        showAction
+      } = item;
+      const btnOns = {};
+      if (actionOpts.trigger === 'dblclick') {
+        btnOns.onDblclick = handleItemActionEvent;
+      } else {
+        btnOns.onClick = handleItemActionEvent;
+      }
+      return (0, _vue.h)('div', {
+        itemid: id,
+        class: ['vxe-split-item-handle', isFoldNext ? 'to--next' : 'to--prev']
+      }, [(0, _vue.h)('div', {
+        class: 'vxe-split-item-handle-bar',
+        style: barStyle,
+        onMousedown: dragEvent
+      }), showAction ? (0, _vue.h)('span', Object.assign({
+        class: 'vxe-split-item-action-btn'
+      }, btnOns), [(0, _vue.h)('i', {
+        class: (isExpand ? actionOpts.openIcon : actionOpts.closeIcon) || getDefaultActionIcon(item)
+      })]) : (0, _ui.renderEmptyElement)($xeSplit)]);
+    };
     const renderItems = () => {
       const {
         border,
@@ -245,46 +442,53 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         staticItems
       } = reactData;
+      const isFoldNext = computeIsFoldNext.value;
       const itemVNs = [];
       staticItems.forEach((item, index) => {
         const {
           id,
           slots,
           renderHeight,
-          renderWidth
+          resizeHeight,
+          foldHeight,
+          renderWidth,
+          resizeWidth,
+          foldWidth,
+          isVisible,
+          isExpand
         } = item;
         const defaultSlot = slots ? slots.default : null;
         const stys = {};
+        const itemWidth = isVisible ? foldWidth || resizeWidth || renderWidth : 0;
+        const itemHeight = isVisible ? foldHeight || resizeHeight || renderHeight : 0;
         if (vertical) {
-          if (renderHeight) {
-            stys.height = (0, _dom.toCssUnit)(renderHeight);
+          if (itemHeight) {
+            stys.height = (0, _dom.toCssUnit)(itemHeight);
           }
         } else {
-          if (renderWidth) {
-            stys.width = (0, _dom.toCssUnit)(renderWidth);
+          if (itemWidth) {
+            stys.width = (0, _dom.toCssUnit)(itemWidth);
           }
         }
         itemVNs.push((0, _vue.h)('div', {
-          xid: id,
+          itemid: id,
           class: ['vxe-split-item', vertical ? 'is--vertical' : 'is--horizontal', {
             'is--padding': padding,
             'is--border': border,
-            'is--height': renderHeight,
-            'is--width': renderWidth,
-            'is--fill': !renderHeight && !renderWidth,
-            'is--handle': index > 0
+            'is--height': itemHeight,
+            'is--width': itemWidth,
+            'is--fill': isVisible && !itemHeight && !itemWidth,
+            'is--handle': index > 0,
+            'is--expand': isExpand,
+            'is--hidden': !isVisible
           }],
           style: stys
-        }, [index ? (0, _vue.h)('div', {
-          xid: id,
-          class: 'vxe-split-item-handle',
-          onMousedown: dragEvent
-        }) : (0, _ui.renderEmptyElement)($xeSplit), (0, _vue.h)('div', {
-          xid: id,
+        }, [index && !isFoldNext ? renderHandleBar(item) : (0, _ui.renderEmptyElement)($xeSplit), (0, _vue.h)('div', {
+          itemid: id,
           class: 'vxe-split-item--wrapper'
         }, [(0, _vue.h)('div', {
           class: 'vxe-split-item--inner'
-        }, defaultSlot ? callSlot(defaultSlot, {}) : [])])]));
+        }, defaultSlot ? callSlot(defaultSlot, {}) : [])]), isFoldNext && index < staticItems.length - 1 ? renderHandleBar(item) : (0, _ui.renderEmptyElement)($xeSplit)]));
       });
       return (0, _vue.h)('div', {
         class: 'vxe-split-wrapper'
@@ -316,7 +520,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
       recalculate();
     });
     (0, _vue.onMounted)(() => {
-      recalculate();
+      (0, _vue.nextTick)(() => {
+        recalculate();
+      });
+      _ui.globalEvents.on($xeSplit, 'resize', handleGlobalResizeEvent);
+    });
+    (0, _vue.onUnmounted)(() => {
+      _ui.globalEvents.off($xeSplit, 'resize');
     });
     (0, _vue.onActivated)(() => {
       recalculate();

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"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({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},itemConfig:Object},emits:[],setup(b,e){const{emit:l,slots:s}=e;var t=_xeUtils.default.uniqueId();const U=(0,_vue.ref)(),C=(0,_vue.reactive)({staticItems:[]});const N=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.itemConfig,b.itemConfig)),i={computeItemOpts:N},r={refElem:U},a={xID:t,props:b,context:e,reactData:C,internalData:{},getRefMaps:()=>r,getComputeMaps:()=>i};const c=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=s[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],u=()=>(0,_vue.nextTick)().then(()=>{var e=b["vertical"],t=C["staticItems"],i=U.value;if(i){const r=i.clientWidth,s=i.clientHeight;if(r&&s){i=N.value;const u=_xeUtils.default.toNumber(i.minWidth),n=_xeUtils.default.toNumber(i.minHeight),d=[];if(e){let l=0;if(t.forEach(e=>{var t=e["height"];let i=0;t?(i=(0,_dom.isScale)(t)?s*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderHeight=i):d.push(e),l+=i}),d.length){const o=(s-l)/d.length;d.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,n)),o)})}}else{let l=0;if(t.forEach(e=>{var t=e["width"];let i=0;t?(i=(0,_dom.isScale)(t)?r*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderWidth=i):d.push(e),l+=i}),d.length){const a=(r-l)/d.length;d.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,u)),a)})}}}}}),h=e=>{e.preventDefault();const i=b["vertical"];var t=C["staticItems"],l=e.currentTarget;const r=U.value;if(r){const n=l.getAttribute("xid");l=_xeUtils.default.findIndexOf(t,e=>e.id===n);const d=t[l];if(d){var s=N.value,u=_xeUtils.default.toNumber(s.minWidth),s=_xeUtils.default.toNumber(s.minHeight);const o=t[l-1];t=o?r.querySelector(`.vxe-split-item[xid="${o.id}"]`):null,l=d?r.querySelector(`.vxe-split-item[xid="${d.id}"]`):null;const a=t?t.clientWidth:0,c=l?l.clientWidth:0,h=t?t.clientHeight:0,m=l?l.clientHeight:0,v=_xeUtils.default.toNumber(o?(0,_utils.getGlobalDefaultConfig)(o.minWidth,u):u),f=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(d.minWidth,u)),_=_xeUtils.default.toNumber(o?(0,_utils.getGlobalDefaultConfig)(o.minHeight,s):s),g=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(d.minHeight,s)),p=e.clientX,x=e.clientY;(0,_dom.addClass)(r,"is--drag"),document.onmousemove=e=>{var t;e.preventDefault(),i?0<(t=e.clientY-x)?o&&m-t>=g&&(o.renderHeight=h+t,d.renderHeight=m-t):o&&h+t>=_&&(o.renderHeight=h+t,d.renderHeight=m-t):0<(t=e.clientX-p)?o&&c-t>=f&&(o.renderWidth=a+t,d.renderWidth=c-t):o&&a+t>=v&&(o.renderWidth=a+t,d.renderWidth=c-t)},document.onmouseup=()=>{document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(r,"is--drag")}}}};t={dispatchEvent:(e,t,i)=>{l(e,(0,_ui.createEvent)(i,{$split:a},t))},recalculate:u};Object.assign(a,t,{});return(0,_vue.watch)(()=>C.staticItems,()=>{u()}),(0,_vue.onMounted)(()=>{u()}),(0,_vue.onActivated)(()=>{u()}),(0,_vue.provide)("$xeSplit",a),a.renderVN=()=>{var{vertical:e,width:t,height:i}=b,l=s.default,r={};return i&&(r.height=(0,_dom.toCssUnit)(i)),t&&(r.width=(0,_dom.toCssUnit)(t)),(0,_vue.h)("div",{ref:U,class:["vxe-split",e?"is--vertical":"is--horizontal"],style:r},[(0,_vue.h)("div",{class:"vxe-split-slots"},l?l({}):[]),(()=>{const{border:u,padding:n,vertical:d}=b;var e=C["staticItems"];const o=[];return e.forEach((e,t)=>{var{id:e,slots:i,renderHeight:l,renderWidth:r}=e,i=i?i.default:null,s={};d?l&&(s.height=(0,_dom.toCssUnit)(l)):r&&(s.width=(0,_dom.toCssUnit)(r)),o.push((0,_vue.h)("div",{xid:e,class:["vxe-split-item",d?"is--vertical":"is--horizontal",{"is--padding":n,"is--border":u,"is--height":l,"is--width":r,"is--fill":!l&&!r,"is--handle":0<t}],style:s},[t?(0,_vue.h)("div",{xid:e,class:"vxe-split-item-handle",onMousedown:h}):(0,_ui.renderEmptyElement)(a),(0,_vue.h)("div",{xid:e,class:"vxe-split-item--wrapper"},[(0,_vue.h)("div",{class:"vxe-split-item--inner"},i?c(i,{}):[])])]))}),(0,_vue.h)("div",{class:"vxe-split-wrapper"},o)})()])},a},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({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},itemConfig:Object,barConfig:Object,actionConfig:Object},emits:["action-dblclick","action-click","resize-start","resize-drag","resize-end"],setup(z,e){const{emit:s,slots:n}=e;var t=_xeUtils.default.uniqueId();const C=(0,_vue.ref)(),H=(0,_vue.reactive)({staticItems:[]});const W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.itemConfig,z.itemConfig)),l=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.barConfig,z.barConfig)),o=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.actionConfig,z.actionConfig)),E=(0,_vue.computed)(()=>{return"next"===o.value.direction}),d=(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:W,computeBarOpts:l,computeActionOpts:o,computeIsFoldNext:E},r={refElem:C},x={xID:t,props:z,context:e,reactData:H,internalData:{},getRefMaps:()=>r,getComputeMaps:()=>i},U=(e,t,i)=>{s(e,(0,_ui.createEvent)(i,{$split:x},t))},b=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],a=()=>(0,_vue.nextTick)().then(()=>{var e=z["vertical"],t=H["staticItems"],i=C.value;if(i){const l=i.clientWidth,n=i.clientHeight;if(l&&n){i=W.value;const r=_xeUtils.default.toNumber(i.minWidth),a=_xeUtils.default.toNumber(i.minHeight),o=[];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):_xeUtils.default.toNumber(t),e.renderHeight=i):o.push(e),s+=i}),o.length){const d=(n-s)/o.length;o.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,a)),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):_xeUtils.default.toNumber(t),e.renderWidth=i):o.push(e),s+=i}),o.length){const u=(l-s)/o.length;o.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,r)),u)})}}}}}),u=e=>{e.preventDefault();const s=z["vertical"];var t=H["staticItems"],i=e.currentTarget.parentElement;const l=C.value;if(l){const a=i.getAttribute("itemid");i=_xeUtils.default.findIndexOf(t,e=>e.id===a);const o=t[i];if(o&&o.isExpand){const d=E.value;var n=W.value,r=_xeUtils.default.toNumber(n.minWidth),n=_xeUtils.default.toNumber(n.minHeight);const u=t[i+(d?1:-1)];t=u?l.querySelector(`.vxe-split-item[itemid="${u.id}"]`):null,i=o?l.querySelector(`.vxe-split-item[itemid="${o.id}"]`):null;const c=t?t.clientWidth:0,h=i?i.clientWidth:0,m=t?t.clientHeight:0,g=i?i.clientHeight:0,f=_xeUtils.default.toNumber(u?(0,_utils.getGlobalDefaultConfig)(u.minWidth,r):r),v=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(o.minWidth,r)),_=_xeUtils.default.toNumber(u?(0,_utils.getGlobalDefaultConfig)(u.minHeight,n):n),p=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(o.minHeight,n)),x=e.clientX,b=e.clientY;(0,_dom.addClass)(l,"is--drag"),document.onmousemove=e=>{var t,i;e.preventDefault(),s?0<(t=d?b-e.clientY:e.clientY-b)?u&&g-t>=p&&(i=g-t,u.resizeHeight=m+t,o.resizeHeight=i,U("resize-drag",{item:o,name:o.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):u&&m+t>=_&&(i=g-t,u.resizeHeight=m+t,o.resizeHeight=i,U("resize-drag",{item:o,name:o.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):0<(t=d?x-e.clientX:e.clientX-x)?u&&h-t>=v&&(i=h-t,u.resizeWidth=c+t,o.resizeWidth=i,U("resize-drag",{item:o,name:o.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e)):u&&c+t>=f&&(i=h-t,u.resizeWidth=c+t,o.resizeWidth=i,U("resize-drag",{item:o,name:o.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e))},document.onmouseup=e=>{document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(l,"is--drag"),U("resize-end",{item:o,name:o.name,resizeHeight:o.resizeHeight,resizeWidth:o.resizeWidth},e)},U("resize-start",{item:o,name:o.name},e)}}},c=e=>{if(C.value){var t=z["vertical"],i=H["staticItems"],s=E.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),U("dblclick"===e.type?"action-dblclick":"action-click",{item:n,name:n.name,targetItem:i,targetName:i?i.name:"",expanded:n.isExpand},e))}},h=()=>{a()};t={dispatchEvent:U,recalculate:a};Object.assign(x,t,{});const I=e=>{var t=d.value,i=o.value,s=E.value,{id:l,isExpand:n,showAction:r}=e,a={};return"dblclick"===i.trigger?a.onDblclick=c:a.onClick=c,(0,_vue.h)("div",{itemid:l,class:["vxe-split-item-handle",s?"to--next":"to--prev"]},[(0,_vue.h)("div",{class:"vxe-split-item-handle-bar",style:t,onMousedown:u}),r?(0,_vue.h)("span",Object.assign({class:"vxe-split-item-action-btn"},a),[(0,_vue.h)("i",{class:(n?i.openIcon:i.closeIcon)||(e=>{var t=z["vertical"],{showAction:e,isExpand:i}=e,s=E.value,l="SPLIT_TOP_ACTION",n="SPLIT_BOTTOM_ACTION",r="SPLIT_LEFT_ACTION",a="SPLIT_RIGHT_ACTION";if(e){let e="";if(e=s?t?i?n:l:i?a:r:t?i?l:n:i?r:a)return(0,_ui.getIcon)()[e]}return""})(e)})]):(0,_ui.renderEmptyElement)(x)])};return(0,_vue.watch)(()=>H.staticItems,()=>{a()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{a()}),_ui.globalEvents.on(x,"resize",h)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(x,"resize")}),(0,_vue.onActivated)(()=>{a()}),(0,_vue.provide)("$xeSplit",x),x.renderVN=()=>{var{vertical:e,width:t,height:i}=z,s=n.default,l={};return i&&(l.height=(0,_dom.toCssUnit)(i)),t&&(l.width=(0,_dom.toCssUnit)(t)),(0,_vue.h)("div",{ref:C,class:["vxe-split",e?"is--vertical":"is--horizontal"],style:l},[(0,_vue.h)("div",{class:"vxe-split-slots"},s?s({}):[]),(()=>{const{border:m,padding:g,vertical:f}=z,v=H["staticItems"],_=E.value,p=[];return v.forEach((e,t)=>{var{id:i,slots:s,renderHeight:l,resizeHeight:n,foldHeight:r,renderWidth:a,resizeWidth:o,foldWidth:d,isVisible:u,isExpand:c}=e,s=s?s.default:null,h={},d=u?d||o||a:0,o=u?r||n||l:0;f?o&&(h.height=(0,_dom.toCssUnit)(o)):d&&(h.width=(0,_dom.toCssUnit)(d)),p.push((0,_vue.h)("div",{itemid:i,class:["vxe-split-item",f?"is--vertical":"is--horizontal",{"is--padding":g,"is--border":m,"is--height":o,"is--width":d,"is--fill":u&&!o&&!d,"is--handle":0<t,"is--expand":c,"is--hidden":!u}],style:h},[t&&!_?I(e):(0,_ui.renderEmptyElement)(x),(0,_vue.h)("div",{itemid:i,class:"vxe-split-item--wrapper"},[(0,_vue.h)("div",{class:"vxe-split-item--inner"},s?b(s,{}):[])]),_&&t<v.length-1?I(e):(0,_ui.renderEmptyElement)(x)]))}),(0,_vue.h)("div",{class:"vxe-split-wrapper"},p)})()])},x},render(){return this.renderVN()}});