vxe-pc-ui 3.4.26 → 3.5.0

package/lib/modal/src/modal.js

@@ -1212,8 +1212,6 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var maxWidth = visibleWidth;
       var maxHeight = visibleHeight;
       var boxElem = $xeModal.getBox();
-      var domMousemove = document.onmousemove;
-      var domMouseup = document.onmouseup;
       var clientWidth = boxElem.clientWidth;
       var clientHeight = boxElem.clientHeight;
       var disX = evnt.clientX;
@@ -1345,8 +1343,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       };
       document.onmouseup = function () {
         reactData.revertLocat = null;
-        document.onmousemove = domMousemove;
-        document.onmouseup = domMouseup;
+        document.onmousemove = null;
+        document.onmouseup = null;
         setTimeout(function () {
           boxElem.className = boxElem.className.replace(/\s?is--drag/, '');
         }, 50);

package/lib/modal/src/modal.min.js

@@ -1 +1 @@
-function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.allActiveModals=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_button=_interopRequireDefault(require("../../button/src/button")),_index=_interopRequireDefault(require("../../loading/index")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,o){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0===o)return("string"===t?String:Number)(e);o=o.call(e,t||"default");if("object"!=_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var o;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(o="Object"===(o={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:o)||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,i=Array(t);o<t;o++)i[o]=e[o];return i}function _iterableToArrayLimit(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i,n,a,l,r=[],s=!0,u=!1;try{if(a=(o=o.call(e)).next,0===t){if(Object(o)!==o)return;s=!1}else for(;!(s=(i=a.call(o)).done)&&(r.push(i.value),r.length!==t);s=!0);}catch(e){u=!0,n=e}finally{try{if(!s&&null!=o.return&&(l=o.return(),Object(l)!==l))return}finally{if(u)throw n}}return r}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var allActiveModals=exports.allActiveModals=[],msgQueue=[],notifyQueue=[],lockScrollAttrKey="data-vxe-lock-scroll",lockScrollCssWidthKey="--vxe-ui-modal-lock-scroll-view-width",_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeModal",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,id:String,type:{type:String,default:"modal"},loading:{type:Boolean,default:null},status:String,iconStatus:String,className:String,top:{type:[Number,String],default:function(){return(0,_ui.getConfig)().modal.top}},position:[String,Object],title:String,duration:{type:[Number,String],default:function(){return(0,_ui.getConfig)().modal.duration}},content:[Number,String],showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:function(){return(0,_ui.getConfig)().modal.cancelButtonText}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.showConfirmButton}},confirmButtonText:{type:String,default:function(){return(0,_ui.getConfig)().modal.confirmButtonText}},lockView:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.lockView}},lockScroll:Boolean,mask:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.mask}},maskClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.maskClosable}},escClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.escClosable}},cancelClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.cancelClosable}},confirmClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.confirmClosable}},resize:Boolean,showHeader:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.showHeader}},showFooter:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.showFooter}},showZoom:Boolean,zoomConfig:Object,showMaximize:{type:Boolean,default:function(){return(0,_utils.handleBooleanDefaultValue)((0,_ui.getConfig)().modal.showMaximize)}},showMinimize:{type:Boolean,default:function(){return(0,_utils.handleBooleanDefaultValue)((0,_ui.getConfig)().modal.showMinimize)}},showClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.showClose}},dblclickZoom:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.dblclickZoom}},width:[Number,String],height:[Number,String],minWidth:{type:[Number,String],default:function(){return(0,_ui.getConfig)().modal.minWidth}},minHeight:{type:[Number,String],default:function(){return(0,_ui.getConfig)().modal.minHeight}},zIndex:Number,marginSize:{type:[Number,String],default:function(){return(0,_ui.getConfig)().modal.marginSize}},fullscreen:Boolean,draggable:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.draggable}},remember:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.remember}},destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.destroyOnClose}},showTitleOverflow:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.showTitleOverflow}},transfer:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.transfer}},storage:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.storage}},storageKey:{type:String,default:function(){return(0,_ui.getConfig)().modal.storageKey}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.padding}},size:{type:String,default:function(){return(0,_ui.getConfig)().modal.size||(0,_ui.getConfig)().size}},beforeHideMethod:Function,slots:Object,message:[Number,String],animat:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.animat}}},inject:{$xeParentModal:{from:"$xeModal",default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null}},provide:function(){return{$xeModal:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visible:!1,contentVisible:!1,modalTop:0,modalZindex:0,prevZoomStatus:"",zoomStatus:"",revertLocat:null,prevLocat:null,firstOpen:!0},internalData:{msgTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,o=e.$xeParentModal,i=e.$xeDrawer,n=e.$xeForm,e=e.transfer;if(null===e){var a=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(a))return a;if(t||o||i||n)return!0}return e},computeIsMsg:function(){return"message"===this.type||"notification"===this.type},computeIsMinimizeStatus:function(){return"minimize"===this.reactData.zoomStatus},computeIsMaximizeStatus:function(){return"maximize"===this.reactData.zoomStatus},computeZoomOpts:function(){return Object.assign({},(0,_ui.getConfig)().modal.zoomConfig,this.zoomConfig)}}),watch:{width:function(){this.recalculate()},height:function(){this.recalculate()},value:function(e){e?this.openModal():this.closeModal("model")}},methods:{dispatchEvent:function(e,t,o){this.$emit(e,(0,_ui.createEvent)(o,{$modal:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},callSlot:function(e,t,o){var i=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=i[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,o)):[]},open:function(){return this.openModal()},close:function(){return this.closeModal("close")},getBox:function(){return this.$refs.refModalBox},getPosition:function(){if(!this.computeIsMsg){var e=this.getBox();if(e)return{top:e.offsetTop,left:e.offsetLeft}}return null},setPosition:function(e,t){var o;return this.computeIsMsg||(o=this.getBox())&&(_xeUtils.default.isNumber(e)&&(o.style.top="".concat(e,"px")),_xeUtils.default.isNumber(t))&&(o.style.left="".concat(t,"px")),this.$nextTick()},isMinimized:function(){return"minimize"===this.reactData.zoomStatus},isMaximized:function(){return"maximize"===this.reactData.zoomStatus},zoom:function(){return this.handleZoom()},minimize:function(){return this.reactData.visible?this.handleMinimize():Promise.resolve({status:!1})},maximize:function(){return this.reactData.visible?this.handleMaximize():Promise.resolve({status:!1})},revert:function(){return this.reactData.visible?this.handleRevert():Promise.resolve({status:!1})},recalculate:function(){var e=this.width,t=this.height,o=this.getBox();return o&&(o.style.width=e?(0,_dom.toCssUnit)(e):"",o.style.height=t?(0,_dom.toCssUnit)(t):""),this.$nextTick()},updateZindex:function(){var e=this.reactData,t=this.zIndex,o=e.modalZindex;t?e.modalZindex=t:o<(0,_utils.getLastZIndex)()&&(e.modalZindex=(0,_utils.nextZIndex)())},updatePosition:function(){var c=this,d=c;return c.$nextTick().then(function(){var e,t,o,i,n,a,l,r=d.position,s=_xeUtils.default.toNumber(d.marginSize),u=c.getBox();u&&(e=document.documentElement.clientWidth||document.body.clientWidth,t=document.documentElement.clientHeight||document.body.clientHeight,o="center"===r,i=(r=_xeUtils.default.isString(r)?{top:r,left:r}:Object.assign({},r)).top,n=o||"center"===i,a=l="",a=(r=r.left)&&!(o||"center"===r)?isNaN(r)?r:"".concat(r,"px"):"".concat(Math.max(s,e/2-u.offsetWidth/2),"px"),l=i&&!n?isNaN(i)?i:"".concat(i,"px"):"".concat(Math.max(s,t/2-u.offsetHeight/2),"px"),u.style.top=l,u.style.left=a)})},updateStyle:function(){var t=this;this.$nextTick(function(){var e=t.type,o=0;("notification"===e?notifyQueue:msgQueue).forEach(function(e){var t=e.getBox();t&&(o+=_xeUtils.default.toNumber(e.top),e.reactData.modalTop=o,o+=t.clientHeight)})})},removeMsgQueue:function(){var t=this,e="notification"===t.type?notifyQueue:msgQueue;-1<e.indexOf(t)&&_xeUtils.default.remove(e,function(e){return e===t}),t.updateStyle()},closeModal:function(e){var t=this,o=t.reactData,i=t.remember,n=o.visible,a=t.computeIsMsg,l=t.beforeHideMethod||(0,_ui.getConfig)().modal.beforeHideMethod,r={type:e};return n&&Promise.resolve(l?l(r):null).then(function(e){_xeUtils.default.isError(e)||(a&&t.removeMsgQueue(),o.contentVisible=!1,i||t.handleRevert(),_xeUtils.default.remove(allActiveModals,function(e){return e===t}),t.dispatchEvent("before-hide",r,null),setTimeout(function(){o.visible=!1,t.emitModel(!1),t.dispatchEvent("hide",r,null)},200),t.removeBodyLockScroll())}).catch(function(e){return e}),t.$nextTick()},closeEvent:function(e){var t="close";this.dispatchEvent(t,{type:t},e),this.closeModal(t)},confirmEvent:function(e){var t=this.confirmClosable,o="confirm";this.dispatchEvent(o,{type:o},e),t&&this.closeModal(o)},cancelEvent:function(e){var t=this.cancelClosable,o="cancel";this.dispatchEvent(o,{type:o},e),t&&this.closeModal(o)},getStorageMap:function(e){var t=(0,_ui.getConfig)().version,e=_xeUtils.default.toStringJSON(localStorage.getItem(e)||"");return e&&e._v===t?e:{_v:t}},hasPosStorage:function(){var e=this.id,t=this.storage,o=this.storageKey;return!!(e&&t&&this.getStorageMap(o)[e])},restorePosStorage:function(){var e,t,o,i,n,a,l=this.reactData,r=this.id,s=this.storage,u=this.storageKey;r&&s&&(s=this.getStorageMap(u)[r])&&(u=this.getBox(),s=(r=_slicedToArray(s.split(","),8))[0],e=r[1],t=r[2],o=r[3],i=r[4],n=r[5],a=r[6],r=r[7],u&&(s&&(u.style.left="".concat(s,"px")),e&&(u.style.top="".concat(e,"px")),t&&(u.style.width="".concat(t,"px")),o)&&(u.style.height="".concat(o,"px")),i)&&n&&(l.revertLocat={left:i,top:n,width:a,height:r})},addMsgQueue:function(){var e="notification"===this.type?notifyQueue:msgQueue;-1===e.indexOf(this)&&e.push(this),this.updateStyle()},savePosStorage:function(){var e=this.reactData,t=this.id,o=this.storage,i=this.storageKey,n=e.zoomStatus,e=e.revertLocat;n||t&&o&&(n=this.getBox())&&((o=this.getStorageMap(i))[t]=[n.style.left,n.style.top,n.style.width,n.style.height].concat(e?[e.left,e.top,e.width,e.height]:[]).map(function(e){return e?_xeUtils.default.toNumber(e):""}).join(","),localStorage.setItem(i,_xeUtils.default.toJSONString(o)))},handleMinimize:function(){var r=this,s=r.reactData,e=r.computeZoomOpts,t=e.minimizeLayout,o=e.minimizeMaxSize,u=e.minimizeHorizontalOffset,c=e.minimizeVerticalOffset,d=e.minimizeOffsetMethod,m="horizontal"===t,f=s.zoomStatus,i=[],n=[],h=(allActiveModals.forEach(function(e){e.xID!==r.xID&&"modal"===e.type&&"minimize"===e.reactData.zoomStatus&&("horizontal"===e.computeZoomOpts.minimizeLayout?i:n).push(e)}),m?i:n);return o&&o<=h.length?(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:(0,_ui.getI18n)("vxe.modal.miniMaxSize",[o])}),Promise.resolve({status:!1})):(s.prevZoomStatus=f,s.zoomStatus="minimize",r.$nextTick().then(function(){var e,t,o,i,n,a,l=r.getBox();return l&&(e=r.$refs.refHeaderElem)?(a=(0,_dom.getDomNode)().visibleHeight,f||(s.revertLocat={top:l.offsetTop,left:l.offsetLeft,width:l.offsetWidth+(l.style.width?0:1),height:l.offsetHeight+(l.style.height?0:1)}),o=_xeUtils.default[m?"max":"min"](h,function(e){e=e.getBox();return e?_xeUtils.default.toNumber(e.style[m?"left":"top"]):0}),a=a-e.offsetHeight-16,n=16,o&&(o=o.getBox())&&(t=_xeUtils.default.toNumber(o.style.left),o=_xeUtils.default.toNumber(o.style.top),i={},i=m?Object.assign({},u):Object.assign({},c),n=t+_xeUtils.default.toNumber(i.left),a=o+_xeUtils.default.toNumber(i.top),d)&&(i=d({$modal:r,left:n,top:a}),n=_xeUtils.default.toNumber(i.left),a=_xeUtils.default.toNumber(i.top)),Object.assign(l.style,{top:"".concat(a,"px"),left:"".concat(n,"px"),width:"200px",height:"".concat(e.offsetHeight,"px")}),r.savePosStorage(),{status:!0}):{status:!1}}))},handleMaximize:function(){var n=this,a=n,l=n.reactData,r=l.zoomStatus;return l.prevZoomStatus=r,l.zoomStatus="maximize",n.$nextTick().then(function(){var e,t,o,i=n.getBox();i&&(r||(e=_xeUtils.default.toNumber(a.marginSize),t=document.documentElement.clientWidth||document.body.clientWidth,o=document.documentElement.clientHeight||document.body.clientHeight,l.revertLocat={top:Math.max(e,o/2-i.offsetHeight/2),left:Math.max(e,t/2-i.offsetWidth/2),width:i.offsetWidth+(i.style.width?0:1),height:i.offsetHeight+(i.style.height?0:1)}),Object.assign(i.style,{top:"0",left:"0",width:"100%",height:"100%"})),n.savePosStorage()})},handleMsgAutoClose:function(){var e=this,t=e.internalData,o=e.duration;-1!==o&&(t.msgTimeout=setTimeout(function(){return e.closeModal("close")},_xeUtils.default.toNumber(o)))},removeBodyLockScroll:function(){var t=this.xID,e=document.documentElement,o=e.getAttribute(lockScrollAttrKey);o&&((o=o.split(",").filter(function(e){return e!==t})).length?e.setAttribute(lockScrollAttrKey,o.join(",")):(e.removeAttribute(lockScrollAttrKey),e.style.removeProperty(lockScrollCssWidthKey)))},addBodyLockScroll:function(){var e,t=this.xID,o=this.lockScroll,i=this.computeIsMsg;o&&!i&&(o=document.documentElement,i=document.body.clientWidth,(e=(e=o.getAttribute(lockScrollAttrKey))?e.split(","):[]).includes(t)||(e.push(t),o.setAttribute(lockScrollAttrKey,e.join(","))),o.style.setProperty(lockScrollCssWidthKey,"".concat(i,"px")))},openModal:function(){var o=this,t=o,i=o.reactData,n=t.remember,a=t.showFooter,e=i.initialized,l=i.visible,r=o.computeIsMsg,s=o.computeBtnTransfer;return e||(i.initialized=!0,s&&(e=o.$refs.refElem,document.body.appendChild(e))),l||(o.addBodyLockScroll(),i.visible=!0,i.contentVisible=!1,o.updateZindex(),allActiveModals.push(o),setTimeout(function(){i.contentVisible=!0,o.$nextTick(function(){a&&(e=o.$refs.refConfirmBtn,t=o.$refs.refCancelBtn,e=e||t)&&e.focus();var e,t={type:""};o.emitModel(!0),o.dispatchEvent("show",t,null)})},10),r?(o.addMsgQueue(),o.handleMsgAutoClose()):o.$nextTick(function(){var e=t.fullscreen;i.firstOpen?(i.firstOpen=!1,o.hasPosStorage()?o.restorePosStorage():e?o.$nextTick(function(){return o.handleMaximize()}):(o.recalculate(),o.updatePosition().then(function(){setTimeout(function(){return o.updatePosition()},20)}))):n||(o.recalculate(),o.updatePosition().then(function(){setTimeout(function(){return o.updatePosition()},20)}))})),o.$nextTick()},selfClickEvent:function(e){var t=this.$refs.refElem;this.maskClosable&&e.target===t&&this.closeModal("mask")},selfMouseoverEvent:function(){var e=this.internalData,t=e.msgTimeout;t&&this.computeIsMsg&&(clearTimeout(t),e.msgTimeout=void 0)},selfMouseoutEvent:function(){this.internalData.msgTimeout||this.computeIsMsg&&this.handleMsgAutoClose()},handleGlobalKeydownEvent:function(e){var t,o=this;_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE)&&(t=_xeUtils.default.max(allActiveModals,function(e){return e.reactData.modalZindex}))&&setTimeout(function(){t===o&&t.escClosable&&(o.dispatchEvent("close",{type:"exit"},e),o.closeModal("exit"))},10)},handleRevert:function(){var o=this,i=o.reactData;return i.prevZoomStatus=i.zoomStatus,i.zoomStatus="",o.$nextTick().then(function(){var e,t=i.revertLocat;return t?(e=o.getBox(),i.revertLocat=null,e&&Object.assign(e.style,{top:"".concat(t.top,"px"),left:"".concat(t.left,"px"),width:"".concat(t.width,"px"),height:"".concat(t.height,"px")}),o.savePosStorage(),o.$nextTick().then(function(){return{status:!0}})):{status:!1}})},handleZoom:function(t){var o=this,e=o.reactData,i=e.zoomStatus;return new Promise(function(e){if(t)return"maximize"===t?void e(o.handleMaximize()):"minimize"===t?void e(o.handleMinimize()):void e(o.handleRevert());e(i?o.handleRevert():o.handleMaximize())}).then(function(){return e.zoomStatus||"revert"})},toggleZoomMinEvent:function(t){var o=this,e=o.reactData,i=e.zoomStatus;return o.handleZoom("minimize"===i?e.prevZoomStatus||"revert":"minimize").then(function(e){o.dispatchEvent("zoom",{type:e},t)})},toggleZoomMaxEvent:function(t){var o=this;return o.handleZoom().then(function(e){o.dispatchEvent("zoom",{type:e},t)})},boxMousedownEvent:function(){var t=this.reactData.modalZindex;allActiveModals.some(function(e){return e.reactData.visible&&e.reactData.modalZindex>t})&&this.updateZindex()},mousedownEvent:function(e){var t,o,a,l,r,s,u=this,i=u.reactData,n=u.storage,i=i.zoomStatus,c=_xeUtils.default.toNumber(u.marginSize),d=u.getBox();d&&"maximize"!==i&&0===e.button&&!(0,_dom.getEventTargetNode)(e,d,"trigger--btn").flag&&(e.preventDefault(),t=document.onmousemove,o=document.onmouseup,a=e.clientX-d.offsetLeft,l=e.clientY-d.offsetTop,i=(0,_dom.getDomNode)(),r=i.visibleHeight,s=i.visibleWidth,document.onmousemove=function(e){e.preventDefault();var t=d.offsetWidth,o=d.offsetHeight,t=s-t-c-1,o=r-o-c-1,i=e.clientX-a,n=e.clientY-l;(n=o<n?o:n)<c&&(n=c),d.style.left="".concat(i=(i=t<i?t:i)<c?c:i,"px"),d.style.top="".concat(n,"px"),d.className=d.className.replace(/\s?is--drag/,"")+" is--drag",u.$emit("move",(0,_ui.createEvent)(e,{type:"move"}))},document.onmouseup=function(){document.onmousemove=t,document.onmouseup=o,n&&u.$nextTick(function(){u.savePosStorage()}),setTimeout(function(){d.className=d.className.replace(/\s?is--drag/,"")},50)})},dragEvent:function(e){var a=this,t=a,o=a.reactData,l=(e.preventDefault(),t.storage),i=(0,_dom.getDomNode)(),r=i.visibleHeight,s=i.visibleWidth,u=_xeUtils.default.toNumber(t.marginSize),c=e.target.getAttribute("type"),d=_xeUtils.default.toNumber(t.minWidth),m=_xeUtils.default.toNumber(t.minHeight),f=s,h=r,p=a.getBox(),n=document.onmousemove,g=document.onmouseup,v=p.clientWidth,x=p.clientHeight,y=e.clientX,_=e.clientY,b=p.offsetTop,S=p.offsetLeft,M={type:"resize"};document.onmousemove=function(e){var t,o,i,n;switch(e.preventDefault(),c){case"wl":i=(t=y-e.clientX)+v,u<S-t&&d<i&&(p.style.width="".concat(i<f?i:f,"px"),p.style.left="".concat(S-t,"px"));break;case"swst":i=(t=y-e.clientX)+v,n=(o=_-e.clientY)+x,u<S-t&&d<i&&(p.style.width="".concat(i<f?i:f,"px"),p.style.left="".concat(S-t,"px")),u<b-o&&m<n&&(p.style.height="".concat(n<h?n:h,"px"),p.style.top="".concat(b-o,"px"));break;case"swlb":i=(t=y-e.clientX)+v,n=(o=e.clientY-_)+x,u<S-t&&d<i&&(p.style.width="".concat(i<f?i:f,"px"),p.style.left="".concat(S-t,"px")),b+n+u<r&&m<n&&(p.style.height="".concat(n<h?n:h,"px"));break;case"st":o=_-e.clientY,n=x+o,u<b-o&&m<n&&(p.style.height="".concat(n<h?n:h,"px"),p.style.top="".concat(b-o,"px"));break;case"wr":t=e.clientX-y,S+(i=t+v)+u<s&&d<i&&(p.style.width="".concat(i<f?i:f,"px"));break;case"sest":t=e.clientX-y,n=(o=_-e.clientY)+x,S+(i=t+v)+u<s&&d<i&&(p.style.width="".concat(i<f?i:f,"px")),u<b-o&&m<n&&(p.style.height="".concat(n<h?n:h,"px"),p.style.top="".concat(b-o,"px"));break;case"selb":t=e.clientX-y,n=(o=e.clientY-_)+x,S+(i=t+v)+u<s&&d<i&&(p.style.width="".concat(i<f?i:f,"px")),b+n+u<r&&m<n&&(p.style.height="".concat(n<h?n:h,"px"));break;case"sb":o=e.clientY-_,b+(n=o+x)+u<r&&m<n&&(p.style.height="".concat(n<h?n:h,"px"))}p.className=p.className.replace(/\s?is--drag/,"")+" is--drag",l&&a.savePosStorage(),a.dispatchEvent("resize",M,e)},document.onmouseup=function(){o.revertLocat=null,document.onmousemove=n,document.onmouseup=g,setTimeout(function(){p.className=p.className.replace(/\s?is--drag/,"")},50)}},renderTitles:function(e){var t=this,o=t.$scopedSlots,i=t.slots,i=void 0===i?{}:i,n=t.showClose,a=t.showZoom,l=t.showMaximize,r=t.showMinimize,s=t.title,u=t.reactData.zoomStatus,c=o.title||i.title,o=o.corner||i.corner,i=t.computeIsMinimizeStatus;return[e("div",{class:"vxe-modal--header-title"},c?t.callSlot(c,{$modal:t,minimized:i,maximized:t.computeIsMaximizeStatus},e):s?(0,_utils.getFuncText)(s):(0,_ui.getI18n)("vxe.alert.title")),e("div",{class:"vxe-modal--header-right"},[o&&!i?e("div",{class:"vxe-modal--corner-wrapper"},t.callSlot(o,{$modal:t},e)):(0,_ui.renderEmptyElement)(t),(_xeUtils.default.isBoolean(r)?r:a)?e("div",{class:["vxe-modal--zoom-btn","trigger--btn"],attrs:{title:(0,_ui.getI18n)("vxe.modal.zoom".concat("minimize"===u?"Out":"Min"))},on:{click:t.toggleZoomMinEvent}},[e("i",{class:"minimize"===u?(0,_ui.getIcon)().MODAL_ZOOM_REVERT:(0,_ui.getIcon)().MODAL_ZOOM_MIN})]):(0,_ui.renderEmptyElement)(t),(_xeUtils.default.isBoolean(l)?l:a)&&"minimize"!==u?e("div",{class:["vxe-modal--zoom-btn","trigger--btn"],attrs:{title:(0,_ui.getI18n)("vxe.modal.zoom".concat("maximize"===u?"Out":"In"))},on:{click:t.toggleZoomMaxEvent}},[e("i",{class:"maximize"===u?(0,_ui.getIcon)().MODAL_ZOOM_OUT:(0,_ui.getIcon)().MODAL_ZOOM_IN})]):(0,_ui.renderEmptyElement)(t),n?e("div",{class:["vxe-modal--close-btn","trigger--btn"],attrs:{title:(0,_ui.getI18n)("vxe.modal.close")},on:{click:t.closeEvent}},[e("i",{class:(0,_ui.getIcon)().MODAL_CLOSE})]):(0,_ui.renderEmptyElement)(t)])]},renderHeader:function(e){var t=this,o=t,i=t.$scopedSlots,n=o.slots,a=o.showZoom,l=o.showMaximize,r=t.computeIsMsg,i=i.header||(void 0===n?{}:n).header;return o.showHeader?(n={},o.draggable&&(n.mousedown=t.mousedownEvent),(_xeUtils.default.isBoolean(l)?l:a)&&o.dblclickZoom&&"modal"===o.type&&(n.dblclick=t.toggleZoomMaxEvent),e("div",{ref:"refHeaderElem",class:["vxe-modal--header",{"is--ellipsis":!r&&o.showTitleOverflow}],on:n},i?t.callSlot(i,{$modal:t},e):t.renderTitles(e))):(0,_ui.renderEmptyElement)(t)},renderBody:function(e){var t=this,o=t,i=t.$scopedSlots,n=o.slots,n=void 0===n?{}:n,a=o.status,l=o.iconStatus,r=o.content||o.message,s=t.computeIsMsg,u=i.default||n.default,c=i.left||n.left,i=i.right||n.right,n=[];return s||!a&&!l||n.push(e("div",{class:"vxe-modal--status-wrapper"},[e("i",{class:["vxe-modal--status-icon",l||(0,_ui.getIcon)()["MODAL_".concat(a).toLocaleUpperCase()]]})])),n.push(e("div",{class:"vxe-modal--content"},u?t.callSlot(u,{$modal:t},e):(0,_utils.getFuncText)(r))),e("div",{class:"vxe-modal--body"},[c?e("div",{class:"vxe-modal--body-left"},t.callSlot(c,{$modal:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-modal--body-default"},n),i?e("div",{class:"vxe-modal--body-right"},t.callSlot(i,{$modal:t},e)):(0,_ui.renderEmptyElement)(t),s?(0,_ui.renderEmptyElement)(t):e(_index.default,{class:"vxe-modal--loading",props:{value:o.loading}})])},renderDefaultFooter:function(e){var t=this,o=t,i=t.$scopedSlots,n=o.slots,n=void 0===n?{}:n,a=o.showCancelButton,l=o.showConfirmButton,r=o.type,s=o.loading,u=i.leftfoot||n.leftfoot,i=i.rightfoot||n.rightfoot,n=[];return(_xeUtils.default.isBoolean(a)?a:"confirm"===r)&&n.push(e(_button.default,{key:1,ref:"refCancelBtn",props:{content:o.cancelButtonText||(0,_ui.getI18n)("vxe.button.cancel")},on:{click:t.cancelEvent}})),(_xeUtils.default.isBoolean(l)?l:"confirm"===r||"alert"===r)&&n.push(e(_button.default,{key:2,ref:"refConfirmBtn",props:{status:"primary",loading:s,content:o.confirmButtonText||(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}})),e("div",{class:"vxe-modal--footer-wrapper"},[e("div",{class:"vxe-modal--footer-left"},u?t.callSlot(u,{$modal:t},e):[]),e("div",{class:"vxe-modal--footer-right"},i?t.callSlot(i,{$modal:t},e):n)])},renderFooter:function(e){var t=this,o=t.$scopedSlots,i=t.slots,o=o.footer||(void 0===i?{}:i).footer;return t.showFooter?e("div",{class:"vxe-modal--footer"},o?t.callSlot(o,{$modal:t},e):[t.renderDefaultFooter(e)]):(0,_ui.renderEmptyElement)(t)},renderVN:function(t){var o=this,e=o.$scopedSlots,i=o.reactData,n=o.slots,a=o.className,l=o.type,r=o.animat,s=o.draggable,u=o.iconStatus,c=o.position,d=o.loading,m=o.destroyOnClose,f=o.status,h=o.lockScroll,p=o.padding,g=o.lockView,v=o.mask,x=o.resize,y=i.initialized,_=i.modalTop,b=i.contentVisible,S=i.visible,M=i.zoomStatus,e=e.aside||(void 0===n?{}:n).aside,n=o.computeSize,z=o.computeIsMsg,w=o.computeIsMinimizeStatus,E={};return z&&(E.mouseover=o.selfMouseoverEvent,E.mouseout=o.selfMouseoutEvent),t("div",{ref:"refElem",class:["vxe-modal--wrapper","type--".concat(l),"zoom--".concat(M||"revert"),a||"",c?"pos--".concat(c):"",(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(l={},"size--".concat(n),n),"status--".concat(f),f),"is--padding",p),"is--animat",r),"lock--scroll",h),"lock--view",g),"is--draggable",s),"is--resize",x),"is--mask",v),"is--visible",b),_defineProperty(_defineProperty(l,"is--active",S),"is--loading",d))],style:{zIndex:i.modalZindex,top:_?"".concat(_,"px"):null},on:Object.assign(Object.assign({},E),{click:o.selfClickEvent})},y?[t("div",{ref:"refModalBox",class:"vxe-modal--box",on:{mousedown:o.boxMousedownEvent}},[!z&&!e||w?(0,_ui.renderEmptyElement)(o):t("div",{class:"vxe-modal--aside"},e?o.callSlot(e,{$modal:o},t):[f||u?t("div",{class:"vxe-modal--status-wrapper"},[t("i",{class:["vxe-modal--status-icon",u||(0,_ui.getIcon)()["MODAL_".concat(f).toLocaleUpperCase()]]})]):(0,_ui.renderEmptyElement)(o)]),t("div",{class:"vxe-modal--container"},!i.initialized||m&&!i.visible?[]:[o.renderHeader(t),o.renderBody(t),o.renderFooter(t),!z&&x?t("span",{class:"vxe-modal--resize"},["wl","wr","swst","sest","st","swlb","selb","sb"].map(function(e){return t("span",{class:"".concat(e,"-resize"),attrs:{type:e},on:{mousedown:o.dragEvent}})})):(0,_ui.renderEmptyElement)(o)])])]:[])}},mounted:function(){var e=this,t=e.$scopedSlots,o=e;"development"===process.env.NODE_ENV&&"modal"===o.type&&o.showFooter&&!(o.showConfirmButton||o.showCancelButton||t.footer)&&(0,_log.warnLog)("vxe.modal.footPropErr"),e.$nextTick(function(){o.storage&&!o.id&&(0,_log.errLog)("vxe.error.reqProp",["modal.id"]),o.value&&e.openModal(),e.recalculate()}),o.escClosable&&_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent)},beforeDestroy:function(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"keydown"),this.removeMsgQueue(),this.removeBodyLockScroll()},render:function(e){return this.renderVN(e)}});
+function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.allActiveModals=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_button=_interopRequireDefault(require("../../button/src/button")),_index=_interopRequireDefault(require("../../loading/index")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,o){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0===o)return("string"===t?String:Number)(e);o=o.call(e,t||"default");if("object"!=_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var o;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(o="Object"===(o={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:o)||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,i=Array(t);o<t;o++)i[o]=e[o];return i}function _iterableToArrayLimit(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i,n,a,l,r=[],s=!0,u=!1;try{if(a=(o=o.call(e)).next,0===t){if(Object(o)!==o)return;s=!1}else for(;!(s=(i=a.call(o)).done)&&(r.push(i.value),r.length!==t);s=!0);}catch(e){u=!0,n=e}finally{try{if(!s&&null!=o.return&&(l=o.return(),Object(l)!==l))return}finally{if(u)throw n}}return r}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var allActiveModals=exports.allActiveModals=[],msgQueue=[],notifyQueue=[],lockScrollAttrKey="data-vxe-lock-scroll",lockScrollCssWidthKey="--vxe-ui-modal-lock-scroll-view-width",_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeModal",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,id:String,type:{type:String,default:"modal"},loading:{type:Boolean,default:null},status:String,iconStatus:String,className:String,top:{type:[Number,String],default:function(){return(0,_ui.getConfig)().modal.top}},position:[String,Object],title:String,duration:{type:[Number,String],default:function(){return(0,_ui.getConfig)().modal.duration}},content:[Number,String],showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:function(){return(0,_ui.getConfig)().modal.cancelButtonText}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.showConfirmButton}},confirmButtonText:{type:String,default:function(){return(0,_ui.getConfig)().modal.confirmButtonText}},lockView:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.lockView}},lockScroll:Boolean,mask:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.mask}},maskClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.maskClosable}},escClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.escClosable}},cancelClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.cancelClosable}},confirmClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.confirmClosable}},resize:Boolean,showHeader:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.showHeader}},showFooter:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.showFooter}},showZoom:Boolean,zoomConfig:Object,showMaximize:{type:Boolean,default:function(){return(0,_utils.handleBooleanDefaultValue)((0,_ui.getConfig)().modal.showMaximize)}},showMinimize:{type:Boolean,default:function(){return(0,_utils.handleBooleanDefaultValue)((0,_ui.getConfig)().modal.showMinimize)}},showClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.showClose}},dblclickZoom:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.dblclickZoom}},width:[Number,String],height:[Number,String],minWidth:{type:[Number,String],default:function(){return(0,_ui.getConfig)().modal.minWidth}},minHeight:{type:[Number,String],default:function(){return(0,_ui.getConfig)().modal.minHeight}},zIndex:Number,marginSize:{type:[Number,String],default:function(){return(0,_ui.getConfig)().modal.marginSize}},fullscreen:Boolean,draggable:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.draggable}},remember:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.remember}},destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.destroyOnClose}},showTitleOverflow:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.showTitleOverflow}},transfer:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.transfer}},storage:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.storage}},storageKey:{type:String,default:function(){return(0,_ui.getConfig)().modal.storageKey}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.padding}},size:{type:String,default:function(){return(0,_ui.getConfig)().modal.size||(0,_ui.getConfig)().size}},beforeHideMethod:Function,slots:Object,message:[Number,String],animat:{type:Boolean,default:function(){return(0,_ui.getConfig)().modal.animat}}},inject:{$xeParentModal:{from:"$xeModal",default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null}},provide:function(){return{$xeModal:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visible:!1,contentVisible:!1,modalTop:0,modalZindex:0,prevZoomStatus:"",zoomStatus:"",revertLocat:null,prevLocat:null,firstOpen:!0},internalData:{msgTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,o=e.$xeParentModal,i=e.$xeDrawer,n=e.$xeForm,e=e.transfer;if(null===e){var a=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(a))return a;if(t||o||i||n)return!0}return e},computeIsMsg:function(){return"message"===this.type||"notification"===this.type},computeIsMinimizeStatus:function(){return"minimize"===this.reactData.zoomStatus},computeIsMaximizeStatus:function(){return"maximize"===this.reactData.zoomStatus},computeZoomOpts:function(){return Object.assign({},(0,_ui.getConfig)().modal.zoomConfig,this.zoomConfig)}}),watch:{width:function(){this.recalculate()},height:function(){this.recalculate()},value:function(e){e?this.openModal():this.closeModal("model")}},methods:{dispatchEvent:function(e,t,o){this.$emit(e,(0,_ui.createEvent)(o,{$modal:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},callSlot:function(e,t,o){var i=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=i[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,o)):[]},open:function(){return this.openModal()},close:function(){return this.closeModal("close")},getBox:function(){return this.$refs.refModalBox},getPosition:function(){if(!this.computeIsMsg){var e=this.getBox();if(e)return{top:e.offsetTop,left:e.offsetLeft}}return null},setPosition:function(e,t){var o;return this.computeIsMsg||(o=this.getBox())&&(_xeUtils.default.isNumber(e)&&(o.style.top="".concat(e,"px")),_xeUtils.default.isNumber(t))&&(o.style.left="".concat(t,"px")),this.$nextTick()},isMinimized:function(){return"minimize"===this.reactData.zoomStatus},isMaximized:function(){return"maximize"===this.reactData.zoomStatus},zoom:function(){return this.handleZoom()},minimize:function(){return this.reactData.visible?this.handleMinimize():Promise.resolve({status:!1})},maximize:function(){return this.reactData.visible?this.handleMaximize():Promise.resolve({status:!1})},revert:function(){return this.reactData.visible?this.handleRevert():Promise.resolve({status:!1})},recalculate:function(){var e=this.width,t=this.height,o=this.getBox();return o&&(o.style.width=e?(0,_dom.toCssUnit)(e):"",o.style.height=t?(0,_dom.toCssUnit)(t):""),this.$nextTick()},updateZindex:function(){var e=this.reactData,t=this.zIndex,o=e.modalZindex;t?e.modalZindex=t:o<(0,_utils.getLastZIndex)()&&(e.modalZindex=(0,_utils.nextZIndex)())},updatePosition:function(){var c=this,d=c;return c.$nextTick().then(function(){var e,t,o,i,n,a,l,r=d.position,s=_xeUtils.default.toNumber(d.marginSize),u=c.getBox();u&&(e=document.documentElement.clientWidth||document.body.clientWidth,t=document.documentElement.clientHeight||document.body.clientHeight,o="center"===r,i=(r=_xeUtils.default.isString(r)?{top:r,left:r}:Object.assign({},r)).top,n=o||"center"===i,a=l="",a=(r=r.left)&&!(o||"center"===r)?isNaN(r)?r:"".concat(r,"px"):"".concat(Math.max(s,e/2-u.offsetWidth/2),"px"),l=i&&!n?isNaN(i)?i:"".concat(i,"px"):"".concat(Math.max(s,t/2-u.offsetHeight/2),"px"),u.style.top=l,u.style.left=a)})},updateStyle:function(){var t=this;this.$nextTick(function(){var e=t.type,o=0;("notification"===e?notifyQueue:msgQueue).forEach(function(e){var t=e.getBox();t&&(o+=_xeUtils.default.toNumber(e.top),e.reactData.modalTop=o,o+=t.clientHeight)})})},removeMsgQueue:function(){var t=this,e="notification"===t.type?notifyQueue:msgQueue;-1<e.indexOf(t)&&_xeUtils.default.remove(e,function(e){return e===t}),t.updateStyle()},closeModal:function(e){var t=this,o=t.reactData,i=t.remember,n=o.visible,a=t.computeIsMsg,l=t.beforeHideMethod||(0,_ui.getConfig)().modal.beforeHideMethod,r={type:e};return n&&Promise.resolve(l?l(r):null).then(function(e){_xeUtils.default.isError(e)||(a&&t.removeMsgQueue(),o.contentVisible=!1,i||t.handleRevert(),_xeUtils.default.remove(allActiveModals,function(e){return e===t}),t.dispatchEvent("before-hide",r,null),setTimeout(function(){o.visible=!1,t.emitModel(!1),t.dispatchEvent("hide",r,null)},200),t.removeBodyLockScroll())}).catch(function(e){return e}),t.$nextTick()},closeEvent:function(e){var t="close";this.dispatchEvent(t,{type:t},e),this.closeModal(t)},confirmEvent:function(e){var t=this.confirmClosable,o="confirm";this.dispatchEvent(o,{type:o},e),t&&this.closeModal(o)},cancelEvent:function(e){var t=this.cancelClosable,o="cancel";this.dispatchEvent(o,{type:o},e),t&&this.closeModal(o)},getStorageMap:function(e){var t=(0,_ui.getConfig)().version,e=_xeUtils.default.toStringJSON(localStorage.getItem(e)||"");return e&&e._v===t?e:{_v:t}},hasPosStorage:function(){var e=this.id,t=this.storage,o=this.storageKey;return!!(e&&t&&this.getStorageMap(o)[e])},restorePosStorage:function(){var e,t,o,i,n,a,l=this.reactData,r=this.id,s=this.storage,u=this.storageKey;r&&s&&(s=this.getStorageMap(u)[r])&&(u=this.getBox(),s=(r=_slicedToArray(s.split(","),8))[0],e=r[1],t=r[2],o=r[3],i=r[4],n=r[5],a=r[6],r=r[7],u&&(s&&(u.style.left="".concat(s,"px")),e&&(u.style.top="".concat(e,"px")),t&&(u.style.width="".concat(t,"px")),o)&&(u.style.height="".concat(o,"px")),i)&&n&&(l.revertLocat={left:i,top:n,width:a,height:r})},addMsgQueue:function(){var e="notification"===this.type?notifyQueue:msgQueue;-1===e.indexOf(this)&&e.push(this),this.updateStyle()},savePosStorage:function(){var e=this.reactData,t=this.id,o=this.storage,i=this.storageKey,n=e.zoomStatus,e=e.revertLocat;n||t&&o&&(n=this.getBox())&&((o=this.getStorageMap(i))[t]=[n.style.left,n.style.top,n.style.width,n.style.height].concat(e?[e.left,e.top,e.width,e.height]:[]).map(function(e){return e?_xeUtils.default.toNumber(e):""}).join(","),localStorage.setItem(i,_xeUtils.default.toJSONString(o)))},handleMinimize:function(){var r=this,s=r.reactData,e=r.computeZoomOpts,t=e.minimizeLayout,o=e.minimizeMaxSize,u=e.minimizeHorizontalOffset,c=e.minimizeVerticalOffset,d=e.minimizeOffsetMethod,m="horizontal"===t,f=s.zoomStatus,i=[],n=[],h=(allActiveModals.forEach(function(e){e.xID!==r.xID&&"modal"===e.type&&"minimize"===e.reactData.zoomStatus&&("horizontal"===e.computeZoomOpts.minimizeLayout?i:n).push(e)}),m?i:n);return o&&o<=h.length?(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:(0,_ui.getI18n)("vxe.modal.miniMaxSize",[o])}),Promise.resolve({status:!1})):(s.prevZoomStatus=f,s.zoomStatus="minimize",r.$nextTick().then(function(){var e,t,o,i,n,a,l=r.getBox();return l&&(e=r.$refs.refHeaderElem)?(a=(0,_dom.getDomNode)().visibleHeight,f||(s.revertLocat={top:l.offsetTop,left:l.offsetLeft,width:l.offsetWidth+(l.style.width?0:1),height:l.offsetHeight+(l.style.height?0:1)}),o=_xeUtils.default[m?"max":"min"](h,function(e){e=e.getBox();return e?_xeUtils.default.toNumber(e.style[m?"left":"top"]):0}),a=a-e.offsetHeight-16,n=16,o&&(o=o.getBox())&&(t=_xeUtils.default.toNumber(o.style.left),o=_xeUtils.default.toNumber(o.style.top),i={},i=m?Object.assign({},u):Object.assign({},c),n=t+_xeUtils.default.toNumber(i.left),a=o+_xeUtils.default.toNumber(i.top),d)&&(i=d({$modal:r,left:n,top:a}),n=_xeUtils.default.toNumber(i.left),a=_xeUtils.default.toNumber(i.top)),Object.assign(l.style,{top:"".concat(a,"px"),left:"".concat(n,"px"),width:"200px",height:"".concat(e.offsetHeight,"px")}),r.savePosStorage(),{status:!0}):{status:!1}}))},handleMaximize:function(){var n=this,a=n,l=n.reactData,r=l.zoomStatus;return l.prevZoomStatus=r,l.zoomStatus="maximize",n.$nextTick().then(function(){var e,t,o,i=n.getBox();i&&(r||(e=_xeUtils.default.toNumber(a.marginSize),t=document.documentElement.clientWidth||document.body.clientWidth,o=document.documentElement.clientHeight||document.body.clientHeight,l.revertLocat={top:Math.max(e,o/2-i.offsetHeight/2),left:Math.max(e,t/2-i.offsetWidth/2),width:i.offsetWidth+(i.style.width?0:1),height:i.offsetHeight+(i.style.height?0:1)}),Object.assign(i.style,{top:"0",left:"0",width:"100%",height:"100%"})),n.savePosStorage()})},handleMsgAutoClose:function(){var e=this,t=e.internalData,o=e.duration;-1!==o&&(t.msgTimeout=setTimeout(function(){return e.closeModal("close")},_xeUtils.default.toNumber(o)))},removeBodyLockScroll:function(){var t=this.xID,e=document.documentElement,o=e.getAttribute(lockScrollAttrKey);o&&((o=o.split(",").filter(function(e){return e!==t})).length?e.setAttribute(lockScrollAttrKey,o.join(",")):(e.removeAttribute(lockScrollAttrKey),e.style.removeProperty(lockScrollCssWidthKey)))},addBodyLockScroll:function(){var e,t=this.xID,o=this.lockScroll,i=this.computeIsMsg;o&&!i&&(o=document.documentElement,i=document.body.clientWidth,(e=(e=o.getAttribute(lockScrollAttrKey))?e.split(","):[]).includes(t)||(e.push(t),o.setAttribute(lockScrollAttrKey,e.join(","))),o.style.setProperty(lockScrollCssWidthKey,"".concat(i,"px")))},openModal:function(){var o=this,t=o,i=o.reactData,n=t.remember,a=t.showFooter,e=i.initialized,l=i.visible,r=o.computeIsMsg,s=o.computeBtnTransfer;return e||(i.initialized=!0,s&&(e=o.$refs.refElem,document.body.appendChild(e))),l||(o.addBodyLockScroll(),i.visible=!0,i.contentVisible=!1,o.updateZindex(),allActiveModals.push(o),setTimeout(function(){i.contentVisible=!0,o.$nextTick(function(){a&&(e=o.$refs.refConfirmBtn,t=o.$refs.refCancelBtn,e=e||t)&&e.focus();var e,t={type:""};o.emitModel(!0),o.dispatchEvent("show",t,null)})},10),r?(o.addMsgQueue(),o.handleMsgAutoClose()):o.$nextTick(function(){var e=t.fullscreen;i.firstOpen?(i.firstOpen=!1,o.hasPosStorage()?o.restorePosStorage():e?o.$nextTick(function(){return o.handleMaximize()}):(o.recalculate(),o.updatePosition().then(function(){setTimeout(function(){return o.updatePosition()},20)}))):n||(o.recalculate(),o.updatePosition().then(function(){setTimeout(function(){return o.updatePosition()},20)}))})),o.$nextTick()},selfClickEvent:function(e){var t=this.$refs.refElem;this.maskClosable&&e.target===t&&this.closeModal("mask")},selfMouseoverEvent:function(){var e=this.internalData,t=e.msgTimeout;t&&this.computeIsMsg&&(clearTimeout(t),e.msgTimeout=void 0)},selfMouseoutEvent:function(){this.internalData.msgTimeout||this.computeIsMsg&&this.handleMsgAutoClose()},handleGlobalKeydownEvent:function(e){var t,o=this;_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE)&&(t=_xeUtils.default.max(allActiveModals,function(e){return e.reactData.modalZindex}))&&setTimeout(function(){t===o&&t.escClosable&&(o.dispatchEvent("close",{type:"exit"},e),o.closeModal("exit"))},10)},handleRevert:function(){var o=this,i=o.reactData;return i.prevZoomStatus=i.zoomStatus,i.zoomStatus="",o.$nextTick().then(function(){var e,t=i.revertLocat;return t?(e=o.getBox(),i.revertLocat=null,e&&Object.assign(e.style,{top:"".concat(t.top,"px"),left:"".concat(t.left,"px"),width:"".concat(t.width,"px"),height:"".concat(t.height,"px")}),o.savePosStorage(),o.$nextTick().then(function(){return{status:!0}})):{status:!1}})},handleZoom:function(t){var o=this,e=o.reactData,i=e.zoomStatus;return new Promise(function(e){if(t)return"maximize"===t?void e(o.handleMaximize()):"minimize"===t?void e(o.handleMinimize()):void e(o.handleRevert());e(i?o.handleRevert():o.handleMaximize())}).then(function(){return e.zoomStatus||"revert"})},toggleZoomMinEvent:function(t){var o=this,e=o.reactData,i=e.zoomStatus;return o.handleZoom("minimize"===i?e.prevZoomStatus||"revert":"minimize").then(function(e){o.dispatchEvent("zoom",{type:e},t)})},toggleZoomMaxEvent:function(t){var o=this;return o.handleZoom().then(function(e){o.dispatchEvent("zoom",{type:e},t)})},boxMousedownEvent:function(){var t=this.reactData.modalZindex;allActiveModals.some(function(e){return e.reactData.visible&&e.reactData.modalZindex>t})&&this.updateZindex()},mousedownEvent:function(e){var t,o,a,l,r,s,u=this,i=u.reactData,n=u.storage,i=i.zoomStatus,c=_xeUtils.default.toNumber(u.marginSize),d=u.getBox();d&&"maximize"!==i&&0===e.button&&!(0,_dom.getEventTargetNode)(e,d,"trigger--btn").flag&&(e.preventDefault(),t=document.onmousemove,o=document.onmouseup,a=e.clientX-d.offsetLeft,l=e.clientY-d.offsetTop,i=(0,_dom.getDomNode)(),r=i.visibleHeight,s=i.visibleWidth,document.onmousemove=function(e){e.preventDefault();var t=d.offsetWidth,o=d.offsetHeight,t=s-t-c-1,o=r-o-c-1,i=e.clientX-a,n=e.clientY-l;(n=o<n?o:n)<c&&(n=c),d.style.left="".concat(i=(i=t<i?t:i)<c?c:i,"px"),d.style.top="".concat(n,"px"),d.className=d.className.replace(/\s?is--drag/,"")+" is--drag",u.$emit("move",(0,_ui.createEvent)(e,{type:"move"}))},document.onmouseup=function(){document.onmousemove=t,document.onmouseup=o,n&&u.$nextTick(function(){u.savePosStorage()}),setTimeout(function(){d.className=d.className.replace(/\s?is--drag/,"")},50)})},dragEvent:function(e){var a=this,t=a,o=a.reactData,l=(e.preventDefault(),t.storage),i=(0,_dom.getDomNode)(),r=i.visibleHeight,s=i.visibleWidth,u=_xeUtils.default.toNumber(t.marginSize),c=e.target.getAttribute("type"),d=_xeUtils.default.toNumber(t.minWidth),m=_xeUtils.default.toNumber(t.minHeight),f=s,h=r,p=a.getBox(),g=p.clientWidth,v=p.clientHeight,x=e.clientX,y=e.clientY,_=p.offsetTop,b=p.offsetLeft,S={type:"resize"};document.onmousemove=function(e){var t,o,i,n;switch(e.preventDefault(),c){case"wl":i=(t=x-e.clientX)+g,u<b-t&&d<i&&(p.style.width="".concat(i<f?i:f,"px"),p.style.left="".concat(b-t,"px"));break;case"swst":i=(t=x-e.clientX)+g,n=(o=y-e.clientY)+v,u<b-t&&d<i&&(p.style.width="".concat(i<f?i:f,"px"),p.style.left="".concat(b-t,"px")),u<_-o&&m<n&&(p.style.height="".concat(n<h?n:h,"px"),p.style.top="".concat(_-o,"px"));break;case"swlb":i=(t=x-e.clientX)+g,n=(o=e.clientY-y)+v,u<b-t&&d<i&&(p.style.width="".concat(i<f?i:f,"px"),p.style.left="".concat(b-t,"px")),_+n+u<r&&m<n&&(p.style.height="".concat(n<h?n:h,"px"));break;case"st":o=y-e.clientY,n=v+o,u<_-o&&m<n&&(p.style.height="".concat(n<h?n:h,"px"),p.style.top="".concat(_-o,"px"));break;case"wr":t=e.clientX-x,b+(i=t+g)+u<s&&d<i&&(p.style.width="".concat(i<f?i:f,"px"));break;case"sest":t=e.clientX-x,n=(o=y-e.clientY)+v,b+(i=t+g)+u<s&&d<i&&(p.style.width="".concat(i<f?i:f,"px")),u<_-o&&m<n&&(p.style.height="".concat(n<h?n:h,"px"),p.style.top="".concat(_-o,"px"));break;case"selb":t=e.clientX-x,n=(o=e.clientY-y)+v,b+(i=t+g)+u<s&&d<i&&(p.style.width="".concat(i<f?i:f,"px")),_+n+u<r&&m<n&&(p.style.height="".concat(n<h?n:h,"px"));break;case"sb":o=e.clientY-y,_+(n=o+v)+u<r&&m<n&&(p.style.height="".concat(n<h?n:h,"px"))}p.className=p.className.replace(/\s?is--drag/,"")+" is--drag",l&&a.savePosStorage(),a.dispatchEvent("resize",S,e)},document.onmouseup=function(){o.revertLocat=null,document.onmousemove=null,document.onmouseup=null,setTimeout(function(){p.className=p.className.replace(/\s?is--drag/,"")},50)}},renderTitles:function(e){var t=this,o=t.$scopedSlots,i=t.slots,i=void 0===i?{}:i,n=t.showClose,a=t.showZoom,l=t.showMaximize,r=t.showMinimize,s=t.title,u=t.reactData.zoomStatus,c=o.title||i.title,o=o.corner||i.corner,i=t.computeIsMinimizeStatus;return[e("div",{class:"vxe-modal--header-title"},c?t.callSlot(c,{$modal:t,minimized:i,maximized:t.computeIsMaximizeStatus},e):s?(0,_utils.getFuncText)(s):(0,_ui.getI18n)("vxe.alert.title")),e("div",{class:"vxe-modal--header-right"},[o&&!i?e("div",{class:"vxe-modal--corner-wrapper"},t.callSlot(o,{$modal:t},e)):(0,_ui.renderEmptyElement)(t),(_xeUtils.default.isBoolean(r)?r:a)?e("div",{class:["vxe-modal--zoom-btn","trigger--btn"],attrs:{title:(0,_ui.getI18n)("vxe.modal.zoom".concat("minimize"===u?"Out":"Min"))},on:{click:t.toggleZoomMinEvent}},[e("i",{class:"minimize"===u?(0,_ui.getIcon)().MODAL_ZOOM_REVERT:(0,_ui.getIcon)().MODAL_ZOOM_MIN})]):(0,_ui.renderEmptyElement)(t),(_xeUtils.default.isBoolean(l)?l:a)&&"minimize"!==u?e("div",{class:["vxe-modal--zoom-btn","trigger--btn"],attrs:{title:(0,_ui.getI18n)("vxe.modal.zoom".concat("maximize"===u?"Out":"In"))},on:{click:t.toggleZoomMaxEvent}},[e("i",{class:"maximize"===u?(0,_ui.getIcon)().MODAL_ZOOM_OUT:(0,_ui.getIcon)().MODAL_ZOOM_IN})]):(0,_ui.renderEmptyElement)(t),n?e("div",{class:["vxe-modal--close-btn","trigger--btn"],attrs:{title:(0,_ui.getI18n)("vxe.modal.close")},on:{click:t.closeEvent}},[e("i",{class:(0,_ui.getIcon)().MODAL_CLOSE})]):(0,_ui.renderEmptyElement)(t)])]},renderHeader:function(e){var t=this,o=t,i=t.$scopedSlots,n=o.slots,a=o.showZoom,l=o.showMaximize,r=t.computeIsMsg,i=i.header||(void 0===n?{}:n).header;return o.showHeader?(n={},o.draggable&&(n.mousedown=t.mousedownEvent),(_xeUtils.default.isBoolean(l)?l:a)&&o.dblclickZoom&&"modal"===o.type&&(n.dblclick=t.toggleZoomMaxEvent),e("div",{ref:"refHeaderElem",class:["vxe-modal--header",{"is--ellipsis":!r&&o.showTitleOverflow}],on:n},i?t.callSlot(i,{$modal:t},e):t.renderTitles(e))):(0,_ui.renderEmptyElement)(t)},renderBody:function(e){var t=this,o=t,i=t.$scopedSlots,n=o.slots,n=void 0===n?{}:n,a=o.status,l=o.iconStatus,r=o.content||o.message,s=t.computeIsMsg,u=i.default||n.default,c=i.left||n.left,i=i.right||n.right,n=[];return s||!a&&!l||n.push(e("div",{class:"vxe-modal--status-wrapper"},[e("i",{class:["vxe-modal--status-icon",l||(0,_ui.getIcon)()["MODAL_".concat(a).toLocaleUpperCase()]]})])),n.push(e("div",{class:"vxe-modal--content"},u?t.callSlot(u,{$modal:t},e):(0,_utils.getFuncText)(r))),e("div",{class:"vxe-modal--body"},[c?e("div",{class:"vxe-modal--body-left"},t.callSlot(c,{$modal:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-modal--body-default"},n),i?e("div",{class:"vxe-modal--body-right"},t.callSlot(i,{$modal:t},e)):(0,_ui.renderEmptyElement)(t),s?(0,_ui.renderEmptyElement)(t):e(_index.default,{class:"vxe-modal--loading",props:{value:o.loading}})])},renderDefaultFooter:function(e){var t=this,o=t,i=t.$scopedSlots,n=o.slots,n=void 0===n?{}:n,a=o.showCancelButton,l=o.showConfirmButton,r=o.type,s=o.loading,u=i.leftfoot||n.leftfoot,i=i.rightfoot||n.rightfoot,n=[];return(_xeUtils.default.isBoolean(a)?a:"confirm"===r)&&n.push(e(_button.default,{key:1,ref:"refCancelBtn",props:{content:o.cancelButtonText||(0,_ui.getI18n)("vxe.button.cancel")},on:{click:t.cancelEvent}})),(_xeUtils.default.isBoolean(l)?l:"confirm"===r||"alert"===r)&&n.push(e(_button.default,{key:2,ref:"refConfirmBtn",props:{status:"primary",loading:s,content:o.confirmButtonText||(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}})),e("div",{class:"vxe-modal--footer-wrapper"},[e("div",{class:"vxe-modal--footer-left"},u?t.callSlot(u,{$modal:t},e):[]),e("div",{class:"vxe-modal--footer-right"},i?t.callSlot(i,{$modal:t},e):n)])},renderFooter:function(e){var t=this,o=t.$scopedSlots,i=t.slots,o=o.footer||(void 0===i?{}:i).footer;return t.showFooter?e("div",{class:"vxe-modal--footer"},o?t.callSlot(o,{$modal:t},e):[t.renderDefaultFooter(e)]):(0,_ui.renderEmptyElement)(t)},renderVN:function(t){var o=this,e=o.$scopedSlots,i=o.reactData,n=o.slots,a=o.className,l=o.type,r=o.animat,s=o.draggable,u=o.iconStatus,c=o.position,d=o.loading,m=o.destroyOnClose,f=o.status,h=o.lockScroll,p=o.padding,g=o.lockView,v=o.mask,x=o.resize,y=i.initialized,_=i.modalTop,b=i.contentVisible,S=i.visible,M=i.zoomStatus,e=e.aside||(void 0===n?{}:n).aside,n=o.computeSize,z=o.computeIsMsg,w=o.computeIsMinimizeStatus,E={};return z&&(E.mouseover=o.selfMouseoverEvent,E.mouseout=o.selfMouseoutEvent),t("div",{ref:"refElem",class:["vxe-modal--wrapper","type--".concat(l),"zoom--".concat(M||"revert"),a||"",c?"pos--".concat(c):"",(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(l={},"size--".concat(n),n),"status--".concat(f),f),"is--padding",p),"is--animat",r),"lock--scroll",h),"lock--view",g),"is--draggable",s),"is--resize",x),"is--mask",v),"is--visible",b),_defineProperty(_defineProperty(l,"is--active",S),"is--loading",d))],style:{zIndex:i.modalZindex,top:_?"".concat(_,"px"):null},on:Object.assign(Object.assign({},E),{click:o.selfClickEvent})},y?[t("div",{ref:"refModalBox",class:"vxe-modal--box",on:{mousedown:o.boxMousedownEvent}},[!z&&!e||w?(0,_ui.renderEmptyElement)(o):t("div",{class:"vxe-modal--aside"},e?o.callSlot(e,{$modal:o},t):[f||u?t("div",{class:"vxe-modal--status-wrapper"},[t("i",{class:["vxe-modal--status-icon",u||(0,_ui.getIcon)()["MODAL_".concat(f).toLocaleUpperCase()]]})]):(0,_ui.renderEmptyElement)(o)]),t("div",{class:"vxe-modal--container"},!i.initialized||m&&!i.visible?[]:[o.renderHeader(t),o.renderBody(t),o.renderFooter(t),!z&&x?t("span",{class:"vxe-modal--resize"},["wl","wr","swst","sest","st","swlb","selb","sb"].map(function(e){return t("span",{class:"".concat(e,"-resize"),attrs:{type:e},on:{mousedown:o.dragEvent}})})):(0,_ui.renderEmptyElement)(o)])])]:[])}},mounted:function(){var e=this,t=e.$scopedSlots,o=e;"development"===process.env.NODE_ENV&&"modal"===o.type&&o.showFooter&&!(o.showConfirmButton||o.showCancelButton||t.footer)&&(0,_log.warnLog)("vxe.modal.footPropErr"),e.$nextTick(function(){o.storage&&!o.id&&(0,_log.errLog)("vxe.error.reqProp",["modal.id"]),o.value&&e.openModal(),e.recalculate()}),o.escClosable&&_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent)},beforeDestroy:function(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"keydown"),this.removeMsgQueue(),this.removeBodyLockScroll()},render:function(e){return this.renderVN(e)}});

