vxe-table 4.12.0-beta.24 → 4.12.0-beta.25

package/lib/table/src/body.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,renderer,renderEmptyElement}=_ui.VxeUI,renderType="body";var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableBody",props:{tableData:Array,tableColumn:Array,fixedColumn:Array,fixedType:{type:String,default:""}},setup(T){let qe=(0,_vue.inject)("$xeTable",{}),{xID:k,props:Ae,context:z,reactData:$e,internalData:Ue}=qe,{computeEditOpts:He,computeMouseOpts:Le,computeAreaOpts:je,computeDefaultRowHeight:Fe,computeEmptyOpts:q,computeTooltipOpts:Ne,computeRadioOpts:e,computeExpandOpts:le,computeTreeOpts:v,computeCheckboxOpts:Be,computeCellOpts:Pe,computeValidOpts:Ke,computeRowOpts:Ve,computeColumnOpts:Xe,computeRowDragOpts:Ge,computeColumnDragOpts:l,computeResizableOpts:We}=qe.getComputeMaps(),A=(0,_vue.ref)(),$=(0,_vue.ref)(),U=(0,_vue.ref)(),H=(0,_vue.ref)(),L=(0,_vue.ref)(),j=(0,_vue.ref)(),F=(0,_vue.ref)(),N=(0,_vue.ref)(),Ye=()=>{var e=Ae.delayHover,{lastScrollTime:l,isDragResize:t}=$e;return!!(t||l&&Date.now()<l+e)},Je=(e,l,t)=>{var{row:a,column:r}=l,o=Ue.afterFullData,i=Ae.treeConfig,s=v.value,{slots:r,treeNode:n}=r,d=Ue.fullAllDataRowIdData;if(r&&r.line)return qe.callSlot(r.line,l);r=d[e];let u=0,c=null;r&&(u=r.level,c=r.items[r.treeIndex-1]);d=qe.eqRow(o[0],a);return i&&n&&(s.showLine||s.line)?[(0,_vue.h)("div",{key:"tl",class:"vxe-tree--line-wrapper"},[(0,_vue.h)("div",{class:"vxe-tree--line",style:{height:`${d?1:(0,_util.calcTreeLine)(l,c)}px`,bottom:`-${Math.floor(t/2)}px`,left:u*s.indent+(u?2-(0,_util.getOffsetSize)(qe):0)+16+"px"}})])]:[]},te=(e,l,t,$,U,a,H,r,o,i,L,j,s)=>{var n=Ue.fullAllDataRowIdData,{columnKey:F,resizable:d,showOverflow:u,border:N,height:c,cellClassName:B,cellStyle:P,align:K,spanMethod:V,mouseConfig:X,editConfig:G,editRules:v,tooltipConfig:p,padding:g}=Ae,{tableData:x,dragRow:W,overflowX:Y,currentColumn:J,scrollXLoad:Q,scrollYLoad:h,calcCellHeightFlag:w,resizeHeightFlag:m,mergeList:Z,editStore:ee,isAllOverflow:le,validErrorMaps:_}=$e,{afterFullData:te,scrollXStore:b,scrollYStore:ae}=Ue,re=Pe.value,f=Ke.value,oe=Be.value,ie=He.value,se=Ne.value,{isAllColumnDrag:ne,isAllRowDrag:de}=We.value,y=Ve.value,C=Ge.value,ue=Fe.value,w=w?re.height||y.height:0,{disabledMethod:R,isCrossDrag:ce,isPeerDrag:ve}=C,pe=Xe.value,ge=Le.value,xe=je.value.selectCellToRow,{type:he,cellRender:we,editRender:me,align:_e,showOverflow:be,className:fe,treeNode:ye,rowResize:Ce,padding:D,verticalAlign:E,slots:Re}=i,O=re.verticalAlign,ee=ee.actived,n=n[l],I=i.id,M=me||we,M=M?renderer.get(M.name):null,De=M?M.tableCellClassName||M.cellClassName:null,Ee=M?M.tableCellStyle||M.cellStyle:"";let Oe=se.showAll;var se=qe.getColumnIndex(i),S=qe.getVTColumnIndex(i),Ie=(0,_utils.isEnableConf)(me),m=m?n.resizeHeight:0;let T=t?i.fixed!==t:i.fixed&&Y;Y=_xeUtils.default.eqNull(D)?null===g?re.padding:g:D,g=_xeUtils.default.eqNull(be)?u:be,D="ellipsis"===g;let k="title"===g,z=!0===g||"tooltip"===g;u=le||k||z||D,be=_xeUtils.default.isBoolean(i.resizable)?i.resizable:pe.resizable||d,g=!!w,d=0<m;let Me;w={},m=_e||(M?M.tableCellAlign:"")||K,_e=_xeUtils.default.eqNull(E)?O:E,M=_[l+":"+I],K=v&&f.showMessage&&("default"===f.message?c||1<x.length:"inline"===f.message),O={colid:I};let q={$table:qe,$grid:qe.xegrid,isEdit:!1,seq:e,rowid:l,row:a,rowIndex:H,$rowIndex:r,_rowIndex:o,column:i,columnIndex:se,$columnIndex:L,_columnIndex:S,fixed:t,type:renderType,isHidden:!!T,level:U,visibleData:te,data:x,items:s},A=!1,Se=!1,Te=((A=y.drag?"row"===C.trigger||i.dragSort&&"cell"===C.trigger:A)&&(Se=!(!R||!R(q))),(k||z||Oe||p)&&(w.onMouseenter=e=>{Ye()||(k?(0,_dom.updateCellTitle)(e.currentTarget,i):(z||Oe)&&qe.triggerBodyTooltipEvent(e,q),qe.dispatchEvent("cell-mouseenter",Object.assign({cell:e.currentTarget},q),e))}),(z||Oe||p)&&(w.onMouseleave=e=>{Ye()||((z||Oe)&&qe.handleTargetLeaveEvent(e),qe.dispatchEvent("cell-mouseleave",Object.assign({cell:e.currentTarget},q),e))}),(A||oe.range||X)&&(w.onMousedown=e=>{qe.triggerCellMousedownEvent(e,q)}),A&&(w.onMouseup=qe.triggerCellMouseupEvent),w.onClick=e=>{qe.triggerCellClickEvent(e,q)},!(w.onDblclick=e=>{qe.triggerCellDblclickEvent(e,q)}));if(Z.length){E=(0,_util.mergeBodyMethod)(Z,o,S);if(E){var{rowspan:_,colspan:v}=E;if(!_||!v)return null;1<_&&(Te=!0,O.rowspan=_),1<v&&(Te=!0,O.colspan=v)}}else if(V){var{rowspan:c=1,colspan:e=1}=V(q)||{};if(!c||!e)return null;1<c&&(O.rowspan=c),1<e&&(O.colspan=e)}!(T=T&&Z&&(1<O.colspan||1<O.rowspan)?!1:T)&&G&&(me||we)&&(ie.showStatus||ie.showUpdateStatus)&&(Me=qe.isUpdateByRow(a,i.field));H=h&&!u,r=n.resizeHeight||re.height||y.height||n.height||ue,se=L===j.length-1,te=!i.resizeWidth&&("auto"===i.minWidth||"auto"===i.width);let ke=!1;Te||W&&(0,_util.getRowid)(qe,W)===l||(h&&(o<ae.visibleStartIndex-ae.preloadSize||o>ae.visibleEndIndex+ae.preloadSize)||Q&&!i.fixed&&(S<b.visibleStartIndex-b.preloadSize||S>b.visibleEndIndex+b.preloadSize))&&(ke=!0);x={},h||u||g||d?x.height=r+"px":x.minHeight=r+"px",s=[];T&&le?s.push((0,_vue.h)("div",{key:"tc",class:["vxe-cell",{"c--title":k,"c--tooltip":z,"c--ellipsis":D}],style:x})):(s.push(...Je(l,q,r),(0,_vue.h)("div",{key:"tc",class:["vxe-cell",{"c--title":k,"c--tooltip":z,"c--ellipsis":D}],style:x,title:k?qe.getCellLabel(a,i):null},ke?[]:[(0,_vue.h)("div",{colid:I,rowid:l,class:"vxe-cell--wrapper"},i.renderCell(q))])),K&&M&&(C=M.rule,R=Re?Re.valid:null,p=Object.assign(Object.assign(Object.assign({},q),M),{rule:M}),s.push((0,_vue.h)("div",{key:"tcv",class:["vxe-cell--valid-error-tip",(0,_dom.getPropClass)(f.className,p)],style:C&&C.maxWidth?{width:C.maxWidth+"px"}:null},[(0,_vue.h)("div",{class:"vxe-cell--valid-error-wrapper vxe-cell--valid-error-theme-"+(f.theme||"normal")},[R?qe.callSlot(R,p):[(0,_vue.h)("span",{class:"vxe-cell--valid-error-msg"},M.content)]])]))));let ze=!1;return X&&ge.area&&xe&&((S||!0!==xe)&&xe!==i.field||(ze=!0)),!T&&be&&ne&&s.push((0,_vue.h)("div",{key:"tcc",class:["vxe-cell--col-resizable",{"is--line":!N||"none"===N}],onMousedown:e=>qe.handleColResizeMousedownEvent(e,t,q),onDblclick:e=>qe.handleColResizeDblclickEvent(e,q)})),(Ce||de)&&y.resizable&&s.push((0,_vue.h)("div",{key:"tcr",class:"vxe-cell--row-resizable",onMousedown:e=>qe.handleRowResizeMousedownEvent(e,q),onDblclick:e=>qe.handleRowResizeDblclickEvent(e,q)})),(0,_vue.h)("td",Object.assign(Object.assign(Object.assign({class:["vxe-body--column",I,_e?"col--vertical-"+_e:"",m?"col--"+m:"",he?"col--"+he:"",{"col--last":se,"col--tree-node":ye,"col--edit":Ie,"col--ellipsis":u,"col--cs-height":g,"col--rs-height":d,"col--to-row":ze,"col--auto-height":H,"fixed--width":!te,"fixed--hidden":T,"is--padding":Y,"is--progress":T&&le||ke,"is--drag-cell":A&&(ce||ve||!U),"is--drag-disabled":Se,"col--dirty":Me,"col--active":G&&Ie&&ee.row===a&&(ee.column===i||"row"===ie.mode),"col--valid-error":!!M,"col--current":J===i},(0,_dom.getPropClass)(De,q),(0,_dom.getPropClass)(fe,q),(0,_dom.getPropClass)(B,q)],key:F||Q||h||pe.useKey||y.useKey||pe.drag?I:L},O),{style:Object.assign({},_xeUtils.default.isFunction(Ee)?Ee(q):Ee,_xeUtils.default.isFunction(P)?P(q):P)}),w),$&&T?[]:s)},ae=(h,w,m,_)=>{let{stripe:b,rowKey:f,highlightHoverRow:y,rowClassName:C,rowStyle:R,editConfig:D,treeConfig:E}=Ae,{hasFixedColumn:O,treeExpandedFlag:I,isColLoading:M,scrollXLoad:S,scrollYLoad:T,isAllOverflow:k,rowExpandedFlag:z,expandColumn:q,selectRadioRow:A,pendingRowFlag:$,isDragColMove:U,rowExpandHeightFlag:H}=$e,{fullAllDataRowIdData:L,treeExpandedMaps:j,pendingRowMaps:F,rowExpandedMaps:N}=Ue,B=Be.value,P=e.value,K=v.value,V=He.value,X=Ve.value,G=Xe.value,W=l.value,{transform:Y,seqMode:Q}=K,Z=K.children||K.childrenField,J=[],ee=(0,_util.createHandleGetRowId)(qe).handleGetRowId;return m.forEach((t,a)=>{var e={};let r,o=(r=qe.getRowIndex(t),(X.isHover||y)&&(e.onMouseenter=e=>{Ye()||qe.triggerHoverEvent(e,{row:t,rowIndex:r})},e.onMouseleave=()=>{Ye()||qe.clearHoverRow()}),ee(t));var l=L[o];let i=0,s=-1,n=0;l&&(i=l.level,s=E&&Y&&"increasing"===Q?l._index+1:l.seq,n=l._index);var d={$table:qe,seq:s,rowid:o,fixed:h,type:renderType,level:i,row:t,rowIndex:r,$rowIndex:a,_rowIndex:n},u=q&&!!z&&!!N[o];let c=!1,v=[],p=!1;D&&(p=qe.isInsertByRow(t)),!E||T||Y||(v=t[Z],c=!!I&&v&&0<v.length&&!!j[o]),!X.drag||E&&!Y||(e.onDragstart=qe.handleRowDragDragstartEvent,e.onDragend=qe.handleRowDragDragendEvent,e.onDragover=qe.handleRowDragDragoverEvent);var g=["vxe-body--row",E?"row--level-"+i:"",{"row--stripe":b&&(n+1)%2==0,"is--new":p,"is--expand-row":u,"is--expand-tree":c,"row--new":p&&(V.showStatus||V.showInsertStatus),"row--radio":P.highlight&&qe.eqRow(A,t),"row--checked":B.highlight&&qe.isCheckedByCheckboxRow(t),"row--pending":!!$&&!!F[o]},(0,_dom.getPropClass)(C,d)];let x=_.map((e,l)=>te(s,o,h,w,i,t,r,a,n,e,l,_,m));J.push(!M&&G.drag&&W.animation?(0,_vue.h)(_vue.TransitionGroup,Object.assign({name:"vxe-header--col-list"+(U?"":"-disabled"),tag:"tr",class:g,rowid:o,style:R?_xeUtils.default.isFunction(R)?R(d):R:null,key:f||S||T||X.useKey||X.drag||G.drag||E?o:a},e),{default:()=>x}):(0,_vue.h)("tr",Object.assign({class:g,rowid:o,style:R?_xeUtils.default.isFunction(R)?R(d):R:null,key:f||S||T||X.useKey||X.drag||G.drag||E?o:a},e),x)),u&&({height:g,padding:d,mode:e}=le.value,"fixed"===e?J.push((0,_vue.h)("tr",{class:"vxe-body--row-expanded-place",key:"expand_"+o,rowid:o},[(0,_vue.h)("td",{class:"vxe-body--row-expanded-place-column",colspan:_.length,style:{height:`${H?l.expandHeight||g:0}px`}})])):(u={},e=(g&&(u.height=g+"px"),E&&(u.paddingLeft=i*K.indent+30+"px"),q).showOverflow,l=_xeUtils.default.isUndefined(e)||_xeUtils.default.isNull(e)?k:e,e={$table:qe,seq:s,column:q,fixed:h,type:renderType,level:i,row:t,rowIndex:r,$rowIndex:a,_rowIndex:n},J.push((0,_vue.h)("tr",{class:["vxe-body--expanded-row",{"is--padding":d}],key:"expand_"+o},[(0,_vue.h)("td",{class:["vxe-body--expanded-column",{"fixed--hidden":h&&!O,"col--ellipsis":l}],colspan:_.length},[(0,_vue.h)("div",{class:["vxe-body--expanded-cell",{"is--ellipsis":g}],style:u},[q.renderData(e)])])])))),c&&J.push(...ae(h,w,v,_))}),J};(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=T.fixedType,l=Ue.elemStore,e=`${e||"main"}-body-`;l[e+"wrapper"]=A,l[e+"scroll"]=$,l[e+"table"]=U,l[e+"colgroup"]=H,l[e+"list"]=L,l[e+"xSpace"]=j,l[e+"ySpace"]=F,l[e+"emptyBlock"]=N})}),(0,_vue.onUnmounted)(()=>{var e=T.fixedType,l=Ue.elemStore,e=`${e||"main"}-body-`;l[e+"wrapper"]=null,l[e+"scroll"]=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()=>{var e=z.slots;let{fixedColumn:l,fixedType:t,tableColumn:a}=T;var{spanMethod:r,footerSpanMethod:o,mouseConfig:i}=Ae,{isGroup:s,tableData:n,isRowLoading:d,isColLoading:u,overflowX:c,scrollXLoad:v,scrollYLoad:p,isAllOverflow:g,isDragRowMove:x,expandColumn:h,dragRow:w,dragCol:m}=$e,{visibleColumn:_,fullAllDataRowIdData:b,fullColumnIdData:f}=Ue,y=Ve.value,C=q.value,R=Le.value,D=Ge.value,E=le.value;let O=n,I=a,M=!1;!(v||p||g)||h&&"fixed"!==E.mode||r||o||(M=!0),u||!t&&c||(I=_),t&&M&&(I=l||[]),p&&w&&2<O.length&&(n=b[(0,_util.getRowid)(qe,w)])&&(g=n._index,h=O[0],E=O[O.length-1],r=b[(0,_util.getRowid)(qe,h)],o=b[(0,_util.getRowid)(qe,E)],r)&&o&&(c=r._index,_=o._index,g<c?O=[w].concat(O):_<g&&(O=O.concat([w]))),t||s||v&&m&&2<I.length&&(p=f[m.id])&&(n=p._index,h=I[0],b=I[I.length-1],E=f[h.id],r=f[b.id],E)&&r&&(o=E._index,c=r._index,n<o?I=[m].concat(I):c<n&&(I=I.concat([m])));let S;_=e?e.empty:null,S=_?qe.callSlot(_,{$table:qe,$grid:qe.xegrid}):(w=(g=C.name?renderer.get(C.name):null)?g.renderTableEmpty||g.renderTableEmptyView||g.renderEmpty:null)?(0,_vn.getSlotVNs)(w(C,{$table:qe})):Ae.emptyText||getI18n("vxe.table.emptyText"),s={onScroll(e){qe.triggerBodyScrollEvent(e,t)}};return(0,_vue.h)("div",{ref:A,class:["vxe-table--body-wrapper",t?`fixed-${t}--wrapper`:"body--wrapper"],xid:k},[(0,_vue.h)("div",Object.assign({ref:$,class:"vxe-table--body-inner-wrapper"},s),[t?renderEmptyElement(qe):(0,_vue.h)("div",{ref:j,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:F,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:U,class:"vxe-table--body",xid:k,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:H},I.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l}))),!d&&!u&&y.drag&&D.animation?(0,_vue.h)(_vue.TransitionGroup,{ref:L,name:"vxe-body--row-list"+(x?"":"-disabled"),tag:"tbody"},{default:()=>ae(t,M,O,I)}):(0,_vue.h)("tbody",{ref:L},ae(t,M,O,I))]),(0,_vue.h)("div",{class:"vxe-table--checkbox-range"}),i&&R.area?(0,_vue.h)("div",{class:"vxe-table--cell-area"},[(0,_vue.h)("span",{class:"vxe-table--cell-main-area"},R.extension?[(0,_vue.h)("span",{class:"vxe-table--cell-main-area-btn",onMousedown(e){qe.triggerCellAreaExtendMousedownEvent&&qe.triggerCellAreaExtendMousedownEvent(e,{$table:qe,fixed:t,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"}),(0,_vue.h)("span",{class:"vxe-table--cell-row-status-area"})]):renderEmptyElement(qe),t?renderEmptyElement(qe):(0,_vue.h)("div",{class:"vxe-table--empty-block",ref:N},[(0,_vue.h)("div",{class:"vxe-table--empty-content"},S)])])])}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,renderer,renderEmptyElement}=_ui.VxeUI,renderType="body";var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableBody",props:{tableData:Array,tableColumn:Array,fixedColumn:Array,fixedType:{type:String,default:""}},setup(T){let Fe=(0,_vue.inject)("$xeTable",{}),{xID:k,props:He,context:z,reactData:Le,internalData:je}=Fe,{computeEditOpts:Ne,computeMouseOpts:Be,computeCellOffsetWidth:We,computeAreaOpts:Pe,computeDefaultRowHeight:Ke,computeEmptyOpts:q,computeTooltipOpts:Ve,computeRadioOpts:e,computeExpandOpts:le,computeTreeOpts:v,computeCheckboxOpts:Xe,computeCellOpts:Ge,computeValidOpts:Ye,computeRowOpts:Je,computeColumnOpts:Qe,computeRowDragOpts:Ze,computeColumnDragOpts:l,computeResizableOpts:el}=Fe.getComputeMaps(),A=(0,_vue.ref)(),$=(0,_vue.ref)(),U=(0,_vue.ref)(),F=(0,_vue.ref)(),H=(0,_vue.ref)(),L=(0,_vue.ref)(),j=(0,_vue.ref)(),N=(0,_vue.ref)(),ll=()=>{var e=He.delayHover,{lastScrollTime:l,isDragResize:t}=Le;return!!(t||l&&Date.now()<l+e)},tl=(e,l,t)=>{var{row:a,column:r}=l,o=je.afterFullData,i=He.treeConfig,s=v.value,{slots:r,treeNode:n}=r,d=je.fullAllDataRowIdData;if(r&&r.line)return Fe.callSlot(r.line,l);r=d[e];let u=0,c=null;r&&(u=r.level,c=r.items[r.treeIndex-1]);d=Fe.eqRow(o[0],a);return i&&n&&(s.showLine||s.line)?[(0,_vue.h)("div",{key:"tl",class:"vxe-tree--line-wrapper"},[(0,_vue.h)("div",{class:"vxe-tree--line",style:{height:`${d?1:(0,_util.calcTreeLine)(l,c)}px`,bottom:`-${Math.floor(t/2)}px`,left:u*s.indent+(u?2-(0,_util.getOffsetSize)(Fe):0)+16+"px"}})])]:[]},ae=(e,l,t,$,U,a,F,r,o,i,H,L,s)=>{var{fullAllDataRowIdData:n,visibleColumn:j}=je,{columnKey:N,resizable:d,showOverflow:u,border:B,height:c,cellClassName:W,cellStyle:P,align:K,spanMethod:V,mouseConfig:X,editConfig:G,editRules:v,tooltipConfig:p,padding:g}=He,{tableData:h,dragRow:Y,overflowX:J,currentColumn:Q,scrollXLoad:Z,scrollYLoad:x,calcCellHeightFlag:w,resizeHeightFlag:m,resizeWidthFlag:ee,mergeList:le,editStore:te,isAllOverflow:ae,validErrorMaps:_}=Le,{afterFullData:re,scrollXStore:f,scrollYStore:oe}=je,ie=Ge.value,b=Ye.value,se=Xe.value,ne=Ne.value,y=Ve.value,{isAllColumnDrag:de,isAllRowDrag:ue}=el.value,C=Je.value,R=Ze.value,ce=Ke.value,w=w?ie.height||C.height:0,{disabledMethod:D,isCrossDrag:ve,isPeerDrag:pe}=R,ge=Qe.value,he=Be.value,xe=Pe.value,we=We.value,xe=xe.selectCellToRow,{type:me,cellRender:_e,editRender:fe,align:be,showOverflow:ye,className:Ce,treeNode:Re,rowResize:De,padding:E,verticalAlign:O,slots:Ee}=i,I=ie.verticalAlign,te=te.actived,n=n[l],M=i.id,S=fe||_e,S=S?renderer.get(S.name):null,Oe=S?S.tableCellClassName||S.cellClassName:null,Ie=S?S.tableCellStyle||S.cellStyle:"";let Me=y.showAll;var Se=Fe.getColumnIndex(i),y=Fe.getVTColumnIndex(i),Te=(0,_utils.isEnableConf)(fe),m=m?n.resizeHeight:0;let T=t?i.fixed!==t:i.fixed&&J;J=_xeUtils.default.eqNull(E)?null===g?ie.padding:g:E,g=_xeUtils.default.eqNull(ye)?u:ye,E="ellipsis"===g;let k="title"===g,z=!0===g||"tooltip"===g;u=ae||k||z||E,ye=_xeUtils.default.isBoolean(i.resizable)?i.resizable:ge.resizable||d,g=!!w,d=0<m;let ke;w={},m=be||(S?S.tableCellAlign:"")||K,be=_xeUtils.default.eqNull(O)?I:O,S=_[l+":"+M],K=v&&b.showMessage&&("default"===b.message?c||1<h.length:"inline"===b.message),I={colid:M};let q={$table:Fe,$grid:Fe.xegrid,isEdit:!1,seq:e,rowid:l,row:a,rowIndex:F,$rowIndex:r,_rowIndex:o,column:i,columnIndex:Se,$columnIndex:H,_columnIndex:y,fixed:t,type:renderType,isHidden:!!T,level:U,visibleData:re,data:h,items:s},A=!1,ze=!1,qe=((A=C.drag?"row"===R.trigger||i.dragSort&&"cell"===R.trigger:A)&&(ze=!(!D||!D(q))),(k||z||Me||p)&&(w.onMouseenter=e=>{ll()||(k?(0,_dom.updateCellTitle)(e.currentTarget,i):(z||Me)&&Fe.triggerBodyTooltipEvent(e,q),Fe.dispatchEvent("cell-mouseenter",Object.assign({cell:e.currentTarget},q),e))}),(z||Me||p)&&(w.onMouseleave=e=>{ll()||((z||Me)&&Fe.handleTargetLeaveEvent(e),Fe.dispatchEvent("cell-mouseleave",Object.assign({cell:e.currentTarget},q),e))}),(A||se.range||X)&&(w.onMousedown=e=>{Fe.triggerCellMousedownEvent(e,q)}),A&&(w.onMouseup=Fe.triggerCellMouseupEvent),w.onClick=e=>{Fe.triggerCellClickEvent(e,q)},!(w.onDblclick=e=>{Fe.triggerCellDblclickEvent(e,q)}));if(le.length){O=(0,_util.mergeBodyMethod)(le,o,y);if(O){var{rowspan:_,colspan:v}=O;if(!_||!v)return null;1<_&&(qe=!0,I.rowspan=_),1<v&&(qe=!0,I.colspan=v)}}else if(V){var{rowspan:c=1,colspan:e=1}=V(q)||{};if(!c||!e)return null;1<c&&(I.rowspan=c),1<e&&(I.colspan=e)}!(T=T&&le&&(1<I.colspan||1<I.rowspan)?!1:T)&&G&&(fe||_e)&&(ne.showStatus||ne.showUpdateStatus)&&(ke=Fe.isUpdateByRow(a,i.field));F=x&&!u,r=n.resizeHeight||ie.height||C.height||n.height||ce,re=H===L.length-1,h=!i.resizeWidth&&("auto"===i.minWidth||"auto"===i.width);let Ae=!1;qe||Y&&(0,_util.getRowid)(Fe,Y)===l||(x&&(o<oe.visibleStartIndex-oe.preloadSize||o>oe.visibleEndIndex+oe.preloadSize)||Z&&!i.fixed&&(y<f.visibleStartIndex-f.preloadSize||y>f.visibleEndIndex+f.preloadSize))&&(Ae=!0);s={};if(u&&ee){let l=I.colspan||0;if(1<l)for(let e=1;e<l;e++){var $e=j[Se+e];$e&&(l+=$e.renderWidth)}s.width=i.renderWidth-we*l+"px"}x||u||g||d?s.height=r+"px":s.minHeight=r+"px";R=[];T&&ae?R.push((0,_vue.h)("div",{key:"tc",class:["vxe-cell",{"c--title":k,"c--tooltip":z,"c--ellipsis":E}],style:s})):(R.push(...tl(l,q,r),(0,_vue.h)("div",{key:"tc",class:["vxe-cell",{"c--title":k,"c--tooltip":z,"c--ellipsis":E}],style:s,title:k?Fe.getCellLabel(a,i):null},Ae?[]:[(0,_vue.h)("div",{colid:M,rowid:l,class:"vxe-cell--wrapper"},i.renderCell(q))])),K&&S&&(D=S.rule,p=Ee?Ee.valid:null,se=Object.assign(Object.assign(Object.assign({},q),S),{rule:S}),R.push((0,_vue.h)("div",{key:"tcv",class:["vxe-cell--valid-error-tip",(0,_dom.getPropClass)(b.className,se)],style:D&&D.maxWidth?{width:D.maxWidth+"px"}:null},[(0,_vue.h)("div",{class:"vxe-cell--valid-error-wrapper vxe-cell--valid-error-theme-"+(b.theme||"normal")},[p?Fe.callSlot(p,se):[(0,_vue.h)("span",{class:"vxe-cell--valid-error-msg"},S.content)]])]))));let Ue=!1;return X&&he.area&&xe&&((y||!0!==xe)&&xe!==i.field||(Ue=!0)),!T&&ye&&de&&R.push((0,_vue.h)("div",{key:"tcc",class:["vxe-cell--col-resizable",{"is--line":!B||"none"===B}],onMousedown:e=>Fe.handleColResizeMousedownEvent(e,t,q),onDblclick:e=>Fe.handleColResizeDblclickEvent(e,q)})),(De||ue)&&C.resizable&&R.push((0,_vue.h)("div",{key:"tcr",class:"vxe-cell--row-resizable",onMousedown:e=>Fe.handleRowResizeMousedownEvent(e,q),onDblclick:e=>Fe.handleRowResizeDblclickEvent(e,q)})),(0,_vue.h)("td",Object.assign(Object.assign(Object.assign({class:["vxe-body--column",M,be?"col--vertical-"+be:"",m?"col--"+m:"",me?"col--"+me:"",{"col--last":re,"col--tree-node":Re,"col--edit":Te,"col--ellipsis":u,"col--cs-height":g,"col--rs-height":d,"col--to-row":Ue,"col--auto-height":F,"fixed--width":!h,"fixed--hidden":T,"is--padding":J,"is--progress":T&&ae||Ae,"is--drag-cell":A&&(ve||pe||!U),"is--drag-disabled":ze,"col--dirty":ke,"col--active":G&&Te&&te.row===a&&(te.column===i||"row"===ne.mode),"col--valid-error":!!S,"col--current":Q===i},(0,_dom.getPropClass)(Oe,q),(0,_dom.getPropClass)(Ce,q),(0,_dom.getPropClass)(W,q)],key:N||Z||x||ge.useKey||C.useKey||ge.drag?M:H},I),{style:Object.assign({},_xeUtils.default.isFunction(Ie)?Ie(q):Ie,_xeUtils.default.isFunction(P)?P(q):P)}),w),$&&T?[]:R)},te=(x,w,m,_)=>{let{stripe:f,rowKey:b,highlightHoverRow:y,rowClassName:C,rowStyle:R,editConfig:D,treeConfig:E}=He,{hasFixedColumn:O,treeExpandedFlag:I,isColLoading:M,scrollXLoad:S,scrollYLoad:T,isAllOverflow:k,rowExpandedFlag:z,expandColumn:q,selectRadioRow:A,pendingRowFlag:$,isDragColMove:U,rowExpandHeightFlag:F}=Le,{fullAllDataRowIdData:H,treeExpandedMaps:L,pendingRowMaps:j,rowExpandedMaps:N}=je,B=Xe.value,W=e.value,P=v.value,K=Ne.value,V=Je.value,X=Qe.value,G=l.value,{transform:Y,seqMode:Q}=P,Z=P.children||P.childrenField,J=[],ee=(0,_util.createHandleGetRowId)(Fe).handleGetRowId;return m.forEach((t,a)=>{var e={};let r,o=(r=Fe.getRowIndex(t),(V.isHover||y)&&(e.onMouseenter=e=>{ll()||Fe.triggerHoverEvent(e,{row:t,rowIndex:r})},e.onMouseleave=()=>{ll()||Fe.clearHoverRow()}),ee(t));var l=H[o];let i=0,s=-1,n=0;l&&(i=l.level,s=E&&Y&&"increasing"===Q?l._index+1:l.seq,n=l._index);var d={$table:Fe,seq:s,rowid:o,fixed:x,type:renderType,level:i,row:t,rowIndex:r,$rowIndex:a,_rowIndex:n},u=q&&!!z&&!!N[o];let c=!1,v=[],p=!1;D&&(p=Fe.isInsertByRow(t)),!E||T||Y||(v=t[Z],c=!!I&&v&&0<v.length&&!!L[o]),!V.drag||E&&!Y||(e.onDragstart=Fe.handleRowDragDragstartEvent,e.onDragend=Fe.handleRowDragDragendEvent,e.onDragover=Fe.handleRowDragDragoverEvent);var g=["vxe-body--row",E?"row--level-"+i:"",{"row--stripe":f&&(n+1)%2==0,"is--new":p,"is--expand-row":u,"is--expand-tree":c,"row--new":p&&(K.showStatus||K.showInsertStatus),"row--radio":W.highlight&&Fe.eqRow(A,t),"row--checked":B.highlight&&Fe.isCheckedByCheckboxRow(t),"row--pending":!!$&&!!j[o]},(0,_dom.getPropClass)(C,d)];let h=_.map((e,l)=>ae(s,o,x,w,i,t,r,a,n,e,l,_,m));J.push(!M&&X.drag&&G.animation?(0,_vue.h)(_vue.TransitionGroup,Object.assign({name:"vxe-header--col-list"+(U?"":"-disabled"),tag:"tr",class:g,rowid:o,style:R?_xeUtils.default.isFunction(R)?R(d):R:null,key:b||S||T||V.useKey||V.drag||X.drag||E?o:a},e),{default:()=>h}):(0,_vue.h)("tr",Object.assign({class:g,rowid:o,style:R?_xeUtils.default.isFunction(R)?R(d):R:null,key:b||S||T||V.useKey||V.drag||X.drag||E?o:a},e),h)),u&&({height:g,padding:d,mode:e}=le.value,"fixed"===e?J.push((0,_vue.h)("tr",{class:"vxe-body--row-expanded-place",key:"expand_"+o,rowid:o},[(0,_vue.h)("td",{class:"vxe-body--row-expanded-place-column",colspan:_.length,style:{height:`${F?l.expandHeight||g:0}px`}})])):(u={},e=(g&&(u.height=g+"px"),E&&(u.paddingLeft=i*P.indent+30+"px"),q).showOverflow,l=_xeUtils.default.isUndefined(e)||_xeUtils.default.isNull(e)?k:e,e={$table:Fe,seq:s,column:q,fixed:x,type:renderType,level:i,row:t,rowIndex:r,$rowIndex:a,_rowIndex:n},J.push((0,_vue.h)("tr",{class:["vxe-body--expanded-row",{"is--padding":d}],key:"expand_"+o},[(0,_vue.h)("td",{class:["vxe-body--expanded-column",{"fixed--hidden":x&&!O,"col--ellipsis":l}],colspan:_.length},[(0,_vue.h)("div",{class:["vxe-body--expanded-cell",{"is--ellipsis":g}],style:u},[q.renderData(e)])])])))),c&&J.push(...te(x,w,v,_))}),J};(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=T.fixedType,l=je.elemStore,e=`${e||"main"}-body-`;l[e+"wrapper"]=A,l[e+"scroll"]=$,l[e+"table"]=U,l[e+"colgroup"]=F,l[e+"list"]=H,l[e+"xSpace"]=L,l[e+"ySpace"]=j,l[e+"emptyBlock"]=N})}),(0,_vue.onUnmounted)(()=>{var e=T.fixedType,l=je.elemStore,e=`${e||"main"}-body-`;l[e+"wrapper"]=null,l[e+"scroll"]=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()=>{var e=z.slots;let{fixedColumn:l,fixedType:t,tableColumn:a}=T;var{spanMethod:r,footerSpanMethod:o,mouseConfig:i}=He,{isGroup:s,tableData:n,isRowLoading:d,isColLoading:u,overflowX:c,scrollXLoad:v,scrollYLoad:p,isAllOverflow:g,isDragRowMove:h,expandColumn:x,dragRow:w,dragCol:m}=Le,{visibleColumn:_,fullAllDataRowIdData:f,fullColumnIdData:b}=je,y=Je.value,C=q.value,R=Be.value,D=Ze.value,E=le.value;let O=n,I=a,M=!1;!(v||p||g)||x&&"fixed"!==E.mode||r||o||(M=!0),u||!t&&c||(I=_),t&&M&&(I=l||[]),p&&w&&2<O.length&&(n=f[(0,_util.getRowid)(Fe,w)])&&(g=n._index,x=O[0],E=O[O.length-1],r=f[(0,_util.getRowid)(Fe,x)],o=f[(0,_util.getRowid)(Fe,E)],r)&&o&&(c=r._index,_=o._index,g<c?O=[w].concat(O):_<g&&(O=O.concat([w]))),t||s||v&&m&&2<I.length&&(p=b[m.id])&&(n=p._index,x=I[0],f=I[I.length-1],E=b[x.id],r=b[f.id],E)&&r&&(o=E._index,c=r._index,n<o?I=[m].concat(I):c<n&&(I=I.concat([m])));let S;_=e?e.empty:null,S=_?Fe.callSlot(_,{$table:Fe,$grid:Fe.xegrid}):(w=(g=C.name?renderer.get(C.name):null)?g.renderTableEmpty||g.renderTableEmptyView||g.renderEmpty:null)?(0,_vn.getSlotVNs)(w(C,{$table:Fe})):He.emptyText||getI18n("vxe.table.emptyText"),s={onScroll(e){Fe.triggerBodyScrollEvent(e,t)}};return(0,_vue.h)("div",{ref:A,class:["vxe-table--body-wrapper",t?`fixed-${t}--wrapper`:"body--wrapper"],xid:k},[(0,_vue.h)("div",Object.assign({ref:$,class:"vxe-table--body-inner-wrapper"},s),[t?renderEmptyElement(Fe):(0,_vue.h)("div",{ref:L,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:j,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:U,class:"vxe-table--body",xid:k,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:F},I.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l}))),!d&&!u&&y.drag&&D.animation?(0,_vue.h)(_vue.TransitionGroup,{ref:H,name:"vxe-body--row-list"+(h?"":"-disabled"),tag:"tbody"},{default:()=>te(t,M,O,I)}):(0,_vue.h)("tbody",{ref:H},te(t,M,O,I))]),(0,_vue.h)("div",{class:"vxe-table--checkbox-range"}),i&&R.area?(0,_vue.h)("div",{class:"vxe-table--cell-area"},[(0,_vue.h)("span",{class:"vxe-table--cell-main-area"},R.extension?[(0,_vue.h)("span",{class:"vxe-table--cell-main-area-btn",onMousedown(e){Fe.triggerCellAreaExtendMousedownEvent&&Fe.triggerCellAreaExtendMousedownEvent(e,{$table:Fe,fixed:t,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"}),(0,_vue.h)("span",{class:"vxe-table--cell-row-status-area"})]):renderEmptyElement(Fe),t?renderEmptyElement(Fe):(0,_vue.h)("div",{class:"vxe-table--empty-block",ref:N},[(0,_vue.h)("div",{class:"vxe-table--empty-content"},S)])])])}}});

