vxe-table 4.2.8 → 4.3.0-beta.2

package/lib/keyboard/src/hook.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getTargetOffset(e,t){var o,l,n=0,r=0,a=!_dom.browse.firefox&&(0,_dom.hasClass)(e,"vxe-checkbox--label");for(a&&(o=getComputedStyle(e),n-=_xeUtils.default.toNumber(o.paddingTop),r-=_xeUtils.default.toNumber(o.paddingLeft));e&&e!==t;)n+=e.offsetTop,r+=e.offsetLeft,e=e.offsetParent,a&&(l=getComputedStyle(e),n-=_xeUtils.default.toNumber(l.paddingTop),r-=_xeUtils.default.toNumber(l.paddingLeft));return{offsetTop:n,offsetLeft:r}}var tableKeyboardHook={setupTable:function(y){var f=y.props,k=y.reactData,H=y.internalData,E=y.getRefMaps().refElem,e=y.getComputeMaps(),g=e.computeEditOpts,c=e.computeCheckboxOpts,i=e.computeMouseOpts,s=e.computeTreeOpts;function d(e,u){var t,c,i,o,s,d,l,n,f,g,m,h,p,v,x,w,b,T,C,R,_,I,r,a=u.column,M=u.cell;"checkbox"===a.type&&(t=E.value,o=H.elemStore,c=e.clientX,i=e.clientY,o=o[(a.fixed||"main")+"-body-wrapper"]||o["main-body-wrapper"],(s=o?o.value:null)&&(d=s.querySelector(".vxe-table--checkbox-range"),l=document.onmousemove,n=document.onmouseup,f=M.parentNode,g=y.getCheckboxRecords(),m=[],h=1,M=getTargetOffset(e.target,s),p=M.offsetTop+e.offsetY,v=M.offsetLeft+e.offsetX,x=s.scrollTop,w=f.offsetHeight,b=null,C=1,R=function(e,t){y.dispatchEvent("checkbox-range-"+e,{records:y.getCheckboxRecords(),reserves:y.getCheckboxReserveRecords()},t)},_=function(e){var t=e.clientX,o=e.clientY,l=t-c,n=o-i+(s.scrollTop-x),r=Math.abs(n),a=Math.abs(l),t=p,o=v;n<h?(t+=n)<h&&(t=h,r=p):r=Math.min(r,s.scrollHeight-p-h),l<h?(o+=l,v<a&&(o=h,a=v)):a=Math.min(a,s.clientWidth-v-h),d.style.height=r+"px",d.style.width=a+"px",d.style.left=o+"px",d.style.top=t+"px",d.style.display="block";n=function(e,t,o){var l=0,n=[],r=0<o,a=0<o?o:Math.abs(o)+t.offsetHeight,u=k.scrollYLoad,c=H.afterFullData,o=H.scrollYStore;if(u)e=y.getVTRowIndex(e.row),n=r?c.slice(e,e+Math.ceil(a/o.rowHeight)):c.slice(e-Math.floor(a/o.rowHeight)+1,e+1);else for(var i=r?"next":"previous";t&&l<a;){var s=y.getRowNode(t);s&&(n.push(s.item),l+=t.offsetHeight,t=t[i+"ElementSibling"])}return n}(u,f,n<h?-r:r);10<r&&n.length!==m.length&&(m=n,e.ctrlKey?n.forEach(function(e){y.handleSelectRow({row:e},-1===g.indexOf(e))}):(y.setAllCheckboxRow(!1),y.setCheckboxRow(n,!0)),R("change",e))},I=function(){clearTimeout(b),b=null},(T=!(r=function r(a){I(),b=setTimeout(function(){var e,t,o,l,n;b&&(e=s.scrollLeft,t=s.scrollTop,o=s.clientHeight,l=s.scrollHeight,n=Math.ceil(50*C/w),T?t+o<l?(y.scrollTo(e,t+n),r(a),_(a)):I():t?(y.scrollTo(e,t-n),r(a),_(a)):I())},50)}),_dom.addClass)(t,"drag--range"),document.onmousemove=function(e){e.preventDefault(),e.stopPropagation();var t=e.clientY,o=(0,_dom.getAbsolutePos)(s).boundingTop;t<o?(T=!1,C=o-t,b||r(e)):t>o+s.clientHeight?(T=!0,C=t-o-s.clientHeight,b||r(e)):b&&I(),_(e)},document.onmouseup=function(e){I(),(0,_dom.removeClass)(t,"drag--range"),d.removeAttribute("style"),document.onmousemove=l,document.onmouseup=n,R("end",e)},R("start",e)))}return{moveTabSelected:function(e,t,o){var l,n,r,a=f.editConfig,u=H.afterFullData,c=H.visibleColumn,i=g.value,s=Object.assign({},e),d=y.getVTRowIndex(s.row),e=y.getVTColumnIndex(s.column);o.preventDefault(),t?e<=0?0<d&&(l=u[n=d-1],r=c.length-1):r=e-1:e>=c.length-1?d<u.length-1&&(l=u[n=d+1],r=0):r=e+1;c=c[r];c&&(l?(s.rowIndex=n,s.row=l):s.rowIndex=d,s.columnIndex=r,s.column=c,s.cell=y.getCell(s.row,s.column),a?"click"!==i.trigger&&"dblclick"!==i.trigger||("row"===i.mode?y.handleActived(s,o):y.scrollToRow(s.row,s.column).then(function(){return y.handleSelected(s,o)})):y.scrollToRow(s.row,s.column).then(function(){return y.handleSelected(s,o)}))},moveCurrentRow:function(e,t,o){var l,n,r,a=f.treeConfig,u=k.currentRow,c=H.afterFullData,i=s.value;o.preventDefault(),u?a?(n=(i=_xeUtils.default.findTree(c,function(e){return e===u},i)).index,i=i.items,e&&0<n?l=i[n-1]:t&&n<i.length-1&&(l=i[n+1])):(n=y.getVTRowIndex(u),e&&0<n?l=c[n-1]:t&&n<c.length-1&&(l=c[n+1])):l=c[0],l&&(r={$table:y,row:l,rowIndex:y.getRowIndex(l),$rowIndex:y.getVMRowIndex(l)},y.scrollToRow(l).then(function(){return y.triggerCurrentRowEvent(o,r)}))},moveSelected:function(e,t,o,l,n,r){var a=H.afterFullData,u=H.visibleColumn,c=Object.assign({},e),i=y.getVTRowIndex(c.row),e=y.getVTColumnIndex(c.column);r.preventDefault(),o&&0<i?(c.rowIndex=i-1,c.row=a[c.rowIndex]):n&&i<a.length-1?(c.rowIndex=i+1,c.row=a[c.rowIndex]):t&&e?(c.columnIndex=e-1,c.column=u[c.columnIndex]):l&&e<u.length-1&&(c.columnIndex=e+1,c.column=u[c.columnIndex]),y.scrollToRow(c.row,c.column).then(function(){c.cell=y.getCell(c.row,c.column),y.handleSelected(c,r)})},triggerHeaderCellMousedownEvent:function(e,t){var o,l=f.mouseConfig,n=i.value;l&&n.area&&y.handleHeaderCellAreaEvent&&(o=e.currentTarget,l=(0,_dom.getEventTargetNode)(e,o,"vxe-cell--sort").flag,n=(0,_dom.getEventTargetNode)(e,o,"vxe-cell--filter").flag,y.handleHeaderCellAreaEvent(e,Object.assign({cell:o,triggerSort:l,triggerFilter:n},t))),y.focus(),y.closeMenu&&y.closeMenu()},triggerCellMousedownEvent:function(e,t){var o=e.currentTarget;t.cell=o,function(e,t){var o=f.editConfig,l=f.checkboxConfig,n=f.mouseConfig,r=c.value,a=i.value,u=g.value;if(n&&a.area&&y.handleCellAreaEvent)return y.handleCellAreaEvent(e,t);l&&r.range&&d(e,t),n&&a.selected&&(o&&"cell"!==u.mode||y.handleSelected(t,e))}(e,t),y.focus(),y.closeFilter(),y.closeMenu&&y.closeMenu()}}}},_default=tableKeyboardHook;exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getTargetOffset(e,t){var o,l,n=0,r=0,c=!_dom.browse.firefox&&(0,_dom.hasClass)(e,"vxe-checkbox--label");for(c&&(o=getComputedStyle(e),n-=_xeUtils.default.toNumber(o.paddingTop),r-=_xeUtils.default.toNumber(o.paddingLeft));e&&e!==t;)n+=e.offsetTop,r+=e.offsetLeft,e=e.offsetParent,c&&(l=getComputedStyle(e),n-=_xeUtils.default.toNumber(l.paddingTop),r-=_xeUtils.default.toNumber(l.paddingLeft));return{offsetTop:n,offsetLeft:r}}var tableKeyboardHook={setupTable:function(y){var f=y.props,k=y.reactData,H=y.internalData,E=y.getRefMaps().refElem,e=y.getComputeMaps(),g=e.computeEditOpts,u=e.computeCheckboxOpts,i=e.computeMouseOpts,s=e.computeTreeOpts;function d(e,a){var t,u,i,o,s,d,l,n,f,g,m,h,p,v,x,w,b,T,C,R,_,I,r,c=a.column,M=a.cell;"checkbox"===c.type&&(t=E.value,o=H.elemStore,u=e.clientX,i=e.clientY,o=o["".concat(c.fixed||"main","-body-wrapper")]||o["main-body-wrapper"],(s=o?o.value:null)&&(d=s.querySelector(".vxe-table--checkbox-range"),l=document.onmousemove,n=document.onmouseup,f=M.parentNode,g=y.getCheckboxRecords(),m=[],h=1,M=getTargetOffset(e.target,s),p=M.offsetTop+e.offsetY,v=M.offsetLeft+e.offsetX,x=s.scrollTop,w=f.offsetHeight,b=null,C=1,R=function(e,t){y.dispatchEvent("checkbox-range-".concat(e),{records:y.getCheckboxRecords(),reserves:y.getCheckboxReserveRecords()},t)},_=function(e){var t=e.clientX,o=e.clientY,l=t-u,n=o-i+(s.scrollTop-x),r=Math.abs(n),c=Math.abs(l),t=p,o=v;n<h?(t+=n)<h&&(t=h,r=p):r=Math.min(r,s.scrollHeight-p-h),l<h?(o+=l,v<c&&(o=h,c=v)):c=Math.min(c,s.clientWidth-v-h),d.style.height="".concat(r,"px"),d.style.width="".concat(c,"px"),d.style.left="".concat(o,"px"),d.style.top="".concat(t,"px"),d.style.display="block";n=function(e,t,o){var l=0,n=[],r=0<o,c=0<o?o:Math.abs(o)+t.offsetHeight,a=k.scrollYLoad,u=H.afterFullData,o=H.scrollYStore;if(a)e=y.getVTRowIndex(e.row),n=r?u.slice(e,e+Math.ceil(c/o.rowHeight)):u.slice(e-Math.floor(c/o.rowHeight)+1,e+1);else for(var i=r?"next":"previous";t&&l<c;){var s=y.getRowNode(t);s&&(n.push(s.item),l+=t.offsetHeight,t=t["".concat(i,"ElementSibling")])}return n}(a,f,n<h?-r:r);10<r&&n.length!==m.length&&(m=n,e.ctrlKey?n.forEach(function(e){y.handleSelectRow({row:e},-1===g.indexOf(e))}):(y.setAllCheckboxRow(!1),y.setCheckboxRow(n,!0)),R("change",e))},I=function(){clearTimeout(b),b=null},(T=!(r=function r(c){I(),b=setTimeout(function(){var e,t,o,l,n;b&&(e=s.scrollLeft,t=s.scrollTop,o=s.clientHeight,l=s.scrollHeight,n=Math.ceil(50*C/w),T?t+o<l?(y.scrollTo(e,t+n),r(c),_(c)):I():t?(y.scrollTo(e,t-n),r(c),_(c)):I())},50)}),_dom.addClass)(t,"drag--range"),document.onmousemove=function(e){e.preventDefault(),e.stopPropagation();var t=e.clientY,o=(0,_dom.getAbsolutePos)(s).boundingTop;t<o?(T=!1,C=o-t,b||r(e)):t>o+s.clientHeight?(T=!0,C=t-o-s.clientHeight,b||r(e)):b&&I(),_(e)},document.onmouseup=function(e){I(),(0,_dom.removeClass)(t,"drag--range"),d.removeAttribute("style"),document.onmousemove=l,document.onmouseup=n,R("end",e)},R("start",e)))}return{moveTabSelected:function(e,t,o){var l,n,r,c=f.editConfig,a=H.afterFullData,u=H.visibleColumn,i=g.value,s=Object.assign({},e),d=y.getVTRowIndex(s.row),e=y.getVTColumnIndex(s.column);o.preventDefault(),t?e<=0?0<d&&(l=a[n=d-1],r=u.length-1):r=e-1:e>=u.length-1?d<a.length-1&&(l=a[n=d+1],r=0):r=e+1;u=u[r];u&&(l?(s.rowIndex=n,s.row=l):s.rowIndex=d,s.columnIndex=r,s.column=u,s.cell=y.getCell(s.row,s.column),c?"click"!==i.trigger&&"dblclick"!==i.trigger||("row"===i.mode?y.handleActived(s,o):y.scrollToRow(s.row,s.column).then(function(){return y.handleSelected(s,o)})):y.scrollToRow(s.row,s.column).then(function(){return y.handleSelected(s,o)}))},moveCurrentRow:function(e,t,o){var l,n,r,c=f.treeConfig,a=k.currentRow,u=H.afterFullData,i=s.value;o.preventDefault(),a?c?(n=(i=_xeUtils.default.findTree(u,function(e){return e===a},i)).index,i=i.items,e&&0<n?l=i[n-1]:t&&n<i.length-1&&(l=i[n+1])):(n=y.getVTRowIndex(a),e&&0<n?l=u[n-1]:t&&n<u.length-1&&(l=u[n+1])):l=u[0],l&&(r={$table:y,row:l,rowIndex:y.getRowIndex(l),$rowIndex:y.getVMRowIndex(l)},y.scrollToRow(l).then(function(){return y.triggerCurrentRowEvent(o,r)}))},moveSelected:function(e,t,o,l,n,r){var c=H.afterFullData,a=H.visibleColumn,u=Object.assign({},e),i=y.getVTRowIndex(u.row),e=y.getVTColumnIndex(u.column);r.preventDefault(),o&&0<i?(u.rowIndex=i-1,u.row=c[u.rowIndex]):n&&i<c.length-1?(u.rowIndex=i+1,u.row=c[u.rowIndex]):t&&e?(u.columnIndex=e-1,u.column=a[u.columnIndex]):l&&e<a.length-1&&(u.columnIndex=e+1,u.column=a[u.columnIndex]),y.scrollToRow(u.row,u.column).then(function(){u.cell=y.getCell(u.row,u.column),y.handleSelected(u,r)})},triggerHeaderCellMousedownEvent:function(e,t){var o,l=f.mouseConfig,n=i.value;l&&n.area&&y.handleHeaderCellAreaEvent&&(o=e.currentTarget,l=(0,_dom.getEventTargetNode)(e,o,"vxe-cell--sort").flag,n=(0,_dom.getEventTargetNode)(e,o,"vxe-cell--filter").flag,y.handleHeaderCellAreaEvent(e,Object.assign({cell:o,triggerSort:l,triggerFilter:n},t))),y.focus(),y.closeMenu&&y.closeMenu()},triggerCellMousedownEvent:function(e,t){var o=e.currentTarget;t.cell=o,function(e,t){var o=f.editConfig,l=f.checkboxConfig,n=f.mouseConfig,r=u.value,c=i.value,a=g.value;if(n&&c.area&&y.handleCellAreaEvent)return y.handleCellAreaEvent(e,t);l&&r.range&&d(e,t),n&&c.selected&&(o&&"cell"!==a.mode||y.handleSelected(t,e))}(e,t),y.focus(),y.closeFilter(),y.closeMenu&&y.closeMenu()}}}},_default=tableKeyboardHook;exports.default=_default;

