vxe-pc-ui 3.5.2 → 3.5.4

package/lib/list/src/list.js

@@ -15,6 +15,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var browseObj = _xeUtils.default.browse();
 var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
   name: 'VxeList',
   mixins: [_ui.globalMixins.sizeMixin],
@@ -230,7 +231,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         if (scrollYLoad) {
           var scrollBodyElem = $xeList.$refs.refVirtualWrapper;
           var visibleYSize = Math.max(8, Math.ceil(scrollBodyElem.clientHeight / rowHeight));
-          var offsetYSize = sYOpts.oSize ? _xeUtils.default.toNumber(sYOpts.oSize) : _dom.browse.edge ? 10 : 0;
+          var 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 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,i){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0===i)return("string"===e?String:Number)(t);i=i.call(t,e||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeList",mixins:[_ui.globalMixins.sizeMixin],props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:function(){return(0,_ui.getConfig)().list.size||(0,_ui.getConfig)().size}},autoResize:{type:Boolean,default:function(){return(0,_ui.getConfig)().list.autoResize}},syncResize:[Boolean,String,Number],virtualYConfig:Object,scrollY:Object},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{scrollYLoad:!1,bodyHeight:0,customHeight:0,customMaxHeight:0,parentHeight:0,topSpaceHeight:0,items:[]},internalData:{resizeObserver:void 0,fullData:[],lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0}}}},computed:Object.assign(Object.assign({},{}),{computeSYOpts:function(){return Object.assign({},(0,_ui.getConfig)().list.virtualYConfig||(0,_ui.getConfig)().list.scrollY,this.virtualYConfig||this.scrollY)},computeStyles:function(){var t=this.reactData,e=this.height,i=this.maxHeight,r=t.customHeight,t=t.customMaxHeight,a={};return e?a.height="".concat(r,"px"):i&&(a.height="auto",a.maxHeight="".concat(t,"px")),a}}),methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$list:this},e))},callSlot:function(t,e,i){var r=this.$scopedSlots;return t&&(_xeUtils.default.isString(t)&&(t=r[t]||null),_xeUtils.default.isFunction(t))?(0,_vn.getSlotVNs)(t.call(this,e,i)):[]},loadData:function(t){var e=this,i=e.reactData,r=e.internalData,a=r.scrollYStore,l=e.computeSYOpts,t=t||[];return Object.assign(a,{startIndex:0,endIndex:1,visibleSize:0}),r.fullData=t,i.scrollYLoad=!!l.enabled&&-1<l.gt&&(0===l.gt||l.gt<=t.length),e.handleData(),e.computeScrollLoad().then(function(){e.refreshScroll()})},reloadData:function(t){return this.clearScroll(),this.loadData(t)},calcTableHeight:function(t){var e=this.reactData.parentHeight,t=this[t],i=0;return i=t?"100%"===t||"auto"===t?e:(i=(0,_dom.isScale)(t)?Math.floor((_xeUtils.default.toInteger(t)||1)/100*e):_xeUtils.default.toNumber(t),Math.max(40,i)):i},updateHeight:function(){var t=this.reactData;t.customHeight=this.calcTableHeight("height"),t.customMaxHeight=this.calcTableHeight("maxHeight")},updateYSpace:function(){var t=this.reactData,e=this.internalData,i=t.scrollYLoad,r=e.scrollYStore;t.bodyHeight=i?e.fullData.length*r.rowHeight:0,t.topSpaceHeight=i?Math.max(r.startIndex*r.rowHeight,0):0},handleData:function(){var t=this.reactData,e=this.internalData,i=t.scrollYLoad,r=e.fullData,e=e.scrollYStore;return t.items=i?r.slice(e.startIndex,e.endIndex):r.slice(0),this.$nextTick()},updateYData:function(){this.handleData(),this.updateYSpace()},computeScrollLoad:function(){var o=this,n=o.reactData,s=o.internalData;return o.$nextTick().then(function(){var t,e=n.scrollYLoad,i=s.scrollYStore,r=o.$refs.refVirtualBody,a=o.computeSYOpts,l=0;(t=r?(t=a.sItem?r.querySelector(a.sItem):t)||r.children[0]:t)&&(l=t.offsetHeight),l=Math.max(12,l),i.rowHeight=l,e?(r=o.$refs.refVirtualWrapper,t=Math.max(8,Math.ceil(r.clientHeight/l)),e=a.oSize?_xeUtils.default.toNumber(a.oSize):_dom.browse.edge?10:0,i.offsetSize=e,i.visibleSize=t,i.endIndex=Math.max(i.startIndex+t+e,i.endIndex),o.updateYData()):o.updateYSpace()})},clearScroll:function(){var t=this.$refs.refVirtualWrapper;return t&&(t.scrollTop=0),this.$nextTick()},scrollTo:function(t,e){var i=this,r=i.reactData,a=i.$refs.refVirtualWrapper;return _xeUtils.default.isNumber(t)&&(a.scrollLeft=t),_xeUtils.default.isNumber(e)&&(a.scrollTop=e),r.scrollYLoad?new Promise(function(t){setTimeout(function(){i.$nextTick(function(){t()})},50)}):i.$nextTick()},refreshScroll:function(){var t=this.internalData,e=t.lastScrollLeft,i=t.lastScrollTop;return this.clearScroll().then(function(){if(e||i)return t.lastScrollLeft=0,t.lastScrollTop=0,scrollTo(e,i)})},recalculate:function(){var t=this,e=t.reactData,i=t.$refs.refElem;if(i){var r=i.parentElement;if(e.parentHeight=r?r.clientHeight:0,t.updateHeight(),i.clientWidth&&i.clientHeight)return t.computeScrollLoad()}return t.$nextTick()},loadYData:function(t){var e=this.internalData.scrollYStore,i=e.startIndex,r=e.endIndex,a=e.visibleSize,l=e.offsetSize,t=t.target.scrollTop,t=Math.floor(t/e.rowHeight),o=Math.max(0,t-1-l),l=t+a+l;!(t<=i||r-a-1<=t)||i===o&&r===l||(e.startIndex=o,e.endIndex=l,this.updateYData())},scrollEvent:function(t){var e=this.reactData,i=this.internalData,r=t.target,a=r.scrollTop,r=r.scrollLeft,l=r!==i.lastScrollLeft,o=a!==i.lastScrollTop;i.lastScrollTop=a,i.lastScrollLeft=r,e.scrollYLoad&&this.loadYData(t),this.dispatchEvent("scroll",{scrollLeft:r,scrollTop:a,isX:l,isY:o},t)},renderVN:function(t){var e=this,i=e.reactData,r=e.className,a=e.loading,l=i.bodyHeight,o=i.topSpaceHeight,i=i.items,n=e.$scopedSlots.default,s=e.computeSize,c=e.computeStyles;return t("div",{ref:"refElem",class:["vxe-list",r?_xeUtils.default.isFunction(r)?r({$list:e}):r:"",_defineProperty(_defineProperty({},"size--".concat(s),s),"is--loading",a)]},[t("div",{ref:"refVirtualWrapper",class:"vxe-list--virtual-wrapper",style:c,on:{scroll:e.scrollEvent}},[t("div",{class:"vxe-list--y-space",style:{height:l?"".concat(l,"px"):""}}),t("div",{ref:"refVirtualBody",class:"vxe-list--body",style:{marginTop:o?"".concat(o,"px"):""}},n?e.callSlot(n,{items:i},t):[])]),t(_loading.default,{class:"vxe-list--loading",props:{value:a}})])}},watch:{data:function(){this.loadData(this.data||[])},height:function(){this.recalculate()},maxHeight:function(){this.recalculate()},syncResize:function(t){var e=this;t&&(e.recalculate(),e.$nextTick(function(){return setTimeout(function(){return e.recalculate()})}))}},created:function(){this.loadData(this.data||[])},mounted:function(){var t,e=this,i=e,r=e.internalData;e.recalculate(),i.autoResize&&(i=e.$refs.refElem,(t=_ui.globalResize.create(function(){return e.recalculate()})).observe(i),i&&t.observe(i.parentElement),r.resizeObserver=t),_ui.globalEvents.on(e,"resize",e.recalculate)},activated:function(){var t=this;t.recalculate().then(function(){return t.refreshScroll()})},beforeDestroy:function(){var t=this.internalData.resizeObserver;t&&t.disconnect(),_ui.globalEvents.off(this,"resize")},render:function(t){return this.renderVN(t)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,i){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0===i)return("string"===e?String:Number)(t);i=i.call(t,e||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var browseObj=_xeUtils.default.browse(),_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeList",mixins:[_ui.globalMixins.sizeMixin],props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:function(){return(0,_ui.getConfig)().list.size||(0,_ui.getConfig)().size}},autoResize:{type:Boolean,default:function(){return(0,_ui.getConfig)().list.autoResize}},syncResize:[Boolean,String,Number],virtualYConfig:Object,scrollY:Object},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{scrollYLoad:!1,bodyHeight:0,customHeight:0,customMaxHeight:0,parentHeight:0,topSpaceHeight:0,items:[]},internalData:{resizeObserver:void 0,fullData:[],lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0}}}},computed:Object.assign(Object.assign({},{}),{computeSYOpts:function(){return Object.assign({},(0,_ui.getConfig)().list.virtualYConfig||(0,_ui.getConfig)().list.scrollY,this.virtualYConfig||this.scrollY)},computeStyles:function(){var t=this.reactData,e=this.height,i=this.maxHeight,r=t.customHeight,t=t.customMaxHeight,a={};return e?a.height="".concat(r,"px"):i&&(a.height="auto",a.maxHeight="".concat(t,"px")),a}}),methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$list:this},e))},callSlot:function(t,e,i){var r=this.$scopedSlots;return t&&(_xeUtils.default.isString(t)&&(t=r[t]||null),_xeUtils.default.isFunction(t))?(0,_vn.getSlotVNs)(t.call(this,e,i)):[]},loadData:function(t){var e=this,i=e.reactData,r=e.internalData,a=r.scrollYStore,l=e.computeSYOpts,t=t||[];return Object.assign(a,{startIndex:0,endIndex:1,visibleSize:0}),r.fullData=t,i.scrollYLoad=!!l.enabled&&-1<l.gt&&(0===l.gt||l.gt<=t.length),e.handleData(),e.computeScrollLoad().then(function(){e.refreshScroll()})},reloadData:function(t){return this.clearScroll(),this.loadData(t)},calcTableHeight:function(t){var e=this.reactData.parentHeight,t=this[t],i=0;return i=t?"100%"===t||"auto"===t?e:(i=(0,_dom.isScale)(t)?Math.floor((_xeUtils.default.toInteger(t)||1)/100*e):_xeUtils.default.toNumber(t),Math.max(40,i)):i},updateHeight:function(){var t=this.reactData;t.customHeight=this.calcTableHeight("height"),t.customMaxHeight=this.calcTableHeight("maxHeight")},updateYSpace:function(){var t=this.reactData,e=this.internalData,i=t.scrollYLoad,r=e.scrollYStore;t.bodyHeight=i?e.fullData.length*r.rowHeight:0,t.topSpaceHeight=i?Math.max(r.startIndex*r.rowHeight,0):0},handleData:function(){var t=this.reactData,e=this.internalData,i=t.scrollYLoad,r=e.fullData,e=e.scrollYStore;return t.items=i?r.slice(e.startIndex,e.endIndex):r.slice(0),this.$nextTick()},updateYData:function(){this.handleData(),this.updateYSpace()},computeScrollLoad:function(){var o=this,n=o.reactData,s=o.internalData;return o.$nextTick().then(function(){var t,e=n.scrollYLoad,i=s.scrollYStore,r=o.$refs.refVirtualBody,a=o.computeSYOpts,l=0;(t=r?(t=a.sItem?r.querySelector(a.sItem):t)||r.children[0]:t)&&(l=t.offsetHeight),l=Math.max(12,l),i.rowHeight=l,e?(r=o.$refs.refVirtualWrapper,t=Math.max(8,Math.ceil(r.clientHeight/l)),e=a.oSize?_xeUtils.default.toNumber(a.oSize):browseObj.edge?10:0,i.offsetSize=e,i.visibleSize=t,i.endIndex=Math.max(i.startIndex+t+e,i.endIndex),o.updateYData()):o.updateYSpace()})},clearScroll:function(){var t=this.$refs.refVirtualWrapper;return t&&(t.scrollTop=0),this.$nextTick()},scrollTo:function(t,e){var i=this,r=i.reactData,a=i.$refs.refVirtualWrapper;return _xeUtils.default.isNumber(t)&&(a.scrollLeft=t),_xeUtils.default.isNumber(e)&&(a.scrollTop=e),r.scrollYLoad?new Promise(function(t){setTimeout(function(){i.$nextTick(function(){t()})},50)}):i.$nextTick()},refreshScroll:function(){var t=this.internalData,e=t.lastScrollLeft,i=t.lastScrollTop;return this.clearScroll().then(function(){if(e||i)return t.lastScrollLeft=0,t.lastScrollTop=0,scrollTo(e,i)})},recalculate:function(){var t=this,e=t.reactData,i=t.$refs.refElem;if(i){var r=i.parentElement;if(e.parentHeight=r?r.clientHeight:0,t.updateHeight(),i.clientWidth&&i.clientHeight)return t.computeScrollLoad()}return t.$nextTick()},loadYData:function(t){var e=this.internalData.scrollYStore,i=e.startIndex,r=e.endIndex,a=e.visibleSize,l=e.offsetSize,t=t.target.scrollTop,t=Math.floor(t/e.rowHeight),o=Math.max(0,t-1-l),l=t+a+l;!(t<=i||r-a-1<=t)||i===o&&r===l||(e.startIndex=o,e.endIndex=l,this.updateYData())},scrollEvent:function(t){var e=this.reactData,i=this.internalData,r=t.target,a=r.scrollTop,r=r.scrollLeft,l=r!==i.lastScrollLeft,o=a!==i.lastScrollTop;i.lastScrollTop=a,i.lastScrollLeft=r,e.scrollYLoad&&this.loadYData(t),this.dispatchEvent("scroll",{scrollLeft:r,scrollTop:a,isX:l,isY:o},t)},renderVN:function(t){var e=this,i=e.reactData,r=e.className,a=e.loading,l=i.bodyHeight,o=i.topSpaceHeight,i=i.items,n=e.$scopedSlots.default,s=e.computeSize,c=e.computeStyles;return t("div",{ref:"refElem",class:["vxe-list",r?_xeUtils.default.isFunction(r)?r({$list:e}):r:"",_defineProperty(_defineProperty({},"size--".concat(s),s),"is--loading",a)]},[t("div",{ref:"refVirtualWrapper",class:"vxe-list--virtual-wrapper",style:c,on:{scroll:e.scrollEvent}},[t("div",{class:"vxe-list--y-space",style:{height:l?"".concat(l,"px"):""}}),t("div",{ref:"refVirtualBody",class:"vxe-list--body",style:{marginTop:o?"".concat(o,"px"):""}},n?e.callSlot(n,{items:i},t):[])]),t(_loading.default,{class:"vxe-list--loading",props:{value:a}})])}},watch:{data:function(){this.loadData(this.data||[])},height:function(){this.recalculate()},maxHeight:function(){this.recalculate()},syncResize:function(t){var e=this;t&&(e.recalculate(),e.$nextTick(function(){return setTimeout(function(){return e.recalculate()})}))}},created:function(){this.loadData(this.data||[])},mounted:function(){var t,e=this,i=e,r=e.internalData;e.recalculate(),i.autoResize&&(i=e.$refs.refElem,(t=_ui.globalResize.create(function(){return e.recalculate()})).observe(i),i&&t.observe(i.parentElement),r.resizeObserver=t),_ui.globalEvents.on(e,"resize",e.recalculate)},activated:function(){var t=this;t.recalculate().then(function(){return t.refreshScroll()})},beforeDestroy:function(){var t=this.internalData.resizeObserver;t&&t.disconnect(),_ui.globalEvents.off(this,"resize")},render:function(t){return this.renderVN(t)}});

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(e) { return e && e.__esModule ? e : { default: e }; }
+var browseObj = _xeUtils.default.browse();
 // 打印
 var printFrame;
 // 默认导出或打印的 HTML 样式