package/lib/row/style/style.css

@@ -9,4 +9,110 @@
 }
 .vxe-row.is--wrap {
   flex-wrap: wrap;
+}
+
+.vxe-col {
+  display: block;
+}
+.vxe-col.is--ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vxe-col.is--fill {
+  flex-grow: 1;
+}
+.vxe-col:not(.is--fill) {
+  flex-shrink: 0;
+}
+.vxe-col.align--left {
+  text-align: left;
+}
+.vxe-col.align--center {
+  text-align: center;
+}
+.vxe-col.align--right {
+  text-align: right;
+}
+.vxe-col.span1 {
+  width: 4.16667%;
+}
+.vxe-col.span2 {
+  width: 8.33333%;
+}
+.vxe-col.span3 {
+  width: 12.5%;
+}
+.vxe-col.span4 {
+  width: 16.66667%;
+}
+.vxe-col.span5 {
+  width: 20.83333%;
+}
+.vxe-col.span6 {
+  width: 25%;
+}
+.vxe-col.span7 {
+  width: 29.16667%;
+}
+.vxe-col.span8 {
+  width: 33.33333%;
+}
+.vxe-col.span9 {
+  width: 37.5%;
+}
+.vxe-col.span10 {
+  width: 41.66667%;
+}
+.vxe-col.span11 {
+  width: 45.83333%;
+}
+.vxe-col.span12 {
+  width: 50%;
+}
+.vxe-col.span13 {
+  width: 54.16667%;
+}
+.vxe-col.span14 {
+  width: 58.33333%;
+}
+.vxe-col.span15 {
+  width: 62.5%;
+}
+.vxe-col.span16 {
+  width: 66.66667%;
+}
+.vxe-col.span17 {
+  width: 70.83333%;
+}
+.vxe-col.span18 {
+  width: 75%;
+}
+.vxe-col.span19 {
+  width: 79.16667%;
+}
+.vxe-col.span20 {
+  width: 83.33333%;
+}
+.vxe-col.span21 {
+  width: 87.5%;
+}
+.vxe-col.span22 {
+  width: 91.66667%;
+}
+.vxe-col.span23 {
+  width: 95.83333%;
+}
+.vxe-col.span24 {
+  width: 100%;
+}
+
+.vxe-col--inner {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.vxe-col.is--span > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-default-select, .vxe-col.is--span > .vxe-col--inner > .vxe-input, .vxe-col.is--span > .vxe-col--inner > .vxe-number-input, .vxe-col.is--span > .vxe-col--inner > .vxe-password-input, .vxe-col.is--span > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--span > .vxe-col--inner > .vxe-textarea, .vxe-col.is--span > .vxe-col--inner > .vxe-select, .vxe-col.is--span > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--span > .vxe-col--inner > .vxe-table-select, .vxe-col.is--span > .vxe-col--inner > .vxe-ico-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-default-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-default-select, .vxe-col.is--width > .vxe-col--inner > .vxe-input, .vxe-col.is--width > .vxe-col--inner > .vxe-number-input, .vxe-col.is--width > .vxe-col--inner > .vxe-password-input, .vxe-col.is--width > .vxe-col--inner > .vxe-date-picker, .vxe-col.is--width > .vxe-col--inner > .vxe-textarea, .vxe-col.is--width > .vxe-col--inner > .vxe-select, .vxe-col.is--width > .vxe-col--inner > .vxe-tree-select, .vxe-col.is--width > .vxe-col--inner > .vxe-table-select, .vxe-col.is--width > .vxe-col--inner > .vxe-ico-picker {
+  width: 100%;
 }

package/lib/row/style/style.min.css

@@ -1 +1 @@
-.vxe-row{position:relative;display:flex;flex-direction:row;flex-grow:1}.vxe-row.is--vertical{flex-direction:column}.vxe-row.is--wrap{flex-wrap:wrap}
+.vxe-row{position:relative;display:flex;flex-direction:row;flex-grow:1}.vxe-row.is--vertical{flex-direction:column}.vxe-row.is--wrap{flex-wrap:wrap}.vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-col.span1{width:4.16667%}.vxe-col.span2{width:8.33333%}.vxe-col.span3{width:12.5%}.vxe-col.span4{width:16.66667%}.vxe-col.span5{width:20.83333%}.vxe-col.span6{width:25%}.vxe-col.span7{width:29.16667%}.vxe-col.span8{width:33.33333%}.vxe-col.span9{width:37.5%}.vxe-col.span10{width:41.66667%}.vxe-col.span11{width:45.83333%}.vxe-col.span12{width:50%}.vxe-col.span13{width:54.16667%}.vxe-col.span14{width:58.33333%}.vxe-col.span15{width:62.5%}.vxe-col.span16{width:66.66667%}.vxe-col.span17{width:70.83333%}.vxe-col.span18{width:75%}.vxe-col.span19{width:79.16667%}.vxe-col.span20{width:83.33333%}.vxe-col.span21{width:87.5%}.vxe-col.span22{width:91.66667%}.vxe-col.span23{width:95.83333%}.vxe-col.span24{width:100%}.vxe-col--inner{display:flex;flex-direction:column;width:100%}.vxe-col.is--span>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-default-select,.vxe-col.is--span>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-input,.vxe-col.is--span>.vxe-col--inner>.vxe-number-input,.vxe-col.is--span>.vxe-col--inner>.vxe-password-input,.vxe-col.is--span>.vxe-col--inner>.vxe-select,.vxe-col.is--span>.vxe-col--inner>.vxe-table-select,.vxe-col.is--span>.vxe-col--inner>.vxe-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-tree-select,.vxe-col.is--width>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-default-select,.vxe-col.is--width>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-input,.vxe-col.is--width>.vxe-col--inner>.vxe-number-input,.vxe-col.is--width>.vxe-col--inner>.vxe-password-input,.vxe-col.is--width>.vxe-col--inner>.vxe-select,.vxe-col.is--width>.vxe-col--inner>.vxe-table-select,.vxe-col.is--width>.vxe-col--inner>.vxe-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-tree-select{width:100%}

package/lib/select/src/select.js

@@ -132,7 +132,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       optList: [],
       afterVisibleList: [],
       staticOptions: [],
-      reactFlag: 0,
+      reactFlag: 1,
       currentOption: null,
       searchValue: '',
       searchLoading: false,
@@ -304,15 +304,17 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     computeSelectLabel: function computeSelectLabel() {
       var $xeSelect = this;
       var props = $xeSelect;
+      var reactData = $xeSelect.reactData;
       var value = props.value,
         remote = props.remote,
         multiple = props.multiple;
+      var reactFlag = reactData.reactFlag;
       var multiMaxCharNum = $xeSelect.computeMultiMaxCharNum;
       if (_xeUtils.default.eqNull(value)) {
         return '';
       }
       var vals = _xeUtils.default.isArray(value) ? value : [value];
-      if (remote) {
+      if (remote && reactFlag) {
         return vals.map(function (val) {
           return $xeSelect.getRemoteSelectLabel(val);
         }).join(', ');
@@ -419,9 +421,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     getRemoteSelectLabel: function getRemoteSelectLabel(value) {
       var $xeSelect = this;
       var internalData = $xeSelect.internalData;
-      var remoteValMaps = internalData.remoteValMaps;
+      var remoteValMaps = internalData.remoteValMaps,
+        optFullValMaps = internalData.optFullValMaps;
       var labelField = $xeSelect.computeLabelField;
-      var remoteItem = remoteValMaps[value];
+      var remoteItem = remoteValMaps[value] || optFullValMaps[value];
       var item = remoteItem ? remoteItem.item : null;
       return _xeUtils.default.toValueString(item ? item[labelField] : value);
     },

package/lib/select/src/select.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"),_utils=require("../../ui/src/utils"),_input=_interopRequireDefault(require("../../input/src/input")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSelect",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Boolean,Array],defaultConfig:Object,clearable:Boolean,placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:function(){return(0,_ui.getConfig)().select.multiCharOverflow}},prefixIcon:String,allowCreate:{type:Boolean,default:function(){return(0,_ui.getConfig)().select.allowCreate}},placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:function(){return(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size}},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,remoteConfig:Object,emptyText:String,transfer:{type:Boolean,default:null},virtualYConfig:Object,scrollY:Object,optionId:{type:String,default:function(){return(0,_ui.getConfig)().select.optionId}},optionKey:Boolean},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeSelect:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],afterVisibleList:[],staticOptions:[],reactFlag:0,currentOption:null,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1},internalData:{synchData:[],fullData:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeBtnTransfer:function(){var e=this,t=e.$xeTable,i=e.$xeModal,n=e.$xeDrawer,l=e.$xeForm,e=e.transfer;if(null===e){var a=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(a))return a;if(t||i||n||l)return!0}return e},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")},computeDefaultOpts:function(){return Object.assign({},this.defaultConfig)},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeGroupPropsOpts:function(){return Object.assign({},this.optionGroupProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeGroupLabelField:function(){return this.computeGroupPropsOpts.label||"label"},computeGroupOptionsField:function(){return this.computeGroupPropsOpts.options||"options"},computeIsMaximize:function(){var e=this.value,t=this.multiple,i=this.max;return!(!t||!i)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(i)},computeSYOpts:function(){return Object.assign({},(0,_ui.getConfig)().select.virtualYConfig||(0,_ui.getConfig)().select.scrollY,this.virtualYConfig||this.scrollY)},computeRemoteOpts:function(){return Object.assign({},(0,_ui.getConfig)().select.remoteConfig,this.remoteConfig)},computeOptionOpts:function(){return Object.assign({},(0,_ui.getConfig)().select.optionConfig,this.optionConfig)},computeIsGroup:function(){return this.reactData.fullGroupList.some(function(e){return e.options&&e.options.length})},computeMultiMaxCharNum:function(){return _xeUtils.default.toNumber(this.multiCharOverflow)},computeSelectLabel:function(){var t=this,e=t.value,i=t.remote,n=t.multiple,l=t.computeMultiMaxCharNum;return _xeUtils.default.eqNull(e)?"":(e=_xeUtils.default.isArray(e)?e:[e],(i?e.map(function(e){return t.getRemoteSelectLabel(e)}):e.map(function(e){e=t.getSelectLabel(e);return n&&0<l&&e.length>l?"".concat(e.substring(0,l),"..."):e})).join(", "))}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$select:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},isPanelVisible:function(){return this.reactData.visiblePanel},togglePanel:function(){return this.reactData.visiblePanel?this.hideOptionPanel():this.showOptionPanel(),this.$nextTick()},hidePanel:function(){return this.reactData.visiblePanel&&this.hideOptionPanel(),this.$nextTick()},showPanel:function(){return this.reactData.visiblePanel||this.showOptionPanel(),this.$nextTick()},focus:function(){var e=this.reactData,t=this.$refs.refInput;return e.isActivated=!0,t.blur(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInput.blur(),e.isActivated=!1,this.$nextTick()},callSlot:function(e,t,i){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,i)):[]},getOptKey:function(){return this.computeOptionOpts.keyField||this.optionId||"_X_OPTION_KEY"},getOptId:function(e){e=e[this.getOptKey()];return e?encodeURIComponent(e):""},getRemoteSelectLabel:function(e){var t=this.internalData.remoteValMaps,i=this.computeLabelField,t=t[e],t=t?t.item:null;return _xeUtils.default.toValueString(t?t[i]:e)},getSelectLabel:function(e){var t=this.reactData,i=this.internalData.optFullValMaps,n=this.computeLabelField,t=t.reactFlag?i[e]:null;return t?t.item[n]:_xeUtils.default.toValueString(e)},getOptkey:function(){return this.computeOptionOpts.keyField||this.optionId||"_X_OPTION_KEY"},getOptid:function(e){e=e[this.getOptkey()];return e?encodeURIComponent(e):""},handleOption:function(){var t=this,e=t.reactData,i=t.internalData,n=t.value,l=t.filterable,a=t.filterMethod,o=e.searchValue,r=i.fullData,s=i.optFullValMaps,c=t.computeLabelField,u=t.computeValueField,p="".concat(o||"").toLowerCase(),i=[];return(i=l&&a?r.filter(function(e){return isOptionVisible(e)&&a({$select:t,group:null,option:e,searchValue:o,value:n})}):l?r.filter(function(e){return isOptionVisible(e)&&(!p||-1<"".concat(e[c]).toLowerCase().indexOf(p))}):r.filter(isOptionVisible)).forEach(function(e,t){e=s[e[u]];e&&(e._index=t)}),e.afterVisibleList=i,t.$nextTick()},refreshOption:function(){return this.handleOption(),this.updateYData(),this.$nextTick()},cacheItemMap:function(e){function t(e){u.push(e);var t=i.getOptId(e);t||(t=getOptUniqueId(),e[r]=t),c[e[o]]={key:t,item:e,_index:-1}}var i=this,n=i.reactData,l=i.internalData,a=i.computeGroupOptionsField,o=i.computeValueField,r=i.getOptKey(),s={},c={},u=[];e.forEach(function(e){t(e),e[a]&&(s[e[r]]=e)[a].forEach(t)}),l.fullData=u,l.optGroupKeyMaps=s,l.optFullValMaps=c,n.reactFlag++,i.handleOption()},setCurrentOption:function(e){var t=this.reactData;e&&(t.currentOption=e)},scrollToOption:function(n,l){var a=this;return a.$nextTick().then(function(){var e,t,i;n&&(e=a.$refs.refOptionWrapper,t=a.$refs.refOptionPanel.querySelector("[optid='".concat(a.getOptid(n),"']")),e)&&t&&(i=e.offsetHeight,l?t.offsetTop+t.offsetHeight-e.scrollTop>i&&(e.scrollTop=t.offsetTop+t.offsetHeight-i):(t.offsetTop+5<e.scrollTop||t.offsetTop+5>e.scrollTop+e.clientHeight)&&(e.scrollTop=t.offsetTop-5))})},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updateZIndex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var f=this,d=f,h=f.reactData;return f.$nextTick().then(function(){var e,t,i,n,l,a,o,r=d.placement,s=h.panelIndex,c=f.$refs.refElem,u=f.$refs.refOptionPanel,p=f.computeBtnTransfer;if(u&&c)return e=c.offsetHeight,t=c.offsetWidth,i=u.offsetHeight,u=u.offsetWidth,s={zIndex:s},n=(c=(0,_dom.getAbsolutePos)(c)).boundingTop,l=c.visibleHeight,a=c.visibleWidth,o="bottom",p?(p=n+e,"top"===r?(o="top",p=n-i):r||(l<p+i+5&&(o="top",p=n-i),p<5&&(o="bottom",p=n+e)),a<(c=c.boundingLeft)+u+5&&(c-=c+u+5-a),c<5&&(c=5),Object.assign(s,{left:"".concat(c,"px"),top:"".concat(p,"px"),minWidth:"".concat(t,"px")})):"top"===r?(o="top",s.bottom="".concat(e,"px")):r||l<n+e+i&&5<n-e-i&&(o="top",s.bottom="".concat(e,"px")),h.panelStyle=s,h.panelPlacement=o,f.$nextTick()})},showOptionPanel:function(){var e=this,t=e.reactData,i=e.internalData,n=e.loading,l=e.filterable,a=e.remote,o=i.fullData,r=i.hpTimeout,s=e.computeRemoteOpts;n||e.computeIsDisabled||(r&&(clearTimeout(r),i.hpTimeout=void 0),t.initialized||(t.initialized=!0,n=e.computeBtnTransfer,r=e.$refs.refOptionPanel,n&&r&&document.body.appendChild(r)),t.isActivated=!0,t.isAniVisible=!0,l&&(a&&s.enabled&&s.autoLoad&&!o.length?e.triggerSearchEvent():(e.handleOption(),e.updateYData())),setTimeout(function(){t.visiblePanel=!0,e.handleFocusSearch(),e.recalculate().then(function(){return e.refreshScroll()})},10),setTimeout(function(){e.recalculate().then(function(){return e.refreshScroll()})},100),e.updateZIndex(),e.updatePlacement(),e.dispatchEvent("visible-change",{visible:!0},null))},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.searchValue="",e.searchLoading=!1,e.visiblePanel=!1,t.hpTimeout=setTimeout(function(){e.isAniVisible=!1},350),this.dispatchEvent("visible-change",{visible:!1},null)},changeEvent:function(e,t){var i=this,n=i,l=i.$xeForm,a=i.formItemInfo;i.emitModel(t),t!==n.value&&(i.dispatchEvent("change",{value:t},e),l)&&a&&l.triggerItemEvent(e,a.itemConfig.field,t)},clearValueEvent:function(e,t){this.internalData.remoteValMaps={},this.changeEvent(e,t),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e){e=e.$event;this.clearValueEvent(e,null),this.hideOptionPanel()},changeOptionEvent:function(e,t){var i=this,n=i.reactData,l=i.value,a=i.multiple,o=i.internalData.remoteValMaps,r=t[i.computeValueField],s=o[r];s?s.item=t:o[r]={key:i.getOptId(t),item:t,_index:-1},a?(s=[],o=_xeUtils.default.eqNull(l)?[]:_xeUtils.default.isArray(l)?l:[l],s=-1===_xeUtils.default.findIndexOf(o,function(e){return e===r})?o.concat([r]):o.filter(function(e){return e!==r}),i.changeEvent(e,s)):(i.changeEvent(e,r),i.hideOptionPanel()),n.reactFlag++},handleGlobalMousewheelEvent:function(e){var t=this,i=t.reactData.visiblePanel;t.computeIsDisabled||i&&(i=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,i).flag?t.updatePlacement():t.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t,i,n=this,l=n.reactData,a=l.visiblePanel;n.computeIsDisabled||(t=n.$refs.refElem,i=n.$refs.refOptionPanel,l.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,i).flag,a&&!l.isActivated&&n.hideOptionPanel())},validOffsetOption:function(e){var t=e.disabled,e=this.getOptId(e);return!t&&!this.hasOptGroupById(e)},findOffsetOption:function(e,t){var i=this,n=i.reactData,l=i.internalData,a=i.allowCreate,o=n.afterVisibleList,n=n.optList,r=l.optFullValMaps,l=l.optAddMaps,s=i.computeValueField,c=o,o=0;if(a&&n.length&&(a=n[0],l[n=i.getOptId(a)])&&(o=1,c=[l[n]].concat(c)),!e)if(t)for(var u=0;u<c.length;u++){var p=c[u];if(i.validOffsetOption(p))return p}else for(var f=c.length-1;0<=f;f--){var d=c[f];if(i.validOffsetOption(d))return d}a=0,l=e?r[e[s]]:null;if(-1<(a=l?l._index+o:a))if(t)for(var h=a+1;h<=c.length-1;h++){var v=c[h];if(i.validOffsetOption(v))return v}else if(0<a)for(var m=a-1;0<=m;m--){var g=c[m];if(i.validOffsetOption(g))return g}return null},handleGlobalKeydownEvent:function(e){var t,i,n,l,a,o,r,s=this,c=s.reactData,u=s.clearable,p=c.visiblePanel,f=c.currentOption;s.computeIsDisabled||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ENTER),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),l=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),o=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.DELETE),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR),t&&(c.isActivated=!1),p?n||t?s.hideOptionPanel():i?(e.preventDefault(),e.stopPropagation(),s.changeOptionEvent(e,f)):l||a?(e.preventDefault(),(p=(p=s.findOffsetOption(f,a))||s.findOffsetOption(null,a))&&(s.setCurrentOption(p),s.handleScrollToOption(p,a))):r&&e.preventDefault():(l||a||i||r)&&c.isActivated&&(e.preventDefault(),s.showOptionPanel()),c.isActivated&&o&&u&&s.clearValueEvent(e,null))},handleGlobalBlurEvent:function(){this.hideOptionPanel()},handleFocusSearch:function(){var t=this;t.filterable&&t.$nextTick(function(){var e=t.$refs.refInpSearch;e&&e.focus()})},focusEvent:function(e){var t=this.reactData;this.computeIsDisabled||t.visiblePanel||(t.triggerFocusPanel=!0,this.showOptionPanel(),setTimeout(function(){t.triggerFocusPanel=!1},500)),this.dispatchEvent("focus",{},e)},clickEvent:function(e){var t=this.reactData;this.togglePanelEvent(e),this.dispatchEvent("click",{triggerButton:!1,visible:t.visiblePanel},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{},e)},suffixClickEvent:function(e){var t=this.reactData;this.togglePanelEvent(e),this.dispatchEvent("click",{triggerButton:!0,visible:t.visiblePanel},e)},modelSearchEvent:function(e){this.reactData.searchValue=e},focusSearchEvent:function(){this.reactData.isActivated=!0},handleSearchEvent:function(){var e=this,t=e.reactData,i=e.value,n=t.searchValue,l=e.computeRemoteOpts,a=l.queryMethod||e.remoteMethod;e.remote&&a&&l.enabled?(t.searchLoading=!0,Promise.resolve(a({$select:e,searchValue:n,value:i})).then(function(){return e.$nextTick()}).catch(function(){return e.$nextTick()}).finally(function(){t.searchLoading=!1,e.handleOption(),e.updateYData()})):(e.handleOption(),e.updateYData())},triggerSearchEvent:_xeUtils.default.debounce(function(){this.handleSearchEvent()},350,{trailing:!0}),togglePanelEvent:function(e){var t=this.reactData;e.$event.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},checkOptionDisabled:function(e,t,i){return!!t.disabled||!(!i||!i.disabled)||!(!this.computeIsMaximize||e)},updateYSpace:function(){var e=this.reactData,t=this.internalData,i=e.scrollYLoad,t=t.scrollYStore;e.bodyHeight=i?e.afterVisibleList.length*t.rowHeight:0,e.topSpaceHeight=i?Math.max(t.startIndex*t.rowHeight,0):0},handleData:function(){var e=this,t=e.reactData,i=e.internalData,n=e.filterable,l=e.allowCreate,a=t.scrollYLoad,o=t.afterVisibleList,r=t.searchValue,s=i.optAddMaps,i=i.scrollYStore,c=e.computeLabelField,u=e.computeValueField,a=a?o.slice(i.startIndex,i.endIndex):o.slice(0);return n&&l&&r&&(a.some(function(e){return e[c]===r})||(i=s[r]||_defineProperty(_defineProperty(_defineProperty({},e.getOptKey(),r),c,r),u,r),s[r]=i,a.unshift(i))),t.optList=a,e.$nextTick()},updateYData:function(){this.handleData(),this.updateYSpace()},computeScrollLoad:function(){var o=this,r=o.reactData,s=o.internalData;return o.$nextTick().then(function(){var e,t=r.scrollYLoad,i=s.scrollYStore,n=o.$refs.refVirtualBody,l=o.computeSYOpts,a=0;(e=n?(e=l.sItem?n.querySelector(l.sItem):e)||n.children[0]:e)&&(a=e.offsetHeight),a=Math.max(20,a),i.rowHeight=a,t?(n=o.$refs.refVirtualWrapper,e=Math.max(8,n?Math.ceil(n.clientHeight/a):0),t=Math.max(0,Math.min(2,_xeUtils.default.toNumber(l.oSize))),i.offsetSize=t,i.visibleSize=e,i.endIndex=Math.max(i.startIndex,e+t,i.endIndex),o.updateYData()):o.updateYSpace()})},handleScrollToOption:function(e,t){var i,n=this,l=n.reactData,a=n.internalData,l=l.scrollYLoad,o=a.optFullValMaps,a=a.scrollYStore,o=o[e[n.computeValueField]];o&&(e=o.key,-1<(o=o._index))&&(i=n.$refs.refVirtualWrapper,n=n.$refs.refOptionPanel.querySelector("[optid='".concat(e,"']")),i)&&(n?(e=i.offsetHeight,t?n.offsetTop+n.offsetHeight-i.scrollTop>e?i.scrollTop=n.offsetTop+n.offsetHeight-e:(n.offsetTop+1<i.scrollTop||n.offsetTop+1>i.scrollTop+i.clientHeight)&&(i.scrollTop=n.offsetTop-1):n.offsetTop+1<i.scrollTop||n.offsetTop+1>i.scrollTop+i.clientHeight?i.scrollTop=n.offsetTop-1:n.offsetTop+n.offsetHeight-i.scrollTop>e&&(i.scrollTop=n.offsetTop+n.offsetHeight-e)):l&&(i.scrollTop=t?o*a.rowHeight-i.clientHeight+a.rowHeight:o*a.rowHeight))},scrollTo:function(e,t){var i=this,n=i.reactData,l=i.$refs.refVirtualWrapper;return l&&(_xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t))&&(l.scrollTop=t),n.scrollYLoad?new Promise(function(e){setTimeout(function(){i.$nextTick(function(){e()})},50)}):i.$nextTick()},refreshScroll:function(){var e=this,t=e.internalData,i=t.lastScrollLeft,n=t.lastScrollTop;return e.clearScroll().then(function(){if(i||n)return t.lastScrollLeft=0,t.lastScrollTop=0,e.scrollTo(i,n)})},recalculate:function(){var e=this.$refs.refElem;return e&&e.clientWidth&&e.clientHeight?this.computeScrollLoad():Promise.resolve()},loadYData:function(e){var t=this.internalData.scrollYStore,i=t.startIndex,n=t.endIndex,l=t.visibleSize,a=t.offsetSize,e=e.target.scrollTop,e=Math.floor(e/t.rowHeight),o=Math.max(0,e-1-a),a=e+l+a;!(e<=i||n-l-1<=e)||i===o&&n===a||(t.startIndex=o,t.endIndex=a,this.updateYData())},isVMScrollProcess:function(){var e=this.internalData.lastScrollTime;return!!(e&&Date.now()<e+250)},scrollEvent:function(e){var t=this.reactData,i=this.internalData,n=e.target,l=n.scrollTop,n=n.scrollLeft,a=n!==i.lastScrollLeft,o=l!==i.lastScrollTop;i.lastScrollTop=l,i.lastScrollLeft=n,t.scrollYLoad&&this.loadYData(e),i.lastScrollTime=Date.now(),this.dispatchEvent("scroll",{scrollLeft:n,scrollTop:l,isX:a,isY:o},e)},loadData:function(e){var t,i=this,n=i,l=i.reactData,a=i.internalData,o=(i.cacheItemMap(e||[]),a.isLoaded),r=a.fullData,s=a.scrollYStore,c=i.computeDefaultOpts,u=i.computeSYOpts,p=i.computeValueField;return Object.assign(s,{startIndex:0,endIndex:1,visibleSize:0}),a.synchData=e||[],l.scrollYLoad=!!u.enabled&&-1<u.gt&&(0===u.gt||u.gt<=r.length),i.handleData(),o||(s=c.selectMode,0<e.length&&_xeUtils.default.eqNull(n.value)&&("first"!==s&&"last"!==s||(t=_xeUtils.default[s](e))&&i.$nextTick(function(){_xeUtils.default.eqNull(n.value)&&i.emitModel(t[p])}),a.isLoaded=!0)),i.computeScrollLoad().then(function(){i.refreshScroll()})},reloadData:function(e){return this.internalData.isLoaded=!1,this.clearScroll(),this.loadData(e)},clearScroll:function(){var e=this.internalData,t=this.$refs.refVirtualWrapper;return t&&(t.scrollTop=0,t.scrollLeft=0),e.lastScrollTop=0,e.lastScrollLeft=0,this.$nextTick()},hasOptGroupById:function(e){return!!this.internalData.optGroupKeyMaps[e]},renderOption:function(p,e,f){var d=this,t=d.$scopedSlots,h=d.allowCreate,v=d.optionKey,m=d.value,g=d.reactData.currentOption,b=d.internalData.optAddMaps,x=d.computeLabelField,O=d.computeValueField,_=d.computeGroupLabelField,E=d.computeOptionOpts.useKey,y=t.option;return e.map(function(t,e){var i=t.slots,n=t.className,l=d.getOptId(t),a=t[O],o=d.hasOptGroupById(l),r=!(!h||!b[l]),a=!r&&(_xeUtils.default.isArray(m)?-1<m.indexOf(a):m===a),s=r||!o||isOptionVisible(t),c=!r&&d.checkOptionDisabled(a,t,f),i=i?i.default:null,u={option:t,group:null,$select:d},i=y?d.callSlot(y,u,p):i?d.callSlot(i,u,p):(0,_utils.getFuncText)(t[o?_:x]);return s?p("div",{key:E||v?l:e,class:["vxe-select-option",n?_xeUtils.default.isFunction(n)?n(u):n:"",{"vxe-select-optgroup":o,"is--disabled":c,"is--selected":a,"is--add":r,"is--hover":g&&d.getOptId(g)===l}],attrs:{optid:l},on:{mousedown:function(e){0===e.button&&e.stopPropagation()},click:function(e){c||o||d.changeOptionEvent(e,t)},mouseenter:function(){c||o||d.isVMScrollProcess()||d.setCurrentOption(t)}}},h?[p("span",{key:1,class:"vxe-select-option--label"},i),r?p("span",{key:2,class:"vxe-select-option--add-icon"},[p("i",{class:(0,_ui.getIcon)().ADD_OPTION})]):(0,_ui.renderEmptyElement)(d)]:i):(0,_ui.renderEmptyElement)(d)})},renderOpts:function(e){var t=this.reactData,i=t.optList;return t.searchLoading?[e("div",{class:"vxe-select--search-loading"},[e("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),e("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])]:i.length?this.renderOption(e,i):[e("div",{class:"vxe-select--empty-placeholder"},this.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]},renderVN:function(e){var t=this,i=t,n=t.$scopedSlots,l=t.reactData,a=i.className,o=i.popupClassName,r=i.loading,s=i.filterable,c=l.initialized,u=l.isActivated,p=l.isAniVisible,f=l.visiblePanel,d=l.bodyHeight,h=l.topSpaceHeight,v=t.computeSize,m=t.computeIsDisabled,g=t.computeSelectLabel,b=t.computeBtnTransfer,x=t.computeInpPlaceholder,O=n.default,_=n.header,E=n.footer,y=n.prefix;return t.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-select--readonly",a]},[e("div",{class:"vxe-select-slots",ref:"hideOption"},O?t.callSlot(O,{},e):[]),e("span",{class:"vxe-select-label"},g)]):e("div",{ref:"refElem",class:["vxe-select",a?_xeUtils.default.isFunction(a)?a({$select:t}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(v),v),"is--visible",f),"is--disabled",m),"is--filter",s),"is--loading",r),"is--active",u)]},[e("div",{class:"vxe-select-slots",ref:"hideOption"},O?O.call(t,{}):[]),e(_input.default,{ref:"refInput",props:{clearable:i.clearable,placeholder:x,readonly:!0,disabled:m,type:"text",prefixIcon:i.prefixIcon,suffixIcon:r?(0,_ui.getIcon)().SELECT_LOADED:f?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,autoFocus:!1,value:g},on:{clear:t.clearEvent,click:t.clickEvent,focus:t.focusEvent,blur:t.blurEvent,"suffix-click":t.suffixClickEvent},scopedSlots:y?{prefix:function(){return y({})}}:{}}),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-select--panel",o?_xeUtils.default.isFunction(o)?o({$select:t}):o:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(v),v),"is--transfer",b),"ani--leave",!r&&p),"ani--enter",!r&&f)],attrs:{placement:l.panelPlacement},style:l.panelStyle},c&&(f||p)?[e("div",{class:"vxe-select--panel-wrapper"},[s?e("div",{class:"vxe-select--panel-search"},[e(_input.default,{ref:"refInpSearch",class:"vxe-select-search--input",props:{value:l.searchValue,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH},on:{"model-value":t.modelSearchEvent,focus:t.focusSearchEvent,change:t.triggerSearchEvent,search:t.triggerSearchEvent}})]):(0,_ui.renderEmptyElement)(t),_?e("div",{class:"vxe-select--panel-header"},t.callSlot(_,{},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-select--panel-body"},[e("div",{ref:"refVirtualWrapper",class:"vxe-select-option--wrapper",on:{scroll:t.scrollEvent}},[e("div",{class:"vxe-select--y-space",style:{height:d?"".concat(d,"px"):""}}),e("div",{ref:"refVirtualBody",class:"vxe-select--body",style:{marginTop:h?"".concat(h,"px"):""}},t.renderOpts(e))])]),E?e("div",{class:"vxe-select--panel-footer"},t.callSlot(E,{},e)):(0,_ui.renderEmptyElement)(t)])]:[])])}},watch:{"reactData.staticOptions":function(e){this.loadData(e)},options:function(e){this.loadData(e)},optionGroups:function(e){this.loadData(e)}},mounted:function(){var i=this,n=i;i.$nextTick(function(){var e=n.options,t=n.optionGroups;t?i.loadData(t):e&&i.loadData(e)}),_ui.globalEvents.on(i,"mousewheel",i.handleGlobalMousewheelEvent),_ui.globalEvents.on(i,"mousedown",i.handleGlobalMousedownEvent),_ui.globalEvents.on(i,"keydown",i.handleGlobalKeydownEvent),_ui.globalEvents.on(i,"blur",i.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this,t=e.$refs.refOptionPanel;t&&t.parentNode&&t.parentNode.removeChild(t),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"keydown"),_ui.globalEvents.off(e,"blur")},render:function(e){return this.renderVN(e)}});
+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"),_utils=require("../../ui/src/utils"),_input=_interopRequireDefault(require("../../input/src/input")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSelect",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Boolean,Array],defaultConfig:Object,clearable:Boolean,placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:function(){return(0,_ui.getConfig)().select.multiCharOverflow}},prefixIcon:String,allowCreate:{type:Boolean,default:function(){return(0,_ui.getConfig)().select.allowCreate}},placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:function(){return(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size}},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,remoteConfig:Object,emptyText:String,transfer:{type:Boolean,default:null},virtualYConfig:Object,scrollY:Object,optionId:{type:String,default:function(){return(0,_ui.getConfig)().select.optionId}},optionKey:Boolean},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeSelect:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],afterVisibleList:[],staticOptions:[],reactFlag:1,currentOption:null,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1},internalData:{synchData:[],fullData:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeBtnTransfer:function(){var e=this,t=e.$xeTable,i=e.$xeModal,n=e.$xeDrawer,l=e.$xeForm,e=e.transfer;if(null===e){var a=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(a))return a;if(t||i||n||l)return!0}return e},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")},computeDefaultOpts:function(){return Object.assign({},this.defaultConfig)},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeGroupPropsOpts:function(){return Object.assign({},this.optionGroupProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeGroupLabelField:function(){return this.computeGroupPropsOpts.label||"label"},computeGroupOptionsField:function(){return this.computeGroupPropsOpts.options||"options"},computeIsMaximize:function(){var e=this.value,t=this.multiple,i=this.max;return!(!t||!i)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(i)},computeSYOpts:function(){return Object.assign({},(0,_ui.getConfig)().select.virtualYConfig||(0,_ui.getConfig)().select.scrollY,this.virtualYConfig||this.scrollY)},computeRemoteOpts:function(){return Object.assign({},(0,_ui.getConfig)().select.remoteConfig,this.remoteConfig)},computeOptionOpts:function(){return Object.assign({},(0,_ui.getConfig)().select.optionConfig,this.optionConfig)},computeIsGroup:function(){return this.reactData.fullGroupList.some(function(e){return e.options&&e.options.length})},computeMultiMaxCharNum:function(){return _xeUtils.default.toNumber(this.multiCharOverflow)},computeSelectLabel:function(){var t=this,e=t.reactData,i=t.value,n=t.remote,l=t.multiple,e=e.reactFlag,a=t.computeMultiMaxCharNum;return _xeUtils.default.eqNull(i)?"":(i=_xeUtils.default.isArray(i)?i:[i],(n&&e?i.map(function(e){return t.getRemoteSelectLabel(e)}):i.map(function(e){e=t.getSelectLabel(e);return l&&0<a&&e.length>a?"".concat(e.substring(0,a),"..."):e})).join(", "))}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$select:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},isPanelVisible:function(){return this.reactData.visiblePanel},togglePanel:function(){return this.reactData.visiblePanel?this.hideOptionPanel():this.showOptionPanel(),this.$nextTick()},hidePanel:function(){return this.reactData.visiblePanel&&this.hideOptionPanel(),this.$nextTick()},showPanel:function(){return this.reactData.visiblePanel||this.showOptionPanel(),this.$nextTick()},focus:function(){var e=this.reactData,t=this.$refs.refInput;return e.isActivated=!0,t.blur(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInput.blur(),e.isActivated=!1,this.$nextTick()},callSlot:function(e,t,i){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,i)):[]},getOptKey:function(){return this.computeOptionOpts.keyField||this.optionId||"_X_OPTION_KEY"},getOptId:function(e){e=e[this.getOptKey()];return e?encodeURIComponent(e):""},getRemoteSelectLabel:function(e){var t=this.internalData,i=t.remoteValMaps,n=this.computeLabelField,i=i[e]||t.optFullValMaps[e],t=i?i.item:null;return _xeUtils.default.toValueString(t?t[n]:e)},getSelectLabel:function(e){var t=this.reactData,i=this.internalData.optFullValMaps,n=this.computeLabelField,t=t.reactFlag?i[e]:null;return t?t.item[n]:_xeUtils.default.toValueString(e)},getOptkey:function(){return this.computeOptionOpts.keyField||this.optionId||"_X_OPTION_KEY"},getOptid:function(e){e=e[this.getOptkey()];return e?encodeURIComponent(e):""},handleOption:function(){var t=this,e=t.reactData,i=t.internalData,n=t.value,l=t.filterable,a=t.filterMethod,o=e.searchValue,r=i.fullData,s=i.optFullValMaps,c=t.computeLabelField,u=t.computeValueField,p="".concat(o||"").toLowerCase(),i=[];return(i=l&&a?r.filter(function(e){return isOptionVisible(e)&&a({$select:t,group:null,option:e,searchValue:o,value:n})}):l?r.filter(function(e){return isOptionVisible(e)&&(!p||-1<"".concat(e[c]).toLowerCase().indexOf(p))}):r.filter(isOptionVisible)).forEach(function(e,t){e=s[e[u]];e&&(e._index=t)}),e.afterVisibleList=i,t.$nextTick()},refreshOption:function(){return this.handleOption(),this.updateYData(),this.$nextTick()},cacheItemMap:function(e){function t(e){u.push(e);var t=i.getOptId(e);t||(t=getOptUniqueId(),e[r]=t),c[e[o]]={key:t,item:e,_index:-1}}var i=this,n=i.reactData,l=i.internalData,a=i.computeGroupOptionsField,o=i.computeValueField,r=i.getOptKey(),s={},c={},u=[];e.forEach(function(e){t(e),e[a]&&(s[e[r]]=e)[a].forEach(t)}),l.fullData=u,l.optGroupKeyMaps=s,l.optFullValMaps=c,n.reactFlag++,i.handleOption()},setCurrentOption:function(e){var t=this.reactData;e&&(t.currentOption=e)},scrollToOption:function(n,l){var a=this;return a.$nextTick().then(function(){var e,t,i;n&&(e=a.$refs.refOptionWrapper,t=a.$refs.refOptionPanel.querySelector("[optid='".concat(a.getOptid(n),"']")),e)&&t&&(i=e.offsetHeight,l?t.offsetTop+t.offsetHeight-e.scrollTop>i&&(e.scrollTop=t.offsetTop+t.offsetHeight-i):(t.offsetTop+5<e.scrollTop||t.offsetTop+5>e.scrollTop+e.clientHeight)&&(e.scrollTop=t.offsetTop-5))})},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updateZIndex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var f=this,d=f,h=f.reactData;return f.$nextTick().then(function(){var e,t,i,n,l,a,o,r=d.placement,s=h.panelIndex,c=f.$refs.refElem,u=f.$refs.refOptionPanel,p=f.computeBtnTransfer;if(u&&c)return e=c.offsetHeight,t=c.offsetWidth,i=u.offsetHeight,u=u.offsetWidth,s={zIndex:s},n=(c=(0,_dom.getAbsolutePos)(c)).boundingTop,l=c.visibleHeight,a=c.visibleWidth,o="bottom",p?(p=n+e,"top"===r?(o="top",p=n-i):r||(l<p+i+5&&(o="top",p=n-i),p<5&&(o="bottom",p=n+e)),a<(c=c.boundingLeft)+u+5&&(c-=c+u+5-a),c<5&&(c=5),Object.assign(s,{left:"".concat(c,"px"),top:"".concat(p,"px"),minWidth:"".concat(t,"px")})):"top"===r?(o="top",s.bottom="".concat(e,"px")):r||l<n+e+i&&5<n-e-i&&(o="top",s.bottom="".concat(e,"px")),h.panelStyle=s,h.panelPlacement=o,f.$nextTick()})},showOptionPanel:function(){var e=this,t=e.reactData,i=e.internalData,n=e.loading,l=e.filterable,a=e.remote,o=i.fullData,r=i.hpTimeout,s=e.computeRemoteOpts;n||e.computeIsDisabled||(r&&(clearTimeout(r),i.hpTimeout=void 0),t.initialized||(t.initialized=!0,n=e.computeBtnTransfer,r=e.$refs.refOptionPanel,n&&r&&document.body.appendChild(r)),t.isActivated=!0,t.isAniVisible=!0,l&&(a&&s.enabled&&s.autoLoad&&!o.length?e.triggerSearchEvent():(e.handleOption(),e.updateYData())),setTimeout(function(){t.visiblePanel=!0,e.handleFocusSearch(),e.recalculate().then(function(){return e.refreshScroll()})},10),setTimeout(function(){e.recalculate().then(function(){return e.refreshScroll()})},100),e.updateZIndex(),e.updatePlacement(),e.dispatchEvent("visible-change",{visible:!0},null))},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.searchValue="",e.searchLoading=!1,e.visiblePanel=!1,t.hpTimeout=setTimeout(function(){e.isAniVisible=!1},350),this.dispatchEvent("visible-change",{visible:!1},null)},changeEvent:function(e,t){var i=this,n=i,l=i.$xeForm,a=i.formItemInfo;i.emitModel(t),t!==n.value&&(i.dispatchEvent("change",{value:t},e),l)&&a&&l.triggerItemEvent(e,a.itemConfig.field,t)},clearValueEvent:function(e,t){this.internalData.remoteValMaps={},this.changeEvent(e,t),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e){e=e.$event;this.clearValueEvent(e,null),this.hideOptionPanel()},changeOptionEvent:function(e,t){var i=this,n=i.reactData,l=i.value,a=i.multiple,o=i.internalData.remoteValMaps,r=t[i.computeValueField],s=o[r];s?s.item=t:o[r]={key:i.getOptId(t),item:t,_index:-1},a?(s=[],o=_xeUtils.default.eqNull(l)?[]:_xeUtils.default.isArray(l)?l:[l],s=-1===_xeUtils.default.findIndexOf(o,function(e){return e===r})?o.concat([r]):o.filter(function(e){return e!==r}),i.changeEvent(e,s)):(i.changeEvent(e,r),i.hideOptionPanel()),n.reactFlag++},handleGlobalMousewheelEvent:function(e){var t=this,i=t.reactData.visiblePanel;t.computeIsDisabled||i&&(i=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,i).flag?t.updatePlacement():t.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t,i,n=this,l=n.reactData,a=l.visiblePanel;n.computeIsDisabled||(t=n.$refs.refElem,i=n.$refs.refOptionPanel,l.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,i).flag,a&&!l.isActivated&&n.hideOptionPanel())},validOffsetOption:function(e){var t=e.disabled,e=this.getOptId(e);return!t&&!this.hasOptGroupById(e)},findOffsetOption:function(e,t){var i=this,n=i.reactData,l=i.internalData,a=i.allowCreate,o=n.afterVisibleList,n=n.optList,r=l.optFullValMaps,l=l.optAddMaps,s=i.computeValueField,c=o,o=0;if(a&&n.length&&(a=n[0],l[n=i.getOptId(a)])&&(o=1,c=[l[n]].concat(c)),!e)if(t)for(var u=0;u<c.length;u++){var p=c[u];if(i.validOffsetOption(p))return p}else for(var f=c.length-1;0<=f;f--){var d=c[f];if(i.validOffsetOption(d))return d}a=0,l=e?r[e[s]]:null;if(-1<(a=l?l._index+o:a))if(t)for(var h=a+1;h<=c.length-1;h++){var v=c[h];if(i.validOffsetOption(v))return v}else if(0<a)for(var m=a-1;0<=m;m--){var g=c[m];if(i.validOffsetOption(g))return g}return null},handleGlobalKeydownEvent:function(e){var t,i,n,l,a,o,r,s=this,c=s.reactData,u=s.clearable,p=c.visiblePanel,f=c.currentOption;s.computeIsDisabled||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ENTER),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),l=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),o=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.DELETE),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR),t&&(c.isActivated=!1),p?n||t?s.hideOptionPanel():i?(e.preventDefault(),e.stopPropagation(),s.changeOptionEvent(e,f)):l||a?(e.preventDefault(),(p=(p=s.findOffsetOption(f,a))||s.findOffsetOption(null,a))&&(s.setCurrentOption(p),s.handleScrollToOption(p,a))):r&&e.preventDefault():(l||a||i||r)&&c.isActivated&&(e.preventDefault(),s.showOptionPanel()),c.isActivated&&o&&u&&s.clearValueEvent(e,null))},handleGlobalBlurEvent:function(){this.hideOptionPanel()},handleFocusSearch:function(){var t=this;t.filterable&&t.$nextTick(function(){var e=t.$refs.refInpSearch;e&&e.focus()})},focusEvent:function(e){var t=this.reactData;this.computeIsDisabled||t.visiblePanel||(t.triggerFocusPanel=!0,this.showOptionPanel(),setTimeout(function(){t.triggerFocusPanel=!1},500)),this.dispatchEvent("focus",{},e)},clickEvent:function(e){var t=this.reactData;this.togglePanelEvent(e),this.dispatchEvent("click",{triggerButton:!1,visible:t.visiblePanel},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{},e)},suffixClickEvent:function(e){var t=this.reactData;this.togglePanelEvent(e),this.dispatchEvent("click",{triggerButton:!0,visible:t.visiblePanel},e)},modelSearchEvent:function(e){this.reactData.searchValue=e},focusSearchEvent:function(){this.reactData.isActivated=!0},handleSearchEvent:function(){var e=this,t=e.reactData,i=e.value,n=t.searchValue,l=e.computeRemoteOpts,a=l.queryMethod||e.remoteMethod;e.remote&&a&&l.enabled?(t.searchLoading=!0,Promise.resolve(a({$select:e,searchValue:n,value:i})).then(function(){return e.$nextTick()}).catch(function(){return e.$nextTick()}).finally(function(){t.searchLoading=!1,e.handleOption(),e.updateYData()})):(e.handleOption(),e.updateYData())},triggerSearchEvent:_xeUtils.default.debounce(function(){this.handleSearchEvent()},350,{trailing:!0}),togglePanelEvent:function(e){var t=this.reactData;e.$event.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},checkOptionDisabled:function(e,t,i){return!!t.disabled||!(!i||!i.disabled)||!(!this.computeIsMaximize||e)},updateYSpace:function(){var e=this.reactData,t=this.internalData,i=e.scrollYLoad,t=t.scrollYStore;e.bodyHeight=i?e.afterVisibleList.length*t.rowHeight:0,e.topSpaceHeight=i?Math.max(t.startIndex*t.rowHeight,0):0},handleData:function(){var e=this,t=e.reactData,i=e.internalData,n=e.filterable,l=e.allowCreate,a=t.scrollYLoad,o=t.afterVisibleList,r=t.searchValue,s=i.optAddMaps,i=i.scrollYStore,c=e.computeLabelField,u=e.computeValueField,a=a?o.slice(i.startIndex,i.endIndex):o.slice(0);return n&&l&&r&&(a.some(function(e){return e[c]===r})||(i=s[r]||_defineProperty(_defineProperty(_defineProperty({},e.getOptKey(),r),c,r),u,r),s[r]=i,a.unshift(i))),t.optList=a,e.$nextTick()},updateYData:function(){this.handleData(),this.updateYSpace()},computeScrollLoad:function(){var o=this,r=o.reactData,s=o.internalData;return o.$nextTick().then(function(){var e,t=r.scrollYLoad,i=s.scrollYStore,n=o.$refs.refVirtualBody,l=o.computeSYOpts,a=0;(e=n?(e=l.sItem?n.querySelector(l.sItem):e)||n.children[0]:e)&&(a=e.offsetHeight),a=Math.max(20,a),i.rowHeight=a,t?(n=o.$refs.refVirtualWrapper,e=Math.max(8,n?Math.ceil(n.clientHeight/a):0),t=Math.max(0,Math.min(2,_xeUtils.default.toNumber(l.oSize))),i.offsetSize=t,i.visibleSize=e,i.endIndex=Math.max(i.startIndex,e+t,i.endIndex),o.updateYData()):o.updateYSpace()})},handleScrollToOption:function(e,t){var i,n=this,l=n.reactData,a=n.internalData,l=l.scrollYLoad,o=a.optFullValMaps,a=a.scrollYStore,o=o[e[n.computeValueField]];o&&(e=o.key,-1<(o=o._index))&&(i=n.$refs.refVirtualWrapper,n=n.$refs.refOptionPanel.querySelector("[optid='".concat(e,"']")),i)&&(n?(e=i.offsetHeight,t?n.offsetTop+n.offsetHeight-i.scrollTop>e?i.scrollTop=n.offsetTop+n.offsetHeight-e:(n.offsetTop+1<i.scrollTop||n.offsetTop+1>i.scrollTop+i.clientHeight)&&(i.scrollTop=n.offsetTop-1):n.offsetTop+1<i.scrollTop||n.offsetTop+1>i.scrollTop+i.clientHeight?i.scrollTop=n.offsetTop-1:n.offsetTop+n.offsetHeight-i.scrollTop>e&&(i.scrollTop=n.offsetTop+n.offsetHeight-e)):l&&(i.scrollTop=t?o*a.rowHeight-i.clientHeight+a.rowHeight:o*a.rowHeight))},scrollTo:function(e,t){var i=this,n=i.reactData,l=i.$refs.refVirtualWrapper;return l&&(_xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t))&&(l.scrollTop=t),n.scrollYLoad?new Promise(function(e){setTimeout(function(){i.$nextTick(function(){e()})},50)}):i.$nextTick()},refreshScroll:function(){var e=this,t=e.internalData,i=t.lastScrollLeft,n=t.lastScrollTop;return e.clearScroll().then(function(){if(i||n)return t.lastScrollLeft=0,t.lastScrollTop=0,e.scrollTo(i,n)})},recalculate:function(){var e=this.$refs.refElem;return e&&e.clientWidth&&e.clientHeight?this.computeScrollLoad():Promise.resolve()},loadYData:function(e){var t=this.internalData.scrollYStore,i=t.startIndex,n=t.endIndex,l=t.visibleSize,a=t.offsetSize,e=e.target.scrollTop,e=Math.floor(e/t.rowHeight),o=Math.max(0,e-1-a),a=e+l+a;!(e<=i||n-l-1<=e)||i===o&&n===a||(t.startIndex=o,t.endIndex=a,this.updateYData())},isVMScrollProcess:function(){var e=this.internalData.lastScrollTime;return!!(e&&Date.now()<e+250)},scrollEvent:function(e){var t=this.reactData,i=this.internalData,n=e.target,l=n.scrollTop,n=n.scrollLeft,a=n!==i.lastScrollLeft,o=l!==i.lastScrollTop;i.lastScrollTop=l,i.lastScrollLeft=n,t.scrollYLoad&&this.loadYData(e),i.lastScrollTime=Date.now(),this.dispatchEvent("scroll",{scrollLeft:n,scrollTop:l,isX:a,isY:o},e)},loadData:function(e){var t,i=this,n=i,l=i.reactData,a=i.internalData,o=(i.cacheItemMap(e||[]),a.isLoaded),r=a.fullData,s=a.scrollYStore,c=i.computeDefaultOpts,u=i.computeSYOpts,p=i.computeValueField;return Object.assign(s,{startIndex:0,endIndex:1,visibleSize:0}),a.synchData=e||[],l.scrollYLoad=!!u.enabled&&-1<u.gt&&(0===u.gt||u.gt<=r.length),i.handleData(),o||(s=c.selectMode,0<e.length&&_xeUtils.default.eqNull(n.value)&&("first"!==s&&"last"!==s||(t=_xeUtils.default[s](e))&&i.$nextTick(function(){_xeUtils.default.eqNull(n.value)&&i.emitModel(t[p])}),a.isLoaded=!0)),i.computeScrollLoad().then(function(){i.refreshScroll()})},reloadData:function(e){return this.internalData.isLoaded=!1,this.clearScroll(),this.loadData(e)},clearScroll:function(){var e=this.internalData,t=this.$refs.refVirtualWrapper;return t&&(t.scrollTop=0,t.scrollLeft=0),e.lastScrollTop=0,e.lastScrollLeft=0,this.$nextTick()},hasOptGroupById:function(e){return!!this.internalData.optGroupKeyMaps[e]},renderOption:function(p,e,f){var d=this,t=d.$scopedSlots,h=d.allowCreate,v=d.optionKey,m=d.value,g=d.reactData.currentOption,b=d.internalData.optAddMaps,x=d.computeLabelField,O=d.computeValueField,_=d.computeGroupLabelField,E=d.computeOptionOpts.useKey,y=t.option;return e.map(function(t,e){var i=t.slots,n=t.className,l=d.getOptId(t),a=t[O],o=d.hasOptGroupById(l),r=!(!h||!b[l]),a=!r&&(_xeUtils.default.isArray(m)?-1<m.indexOf(a):m===a),s=r||!o||isOptionVisible(t),c=!r&&d.checkOptionDisabled(a,t,f),i=i?i.default:null,u={option:t,group:null,$select:d},i=y?d.callSlot(y,u,p):i?d.callSlot(i,u,p):(0,_utils.getFuncText)(t[o?_:x]);return s?p("div",{key:E||v?l:e,class:["vxe-select-option",n?_xeUtils.default.isFunction(n)?n(u):n:"",{"vxe-select-optgroup":o,"is--disabled":c,"is--selected":a,"is--add":r,"is--hover":g&&d.getOptId(g)===l}],attrs:{optid:l},on:{mousedown:function(e){0===e.button&&e.stopPropagation()},click:function(e){c||o||d.changeOptionEvent(e,t)},mouseenter:function(){c||o||d.isVMScrollProcess()||d.setCurrentOption(t)}}},h?[p("span",{key:1,class:"vxe-select-option--label"},i),r?p("span",{key:2,class:"vxe-select-option--add-icon"},[p("i",{class:(0,_ui.getIcon)().ADD_OPTION})]):(0,_ui.renderEmptyElement)(d)]:i):(0,_ui.renderEmptyElement)(d)})},renderOpts:function(e){var t=this.reactData,i=t.optList;return t.searchLoading?[e("div",{class:"vxe-select--search-loading"},[e("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),e("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])]:i.length?this.renderOption(e,i):[e("div",{class:"vxe-select--empty-placeholder"},this.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]},renderVN:function(e){var t=this,i=t,n=t.$scopedSlots,l=t.reactData,a=i.className,o=i.popupClassName,r=i.loading,s=i.filterable,c=l.initialized,u=l.isActivated,p=l.isAniVisible,f=l.visiblePanel,d=l.bodyHeight,h=l.topSpaceHeight,v=t.computeSize,m=t.computeIsDisabled,g=t.computeSelectLabel,b=t.computeBtnTransfer,x=t.computeInpPlaceholder,O=n.default,_=n.header,E=n.footer,y=n.prefix;return t.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-select--readonly",a]},[e("div",{class:"vxe-select-slots",ref:"hideOption"},O?t.callSlot(O,{},e):[]),e("span",{class:"vxe-select-label"},g)]):e("div",{ref:"refElem",class:["vxe-select",a?_xeUtils.default.isFunction(a)?a({$select:t}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(v),v),"is--visible",f),"is--disabled",m),"is--filter",s),"is--loading",r),"is--active",u)]},[e("div",{class:"vxe-select-slots",ref:"hideOption"},O?O.call(t,{}):[]),e(_input.default,{ref:"refInput",props:{clearable:i.clearable,placeholder:x,readonly:!0,disabled:m,type:"text",prefixIcon:i.prefixIcon,suffixIcon:r?(0,_ui.getIcon)().SELECT_LOADED:f?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,autoFocus:!1,value:g},on:{clear:t.clearEvent,click:t.clickEvent,focus:t.focusEvent,blur:t.blurEvent,"suffix-click":t.suffixClickEvent},scopedSlots:y?{prefix:function(){return y({})}}:{}}),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-select--panel",o?_xeUtils.default.isFunction(o)?o({$select:t}):o:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(v),v),"is--transfer",b),"ani--leave",!r&&p),"ani--enter",!r&&f)],attrs:{placement:l.panelPlacement},style:l.panelStyle},c&&(f||p)?[e("div",{class:"vxe-select--panel-wrapper"},[s?e("div",{class:"vxe-select--panel-search"},[e(_input.default,{ref:"refInpSearch",class:"vxe-select-search--input",props:{value:l.searchValue,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH},on:{"model-value":t.modelSearchEvent,focus:t.focusSearchEvent,change:t.triggerSearchEvent,search:t.triggerSearchEvent}})]):(0,_ui.renderEmptyElement)(t),_?e("div",{class:"vxe-select--panel-header"},t.callSlot(_,{},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-select--panel-body"},[e("div",{ref:"refVirtualWrapper",class:"vxe-select-option--wrapper",on:{scroll:t.scrollEvent}},[e("div",{class:"vxe-select--y-space",style:{height:d?"".concat(d,"px"):""}}),e("div",{ref:"refVirtualBody",class:"vxe-select--body",style:{marginTop:h?"".concat(h,"px"):""}},t.renderOpts(e))])]),E?e("div",{class:"vxe-select--panel-footer"},t.callSlot(E,{},e)):(0,_ui.renderEmptyElement)(t)])]:[])])}},watch:{"reactData.staticOptions":function(e){this.loadData(e)},options:function(e){this.loadData(e)},optionGroups:function(e){this.loadData(e)}},mounted:function(){var i=this,n=i;i.$nextTick(function(){var e=n.options,t=n.optionGroups;t?i.loadData(t):e&&i.loadData(e)}),_ui.globalEvents.on(i,"mousewheel",i.handleGlobalMousewheelEvent),_ui.globalEvents.on(i,"mousedown",i.handleGlobalMousedownEvent),_ui.globalEvents.on(i,"keydown",i.handleGlobalKeydownEvent),_ui.globalEvents.on(i,"blur",i.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this,t=e.$refs.refOptionPanel;t&&t.parentNode&&t.parentNode.removeChild(t),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"keydown"),_ui.globalEvents.off(e,"blur")},render:function(e){return this.renderVN(e)}});