package/lib/list/src/list.js

@@ -99,10 +99,10 @@ var _default2 = (0, _vue.defineComponent)({
       var style = {};
 
       if (height) {
-        style.height = "" + (isNaN(height) ? height : height + "px");
+        style.height = "".concat(isNaN(height) ? height : "".concat(height, "px"));
       } else if (maxHeight) {
         style.height = 'auto';
-        style.maxHeight = "" + (isNaN(maxHeight) ? maxHeight : maxHeight + "px");
+        style.maxHeight = "".concat(isNaN(maxHeight) ? maxHeight : "".concat(maxHeight, "px"));
       }
 
       return style;
@@ -384,7 +384,7 @@ var _default2 = (0, _vue.defineComponent)({
         ref: refElem,
         class: ['vxe-list', className ? _xeUtils.default.isFunction(className) ? className({
           $list: $xelist
-        }) : className : '', (_a = {}, _a["size--" + vSize] = vSize, _a['is--loading'] = loading, _a)]
+        }) : className : '', (_a = {}, _a["size--".concat(vSize)] = vSize, _a['is--loading'] = loading, _a)]
       }, [(0, _vue.h)('div', {
         ref: refVirtualWrapper,
         class: 'vxe-list--virtual-wrapper',
@@ -393,13 +393,13 @@ var _default2 = (0, _vue.defineComponent)({
       }, [(0, _vue.h)('div', {
         class: 'vxe-list--y-space',
         style: {
-          height: bodyHeight ? bodyHeight + "px" : ''
+          height: bodyHeight ? "".concat(bodyHeight, "px") : ''
         }
       }), (0, _vue.h)('div', {
         ref: refVirtualBody,
         class: 'vxe-list--body',
         style: {
-          marginTop: topSpaceHeight ? topSpaceHeight + "px" : ''
+          marginTop: topSpaceHeight ? "".concat(topSpaceHeight, "px") : ''
         }
       }, slots.default ? slots.default({
         items: items,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size"),_resize=require("../../tools/resize"),_dom=require("../../tools/dom"),_event=require("../../tools/event"),_index=_interopRequireDefault(require("../../loading/index"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=(0,_vue.defineComponent)({name:"VxeList",props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:function(){return _conf.default.list.size||_conf.default.size}},autoResize:{type:Boolean,default:function(){return _conf.default.list.autoResize}},syncResize:[Boolean,String,Number],scrollY:Object},emits:["scroll"],setup:function(a,e){function s(){I(),H()}function l(){return(0,_vue.nextTick)().then(function(){var e,t=h.scrollYLoad,r=p.scrollYStore,l=g.value,i=b.value,n=0;(e=l?(e=i.sItem?l.querySelector(i.sItem):e)||l.children[0]:e)&&(n=e.offsetHeight),n=Math.max(20,n),r.rowHeight=n,t?(t=_.value,t=Math.max(8,Math.ceil(t.clientHeight/n)),i=i.oSize?_xeUtils.default.toNumber(i.oSize):_dom.browse.edge?10:0,r.offsetSize=i,r.visibleSize=t,r.endIndex=Math.max(r.startIndex,t+i,r.endIndex),s()):H(),h.rowHeight=n})}function r(){var e=_.value;return e&&(e.scrollTop=0),(0,_vue.nextTick)()}function i(e,t){var r=_.value;return _xeUtils.default.isNumber(e)&&(r.scrollLeft=e),_xeUtils.default.isNumber(t)&&(r.scrollTop=t),h.scrollYLoad?new Promise(function(e){return setTimeout(function(){return e((0,_vue.nextTick)())},50)}):(0,_vue.nextTick)()}function n(){var e=p.lastScrollLeft,t=p.lastScrollTop;return r().then(function(){if(e||t)return p.lastScrollLeft=0,p.lastScrollTop=0,i(e,t)})}function t(){var e=x.value;return e.clientWidth&&e.clientHeight?l():Promise.resolve()}function u(e){var t=(i=e.target).scrollTop,r=i.scrollLeft,l=r!==p.lastScrollLeft,i=t!==p.lastScrollTop;p.lastScrollTop=t,p.lastScrollLeft=r,h.scrollYLoad&&Y(e),z.dispatchEvent("scroll",{scrollLeft:r,scrollTop:t,isX:l,isY:i},e)}var o,c=e.slots,f=e.emit,d=_xeUtils.default.uniqueId(),v=(0,_size.useSize)(a),h=(0,_vue.reactive)({scrollYLoad:!1,bodyHeight:0,rowHeight:0,topSpaceHeight:0,items:[]}),x=(0,_vue.ref)(),_=(0,_vue.ref)(),g=(0,_vue.ref)(),p={fullData:[],lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0}},m={refElem:x},S={xID:d,props:a,context:e,reactData:h,internalData:p,getRefMaps:function(){return m}},z={},b=(0,_vue.computed)(function(){return Object.assign({},_conf.default.list.scrollY,a.scrollY)}),T=(0,_vue.computed)(function(){var e=a.height,t=a.maxHeight,r={};return e?r.height=""+(isNaN(e)?e:e+"px"):t&&(r.height="auto",r.maxHeight=""+(isNaN(t)?t:t+"px")),r}),H=function(){var e=h.scrollYLoad,t=p.scrollYStore,r=p.fullData;h.bodyHeight=e?r.length*t.rowHeight:0,h.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},I=function(){var e=h.scrollYLoad,t=p.fullData,r=p.scrollYStore;return h.items=e?t.slice(r.startIndex,r.endIndex):t.slice(0),(0,_vue.nextTick)()},Y=function(e){var t=p.scrollYStore,r=t.startIndex,l=t.endIndex,i=t.visibleSize,n=t.offsetSize,o=t.rowHeight,e=e.target.scrollTop,e=Math.floor(e/o),o=Math.max(0,e-1-n),n=e+i+n;(e<=r||l-i-1<=e)&&(r===o&&l===n||(t.startIndex=o,t.endIndex=n,s()))},z={dispatchEvent:function(e,t,r){f(e,Object.assign({$list:S,$event:r},t))},loadData:function(e){var t=p.scrollYStore,r=b.value,e=e||[];return Object.assign(t,{startIndex:0,endIndex:1,visibleSize:0}),p.fullData=e,h.scrollYLoad=!!r.enabled&&-1<r.gt&&r.gt<=e.length,I(),l().then(function(){n()})},reloadData:function(e){return r(),z.loadData(e)},recalculate:t,scrollTo:i,refreshScroll:n,clearScroll:r};Object.assign(S,z),(0,_vue.watch)(function(){return a.data},function(e){z.loadData(e||[])}),(0,_vue.watch)(function(){return a.syncResize},function(e){e&&(t(),(0,_vue.nextTick)(function(){return setTimeout(t)}))}),(0,_vue.nextTick)(function(){var e;_event.GlobalEvent.on(S,"resize",function(){t()}),a.autoResize&&(e=x.value,(o=(0,_resize.createResizeEvent)(t)).observe(e)),z.loadData(a.data||[])}),(0,_vue.onUnmounted)(function(){o&&o.disconnect(),_event.GlobalEvent.off(S,"resize")});return S.renderVN=function(){var e=a.className,t=a.loading,r=h.bodyHeight,l=h.topSpaceHeight,i=h.items,n=v.value,o=T.value;return(0,_vue.h)("div",{ref:x,class:["vxe-list",e?_xeUtils.default.isFunction(e)?e({$list:S}):e:"",((e={})["size--"+n]=n,e["is--loading"]=t,e)]},[(0,_vue.h)("div",{ref:_,class:"vxe-list--virtual-wrapper",style:o,onScroll:u},[(0,_vue.h)("div",{class:"vxe-list--y-space",style:{height:r?r+"px":""}}),(0,_vue.h)("div",{ref:g,class:"vxe-list--body",style:{marginTop:l?l+"px":""}},c.default?c.default({items:i,$list:S}):[])]),(0,_vue.h)(_index.default,{class:"vxe-list--loading",loading:t})])},S},render:function(){return this.renderVN()}});exports.default=_default2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size"),_resize=require("../../tools/resize"),_dom=require("../../tools/dom"),_event=require("../../tools/event"),_index=_interopRequireDefault(require("../../loading/index"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=(0,_vue.defineComponent)({name:"VxeList",props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:function(){return _conf.default.list.size||_conf.default.size}},autoResize:{type:Boolean,default:function(){return _conf.default.list.autoResize}},syncResize:[Boolean,String,Number],scrollY:Object},emits:["scroll"],setup:function(a,e){function s(){I(),H()}function l(){return(0,_vue.nextTick)().then(function(){var e,t=h.scrollYLoad,r=p.scrollYStore,l=g.value,n=b.value,o=0;(e=l?(e=n.sItem?l.querySelector(n.sItem):e)||l.children[0]:e)&&(o=e.offsetHeight),o=Math.max(20,o),r.rowHeight=o,t?(t=_.value,t=Math.max(8,Math.ceil(t.clientHeight/o)),n=n.oSize?_xeUtils.default.toNumber(n.oSize):_dom.browse.edge?10:0,r.offsetSize=n,r.visibleSize=t,r.endIndex=Math.max(r.startIndex,t+n,r.endIndex),s()):H(),h.rowHeight=o})}function r(){var e=_.value;return e&&(e.scrollTop=0),(0,_vue.nextTick)()}function n(e,t){var r=_.value;return _xeUtils.default.isNumber(e)&&(r.scrollLeft=e),_xeUtils.default.isNumber(t)&&(r.scrollTop=t),h.scrollYLoad?new Promise(function(e){return setTimeout(function(){return e((0,_vue.nextTick)())},50)}):(0,_vue.nextTick)()}function o(){var e=p.lastScrollLeft,t=p.lastScrollTop;return r().then(function(){if(e||t)return p.lastScrollLeft=0,p.lastScrollTop=0,n(e,t)})}function t(){var e=x.value;return e.clientWidth&&e.clientHeight?l():Promise.resolve()}function u(e){var t=(n=e.target).scrollTop,r=n.scrollLeft,l=r!==p.lastScrollLeft,n=t!==p.lastScrollTop;p.lastScrollTop=t,p.lastScrollLeft=r,h.scrollYLoad&&Y(e),z.dispatchEvent("scroll",{scrollLeft:r,scrollTop:t,isX:l,isY:n},e)}var i,c=e.slots,f=e.emit,d=_xeUtils.default.uniqueId(),v=(0,_size.useSize)(a),h=(0,_vue.reactive)({scrollYLoad:!1,bodyHeight:0,rowHeight:0,topSpaceHeight:0,items:[]}),x=(0,_vue.ref)(),_=(0,_vue.ref)(),g=(0,_vue.ref)(),p={fullData:[],lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0}},m={refElem:x},S={xID:d,props:a,context:e,reactData:h,internalData:p,getRefMaps:function(){return m}},z={},b=(0,_vue.computed)(function(){return Object.assign({},_conf.default.list.scrollY,a.scrollY)}),T=(0,_vue.computed)(function(){var e=a.height,t=a.maxHeight,r={};return e?r.height="".concat(isNaN(e)?e:"".concat(e,"px")):t&&(r.height="auto",r.maxHeight="".concat(isNaN(t)?t:"".concat(t,"px"))),r}),H=function(){var e=h.scrollYLoad,t=p.scrollYStore,r=p.fullData;h.bodyHeight=e?r.length*t.rowHeight:0,h.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},I=function(){var e=h.scrollYLoad,t=p.fullData,r=p.scrollYStore;return h.items=e?t.slice(r.startIndex,r.endIndex):t.slice(0),(0,_vue.nextTick)()},Y=function(e){var t=p.scrollYStore,r=t.startIndex,l=t.endIndex,n=t.visibleSize,o=t.offsetSize,i=t.rowHeight,e=e.target.scrollTop,e=Math.floor(e/i),i=Math.max(0,e-1-o),o=e+n+o;(e<=r||l-n-1<=e)&&(r===i&&l===o||(t.startIndex=i,t.endIndex=o,s()))},z={dispatchEvent:function(e,t,r){f(e,Object.assign({$list:S,$event:r},t))},loadData:function(e){var t=p.scrollYStore,r=b.value,e=e||[];return Object.assign(t,{startIndex:0,endIndex:1,visibleSize:0}),p.fullData=e,h.scrollYLoad=!!r.enabled&&-1<r.gt&&r.gt<=e.length,I(),l().then(function(){o()})},reloadData:function(e){return r(),z.loadData(e)},recalculate:t,scrollTo:n,refreshScroll:o,clearScroll:r};Object.assign(S,z),(0,_vue.watch)(function(){return a.data},function(e){z.loadData(e||[])}),(0,_vue.watch)(function(){return a.syncResize},function(e){e&&(t(),(0,_vue.nextTick)(function(){return setTimeout(t)}))}),(0,_vue.nextTick)(function(){var e;_event.GlobalEvent.on(S,"resize",function(){t()}),a.autoResize&&(e=x.value,(i=(0,_resize.createResizeEvent)(t)).observe(e)),z.loadData(a.data||[])}),(0,_vue.onUnmounted)(function(){i&&i.disconnect(),_event.GlobalEvent.off(S,"resize")});return S.renderVN=function(){var e=a.className,t=a.loading,r=h.bodyHeight,l=h.topSpaceHeight,n=h.items,o=v.value,i=T.value;return(0,_vue.h)("div",{ref:x,class:["vxe-list",e?_xeUtils.default.isFunction(e)?e({$list:S}):e:"",((e={})["size--".concat(o)]=o,e["is--loading"]=t,e)]},[(0,_vue.h)("div",{ref:_,class:"vxe-list--virtual-wrapper",style:i,onScroll:u},[(0,_vue.h)("div",{class:"vxe-list--y-space",style:{height:r?"".concat(r,"px"):""}}),(0,_vue.h)("div",{ref:g,class:"vxe-list--body",style:{marginTop:l?"".concat(l,"px"):""}},c.default?c.default({items:n,$list:S}):[])]),(0,_vue.h)(_index.default,{class:"vxe-list--loading",loading:t})])},S},render:function(){return this.renderVN()}});exports.default=_default2;

package/lib/loading/src/loading.js

@@ -32,7 +32,7 @@ var _default = (0, _vue.defineComponent)({
       class: 'vxe-loading--spinner'
     }), text ? (0, _vue.h)('div', {
       class: 'vxe-loading--text'
-    }, "" + text) : null])]);
+    }, "".concat(text)) : null])]);
   }
 });
 