package/lib/table/src/table.js

@@ -278,6 +278,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       rowExpandHeightFlag: 1,
       calcCellHeightFlag: 1,
       resizeHeightFlag: 1,
+      resizeWidthFlag: 1,
       isCustomStatus: false,
       isDragRowMove: false,
       dragRow: null,
@@ -1666,6 +1667,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       internalData.headerHeight = headerHeight;
       internalData.footerHeight = footerHeight;
       reactData.overflowX = overflowX;
+      reactData.resizeWidthFlag++;
       updateColumnOffsetLeft();
       updateHeight();
       reactData.parentHeight = Math.max(internalData.headerHeight + footerHeight + 20, $xeTable.getParentHeight());
@@ -2136,7 +2138,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = reactData;
       const {
         visibleColumn,
-        fullColumnIdData,
         tableHeight,
         headerHeight,
         footerHeight,
@@ -2153,7 +2154,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const osbWidth = overflowY ? scrollbarWidth : 0;
       const osbHeight = overflowX ? scrollbarHeight : 0;
       const emptyPlaceholderElem = refEmptyPlaceholder.value;
-      const cellOffsetWidth = computeCellOffsetWidth.value;
       const mouseOpts = computeMouseOpts.value;
       const expandOpts = computeExpandOpts.value;
       const bodyWrapperElem = (0, _util.getRefElem)(elemStore['main-body-wrapper']);
@@ -2415,58 +2415,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
               tableElem.style.width = tWidth ? `${tWidth}px` : '';
             }
           }