@@ -60,7 +61,7 @@ function handlePrint(opts) {
   printHtml = createHtmlPage(opts, printHtml);
   var blob = getExportBlobByString(printHtml, 'html');
   return new Promise(function (resolve) {
-    if (_xeUtils.default.browse().msie) {
+    if (browseObj.msie) {
       removeFrame();
       printFrame = createPrintFrame();
       appendPrintFrame();

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.assemblePageBreak=assemblePageBreak,exports.createPrintFrame=createPrintFrame,exports.destroyPageBreak=destroyPageBreak,exports.printHtml=void 0;var printFrame,_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var 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/".concat(t,";charset=utf-8;")})}var 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>".concat(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:".concat(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:").concat(printMargin,"px;height:100%;}.vxe-print-page-break--header,.vxe-print-page-break--footer{flex-shrink:0;height:").concat(printMargin,"px;width:100%;}.vxe-print-page-break--content{flex-grow: 1;overflow: hidden;}.vxe-print-page-break--footer-page-number{line-height:").concat(printMargin,"px;text-align:center;}</style>"),"<style>.vxe-table{white-space:pre;}</style>","<style>".concat(defaultHtmlStyle,"</style>"),r?"<style>".concat(r,"</style>"):"","</head>","<body>","".concat(t),"</body>","</html>"].join("")}function handlePrint(e){var r=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"",t=e.beforeMethod,a=getExportBlobByString(r=createHtmlPage(e,r=t?t({content:r,html:r,options:e})||"":r),"html");return new Promise(function(t){_xeUtils.default.browse().msie?(removeFrame(),printFrame=createPrintFrame(),appendPrintFrame(),printFrame.contentDocument.write(r),printFrame.contentDocument.execCommand("print"),setTimeout(function(){t({status:!0})},300)):(printFrame||((printFrame=createPrintFrame()).onload=function(e){e.target.src&&(e.target.contentWindow.onafterprint=afterPrintEvent,e.target.contentWindow.print()),t({status:!0})},printFrame.onerror=function(){t({status:!1})}),appendPrintFrame(),printFrame.src=URL.createObjectURL(a))})}function createPageBreak(d){var c=d.title,p=d.showPageNumber,s=d.align,b=d.headerAlign,g=d.footerAlign,m=d.showAllPageTitle,e=d.pageBreaks||[],u=e.length;return e.map(function(e,t){var r=e.bodyHtml,a=e.headerHtml||d.headerHtml,n=e.footerHtml||d.footerHtml,i=e.leftHtml||d.leftHtml,e=e.rightHtml||d.rightHtml,o=t+1,l={currentPage:o,pageCount:u};return['<div class="'.concat(["vxe-print-page-break",s?"align--".concat(s):""].join(" "),'">'),'<div class="'.concat(["vxe-print-page-break--header",b?"align--".concat(b):""].join(" "),'">'),a?"".concat(_xeUtils.default.isFunction(a)?a(l):a||""):!c||!m&&t?"":'<div class="vxe-print-page-break--header-title">'.concat(c||"","</div>"),"</div>",'<div class="vxe-print-page-break--body">','<div class="vxe-print-page-break--left">'.concat(_xeUtils.default.isFunction(i)?i(l):i||"","</div>"),'<div class="vxe-print-page-break--content">'.concat(_xeUtils.default.isFunction(r)?r(l):r||"","</div>"),'<div class="vxe-print-page-break--right">'.concat(_xeUtils.default.isFunction(e)?e(l):e||"","</div>"),"</div>",'<div class="'.concat(["vxe-print-page-break--footer",g?"align--".concat(g):""].join(" "),'">'),n?"".concat(_xeUtils.default.isFunction(n)?n(l):n||""):p?'<div class="vxe-print-page-break--footer-page-number">'.concat(o,"/").concat(u,"</div>"):"","</div>","</div>"].join("")}).join("")}var printHtml=exports.printHtml=function(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,n=t.parentNode;n&&a&&(a.splice(_xeUtils.default.arrayIndexOf(n.children,t),0,r),e.reactData.staticPageBreaks=a.slice(0))}function destroyPageBreak(e,t){e.reactData.staticPageBreaks=e.reactData.staticPageBreaks.filter(function(e){return e.id!==t.id})}
+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}}var printFrame,browseObj=_xeUtils.default.browse(),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/".concat(t,";charset=utf-8;")})}var 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>".concat(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:".concat(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:").concat(printMargin,"px;height:100%;}.vxe-print-page-break--header,.vxe-print-page-break--footer{flex-shrink:0;height:").concat(printMargin,"px;width:100%;}.vxe-print-page-break--content{flex-grow: 1;overflow: hidden;}.vxe-print-page-break--footer-page-number{line-height:").concat(printMargin,"px;text-align:center;}</style>"),"<style>.vxe-table{white-space:pre;}</style>","<style>".concat(defaultHtmlStyle,"</style>"),r?"<style>".concat(r,"</style>"):"","</head>","<body>","".concat(t),"</body>","</html>"].join("")}function handlePrint(e){var r=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"",t=e.beforeMethod,a=getExportBlobByString(r=createHtmlPage(e,r=t?t({content:r,html:r,options:e})||"":r),"html");return new Promise(function(t){browseObj.msie?(removeFrame(),printFrame=createPrintFrame(),appendPrintFrame(),printFrame.contentDocument.write(r),printFrame.contentDocument.execCommand("print"),setTimeout(function(){t({status:!0})},300)):(printFrame||((printFrame=createPrintFrame()).onload=function(e){e.target.src&&(e.target.contentWindow.onafterprint=afterPrintEvent,e.target.contentWindow.print()),t({status:!0})},printFrame.onerror=function(){t({status:!1})}),appendPrintFrame(),printFrame.src=URL.createObjectURL(a))})}function createPageBreak(d){var c=d.title,p=d.showPageNumber,s=d.align,b=d.headerAlign,g=d.footerAlign,m=d.showAllPageTitle,e=d.pageBreaks||[],u=e.length;return e.map(function(e,t){var r=e.bodyHtml,a=e.headerHtml||d.headerHtml,n=e.footerHtml||d.footerHtml,i=e.leftHtml||d.leftHtml,e=e.rightHtml||d.rightHtml,o=t+1,l={currentPage:o,pageCount:u};return['<div class="'.concat(["vxe-print-page-break",s?"align--".concat(s):""].join(" "),'">'),'<div class="'.concat(["vxe-print-page-break--header",b?"align--".concat(b):""].join(" "),'">'),a?"".concat(_xeUtils.default.isFunction(a)?a(l):a||""):!c||!m&&t?"":'<div class="vxe-print-page-break--header-title">'.concat(c||"","</div>"),"</div>",'<div class="vxe-print-page-break--body">','<div class="vxe-print-page-break--left">'.concat(_xeUtils.default.isFunction(i)?i(l):i||"","</div>"),'<div class="vxe-print-page-break--content">'.concat(_xeUtils.default.isFunction(r)?r(l):r||"","</div>"),'<div class="vxe-print-page-break--right">'.concat(_xeUtils.default.isFunction(e)?e(l):e||"","</div>"),"</div>",'<div class="'.concat(["vxe-print-page-break--footer",g?"align--".concat(g):""].join(" "),'">'),n?"".concat(_xeUtils.default.isFunction(n)?n(l):n||""):p?'<div class="vxe-print-page-break--footer-page-number">'.concat(o,"/").concat(u,"</div>"):"","</div>","</div>"].join("")}).join("")}var printHtml=exports.printHtml=function(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,n=t.parentNode;n&&a&&(a.splice(_xeUtils.default.arrayIndexOf(n.children,t),0,r),e.reactData.staticPageBreaks=a.slice(0))}function destroyPageBreak(e,t){e.reactData.staticPageBreaks=e.reactData.staticPageBreaks.filter(function(e){return e.id!==t.id})}

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