package/lib/loading/src/loading.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeLoading",props:{loading:Boolean},render:function(){var e=_conf.default.icon.LOADING,n=_conf.default.loadingText,n=null===n?n:_conf.default.i18n("vxe.loading.text");return(0,_vue.h)("div",{class:["vxe-loading",{"is--visible":this.loading}]},[(0,_vue.h)("div",{class:"vxe-loading--chunk"},[e?(0,_vue.h)("i",{class:e}):(0,_vue.h)("div",{class:"vxe-loading--spinner"}),n?(0,_vue.h)("div",{class:"vxe-loading--text"},""+n):null])])}});exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeLoading",props:{loading:Boolean},render:function(){var e=_conf.default.icon.LOADING,n=_conf.default.loadingText,n=null===n?n:_conf.default.i18n("vxe.loading.text");return(0,_vue.h)("div",{class:["vxe-loading",{"is--visible":this.loading}]},[(0,_vue.h)("div",{class:"vxe-loading--chunk"},[e?(0,_vue.h)("i",{class:e}):(0,_vue.h)("div",{class:"vxe-loading--spinner"}),n?(0,_vue.h)("div",{class:"vxe-loading--text"},"".concat(n)):null])])}});exports.default=_default;

package/lib/menu/src/hooks.js

@@ -98,8 +98,8 @@ var tableMenuHook = {
                   showChild: false,
                   style: {
                     zIndex: internalData.tZindex,
-                    top: top_1 + "px",
-                    left: left_1 + "px"
+                    top: "".concat(top_1, "px"),
+                    left: "".concat(left_1, "px")
                   }
                 });
                 (0, _vue.nextTick)(function () {
@@ -116,11 +116,11 @@ var tableMenuHook = {
                   var offsetLeft = boundingLeft + clientWidth - visibleWidth_1;
 
                   if (offsetTop > -10) {
-                    ctxMenuStore.style.top = Math.max(scrollTop_1 + 2, top_1 - clientHeight - 2) + "px";
+                    ctxMenuStore.style.top = "".concat(Math.max(scrollTop_1 + 2, top_1 - clientHeight - 2), "px");
                   }
 
                   if (offsetLeft > -10) {
-                    ctxMenuStore.style.left = Math.max(scrollLeft_1 + 2, left_1 - clientWidth - 2) + "px";
+                    ctxMenuStore.style.left = "".concat(Math.max(scrollLeft_1 + 2, left_1 - clientWidth - 2), "px");
                   }
                 });
               };