package/lib/split/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeSplit = exports.Split = void 0;
+var _core = require("@vxe-ui/core");
+var _split = _interopRequireDefault(require("./src/split"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var VxeSplit = exports.VxeSplit = Object.assign({}, _split.default, {
+  install: function install(app) {
+    app.component(_split.default.name, _split.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeSplit);
+_core.VxeUI.component(_split.default);
+var Split = exports.Split = VxeSplit;
+var _default = exports.default = VxeSplit;

package/lib/split/index.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeSplit=exports.Split=void 0;var _core=require("@vxe-ui/core"),_split=_interopRequireDefault(require("./src/split")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var VxeSplit=exports.VxeSplit=Object.assign({},_split.default,{install:function(e){e.component(_split.default.name,_split.default)}}),Split=(_dynamics.dynamicApp.use(VxeSplit),_core.VxeUI.component(_split.default),exports.Split=VxeSplit),_default=exports.default=VxeSplit;

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

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _ui = require("../../ui");
+var _util = require("./util");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeSplitItem',
+  mixins: [_ui.globalMixins.sizeMixin],
+  props: {
+    width: [Number, String],
+    height: [Number, String],
+    minWidth: {
+      type: [Number, String],
+      default: function _default() {
+        return null;
+      }
+    },
+    minHeight: {
+      type: [Number, String],
+      default: function _default() {
+        return null;
+      }
+    }
+  },
+  inject: {
+    $xeSplit: {
+      default: null
+    }
+  },
+  provide: function provide() {
+    var $xeSplitItem = this;
+    return {
+      $xeSplitItem: $xeSplitItem
+    };
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {};
+    var itemConfig = {
+      id: xID,
+      width: 0,
+      height: 0,
+      minWidth: 0,
+      minHeight: 0,
+      renderWidth: 0,
+      renderHeight: 0,
+      slots: {}
+    };
+    return {
+      xID: xID,
+      reactData: reactData,
+      itemConfig: itemConfig
+    };
+  },
+  computed: Object.assign({}, {}),
+  watch: {
+    span: function span(val) {
+      var $xeSplitItem = this;
+      var itemConfig = $xeSplitItem.itemConfig;
+      itemConfig.span = val;
+    },
+    width: function width(val) {
+      var $xeSplitItem = this;
+      var itemConfig = $xeSplitItem.itemConfig;
+      itemConfig.width = val;
+    },
+    height: function height(val) {
+      var $xeSplitItem = this;
+      var itemConfig = $xeSplitItem.itemConfig;
+      itemConfig.height = val;
+    },
+    minWidth: function minWidth(val) {
+      var $xeSplitItem = this;
+      var itemConfig = $xeSplitItem.itemConfig;
+      itemConfig.minWidth = val;
+    },
+    minHeight: function minHeight(val) {
+      var $xeSplitItem = this;
+      var itemConfig = $xeSplitItem.itemConfig;
+      itemConfig.minHeight = val;
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeSplitItem = this;
+      $xeSplitItem.$emit(type, (0, _ui.createEvent)(evnt, {
+        $splitItem: $xeSplitItem
+      }, params));
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      return h('div', {
+        ref: 'refElem'
+      });
+    }
+  },
+  created: function created() {
+    var $xeSplitItem = this;
+    var props = $xeSplitItem;
+    var slots = $xeSplitItem.$scopedSlots;
+    var itemConfig = $xeSplitItem.itemConfig;
+    Object.assign(itemConfig, {
+      width: props.width,
+      height: props.height,
+      minWidth: props.minWidth,
+      minHeight: props.minHeight,
+      renderWidth: 0,
+      renderHeight: 0,
+      slots: slots
+    });
+  },
+  mounted: function mounted() {
+    var $xeSplitItem = this;
+    var slots = $xeSplitItem.$scopedSlots;
+    var itemConfig = $xeSplitItem.itemConfig;
+    var $xeSplit = $xeSplitItem.$xeSplit;
+    itemConfig.slots = slots;
+    var elem = $xeSplitItem.$refs.refElem;
+    if ($xeSplit && elem) {
+      (0, _util.assembleSplitItem)($xeSplit, elem, itemConfig);
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeSplitItem = this;
+    var itemConfig = $xeSplitItem.itemConfig;
+    var $xeSplit = $xeSplitItem.$xeSplit;
+    if ($xeSplit) {
+      (0, _util.destroySplitItem)($xeSplit, itemConfig);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

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

@@ -0,0 +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:{},itemConfig:{id:t,width:0,height:0,minWidth:0,minHeight:0,renderWidth:0,renderHeight:0,slots:{}}}},computed:Object.assign({},{}),watch:{span:function(t){this.itemConfig.span=t},width:function(t){this.itemConfig.width=t},height:function(t){this.itemConfig.height=t},minWidth:function(t){this.itemConfig.minWidth=t},minHeight:function(t){this.itemConfig.minHeight=t}},methods:{dispatchEvent:function(t,i,e){this.$emit(t,(0,_ui.createEvent)(e,{$splitItem:this},i))},renderVN:function(t){return t("div",{ref:"refElem"})}},created:function(){var t=this,i=t.$scopedSlots;Object.assign(t.itemConfig,{width:t.width,height:t.height,minWidth:t.minWidth,minHeight:t.minHeight,renderWidth:0,renderHeight:0,slots:i})},mounted:function(){var t=this,i=t.$scopedSlots,e=t.itemConfig,n=t.$xeSplit,i=(e.slots=i,t.$refs.refElem);n&&i&&(0,_util.assembleSplitItem)(n,i,e)},beforeDestroy:function(){var t=this.itemConfig,i=this.$xeSplit;i&&(0,_util.destroySplitItem)(i,t)},render:function(t){return this.renderVN(t)}});