@@ -13,8 +13,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   name: 'VxeSplitItem',
   mixins: [_ui.globalMixins.sizeMixin],
   props: {
+    name: [Number, String],
     width: [Number, String],
     height: [Number, String],
+    showAction: Boolean,
     minWidth: {
       type: [Number, String],
       default: function _default() {
@@ -44,12 +46,20 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     var reactData = {};
     var chunkConfig = {
       id: xID,
+      name: '',
       width: 0,
       height: 0,
       minWidth: 0,
       minHeight: 0,
+      showAction: false,
+      isVisible: true,
+      isExpand: true,
       renderWidth: 0,
+      resizeWidth: 0,
+      foldWidth: 0,
       renderHeight: 0,
+      resizeHeight: 0,
+      foldHeight: 0,
       slots: {}
     };
     return {
@@ -60,6 +70,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   },
   computed: Object.assign({}, {}),
   watch: {
+    name: function name(val) {
+      var $xeSplitItem = this;
+      var chunkConfig = $xeSplitItem.chunkConfig;
+      chunkConfig.name = val;
+    },
     width: function width(val) {
       var $xeSplitItem = this;
       var chunkConfig = $xeSplitItem.chunkConfig;
@@ -79,6 +94,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeSplitItem = this;
       var chunkConfig = $xeSplitItem.chunkConfig;
       chunkConfig.minHeight = val;
+    },
+    showAction: function showAction(val) {
+      var $xeSplitItem = this;
+      var chunkConfig = $xeSplitItem.chunkConfig;
+      chunkConfig.showAction = val;
     }
   },
   methods: {
@@ -106,12 +126,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     var slots = $xeSplitItem.$scopedSlots;
     var chunkConfig = $xeSplitItem.chunkConfig;
     Object.assign(chunkConfig, {
+      name: props.name,
       width: props.width,
       height: props.height,
       minWidth: props.minWidth,
       minHeight: props.minHeight,
-      renderWidth: 0,
-      renderHeight: 0,
+      showAction: props.showAction,
       slots: slots
     });
   },

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_ui=require("../../ui"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplitItem",mixins:[_ui.globalMixins.sizeMixin],props:{width:[Number,String],height:[Number,String],minWidth:{type:[Number,String],default:function(){return null}},minHeight:{type:[Number,String],default:function(){return null}}},inject:{$xeSplit:{default:null}},provide:function(){return{$xeSplitItem:this}},data:function(){var t=_xeUtils.default.uniqueId();return{xID:t,reactData:{},chunkConfig:{id:t,width:0,height:0,minWidth:0,minHeight:0,renderWidth:0,renderHeight:0,slots:{}}}},computed:Object.assign({},{}),watch:{width:function(t){this.chunkConfig.width=t},height:function(t){this.chunkConfig.height=t},minWidth:function(t){this.chunkConfig.minWidth=t},minHeight:function(t){this.chunkConfig.minHeight=t}},methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$splitItem:this},e))},renderVN:function(t){return t("div",{ref:"refElem"})}},created:function(){var t=this,e=t.$scopedSlots;Object.assign(t.chunkConfig,{width:t.width,height:t.height,minWidth:t.minWidth,minHeight:t.minHeight,renderWidth:0,renderHeight:0,slots:e})},mounted:function(){var t=this,e=t.$scopedSlots,i=t.chunkConfig,n=t.$xeSplit,e=(i.slots=e,t.$refs.refElem);n&&e&&(0,_util.assembleSplitItem)(n,e,i)},beforeDestroy:function(){var t=this.chunkConfig,e=this.$xeSplit;e&&(0,_util.destroySplitItem)(e,t)},render:function(t){return this.renderVN(t)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_ui=require("../../ui"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(i){return i&&i.__esModule?i:{default:i}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplitItem",mixins:[_ui.globalMixins.sizeMixin],props:{name:[Number,String],width:[Number,String],height:[Number,String],showAction:Boolean,minWidth:{type:[Number,String],default:function(){return null}},minHeight:{type:[Number,String],default:function(){return null}}},inject:{$xeSplit:{default:null}},provide:function(){return{$xeSplitItem:this}},data:function(){var i=_xeUtils.default.uniqueId();return{xID:i,reactData:{},chunkConfig:{id:i,name:"",width:0,height:0,minWidth:0,minHeight:0,showAction:!1,isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0,slots:{}}}},computed:Object.assign({},{}),watch:{name:function(i){this.chunkConfig.name=i},width:function(i){this.chunkConfig.width=i},height:function(i){this.chunkConfig.height=i},minWidth:function(i){this.chunkConfig.minWidth=i},minHeight:function(i){this.chunkConfig.minHeight=i},showAction:function(i){this.chunkConfig.showAction=i}},methods:{dispatchEvent:function(i,t,e){this.$emit(i,(0,_ui.createEvent)(e,{$splitItem:this},t))},renderVN:function(i){return i("div",{ref:"refElem"})}},created:function(){var i=this,t=i.$scopedSlots;Object.assign(i.chunkConfig,{name:i.name,width:i.width,height:i.height,minWidth:i.minWidth,minHeight:i.minHeight,showAction:i.showAction,slots:t})},mounted:function(){var i=this,t=i.$scopedSlots,e=i.chunkConfig,n=i.$xeSplit,t=(e.slots=t,i.$refs.refElem);n&&t&&(0,_util.assembleSplitItem)(n,t,e)},beforeDestroy:function(){var i=this.chunkConfig,t=this.$xeSplit;t&&(0,_util.destroySplitItem)(t,i)},render:function(i){return this.renderVN(i)}});

package/lib/split/src/split.js

@@ -35,7 +35,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         return (0, _ui.getConfig)().split.padding;
       }
     },