@@ -268,7 +268,7 @@ var tableMenuHook = {
 
           for (var index = 0; index < layoutList.length; index++) {
             var layout = layoutList[index];
-            var columnTargetNode = (0, _dom.getEventTargetNode)(evnt, el, "vxe-" + layout + "--column", function (target) {
+            var columnTargetNode = (0, _dom.getEventTargetNode)(evnt, el, "vxe-".concat(layout, "--column"), function (target) {
               // target=td|th，直接向上找 table 去匹配即可
               return target.parentNode.parentNode.parentNode.getAttribute('xid') === xID;
             });
@@ -283,7 +283,7 @@ var tableMenuHook = {
               var cell = columnTargetNode.targetElem;
               var columnNodeRest = $xetable.getColumnNode(cell);
               var column = columnNodeRest ? columnNodeRest.item : null;
-              var typePrefix = layout + "-";
+              var typePrefix = "".concat(layout, "-");
 
               if (column) {
                 Object.assign(params, {
@@ -304,11 +304,11 @@ var tableMenuHook = {
                 }
               }
 
-              var eventType = typePrefix + "cell-menu";
+              var eventType = "".concat(typePrefix, "cell-menu");
               openContextMenu(evnt, layout, params);
               $xetable.dispatchEvent(eventType, params, evnt);
               return;
-            } else if ((0, _dom.getEventTargetNode)(evnt, el, "vxe-table--" + layout + "-wrapper", function (target) {
+            } else if ((0, _dom.getEventTargetNode)(evnt, el, "vxe-table--".concat(layout, "-wrapper"), function (target) {
               return target.getAttribute('xid') === xID;
             }).flag) {
               if (menuOpts.trigger === 'cell') {
@@ -357,7 +357,7 @@ var tableMenuHook = {
 
                 if (posLeft + childWrapperElem.offsetWidth > visibleWidth - 10) {
                   left = 'auto';
-                  right = menuElem.offsetWidth + "px";
+                  right = "".concat(menuElem.offsetWidth, "px");
                 } // 是否超出底部
 
 

package/lib/menu/src/hooks.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_vXETable=require("../../v-x-e-table"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_event=require("../../tools/event");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,l=arguments.length;n<l;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},tableMenuMethodKeys=["closeMenu"],tableMenuHook={setupTable:function(_){function m(t,e,n){var v,f=E.ctxMenuStore,l=i.value,o=O.value,e=o[e],g=o.visibleMethod;e&&(v=e.options,e.disabled?t.preventDefault():l&&v&&v.length&&(n.options=v,_.preventEvent(t,"event.showMenu",n,function(){var o,i,u,r,s,a,l,e,d,c;!g||g(n)?(t.preventDefault(),_.updateZindex(),e=(0,_dom.getDomNode)(),o=e.scrollTop,i=e.scrollLeft,u=e.visibleHeight,r=e.visibleWidth,s=t.clientY+o,a=t.clientX+i,l=function(){C._currMenuParams=n,Object.assign(f,{visible:!0,list:v,selected:null,selectChild:null,showChild:!1,style:{zIndex:C.tZindex,top:s+"px",left:a+"px"}}),(0,_vue.nextTick)(function(){var e=w.value.getRefMaps().refElem.value,t=e.clientHeight,n=e.clientWidth,l=(0,_dom.getAbsolutePos)(e),e=l.boundingTop,l=l.boundingLeft+n-r;-10<e+t-u&&(f.style.top=Math.max(o+2,s-t-2)+"px"),-10<l&&(f.style.left=Math.max(i+2,a-n-2)+"px")})},e=n.keyboard,d=n.row,c=n.column,e&&d&&c?_.scrollToRow(d,c).then(function(){var e,t,n=_.getCell(d,c);n&&(e=(t=(0,_dom.getAbsolutePos)(n)).boundingTop,t=t.boundingLeft,s=e+o+Math.floor(n.offsetHeight/2),a=t+i+Math.floor(n.offsetWidth/2)),l()}):l()):R.closeMenu()}))),_.closeFilter()}var x=_.xID,M=_.props,E=_.reactData,C=_.internalData,e=_.getRefMaps(),y=e.refElem,T=e.refTableFilter,w=e.refTableMenu,e=_.getComputeMaps(),N=e.computeMouseOpts,i=e.computeIsMenu,O=e.computeMenuOpts,R={},d={},d={moveCtxMenu:function(e,t,n,l,o,i){var u,r=_xeUtils.default.findIndexOf(i,function(e){return t[n]===e});if(l)o&&(0,_utils.hasChildrenList)(t.selected)?t.showChild=!0:(t.showChild=!1,t.selectChild=null);else if((0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_UP)){for(var s=r-1;0<=s;s--)if(!1!==i[s].visible){u=i[s];break}t[n]=u||i[i.length-1]}else if((0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_DOWN)){for(var a=r+1;a<i.length;a++)if(!1!==i[a].visible){u=i[a];break}t[n]=u||i[0]}else t[n]&&((0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)||(0,_event.hasEventKey)(e,_event.EVENT_KEYS.SPACEBAR))&&d.ctxMenuLinkEvent(e,t[n])},handleGlobalContextmenuEvent:function(e){var t=M.mouseConfig,n=M.menuConfig,l=E.editStore,o=E.ctxMenuStore,i=C.visibleColumn,u=T.value,r=w.value,s=N.value,a=O.value,d=y.value,l=l.selected,c=["header","body","footer"];if((0,_utils.isEnableConf)(n)){if(o.visible&&r&&(0,_dom.getEventTargetNode)(e,r.getRefMaps().refElem.value).flag)return void e.preventDefault();if(C._keyCtx){var o="body",v={type:o,$table:_,keyboard:!0,columns:i.slice(0),$event:e};if(t&&s.area){r=_.getActiveCellArea();if(r&&r.row&&r.column)return v.row=r.row,v.column=r.column,void m(e,o,v)}else if(t&&s.selected&&l.row&&l.column)return v.row=l.row,v.column=l.column,void m(e,o,v)}for(var f=0;f<c.length;f++){var g=c[f],h=(0,_dom.getEventTargetNode)(e,d,"vxe-"+g+"--column",function(e){return e.parentNode.parentNode.parentNode.getAttribute("xid")===x}),v={type:g,$table:_,columns:i.slice(0),$event:e};if(h.flag){var b=h.targetElem,p=_.getColumnNode(b),h=p?p.item:null,p=g+"-";h&&Object.assign(v,{column:h,columnIndex:_.getColumnIndex(h),cell:b}),"body"===g&&(p="",(b=(b=_.getRowNode(b.parentNode))?b.item:null)&&(v.row=b,v.rowIndex=_.getRowIndex(b)));p=p+"cell-menu";return m(e,g,v),void _.dispatchEvent(p,v,e)}if((0,_dom.getEventTargetNode)(e,d,"vxe-table--"+g+"-wrapper",function(e){return e.getAttribute("xid")===x}).flag)return void("cell"===a.trigger?e.preventDefault():m(e,g,v))}}u&&!(0,_dom.getEventTargetNode)(e,u.$el).flag&&_.closeFilter(),R.closeMenu()},ctxMenuMouseoverEvent:function(e,t,n){var r=e.currentTarget,l=E.ctxMenuStore;e.preventDefault(),e.stopPropagation(),l.selected=t,(l.selectChild=n)||(l.showChild=(0,_utils.hasChildrenList)(t),l.showChild&&(0,_vue.nextTick)(function(){var e,t,n,l,o,i,u=r.nextElementSibling;u&&(l=(n=(0,_dom.getAbsolutePos)(r)).boundingTop,o=n.boundingLeft,e=n.visibleHeight,i=n.visibleWidth,t=l+r.offsetHeight,l=n="",o+r.offsetWidth+u.offsetWidth>i-10&&(n="auto",l=r.offsetWidth+"px"),i=o="",t+u.offsetHeight>e-10&&(o="auto",i="0"),u.style.left=n,u.style.right=l,u.style.top=o,u.style.bottom=i)}))},ctxMenuMouseoutEvent:function(e,t){var n=E.ctxMenuStore;t.children||(n.selected=null),n.selectChild=null},ctxMenuLinkEvent:function(e,t){var n;t.disabled||!t.code&&t.children&&t.children.length||(n=_vXETable.VXETable.menus.get(t.code),t=Object.assign({},C._currMenuParams,{menu:t,$table:_,$grid:_.xegrid,$event:e}),n&&n(t,e),_.dispatchEvent("menu-click",t,e),R.closeMenu())}};return __assign(__assign({},R={closeMenu:function(){return Object.assign(E.ctxMenuStore,{visible:!1,selected:null,selectChild:null,showChild:!1}),(0,_vue.nextTick)()}}),d)},setupGrid:function(e){return e.extendTableMethods(tableMenuMethodKeys)}},_default=tableMenuHook;exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_vXETable=require("../../v-x-e-table"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_event=require("../../tools/event");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,l=arguments.length;n<l;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},tableMenuMethodKeys=["closeMenu"],tableMenuHook={setupTable:function(_){function m(t,e,n){var v,f=E.ctxMenuStore,l=i.value,o=O.value,e=o[e],g=o.visibleMethod;e&&(v=e.options,e.disabled?t.preventDefault():l&&v&&v.length&&(n.options=v,_.preventEvent(t,"event.showMenu",n,function(){var o,i,u,r,a,s,l,e,c,d;!g||g(n)?(t.preventDefault(),_.updateZindex(),e=(0,_dom.getDomNode)(),o=e.scrollTop,i=e.scrollLeft,u=e.visibleHeight,r=e.visibleWidth,a=t.clientY+o,s=t.clientX+i,l=function(){C._currMenuParams=n,Object.assign(f,{visible:!0,list:v,selected:null,selectChild:null,showChild:!1,style:{zIndex:C.tZindex,top:"".concat(a,"px"),left:"".concat(s,"px")}}),(0,_vue.nextTick)(function(){var e=w.value.getRefMaps().refElem.value,t=e.clientHeight,n=e.clientWidth,l=(0,_dom.getAbsolutePos)(e),e=l.boundingTop,l=l.boundingLeft+n-r;-10<e+t-u&&(f.style.top="".concat(Math.max(o+2,a-t-2),"px")),-10<l&&(f.style.left="".concat(Math.max(i+2,s-n-2),"px"))})},e=n.keyboard,c=n.row,d=n.column,e&&c&&d?_.scrollToRow(c,d).then(function(){var e,t,n=_.getCell(c,d);n&&(e=(t=(0,_dom.getAbsolutePos)(n)).boundingTop,t=t.boundingLeft,a=e+o+Math.floor(n.offsetHeight/2),s=t+i+Math.floor(n.offsetWidth/2)),l()}):l()):R.closeMenu()}))),_.closeFilter()}var x=_.xID,M=_.props,E=_.reactData,C=_.internalData,e=_.getRefMaps(),y=e.refElem,T=e.refTableFilter,w=e.refTableMenu,e=_.getComputeMaps(),N=e.computeMouseOpts,i=e.computeIsMenu,O=e.computeMenuOpts,R={},c={},c={moveCtxMenu:function(e,t,n,l,o,i){var u,r=_xeUtils.default.findIndexOf(i,function(e){return t[n]===e});if(l)o&&(0,_utils.hasChildrenList)(t.selected)?t.showChild=!0:(t.showChild=!1,t.selectChild=null);else if((0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_UP)){for(var a=r-1;0<=a;a--)if(!1!==i[a].visible){u=i[a];break}t[n]=u||i[i.length-1]}else if((0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_DOWN)){for(var s=r+1;s<i.length;s++)if(!1!==i[s].visible){u=i[s];break}t[n]=u||i[0]}else t[n]&&((0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)||(0,_event.hasEventKey)(e,_event.EVENT_KEYS.SPACEBAR))&&c.ctxMenuLinkEvent(e,t[n])},handleGlobalContextmenuEvent:function(e){var t=M.mouseConfig,n=M.menuConfig,l=E.editStore,o=E.ctxMenuStore,i=C.visibleColumn,u=T.value,r=w.value,a=N.value,s=O.value,c=y.value,l=l.selected,d=["header","body","footer"];if((0,_utils.isEnableConf)(n)){if(o.visible&&r&&(0,_dom.getEventTargetNode)(e,r.getRefMaps().refElem.value).flag)return void e.preventDefault();if(C._keyCtx){var o="body",v={type:o,$table:_,keyboard:!0,columns:i.slice(0),$event:e};if(t&&a.area){r=_.getActiveCellArea();if(r&&r.row&&r.column)return v.row=r.row,v.column=r.column,void m(e,o,v)}else if(t&&a.selected&&l.row&&l.column)return v.row=l.row,v.column=l.column,void m(e,o,v)}for(var f=0;f<d.length;f++){var g=d[f],h=(0,_dom.getEventTargetNode)(e,c,"vxe-".concat(g,"--column"),function(e){return e.parentNode.parentNode.parentNode.getAttribute("xid")===x}),v={type:g,$table:_,columns:i.slice(0),$event:e};if(h.flag){var b=h.targetElem,p=_.getColumnNode(b),h=p?p.item:null,p="".concat(g,"-");h&&Object.assign(v,{column:h,columnIndex:_.getColumnIndex(h),cell:b}),"body"===g&&(p="",(b=(b=_.getRowNode(b.parentNode))?b.item:null)&&(v.row=b,v.rowIndex=_.getRowIndex(b)));p="".concat(p,"cell-menu");return m(e,g,v),void _.dispatchEvent(p,v,e)}if((0,_dom.getEventTargetNode)(e,c,"vxe-table--".concat(g,"-wrapper"),function(e){return e.getAttribute("xid")===x}).flag)return void("cell"===s.trigger?e.preventDefault():m(e,g,v))}}u&&!(0,_dom.getEventTargetNode)(e,u.$el).flag&&_.closeFilter(),R.closeMenu()},ctxMenuMouseoverEvent:function(e,t,n){var r=e.currentTarget,l=E.ctxMenuStore;e.preventDefault(),e.stopPropagation(),l.selected=t,(l.selectChild=n)||(l.showChild=(0,_utils.hasChildrenList)(t),l.showChild&&(0,_vue.nextTick)(function(){var e,t,n,l,o,i,u=r.nextElementSibling;u&&(l=(n=(0,_dom.getAbsolutePos)(r)).boundingTop,o=n.boundingLeft,e=n.visibleHeight,i=n.visibleWidth,t=l+r.offsetHeight,l=n="",o+r.offsetWidth+u.offsetWidth>i-10&&(n="auto",l="".concat(r.offsetWidth,"px")),i=o="",t+u.offsetHeight>e-10&&(o="auto",i="0"),u.style.left=n,u.style.right=l,u.style.top=o,u.style.bottom=i)}))},ctxMenuMouseoutEvent:function(e,t){var n=E.ctxMenuStore;t.children||(n.selected=null),n.selectChild=null},ctxMenuLinkEvent:function(e,t){var n;t.disabled||!t.code&&t.children&&t.children.length||(n=_vXETable.VXETable.menus.get(t.code),t=Object.assign({},C._currMenuParams,{menu:t,$table:_,$grid:_.xegrid,$event:e}),n&&n(t,e),_.dispatchEvent("menu-click",t,e),R.closeMenu())}};return __assign(__assign({},R={closeMenu:function(){return Object.assign(E.ctxMenuStore,{visible:!1,selected:null,selectChild:null,showChild:!1}),(0,_vue.nextTick)()}}),c)},setupGrid:function(e){return e.extendTableMethods(tableMenuMethodKeys)}},_default=tableMenuHook;exports.default=_default;

package/lib/menu/src/panel.js

@@ -61,7 +61,7 @@ var _default = (0, _vue.defineComponent)({
               'link--disabled': item.disabled,
               'link--active': item === ctxMenuStore.selected
             }],
-            key: gIndex + "_" + index
+            key: "".concat(gIndex, "_").concat(index)
           }, [(0, _vue.h)('a', {
             class: 'vxe-context-menu--link',
             onClick: function onClick(evnt) {
@@ -89,7 +89,7 @@ var _default = (0, _vue.defineComponent)({
                 'link--disabled': child.disabled,
                 'link--active': child === ctxMenuStore.selectChild
               }],
-              key: gIndex + "_" + index + "_" + cIndex
+              key: "".concat(gIndex, "_").concat(index, "_").concat(cIndex)
             }, [(0, _vue.h)('a', {
               class: 'vxe-context-menu--link',
               onClick: function onClick(evnt) {

package/lib/menu/src/panel.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_utils=require("../../tools/utils"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeTableContextMenu",setup:function(e,n){var t=_xeUtils.default.uniqueId(),s=(0,_vue.inject)("$xetable",{}),u=s.reactData,i=(0,_vue.ref)(),l={refElem:i},n={xID:t,props:e,context:n,getRefMaps:function(){return l}};return n.renderVN=function(){var l=u.ctxMenuStore,e=s.getComputeMaps().computeMenuOpts.value;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!1},[(0,_vue.h)("div",{ref:i,class:["vxe-table--context-menu-wrapper",e.className,{"is--visible":l.visible}],style:l.style},l.list.map(function(e,i){return e.every(function(e){return!1===e.visible})?(0,_vue.createCommentVNode)():(0,_vue.h)("ul",{class:"vxe-context-menu--option-wrapper",key:i},e.map(function(t,u){var e=t.children&&t.children.some(function(e){return!1!==e.visible});return!1===t.visible?null:(0,_vue.h)("li",{class:[t.className,{"link--disabled":t.disabled,"link--active":t===l.selected}],key:i+"_"+u},[(0,_vue.h)("a",{class:"vxe-context-menu--link",onClick:function(e){s.ctxMenuLinkEvent(e,t)},onMouseover:function(e){s.ctxMenuMouseoverEvent(e,t)},onMouseout:function(e){s.ctxMenuMouseoutEvent(e,t)}},[(0,_vue.h)("i",{class:["vxe-context-menu--link-prefix",t.prefixIcon]}),(0,_vue.h)("span",{class:"vxe-context-menu--link-content"},(0,_utils.getFuncText)(t.name)),(0,_vue.h)("i",{class:["vxe-context-menu--link-suffix",e?t.suffixIcon||"suffix--haschild":t.suffixIcon]})]),e?(0,_vue.h)("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":t===l.selected&&l.showChild}]},t.children.map(function(n,e){return!1===n.visible?null:(0,_vue.h)("li",{class:[n.className,{"link--disabled":n.disabled,"link--active":n===l.selectChild}],key:i+"_"+u+"_"+e},[(0,_vue.h)("a",{class:"vxe-context-menu--link",onClick:function(e){s.ctxMenuLinkEvent(e,n)},onMouseover:function(e){s.ctxMenuMouseoverEvent(e,t,n)},onMouseout:function(e){s.ctxMenuMouseoutEvent(e,t)}},[(0,_vue.h)("i",{class:["vxe-context-menu--link-prefix",n.prefixIcon]}),(0,_vue.h)("span",{class:"vxe-context-menu--link-content"},(0,_utils.getFuncText)(n.name))])])})):null])}))}))])},n},render:function(){return this.renderVN()}});exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_utils=require("../../tools/utils"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeTableContextMenu",setup:function(e,n){var t=_xeUtils.default.uniqueId(),o=(0,_vue.inject)("$xetable",{}),u=o.reactData,i=(0,_vue.ref)(),l={refElem:i},n={xID:t,props:e,context:n,getRefMaps:function(){return l}};return n.renderVN=function(){var l=u.ctxMenuStore,e=o.getComputeMaps().computeMenuOpts.value;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!1},[(0,_vue.h)("div",{ref:i,class:["vxe-table--context-menu-wrapper",e.className,{"is--visible":l.visible}],style:l.style},l.list.map(function(e,i){return e.every(function(e){return!1===e.visible})?(0,_vue.createCommentVNode)():(0,_vue.h)("ul",{class:"vxe-context-menu--option-wrapper",key:i},e.map(function(t,u){var e=t.children&&t.children.some(function(e){return!1!==e.visible});return!1===t.visible?null:(0,_vue.h)("li",{class:[t.className,{"link--disabled":t.disabled,"link--active":t===l.selected}],key:"".concat(i,"_").concat(u)},[(0,_vue.h)("a",{class:"vxe-context-menu--link",onClick:function(e){o.ctxMenuLinkEvent(e,t)},onMouseover:function(e){o.ctxMenuMouseoverEvent(e,t)},onMouseout:function(e){o.ctxMenuMouseoutEvent(e,t)}},[(0,_vue.h)("i",{class:["vxe-context-menu--link-prefix",t.prefixIcon]}),(0,_vue.h)("span",{class:"vxe-context-menu--link-content"},(0,_utils.getFuncText)(t.name)),(0,_vue.h)("i",{class:["vxe-context-menu--link-suffix",e?t.suffixIcon||"suffix--haschild":t.suffixIcon]})]),e?(0,_vue.h)("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":t===l.selected&&l.showChild}]},t.children.map(function(n,e){return!1===n.visible?null:(0,_vue.h)("li",{class:[n.className,{"link--disabled":n.disabled,"link--active":n===l.selectChild}],key:"".concat(i,"_").concat(u,"_").concat(e)},[(0,_vue.h)("a",{class:"vxe-context-menu--link",onClick:function(e){o.ctxMenuLinkEvent(e,n)},onMouseover:function(e){o.ctxMenuMouseoverEvent(e,t,n)},onMouseout:function(e){o.ctxMenuMouseoutEvent(e,t)}},[(0,_vue.h)("i",{class:["vxe-context-menu--link-prefix",n.prefixIcon]}),(0,_vue.h)("span",{class:"vxe-context-menu--link-content"},(0,_utils.getFuncText)(n.name))])])})):null])}))}))])},n},render:function(){return this.renderVN()}});exports.default=_default;

package/lib/modal/src/modal.js

@@ -25,6 +25,8 @@ var _button = _interopRequireDefault(require("../../button/src/button"));
 
 var _index = _interopRequireDefault(require("../../loading/index"));
 
+var _vn = require("../../tools/vn");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var __assign = void 0 && (void 0).__assign || function () {
@@ -274,8 +276,8 @@ var _default2 = (0, _vue.defineComponent)({
       var width = props.width,
           height = props.height;
       var boxElem = getBox();
-      boxElem.style.width = "" + (width ? isNaN(width) ? width : width + "px" : '');
-      boxElem.style.height = "" + (height ? isNaN(height) ? height : height + "px" : '');
+      boxElem.style.width = "".concat(width ? isNaN(width) ? width : "".concat(width, "px") : '');
+      boxElem.style.height = "".concat(height ? isNaN(height) ? height : "".concat(height, "px") : '');
       return (0, _vue.nextTick)();
     };
 
@@ -314,15 +316,15 @@ var _default2 = (0, _vue.defineComponent)({
         var posLeft = '';
 
         if (left && !leftCenter) {
-          posLeft = isNaN(left) ? left : left + "px";
+          posLeft = isNaN(left) ? left : "".concat(left, "px");
         } else {
-          posLeft = Math.max(marginSize, clientVisibleWidth / 2 - boxElem.offsetWidth / 2) + "px";
+          posLeft = "".concat(Math.max(marginSize, clientVisibleWidth / 2 - boxElem.offsetWidth / 2), "px");
         }
 
         if (top && !topCenter) {
-          posTop = isNaN(top) ? top : top + "px";
+          posTop = isNaN(top) ? top : "".concat(top, "px");
         } else {
-          posTop = Math.max(marginSize, clientVisibleHeight / 2 - boxElem.offsetHeight / 2) + "px";
+          posTop = "".concat(Math.max(marginSize, clientVisibleHeight / 2 - boxElem.offsetHeight / 2), "px");
         }
 
         boxElem.style.top = posTop;
@@ -458,19 +460,19 @@ var _default2 = (0, _vue.defineComponent)({
               zoomHeight = _a[7];
 
           if (left) {
-            boxElem.style.left = left + "px";
+            boxElem.style.left = "".concat(left, "px");
           }
 
           if (top_1) {
-            boxElem.style.top = top_1 + "px";
+            boxElem.style.top = "".concat(top_1, "px");
           }
 
           if (width) {
-            boxElem.style.width = width + "px";
+            boxElem.style.width = "".concat(width, "px");
           }
 
           if (height) {
-            boxElem.style.height = height + "px";
+            boxElem.style.height = "".concat(height, "px");
           }
 
           if (zoomLeft && zoomTop) {
@@ -527,10 +529,10 @@ var _default2 = (0, _vue.defineComponent)({
             height: boxElem.offsetHeight + (boxElem.style.height ? 0 : 1)
           };
           Object.assign(boxElem.style, {
-            top: marginSize + "px",
-            left: marginSize + "px",
-            width: visibleWidth - marginSize * 2 + "px",
-            height: visibleHeight - marginSize * 2 + "px"
+            top: "".concat(marginSize, "px"),
+            left: "".concat(marginSize, "px"),
+            width: "".concat(visibleWidth - marginSize * 2, "px"),
+            height: "".concat(visibleHeight - marginSize * 2, "px")
           });
           savePosStorage();
         }
@@ -665,10 +667,10 @@ var _default2 = (0, _vue.defineComponent)({
           var boxElem = getBox();
           reactData.zoomLocat = null;
           Object.assign(boxElem.style, {
-            top: zoomLocat.top + "px",
-            left: zoomLocat.left + "px",
-            width: zoomLocat.width + "px",
-            height: zoomLocat.height + "px"
+            top: "".concat(zoomLocat.top, "px"),
+            left: "".concat(zoomLocat.left, "px"),
+            width: "".concat(zoomLocat.width, "px"),
+            height: "".concat(zoomLocat.height, "px")
           });
           savePosStorage();
         }
@@ -721,11 +723,11 @@ var _default2 = (0, _vue.defineComponent)({
         var boxElem = getBox();
 
         if (_xeUtils.default.isNumber(top)) {
-          boxElem.style.top = top + "px";
+          boxElem.style.top = "".concat(top, "px");
         }
 
         if (_xeUtils.default.isNumber(left)) {
-          boxElem.style.left = left + "px";
+          boxElem.style.left = "".concat(left, "px");
         }
       }
 
@@ -789,8 +791,8 @@ var _default2 = (0, _vue.defineComponent)({
             top = minY;
           }
 
-          boxElem.style.left = left + "px";
-          boxElem.style.top = top + "px";
+          boxElem.style.left = "".concat(left, "px");
+          boxElem.style.top = "".concat(top, "px");
           boxElem.className = boxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
         };
 
@@ -858,8 +860,8 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetLeft - dragLeft > marginSize) {
               if (width > minWidth) {
-                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
-                boxElem.style.left = offsetLeft - dragLeft + "px";
+                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
+                boxElem.style.left = "".concat(offsetLeft - dragLeft, "px");
               }
             }
 
@@ -873,15 +875,15 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetLeft - dragLeft > marginSize) {
               if (width > minWidth) {
-                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
-                boxElem.style.left = offsetLeft - dragLeft + "px";
+                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
+                boxElem.style.left = "".concat(offsetLeft - dragLeft, "px");
               }
             }
 
             if (offsetTop - dragTop > marginSize) {
               if (height > minHeight) {
-                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
-                boxElem.style.top = offsetTop - dragTop + "px";
+                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
+                boxElem.style.top = "".concat(offsetTop - dragTop, "px");
               }
             }
 
@@ -895,14 +897,14 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetLeft - dragLeft > marginSize) {
               if (width > minWidth) {
-                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
-                boxElem.style.left = offsetLeft - dragLeft + "px";
+                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
+                boxElem.style.left = "".concat(offsetLeft - dragLeft, "px");
               }
             }
 
             if (offsetTop + height + marginSize < visibleHeight) {
               if (height > minHeight) {
-                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
+                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
               }
             }
 
@@ -914,8 +916,8 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetTop - dragTop > marginSize) {
               if (height > minHeight) {
-                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
-                boxElem.style.top = offsetTop - dragTop + "px";
+                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
+                boxElem.style.top = "".concat(offsetTop - dragTop, "px");
               }
             }
 
@@ -927,7 +929,7 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetLeft + width + marginSize < visibleWidth) {
               if (width > minWidth) {
-                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
+                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
               }
             }
 
@@ -941,14 +943,14 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetLeft + width + marginSize < visibleWidth) {
               if (width > minWidth) {
-                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
+                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
               }
             }
 
             if (offsetTop - dragTop > marginSize) {
               if (height > minHeight) {
-                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
-                boxElem.style.top = offsetTop - dragTop + "px";
+                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
+                boxElem.style.top = "".concat(offsetTop - dragTop, "px");
               }
             }
 
@@ -962,13 +964,13 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetLeft + width + marginSize < visibleWidth) {
               if (width > minWidth) {
-                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
+                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
               }
             }
 
             if (offsetTop + height + marginSize < visibleHeight) {
               if (height > minHeight) {
-                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
+                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
               }
             }
 
@@ -980,7 +982,7 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetTop + height + marginSize < visibleHeight) {
               if (height > minHeight) {
-                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
+                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
               }
             }
 
@@ -1014,16 +1016,16 @@ var _default2 = (0, _vue.defineComponent)({
           title = props.title;
       var zoomLocat = reactData.zoomLocat;
       var titleSlot = slots.title || propSlots.title;
-      var titVNs = titleSlot ? titleSlot({
+      var titVNs = titleSlot ? (0, _vn.getSlotVNs)(titleSlot({
         $modal: $xemodal
-      }) : [(0, _vue.h)('span', {
+      })) : [(0, _vue.h)('span', {
         class: 'vxe-modal--title'
       }, title ? (0, _utils.getFuncText)(title) : _conf.default.i18n('vxe.alert.title'))];
 
       if (showZoom) {
         titVNs.push((0, _vue.h)('i', {
           class: ['vxe-modal--zoom-btn', 'trigger--btn', zoomLocat ? _conf.default.icon.MODAL_ZOOM_OUT : _conf.default.icon.MODAL_ZOOM_IN],
-          title: _conf.default.i18n("vxe.modal.zoom" + (zoomLocat ? 'Out' : 'In')),
+          title: _conf.default.i18n("vxe.modal.zoom".concat(zoomLocat ? 'Out' : 'In')),
           onClick: toggleZoomEvent
         }));
       }
@@ -1064,9 +1066,9 @@ var _default2 = (0, _vue.defineComponent)({
             'is--draggable': draggable,
             'is--ellipsis': !isMsg && props.showTitleOverflow
           }]
-        }, headerOns), headerSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : headerSlot({
+        }, headerOns), headerSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : (0, _vn.getSlotVNs)(headerSlot({
           $modal: $xemodal
-        }) : renderTitles()));
+        })) : renderTitles()));
       }
 
       return headVNs;
@@ -1086,15 +1088,15 @@ var _default2 = (0, _vue.defineComponent)({
         contVNs.push((0, _vue.h)('div', {
           class: 'vxe-modal--status-wrapper'
         }, [(0, _vue.h)('i', {
-          class: ['vxe-modal--status-icon', props.iconStatus || _conf.default.icon[("MODAL_" + status).toLocaleUpperCase()]]
+          class: ['vxe-modal--status-icon', props.iconStatus || _conf.default.icon["MODAL_".concat(status).toLocaleUpperCase()]]
         })]));
       }
 
       contVNs.push((0, _vue.h)('div', {
         class: 'vxe-modal--content'
-      }, defaultSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : defaultSlot({
+      }, defaultSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : (0, _vn.getSlotVNs)(defaultSlot({
         $modal: $xemodal
-      }) : (0, _utils.getFuncText)(content)));
+      })) : (0, _utils.getFuncText)(content)));
 
       if (!isMsg) {
         /**
@@ -1142,9 +1144,9 @@ var _default2 = (0, _vue.defineComponent)({
       if (props.showFooter) {
         footVNs.push((0, _vue.h)('div', {
           class: 'vxe-modal--footer'
-        }, footerSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : footerSlot({
+        }, footerSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : (0, _vn.getSlotVNs)(footerSlot({
           $modal: $xemodal
-        }) : renderBtns()));
+        })) : renderBtns()));
       }
 
       if (!isMsg && props.resize) {
@@ -1152,7 +1154,7 @@ var _default2 = (0, _vue.defineComponent)({
           class: 'vxe-modal--resize'
         }, ['wl', 'wr', 'swst', 'sest', 'st', 'swlb', 'selb', 'sb'].map(function (type) {
           return (0, _vue.h)('span', {
-            class: type + "-resize",
+            class: "".concat(type, "-resize"),
             type: type,
             onMousedown: dragEvent
           });
@@ -1243,10 +1245,10 @@ var _default2 = (0, _vue.defineComponent)({
         disabled: props.transfer ? !inited : true
       }, [(0, _vue.h)('div', {
         ref: refElem,
-        class: ['vxe-modal--wrapper', "type--" + type, className || '', (_a = {}, _a["size--" + vSize] = vSize, _a["status--" + status] = status, _a['is--animat'] = animat, _a['lock--scroll'] = lockScroll, _a['lock--view'] = lockView, _a['is--resize'] = resize, _a['is--mask'] = mask, _a['is--maximize'] = zoomLocat, _a['is--visible'] = contentVisible, _a['is--active'] = visible, _a['is--loading'] = loading, _a)],
+        class: ['vxe-modal--wrapper', "type--".concat(type), className || '', (_a = {}, _a["size--".concat(vSize)] = vSize, _a["status--".concat(status)] = status, _a['is--animat'] = animat, _a['lock--scroll'] = lockScroll, _a['lock--view'] = lockView, _a['is--resize'] = resize, _a['is--mask'] = mask, _a['is--maximize'] = zoomLocat, _a['is--visible'] = contentVisible, _a['is--active'] = visible, _a['is--loading'] = loading, _a)],
         style: {
           zIndex: reactData.modalZindex,
-          top: modalTop ? modalTop + "px" : null
+          top: modalTop ? "".concat(modalTop, "px") : null
         },
         onClick: selfClickEvent
       }, [(0, _vue.h)('div', {