-          const colgroupElem = (0, _util.getRefElem)(elemStore[`${name}-${layout}-colgroup`]);
-          if (colgroupElem) {
-            _xeUtils.default.arrayEach(colgroupElem.children, colElem => {
-              const colid = colElem.getAttribute('name');
-              if (fullColumnIdData[colid]) {
-                const colRest = fullColumnIdData[colid];
-                const column = colRest.column;
-                const {
-                  showHeaderOverflow,
-                  showFooterOverflow,
-                  showOverflow
-                } = column;
-                let cellOverflow;
-                colElem.style.width = `${column.renderWidth}px`;
-                if (layout === 'header') {
-                  cellOverflow = _xeUtils.default.isUndefined(showHeaderOverflow) || _xeUtils.default.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
-                } else if (layout === 'footer') {
-                  cellOverflow = _xeUtils.default.isUndefined(showFooterOverflow) || _xeUtils.default.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
-                } else {
-                  cellOverflow = _xeUtils.default.isUndefined(showOverflow) || _xeUtils.default.isNull(showOverflow) ? isAllOverflow : showOverflow;
-                }
-                const showEllipsis = cellOverflow === 'ellipsis';
-                const showTitle = cellOverflow === 'title';
-                const showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
-                let hasEllipsis = showTitle || showTooltip || showEllipsis;
-                const listElem = (0, _util.getRefElem)(elemStore[`${name}-${layout}-list`]);
-                // 纵向虚拟滚动不支持动态行高
-                if (scrollYLoad && !hasEllipsis) {
-                  hasEllipsis = true;
-                }
-                if (listElem) {
-                  _xeUtils.default.arrayEach(listElem.querySelectorAll(`.${column.id}`), elem => {
-                    const colspan = parseInt(elem.getAttribute('colspan') || 1);
-                    const cellElem = elem.querySelector('.vxe-cell');
-                    let colWidth = column.renderWidth;
-                    if (cellElem) {
-                      if (colspan > 1) {
-                        const columnIndex = $xeTable.getColumnIndex(column);
-                        for (let index = 1; index < colspan; index++) {
-                          const nextColumn = $xeTable.getColumns(columnIndex + index);
-                          if (nextColumn) {
-                            colWidth += nextColumn.renderWidth;
-                          }
-                        }
-                      }
-                      cellElem.style.width = hasEllipsis ? `${colWidth - cellOffsetWidth * colspan}px` : '';
-                    }
-                  });
-                }
-              }
-            });
-          }
         });
       });
       if (currentRow) {
@@ -3400,10 +3348,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
       return result;
     };
     const parseColumns = isReset => {
-      const {
-        showOverflow
-      } = props;
-      const rowOpts = computeRowOpts.value;
+      // const { showOverflow } = props
+      // const rowOpts = computeRowOpts.value
       const leftList = [];
       const centerList = [];
       const rightList = [];
@@ -3480,28 +3426,28 @@ var _default = exports.default = (0, _vue.defineComponent)({
         rightList
       });
       if (scrollXLoad) {
-        if (showOverflow) {
-          if (!rowOpts.height) {
-            const errColumn = internalData.tableFullColumn.find(column => column.showOverflow === false);
-            if (errColumn) {
-              (0, _log.errLog)('vxe.error.errProp', [`column[field="${errColumn.field}"].show-overflow=false`, 'show-overflow=true']);
-            }
-          }
+        // if (showOverflow) {
+        //   if (!rowOpts.height) {
+        //     const errColumn = internalData.tableFullColumn.find(column => column.showOverflow === false)
+        //     if (errColumn) {
+        //       errLog('vxe.error.errProp', [`column[field="${errColumn.field}"].show-overflow=false`, 'show-overflow=true'])
+        //     }
+        //   }
+        // }
+        // if (process.env.NODE_ENV === 'development') {
+        // if (props.showHeader && !props.showHeaderOverflow) {
+        //   warnLog('vxe.error.reqProp', ['show-header-overflow'])
+        // }
+        // if (props.showFooter && !props.showFooterOverflow) {
+        //   warnLog('vxe.error.reqProp', ['show-footer-overflow'])
+        // }
+        if (props.spanMethod) {
+          (0, _log.warnLog)('vxe.error.scrollErrProp', ['span-method']);
         }
-        if (process.env.NODE_ENV === 'development') {
-          // if (props.showHeader && !props.showHeaderOverflow) {
-          //   warnLog('vxe.error.reqProp', ['show-header-overflow'])
-          // }
-          // if (props.showFooter && !props.showFooterOverflow) {
-          //   warnLog('vxe.error.reqProp', ['show-footer-overflow'])
-          // }
-          if (props.spanMethod) {
-            (0, _log.warnLog)('vxe.error.scrollErrProp', ['span-method']);
-          }
-          if (props.footerSpanMethod) {
-            (0, _log.warnLog)('vxe.error.scrollErrProp', ['footer-span-method']);
-          }
+        if (props.footerSpanMethod) {
+          (0, _log.warnLog)('vxe.error.scrollErrProp', ['footer-span-method']);
         }
+        // }
         if (isReset) {
           const {
             visibleSize