-    itemConfig: Object
+    itemConfig: Object,
+    barConfig: Object,
+    actionConfig: Object
   },
   data: function data() {
     var xID = _xeUtils.default.uniqueId();
@@ -60,6 +62,35 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeSplit = this;
       var props = $xeSplit;
       return Object.assign({}, (0, _ui.getConfig)().split.itemConfig, props.itemConfig);
+    },
+    computeBarOpts: function computeBarOpts() {
+      var $xeSplit = this;
+      var props = $xeSplit;
+      return Object.assign({}, (0, _ui.getConfig)().split.barConfig, props.barConfig);
+    },
+    computeActionOpts: function computeActionOpts() {
+      var $xeSplit = this;
+      var props = $xeSplit;
+      return Object.assign({}, (0, _ui.getConfig)().split.actionConfig, props.actionConfig);
+    },
+    computeIsFoldNext: function computeIsFoldNext() {
+      var $xeSplit = this;
+      var actionOpts = $xeSplit.computeActionOpts;
+      return actionOpts.direction === 'next';
+    },
+    computeBarStyle: function computeBarStyle() {
+      var $xeSplit = this;
+      var barOpts = $xeSplit.computeBarOpts;
+      var width = barOpts.width,
+        height = barOpts.height;
+      var stys = {};
+      if (height) {
+        stys.height = (0, _dom.toCssUnit)(height);
+      }
+      if (width) {
+        stys.width = (0, _dom.toCssUnit)(width);
+      }
+      return stys;
     }
   }),
   methods: {
@@ -85,6 +116,20 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }
       return [];
     },
