vxe-table 4.2.2-beta.0 → 4.2.3-beta.0

package/lib/table/src/body.js

@@ -655,8 +655,10 @@ var _default = (0, _vue.defineComponent)({
       var bodyElem = tableBody.$el;
       var leftElem = leftBody ? leftBody.$el : null;
       var rightElem = rightBody ? rightBody.$el : null;
-      var bodyYElem = elemStore['main-body-ySpace'];
-      var bodyXElem = elemStore['main-body-xSpace'];
+      var bodyYRef = elemStore['main-body-ySpace'];
+      var bodyYElem = bodyYRef ? bodyYRef.value : null;
+      var bodyXRef = elemStore['main-body-xSpace'];
+      var bodyXElem = bodyXRef ? bodyXRef.value : null;
       var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
       var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
       var scrollTop = scrollBodyElem.scrollTop;
@@ -739,8 +741,10 @@ var _default = (0, _vue.defineComponent)({
       var leftElem = leftBody ? leftBody.$el : null;
       var rightElem = rightBody ? rightBody.$el : null;
       var bodyElem = tableBody.$el;
-      var bodyYElem = elemStore['main-body-ySpace'];
-      var bodyXElem = elemStore['main-body-xSpace'];
+      var bodyYRef = elemStore['main-body-ySpace'];
+      var bodyYElem = bodyYRef ? bodyYRef.value : null;
+      var bodyXRef = elemStore['main-body-xSpace'];
+      var bodyXElem = bodyXRef ? bodyXRef.value : null;
       var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
       var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
       var remainSize = isPrevWheelTop === isTopWheel ? Math.max(0, wheelYSize - wheelYTotal) : 0;
@@ -848,13 +852,13 @@ var _default = (0, _vue.defineComponent)({
         var elemStore = tableInternalData.elemStore;
         var prefix = (fixedType || 'main') + "-body-";
         var el = refElem.value;
-        elemStore[prefix + "wrapper"] = refElem.value;
-        elemStore[prefix + "table"] = refBodyTable.value;
-        elemStore[prefix + "colgroup"] = refBodyColgroup.value;
-        elemStore[prefix + "list"] = refBodyTBody.value;
-        elemStore[prefix + "xSpace"] = refBodyXSpace.value;
-        elemStore[prefix + "ySpace"] = refBodyYSpace.value;
-        elemStore[prefix + "emptyBlock"] = refBodyEmptyBlock.value;
+        elemStore[prefix + "wrapper"] = refElem;
+        elemStore[prefix + "table"] = refBodyTable;
+        elemStore[prefix + "colgroup"] = refBodyColgroup;
+        elemStore[prefix + "list"] = refBodyTBody;
+        elemStore[prefix + "xSpace"] = refBodyXSpace;
+        elemStore[prefix + "ySpace"] = refBodyYSpace;
+        elemStore[prefix + "emptyBlock"] = refBodyEmptyBlock;
         el.onscroll = scrollEvent;
         el._onscroll = scrollEvent;
       });

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

package/lib/table/src/table.js

@@ -1119,14 +1119,21 @@ var _default = (0, _vue.defineComponent)({
      * 支持 px、%、固定 混合分配
      * 支持动态列表调整分配
      * 支持自动分配偏移量
-     * @param {Element} headerElem
-     * @param {Element} bodyElem
-     * @param {Element} footerElem
-     * @param {Number} bodyWidth
      */
 
 
-    var autoCellWidth = function autoCellWidth(headerElem, bodyElem, footerElem) {
+    var autoCellWidth = function autoCellWidth() {
+      var tableHeader = refTableHeader.value;
+      var tableBody = refTableBody.value;
+      var tableFooter = refTableFooter.value;
+      var bodyElem = tableBody ? tableBody.$el : null;
+      var headerElem = tableHeader ? tableHeader.$el : null;
+      var footerElem = tableFooter ? tableFooter.$el : null;
+
+      if (!bodyElem) {
+        return;
+      }
+
       var tableWidth = 0;
       var minCellWidth = 40; // 列宽最少限制 40px
 
@@ -1238,6 +1245,7 @@ var _default = (0, _vue.defineComponent)({
         });
       }
 
+      console.log(headerHeight);
       internalData.headerHeight = headerHeight;
       var overflowX = false;
       var footerHeight = 0;
@@ -1646,7 +1654,8 @@ var _default = (0, _vue.defineComponent)({
       var cellOffsetWidth = computeCellOffsetWidth.value;
       var mouseOpts = computeMouseOpts.value;
       var keyboardOpts = computeKeyboardOpts.value;
-      var bodyWrapperElem = elemStore['main-body-wrapper'];
+      var bodyWrapperRef = elemStore['main-body-wrapper'];
+      var bodyWrapperElem = bodyWrapperRef ? bodyWrapperRef.value : null;
 
       if (emptyPlaceholderElem) {
         emptyPlaceholderElem.style.top = headerHeight + "px";
@@ -1672,8 +1681,10 @@ var _default = (0, _vue.defineComponent)({
         }
 
         layoutList.forEach(function (layout) {
-          var wrapperElem = elemStore[name + "-" + layout + "-wrapper"];
-          var tableElem = elemStore[name + "-" + layout + "-table"];
+          var wrapperRef = elemStore[name + "-" + layout + "-wrapper"];
+          var wrapperElem = wrapperRef ? wrapperRef.value : null;
+          var tableRef = elemStore[name + "-" + layout + "-table"];
+          var tableElem = tableRef ? tableRef.value : null;
 
           if (layout === 'header') {
             // 表头体样式处理
@@ -1708,13 +1719,15 @@ var _default = (0, _vue.defineComponent)({
               }
             }
 
-            var repairElem = elemStore[name + "-" + layout + "-repair"];
+            var repairRef = elemStore[name + "-" + layout + "-repair"];
+            var repairElem = repairRef ? repairRef.value : null;
 
             if (repairElem) {
               repairElem.style.width = tableWidth + "px";
             }
 
-            var listElem = elemStore[name + "-" + layout + "-list"];
+            var listRef = elemStore[name + "-" + layout + "-list"];
+            var listElem = listRef ? listRef.value : null;
 
             if (isGroup && listElem) {
               _xeUtils.default.arrayEach(listElem.querySelectorAll('.col--group'), function (thElem) {
@@ -1748,7 +1761,8 @@ var _default = (0, _vue.defineComponent)({
               });
             }
           } else if (layout === 'body') {
-            var emptyBlockElem = elemStore[name + "-" + layout + "-emptyBlock"];
+            var emptyBlockRef = elemStore[name + "-" + layout + "-emptyBlock"];
+            var emptyBlockElem = emptyBlockRef ? emptyBlockRef.value : null;
 
             if ((0, _dom.isNodeElement)(wrapperElem)) {
               if (customMaxHeight) {
@@ -1834,7 +1848,8 @@ var _default = (0, _vue.defineComponent)({
             }
           }
 
-          var colgroupElem = elemStore[name + "-" + layout + "-colgroup"];
+          var colgroupRef = elemStore[name + "-" + layout + "-colgroup"];
+          var colgroupElem = colgroupRef ? colgroupRef.value : null;
 
           if (colgroupElem) {
             _xeUtils.default.arrayEach(colgroupElem.children, function (colElem) {
@@ -1864,7 +1879,8 @@ var _default = (0, _vue.defineComponent)({
                 var showTitle = cellOverflow === 'title';
                 var showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
                 var hasEllipsis_1 = showTitle || showTooltip || showEllipsis;
-                var listElem = elemStore[name + "-" + layout + "-list"]; // 纵向虚拟滚动不支持动态行高
+                var listRef = elemStore[name + "-" + layout + "-list"];
+                var listElem = listRef ? listRef.value : null; // 纵向虚拟滚动不支持动态行高
 
                 if (scrollYLoad && !hasEllipsis_1) {
                   hasEllipsis_1 = true;
@@ -2195,7 +2211,7 @@ var _default = (0, _vue.defineComponent)({
             }
 
             if (childRecords) {
-              tableMethods.loadTreeChildren(row, childRecords).then(function (childRows) {
+              return tableMethods.loadTreeChildren(row, childRecords).then(function (childRows) {
                 if (childRows.length && $xetable.findRowIndexOf(treeExpandeds, row) === -1) {
                   treeExpandeds.push(row);
                 } // 如果当前节点已选中，则展开后子节点也被选中
@@ -2205,23 +2221,25 @@ var _default = (0, _vue.defineComponent)({
                   tableMethods.setCheckboxRow(childRows, true);
                 }
 
-                (0, _vue.nextTick)().then(function () {
+                return (0, _vue.nextTick)().then(function () {
                   if (transform) {
                     return tablePrivateMethods.handleTableData();
                   }
-                }).then(function () {
-                  return tableMethods.recalculate();
-                }).then(function () {
-                  return resolve();
                 });
               });
-            } else {
-              (0, _vue.nextTick)().then(function () {
-                return tableMethods.recalculate();
-              }).then(function () {
-                return resolve();
-              });
             }
+          }).catch(function () {
+            rest.treeLoaded = false;
+
+            _xeUtils.default.remove(treeLazyLoadeds, function (item) {
+              return $xetable.eqRow(item, row);
+            });
+          }).finally(function () {
+            (0, _vue.nextTick)().then(function () {
+              return tableMethods.recalculate();
+            }).then(function () {
+              return resolve();
+            });
           });
         } else {
           resolve();
@@ -2245,31 +2263,29 @@ var _default = (0, _vue.defineComponent)({
     };
 
     var handleAsyncRowExpand = function handleAsyncRowExpand(row) {
-      var rowExpandeds = reactData.rowExpandeds,
-          expandLazyLoadeds = reactData.expandLazyLoadeds;
       var fullAllDataRowIdData = internalData.fullAllDataRowIdData;
-      var rest = fullAllDataRowIdData[(0, _util.getRowid)($xetable, row)];
       return new Promise(function (resolve) {
         var expandOpts = computeExpandOpts.value;
         var loadMethod = expandOpts.loadMethod;
 
         if (loadMethod) {
-          expandLazyLoadeds.push(row);
+          var rest_1 = fullAllDataRowIdData[(0, _util.getRowid)($xetable, row)];
+          reactData.expandLazyLoadeds.push(row);
           loadMethod({
             $table: $xetable,
             row: row,
             rowIndex: tableMethods.getRowIndex(row),
             $rowIndex: tableMethods.getVMRowIndex(row)
-          }).catch(function (e) {
-            return e;
           }).then(function () {
-            rest.expandLoaded = true;
-
-            _xeUtils.default.remove(expandLazyLoadeds, function (item) {
+            rest_1.expandLoaded = true;
+            reactData.rowExpandeds.push(row);
+          }).catch(function () {
+            rest_1.expandLoaded = false;
+          }).finally(function () {
+            _xeUtils.default.remove(reactData.expandLazyLoadeds, function (item) {
               return $xetable.eqRow(item, row);
             });
 
-            rowExpandeds.push(row);
             resolve((0, _vue.nextTick)().then(function () {
               return tableMethods.recalculate();
             }));
@@ -3716,23 +3732,14 @@ var _default = (0, _vue.defineComponent)({
        * 支持 width=? width=?px width=?% min-width=? min-width=?px min-width=?%
        */
       recalculate: function recalculate(refull) {
-        var tableHeader = refTableHeader.value;
-        var tableBody = refTableBody.value;
-        var tableFooter = refTableFooter.value;
-        var bodyElem = tableBody ? tableBody.$el : null;
-        var headerElem = tableHeader ? tableHeader.$el : null;
-        var footerElem = tableFooter ? tableFooter.$el : null;
-
-        if (bodyElem) {
-          autoCellWidth(headerElem, bodyElem, footerElem);
+        autoCellWidth();
 
-          if (refull === true) {
-            // 初始化时需要在列计算之后再执行优化运算，达到最优显示效果
-            return computeScrollLoad().then(function () {
-              autoCellWidth(headerElem, bodyElem, footerElem);
-              return computeScrollLoad();
-            });
-          }
+        if (refull === true) {
+          // 初始化时需要在列计算之后再执行优化运算，达到最优显示效果
+          return computeScrollLoad().then(function () {
+            autoCellWidth();
+            return computeScrollLoad();
+          });
         }
 
         return computeScrollLoad();
@@ -6797,7 +6804,8 @@ var _default = (0, _vue.defineComponent)({
           containerList.forEach(function (name) {
             var layoutList = ['header', 'body', 'footer'];
             layoutList.forEach(function (layout) {
-              var xSpaceElem = elemStore[name + "-" + layout + "-xSpace"];
+              var xSpaceRef = elemStore[name + "-" + layout + "-xSpace"];
+              var xSpaceElem = xSpaceRef ? xSpaceRef.value : null;
 
               if (xSpaceElem) {
                 xSpaceElem.style.width = scrollXLoad ? tableWidth + (layout === 'header' ? scrollbarWidth : 0) + "px" : '';
@@ -6828,14 +6836,16 @@ var _default = (0, _vue.defineComponent)({
 
         containerList.forEach(function (name) {
           var layoutList = ['header', 'body', 'footer'];
-          var tableElem = elemStore[name + "-body-table"];
+          var tableRef = elemStore[name + "-body-table"];
+          var tableElem = tableRef ? tableRef.value : null;
 
           if (tableElem) {
             tableElem.style.marginTop = marginTop;
           }
 
           layoutList.forEach(function (layout) {
-            var ySpaceElem = elemStore[name + "-" + layout + "-ySpace"];
+            var ySpaceRef = elemStore[name + "-" + layout + "-ySpace"];
+            var ySpaceElem = ySpaceRef ? ySpaceRef.value : null;
 
             if (ySpaceElem) {
               ySpaceElem.style.height = ySpaceHeight;
@@ -6845,14 +6855,14 @@ var _default = (0, _vue.defineComponent)({
         (0, _vue.nextTick)(updateStyle);
       },
       updateScrollXData: function updateScrollXData() {
-        reactData.tableColumn = [];
+        // reactData.tableColumn = []
         (0, _vue.nextTick)(function () {
           handleTableColumn();
           tablePrivateMethods.updateScrollXSpace();
         });
       },
       updateScrollYData: function updateScrollYData() {
-        reactData.tableData = [];
+        // reactData.tableData = []
         (0, _vue.nextTick)(function () {
           tablePrivateMethods.handleTableData();
           tablePrivateMethods.updateScrollYSpace();