vxe-pc-ui 3.15.0 → 3.15.2

package/lib/number-input/src/number-input.js

@@ -80,7 +80,6 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         return (0, _ui.getConfig)().numberInput.size || (0, _ui.getConfig)().size;
       }
     },
-    // number、integer、float
     min: {
       type: [String, Number],
       default: null
@@ -109,14 +108,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }
     },
     controlConfig: Object,
-    // float
+    // number、float、amount
     roundingMode: {
       type: String,
       default: function _default() {
         return (0, _ui.getConfig)().numberInput.roundingMode;
       }
     },
-    // float
+    // float、amount
     digits: {
       type: [String, Number],
       default: null

package/lib/splitter/src/splitter.js

@@ -64,7 +64,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       staticItems: [],
       itemList: [],
       barWidth: 0,
-      barHeight: 0
+      barHeight: 0,
+      resizeFlag: 0
     };
     var internalData = {
       wrapperWidth: 0,
@@ -595,6 +596,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       document.onmousemove = function (evnt) {
         evnt.preventDefault();
         handleDrag(evnt);
+        reactData.resizeFlag++;
       };
       document.onmouseup = function (evnt) {
         document.onmousemove = null;
@@ -611,6 +613,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           offsetWidth: targetOffsetWidth
         }, evnt);
         $xeSplitter.recalculate();
+        reactData.resizeFlag++;
       };
       if (rsSplitterLineEl) {
         rsSplitterLineEl.style.display = 'block';
@@ -626,6 +629,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     handleItemActionEvent: function handleItemActionEvent(evnt, prevItem, nextItem, isNext) {
       var $xeSplitter = this;
       var props = $xeSplitter;
+      var reactData = $xeSplitter.reactData;
       var vertical = props.vertical;
       var expanded = false;
       var item = prevItem;
@@ -669,6 +673,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         }, evnt);
       }
       $xeSplitter.recalculate();
