vxe-table 4.4.1 → 4.4.2-beta.1

package/lib/switch/style/style.css

@@ -25,7 +25,7 @@
 /*pulldown*/
 .vxe-switch {
   display: inline-block;
-  color: #606266;
+  color: var(--vxe-font-color);
   vertical-align: middle;
   padding: 0.4em;
   -webkit-user-select: none;
@@ -41,7 +41,7 @@
 }
 .vxe-switch.is--on .vxe-switch--button {
   padding-right: 1.7em;
-  background-color: #409eff;
+  background-color: var(--vxe-switch-open-background-color);
 }
 .vxe-switch.is--on .vxe-switch--icon {
   left: 100%;
@@ -49,7 +49,7 @@
 }
 .vxe-switch.is--off .vxe-switch--button {
   padding-left: 1.7em;
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: var(--vxe-switch-close-background-color);
 }
 .vxe-switch.is--off .vxe-switch--icon {
   left: 0.2em;
@@ -67,7 +67,7 @@
   cursor: pointer;
 }
 .vxe-switch:not(.is--disabled) .vxe-switch--button:focus {
-  box-shadow: 0 0 0.4em 0 #409eff;
+  box-shadow: 0 0 0.4em 0 var(--vxe-primary-color);
 }
 .vxe-switch.is--disabled .vxe-switch--button {
   cursor: no-drop;
@@ -76,7 +76,7 @@
   background-color: #a6d2ff;
 }
 .vxe-switch.is--disabled.is--off .vxe-switch--button {
-  background-color: rgba(0, 0, 0, 0.15);
+  background-color: var(--vxe-switch-disabled-background-color);
 }
 .vxe-switch .vxe-switch--button {
   display: block;
@@ -92,7 +92,7 @@
 .vxe-switch .vxe-switch--label {
   opacity: 0;
   display: block;
-  color: #fff;
+  color: var(--vxe-switch-font-color);
   font-size: 0.8em;
 }
 .vxe-switch .vxe-switch--icon {
@@ -102,21 +102,21 @@
   width: 1.2em;
   height: 1.2em;
   border-radius: 50%;
-  background-color: #fff;
+  background-color: var(--vxe-switch-icon-background-color);
 }
 .vxe-switch .vxe-switch--label-icon {
   margin-right: 0.25em;
 }
 
 .vxe-switch {
-  font-size: 14px;
+  font-size: var(--vxe-font-size);
 }
 .vxe-switch.size--medium {
-  font-size: 14px;
+  font-size: var(--vxe-font-size-medium);
 }
 .vxe-switch.size--small {
-  font-size: 13px;
+  font-size: var(--vxe-font-size-small);
 }
 .vxe-switch.size--mini {
-  font-size: 12px;
+  font-size: var(--vxe-font-size-mini);
 }

package/lib/switch/style/style.min.css

@@ -1 +1 @@
-.vxe-switch{display:inline-block;color:#606266;vertical-align:middle;padding:.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.vxe-switch.is--animat .vxe-switch--button{transition:border-color .3s,background-color .3s}.vxe-switch.is--animat .vxe-switch--icon{transition:all .3s}.vxe-switch.is--on .vxe-switch--button{padding-right:1.7em;background-color:#409eff}.vxe-switch.is--on .vxe-switch--icon{left:100%;transform:translateX(-1.4em)}.vxe-switch.is--off .vxe-switch--button{padding-left:1.7em;background-color:rgba(0,0,0,.35)}.vxe-switch.is--off .vxe-switch--icon{left:.2em;transform:translateX(0)}.vxe-switch.is--off .vxe-switch--label-on,.vxe-switch.is--on .vxe-switch--label-off{height:0;visibility:hidden;overflow:hidden}.vxe-switch.is--off .vxe-switch--label,.vxe-switch.is--on .vxe-switch--label{opacity:1}.vxe-switch:not(.is--disabled) .vxe-switch--button{cursor:pointer}.vxe-switch:not(.is--disabled) .vxe-switch--button:focus{box-shadow:0 0 .4em 0 #409eff}.vxe-switch.is--disabled .vxe-switch--button{cursor:no-drop}.vxe-switch.is--disabled.is--on .vxe-switch--button{background-color:#a6d2ff}.vxe-switch.is--disabled.is--off .vxe-switch--button{background-color:rgba(0,0,0,.15)}.vxe-switch .vxe-switch--button{display:block;position:relative;height:1.6em;line-height:1;min-width:3.2em;padding:0 .6em;border-radius:1em;border:0;outline:0}.vxe-switch .vxe-switch--label{opacity:0;display:block;color:#fff;font-size:.8em}.vxe-switch .vxe-switch--icon{position:absolute;top:.2em;left:0;width:1.2em;height:1.2em;border-radius:50%;background-color:#fff}.vxe-switch .vxe-switch--label-icon{margin-right:.25em}.vxe-switch{font-size:14px}.vxe-switch.size--medium{font-size:14px}.vxe-switch.size--small{font-size:13px}.vxe-switch.size--mini{font-size:12px}
+.vxe-switch{display:inline-block;color:var(--vxe-font-color);vertical-align:middle;padding:.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.vxe-switch.is--animat .vxe-switch--button{transition:border-color .3s,background-color .3s}.vxe-switch.is--animat .vxe-switch--icon{transition:all .3s}.vxe-switch.is--on .vxe-switch--button{padding-right:1.7em;background-color:var(--vxe-switch-open-background-color)}.vxe-switch.is--on .vxe-switch--icon{left:100%;transform:translateX(-1.4em)}.vxe-switch.is--off .vxe-switch--button{padding-left:1.7em;background-color:var(--vxe-switch-close-background-color)}.vxe-switch.is--off .vxe-switch--icon{left:.2em;transform:translateX(0)}.vxe-switch.is--off .vxe-switch--label-on,.vxe-switch.is--on .vxe-switch--label-off{height:0;visibility:hidden;overflow:hidden}.vxe-switch.is--off .vxe-switch--label,.vxe-switch.is--on .vxe-switch--label{opacity:1}.vxe-switch:not(.is--disabled) .vxe-switch--button{cursor:pointer}.vxe-switch:not(.is--disabled) .vxe-switch--button:focus{box-shadow:0 0 .4em 0 var(--vxe-primary-color)}.vxe-switch.is--disabled .vxe-switch--button{cursor:no-drop}.vxe-switch.is--disabled.is--on .vxe-switch--button{background-color:#a6d2ff}.vxe-switch.is--disabled.is--off .vxe-switch--button{background-color:var(--vxe-switch-disabled-background-color)}.vxe-switch .vxe-switch--button{display:block;position:relative;height:1.6em;line-height:1;min-width:3.2em;padding:0 .6em;border-radius:1em;border:0;outline:0}.vxe-switch .vxe-switch--label{opacity:0;display:block;color:var(--vxe-switch-font-color);font-size:.8em}.vxe-switch .vxe-switch--icon{position:absolute;top:.2em;left:0;width:1.2em;height:1.2em;border-radius:50%;background-color:var(--vxe-switch-icon-background-color)}.vxe-switch .vxe-switch--label-icon{margin-right:.25em}.vxe-switch{font-size:var(--vxe-font-size)}.vxe-switch.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-switch.size--small{font-size:var(--vxe-font-size-small)}.vxe-switch.size--mini{font-size:var(--vxe-font-size-mini)}

package/lib/table/src/body.js

@@ -841,7 +841,8 @@ var _default = (0, _vue.defineComponent)({
       var emptyContent;
       if (slots.empty) {
         emptyContent = $xetable.callSlot(slots.empty, {
-          $table: $xetable
+          $table: $xetable,
+          $grid: $xetable.xegrid
         });
       } else {
         var compConf = emptyOpts.name ? _vXETable.VXETable.renderer.get(emptyOpts.name) : null;

package/lib/table/src/body.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")),_vXETable=require("../../v-x-e-table"),_util=require("./util"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_vn=require("../../tools/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var l,t=1,o=arguments.length;t<o;t++)for(var a in l=arguments[t])Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a]);return e}).apply(this,arguments)},__spreadArray=function(e,l,t){if(t||2===arguments.length)for(var o,a=0,n=l.length;a<n;a++)!o&&a in l||((o=o||Array.prototype.slice.call(l,0,a))[a]=l[a]);return e.concat(o||Array.prototype.slice.call(l))},renderType="body",lineOffsetSizes={mini:3,small:2,medium:1},_default=(0,_vue.defineComponent)({name:"VxeTableBody",props:{tableData:Array,tableColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup:function(m){function c(){if(l){var e=l.value;if(e)return lineOffsetSizes[e]||0}return 0}function u(e,l){var t=1;if(e){var o=e[d.value.children];if(re.isTreeExpandByRow(e))for(var a=0;a<o.length;a++)t+=u(o[a],l)}return t}function ne(e){var l=e.row,t=e.column,o=ie.treeConfig,a=d.value,n=t.slots,t=t.treeNode,l=ce.fullAllDataRowIdData[(0,_util.getRowid)(re,l)],r=0,i=0,s=[];return l&&(r=l.level,i=l._index,s=l.items),n&&n.line?re.callSlot(n.line,e):o&&t&&a.line?[(0,_vue.h)("div",{class:"vxe-tree--line-wrapper"},[(0,_vue.h)("div",{class:"vxe-tree--line",style:{height:"".concat((l=e,n=s,o=1,(t=i)&&(o=u(n[t-1],l)),se.rowHeight*o-(t?1:12-c())),"px"),left:"".concat(r*a.indent+(r?2-c():0)+16,"px")}})])]:[]}function _(e,l,t,o){(t||o)&&(t&&((0,_util.removeScrollListener)(t),t.scrollTop=l),o&&((0,_util.removeScrollListener)(o),o.scrollTop=l),clearTimeout(a),a=setTimeout(function(){(0,_util.restoreScrollListener)(t),(0,_util.restoreScrollListener)(o)},300))}function o(e){var l=m.fixedType,t=ie.highlightHoverRow,o=se.scrollXLoad,a=se.scrollYLoad,n=ce.elemStore,r=ce.lastScrollTop,i=ce.lastScrollLeft,s=pe.value,c=U.value,u=w.value,d=B.value,v=b.value,p=T.value,f=X.value,h=S.value,c=c?c.$el:null,d=d?d.$el:null,u=u.$el,v=v?v.$el:null,p=p?p.$el:null,x=(x=n["main-body-ySpace"])?x.value:null,n=(n=n["main-body-xSpace"])?n.value:null,x=(a&&x?x:u).clientHeight,n=(o&&n?n:u).clientWidth,h=h.scrollTop,g=u.scrollLeft,i=g!==i,r=h!==r;ce.lastScrollTop=h,ce.lastScrollLeft=g,ce.lastScrollTime=Date.now(),(s.isHover||t)&&re.clearHoverRow(),v&&"left"===l?(h=v.scrollTop,_(0,h,u,p)):p&&"right"===l?(h=p.scrollTop,_(0,h,u,v)):(i&&(c&&(c.scrollLeft=u.scrollLeft),d)&&(d.scrollLeft=u.scrollLeft),(v||p)&&(re.checkScrolling(),r)&&_(0,h,v,p)),o&&i&&re.triggerScrollXEvent(e),a&&r&&re.triggerScrollYEvent(e),i&&f&&f.reactData.visible&&f.updatePlacement(),re.dispatchEvent("scroll",{type:renderType,fixed:l,scrollTop:h,scrollLeft:g,scrollHeight:u.scrollHeight,scrollWidth:u.scrollWidth,bodyHeight:x,bodyWidth:n,isX:i,isY:r},e)}function k(e){var l=e.deltaY,t=e.deltaX,o=ie.highlightHoverRow,a=se.scrollYLoad,n=ce.lastScrollTop,r=ce.lastScrollLeft,i=pe.value,s=w.value,c=S.value,s=s.$el,u=l<0;(u?c.scrollTop<=0:c.scrollTop>=c.scrollHeight-c.clientHeight)||(c=c.scrollTop+l,t=(s=s.scrollLeft+t)!==r,(r=c!==n)&&(e.preventDefault(),ce.lastScrollTop=c,ce.lastScrollLeft=s,ce.lastScrollTime=Date.now(),(i.isHover||o)&&re.clearHoverRow(),v(e,u,l,t,r),a)&&re.triggerScrollYEvent(e))}var a,g,re=(0,_vue.inject)("$xetable",{}),l=(0,_vue.inject)("xesize",null),y=re.xID,ie=re.props,q=re.context,se=re.reactData,ce=re.internalData,e=re.getRefMaps(),U=e.refTableHeader,w=e.refTableBody,B=e.refTableFooter,b=e.refTableLeftBody,T=e.refTableRightBody,X=e.refValidTooltip,e=re.getComputeMaps(),ue=e.computeEditOpts,Y=e.computeMouseOpts,de=e.computeSYOpts,W=e.computeEmptyOpts,N=e.computeKeyboardOpts,he=e.computeTooltipOpts,t=e.computeRadioOpts,V=e.computeExpandOpts,d=e.computeTreeOpts,ve=e.computeCheckboxOpts,xe=e.computeValidOpts,pe=e.computeRowOpts,ge=e.computeColumnOpts,S=(0,_vue.ref)(),C=(0,_vue.ref)(),O=(0,_vue.ref)(),L=(0,_vue.ref)(),R=(0,_vue.ref)(),E=(0,_vue.ref)(),H=(0,_vue.ref)(),fe=function(){var e=ie.delayHover,l=ce.lastScrollTime;return ce._isResize||l&&Date.now()<l+e},j=function(e,l,t,q,o,a,n,r,i,s,U,A){var c,B=ie.columnKey,u=ie.height,d=ie.showOverflow,X=ie.cellClassName,v=ie.cellStyle,p=ie.align,f=ie.spanMethod,Y=ie.mouseConfig,W=ie.editConfig,N=ie.editRules,V=ie.tooltipConfig,j=se.tableData,h=se.overflowX,F=se.scrollYLoad,P=se.currentColumn,x=se.mergeList,g=se.editStore,m=se.validStore,K=se.isAllOverflow,z=ce.afterFullData,_=xe.value,G=ve.value,y=ue.value,w=he.value,b=pe.value,T=de.value,J=ge.value,Q=i.type,Z=i.cellRender,S=i.editRender,C=i.align,O=i.showOverflow,ee=i.className,le=i.treeNode,g=g.actived,T=T.rHeight,b=b.height,L=S||Z,L=L?_vXETable.VXETable.renderer.get(L.name):null,te=L?L.cellClassName:"",L=L?L.cellStyle:"",R=w.showAll,w=re.getColumnIndex(i),oe=re.getVTColumnIndex(i),ae=(0,_utils.isEnableConf)(S),h=t?i.fixed!==t:i.fixed&&h,O=_xeUtils.default.isUndefined(O)||_xeUtils.default.isNull(O)?d:O,E="ellipsis"===O,H="title"===O,I=!0===O||"tooltip"===O,O=H||I||E,D={},C=C||p,p=m.row===o&&m.column===i,N=N&&_.showMessage&&("default"===_.message?u||1<j.length:"inline"===_.message),u={colid:i.id},M={$table:re,$grid:re.xegrid,seq:e,rowid:l,row:o,rowIndex:a,$rowIndex:n,_rowIndex:r,column:i,columnIndex:w,$columnIndex:s,_columnIndex:oe,fixed:t,type:renderType,isHidden:h,level:q,visibleData:z,data:j,items:A};if(F&&!O&&(E=O=!0),(H||I||R||V)&&(D.onMouseenter=function(e){fe()||(H?(0,_dom.updateCellTitle)(e.currentTarget,i):(I||R)&&re.triggerBodyTooltipEvent(e,M),re.dispatchEvent("cell-mouseenter",Object.assign({cell:e.currentTarget},M),e))}),(I||R||V)&&(D.onMouseleave=function(e){fe()||((I||R)&&re.handleTargetLeaveEvent(e),re.dispatchEvent("cell-mouseleave",Object.assign({cell:e.currentTarget},M),e))}),(G.range||Y)&&(D.onMousedown=function(e){re.triggerCellMousedownEvent(e,M)}),D.onClick=function(e){re.triggerCellClickEvent(e,M)},D.onDblclick=function(e){re.triggerCellDblclickEvent(e,M)},x.length){_=(0,_util.mergeBodyMethod)(x,r,oe);if(_){var $=_.rowspan,k=_.colspan;if(!$||!k)return null;1<$&&(u.rowspan=$),1<k&&(u.colspan=k)}}else if(f){e=f(M)||{},l=e.rowspan,$=void 0===l?1:l,a=e.colspan,k=void 0===a?1:a;if(!$||!k)return null;1<$&&(u.rowspan=$),1<k&&(u.colspan=k)}!(h=h&&x&&(1<u.colspan||1<u.rowspan)?!1:h)&&W&&(S||Z)&&(y.showStatus||y.showUpdateStatus)&&(c=re.isUpdateByRow(o,i.field));n=[];return h&&d&&K?n.push((0,_vue.h)("div",{class:["vxe-cell",{"c--title":H,"c--tooltip":I,"c--ellipsis":E}],style:{maxHeight:O&&(T||b)?"".concat(T||b,"px"):""}})):(n.push.apply(n,__spreadArray(__spreadArray([],ne(M),!1),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":H,"c--tooltip":I,"c--ellipsis":E}],style:{maxHeight:O&&(T||b)?"".concat(T||b,"px"):""},title:H?re.getCellLabel(o,i):null},i.renderCell(M))],!1)),N&&p&&n.push((0,_vue.h)("div",{class:"vxe-cell--valid",style:m.rule&&m.rule.maxWidth?{width:"".concat(m.rule.maxWidth,"px")}:null},[(0,_vue.h)("span",{class:"vxe-cell--valid-msg"},m.content)]))),(0,_vue.h)("td",__assign(__assign(__assign({class:["vxe-body--column",i.id,((w={})["col--".concat(C)]=C,w["col--".concat(Q)]=Q,w["col--last"]=s===U.length-1,w["col--tree-node"]=le,w["col--edit"]=ae,w["col--ellipsis"]=O,w["fixed--hidden"]=h,w["col--dirty"]=c,w["col--actived"]=W&&ae&&g.row===o&&(g.column===i||"row"===y.mode),w["col--valid-error"]=p,w["col--current"]=P===i,w),(0,_dom.getPropClass)(te,M),(0,_dom.getPropClass)(ee,M),(0,_dom.getPropClass)(X,M)],key:B||J.useKey?i.id:s},u),{style:Object.assign({height:O&&(T||b)?"".concat(T||b,"px"):""},_xeUtils.default.isFunction(L)?L(M):L,_xeUtils.default.isFunction(v)?v(M):v)}),D),n)},A=function(p,f,h){var x=ie.stripe,g=ie.rowKey,m=ie.highlightHoverRow,_=ie.rowClassName,y=ie.rowStyle,w=ie.showOverflow,b=ie.editConfig,T=ie.treeConfig,S=se.hasFixedColumn,C=se.treeExpandeds,O=se.scrollYLoad,L=se.rowExpandeds,R=se.expandColumn,E=se.selectRow,H=ce.fullAllDataRowIdData,I=ve.value,D=t.value,M=d.value,$=ue.value,k=pe.value,q=M.transform,U=[];return f.forEach(function(t,o){var e,l={},a=re.getRowIndex(t),n=((k.isHover||m)&&(l.onMouseenter=function(e){fe()||re.triggerHoverEvent(e,{row:t,rowIndex:a})},l.onMouseleave=function(){fe()||re.clearHoverRow()}),(0,_util.getRowid)(re,t)),r=H[n],i=0,s=-1,c=0,r=(r&&(i=r.level,s=r.seq,c=r._index),{$table:re,seq:s,rowid:n,fixed:p,type:renderType,level:i,row:t,rowIndex:a,$rowIndex:o,_rowIndex:c}),u=R&&L.length&&-1<re.findRowIndexOf(L,t),d=!1,v=!1;b&&(v=re.isInsertByRow(t)),T&&!O&&!q&&C.length&&(d=(e=t[M.children])&&e.length&&-1<re.findRowIndexOf(C,t)),U.push((0,_vue.h)("tr",__assign({class:["vxe-body--row",T?"row--level-".concat(i):"",{"row--stripe":x&&(re.getVTRowIndex(t)+1)%2==0,"is--new":v,"is--expand-row":u,"is--expand-tree":d,"row--new":v&&($.showStatus||$.showInsertStatus),"row--radio":D.highlight&&E===t,"row--checked":I.highlight&&re.isCheckedByCheckboxRow(t)},(0,_dom.getPropClass)(_,r)],rowid:n,style:y?_xeUtils.default.isFunction(y)?y(r):y:null,key:g||k.useKey||T?n:o},l),h.map(function(e,l){return j(s,n,p,i,t,a,o,c,e,l,h,f)}))),u&&(e={},(d=V.value.height)&&(e.height="".concat(d,"px")),T&&(e.paddingLeft="".concat(i*M.indent+30,"px")),v=R.showOverflow,r=_xeUtils.default.isUndefined(v)||_xeUtils.default.isNull(v)?w:v,u={$table:re,seq:s,column:R,fixed:p,type:renderType,level:i,row:t,rowIndex:a,$rowIndex:o,_rowIndex:c},U.push((0,_vue.h)("tr",__assign({class:"vxe-body--expanded-row",key:"expand_".concat(n),style:y?_xeUtils.default.isFunction(y)?y(u):y:null},l),[(0,_vue.h)("td",{class:{"vxe-body--expanded-column":1,"fixed--hidden":p&&!S,"col--ellipsis":r},colspan:h.length},[(0,_vue.h)("div",{class:{"vxe-body--expanded-cell":1,"is--ellipsis":d},style:e},[R.renderData(u)])])]))),T&&!O&&!q&&C.length&&(v=t[M.children])&&v.length&&-1<re.findRowIndexOf(C,t)&&U.push.apply(U,A(p,v,h))}),U},I=0,D=0,M=0,$=!1,v=function(a,n,e,r,i){function s(){var e,l,t,o;M<I&&(e=m.fixedType,D=Math.max(5,Math.floor(1.5*D)),I<(M+=D)&&(D-=M-I),o=f.scrollTop,l=f.clientHeight,t=f.scrollHeight,o=o+D*(n?-1:1),f.scrollTop=o,v&&(v.scrollTop=o),p&&(p.scrollTop=o),(n?o<t-l:0<=o)&&(g=setTimeout(s,10)),re.dispatchEvent("scroll",{type:renderType,fixed:e,scrollTop:f.scrollTop,scrollLeft:f.scrollLeft,scrollHeight:f.scrollHeight,scrollWidth:f.scrollWidth,bodyHeight:h,bodyWidth:x,isX:r,isY:i},a))}var l=ce.elemStore,t=se.scrollXLoad,o=se.scrollYLoad,c=w.value,u=b.value,d=T.value,v=u?u.$el:null,p=d?d.$el:null,f=c.$el,u=l["main-body-ySpace"],d=u?u.value:null,c=l["main-body-xSpace"],u=c?c.value:null,h=(o&&d?d:f).clientHeight,x=(t&&u?u:f).clientWidth,l=$===n?Math.max(0,I-M):0;$=n,I=Math.abs(n?e-l:e+l),M=D=0,clearTimeout(g);s()};(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=m.fixedType,l=ce.elemStore,e="".concat(e||"main","-body-"),t=S.value;l["".concat(e,"wrapper")]=S,l["".concat(e,"table")]=C,l["".concat(e,"colgroup")]=O,l["".concat(e,"list")]=L,l["".concat(e,"xSpace")]=R,l["".concat(e,"ySpace")]=E,l["".concat(e,"emptyBlock")]=H,t.onscroll=o,t._onscroll=o})}),(0,_vue.onBeforeUnmount)(function(){var e=S.value;clearTimeout(g),e._onscroll=null,e.onscroll=null}),(0,_vue.onUnmounted)(function(){var e=m.fixedType,l=ce.elemStore,e="".concat(e||"main","-body-");l["".concat(e,"wrapper")]=null,l["".concat(e,"table")]=null,l["".concat(e,"colgroup")]=null,l["".concat(e,"list")]=null,l["".concat(e,"xSpace")]=null,l["".concat(e,"ySpace")]=null,l["".concat(e,"emptyBlock")]=null});return function(){var e=m.fixedColumn,l=m.fixedType,t=m.tableColumn,o=ie.keyboardConfig,a=ie.showOverflow,n=ie.spanMethod,r=ie.mouseConfig,i=se.tableData,s=se.mergeList,c=se.scrollYLoad,u=se.isAllOverflow,d=ce.visibleColumn,v=q.slots,p=de.value,f=W.value,h=N.value,x=Y.value;return l&&(t=se.expandColumn||!(c||a&&u)||s.length||n||o&&h.isMerge?d:e),u=v.empty?re.callSlot(v.empty,{$table:re}):(a=(c=f.name?_vXETable.VXETable.renderer.get(f.name):null)?c.renderEmpty:null)?(0,_vn.getSlotVNs)(a(f,{$table:re})):ie.emptyText||_conf.default.i18n("vxe.table.emptyText"),(0,_vue.h)("div",__assign({ref:S,class:["vxe-table--body-wrapper",l?"fixed-".concat(l,"--wrapper"):"body--wrapper"],xid:y},"wheel"===p.mode?{onWheel:k}:{}),[l?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:R,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:E,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:C,class:"vxe-table--body",xid:y,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:O},t.map(function(e,l){return(0,_vue.h)("col",{name:e.id,key:l})})),(0,_vue.h)("tbody",{ref:L},A(l,i,t))]),(0,_vue.h)("div",{class:"vxe-table--checkbox-range"}),r&&x.area?(0,_vue.h)("div",{class:"vxe-table--cell-area"},[(0,_vue.h)("span",{class:"vxe-table--cell-main-area"},x.extension?[(0,_vue.h)("span",{class:"vxe-table--cell-main-area-btn",onMousedown:function(e){re.triggerCellExtendMousedownEvent(e,{$table:re,fixed:l,type:renderType})}})]:[]),(0,_vue.h)("span",{class:"vxe-table--cell-copy-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-extend-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-multi-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-active-area"})]):null,l?null:(0,_vue.h)("div",{class:"vxe-table--empty-block",ref:H},[(0,_vue.h)("div",{class:"vxe-table--empty-content"},u)])])}}});exports.default=_default;
+"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")),_vXETable=require("../../v-x-e-table"),_util=require("./util"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_vn=require("../../tools/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var l,t=1,o=arguments.length;t<o;t++)for(var a in l=arguments[t])Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a]);return e}).apply(this,arguments)},__spreadArray=function(e,l,t){if(t||2===arguments.length)for(var o,a=0,r=l.length;a<r;a++)!o&&a in l||((o=o||Array.prototype.slice.call(l,0,a))[a]=l[a]);return e.concat(o||Array.prototype.slice.call(l))},renderType="body",lineOffsetSizes={mini:3,small:2,medium:1},_default=(0,_vue.defineComponent)({name:"VxeTableBody",props:{tableData:Array,tableColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup:function(m){function c(){if(l){var e=l.value;if(e)return lineOffsetSizes[e]||0}return 0}function u(e,l){var t=1;if(e){var o=e[d.value.children];if(ne.isTreeExpandByRow(e))for(var a=0;a<o.length;a++)t+=u(o[a],l)}return t}function re(e){var l=e.row,t=e.column,o=ie.treeConfig,a=d.value,r=t.slots,t=t.treeNode,l=ce.fullAllDataRowIdData[(0,_util.getRowid)(ne,l)],n=0,i=0,s=[];return l&&(n=l.level,i=l._index,s=l.items),r&&r.line?ne.callSlot(r.line,e):o&&t&&a.line?[(0,_vue.h)("div",{class:"vxe-tree--line-wrapper"},[(0,_vue.h)("div",{class:"vxe-tree--line",style:{height:"".concat((l=e,r=s,o=1,(t=i)&&(o=u(r[t-1],l)),se.rowHeight*o-(t?1:12-c())),"px"),left:"".concat(n*a.indent+(n?2-c():0)+16,"px")}})])]:[]}function _(e,l,t,o){(t||o)&&(t&&((0,_util.removeScrollListener)(t),t.scrollTop=l),o&&((0,_util.removeScrollListener)(o),o.scrollTop=l),clearTimeout(a),a=setTimeout(function(){(0,_util.restoreScrollListener)(t),(0,_util.restoreScrollListener)(o)},300))}function o(e){var l=m.fixedType,t=ie.highlightHoverRow,o=se.scrollXLoad,a=se.scrollYLoad,r=ce.elemStore,n=ce.lastScrollTop,i=ce.lastScrollLeft,s=pe.value,c=U.value,u=w.value,d=B.value,v=b.value,p=T.value,f=X.value,h=S.value,c=c?c.$el:null,d=d?d.$el:null,u=u.$el,v=v?v.$el:null,p=p?p.$el:null,x=(x=r["main-body-ySpace"])?x.value:null,r=(r=r["main-body-xSpace"])?r.value:null,x=(a&&x?x:u).clientHeight,r=(o&&r?r:u).clientWidth,h=h.scrollTop,g=u.scrollLeft,i=g!==i,n=h!==n;ce.lastScrollTop=h,ce.lastScrollLeft=g,ce.lastScrollTime=Date.now(),(s.isHover||t)&&ne.clearHoverRow(),v&&"left"===l?(h=v.scrollTop,_(0,h,u,p)):p&&"right"===l?(h=p.scrollTop,_(0,h,u,v)):(i&&(c&&(c.scrollLeft=u.scrollLeft),d)&&(d.scrollLeft=u.scrollLeft),(v||p)&&(ne.checkScrolling(),n)&&_(0,h,v,p)),o&&i&&ne.triggerScrollXEvent(e),a&&n&&ne.triggerScrollYEvent(e),i&&f&&f.reactData.visible&&f.updatePlacement(),ne.dispatchEvent("scroll",{type:renderType,fixed:l,scrollTop:h,scrollLeft:g,scrollHeight:u.scrollHeight,scrollWidth:u.scrollWidth,bodyHeight:x,bodyWidth:r,isX:i,isY:n},e)}function k(e){var l=e.deltaY,t=e.deltaX,o=ie.highlightHoverRow,a=se.scrollYLoad,r=ce.lastScrollTop,n=ce.lastScrollLeft,i=pe.value,s=w.value,c=S.value,s=s.$el,u=l<0;(u?c.scrollTop<=0:c.scrollTop>=c.scrollHeight-c.clientHeight)||(c=c.scrollTop+l,t=(s=s.scrollLeft+t)!==n,(n=c!==r)&&(e.preventDefault(),ce.lastScrollTop=c,ce.lastScrollLeft=s,ce.lastScrollTime=Date.now(),(i.isHover||o)&&ne.clearHoverRow(),v(e,u,l,t,n),a)&&ne.triggerScrollYEvent(e))}var a,g,ne=(0,_vue.inject)("$xetable",{}),l=(0,_vue.inject)("xesize",null),y=ne.xID,ie=ne.props,q=ne.context,se=ne.reactData,ce=ne.internalData,e=ne.getRefMaps(),U=e.refTableHeader,w=e.refTableBody,B=e.refTableFooter,b=e.refTableLeftBody,T=e.refTableRightBody,X=e.refValidTooltip,e=ne.getComputeMaps(),ue=e.computeEditOpts,Y=e.computeMouseOpts,de=e.computeSYOpts,W=e.computeEmptyOpts,N=e.computeKeyboardOpts,he=e.computeTooltipOpts,t=e.computeRadioOpts,V=e.computeExpandOpts,d=e.computeTreeOpts,ve=e.computeCheckboxOpts,xe=e.computeValidOpts,pe=e.computeRowOpts,ge=e.computeColumnOpts,S=(0,_vue.ref)(),C=(0,_vue.ref)(),O=(0,_vue.ref)(),L=(0,_vue.ref)(),R=(0,_vue.ref)(),E=(0,_vue.ref)(),H=(0,_vue.ref)(),fe=function(){var e=ie.delayHover,l=ce.lastScrollTime;return ce._isResize||l&&Date.now()<l+e},j=function(e,l,t,q,o,a,r,n,i,s,U,A){var c,B=ie.columnKey,u=ie.height,d=ie.showOverflow,X=ie.cellClassName,v=ie.cellStyle,p=ie.align,f=ie.spanMethod,Y=ie.mouseConfig,W=ie.editConfig,N=ie.editRules,V=ie.tooltipConfig,j=se.tableData,h=se.overflowX,F=se.scrollYLoad,P=se.currentColumn,x=se.mergeList,g=se.editStore,m=se.validStore,K=se.isAllOverflow,z=ce.afterFullData,_=xe.value,G=ve.value,y=ue.value,w=he.value,b=pe.value,T=de.value,J=ge.value,Q=i.type,Z=i.cellRender,S=i.editRender,C=i.align,O=i.showOverflow,ee=i.className,le=i.treeNode,g=g.actived,T=T.rHeight,b=b.height,L=S||Z,L=L?_vXETable.VXETable.renderer.get(L.name):null,te=L?L.cellClassName:"",L=L?L.cellStyle:"",R=w.showAll,w=ne.getColumnIndex(i),oe=ne.getVTColumnIndex(i),ae=(0,_utils.isEnableConf)(S),h=t?i.fixed!==t:i.fixed&&h,O=_xeUtils.default.isUndefined(O)||_xeUtils.default.isNull(O)?d:O,E="ellipsis"===O,H="title"===O,I=!0===O||"tooltip"===O,O=H||I||E,D={},C=C||p,p=m.row===o&&m.column===i,N=N&&_.showMessage&&("default"===_.message?u||1<j.length:"inline"===_.message),u={colid:i.id},M={$table:ne,$grid:ne.xegrid,seq:e,rowid:l,row:o,rowIndex:a,$rowIndex:r,_rowIndex:n,column:i,columnIndex:w,$columnIndex:s,_columnIndex:oe,fixed:t,type:renderType,isHidden:h,level:q,visibleData:z,data:j,items:A};if(F&&!O&&(E=O=!0),(H||I||R||V)&&(D.onMouseenter=function(e){fe()||(H?(0,_dom.updateCellTitle)(e.currentTarget,i):(I||R)&&ne.triggerBodyTooltipEvent(e,M),ne.dispatchEvent("cell-mouseenter",Object.assign({cell:e.currentTarget},M),e))}),(I||R||V)&&(D.onMouseleave=function(e){fe()||((I||R)&&ne.handleTargetLeaveEvent(e),ne.dispatchEvent("cell-mouseleave",Object.assign({cell:e.currentTarget},M),e))}),(G.range||Y)&&(D.onMousedown=function(e){ne.triggerCellMousedownEvent(e,M)}),D.onClick=function(e){ne.triggerCellClickEvent(e,M)},D.onDblclick=function(e){ne.triggerCellDblclickEvent(e,M)},x.length){_=(0,_util.mergeBodyMethod)(x,n,oe);if(_){var $=_.rowspan,k=_.colspan;if(!$||!k)return null;1<$&&(u.rowspan=$),1<k&&(u.colspan=k)}}else if(f){e=f(M)||{},l=e.rowspan,$=void 0===l?1:l,a=e.colspan,k=void 0===a?1:a;if(!$||!k)return null;1<$&&(u.rowspan=$),1<k&&(u.colspan=k)}!(h=h&&x&&(1<u.colspan||1<u.rowspan)?!1:h)&&W&&(S||Z)&&(y.showStatus||y.showUpdateStatus)&&(c=ne.isUpdateByRow(o,i.field));r=[];return h&&d&&K?r.push((0,_vue.h)("div",{class:["vxe-cell",{"c--title":H,"c--tooltip":I,"c--ellipsis":E}],style:{maxHeight:O&&(T||b)?"".concat(T||b,"px"):""}})):(r.push.apply(r,__spreadArray(__spreadArray([],re(M),!1),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":H,"c--tooltip":I,"c--ellipsis":E}],style:{maxHeight:O&&(T||b)?"".concat(T||b,"px"):""},title:H?ne.getCellLabel(o,i):null},i.renderCell(M))],!1)),N&&p&&r.push((0,_vue.h)("div",{class:"vxe-cell--valid",style:m.rule&&m.rule.maxWidth?{width:"".concat(m.rule.maxWidth,"px")}:null},[(0,_vue.h)("span",{class:"vxe-cell--valid-msg"},m.content)]))),(0,_vue.h)("td",__assign(__assign(__assign({class:["vxe-body--column",i.id,((w={})["col--".concat(C)]=C,w["col--".concat(Q)]=Q,w["col--last"]=s===U.length-1,w["col--tree-node"]=le,w["col--edit"]=ae,w["col--ellipsis"]=O,w["fixed--hidden"]=h,w["col--dirty"]=c,w["col--actived"]=W&&ae&&g.row===o&&(g.column===i||"row"===y.mode),w["col--valid-error"]=p,w["col--current"]=P===i,w),(0,_dom.getPropClass)(te,M),(0,_dom.getPropClass)(ee,M),(0,_dom.getPropClass)(X,M)],key:B||J.useKey?i.id:s},u),{style:Object.assign({height:O&&(T||b)?"".concat(T||b,"px"):""},_xeUtils.default.isFunction(L)?L(M):L,_xeUtils.default.isFunction(v)?v(M):v)}),D),r)},A=function(p,f,h){var x=ie.stripe,g=ie.rowKey,m=ie.highlightHoverRow,_=ie.rowClassName,y=ie.rowStyle,w=ie.showOverflow,b=ie.editConfig,T=ie.treeConfig,S=se.hasFixedColumn,C=se.treeExpandeds,O=se.scrollYLoad,L=se.rowExpandeds,R=se.expandColumn,E=se.selectRow,H=ce.fullAllDataRowIdData,I=ve.value,D=t.value,M=d.value,$=ue.value,k=pe.value,q=M.transform,U=[];return f.forEach(function(t,o){var e,l={},a=ne.getRowIndex(t),r=((k.isHover||m)&&(l.onMouseenter=function(e){fe()||ne.triggerHoverEvent(e,{row:t,rowIndex:a})},l.onMouseleave=function(){fe()||ne.clearHoverRow()}),(0,_util.getRowid)(ne,t)),n=H[r],i=0,s=-1,c=0,n=(n&&(i=n.level,s=n.seq,c=n._index),{$table:ne,seq:s,rowid:r,fixed:p,type:renderType,level:i,row:t,rowIndex:a,$rowIndex:o,_rowIndex:c}),u=R&&L.length&&-1<ne.findRowIndexOf(L,t),d=!1,v=!1;b&&(v=ne.isInsertByRow(t)),T&&!O&&!q&&C.length&&(d=(e=t[M.children])&&e.length&&-1<ne.findRowIndexOf(C,t)),U.push((0,_vue.h)("tr",__assign({class:["vxe-body--row",T?"row--level-".concat(i):"",{"row--stripe":x&&(ne.getVTRowIndex(t)+1)%2==0,"is--new":v,"is--expand-row":u,"is--expand-tree":d,"row--new":v&&($.showStatus||$.showInsertStatus),"row--radio":D.highlight&&E===t,"row--checked":I.highlight&&ne.isCheckedByCheckboxRow(t)},(0,_dom.getPropClass)(_,n)],rowid:r,style:y?_xeUtils.default.isFunction(y)?y(n):y:null,key:g||k.useKey||T?r:o},l),h.map(function(e,l){return j(s,r,p,i,t,a,o,c,e,l,h,f)}))),u&&(e={},(d=V.value.height)&&(e.height="".concat(d,"px")),T&&(e.paddingLeft="".concat(i*M.indent+30,"px")),v=R.showOverflow,n=_xeUtils.default.isUndefined(v)||_xeUtils.default.isNull(v)?w:v,u={$table:ne,seq:s,column:R,fixed:p,type:renderType,level:i,row:t,rowIndex:a,$rowIndex:o,_rowIndex:c},U.push((0,_vue.h)("tr",__assign({class:"vxe-body--expanded-row",key:"expand_".concat(r),style:y?_xeUtils.default.isFunction(y)?y(u):y:null},l),[(0,_vue.h)("td",{class:{"vxe-body--expanded-column":1,"fixed--hidden":p&&!S,"col--ellipsis":n},colspan:h.length},[(0,_vue.h)("div",{class:{"vxe-body--expanded-cell":1,"is--ellipsis":d},style:e},[R.renderData(u)])])]))),T&&!O&&!q&&C.length&&(v=t[M.children])&&v.length&&-1<ne.findRowIndexOf(C,t)&&U.push.apply(U,A(p,v,h))}),U},I=0,D=0,M=0,$=!1,v=function(a,r,e,n,i){function s(){var e,l,t,o;M<I&&(e=m.fixedType,D=Math.max(5,Math.floor(1.5*D)),I<(M+=D)&&(D-=M-I),o=f.scrollTop,l=f.clientHeight,t=f.scrollHeight,o=o+D*(r?-1:1),f.scrollTop=o,v&&(v.scrollTop=o),p&&(p.scrollTop=o),(r?o<t-l:0<=o)&&(g=setTimeout(s,10)),ne.dispatchEvent("scroll",{type:renderType,fixed:e,scrollTop:f.scrollTop,scrollLeft:f.scrollLeft,scrollHeight:f.scrollHeight,scrollWidth:f.scrollWidth,bodyHeight:h,bodyWidth:x,isX:n,isY:i},a))}var l=ce.elemStore,t=se.scrollXLoad,o=se.scrollYLoad,c=w.value,u=b.value,d=T.value,v=u?u.$el:null,p=d?d.$el:null,f=c.$el,u=l["main-body-ySpace"],d=u?u.value:null,c=l["main-body-xSpace"],u=c?c.value:null,h=(o&&d?d:f).clientHeight,x=(t&&u?u:f).clientWidth,l=$===r?Math.max(0,I-M):0;$=r,I=Math.abs(r?e-l:e+l),M=D=0,clearTimeout(g);s()};(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=m.fixedType,l=ce.elemStore,e="".concat(e||"main","-body-"),t=S.value;l["".concat(e,"wrapper")]=S,l["".concat(e,"table")]=C,l["".concat(e,"colgroup")]=O,l["".concat(e,"list")]=L,l["".concat(e,"xSpace")]=R,l["".concat(e,"ySpace")]=E,l["".concat(e,"emptyBlock")]=H,t.onscroll=o,t._onscroll=o})}),(0,_vue.onBeforeUnmount)(function(){var e=S.value;clearTimeout(g),e._onscroll=null,e.onscroll=null}),(0,_vue.onUnmounted)(function(){var e=m.fixedType,l=ce.elemStore,e="".concat(e||"main","-body-");l["".concat(e,"wrapper")]=null,l["".concat(e,"table")]=null,l["".concat(e,"colgroup")]=null,l["".concat(e,"list")]=null,l["".concat(e,"xSpace")]=null,l["".concat(e,"ySpace")]=null,l["".concat(e,"emptyBlock")]=null});return function(){var e=m.fixedColumn,l=m.fixedType,t=m.tableColumn,o=ie.keyboardConfig,a=ie.showOverflow,r=ie.spanMethod,n=ie.mouseConfig,i=se.tableData,s=se.mergeList,c=se.scrollYLoad,u=se.isAllOverflow,d=ce.visibleColumn,v=q.slots,p=de.value,f=W.value,h=N.value,x=Y.value;return l&&(t=se.expandColumn||!(c||a&&u)||s.length||r||o&&h.isMerge?d:e),u=v.empty?ne.callSlot(v.empty,{$table:ne,$grid:ne.xegrid}):(a=(c=f.name?_vXETable.VXETable.renderer.get(f.name):null)?c.renderEmpty:null)?(0,_vn.getSlotVNs)(a(f,{$table:ne})):ie.emptyText||_conf.default.i18n("vxe.table.emptyText"),(0,_vue.h)("div",__assign({ref:S,class:["vxe-table--body-wrapper",l?"fixed-".concat(l,"--wrapper"):"body--wrapper"],xid:y},"wheel"===p.mode?{onWheel:k}:{}),[l?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:R,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:E,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:C,class:"vxe-table--body",xid:y,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:O},t.map(function(e,l){return(0,_vue.h)("col",{name:e.id,key:l})})),(0,_vue.h)("tbody",{ref:L},A(l,i,t))]),(0,_vue.h)("div",{class:"vxe-table--checkbox-range"}),n&&x.area?(0,_vue.h)("div",{class:"vxe-table--cell-area"},[(0,_vue.h)("span",{class:"vxe-table--cell-main-area"},x.extension?[(0,_vue.h)("span",{class:"vxe-table--cell-main-area-btn",onMousedown:function(e){ne.triggerCellExtendMousedownEvent(e,{$table:ne,fixed:l,type:renderType})}})]:[]),(0,_vue.h)("span",{class:"vxe-table--cell-copy-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-extend-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-multi-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-active-area"})]):null,l?null:(0,_vue.h)("div",{class:"vxe-table--empty-block",ref:H},[(0,_vue.h)("div",{class:"vxe-table--empty-content"},u)])])}}});exports.default=_default;

package/lib/table/src/table.js

@@ -6853,7 +6853,10 @@ var _default = (0, _vue.defineComponent)({
         text: loadingOpts.text
       }, loadingSlot ? {
         default: function () {
-          return loadingSlot({});
+          return loadingSlot({
+            $table: $xetable,
+            $grid: $xegrid
+          });
         }
       } : {}),
       /**