+    reset: function reset() {
+      var $xeSplit = this;
+      var reactData = $xeSplit.reactData;
+      var staticItems = reactData.staticItems;
+      staticItems.forEach(function (item) {
+        item.isExpand = true;
+        item.isVisible = true;
+        item.foldHeight = 0;
+        item.foldWidth = 0;
+        item.resizeHeight = 0;
+        item.resizeWidth = 0;
+      });
+      return $xeSplit.$nextTick();
+    },
     recalculate: function recalculate() {
       var $xeSplit = this;
       var props = $xeSplit;
@@ -161,12 +206,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       evnt.preventDefault();
       var vertical = props.vertical;
       var staticItems = reactData.staticItems;
-      var handleEl = evnt.currentTarget;
+      var barEl = evnt.currentTarget;
+      var handleEl = barEl.parentElement;
       var el = $xeSplit.$refs.refElem;
       if (!el) {
         return;
       }
-      var itemId = handleEl.getAttribute('xid');
+      var itemId = handleEl.getAttribute('itemid');
       var itemIndex = _xeUtils.default.findIndexOf(staticItems, function (item) {
         return item.id === itemId;
       });
@@ -174,19 +220,23 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       if (!item) {
         return;
       }
+      if (!item.isExpand) {
+        return;
+      }
+      var isFoldNext = $xeSplit.computeIsFoldNext;
       var itemOpts = $xeSplit.computeItemOpts;
       var allMinWidth = _xeUtils.default.toNumber(itemOpts.minWidth);
       var allMinHeight = _xeUtils.default.toNumber(itemOpts.minHeight);
-      var prevItem = staticItems[itemIndex - 1];
-      var prevItemEl = prevItem ? el.querySelector(".vxe-split-item[xid=\"".concat(prevItem.id, "\"]")) : null;
-      var currItemEl = item ? el.querySelector(".vxe-split-item[xid=\"".concat(item.id, "\"]")) : null;
-      var prevWidth = prevItemEl ? prevItemEl.clientWidth : 0;
+      var targetItem = staticItems[itemIndex + (isFoldNext ? 1 : -1)];
+      var targetItemEl = targetItem ? el.querySelector(".vxe-split-item[itemid=\"".concat(targetItem.id, "\"]")) : null;
+      var currItemEl = item ? el.querySelector(".vxe-split-item[itemid=\"".concat(item.id, "\"]")) : null;
+      var targetWidth = targetItemEl ? targetItemEl.clientWidth : 0;
       var currWidth = currItemEl ? currItemEl.clientWidth : 0;
-      var prevHeight = prevItemEl ? prevItemEl.clientHeight : 0;
+      var targetHeight = targetItemEl ? targetItemEl.clientHeight : 0;
       var currHeight = currItemEl ? currItemEl.clientHeight : 0;
-      var prevMinWidth = _xeUtils.default.toNumber(prevItem ? (0, _utils.getGlobalDefaultConfig)(prevItem.minWidth, allMinWidth) : allMinWidth);
+      var targetMinWidth = _xeUtils.default.toNumber(targetItem ? (0, _utils.getGlobalDefaultConfig)(targetItem.minWidth, allMinWidth) : allMinWidth);
       var currMinWidth = _xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minWidth, allMinWidth));