+      reactData.resizeFlag++;
     },
     handlePrevActionDblclickEvent: function handlePrevActionDblclickEvent(evnt) {
       var $xeSplitter = this;

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,i){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0===i)return("string"===e?String:Number)(t);i=i.call(t,e||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplitter",mixins:[_ui.globalMixins.sizeMixin],props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.vertical}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.border}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.padding}},resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.resize}},items:Array,itemConfig:Object,barConfig:Object,resizeConfig:Object,actionConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().splitter.size||(0,_ui.getConfig)().size}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticItems:[],itemList:[],barWidth:0,barHeight:0},internalData:{wrapperWidth:0,wrapperHeight:0},reFlag:0}},provide:function(){return{$xeSplitter:this}},computed:Object.assign(Object.assign({},{}),{computeItemOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.itemConfig,this.itemConfig)},computeBarOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.barConfig,this.barConfig)},computeResizeOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.resizeConfig,this.resizeConfig)},computeActionOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.actionConfig,this.actionConfig)},computeIsFoldNext:function(){return"next"===this.computeActionOpts.direction},computeVisibleItems:function(){return this.reactData.itemList.filter(function(t){return t.isExpand})},computeAutoItems:function(){var t=this.reactData,e=this.vertical,i=[];return t.itemList.forEach(e?function(t){t.height||i.push(t)}:function(t){t.width||i.push(t)}),{autoItems:i}},computeBarStyle:function(){var t=this.computeBarOpts,e=t.width,t=t.height,i={};return t&&(i.height=(0,_dom.toCssUnit)(t)),e&&(i.width=(0,_dom.toCssUnit)(e)),i},computeSItemSize:function(){return this.reactData.staticItems.length}}),watch:{items:function(t){this.loadItem(t||[])},computeSItemSize:function(){var t=this.reactData,e=this.computeActionOpts,i=e.showPrevButton,e=e.showNextButton;this.items&&this.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),t.itemList=t.staticItems||[],(i||e)&&2<t.itemList.length&&(0,_log.errLog)("vxe.error.modelConflicts",["[splitter] action-config.showPrevButton | action-config.showNextButton","<vxe-splitter-panel ...> Only supports 2 panel"]),t.itemList.forEach(function(t){t.showAction&&(0,_log.warnLog)("vxe.error.removeProp",["[splitter] show-action"])}),this.recalculate()}},methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$splitter:this},e))},callSlot:function(t,e){var i=this.$scopedSlots;return t&&(_xeUtils.default.isString(t)&&(t=i[t]||null),_xeUtils.default.isFunction(t))?(0,_vn.getSlotVNs)(t(e)):[]},reset:function(){return this.reactData.itemList.forEach(function(t){t.isExpand=!0,t.foldHeight=0,t.foldWidth=0,t.resizeHeight=0,t.resizeWidth=0}),this.$nextTick()},handleLoadItem:function(t,e){var i=this.$scopedSlots,n=this.reactData,r=n.staticItems,s={isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return n.itemList=t.map(function(t){return t.slots&&_xeUtils.default.each(t.slots,function(t){_xeUtils.default.isFunction(t)||i[t]||(0,_log.errLog)("vxe.error.notSlot",["[splitter] ".concat(t)])}),Object.assign({},e?null:s,t,e?s:null,{id:_xeUtils.default.uniqueId()})}),r.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),this.recalculate()},loadItem:function(t){return this.handleLoadItem(t||[],!1)},reloadItem:function(t){return this.handleLoadItem(t||[],!0)},handleItemByName:function(t){for(var e=this.reactData.itemList,i=-1,n=null,r=null,s=null,o=0;o<e.length;o++){var l=e[o];if(l.name===t){n=l,r=e[(i=o)-1]||null,s=e[o+1]||null;break}}return{index:i,currItem:n,prevItem:r,nextItem:s}},setItemExpand:function(t,e){var i,n,t=this.handleItemByName(t);return t&&(i=t.currItem,n=t.prevItem,t=t.nextItem,i)&&(e?!i.isExpand:i.isExpand)&&(t?t.isExpand&&this.handleItemActionEvent(null,i,t,!1):n&&n.isExpand&&this.handleItemActionEvent(null,n,i,!0)),this.$nextTick()},toggleItemExpand:function(t){var e=this.handleItemByName(t);if(e){e=e.currItem;if(e)return this.setItemExpand(t,!e.isExpand)}return this.$nextTick()},getItemVisible:function(t){var e=this.handleItemByName(t);if(e){e=e.currItem;if(e)return this.setItemExpand(t,!e.isExpand)}return!1},recalculate:function(){var p=this,m=p,g=p.reactData,v=p.internalData;return p.$nextTick().then(function(){var t,n,r,e,i,s,o,l,a,c,d=m.vertical,u=g.itemList,f=p.$refs.refElem,h=p.$refs.refBarInfoElem;f&&(t=f.clientWidth,f=f.clientHeight,t)&&f&&(h&&(g.barWidth=h.offsetWidth,g.barHeight=h.offsetHeight),n=t-(d?0:g.barWidth*(u.length-1)),r=f-(d?g.barHeight*(u.length-1):0),h=p.computeItemOpts,e=_xeUtils.default.toNumber(h.minWidth),i=_xeUtils.default.toNumber(h.minHeight),s=[],d?(o=0,u.forEach(function(t){var e=t.height,i=0;e?(i=(0,_dom.isScale)(e)?r*_xeUtils.default.toNumber(e)/100:_xeUtils.default.toNumber(e),t.renderHeight=i):s.push(t),o+=i}),s.length&&(l=(r-o)/s.length,s.forEach(function(t){t.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(t.minHeight,i)),l)}))):(a=0,u.forEach(function(t){var e=t.width,i=0;e?(i=(0,_dom.isScale)(e)?n*_xeUtils.default.toNumber(e)/100:_xeUtils.default.toNumber(e),t.renderWidth=i):s.push(t),a+=i}),s.length&&(c=(n-a)/s.length,s.forEach(function(t){t.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(t.minWidth,e)),c)}))),v.wrapperWidth=n,v.wrapperHeight=r)})},dragEvent:function(t){var e,i,n,r,s,o,l,a,c,d,u,f,h,p,U,m,g,v,x,b,_,E,k,B,y,I,z,C,H,A,S,W,w,O,N=this,P=N.reactData,D=N.resize,L=N.vertical,P=P.itemList;D&&(t.preventDefault(),h=(D=t.currentTarget).parentElement,e=N.$refs.refElem)&&(i=h.previousElementSibling,n=h.nextElementSibling,i)&&n&&(r=i.getAttribute("itemid"),s=n.getAttribute("itemid"),o=P.find(function(t){return t.id===r}),l=P.find(function(t){return t.id===s}),o)&&l&&(a=e.getBoundingClientRect(),h=D.getBoundingClientRect(),c=N.$refs.refResizableSplitterTip,d=c?c.children[0]:null,P=N.computeItemOpts,u=N.computeResizeOpts.immediate,D=_xeUtils.default.toNumber(P.minWidth),P=_xeUtils.default.toNumber(P.minHeight),f=Math.ceil(h.width-(t.clientX-h.left)),h=Math.ceil(t.clientY-h.top),p=i.offsetWidth,U=n.offsetWidth,y=_xeUtils.default.toNumber(o?(0,_utils.getGlobalDefaultConfig)(o.minWidth,D):D),D=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minWidth,D):D),m=i.offsetLeft+y-f,g=n.offsetLeft+n.offsetWidth-D-f,v=t.clientX-a.left,x=-1,_=b=0,E=v,k=i.offsetHeight,B=n.offsetHeight,y=_xeUtils.default.toNumber(o?(0,_utils.getGlobalDefaultConfig)(o.minHeight,P):P),D=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minHeight,P):P),I=i.offsetTop+y+h,z=n.offsetTop+n.offsetHeight-D+h,C=t.clientY-a.top,H=-1,S=A=0,W=C,w=function(t){var e,i,n,r;c&&(e=d?d.children[0]:null,i=d?d.children[1]:null,L?(n=0,e&&(H<0?e.style.display="none":(e.textContent="".concat(Math.floor(A),"px"),e.style.display="block",n=e.offsetWidth)),i&&(H<0?(i.textContent="".concat(Math.floor(S),"px"),i.style.display="block",n=i.offsetWidth):i.style.display="none"),(r=Math.max(1,t.clientX-a.left-n/2))>a.width-n-1&&(r=a.width-n-1),c.style.left="0",c.style.top="".concat(W,"px"),d&&(d.style.left="".concat(r,"px"))):(n=0,e&&(x<0?e.style.display="none":(e.textContent="".concat(Math.floor(b),"px"),e.style.display="block",n=e.offsetHeight)),i&&(x<0?(i.textContent="".concat(Math.floor(_),"px"),i.style.display="block",n=i.offsetHeight):i.style.display="none"),(r=Math.max(1,t.clientY-a.top-n/2))>a.height-n-1&&(r=a.height-n-1),c.style.top="0",c.style.left="".concat(E,"px"),d&&(d.style.top="".concat(r,"px"))))},O=function(t){L?(W=t.clientY-a.top,A=k+(H=(W=z<(W=W<I?I:W)?z:W)-C),S=B-H):(E=t.clientX-a.left,b=p+(x=(E=g<(E=E<m?m:E)?g:E)-v),_=U-x),u&&(L?(i.style.height=(0,_dom.toCssUnit)(A),n.style.height=(0,_dom.toCssUnit)(S)):(i.style.width=(0,_dom.toCssUnit)(b),n.style.width=(0,_dom.toCssUnit)(_))),c&&w(t),N.dispatchEvent("resize-drag",{prevItem:o,nextItem:l,offsetHeight:H,offsetWidth:x},t)},document.onmousemove=function(t){t.preventDefault(),O(t)},document.onmouseup=function(t){document.onmousemove=null,document.onmouseup=null,c&&(c.style.display=""),L?(o.resizeHeight=A,l.resizeHeight=S):(o.resizeWidth=b,l.resizeWidth=_),(0,_dom.removeClass)(e,"is--drag"),N.dispatchEvent("resize-end",{prevItem:o,nextItem:l,offsetHeight:H,offsetWidth:x},t),N.recalculate()},c&&(c.style.display="block",w(t)),O(t),(0,_dom.addClass)(e,"is--drag"),N.dispatchEvent("resize-start",{prevItem:o,nextItem:l},t))},handleItemActionEvent:function(t,e,i,n){var r=this.vertical,s=!1,o=e;n?(s=!(o=i).isExpand,i.isExpand=s):(s=!e.isExpand,e.isExpand=s),r?e.isExpand&&i.isExpand?(e.foldHeight=0,i.foldHeight=0):e.isExpand?(i.foldHeight=0,e.foldHeight=(e.resizeHeight||e.renderHeight)+(i.resizeHeight||i.renderHeight)):(e.foldHeight=0,i.foldHeight=(e.resizeHeight||e.renderHeight)+(i.resizeHeight||i.renderHeight)):e.isExpand&&i.isExpand?(e.foldWidth=0,i.foldWidth=0):e.isExpand?(i.foldWidth=0,e.foldWidth=(e.resizeWidth||e.renderWidth)+(i.resizeWidth||i.renderWidth)):(e.foldWidth=0,i.foldWidth=(e.resizeWidth||e.renderWidth)+(i.resizeWidth||i.renderWidth)),t&&this.dispatchEvent("toggle-expand",{prevItem:e,nextItem:i,expanded:s,item:o},t),this.recalculate()},handlePrevActionDblclickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"===i.trigger&&s&&n&&n.isExpand&&this.handleItemActionEvent(t,s,n,!1),this.dispatchEvent("action-dblclick",{prevItem:s,nextItem:n},t)},handlePrevActionClickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"!==i.trigger&&s&&n&&n.isExpand&&this.handleItemActionEvent(t,s,n,!1),this.dispatchEvent("action-click",{prevItem:s,nextItem:n},t)},handleNextActionDblclickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"===i.trigger&&s&&n&&s.isExpand&&this.handleItemActionEvent(t,s,n,!0),this.dispatchEvent("action-dblclick",{prevItem:s,nextItem:n},t)},handleNextActionClickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"!==i.trigger&&s&&n&&s.isExpand&&this.handleItemActionEvent(t,s,n,!0),this.dispatchEvent("action-click",{prevItem:s,nextItem:n},t)},handleGlobalResizeEvent:function(){this.recalculate()},getActionIcon:function(t,e,i){var n="SPLIT_TOP_ACTION",r="SPLIT_BOTTOM_ACTION",s="SPLIT_LEFT_ACTION",o="SPLIT_RIGHT_ACTION",l="";return(l=this.vertical?i?e.isExpand?r:n:t.isExpand?n:r:i?e.isExpand?o:s:t.isExpand?s:o)?(0,_ui.getIcon)()[l]:""},renderHandleBar:function(t,e,i){var n=this,r=n.reactData,s=n.border,o=n.resize,l=n.vertical,r=r.itemList,a=n.computeBarStyle,c=n.computeActionOpts,d=c.direction,u=_xeUtils.default.isBoolean(c.showPrevButton)?c.showPrevButton:r.some(function(t){return t.showAction}),c=_xeUtils.default.isBoolean(c.showNextButton)?c.showNextButton:"next"===d&&r.some(function(t){return t.showAction});return t("div",{class:["vxe-splitter-panel-handle",l?"is--vertical":"is--horizontal",n.computeResizeOpts.immediate?"is-resize--immediate":"is-resize--lazy",{"is--resize":o,"is--border":s}]},[t("div",{class:"vxe-splitter-panel-handle-bar",style:a,on:{mousedown:n.dragEvent}}),2===r.length?t("div",{class:"vxe-splitter-panel-action-btn-wrapper"},[u&&i.isExpand?t("div",{class:"vxe-splitter-panel-action-btn",on:{dblclick:n.handlePrevActionDblclickEvent,click:n.handlePrevActionClickEvent}},[t("i",{class:n.getActionIcon(e,i,!1)})]):(0,_ui.renderEmptyElement)(n),c&&e.isExpand?t("div",{class:"vxe-splitter-panel-action-btn",on:{dblclick:n.handleNextActionDblclickEvent,click:n.handleNextActionClickEvent}},[t("i",{class:n.getActionIcon(e,i,!0)})]):(0,_ui.renderEmptyElement)(n)]):(0,_ui.renderEmptyElement)(n)])},renderItems:function(d){var u=this,t=u.reactData,f=u.border,h=u.padding,p=u.resize,m=u.vertical,g=t.itemList,v=u.computeSize,x=u.computeResizeOpts.immediate,b=u.computeVisibleItems,_=u.computeAutoItems.autoItems,E=[];return g.forEach(function(t,e){var i=t.id,n=t.name,r=t.slots,s=t.isExpand,e=g[e+1],r=r?r.default:null,o={},l=s?t.foldWidth||t.resizeWidth||t.renderWidth:0,a=s?t.foldHeight||t.resizeHeight||t.renderHeight:0,c=(1===_.length&&(m?t.height||(a=0):t.width||(l=0)),!0);m?a&&1<b.length&&(o.height=(c=!1,_dom.toCssUnit)(a)):l&&1<b.length&&(o.width=(c=!1,_dom.toCssUnit)(l)),E.push(d("div",{attrs:{itemid:i},class:["vxe-splitter-panel",m?"is--vertical":"is--horizontal",x?"is-resize--immediate":"is-resize--lazy",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(v),v),"is--resize",p),"is--padding",h),"is--border",f),"is--height",a),"is--width",l),"is--visible",s),"is--hidden",!s),"is--fill",s&&c)],style:o},[d("div",{attrs:{itemid:i},class:"vxe-splitter-panel--wrapper"},[d("div",{class:"vxe-splitter-panel--inner"},r?u.callSlot(r,{name:n,isExpand:s}):[])])])),e&&E.push(u.renderHandleBar(d,t,e))}),d("div",{class:"vxe-splitter-wrapper"},E)},renderVN:function(t){var e=this,i=e.$scopedSlots,n=e.vertical,r=e.width,s=e.height,o=e.computeSize,l=e.computeResizeOpts,a=l.immediate,l=l.showTip,i=i.default,c={};return s&&(c.height=(0,_dom.toCssUnit)(s)),r&&(c.width=(0,_dom.toCssUnit)(r)),t("div",{ref:"refElem",class:["vxe-splitter",n?"is--vertical":"is--horizontal",a?"is-resize--immediate":"is-resize--lazy",_defineProperty({},"size--".concat(o),o)],style:c},[t("div",{class:"vxe-splitter-slots"},i?i({}):[]),e.renderItems(t),t("div",{ref:"refResizableSplitterTip",class:["vxe-splitter--resizable-splitter-tip",n?"is--vertical":"is--horizontal",a?"is-resize--immediate":"is-resize--lazy"]},l?[t("div",{class:"vxe-splitter--resizable-splitter-tip-number"},[t("div",{class:"vxe-splitter--resizable-splitter-number-prev"}),t("div",{class:"vxe-splitter--resizable-splitter-number-next"})])]:[]),t("div",{class:"vxe-splitter--render-vars"},[t("div",{ref:"refBarInfoElem",class:"vxe-splitter--handle-bar-info"})])])}},created:function(){_ui.globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},mounted:function(){var t,e=this,i=e,n=e.$refs.refElem;n&&((t=_ui.globalResize.create(function(){e.recalculate()})).observe(n),this.$resize=t),i.items&&e.loadItem(i.items),e.computeActionOpts.direction&&(0,_log.errLog)("vxe.error.delProp",["[splitter] action-config.direction","action-config.showPrevButton | action-config.showNextButton"]),e.$nextTick(function(){e.recalculate()})},beforeDestroy:function(){this.$resize&&this.$resize.disconnect(),_ui.globalEvents.off(this,"resize")},render:function(t){return this.renderVN(t)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,i){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0===i)return("string"===e?String:Number)(t);i=i.call(t,e||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplitter",mixins:[_ui.globalMixins.sizeMixin],props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.vertical}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.border}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.padding}},resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().splitter.resize}},items:Array,itemConfig:Object,barConfig:Object,resizeConfig:Object,actionConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().splitter.size||(0,_ui.getConfig)().size}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticItems:[],itemList:[],barWidth:0,barHeight:0,resizeFlag:0},internalData:{wrapperWidth:0,wrapperHeight:0},reFlag:0}},provide:function(){return{$xeSplitter:this}},computed:Object.assign(Object.assign({},{}),{computeItemOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.itemConfig,this.itemConfig)},computeBarOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.barConfig,this.barConfig)},computeResizeOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.resizeConfig,this.resizeConfig)},computeActionOpts:function(){return Object.assign({},(0,_ui.getConfig)().splitter.actionConfig,this.actionConfig)},computeIsFoldNext:function(){return"next"===this.computeActionOpts.direction},computeVisibleItems:function(){return this.reactData.itemList.filter(function(t){return t.isExpand})},computeAutoItems:function(){var t=this.reactData,e=this.vertical,i=[];return t.itemList.forEach(e?function(t){t.height||i.push(t)}:function(t){t.width||i.push(t)}),{autoItems:i}},computeBarStyle:function(){var t=this.computeBarOpts,e=t.width,t=t.height,i={};return t&&(i.height=(0,_dom.toCssUnit)(t)),e&&(i.width=(0,_dom.toCssUnit)(e)),i},computeSItemSize:function(){return this.reactData.staticItems.length}}),watch:{items:function(t){this.loadItem(t||[])},computeSItemSize:function(){var t=this.reactData,e=this.computeActionOpts,i=e.showPrevButton,e=e.showNextButton;this.items&&this.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),t.itemList=t.staticItems||[],(i||e)&&2<t.itemList.length&&(0,_log.errLog)("vxe.error.modelConflicts",["[splitter] action-config.showPrevButton | action-config.showNextButton","<vxe-splitter-panel ...> Only supports 2 panel"]),t.itemList.forEach(function(t){t.showAction&&(0,_log.warnLog)("vxe.error.removeProp",["[splitter] show-action"])}),this.recalculate()}},methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$splitter:this},e))},callSlot:function(t,e){var i=this.$scopedSlots;return t&&(_xeUtils.default.isString(t)&&(t=i[t]||null),_xeUtils.default.isFunction(t))?(0,_vn.getSlotVNs)(t(e)):[]},reset:function(){return this.reactData.itemList.forEach(function(t){t.isExpand=!0,t.foldHeight=0,t.foldWidth=0,t.resizeHeight=0,t.resizeWidth=0}),this.$nextTick()},handleLoadItem:function(t,e){var i=this.$scopedSlots,n=this.reactData,r=n.staticItems,s={isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return n.itemList=t.map(function(t){return t.slots&&_xeUtils.default.each(t.slots,function(t){_xeUtils.default.isFunction(t)||i[t]||(0,_log.errLog)("vxe.error.notSlot",["[splitter] ".concat(t)])}),Object.assign({},e?null:s,t,e?s:null,{id:_xeUtils.default.uniqueId()})}),r.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),this.recalculate()},loadItem:function(t){return this.handleLoadItem(t||[],!1)},reloadItem:function(t){return this.handleLoadItem(t||[],!0)},handleItemByName:function(t){for(var e=this.reactData.itemList,i=-1,n=null,r=null,s=null,o=0;o<e.length;o++){var l=e[o];if(l.name===t){n=l,r=e[(i=o)-1]||null,s=e[o+1]||null;break}}return{index:i,currItem:n,prevItem:r,nextItem:s}},setItemExpand:function(t,e){var i,n,t=this.handleItemByName(t);return t&&(i=t.currItem,n=t.prevItem,t=t.nextItem,i)&&(e?!i.isExpand:i.isExpand)&&(t?t.isExpand&&this.handleItemActionEvent(null,i,t,!1):n&&n.isExpand&&this.handleItemActionEvent(null,n,i,!0)),this.$nextTick()},toggleItemExpand:function(t){var e=this.handleItemByName(t);if(e){e=e.currItem;if(e)return this.setItemExpand(t,!e.isExpand)}return this.$nextTick()},getItemVisible:function(t){var e=this.handleItemByName(t);if(e){e=e.currItem;if(e)return this.setItemExpand(t,!e.isExpand)}return!1},recalculate:function(){var p=this,m=p,g=p.reactData,v=p.internalData;return p.$nextTick().then(function(){var t,n,r,e,i,s,o,l,a,c,d=m.vertical,u=g.itemList,f=p.$refs.refElem,h=p.$refs.refBarInfoElem;f&&(t=f.clientWidth,f=f.clientHeight,t)&&f&&(h&&(g.barWidth=h.offsetWidth,g.barHeight=h.offsetHeight),n=t-(d?0:g.barWidth*(u.length-1)),r=f-(d?g.barHeight*(u.length-1):0),h=p.computeItemOpts,e=_xeUtils.default.toNumber(h.minWidth),i=_xeUtils.default.toNumber(h.minHeight),s=[],d?(o=0,u.forEach(function(t){var e=t.height,i=0;e?(i=(0,_dom.isScale)(e)?r*_xeUtils.default.toNumber(e)/100:_xeUtils.default.toNumber(e),t.renderHeight=i):s.push(t),o+=i}),s.length&&(l=(r-o)/s.length,s.forEach(function(t){t.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(t.minHeight,i)),l)}))):(a=0,u.forEach(function(t){var e=t.width,i=0;e?(i=(0,_dom.isScale)(e)?n*_xeUtils.default.toNumber(e)/100:_xeUtils.default.toNumber(e),t.renderWidth=i):s.push(t),a+=i}),s.length&&(c=(n-a)/s.length,s.forEach(function(t){t.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(t.minWidth,e)),c)}))),v.wrapperWidth=n,v.wrapperHeight=r)})},dragEvent:function(t){var e,i,n,r,s,o,l,a,c,d,u,f,h,U,k,p,m,g,v,x,b,_,B,T,E,y,I,z,C,H,A,S,W,w,O=this,N=O.reactData,D=O.resize,P=O.vertical,L=N.itemList;D&&(t.preventDefault(),h=(D=t.currentTarget).parentElement,e=O.$refs.refElem)&&(i=h.previousElementSibling,n=h.nextElementSibling,i)&&n&&(r=i.getAttribute("itemid"),s=n.getAttribute("itemid"),o=L.find(function(t){return t.id===r}),l=L.find(function(t){return t.id===s}),o)&&l&&(a=e.getBoundingClientRect(),h=D.getBoundingClientRect(),c=O.$refs.refResizableSplitterTip,d=c?c.children[0]:null,L=O.computeItemOpts,u=O.computeResizeOpts.immediate,D=_xeUtils.default.toNumber(L.minWidth),L=_xeUtils.default.toNumber(L.minHeight),f=Math.ceil(h.width-(t.clientX-h.left)),h=Math.ceil(t.clientY-h.top),U=i.offsetWidth,k=n.offsetWidth,E=_xeUtils.default.toNumber(o?(0,_utils.getGlobalDefaultConfig)(o.minWidth,D):D),D=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minWidth,D):D),p=i.offsetLeft+E-f,m=n.offsetLeft+n.offsetWidth-D-f,g=t.clientX-a.left,v=-1,b=x=0,_=g,B=i.offsetHeight,T=n.offsetHeight,E=_xeUtils.default.toNumber(o?(0,_utils.getGlobalDefaultConfig)(o.minHeight,L):L),D=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minHeight,L):L),y=i.offsetTop+E+h,I=n.offsetTop+n.offsetHeight-D+h,z=t.clientY-a.top,C=-1,A=H=0,S=z,W=function(t){var e,i,n,r;c&&(e=d?d.children[0]:null,i=d?d.children[1]:null,P?(n=0,e&&(C<0?e.style.display="none":(e.textContent="".concat(Math.floor(H),"px"),e.style.display="block",n=e.offsetWidth)),i&&(C<0?(i.textContent="".concat(Math.floor(A),"px"),i.style.display="block",n=i.offsetWidth):i.style.display="none"),(r=Math.max(1,t.clientX-a.left-n/2))>a.width-n-1&&(r=a.width-n-1),c.style.left="0",c.style.top="".concat(S,"px"),d&&(d.style.left="".concat(r,"px"))):(n=0,e&&(v<0?e.style.display="none":(e.textContent="".concat(Math.floor(x),"px"),e.style.display="block",n=e.offsetHeight)),i&&(v<0?(i.textContent="".concat(Math.floor(b),"px"),i.style.display="block",n=i.offsetHeight):i.style.display="none"),(r=Math.max(1,t.clientY-a.top-n/2))>a.height-n-1&&(r=a.height-n-1),c.style.top="0",c.style.left="".concat(_,"px"),d&&(d.style.top="".concat(r,"px"))))},w=function(t){P?(S=t.clientY-a.top,H=B+(C=(S=I<(S=S<y?y:S)?I:S)-z),A=T-C):(_=t.clientX-a.left,x=U+(v=(_=m<(_=_<p?p:_)?m:_)-g),b=k-v),u&&(P?(i.style.height=(0,_dom.toCssUnit)(H),n.style.height=(0,_dom.toCssUnit)(A)):(i.style.width=(0,_dom.toCssUnit)(x),n.style.width=(0,_dom.toCssUnit)(b))),c&&W(t),O.dispatchEvent("resize-drag",{prevItem:o,nextItem:l,offsetHeight:C,offsetWidth:v},t)},document.onmousemove=function(t){t.preventDefault(),w(t),N.resizeFlag++},document.onmouseup=function(t){document.onmousemove=null,document.onmouseup=null,c&&(c.style.display=""),P?(o.resizeHeight=H,l.resizeHeight=A):(o.resizeWidth=x,l.resizeWidth=b),(0,_dom.removeClass)(e,"is--drag"),O.dispatchEvent("resize-end",{prevItem:o,nextItem:l,offsetHeight:C,offsetWidth:v},t),O.recalculate(),N.resizeFlag++},c&&(c.style.display="block",W(t)),w(t),(0,_dom.addClass)(e,"is--drag"),O.dispatchEvent("resize-start",{prevItem:o,nextItem:l},t))},handleItemActionEvent:function(t,e,i,n){var r=this.reactData,s=this.vertical,o=!1,l=e;n?(o=!(l=i).isExpand,i.isExpand=o):(o=!e.isExpand,e.isExpand=o),s?e.isExpand&&i.isExpand?(e.foldHeight=0,i.foldHeight=0):e.isExpand?(i.foldHeight=0,e.foldHeight=(e.resizeHeight||e.renderHeight)+(i.resizeHeight||i.renderHeight)):(e.foldHeight=0,i.foldHeight=(e.resizeHeight||e.renderHeight)+(i.resizeHeight||i.renderHeight)):e.isExpand&&i.isExpand?(e.foldWidth=0,i.foldWidth=0):e.isExpand?(i.foldWidth=0,e.foldWidth=(e.resizeWidth||e.renderWidth)+(i.resizeWidth||i.renderWidth)):(e.foldWidth=0,i.foldWidth=(e.resizeWidth||e.renderWidth)+(i.resizeWidth||i.renderWidth)),t&&this.dispatchEvent("toggle-expand",{prevItem:e,nextItem:i,expanded:o,item:l},t),this.recalculate(),r.resizeFlag++},handlePrevActionDblclickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"===i.trigger&&s&&n&&n.isExpand&&this.handleItemActionEvent(t,s,n,!1),this.dispatchEvent("action-dblclick",{prevItem:s,nextItem:n},t)},handlePrevActionClickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"!==i.trigger&&s&&n&&n.isExpand&&this.handleItemActionEvent(t,s,n,!1),this.dispatchEvent("action-click",{prevItem:s,nextItem:n},t)},handleNextActionDblclickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"===i.trigger&&s&&n&&s.isExpand&&this.handleItemActionEvent(t,s,n,!0),this.dispatchEvent("action-dblclick",{prevItem:s,nextItem:n},t)},handleNextActionClickEvent:function(t){var e=this.reactData.itemList,i=this.computeActionOpts,n=t.currentTarget.parentElement.parentElement,r=n.previousElementSibling.getAttribute("itemid"),s=e.find(function(t){return t.id===r}),o=n.nextElementSibling.getAttribute("itemid"),n=e.find(function(t){return t.id===o});"dblclick"!==i.trigger&&s&&n&&s.isExpand&&this.handleItemActionEvent(t,s,n,!0),this.dispatchEvent("action-click",{prevItem:s,nextItem:n},t)},handleGlobalResizeEvent:function(){this.recalculate()},getActionIcon:function(t,e,i){var n="SPLIT_TOP_ACTION",r="SPLIT_BOTTOM_ACTION",s="SPLIT_LEFT_ACTION",o="SPLIT_RIGHT_ACTION",l="";return(l=this.vertical?i?e.isExpand?r:n:t.isExpand?n:r:i?e.isExpand?o:s:t.isExpand?s:o)?(0,_ui.getIcon)()[l]:""},renderHandleBar:function(t,e,i){var n=this,r=n.reactData,s=n.border,o=n.resize,l=n.vertical,r=r.itemList,a=n.computeBarStyle,c=n.computeActionOpts,d=c.direction,u=_xeUtils.default.isBoolean(c.showPrevButton)?c.showPrevButton:r.some(function(t){return t.showAction}),c=_xeUtils.default.isBoolean(c.showNextButton)?c.showNextButton:"next"===d&&r.some(function(t){return t.showAction});return t("div",{class:["vxe-splitter-panel-handle",l?"is--vertical":"is--horizontal",n.computeResizeOpts.immediate?"is-resize--immediate":"is-resize--lazy",{"is--resize":o,"is--border":s}]},[t("div",{class:"vxe-splitter-panel-handle-bar",style:a,on:{mousedown:n.dragEvent}}),2===r.length?t("div",{class:"vxe-splitter-panel-action-btn-wrapper"},[u&&i.isExpand?t("div",{class:"vxe-splitter-panel-action-btn",on:{dblclick:n.handlePrevActionDblclickEvent,click:n.handlePrevActionClickEvent}},[t("i",{class:n.getActionIcon(e,i,!1)})]):(0,_ui.renderEmptyElement)(n),c&&e.isExpand?t("div",{class:"vxe-splitter-panel-action-btn",on:{dblclick:n.handleNextActionDblclickEvent,click:n.handleNextActionClickEvent}},[t("i",{class:n.getActionIcon(e,i,!0)})]):(0,_ui.renderEmptyElement)(n)]):(0,_ui.renderEmptyElement)(n)])},renderItems:function(d){var u=this,t=u.reactData,f=u.border,h=u.padding,p=u.resize,m=u.vertical,g=t.itemList,v=u.computeSize,x=u.computeResizeOpts.immediate,b=u.computeVisibleItems,_=u.computeAutoItems.autoItems,E=[];return g.forEach(function(t,e){var i=t.id,n=t.name,r=t.slots,s=t.isExpand,e=g[e+1],r=r?r.default:null,o={},l=s?t.foldWidth||t.resizeWidth||t.renderWidth:0,a=s?t.foldHeight||t.resizeHeight||t.renderHeight:0,c=(1===_.length&&(m?t.height||(a=0):t.width||(l=0)),!0);m?a&&1<b.length&&(o.height=(c=!1,_dom.toCssUnit)(a)):l&&1<b.length&&(o.width=(c=!1,_dom.toCssUnit)(l)),E.push(d("div",{attrs:{itemid:i},class:["vxe-splitter-panel",m?"is--vertical":"is--horizontal",x?"is-resize--immediate":"is-resize--lazy",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(v),v),"is--resize",p),"is--padding",h),"is--border",f),"is--height",a),"is--width",l),"is--visible",s),"is--hidden",!s),"is--fill",s&&c)],style:o},[d("div",{attrs:{itemid:i},class:"vxe-splitter-panel--wrapper"},[d("div",{class:"vxe-splitter-panel--inner"},r?u.callSlot(r,{name:n,isExpand:s}):[])])])),e&&E.push(u.renderHandleBar(d,t,e))}),d("div",{class:"vxe-splitter-wrapper"},E)},renderVN:function(t){var e=this,i=e.$scopedSlots,n=e.vertical,r=e.width,s=e.height,o=e.computeSize,l=e.computeResizeOpts,a=l.immediate,l=l.showTip,i=i.default,c={};return s&&(c.height=(0,_dom.toCssUnit)(s)),r&&(c.width=(0,_dom.toCssUnit)(r)),t("div",{ref:"refElem",class:["vxe-splitter",n?"is--vertical":"is--horizontal",a?"is-resize--immediate":"is-resize--lazy",_defineProperty({},"size--".concat(o),o)],style:c},[t("div",{class:"vxe-splitter-slots"},i?i({}):[]),e.renderItems(t),t("div",{ref:"refResizableSplitterTip",class:["vxe-splitter--resizable-splitter-tip",n?"is--vertical":"is--horizontal",a?"is-resize--immediate":"is-resize--lazy"]},l?[t("div",{class:"vxe-splitter--resizable-splitter-tip-number"},[t("div",{class:"vxe-splitter--resizable-splitter-number-prev"}),t("div",{class:"vxe-splitter--resizable-splitter-number-next"})])]:[]),t("div",{class:"vxe-splitter--render-vars"},[t("div",{ref:"refBarInfoElem",class:"vxe-splitter--handle-bar-info"})])])}},created:function(){_ui.globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},mounted:function(){var t,e=this,i=e,n=e.$refs.refElem;n&&((t=_ui.globalResize.create(function(){e.recalculate()})).observe(n),this.$resize=t),i.items&&e.loadItem(i.items),e.computeActionOpts.direction&&(0,_log.errLog)("vxe.error.delProp",["[splitter] action-config.direction","action-config.showPrevButton | action-config.showNextButton"]),e.$nextTick(function(){e.recalculate()})},beforeDestroy:function(){this.$resize&&this.$resize.disconnect(),_ui.globalEvents.off(this,"resize")},render:function(t){return this.renderVN(t)}});