-      var prevMinHeight = _xeUtils.default.toNumber(prevItem ? (0, _utils.getGlobalDefaultConfig)(prevItem.minHeight, allMinHeight) : allMinHeight);
+      var targetMinHeight = _xeUtils.default.toNumber(targetItem ? (0, _utils.getGlobalDefaultConfig)(targetItem.minHeight, allMinHeight) : allMinHeight);
       var currMinHeight = _xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minHeight, allMinHeight));
       var disX = evnt.clientX;
       var disY = evnt.clientY;
@@ -194,50 +244,216 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       document.onmousemove = function (evnt) {
         evnt.preventDefault();
         if (vertical) {
-          var offsetTop = evnt.clientY - disY;
+          var 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;
+                var reHeight = currHeight - offsetTop;
+                targetItem.resizeHeight = targetHeight + offsetTop;
+                item.resizeHeight = reHeight;
+                $xeSplit.dispatchEvent('resize-drag', {
+                  item: 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) {
+                var _reHeight = currHeight - offsetTop;
+                targetItem.resizeHeight = targetHeight + offsetTop;
+                item.resizeHeight = _reHeight;
+                $xeSplit.dispatchEvent('resize-drag', {
+                  item: item,
+                  name: item.name,
+                  offsetHeight: offsetTop,
+                  resizeHeight: _reHeight,
+                  offsetWidth: 0,
+                  resizeWidth: 0
+                }, evnt);
               }
             }
           }
         } else {
-          var offsetLeft = evnt.clientX - disX;
+          var 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;
+                var reWidth = currWidth - offsetLeft;
+                targetItem.resizeWidth = targetWidth + offsetLeft;
+                item.resizeWidth = reWidth;
+                $xeSplit.dispatchEvent('resize-drag', {
+                  item: 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) {
+                var _reWidth = currWidth - offsetLeft;
+                targetItem.resizeWidth = targetWidth + offsetLeft;
+                item.resizeWidth = _reWidth;
+                $xeSplit.dispatchEvent('resize-drag', {
+                  item: item,
+                  name: item.name,
+                  offsetHeight: 0,
+                  resizeHeight: 0,
+                  offsetWidth: offsetLeft,
+                  resizeWidth: _reWidth
+                }, evnt);
               }
             }
           }
         }
       };
-      document.onmouseup = function () {
+      document.onmouseup = function (evnt) {
         document.onmousemove = null;
         document.onmouseup = null;
         (0, _dom.removeClass)(el, 'is--drag');
+        $xeSplit.dispatchEvent('resize-end', {
+          item: item,
+          name: item.name,
+          resizeHeight: item.resizeHeight,
+          resizeWidth: item.resizeWidth
+        }, evnt);
+        $xeSplit.recalculate();
       };
+      $xeSplit.dispatchEvent('resize-start', {
+        item: item,
+        name: item.name
+      }, evnt);
+    },
+    handleItemActionEvent: function handleItemActionEvent(evnt) {
+      var $xeSplit = this;
+      var props = $xeSplit;
+      var reactData = $xeSplit.reactData;
+      var el = $xeSplit.$refs.refElem;
+      if (!el) {
+        return;
+      }
+      var vertical = props.vertical;
+      var staticItems = reactData.staticItems;
+      var isFoldNext = $xeSplit.computeIsFoldNext;
+      var btnEl = evnt.currentTarget;
+      var handleEl = btnEl.parentElement;
+      var itemId = handleEl.getAttribute('itemid');
+      var itemIndex = _xeUtils.default.findIndexOf(staticItems, function (item) {
+        return item.id === itemId;
+      });
+      var item = staticItems[itemIndex];
+      var targetItem = staticItems[itemIndex + (isFoldNext ? 1 : -1)];
+      if (item) {
+        var showAction = item.showAction,
+          isExpand = item.isExpand;
+        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;
+            }
+          }
+          $xeSplit.dispatchEvent(evnt.type === 'dblclick' ? 'action-dblclick' : 'action-click', {
+            item: item,
+            name: item.name,
+            targetItem: targetItem,
+            targetName: targetItem ? targetItem.name : '',
+            expanded: item.isExpand
+          }, evnt);
+          $xeSplit.recalculate();
+        }
+      }
+    },
+    handleGlobalResizeEvent: function handleGlobalResizeEvent() {
+      var $xeSplit = this;
+      $xeSplit.recalculate();
+    },
+    getDefaultActionIcon: function getDefaultActionIcon(item) {
+      var $xeSplit = this;
+      var props = $xeSplit;
+      var vertical = props.vertical;
+      var showAction = item.showAction,
+        isExpand = item.isExpand;
+      var isFoldNext = $xeSplit.computeIsFoldNext;
+      var topIcon = 'SPLIT_TOP_ACTION';
+      var bottomIcon = 'SPLIT_BOTTOM_ACTION';
+      var leftIcon = 'SPLIT_LEFT_ACTION';
+      var rightIcon = 'SPLIT_RIGHT_ACTION';
+      if (showAction) {
+        var 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 '';
     },
     //
     // Render
     //
+    renderHandleBar: function renderHandleBar(h, item) {
+      var $xeSplit = this;
+      var barStyle = $xeSplit.computeBarStyle;
+      var actionOpts = $xeSplit.computeActionOpts;
+      var isFoldNext = $xeSplit.computeIsFoldNext;
+      var id = item.id,
+        isExpand = item.isExpand,
+        showAction = item.showAction;
+      var btnOns = {};
+      if (actionOpts.trigger === 'dblclick') {
+        btnOns.dblclick = $xeSplit.handleItemActionEvent;
+      } else {
+        btnOns.click = $xeSplit.handleItemActionEvent;
+      }
+      return h('div', {
+        attrs: {
+          itemid: id
+        },
+        class: ['vxe-split-item-handle', isFoldNext ? 'to--next' : 'to--prev']
+      }, [h('div', {
+        class: 'vxe-split-item-handle-bar',
+        style: barStyle,
+        on: {
+          mousedown: $xeSplit.dragEvent
+        }
+      }), showAction ? h('span', {
+        class: 'vxe-split-item-action-btn',
+        on: btnOns
+      }, [h('i', {
+        class: (isExpand ? actionOpts.openIcon : actionOpts.closeIcon) || $xeSplit.getDefaultActionIcon(item)
+      })]) : (0, _ui.renderEmptyElement)($xeSplit)]);
+    },
     renderItems: function renderItems(h) {
       var $xeSplit = this;
       var props = $xeSplit;
@@ -246,52 +462,55 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         padding = props.padding,
         vertical = props.vertical;
       var staticItems = reactData.staticItems;
+      var isFoldNext = $xeSplit.computeIsFoldNext;
       var itemVNs = [];
       staticItems.forEach(function (item, index) {
         var id = item.id,
           slots = item.slots,
           renderHeight = item.renderHeight,
-          renderWidth = item.renderWidth;
+          resizeHeight = item.resizeHeight,
+          foldHeight = item.foldHeight,
+          renderWidth = item.renderWidth,
+          resizeWidth = item.resizeWidth,
+          foldWidth = item.foldWidth,
+          isVisible = item.isVisible,
+          isExpand = item.isExpand;
         var defaultSlot = slots ? slots.default : null;
         var stys = {};
+        var itemWidth = isVisible ? foldWidth || resizeWidth || renderWidth : 0;
+        var 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(h('div', {
           attrs: {
-            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 ? h('div', {
+        }, [index && !isFoldNext ? $xeSplit.renderHandleBar(h, item) : (0, _ui.renderEmptyElement)($xeSplit), h('div', {
           attrs: {
-            xid: id
-          },
-          class: 'vxe-split-item-handle',
-          on: {
-            mousedown: $xeSplit.dragEvent
-          }
-        }) : (0, _ui.renderEmptyElement)($xeSplit), h('div', {
-          attrs: {
-            xid: id
+            itemid: id
           },
           class: 'vxe-split-item--wrapper'
         }, [h('div', {
           class: 'vxe-split-item--inner'
-        }, defaultSlot ? $xeSplit.callSlot(defaultSlot, {}) : [])])]));
+        }, defaultSlot ? $xeSplit.callSlot(defaultSlot, {}) : [])]), isFoldNext && index < staticItems.length - 1 ? $xeSplit.renderHandleBar(h, item) : (0, _ui.renderEmptyElement)($xeSplit)]));
       });
       return h('div', {
         class: 'vxe-split-wrapper'
@@ -321,6 +540,20 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }, defaultSlot ? defaultSlot({}) : []), $xeSplit.renderItems(h)]);
     }
   },
+  created: function created() {
+    var $xeSplit = this;
+    _ui.globalEvents.on($xeSplit, 'resize', $xeSplit.handleGlobalResizeEvent);
+  },
+  mounted: function mounted() {
+    var $xeSplit = this;
+    $xeSplit.$nextTick(function () {
+      $xeSplit.recalculate();
+    });
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeSplit = this;
+    _ui.globalEvents.off($xeSplit, 'resize');
+  },
   render: function render(h) {
     return this.renderVN(h);
   }