vxe-table 4.22.0-beta.0 → 4.22.0

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

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

package/lib/table/src/cell.js

@@ -294,7 +294,11 @@ function getFooterContent(params) {
   const renderOpts = editRenderOpts || cellRenderOpts;
   const itemValue = $table.getFooterCellLabel(row, column);
   if (renderOpts) {
-    const compConf = renderer.get(renderOpts.name);
+    const {
+      computeRendererOpts
+    } = $table.getComputeMaps();
+    const rendererOpts = computeRendererOpts.value;
+    const compConf = renderOpts.name ? rendererOpts[renderOpts.name] || renderer.get(renderOpts.name) : null;
     if (compConf) {
       const rtFooter = compConf.renderTableFooter || compConf.renderFooter;
       if (rtFooter) {
@@ -469,7 +473,11 @@ const Cell = exports.Cell = {
       }
     }
     if (renderOpts) {
-      const compConf = renderer.get(renderOpts.name);
+      const {
+        computeRendererOpts
+      } = $table.getComputeMaps();
+      const rendererOpts = computeRendererOpts.value;
+      const compConf = renderOpts.name ? rendererOpts[renderOpts.name] || renderer.get(renderOpts.name) : null;
       if (compConf) {
         const rtHeader = compConf.renderTableHeader || compConf.renderHeader;
         if (rtHeader) {
@@ -603,9 +611,13 @@ const Cell = exports.Cell = {
       if (defaultSlot) {
         return renderCellBaseVNs(params, $table.callSlot(defaultSlot, params));
       }
+      const {
+        computeRendererOpts
+      } = $table.getComputeMaps();
+      const rendererOpts = computeRendererOpts.value;
       // 如果是编辑模式-查看：slot default > formatter > cellRender.renderTableDefault > editRender.renderTableCell > editRender.renderTableDefault > cellRender.tableCellFormatter > editRender.tableCellFormatter > field
       // 如果是查看表格：slot default > formatter > cellRender.renderTableDefault > cellRender.tableCellFormatter > field
-      const cellCompConf = cellRenderOpts ? renderer.get(cellRenderOpts.name) : null;
+      const cellCompConf = cellRenderOpts && cellRenderOpts.name ? rendererOpts[cellRenderOpts.name] || renderer.get(cellRenderOpts.name) : null;
       if (cellRenderOpts) {
         const cellDefaultRenderFn = cellCompConf ? cellCompConf.renderTableDefault || cellCompConf.renderDefault : null;
         if (cellDefaultRenderFn && cellRenderOpts) {
@@ -615,7 +627,7 @@ const Cell = exports.Cell = {
         }
       }
       if (editRenderOpts) {
-        const editCompConf = editRenderOpts ? renderer.get(editRenderOpts.name) : null;
+        const editCompConf = editRenderOpts && editRenderOpts.name ? rendererOpts[editRenderOpts.name] || renderer.get(editRenderOpts.name) : null;
         const editCellRenderFn = editCompConf ? editCompConf.renderTableCell || editCompConf.renderCell || editCompConf.renderTableDefault || editCompConf.renderDefault : null;
         if (editCellRenderFn) {
           return renderCellBaseVNs(params, (0, _vn.getSlotVNs)(editCellRenderFn(editRenderOpts, Object.assign({
@@ -1328,7 +1340,11 @@ const Cell = exports.Cell = {
       return $table.callSlot(contentSlot, params);
     }
     if (contentRender) {
-      const compConf = renderer.get(contentRender.name);
+      const {
+        computeRendererOpts
+      } = $table.getComputeMaps();
+      const rendererOpts = computeRendererOpts.value;
+      const compConf = contentRender.name ? rendererOpts[contentRender.name] || renderer.get(contentRender.name) : null;
       if (compConf) {
         const rtExpand = compConf.renderTableExpand || compConf.renderExpand;
         if (rtExpand) {
@@ -1601,7 +1617,11 @@ const Cell = exports.Cell = {
       if (editSlot) {
         return $table.callSlot(editSlot, cellParams);
       }
-      const compConf = renderer.get(editRenderOpts.name);
+      const {
+        computeRendererOpts
+      } = $table.getComputeMaps();
+      const rendererOpts = computeRendererOpts.value;
+      const compConf = editRenderOpts.name ? rendererOpts[editRenderOpts.name] || renderer.get(editRenderOpts.name) : null;
       const rtEdit = compConf ? compConf.renderTableEdit || compConf.renderEdit : null;
       if (rtEdit) {
         return (0, _vn.getSlotVNs)(rtEdit(editRenderOpts, cellParams));

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Cell=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getI18n,getIcon,renderer,renderEmptyElement}=_ui.VxeUI;function renderTitlePrefixIcon(l){let{$table:t,column:e}=l,r=e.titlePrefix||e.titleHelp;return r?(0,_vue.h)("span",{class:["vxe-cell-title-prefix-icon",r.iconStatus?"theme--"+r.iconStatus:""],onMouseenter(e){t.triggerHeaderTitleEvent(e,r,l)},onMouseleave(e){t.handleTargetLeaveEvent(e)}},[(0,_vue.h)("i",{class:r.icon||getIcon().TABLE_TITLE_PREFIX})]):renderEmptyElement(t)}function renderTitleSuffixIcon(l){let{$table:t,column:e}=l,r=e.titleSuffix;return r?(0,_vue.h)("span",{class:["vxe-cell-title-suffix-icon",r.iconStatus?"theme--"+r.iconStatus:""],onMouseenter(e){t.triggerHeaderTitleEvent(e,r,l)},onMouseleave(e){t.handleTargetLeaveEvent(e)}},[(0,_vue.h)("i",{class:r.icon||getIcon().TABLE_TITLE_SUFFIX})]):renderEmptyElement(t)}function renderCellDragIcon(l){let{$table:t,column:e}=l;var r=t.context,r=r.slots,n=e.slots,a=t.props.dragConfig,o=t.getComputeMaps().computeRowDragOpts,{icon:o,trigger:s,disabledMethod:d}=o.value,d=d||(a?a.rowDisabledMethod:null);let i=d&&d(l);d=(n?n.rowDragIcon||n["row-drag-icon"]:null)||r.rowDragIcon||r["row-drag-icon"],n={};return"cell"!==s&&(n.onMousedown=e=>{i||t.handleCellDragMousedownEvent(e,l)},n.onMouseup=t.handleCellDragMouseupEvent),(0,_vue.h)("span",Object.assign({key:"dg",class:["vxe-cell--drag-handle",{"is--disabled":i}]},n),d?t.callSlot(d,l):[(0,_vue.h)("i",{class:o||(a?a.rowIcon:"")||getIcon().TABLE_DRAG_ROW})])}function renderCellBaseVNs(e,l){var{$table:t,column:r,level:n}=e,r=r.dragSort,{treeConfig:a,dragConfig:o}=t.props,{computeRowOpts:t,computeRowDragOpts:s,computeTreeOpts:d}=t.getComputeMaps(),t=t.value,s=s.value,d=d.value,{showIcon:s,isPeerDrag:i,isCrossDrag:u,visibleMethod:c}=s,c=c||(o?o.rowVisibleMethod:null),C=[];return r&&t.drag&&(s||o&&o.showRowIcon)&&(!c||c(e))&&(!a||d.transform&&(i||u||!n))&&C.push(renderCellDragIcon(e)),C.concat(_xeUtils.default.isArray(l)?l:[l])}function renderHeaderCellDragIcon(t){let{$table:r,column:e}=t;var n=r.context,n=n.slots,a=e.slots,{computeColumnOpts:o,computeColumnDragOpts:s}=r.getComputeMaps(),o=o.value,{showIcon:s,icon:d,trigger:i,isPeerDrag:l,isCrossDrag:u,visibleMethod:c,disabledMethod:C}=s.value;if(!o.drag||!s||c&&!c(t)||e.fixed||!l&&!u&&e.parentId)return renderEmptyElement(r);{let l=C&&C(t);o=(a?a.columnDragIcon||a["column-drag-icon"]:null)||n.columnDragIcon||n["column-drag-icon"],s={};return"cell"!==i&&(s.onMousedown=e=>{l||r.handleHeaderCellDragMousedownEvent(e,t)},s.onMouseup=r.handleHeaderCellDragMouseupEvent),(0,_vue.h)("span",Object.assign({key:"dg",class:["vxe-cell--drag-handle",{"is--disabled":l}]},s),o?r.callSlot(o,t):[(0,_vue.h)("i",{class:d||getIcon().TABLE_DRAG_COLUMN})])}}function renderHeaderCellBaseVNs(e,l){return[renderTitlePrefixIcon(e),renderHeaderCellDragIcon(e),..._xeUtils.default.isArray(l)?l:[l],renderTitleSuffixIcon(e)]}function getRenderDefaultColumnTitle(e,l){return"html"===e.type&&_xeUtils.default.isString(l)?(0,_vue.h)("span",{key:"ch",innerHTML:l}):(0,_vue.h)("span",{key:"ct"},(0,_vn.getSlotVNs)(l))}function renderTitleContent(l,e){let{$table:t,column:r}=l;var n=t.props;let a=t.reactData;var o=t.getComputeMaps().computeHeaderTooltipOpts,n=n.showHeaderOverflow,s=a.isRowGroupStatus,{showHeaderOverflow:d,slots:i}=r,i=i?i.title:null,o=o.value;let u=o.showAll;n=_xeUtils.default.eqNull(d)?n:d;let c="title"===(!0===n?o.mode:n),C="tooltip"===(!0===n?o.mode:n);d={},(c||C||u)&&(d.onMouseenter=e=>{a.isDragResize||(c?(0,_dom.updateCellTitle)(e.currentTarget,r):(C||u)&&t.triggerHeaderTooltipEvent(e,l))}),(C||u)&&(d.onMouseleave=e=>{a.isDragResize||(C||u)&&t.handleTargetLeaveEvent(e)}),o=getRenderDefaultColumnTitle(r,e);return[(0,_vue.h)("span",Object.assign({class:"vxe-cell--title"},d),s&&r.aggFunc&&t.getPivotTableAggregateRenderColTitles?t.getPivotTableAggregateRenderColTitles(r,o):i?t.callSlot(i,l):[o])]}function getFooterContent(e){var{$table:l,column:t,row:r}=e,n=l.props.editConfig,{slots:a,editRender:o,cellRender:s}=t,a=a?a.footer:null;if(a)return l.callSlot(a,e);a=n&&(0,_utils.isEnableConf)(n)&&(0,_utils.isEnableConf)(o)?o:null,n=(0,_utils.isEnableConf)(s)?s:null,o=a||n,s=l.getFooterCellLabel(r,t);if(o){a=renderer.get(o.name);if(a){n=a.renderTableFooter||a.renderFooter;if(n)return l=Object.assign(e,{cellValue:s,itemValue:s}),(0,_vn.getSlotVNs)(n(o,l))}}return[(0,_vue.h)("span",{class:"vxe-cell--label"},(0,_utils.formatText)(s,1))]}function getDefaultCellLabel(e){var{$table:e,row:l,column:t}=e;return(0,_utils.formatText)(e.getCellLabel(l,t),1)}function renderCellHandle(e){var{column:l,row:t,$table:r}=e,n=r.props,a=r.reactData.isRowGroupStatus,n=n.editConfig,{type:o,treeNode:s,rowGroupNode:d,editRender:i}=l,{computeEditOpts:r,computeCheckboxOpts:u,computeAggregateOpts:c}=r.getComputeMaps(),c=c.value.mode,C=u.value,u=r.value,g=s||a&&("column"===c?l.field===t.groupField:d);switch(o){case"seq":return g?Cell.renderDeepIndexCell(e):Cell.renderSeqCell(e);case"radio":return g?Cell.renderDeepRadioCell(e):Cell.renderRadioCell(e);case"checkbox":return C.checkField?g?Cell.renderDeepSelectionCellByProp(e):Cell.renderCheckboxCellByProp(e):g?Cell.renderDeepSelectionCell(e):Cell.renderCheckboxCell(e);case"expand":return Cell.renderExpandCell(e);case"html":return g?Cell.renderDeepHTMLCell(e):Cell.renderHTMLCell(e)}return(n&&(0,_utils.isEnableConf)(n)&&(0,_utils.isEnableConf)(i)?i:null)?"cell"===u.mode?g?Cell.renderDeepCellEdit(e):Cell.renderCellEdit(e):g?Cell.renderDeepRowEdit(e):Cell.renderRowEdit(e):g?Cell.renderDeepCell(e):Cell.renderDefaultCell(e)}function renderHeaderHandle(e){var{column:l,$table:t}=e,r=t.props.editConfig,{type:l,filters:n,sortable:a,editRender:o,slots:s}=l;if("obsolete"!==getConfig().tableHeadeSlotToTitleSlot){s=s?s.header:null;if(s)return renderTitleContent(e,t.callSlot(s,e))}switch(l){case"seq":return Cell.renderSeqHeader(e);case"radio":return Cell.renderRadioHeader(e);case"checkbox":return Cell.renderCheckboxHeader(e);case"html":if(n&&a)return Cell.renderSortAndFilterHeader(e);if(a)return Cell.renderSortHeader(e);if(n)return Cell.renderFilterHeader(e)}return(r&&(0,_utils.isEnableConf)(r)&&(0,_utils.isEnableConf)(o)?o:null)?Cell.renderEditHeader(e):n&&a?Cell.renderSortAndFilterHeader(e):a?Cell.renderSortHeader(e):n?Cell.renderFilterHeader(e):Cell.renderDefaultHeader(e)}function renderFooterHandle(e){return Cell.renderDefaultFooter(e)}let Cell=exports.Cell={createColumn(e,l){var t=l.type,r={renderHeader:renderHeaderHandle,renderCell:renderCellHandle,renderFooter:renderFooterHandle};return"expand"===t&&(r.renderData=Cell.renderExpandData),(0,_util.createColumn)(e,l,r)},renderHeaderTitle(e){var{$table:l,column:t}=e,r=l.props.editConfig,{slots:n,editRender:a,cellRender:o}=t,r=r&&(0,_utils.isEnableConf)(r)&&(0,_utils.isEnableConf)(a)?a:null,a=(0,_utils.isEnableConf)(o)?o:null,o=r||a;if("obsolete"===getConfig().tableHeadeSlotToTitleSlot){r=n?n.header:null;if(r)return renderTitleContent(e,l.callSlot(r,e))}if(o){a=renderer.get(o.name);if(a){n=a.renderTableHeader||a.renderHeader;if(n)return renderTitleContent(e,(0,_vn.getSlotVNs)(n(o,e)))}}return renderTitleContent(e,l.getHeaderCellLabel(t))},renderDefaultHeader(e){return renderHeaderCellBaseVNs(e,Cell.renderHeaderTitle(e))},renderDefaultCell(e){var{$table:l,row:t,column:r}=e,n=l.props,a=l.internalData,o=l.reactData.isRowGroupStatus,n=n.editConfig,{field:s,slots:d,editRender:i,cellRender:u,rowGroupNode:c,aggFunc:C}=r,n=n&&(0,_utils.isEnableConf)(n)&&(0,_utils.isEnableConf)(i)?i:null,i=(0,_utils.isEnableConf)(u)?u:null,u=d?d.default:null,g=d?d.groupContent||d["group-content"]:null,d=d?d.groupValues||d["group-values"]:null;let p="";if(o&&s&&t.isAggregate){var o=t,a=a.fullColumnFieldData,v=l.getComputeMaps().computeAggregateOpts,{mode:v,showTotal:b,totalMethod:h,countFields:E,contentMethod:_,formatValuesMethod:f,mapChildrenField:m}=v.value,x=o.aggData,x=x?x[s]:null,D=o.groupField,T=o.groupContent,m=m&&o[m]||[],H=o.childCount,a=a[D]||{},a={$table:l,groupField:D,groupColumn:a?a.column:null,column:r,groupValue:T,childList:m,childCount:H,aggValue:null,children:m,totalValue:H};if("column"===v?s===o.groupField:c){if(p=T,_&&(p=""+_(a)),b&&(p=getI18n("vxe.table.rowGroupContentTotal",[p,h?h(a):H,H])),g)return renderCellBaseVNs(e,l.callSlot(g,Object.assign({groupField:D,groupContent:T,childList:m,childCount:H},e)))}else if(l.getPivotTableAggregateCellAggValue){if(p=l.getPivotTableAggregateCellAggValue(e),a.aggValue=p,d)return renderCellBaseVNs(e,l.callSlot(d,Object.assign({groupField:D,groupContent:T,childList:m,childCount:H},e,a)))}else if((!0===C||E&&E.includes(s))&&(p=x?x.value:H,a.aggValue=p,f&&(p=f(a)),d))return renderCellBaseVNs(e,l.callSlot(d,Object.assign({groupField:D,groupContent:T,childList:m,childCount:H},e,a)))}else{if(u)return renderCellBaseVNs(e,l.callSlot(u,e));v=i?renderer.get(i.name):null;if(i){o=v?v.renderTableDefault||v.renderDefault:null;if(o&&i)return renderCellBaseVNs(e,(0,_vn.getSlotVNs)(o(i,Object.assign({$type:n?"edit":"cell"},e))))}if(n){c=n?renderer.get(n.name):null,_=c?c.renderTableCell||c.renderCell||c.renderTableDefault||c.renderDefault:null;if(_)return renderCellBaseVNs(e,(0,_vn.getSlotVNs)(_(n,Object.assign({$type:n?"edit":"cell"},e))))}p=l.getCellLabel(t,r)}b=n?n.placeholder:"";return renderCellBaseVNs(e,[(0,_vue.h)("span",{class:"vxe-cell--label"},[n&&(0,_utils.eqEmptyValue)(p)?(0,_vue.h)("span",{class:"vxe-cell--placeholder"},(0,_utils.formatText)((0,_utils.getFuncText)(b),1)):(0,_vue.h)("span",(0,_utils.formatText)(p,1))])])},renderDeepCell(e){return Cell.renderDeepNodeBtn(e,Cell.renderDefaultCell(e))},renderDefaultFooter(e){return getFooterContent(e)},renderRowGroupBtn(l,e){let t=l.$table;var r=t.reactData,n=t.internalData,{row:a,level:o}=l,s=t.getComputeMaps().computeAggregateOpts,r=r.rowGroupExpandedFlag,n=n.rowGroupExpandedMaps,{mode:s,padding:d,indent:i,showIcon:u,iconOpen:c,iconClose:C}=s.value,g=(0,_util.getRowid)(t,a),r=!!r&&!!n[g];return(0,_vue.h)("div",{class:["vxe-row-group--tree-node",{"is--expanded":r}],style:"column"!==s&&d&&i?{paddingLeft:o*i+"px"}:void 0},[u&&a.isAggregate?(0,_vue.h)("span",{class:"vxe-row-group--node-btn",onClick(e){t.triggerRowGroupExpandEvent(e,l)}},[(0,_vue.h)("i",{class:r?c||getIcon().TABLE_ROW_GROUP_OPEN:C||getIcon().TABLE_ROW_GROUP_CLOSE})]):renderEmptyElement(t),(0,_vue.h)("div",{class:"vxe-row-group-cell"},e)])},renderTreeNodeBtn(l,e){let{$table:t,isHidden:r}=l;var n=t.reactData,a=t.internalData,{row:o,column:s,level:d}=l,s=s.slots,s=s?s.icon:null;if(s)return t.callSlot(s,l);var s=t.getComputeMaps().computeTreeOpts,n=n.treeExpandedFlag,{fullAllDataRowIdData:a,treeExpandedMaps:i,treeExpandLazyLoadedMaps:u}=a,s=s.value,{padding:c,indent:C,lazy:g,trigger:p,visibleMethod:v,iconLoaded:b,showIcon:h,iconOpen:E,iconClose:_}=s,f=s.children||s.childrenField,s=s.hasChild||s.hasChildField,f=o[f],f=f&&f.length;let m=!1,x=!1,D=!1,T=!1;var H,S={};return r||(H=(0,_util.getRowid)(t,o),x=!!n&&!!i[H],g&&(n=a[H],D=!!u[H],m=o[s],T=!!n.treeLoaded)),p&&"default"!==p||(S.onClick=e=>{t.triggerTreeExpandEvent(e,l)}),(0,_vue.h)("div",{class:["vxe-cell--tree-node",{"is--active":x}],style:c&&C?{paddingLeft:d*C+"px"}:void 0},[h&&(!g||T?f:f||m)&&(!v||v(l))?[(0,_vue.h)("div",Object.assign({class:"vxe-cell--tree-btn"},S),[(0,_vue.h)("i",{class:D?b||getIcon().TABLE_TREE_LOADED:x?E||getIcon().TABLE_TREE_OPEN:_||getIcon().TABLE_TREE_CLOSE})])]:null,(0,_vue.h)("div",{class:"vxe-tree-cell"},e)])},renderDeepNodeBtn(e,l){var{$table:t,row:r,column:n}=e,a=n.rowGroupNode,o=t.reactData.rowGroupList;if(o.length){o=t.getComputeMaps().computeAggregateOpts,t=o.value.mode;if("column"===t)return r.groupField&&n.field===r.groupField?[Cell.renderRowGroupBtn(e,l)]:l;if(a)return[Cell.renderRowGroupBtn(e,l)]}return[Cell.renderTreeNodeBtn(e,l)]},renderSeqHeader(e){var l,{$table:t,column:r}=e;return"obsolete"===getConfig().tableHeadeSlotToTitleSlot?(l=r.slots,renderHeaderCellBaseVNs(e,renderTitleContent(e,(l=l?l.header:null)?t.callSlot(l,e):t.getHeaderCellLabel(r)))):renderHeaderCellBaseVNs(e,renderTitleContent(e,t.getHeaderCellLabel(r)))},renderSeqCell(e){var{$table:l,column:t}=e,r=l.props.treeConfig,n=l.getComputeMaps().computeSeqOpts,n=n.value,t=t.slots,t=t?t.default:null;return t?renderCellBaseVNs(e,l.callSlot(t,e)):(l=e.seq,t=n.seqMethod,renderCellBaseVNs(e,[(0,_vue.h)("span",""+(0,_utils.formatText)(t?t(e):r?l:(n.startIndex||0)+l,1))]))},renderDeepIndexCell(e){return Cell.renderDeepNodeBtn(e,Cell.renderSeqCell(e))},renderRadioHeader(e){var{$table:l,column:t}=e,r=t.slots,n=r?r.title:null;return"obsolete"===getConfig().tableHeadeSlotToTitleSlot?renderHeaderCellBaseVNs(e,renderTitleContent(e,(r=r?r.header:null)?l.callSlot(r,e):[(0,_vue.h)("span",{class:"vxe-radio--label"},n?l.callSlot(n,e):l.getHeaderCellLabel(t))])):renderHeaderCellBaseVNs(e,renderTitleContent(e,[(0,_vue.h)("span",{class:"vxe-radio--label"},n?l.callSlot(n,e):l.getHeaderCellLabel(t))]))},renderRadioCell(l){let{$table:t,column:e,isHidden:r}=l;var n=t.reactData,a=t.getComputeMaps().computeRadioOpts,n=n.selectRadioRow,o=e.slots,{labelField:a,checkMethod:s,visibleMethod:d}=a.value,i=l.row,u=o?o.default:null,o=o?o.radio:null,n=t.eqRow(i,n);let c=!d||d({$table:t,row:i}),C=!!s,g;r||(g={onClick(e){!C&&c&&t.triggerRadioRowEvent(e,l)}},s&&(C=!s({$table:t,row:i})));d=Object.assign(Object.assign({},l),{checked:n,disabled:C,visible:c});return o?renderCellBaseVNs(l,t.callSlot(o,d)):(s=[],c&&s.push((0,_vue.h)("span",{class:["vxe-radio--icon",n?getIcon().TABLE_RADIO_CHECKED:C?getIcon().TABLE_RADIO_DISABLED_UNCHECKED:getIcon().TABLE_RADIO_UNCHECKED]})),(u||a)&&s.push((0,_vue.h)("span",{class:"vxe-radio--label"},u?t.callSlot(u,d):_xeUtils.default.get(i,a))),renderCellBaseVNs(l,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--radio",{"is--checked":n,"is--disabled":C}]},g),s)]))},renderDeepRadioCell(e){return Cell.renderDeepNodeBtn(e,Cell.renderRadioCell(e))},renderCheckboxHeader(e){let{$table:l,column:t,isHidden:r}=e;var n=l.reactData,{computeIsAllCheckboxDisabled:a,computeCheckboxOpts:o}=l.getComputeMaps();let{isAllSelected:s,isIndeterminate:d}=n,i=a.value;var n=t.slots,a=n?n.title:null,{checkStrictly:o,showHeader:u,headerTitle:c}=o.value,C=l.getHeaderCellLabel(t),g={},p=(r||(g.onClick=e=>{i||l.triggerCheckAllEvent(e,!s)}),Object.assign(Object.assign({},e),{checked:s,disabled:i,indeterminate:d}));if("obsolete"===getConfig().tableHeadeSlotToTitleSlot){n=n?n.header:null;if(n)return renderHeaderCellBaseVNs(e,renderTitleContent(p,l.callSlot(n,p)))}return renderHeaderCellBaseVNs(e,renderTitleContent(p,(o?u:!1!==u)?[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":s,"is--disabled":i,"is--indeterminate":d}],title:_xeUtils.default.eqNull(c)?getI18n("vxe.table.allTitle"):""+(c||"")},g),[(0,_vue.h)("span",{class:["vxe-checkbox--icon",d?getIcon().TABLE_CHECKBOX_INDETERMINATE:s?getIcon().TABLE_CHECKBOX_CHECKED:i?getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})].concat(a||C?[(0,_vue.h)("span",{class:"vxe-checkbox--label"},a?l.callSlot(a,p):C)]:[]))]:[(0,_vue.h)("span",{class:"vxe-checkbox--label"},a?l.callSlot(a,p):C)]))},renderCheckboxCell(l){let{$table:t,row:e,column:r,isHidden:n}=l;var a=t.props.treeConfig,{updateCheckboxFlag:o,isRowGroupStatus:s}=t.reactData,{selectCheckboxMaps:d,treeIndeterminateRowMaps:i}=t.internalData,{computeCheckboxOpts:u,computeAggregateOpts:c}=t.getComputeMaps(),c=c.value.mapChildrenField;let{labelField:C,checkMethod:g,visibleMethod:p}=u.value;var u=r.slots,v=u?u.default:null,u=u?u.checkbox:null;let b=!1,h=!1,E=!0,_=!1;var f,m={},d=(n||(f=(0,_util.getRowid)(t,e),h=!!o&&!!d[f],g&&s&&t.isAggregateRecord(e)?(o=e[c||""])&&o.length&&!o.every(e=>!g({$table:t,row:e}))||(_=!0):(E=!p||p({$table:t,row:e}),_=g?!g({$table:t,row:e}):!!g),(a||s)&&(b=!!i[f]),m.onClick=e=>{!_&&E&&t.triggerCheckRowEvent(e,l,!h)}),Object.assign(Object.assign({},l),{checked:h,disabled:_,visible:E,indeterminate:b}));return u?renderCellBaseVNs(l,t.callSlot(u,d)):(c=[],E&&c.push((0,_vue.h)("span",{class:["vxe-checkbox--icon",b?getIcon().TABLE_CHECKBOX_INDETERMINATE:h?getIcon().TABLE_CHECKBOX_CHECKED:_?getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(v||C)&&c.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},v?t.callSlot(v,d):_xeUtils.default.get(e,C))),renderCellBaseVNs(l,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":h,"is--disabled":_,"is--indeterminate":b,"is--hidden":!E}]},m),c)]))},renderDeepSelectionCell(e){return Cell.renderDeepNodeBtn(e,Cell.renderCheckboxCell(e))},renderCheckboxCellByProp(l){let{$table:t,row:e,column:r,isHidden:n}=l;var a=t.props.treeConfig,{updateCheckboxFlag:o,isRowGroupStatus:s}=t.reactData,d=t.internalData.treeIndeterminateRowMaps,{computeCheckboxOpts:i,computeAggregateOpts:u}=t.getComputeMaps(),u=u.value.mapChildrenField,i=i.value;let{labelField:c,checkField:C,checkMethod:g,visibleMethod:p}=i;var i=i.indeterminateField||i.halfField,v=r.slots,b=v?v.default:null,v=v?v.checkbox:null;let h=!1,E=!1,_=!0,f=!1;var m,x={},u=(n||(m=(0,_util.getRowid)(t,e),E=!!o&&_xeUtils.default.get(e,C),g&&s&&t.isAggregateRecord(e)?(o=e[u||""])&&o.length&&!o.every(e=>!g({$table:t,row:e}))||(f=!0):(_=!p||p({$table:t,row:e}),f=g?!g({$table:t,row:e}):!!g),(a||s)&&(h=!!d[m]),x.onClick=e=>{!f&&_&&t.triggerCheckRowEvent(e,l,!E)}),Object.assign(Object.assign({},l),{checked:E,disabled:f,visible:_,indeterminate:h}));return v?renderCellBaseVNs(l,t.callSlot(v,u)):(o=[],_&&(o.push((0,_vue.h)("span",{class:["vxe-checkbox--icon",h?getIcon().TABLE_CHECKBOX_INDETERMINATE:E?getIcon().TABLE_CHECKBOX_CHECKED:f?getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),b||c)&&o.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},b?t.callSlot(b,u):_xeUtils.default.get(e,c))),renderCellBaseVNs(l,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":E,"is--disabled":f,"is--indeterminate":i&&!E?e[i]:h,"is--hidden":!_}]},x),o)]))},renderDeepSelectionCellByProp(e){return Cell.renderDeepNodeBtn(e,Cell.renderCheckboxCellByProp(e))},renderExpandCell(l){let{$table:t,isHidden:e,row:r,column:n}=l;var a=t.reactData.isRowGroupStatus,{rowExpandedMaps:o,rowExpandLazyLoadedMaps:s}=t.internalData,d=t.getComputeMaps().computeExpandOpts,{lazy:d,labelField:i,iconLoaded:u,showIcon:c,iconOpen:C,iconClose:g,visibleMethod:p}=d.value,v=n.slots,b=v?v.default:null,v=v?v.icon:null;let h=!1,E=!1;return a&&r.isAggregate?renderCellBaseVNs(l,[]):v?renderCellBaseVNs(l,t.callSlot(v,l)):(e||(a=(0,_util.getRowid)(t,r),h=!!o[a],d&&(E=!!s[a])),renderCellBaseVNs(l,[!c||p&&!p(l)?renderEmptyElement(t):(0,_vue.h)("div",{class:["vxe-table--expanded",{"is--active":h}]},[(0,_vue.h)("span",{class:"vxe-table--expand-btn",onMousedown(e){e.stopPropagation()},onClick(e){t.triggerRowExpandEvent(e,l)}},[(0,_vue.h)("i",{class:E?u||getIcon().TABLE_EXPAND_LOADED:h?C||getIcon().TABLE_EXPAND_OPEN:g||getIcon().TABLE_EXPAND_CLOSE})])]),b||i?(0,_vue.h)("div",{class:"vxe-table--expand-label"},b?t.callSlot(b,l):_xeUtils.default.get(r,i)):renderEmptyElement(t)]))},renderExpandData(e){var{$table:l,column:t}=e,{slots:t,contentRender:r}=t,t=t?t.content:null;if(t)return l.callSlot(t,e);if(r){l=renderer.get(r.name);if(l){t=l.renderTableExpand||l.renderExpand;if(t)return(0,_vn.getSlotVNs)(t(r,e))}}return[]},renderHTMLCell(e){var{$table:l,column:t}=e,t=t.slots,t=t?t.default:null;return renderCellBaseVNs(e,t?l.callSlot(t,e):[(0,_vue.h)("span",{class:"vxe-cell--html",innerHTML:getDefaultCellLabel(e)})])},renderDeepHTMLCell(e){return Cell.renderDeepNodeBtn(e,Cell.renderHTMLCell(e))},renderSortAndFilterHeader(e){return renderHeaderCellBaseVNs(e,Cell.renderHeaderTitle(e).concat(Cell.renderSortIcon(e).concat(Cell.renderFilterIcon(e))))},renderSortHeader(e){return renderHeaderCellBaseVNs(e,Cell.renderHeaderTitle(e).concat(Cell.renderSortIcon(e)))},renderSortIcon(e){let{$table:l,column:t}=e;var r=l.getComputeMaps().computeSortOpts,{showIcon:r,allowBtn:n,ascTitle:a,descTitle:o,iconLayout:s,iconAsc:d,iconDesc:i,iconVisibleMethod:u}=r.value,{order:c,slots:C}=t;return!r||u&&!u(e)?[]:(r=C?C.sort:null)?(0,_vn.getSlotVNs)(l.callSlot(r,e)):[(0,_vue.h)("span",{class:["vxe-cell--sort",`vxe-cell--sort-${s}-layout`]},[(0,_vue.h)("i",{class:["vxe-sort--asc-btn",d||getIcon().TABLE_SORT_ASC,{"sort--active":"asc"===c}],title:_xeUtils.default.eqNull(a)?getI18n("vxe.table.sortAsc"):""+(a||""),onClick:n?e=>{e.stopPropagation(),l.triggerSortEvent(e,t,"asc")}:void 0}),(0,_vue.h)("i",{class:["vxe-sort--desc-btn",i||getIcon().TABLE_SORT_DESC,{"sort--active":"desc"===c}],title:_xeUtils.default.eqNull(o)?getI18n("vxe.table.sortDesc"):""+(o||""),onClick:n?e=>{e.stopPropagation(),l.triggerSortEvent(e,t,"desc")}:void 0})])]},renderFilterHeader(e){return renderHeaderCellBaseVNs(e,Cell.renderHeaderTitle(e).concat(Cell.renderFilterIcon(e)))},renderFilterIcon(l){let{$table:t,column:e,hasFilter:r}=l;var n=t.reactData.filterStore,a=t.getComputeMaps().computeFilterOpts,{showIcon:a,iconNone:o,iconMatch:s,iconVisibleMethod:d}=a.value;return!a||d&&!d(l)?[]:[(0,_vue.h)("span",{class:["vxe-cell--filter",{"is--active":n.visible&&n.column===e}],onClick(e){t.triggerFilterEvent&&t.triggerFilterEvent(e,l.column,l)}},[(0,_vue.h)("i",{class:["vxe-filter--btn",r?s||getIcon().TABLE_FILTER_MATCH:o||getIcon().TABLE_FILTER_NONE],title:getI18n("vxe.table.filter")})])]},renderEditHeader(e){var{$table:l,column:t}=e,r=l.props,n=l.getComputeMaps().computeEditOpts,{editConfig:r,editRules:a}=r,n=n.value,{sortable:o,filters:s,editRender:d}=t,r=r&&(0,_utils.isEnableConf)(r),d=r&&(0,_utils.isEnableConf)(d)?d:null;let i=!1,u=(a&&(a=t.rules||_xeUtils.default.get(a,t.field))&&(i=a.some(e=>e.required)),[]);return r&&({showAsterisk:t,showIcon:a,icon:r}=n,u=[i&&t?(0,_vue.h)("span",{class:"vxe-cell--required-icon"},[(0,_vue.h)("i")]):renderEmptyElement(l),d&&a?(0,_vue.h)("span",{class:"vxe-cell--edit-icon"},_xeUtils.default.isFunction(r)?(0,_vn.getSlotVNs)(r({})):[(0,_vue.h)("i",{class:r||getIcon().TABLE_EDIT})]):renderEmptyElement(l)]),renderHeaderCellBaseVNs(e,u.concat(Cell.renderHeaderTitle(e)).concat(o?Cell.renderSortIcon(e):[]).concat(s?Cell.renderFilterIcon(e):[]))},renderRowEdit(e){var{$table:l,column:t}=e,r=l.props.editConfig,l=l.reactData.editStore,l=l.actived,t=t.editRender,r=r&&(0,_utils.isEnableConf)(r)&&(0,_utils.isEnableConf)(t)?t:null;return Cell.runRenderer(e,!(!r||!l||l.row!==e.row))},renderDeepRowEdit(e){return Cell.renderDeepNodeBtn(e,Cell.renderRowEdit(e))},renderCellEdit(e){var{$table:l,column:t}=e,r=l.props.editConfig,l=l.reactData.editStore,l=l.actived,t=t.editRender,r=r&&(0,_utils.isEnableConf)(r)&&(0,_utils.isEnableConf)(t)?t:null;return Cell.runRenderer(e,!(!r||!l||l.row!==e.row||l.column!==e.column))},renderDeepCellEdit(e){return Cell.renderDeepNodeBtn(e,Cell.renderCellEdit(e))},runRenderer(e,l){var{$table:t,row:r,column:n}=e,a=t.props.editConfig,o=t.reactData.isRowGroupStatus,{slots:n,field:s,editRender:d,formatter:i}=n,a=a&&(0,_utils.isEnableConf)(a)&&(0,_utils.isEnableConf)(d)?d:null,d=n?n.default:null,u=n?n.groupContent||n["group-content"]:null,n=n?n.edit:null,c=Object.assign({$type:"",isEdit:l},e);if(l&&a)return c.$type="edit",n?t.callSlot(n,c):(n=(l=renderer.get(a.name))?l.renderTableEdit||l.renderEdit:null)?(0,_vn.getSlotVNs)(n(a,c)):[];if(o&&s&&r.isAggregate){l=r,n=t.getComputeMaps().computeAggregateOpts,a=n.value.mapChildrenField,o=l.groupField,s=l.groupContent,r=a&&l[a]||[],n=l.childCount;if(u)return renderCellBaseVNs(e,t.callSlot(u,Object.assign({groupField:o,groupContent:s,childList:r,childCount:n},e)))}else if(d)return renderCellBaseVNs(e,t.callSlot(d,c));return i?renderCellBaseVNs(e,[(0,_vue.h)("span",{class:"vxe-cell--label"},getDefaultCellLabel(c))]):Cell.renderDefaultCell(c)}};var _default=exports.default=Cell;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Cell=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getI18n,getIcon,renderer,renderEmptyElement}=_ui.VxeUI;function renderTitlePrefixIcon(l){let{$table:t,column:e}=l,r=e.titlePrefix||e.titleHelp;return r?(0,_vue.h)("span",{class:["vxe-cell-title-prefix-icon",r.iconStatus?"theme--"+r.iconStatus:""],onMouseenter(e){t.triggerHeaderTitleEvent(e,r,l)},onMouseleave(e){t.handleTargetLeaveEvent(e)}},[(0,_vue.h)("i",{class:r.icon||getIcon().TABLE_TITLE_PREFIX})]):renderEmptyElement(t)}function renderTitleSuffixIcon(l){let{$table:t,column:e}=l,r=e.titleSuffix;return r?(0,_vue.h)("span",{class:["vxe-cell-title-suffix-icon",r.iconStatus?"theme--"+r.iconStatus:""],onMouseenter(e){t.triggerHeaderTitleEvent(e,r,l)},onMouseleave(e){t.handleTargetLeaveEvent(e)}},[(0,_vue.h)("i",{class:r.icon||getIcon().TABLE_TITLE_SUFFIX})]):renderEmptyElement(t)}function renderCellDragIcon(l){let{$table:t,column:e}=l;var r=t.context,r=r.slots,n=e.slots,a=t.props.dragConfig,o=t.getComputeMaps().computeRowDragOpts,{icon:o,trigger:s,disabledMethod:d}=o.value,d=d||(a?a.rowDisabledMethod:null);let i=d&&d(l);d=(n?n.rowDragIcon||n["row-drag-icon"]:null)||r.rowDragIcon||r["row-drag-icon"],n={};return"cell"!==s&&(n.onMousedown=e=>{i||t.handleCellDragMousedownEvent(e,l)},n.onMouseup=t.handleCellDragMouseupEvent),(0,_vue.h)("span",Object.assign({key:"dg",class:["vxe-cell--drag-handle",{"is--disabled":i}]},n),d?t.callSlot(d,l):[(0,_vue.h)("i",{class:o||(a?a.rowIcon:"")||getIcon().TABLE_DRAG_ROW})])}function renderCellBaseVNs(e,l){var{$table:t,column:r,level:n}=e,r=r.dragSort,{treeConfig:a,dragConfig:o}=t.props,{computeRowOpts:t,computeRowDragOpts:s,computeTreeOpts:d}=t.getComputeMaps(),t=t.value,s=s.value,d=d.value,{showIcon:s,isPeerDrag:i,isCrossDrag:u,visibleMethod:c}=s,c=c||(o?o.rowVisibleMethod:null),C=[];return r&&t.drag&&(s||o&&o.showRowIcon)&&(!c||c(e))&&(!a||d.transform&&(i||u||!n))&&C.push(renderCellDragIcon(e)),C.concat(_xeUtils.default.isArray(l)?l:[l])}function renderHeaderCellDragIcon(t){let{$table:r,column:e}=t;var n=r.context,n=n.slots,a=e.slots,{computeColumnOpts:o,computeColumnDragOpts:s}=r.getComputeMaps(),o=o.value,{showIcon:s,icon:d,trigger:i,isPeerDrag:l,isCrossDrag:u,visibleMethod:c,disabledMethod:C}=s.value;if(!o.drag||!s||c&&!c(t)||e.fixed||!l&&!u&&e.parentId)return renderEmptyElement(r);{let l=C&&C(t);o=(a?a.columnDragIcon||a["column-drag-icon"]:null)||n.columnDragIcon||n["column-drag-icon"],s={};return"cell"!==i&&(s.onMousedown=e=>{l||r.handleHeaderCellDragMousedownEvent(e,t)},s.onMouseup=r.handleHeaderCellDragMouseupEvent),(0,_vue.h)("span",Object.assign({key:"dg",class:["vxe-cell--drag-handle",{"is--disabled":l}]},s),o?r.callSlot(o,t):[(0,_vue.h)("i",{class:d||getIcon().TABLE_DRAG_COLUMN})])}}function renderHeaderCellBaseVNs(e,l){return[renderTitlePrefixIcon(e),renderHeaderCellDragIcon(e),..._xeUtils.default.isArray(l)?l:[l],renderTitleSuffixIcon(e)]}function getRenderDefaultColumnTitle(e,l){return"html"===e.type&&_xeUtils.default.isString(l)?(0,_vue.h)("span",{key:"ch",innerHTML:l}):(0,_vue.h)("span",{key:"ct"},(0,_vn.getSlotVNs)(l))}function renderTitleContent(l,e){let{$table:t,column:r}=l;var n=t.props;let a=t.reactData;var o=t.getComputeMaps().computeHeaderTooltipOpts,n=n.showHeaderOverflow,s=a.isRowGroupStatus,{showHeaderOverflow:d,slots:i}=r,i=i?i.title:null,o=o.value;let u=o.showAll;n=_xeUtils.default.eqNull(d)?n:d;let c="title"===(!0===n?o.mode:n),C="tooltip"===(!0===n?o.mode:n);d={},(c||C||u)&&(d.onMouseenter=e=>{a.isDragResize||(c?(0,_dom.updateCellTitle)(e.currentTarget,r):(C||u)&&t.triggerHeaderTooltipEvent(e,l))}),(C||u)&&(d.onMouseleave=e=>{a.isDragResize||(C||u)&&t.handleTargetLeaveEvent(e)}),o=getRenderDefaultColumnTitle(r,e);return[(0,_vue.h)("span",Object.assign({class:"vxe-cell--title"},d),s&&r.aggFunc&&t.getPivotTableAggregateRenderColTitles?t.getPivotTableAggregateRenderColTitles(r,o):i?t.callSlot(i,l):[o])]}function getFooterContent(e){var{$table:l,column:t,row:r}=e,n=l.props.editConfig,{slots:a,editRender:o,cellRender:s}=t,a=a?a.footer:null;if(a)return l.callSlot(a,e);a=n&&(0,_utils.isEnableConf)(n)&&(0,_utils.isEnableConf)(o)?o:null,n=(0,_utils.isEnableConf)(s)?s:null,o=a||n,s=l.getFooterCellLabel(r,t);if(o){a=l.getComputeMaps().computeRendererOpts,n=a.value,r=o.name?n[o.name]||renderer.get(o.name):null;if(r){t=r.renderTableFooter||r.renderFooter;if(t)return l=Object.assign(e,{cellValue:s,itemValue:s}),(0,_vn.getSlotVNs)(t(o,l))}}return[(0,_vue.h)("span",{class:"vxe-cell--label"},(0,_utils.formatText)(s,1))]}function getDefaultCellLabel(e){var{$table:e,row:l,column:t}=e;return(0,_utils.formatText)(e.getCellLabel(l,t),1)}function renderCellHandle(e){var{column:l,row:t,$table:r}=e,n=r.props,a=r.reactData.isRowGroupStatus,n=n.editConfig,{type:o,treeNode:s,rowGroupNode:d,editRender:i}=l,{computeEditOpts:r,computeCheckboxOpts:u,computeAggregateOpts:c}=r.getComputeMaps(),c=c.value.mode,C=u.value,u=r.value,p=s||a&&("column"===c?l.field===t.groupField:d);switch(o){case"seq":return p?Cell.renderDeepIndexCell(e):Cell.renderSeqCell(e);case"radio":return p?Cell.renderDeepRadioCell(e):Cell.renderRadioCell(e);case"checkbox":return C.checkField?p?Cell.renderDeepSelectionCellByProp(e):Cell.renderCheckboxCellByProp(e):p?Cell.renderDeepSelectionCell(e):Cell.renderCheckboxCell(e);case"expand":return Cell.renderExpandCell(e);case"html":return p?Cell.renderDeepHTMLCell(e):Cell.renderHTMLCell(e)}return(n&&(0,_utils.isEnableConf)(n)&&(0,_utils.isEnableConf)(i)?i:null)?"cell"===u.mode?p?Cell.renderDeepCellEdit(e):Cell.renderCellEdit(e):p?Cell.renderDeepRowEdit(e):Cell.renderRowEdit(e):p?Cell.renderDeepCell(e):Cell.renderDefaultCell(e)}function renderHeaderHandle(e){var{column:l,$table:t}=e,r=t.props.editConfig,{type:l,filters:n,sortable:a,editRender:o,slots:s}=l;if("obsolete"!==getConfig().tableHeadeSlotToTitleSlot){s=s?s.header:null;if(s)return renderTitleContent(e,t.callSlot(s,e))}switch(l){case"seq":return Cell.renderSeqHeader(e);case"radio":return Cell.renderRadioHeader(e);case"checkbox":return Cell.renderCheckboxHeader(e);case"html":if(n&&a)return Cell.renderSortAndFilterHeader(e);if(a)return Cell.renderSortHeader(e);if(n)return Cell.renderFilterHeader(e)}return(r&&(0,_utils.isEnableConf)(r)&&(0,_utils.isEnableConf)(o)?o:null)?Cell.renderEditHeader(e):n&&a?Cell.renderSortAndFilterHeader(e):a?Cell.renderSortHeader(e):n?Cell.renderFilterHeader(e):Cell.renderDefaultHeader(e)}function renderFooterHandle(e){return Cell.renderDefaultFooter(e)}let Cell=exports.Cell={createColumn(e,l){var t=l.type,r={renderHeader:renderHeaderHandle,renderCell:renderCellHandle,renderFooter:renderFooterHandle};return"expand"===t&&(r.renderData=Cell.renderExpandData),(0,_util.createColumn)(e,l,r)},renderHeaderTitle(e){var{$table:l,column:t}=e,r=l.props.editConfig,{slots:n,editRender:a,cellRender:o}=t,r=r&&(0,_utils.isEnableConf)(r)&&(0,_utils.isEnableConf)(a)?a:null,a=(0,_utils.isEnableConf)(o)?o:null,o=r||a;if("obsolete"===getConfig().tableHeadeSlotToTitleSlot){r=n?n.header:null;if(r)return renderTitleContent(e,l.callSlot(r,e))}if(o){a=l.getComputeMaps().computeRendererOpts,n=a.value,r=o.name?n[o.name]||renderer.get(o.name):null;if(r){a=r.renderTableHeader||r.renderHeader;if(a)return renderTitleContent(e,(0,_vn.getSlotVNs)(a(o,e)))}}return renderTitleContent(e,l.getHeaderCellLabel(t))},renderDefaultHeader(e){return renderHeaderCellBaseVNs(e,Cell.renderHeaderTitle(e))},renderDefaultCell(e){var{$table:l,row:t,column:r}=e,n=l.props,a=l.internalData,o=l.reactData.isRowGroupStatus,n=n.editConfig,{field:s,slots:d,editRender:i,cellRender:u,rowGroupNode:c,aggFunc:C}=r,n=n&&(0,_utils.isEnableConf)(n)&&(0,_utils.isEnableConf)(i)?i:null,i=(0,_utils.isEnableConf)(u)?u:null,u=d?d.default:null,p=d?d.groupContent||d["group-content"]:null,d=d?d.groupValues||d["group-values"]:null;let g="";if(o&&s&&t.isAggregate){var o=t,a=a.fullColumnFieldData,v=l.getComputeMaps().computeAggregateOpts,{mode:v,showTotal:b,totalMethod:h,countFields:E,contentMethod:_,formatValuesMethod:m,mapChildrenField:f}=v.value,x=o.aggData,x=x?x[s]:null,D=o.groupField,T=o.groupContent,f=f&&o[f]||[],H=o.childCount,a=a[D]||{},a={$table:l,groupField:D,groupColumn:a?a.column:null,column:r,groupValue:T,childList:f,childCount:H,aggValue:null,children:f,totalValue:H};if("column"===v?s===o.groupField:c){if(g=T,_&&(g=""+_(a)),b&&(g=getI18n("vxe.table.rowGroupContentTotal",[g,h?h(a):H,H])),p)return renderCellBaseVNs(e,l.callSlot(p,Object.assign({groupField:D,groupContent:T,childList:f,childCount:H},e)))}else if(l.getPivotTableAggregateCellAggValue){if(g=l.getPivotTableAggregateCellAggValue(e),a.aggValue=g,d)return renderCellBaseVNs(e,l.callSlot(d,Object.assign({groupField:D,groupContent:T,childList:f,childCount:H},e,a)))}else if((!0===C||E&&E.includes(s))&&(g=x?x.value:H,a.aggValue=g,m&&(g=m(a)),d))return renderCellBaseVNs(e,l.callSlot(d,Object.assign({groupField:D,groupContent:T,childList:f,childCount:H},e,a)))}else{if(u)return renderCellBaseVNs(e,l.callSlot(u,e));v=l.getComputeMaps().computeRendererOpts,o=v.value,c=i&&i.name?o[i.name]||renderer.get(i.name):null;if(i){_=c?c.renderTableDefault||c.renderDefault:null;if(_&&i)return renderCellBaseVNs(e,(0,_vn.getSlotVNs)(_(i,Object.assign({$type:n?"edit":"cell"},e))))}if(n){b=n&&n.name?o[n.name]||renderer.get(n.name):null,h=b?b.renderTableCell||b.renderCell||b.renderTableDefault||b.renderDefault:null;if(h)return renderCellBaseVNs(e,(0,_vn.getSlotVNs)(h(n,Object.assign({$type:n?"edit":"cell"},e))))}g=l.getCellLabel(t,r)}p=n?n.placeholder:"";return renderCellBaseVNs(e,[(0,_vue.h)("span",{class:"vxe-cell--label"},[n&&(0,_utils.eqEmptyValue)(g)?(0,_vue.h)("span",{class:"vxe-cell--placeholder"},(0,_utils.formatText)((0,_utils.getFuncText)(p),1)):(0,_vue.h)("span",(0,_utils.formatText)(g,1))])])},renderDeepCell(e){return Cell.renderDeepNodeBtn(e,Cell.renderDefaultCell(e))},renderDefaultFooter(e){return getFooterContent(e)},renderRowGroupBtn(l,e){let t=l.$table;var r=t.reactData,n=t.internalData,{row:a,level:o}=l,s=t.getComputeMaps().computeAggregateOpts,r=r.rowGroupExpandedFlag,n=n.rowGroupExpandedMaps,{mode:s,padding:d,indent:i,showIcon:u,iconOpen:c,iconClose:C}=s.value,p=(0,_util.getRowid)(t,a),r=!!r&&!!n[p];return(0,_vue.h)("div",{class:["vxe-row-group--tree-node",{"is--expanded":r}],style:"column"!==s&&d&&i?{paddingLeft:o*i+"px"}:void 0},[u&&a.isAggregate?(0,_vue.h)("span",{class:"vxe-row-group--node-btn",onClick(e){t.triggerRowGroupExpandEvent(e,l)}},[(0,_vue.h)("i",{class:r?c||getIcon().TABLE_ROW_GROUP_OPEN:C||getIcon().TABLE_ROW_GROUP_CLOSE})]):renderEmptyElement(t),(0,_vue.h)("div",{class:"vxe-row-group-cell"},e)])},renderTreeNodeBtn(l,e){let{$table:t,isHidden:r}=l;var n=t.reactData,a=t.internalData,{row:o,column:s,level:d}=l,s=s.slots,s=s?s.icon:null;if(s)return t.callSlot(s,l);var s=t.getComputeMaps().computeTreeOpts,n=n.treeExpandedFlag,{fullAllDataRowIdData:a,treeExpandedMaps:i,treeExpandLazyLoadedMaps:u}=a,s=s.value,{padding:c,indent:C,lazy:p,trigger:g,visibleMethod:v,iconLoaded:b,showIcon:h,iconOpen:E,iconClose:_}=s,m=s.children||s.childrenField,s=s.hasChild||s.hasChildField,m=o[m],m=m&&m.length;let f=!1,x=!1,D=!1,T=!1;var H,S={};return r||(H=(0,_util.getRowid)(t,o),x=!!n&&!!i[H],p&&(n=a[H],D=!!u[H],f=o[s],T=!!n.treeLoaded)),g&&"default"!==g||(S.onClick=e=>{t.triggerTreeExpandEvent(e,l)}),(0,_vue.h)("div",{class:["vxe-cell--tree-node",{"is--active":x}],style:c&&C?{paddingLeft:d*C+"px"}:void 0},[h&&(!p||T?m:m||f)&&(!v||v(l))?[(0,_vue.h)("div",Object.assign({class:"vxe-cell--tree-btn"},S),[(0,_vue.h)("i",{class:D?b||getIcon().TABLE_TREE_LOADED:x?E||getIcon().TABLE_TREE_OPEN:_||getIcon().TABLE_TREE_CLOSE})])]:null,(0,_vue.h)("div",{class:"vxe-tree-cell"},e)])},renderDeepNodeBtn(e,l){var{$table:t,row:r,column:n}=e,a=n.rowGroupNode,o=t.reactData.rowGroupList;if(o.length){o=t.getComputeMaps().computeAggregateOpts,t=o.value.mode;if("column"===t)return r.groupField&&n.field===r.groupField?[Cell.renderRowGroupBtn(e,l)]:l;if(a)return[Cell.renderRowGroupBtn(e,l)]}return[Cell.renderTreeNodeBtn(e,l)]},renderSeqHeader(e){var l,{$table:t,column:r}=e;return"obsolete"===getConfig().tableHeadeSlotToTitleSlot?(l=r.slots,renderHeaderCellBaseVNs(e,renderTitleContent(e,(l=l?l.header:null)?t.callSlot(l,e):t.getHeaderCellLabel(r)))):renderHeaderCellBaseVNs(e,renderTitleContent(e,t.getHeaderCellLabel(r)))},renderSeqCell(e){var{$table:l,column:t}=e,r=l.props.treeConfig,n=l.getComputeMaps().computeSeqOpts,n=n.value,t=t.slots,t=t?t.default:null;return t?renderCellBaseVNs(e,l.callSlot(t,e)):(l=e.seq,t=n.seqMethod,renderCellBaseVNs(e,[(0,_vue.h)("span",""+(0,_utils.formatText)(t?t(e):r?l:(n.startIndex||0)+l,1))]))},renderDeepIndexCell(e){return Cell.renderDeepNodeBtn(e,Cell.renderSeqCell(e))},renderRadioHeader(e){var{$table:l,column:t}=e,r=t.slots,n=r?r.title:null;return"obsolete"===getConfig().tableHeadeSlotToTitleSlot?renderHeaderCellBaseVNs(e,renderTitleContent(e,(r=r?r.header:null)?l.callSlot(r,e):[(0,_vue.h)("span",{class:"vxe-radio--label"},n?l.callSlot(n,e):l.getHeaderCellLabel(t))])):renderHeaderCellBaseVNs(e,renderTitleContent(e,[(0,_vue.h)("span",{class:"vxe-radio--label"},n?l.callSlot(n,e):l.getHeaderCellLabel(t))]))},renderRadioCell(l){let{$table:t,column:e,isHidden:r}=l;var n=t.reactData,a=t.getComputeMaps().computeRadioOpts,n=n.selectRadioRow,o=e.slots,{labelField:a,checkMethod:s,visibleMethod:d}=a.value,i=l.row,u=o?o.default:null,o=o?o.radio:null,n=t.eqRow(i,n);let c=!d||d({$table:t,row:i}),C=!!s,p;r||(p={onClick(e){!C&&c&&t.triggerRadioRowEvent(e,l)}},s&&(C=!s({$table:t,row:i})));d=Object.assign(Object.assign({},l),{checked:n,disabled:C,visible:c});return o?renderCellBaseVNs(l,t.callSlot(o,d)):(s=[],c&&s.push((0,_vue.h)("span",{class:["vxe-radio--icon",n?getIcon().TABLE_RADIO_CHECKED:C?getIcon().TABLE_RADIO_DISABLED_UNCHECKED:getIcon().TABLE_RADIO_UNCHECKED]})),(u||a)&&s.push((0,_vue.h)("span",{class:"vxe-radio--label"},u?t.callSlot(u,d):_xeUtils.default.get(i,a))),renderCellBaseVNs(l,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--radio",{"is--checked":n,"is--disabled":C}]},p),s)]))},renderDeepRadioCell(e){return Cell.renderDeepNodeBtn(e,Cell.renderRadioCell(e))},renderCheckboxHeader(e){let{$table:l,column:t,isHidden:r}=e;var n=l.reactData,{computeIsAllCheckboxDisabled:a,computeCheckboxOpts:o}=l.getComputeMaps();let{isAllSelected:s,isIndeterminate:d}=n,i=a.value;var n=t.slots,a=n?n.title:null,{checkStrictly:o,showHeader:u,headerTitle:c}=o.value,C=l.getHeaderCellLabel(t),p={},g=(r||(p.onClick=e=>{i||l.triggerCheckAllEvent(e,!s)}),Object.assign(Object.assign({},e),{checked:s,disabled:i,indeterminate:d}));if("obsolete"===getConfig().tableHeadeSlotToTitleSlot){n=n?n.header:null;if(n)return renderHeaderCellBaseVNs(e,renderTitleContent(g,l.callSlot(n,g)))}return renderHeaderCellBaseVNs(e,renderTitleContent(g,(o?u:!1!==u)?[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":s,"is--disabled":i,"is--indeterminate":d}],title:_xeUtils.default.eqNull(c)?getI18n("vxe.table.allTitle"):""+(c||"")},p),[(0,_vue.h)("span",{class:["vxe-checkbox--icon",d?getIcon().TABLE_CHECKBOX_INDETERMINATE:s?getIcon().TABLE_CHECKBOX_CHECKED:i?getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})].concat(a||C?[(0,_vue.h)("span",{class:"vxe-checkbox--label"},a?l.callSlot(a,g):C)]:[]))]:[(0,_vue.h)("span",{class:"vxe-checkbox--label"},a?l.callSlot(a,g):C)]))},renderCheckboxCell(l){let{$table:t,row:e,column:r,isHidden:n}=l;var a=t.props.treeConfig,{updateCheckboxFlag:o,isRowGroupStatus:s}=t.reactData,{selectCheckboxMaps:d,treeIndeterminateRowMaps:i}=t.internalData,{computeCheckboxOpts:u,computeAggregateOpts:c}=t.getComputeMaps(),c=c.value.mapChildrenField;let{labelField:C,checkMethod:p,visibleMethod:g}=u.value;var u=r.slots,v=u?u.default:null,u=u?u.checkbox:null;let b=!1,h=!1,E=!0,_=!1;var m,f={},d=(n||(m=(0,_util.getRowid)(t,e),h=!!o&&!!d[m],p&&s&&t.isAggregateRecord(e)?(o=e[c||""])&&o.length&&!o.every(e=>!p({$table:t,row:e}))||(_=!0):(E=!g||g({$table:t,row:e}),_=p?!p({$table:t,row:e}):!!p),(a||s)&&(b=!!i[m]),f.onClick=e=>{!_&&E&&t.triggerCheckRowEvent(e,l,!h)}),Object.assign(Object.assign({},l),{checked:h,disabled:_,visible:E,indeterminate:b}));return u?renderCellBaseVNs(l,t.callSlot(u,d)):(c=[],E&&c.push((0,_vue.h)("span",{class:["vxe-checkbox--icon",b?getIcon().TABLE_CHECKBOX_INDETERMINATE:h?getIcon().TABLE_CHECKBOX_CHECKED:_?getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(v||C)&&c.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},v?t.callSlot(v,d):_xeUtils.default.get(e,C))),renderCellBaseVNs(l,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":h,"is--disabled":_,"is--indeterminate":b,"is--hidden":!E}]},f),c)]))},renderDeepSelectionCell(e){return Cell.renderDeepNodeBtn(e,Cell.renderCheckboxCell(e))},renderCheckboxCellByProp(l){let{$table:t,row:e,column:r,isHidden:n}=l;var a=t.props.treeConfig,{updateCheckboxFlag:o,isRowGroupStatus:s}=t.reactData,d=t.internalData.treeIndeterminateRowMaps,{computeCheckboxOpts:i,computeAggregateOpts:u}=t.getComputeMaps(),u=u.value.mapChildrenField,i=i.value;let{labelField:c,checkField:C,checkMethod:p,visibleMethod:g}=i;var i=i.indeterminateField||i.halfField,v=r.slots,b=v?v.default:null,v=v?v.checkbox:null;let h=!1,E=!1,_=!0,m=!1;var f,x={},u=(n||(f=(0,_util.getRowid)(t,e),E=!!o&&_xeUtils.default.get(e,C),p&&s&&t.isAggregateRecord(e)?(o=e[u||""])&&o.length&&!o.every(e=>!p({$table:t,row:e}))||(m=!0):(_=!g||g({$table:t,row:e}),m=p?!p({$table:t,row:e}):!!p),(a||s)&&(h=!!d[f]),x.onClick=e=>{!m&&_&&t.triggerCheckRowEvent(e,l,!E)}),Object.assign(Object.assign({},l),{checked:E,disabled:m,visible:_,indeterminate:h}));return v?renderCellBaseVNs(l,t.callSlot(v,u)):(o=[],_&&(o.push((0,_vue.h)("span",{class:["vxe-checkbox--icon",h?getIcon().TABLE_CHECKBOX_INDETERMINATE:E?getIcon().TABLE_CHECKBOX_CHECKED:m?getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),b||c)&&o.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},b?t.callSlot(b,u):_xeUtils.default.get(e,c))),renderCellBaseVNs(l,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":E,"is--disabled":m,"is--indeterminate":i&&!E?e[i]:h,"is--hidden":!_}]},x),o)]))},renderDeepSelectionCellByProp(e){return Cell.renderDeepNodeBtn(e,Cell.renderCheckboxCellByProp(e))},renderExpandCell(l){let{$table:t,isHidden:e,row:r,column:n}=l;var a=t.reactData.isRowGroupStatus,{rowExpandedMaps:o,rowExpandLazyLoadedMaps:s}=t.internalData,d=t.getComputeMaps().computeExpandOpts,{lazy:d,labelField:i,iconLoaded:u,showIcon:c,iconOpen:C,iconClose:p,visibleMethod:g}=d.value,v=n.slots,b=v?v.default:null,v=v?v.icon:null;let h=!1,E=!1;return a&&r.isAggregate?renderCellBaseVNs(l,[]):v?renderCellBaseVNs(l,t.callSlot(v,l)):(e||(a=(0,_util.getRowid)(t,r),h=!!o[a],d&&(E=!!s[a])),renderCellBaseVNs(l,[!c||g&&!g(l)?renderEmptyElement(t):(0,_vue.h)("div",{class:["vxe-table--expanded",{"is--active":h}]},[(0,_vue.h)("span",{class:"vxe-table--expand-btn",onMousedown(e){e.stopPropagation()},onClick(e){t.triggerRowExpandEvent(e,l)}},[(0,_vue.h)("i",{class:E?u||getIcon().TABLE_EXPAND_LOADED:h?C||getIcon().TABLE_EXPAND_OPEN:p||getIcon().TABLE_EXPAND_CLOSE})])]),b||i?(0,_vue.h)("div",{class:"vxe-table--expand-label"},b?t.callSlot(b,l):_xeUtils.default.get(r,i)):renderEmptyElement(t)]))},renderExpandData(e){var{$table:l,column:t}=e,{slots:t,contentRender:r}=t,t=t?t.content:null;if(t)return l.callSlot(t,e);if(r){t=l.getComputeMaps().computeRendererOpts,l=t.value,t=r.name?l[r.name]||renderer.get(r.name):null;if(t){l=t.renderTableExpand||t.renderExpand;if(l)return(0,_vn.getSlotVNs)(l(r,e))}}return[]},renderHTMLCell(e){var{$table:l,column:t}=e,t=t.slots,t=t?t.default:null;return renderCellBaseVNs(e,t?l.callSlot(t,e):[(0,_vue.h)("span",{class:"vxe-cell--html",innerHTML:getDefaultCellLabel(e)})])},renderDeepHTMLCell(e){return Cell.renderDeepNodeBtn(e,Cell.renderHTMLCell(e))},renderSortAndFilterHeader(e){return renderHeaderCellBaseVNs(e,Cell.renderHeaderTitle(e).concat(Cell.renderSortIcon(e).concat(Cell.renderFilterIcon(e))))},renderSortHeader(e){return renderHeaderCellBaseVNs(e,Cell.renderHeaderTitle(e).concat(Cell.renderSortIcon(e)))},renderSortIcon(e){let{$table:l,column:t}=e;var r=l.getComputeMaps().computeSortOpts,{showIcon:r,allowBtn:n,ascTitle:a,descTitle:o,iconLayout:s,iconAsc:d,iconDesc:i,iconVisibleMethod:u}=r.value,{order:c,slots:C}=t;return!r||u&&!u(e)?[]:(r=C?C.sort:null)?(0,_vn.getSlotVNs)(l.callSlot(r,e)):[(0,_vue.h)("span",{class:["vxe-cell--sort",`vxe-cell--sort-${s}-layout`]},[(0,_vue.h)("i",{class:["vxe-sort--asc-btn",d||getIcon().TABLE_SORT_ASC,{"sort--active":"asc"===c}],title:_xeUtils.default.eqNull(a)?getI18n("vxe.table.sortAsc"):""+(a||""),onClick:n?e=>{e.stopPropagation(),l.triggerSortEvent(e,t,"asc")}:void 0}),(0,_vue.h)("i",{class:["vxe-sort--desc-btn",i||getIcon().TABLE_SORT_DESC,{"sort--active":"desc"===c}],title:_xeUtils.default.eqNull(o)?getI18n("vxe.table.sortDesc"):""+(o||""),onClick:n?e=>{e.stopPropagation(),l.triggerSortEvent(e,t,"desc")}:void 0})])]},renderFilterHeader(e){return renderHeaderCellBaseVNs(e,Cell.renderHeaderTitle(e).concat(Cell.renderFilterIcon(e)))},renderFilterIcon(l){let{$table:t,column:e,hasFilter:r}=l;var n=t.reactData.filterStore,a=t.getComputeMaps().computeFilterOpts,{showIcon:a,iconNone:o,iconMatch:s,iconVisibleMethod:d}=a.value;return!a||d&&!d(l)?[]:[(0,_vue.h)("span",{class:["vxe-cell--filter",{"is--active":n.visible&&n.column===e}],onClick(e){t.triggerFilterEvent&&t.triggerFilterEvent(e,l.column,l)}},[(0,_vue.h)("i",{class:["vxe-filter--btn",r?s||getIcon().TABLE_FILTER_MATCH:o||getIcon().TABLE_FILTER_NONE],title:getI18n("vxe.table.filter")})])]},renderEditHeader(e){var{$table:l,column:t}=e,r=l.props,n=l.getComputeMaps().computeEditOpts,{editConfig:r,editRules:a}=r,n=n.value,{sortable:o,filters:s,editRender:d}=t,r=r&&(0,_utils.isEnableConf)(r),d=r&&(0,_utils.isEnableConf)(d)?d:null;let i=!1,u=(a&&(a=t.rules||_xeUtils.default.get(a,t.field))&&(i=a.some(e=>e.required)),[]);return r&&({showAsterisk:t,showIcon:a,icon:r}=n,u=[i&&t?(0,_vue.h)("span",{class:"vxe-cell--required-icon"},[(0,_vue.h)("i")]):renderEmptyElement(l),d&&a?(0,_vue.h)("span",{class:"vxe-cell--edit-icon"},_xeUtils.default.isFunction(r)?(0,_vn.getSlotVNs)(r({})):[(0,_vue.h)("i",{class:r||getIcon().TABLE_EDIT})]):renderEmptyElement(l)]),renderHeaderCellBaseVNs(e,u.concat(Cell.renderHeaderTitle(e)).concat(o?Cell.renderSortIcon(e):[]).concat(s?Cell.renderFilterIcon(e):[]))},renderRowEdit(e){var{$table:l,column:t}=e,r=l.props.editConfig,l=l.reactData.editStore,l=l.actived,t=t.editRender,r=r&&(0,_utils.isEnableConf)(r)&&(0,_utils.isEnableConf)(t)?t:null;return Cell.runRenderer(e,!(!r||!l||l.row!==e.row))},renderDeepRowEdit(e){return Cell.renderDeepNodeBtn(e,Cell.renderRowEdit(e))},renderCellEdit(e){var{$table:l,column:t}=e,r=l.props.editConfig,l=l.reactData.editStore,l=l.actived,t=t.editRender,r=r&&(0,_utils.isEnableConf)(r)&&(0,_utils.isEnableConf)(t)?t:null;return Cell.runRenderer(e,!(!r||!l||l.row!==e.row||l.column!==e.column))},renderDeepCellEdit(e){return Cell.renderDeepNodeBtn(e,Cell.renderCellEdit(e))},runRenderer(e,l){var{$table:t,row:r,column:n}=e,a=t.props.editConfig,o=t.reactData.isRowGroupStatus,{slots:n,field:s,editRender:d,formatter:i}=n,a=a&&(0,_utils.isEnableConf)(a)&&(0,_utils.isEnableConf)(d)?d:null,d=n?n.default:null,u=n?n.groupContent||n["group-content"]:null,n=n?n.edit:null,c=Object.assign({$type:"",isEdit:l},e);if(l&&a)return c.$type="edit",n?t.callSlot(n,c):(l=t.getComputeMaps().computeRendererOpts,n=l.value,(n=(l=a.name?n[a.name]||renderer.get(a.name):null)?l.renderTableEdit||l.renderEdit:null)?(0,_vn.getSlotVNs)(n(a,c)):[]);if(o&&s&&r.isAggregate){l=r,n=t.getComputeMaps().computeAggregateOpts,a=n.value.mapChildrenField,o=l.groupField,s=l.groupContent,r=a&&l[a]||[],n=l.childCount;if(u)return renderCellBaseVNs(e,t.callSlot(u,Object.assign({groupField:o,groupContent:s,childList:r,childCount:n},e)))}else if(d)return renderCellBaseVNs(e,t.callSlot(d,c));return i?renderCellBaseVNs(e,[(0,_vue.h)("span",{class:"vxe-cell--label"},getDefaultCellLabel(c))]):Cell.renderDefaultCell(c)}};var _default=exports.default=Cell;

package/lib/table/src/columnInfo.js

@@ -32,6 +32,10 @@ class ColumnInfo {
     const $xeGrid = $xeTable.xeGrid;
     const $xeGantt = $xeTable.xeGantt;
     const $xeGGWrapper = $xeGrid || $xeGantt;
+    const {
+      computeRendererOpts,
+      computeTreeOpts
+    } = $xeTable.getComputeMaps();
     const {
       type,
       field,
@@ -51,7 +55,8 @@ class ColumnInfo {
     const colId = colConfs.colId || _xeUtils.default.uniqueId('col_');
     const defaultVisible = _xeUtils.default.isBoolean(visible) ? visible : true;
     const defaultRenderWidth = width && (0, _dom.isPx)(width) && width !== 'auto' ? Math.max(0, _xeUtils.default.toInteger(width)) : 0;
-    const flCompConf = filterRender && (0, _utils.isEnableConf)(filterRender) ? renderer.get(filterRender.name) : null;
+    const rendererOpts = computeRendererOpts.value;
+    const flCompConf = filterRender && (0, _utils.isEnableConf)(filterRender) && filterRender.name ? rendererOpts[filterRender.name] || renderer.get(filterRender.name) : null;
     const ctFilterOptions = flCompConf ? flCompConf.createTableFilterOptions : null;
     const filters = (0, _util.toFilters)(colConfs.filters, colId);
     const types = ['seq', 'checkbox', 'radio', 'expand', 'html'];
@@ -68,9 +73,6 @@ class ColumnInfo {
       const {
         treeConfig
       } = tableProps;
-      const {
-        computeTreeOpts
-      } = $xeTable.getComputeMaps();
       const treeOpts = computeTreeOpts.value;
       if (treeConfig && (treeOpts.showLine || treeOpts.line)) {
         errLog('vxe.error.errConflicts', ['tree-config.showLine', 'column.type=expand']);

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.ColumnInfo=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("table"),{getI18n,formats,renderer}=_ui.VxeUI;class ColumnInfo{constructor(e,r,{renderHeader:t,renderCell:l,renderFooter:o,renderData:i}={}){var d=e.props,n=e.xeGrid,a=e.xeGantt,s=n||a,{type:u,field:f,width:g,visible:h,fixed:p,align:c,headerAlign:m,footerAlign:x,aggFunc:F,formatter:_,filterMultiple:v,cellRender:M,editRender:b,filterRender:w}=r,C=r.colId||_xeUtils.default.uniqueId("col_"),h=!_xeUtils.default.isBoolean(h)||h,g=g&&(0,_dom.isPx)(g)&&"auto"!==g?Math.max(0,_xeUtils.default.toInteger(g)):0,y=w&&(0,_utils.isEnableConf)(w)?renderer.get(w.name):null,y=y?y.createTableFilterOptions:null,A=(0,_util.toFilters)(r.filters,C),R=["seq","checkbox","radio","expand","html"];u&&-1===R.indexOf(u)&&warnLog("vxe.error.errProp",["type="+u,R.join(", ")]),(_xeUtils.default.isBoolean(M)||M&&!_xeUtils.default.isObject(M))&&warnLog("vxe.error.errProp",["column.cell-render="+M,"column.cell-render={}"]),(_xeUtils.default.isBoolean(b)||b&&!_xeUtils.default.isObject(b))&&warnLog("vxe.error.errProp",["column.edit-render="+b,"column.edit-render={}"]),"expand"===u&&(R=d.treeConfig,u=e.getComputeMaps().computeTreeOpts,d=u.value,R)&&(d.showLine||d.line)&&errLog("vxe.error.errConflicts",["tree-config.showLine","column.type=expand"]),_&&(_xeUtils.default.isString(_)?(u=formats.get(_)||_xeUtils.default[_])&&_xeUtils.default.isFunction(u.tableCellFormatMethod||u.cellFormatMethod)||errLog("vxe.error.notFormats",[_]):!_xeUtils.default.isArray(_)||(R=formats.get(_[0])||_xeUtils.default[_[0]])&&_xeUtils.default.isFunction(R.tableCellFormatMethod||R.cellFormatMethod)||errLog("vxe.error.notFormats",[_[0]])),F&&!e.handlePivotTableAggData&&!0!==F&&errLog("vxe.error.errProp",["column.agg-func="+F,"column.agg-func=true"]),f&&b&&(b.startField&&0<=(""+b.startField).indexOf(f)&&errLog("vxe.error.modelConflicts",["field="+f,"edit-render.startField="+b.startField]),b.endField)&&0<=(""+b.endField).indexOf(f)&&errLog("vxe.error.modelConflicts",["field="+f,"edit-render.endField="+b.endField]),Object.assign(this,{type:r.type,property:r.field,field:f,title:r.title,width:r.width,minWidth:r.minWidth,maxWidth:r.maxWidth,resizable:r.resizable,fixed:p,align:c,headerAlign:m,footerAlign:x,showOverflow:r.showOverflow,showHeaderOverflow:r.showHeaderOverflow,showFooterOverflow:r.showFooterOverflow,className:r.className,headerClassName:r.headerClassName,footerClassName:r.footerClassName,formatter:_,headerFormatter:r.headerFormatter,footerFormatter:r.footerFormatter,padding:r.padding,verticalAlign:r.verticalAlign,sortable:r.sortable,sortBy:r.sortBy,sortType:r.sortType,filters:A,filterMultiple:!_xeUtils.default.isBoolean(v)||v,filterMethod:r.filterMethod,filterResetMethod:r.filterResetMethod,filterRecoverMethod:r.filterRecoverMethod,filterRender:w,floatingFilters:r.floatingFilters,rules:r.rules,rowGroupNode:r.rowGroupNode,treeNode:r.treeNode,dragSort:r.dragSort,rowResize:r.rowResize,cellType:r.cellType,cellRender:M,editRender:b,contentRender:r.contentRender,headerExportMethod:r.headerExportMethod,exportMethod:r.exportMethod,footerExportMethod:r.footerExportMethod,titleHelp:r.titleHelp,titlePrefix:r.titlePrefix,titleSuffix:r.titleSuffix,aggFunc:F,copyMethod:r.copyMethod,cutMethod:r.cutMethod,pasteMethod:r.pasteMethod,params:r.params,id:C,parentId:null,visible:h,defaultParentId:null,halfVisible:!1,defaultVisible:h,defaultFixed:p,defaultAlign:c,defaultHeaderAlign:m,defaultFooterAlign:x,defaultAggFunc:F,checked:!1,halfChecked:!1,disabled:!1,level:1,rowSpan:1,colSpan:1,order:null,sortTime:0,sortNumber:0,renderSortNumber:0,renderAggFn:"",renderAggDigits:null,renderAggFormat:null,renderAlign:"",renderHeaderAlign:"",renderFooterAlign:"",renderFixed:"",renderVisible:!1,renderWidth:g,renderHeight:0,renderResizeWidth:0,renderAutoWidth:0,resizeWidth:0,renderLeft:0,renderArgs:[],model:{},renderHeader:t||r.renderHeader,renderCell:l||r.renderCell,renderFooter:o||r.renderFooter,renderData:i,slots:r.slots}),!y||A&&A.length||(this.filters=(0,_util.toFilters)(y({$table:e,column:this}),C)),s&&(d=s.getComputeMaps().computeProxyOpts,(u=d.value).beforeColumn)&&u.beforeColumn({$table:e,$grid:n,$gantt:a,column:this})}getTitle(){return(0,_utils.getFuncText)(this.title||("seq"===this.type?getI18n("vxe.table.seqTitle"):""))}getKey(){var{type:e,field:r}=this;return r||(e?"type="+e:null)}update(e,r){"filters"!==e&&("field"===e&&(this.property=r),this[e]=r)}}exports.ColumnInfo=ColumnInfo;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.ColumnInfo=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("table"),{getI18n,formats,renderer}=_ui.VxeUI;class ColumnInfo{constructor(e,r,{renderHeader:t,renderCell:l,renderFooter:o,renderData:i}={}){var d=e.props,n=e.xeGrid,a=e.xeGantt,s=n||a,{computeRendererOpts:u,computeTreeOpts:f}=e.getComputeMaps(),{type:g,field:h,width:p,visible:c,fixed:m,align:x,headerAlign:F,footerAlign:_,aggFunc:v,formatter:M,filterMultiple:b,cellRender:w,editRender:C,filterRender:y}=r,A=r.colId||_xeUtils.default.uniqueId("col_"),c=!_xeUtils.default.isBoolean(c)||c,p=p&&(0,_dom.isPx)(p)&&"auto"!==p?Math.max(0,_xeUtils.default.toInteger(p)):0,u=u.value,u=y&&(0,_utils.isEnableConf)(y)&&y.name?u[y.name]||renderer.get(y.name):null,u=u?u.createTableFilterOptions:null,R=(0,_util.toFilters)(r.filters,A),O=["seq","checkbox","radio","expand","html"];g&&-1===O.indexOf(g)&&warnLog("vxe.error.errProp",["type="+g,O.join(", ")]),(_xeUtils.default.isBoolean(w)||w&&!_xeUtils.default.isObject(w))&&warnLog("vxe.error.errProp",["column.cell-render="+w,"column.cell-render={}"]),(_xeUtils.default.isBoolean(C)||C&&!_xeUtils.default.isObject(C))&&warnLog("vxe.error.errProp",["column.edit-render="+C,"column.edit-render={}"]),"expand"===g&&(O=d.treeConfig,g=f.value,O)&&(g.showLine||g.line)&&errLog("vxe.error.errConflicts",["tree-config.showLine","column.type=expand"]),M&&(_xeUtils.default.isString(M)?(d=formats.get(M)||_xeUtils.default[M])&&_xeUtils.default.isFunction(d.tableCellFormatMethod||d.cellFormatMethod)||errLog("vxe.error.notFormats",[M]):!_xeUtils.default.isArray(M)||(f=formats.get(M[0])||_xeUtils.default[M[0]])&&_xeUtils.default.isFunction(f.tableCellFormatMethod||f.cellFormatMethod)||errLog("vxe.error.notFormats",[M[0]])),v&&!e.handlePivotTableAggData&&!0!==v&&errLog("vxe.error.errProp",["column.agg-func="+v,"column.agg-func=true"]),h&&C&&(C.startField&&0<=(""+C.startField).indexOf(h)&&errLog("vxe.error.modelConflicts",["field="+h,"edit-render.startField="+C.startField]),C.endField)&&0<=(""+C.endField).indexOf(h)&&errLog("vxe.error.modelConflicts",["field="+h,"edit-render.endField="+C.endField]),Object.assign(this,{type:r.type,property:r.field,field:h,title:r.title,width:r.width,minWidth:r.minWidth,maxWidth:r.maxWidth,resizable:r.resizable,fixed:m,align:x,headerAlign:F,footerAlign:_,showOverflow:r.showOverflow,showHeaderOverflow:r.showHeaderOverflow,showFooterOverflow:r.showFooterOverflow,className:r.className,headerClassName:r.headerClassName,footerClassName:r.footerClassName,formatter:M,headerFormatter:r.headerFormatter,footerFormatter:r.footerFormatter,padding:r.padding,verticalAlign:r.verticalAlign,sortable:r.sortable,sortBy:r.sortBy,sortType:r.sortType,filters:R,filterMultiple:!_xeUtils.default.isBoolean(b)||b,filterMethod:r.filterMethod,filterResetMethod:r.filterResetMethod,filterRecoverMethod:r.filterRecoverMethod,filterRender:y,floatingFilters:r.floatingFilters,rules:r.rules,rowGroupNode:r.rowGroupNode,treeNode:r.treeNode,dragSort:r.dragSort,rowResize:r.rowResize,cellType:r.cellType,cellRender:w,editRender:C,contentRender:r.contentRender,headerExportMethod:r.headerExportMethod,exportMethod:r.exportMethod,footerExportMethod:r.footerExportMethod,titleHelp:r.titleHelp,titlePrefix:r.titlePrefix,titleSuffix:r.titleSuffix,aggFunc:v,copyMethod:r.copyMethod,cutMethod:r.cutMethod,pasteMethod:r.pasteMethod,params:r.params,id:A,parentId:null,visible:c,defaultParentId:null,halfVisible:!1,defaultVisible:c,defaultFixed:m,defaultAlign:x,defaultHeaderAlign:F,defaultFooterAlign:_,defaultAggFunc:v,checked:!1,halfChecked:!1,disabled:!1,level:1,rowSpan:1,colSpan:1,order:null,sortTime:0,sortNumber:0,renderSortNumber:0,renderAggFn:"",renderAggDigits:null,renderAggFormat:null,renderAlign:"",renderHeaderAlign:"",renderFooterAlign:"",renderFixed:"",renderVisible:!1,renderWidth:p,renderHeight:0,renderResizeWidth:0,renderAutoWidth:0,resizeWidth:0,renderLeft:0,renderArgs:[],model:{},renderHeader:t||r.renderHeader,renderCell:l||r.renderCell,renderFooter:o||r.renderFooter,renderData:i,slots:r.slots}),!u||R&&R.length||(this.filters=(0,_util.toFilters)(u({$table:e,column:this}),A)),s&&(O=s.getComputeMaps().computeProxyOpts,(g=O.value).beforeColumn)&&g.beforeColumn({$table:e,$grid:n,$gantt:a,column:this})}getTitle(){return(0,_utils.getFuncText)(this.title||("seq"===this.type?getI18n("vxe.table.seqTitle"):""))}getKey(){var{type:e,field:r}=this;return r||(e?"type="+e:null)}update(e,r){"filters"!==e&&("field"===e&&(this.property=r),this[e]=r)}}exports.ColumnInfo=ColumnInfo;

package/lib/table/src/footer.js

@@ -54,7 +54,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       computeDefaultRowHeight,
       computeResizableOpts,
       computeVirtualXOpts,
-      computeIsFooterRenderOptimize
+      computeIsFooterRenderOptimize,
+      computeRendererOpts
     } = $xeTable.getComputeMaps();
     const refElem = (0, _vue.ref)();
     const refFooterScroll = (0, _vue.ref)();
@@ -104,6 +105,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const cellOpts = computeCellOpts.value;
       const footerCellOpts = computeFooterCellOpts.value;
       const currCellHeight = (0, _util.getCalcHeight)(footerCellOpts.height) || defaultRowHeight;
+      const rendererOpts = computeRendererOpts.value;
       return tableColumn.map((column, $columnIndex) => {
         const {
           type,
@@ -117,7 +119,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         const colid = column.id;
         const colRest = fullColumnIdData[colid] || {};
         const renderOpts = editRender || cellRender;
-        const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
+        const compConf = renderOpts && renderOpts.name ? rendererOpts[renderOpts.name] || renderer.get(renderOpts.name) : null;
         const showAllTip = footerTooltipOpts.showAll;
         const fixedHiddenColumn = overflowX && (fixedType ? column.fixed !== fixedType : !!column.fixed);
         const cellPadding = (0, _utils.getDefaultConfig)(footerCellOpts.padding, cellOpts.padding);

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_util=require("./util"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,sourceType="table",renderType="footer";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableFooter",props:{footerTableData:{type:Array,default:()=>[]},tableColumn:{type:Array,default:()=>[]},fixedColumn:{type:Array,default:()=>[]},fixedType:{type:String,default:null}},setup(c){let ae=(0,_vue.inject)("$xeTable",{}),{xID:f,props:v,reactData:m,internalData:x}=ae,{computeFooterTooltipOpts:l,computeColumnOpts:t,computeCellOpts:o,computeFooterCellOpts:r,computeDefaultRowHeight:i,computeResizableOpts:a,computeVirtualXOpts:n,computeIsFooterRenderOptimize:g}=ae.getComputeMaps(),_=(0,_vue.ref)(),b=(0,_vue.ref)(),h=(0,_vue.ref)(),y=(0,_vue.ref)(),C=(0,_vue.ref)(),w=(0,_vue.ref)(),T=(F,D,I,E,O,S)=>{let z=ae.xeGrid,R=ae.xeGantt,$=c.fixedType,{resizable:k,border:M,footerCellClassName:q,footerCellStyle:A,footerAlign:U,footerSpanMethod:j,align:L,columnKey:X,showFooterOverflow:V}=v,{scrollXLoad:G,scrollYLoad:H,overflowX:N,mergeFootFlag:P,currColFlag:W}=m,{fullColumnIdData:K,mergeFooterList:B,mergeFooterCellMaps:Y,scrollXStore:J,currentCol:Q}=x,Z=n.value,ee=l.value;let le=a.value.isAllColumnDrag,te=t.value;var e=i.value;let oe=o.value,re=r.value,ie=(0,_util.getCalcHeight)(re.height)||e;return D.map((l,e)=>{var{type:t,showFooterOverflow:o,footerAlign:r,align:i,footerClassName:a,editRender:n,cellRender:u}=l,s=l.id,d=K[s]||{},n=n||u,u=n?renderer.get(n.name):null;let p=ee.showAll;var n=N&&($?l.fixed!==$:!!l.fixed),c=(0,_utils.getDefaultConfig)(re.padding,oe.padding),f=!0===c,v=!!c&&(f||!1!==c.top),m=!!c&&(f||!1!==c.bottom),x=!!c&&(f||!1!==c.left),f=!!c&&(f||!1!==c.right),c=(0,_utils.getDefaultConfig)(o,V),o=r||(u?u.tableFooterCellAlign:"")||U||i||(u?u.tableCellAlign:"")||L,r="ellipsis"===(!0===c?ee.mode:c);let g="title"===(!0===c?ee.mode:c),_="tooltip"===(!0===c?ee.mode:c);var i=g||_||r,u=_xeUtils.default.isBoolean(l.resizable)?l.resizable:te.resizable||k,c={colid:s},b={},h=d.index,d=d._index,y=d;let C={$table:ae,$grid:z,$gantt:R,row:E,rowIndex:S,_rowIndex:S,$rowIndex:O,column:l,columnIndex:h,$columnIndex:e,_columnIndex:d,itemIndex:y,items:E,fixed:$,source:sourceType,type:renderType,data:I},w=((g||_||p)&&(b.onMouseenter=e=>{g?(0,_dom.updateCellTitle)(e.currentTarget,l):(_||p)&&ae.triggerFooterTooltipEvent(e,C)}),(_||p)&&(b.onMouseleave=e=>{(_||p)&&ae.handleTargetLeaveEvent(e)}),b.onClick=e=>{ae.triggerFooterCellClickEvent(e,C)},!(b.onDblclick=e=>{ae.triggerFooterCellDblclickEvent(e,C)}));if(P&&B.length){h=Y[S+":"+d];if(h){var{rowspan:y,colspan:h}=h;if(!y||!h)return null;1<y&&(w=!0,c.rowspan=y),1<h&&(w=!0,c.colspan=h)}}else if(j){var{rowspan:y=1,colspan:h=1}=j(C)||{};if(!y||!h)return null;1<y&&(c.rowspan=y),1<h&&(c.colspan=h)}y=e===D.length-1,h=!l.resizeWidth&&("auto"===l.minWidth||"auto"===l.width);let T=!1;F&&N&&!w&&G&&10<D.length&&!l.fixed&&!Z.immediate&&(d<J.visibleStartIndex-J.preloadSize||d>J.visibleEndIndex+J.preloadSize)&&(T=!0);d={};return i?d.height=ie+"px":d.minHeight=ie+"px",(0,_vue.h)("td",Object.assign(Object.assign(Object.assign(Object.assign({class:["vxe-table--column vxe-footer--column",l.id,{["col--"+o]:o,["col--"+t]:t,"col--last":y,"fixed--width":!h,"fixed--hidden":n,"is--pg-top":v,"is--pg-bottom":m,"is--pg-left":x,"is--pg-right":f,"col--ellipsis":i,"col--current":W&&Q===l},(0,_dom.getPropClass)(a,C),(0,_dom.getPropClass)(q,C)]},c),{style:A?_xeUtils.default.isFunction(A)?A(C):A:null}),b),{key:X||G||H||te.useKey||te.drag?l.id:e}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":g,"c--tooltip":_,"c--ellipsis":r}],style:d},T?[]:[(0,_vue.h)("div",{colid:s,class:"vxe-cell--wrapper vxe-footer-cell--wrapper"},l.renderFooter(C))]),!n&&u&&le?(0,_vue.h)("div",{class:["vxe-cell--col-resizable",{"is--line":!M||"none"===M}],onMousedown:e=>ae.handleColResizeMousedownEvent(e,$,C),onDblclick:e=>ae.handleColResizeDblclickEvent(e,C)}):renderEmptyElement(ae)])})};return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=c.fixedType,l=x.elemStore,e=`${e||"main"}-footer-`;l[e+"wrapper"]=_,l[e+"scroll"]=b,l[e+"table"]=h,l[e+"colgroup"]=y,l[e+"list"]=C,l[e+"xSpace"]=w})}),(0,_vue.onUnmounted)(()=>{var e=c.fixedType,l=x.elemStore,e=`${e||"main"}-footer-`;l[e+"wrapper"]=null,l[e+"scroll"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null}),()=>{let{fixedType:l,fixedColumn:e,tableColumn:t}=c;var{visibleColumn:o,fullColumnIdData:r}=x,{isGroup:i,isColLoading:a,overflowX:n,scrollXLoad:u,dragCol:s}=m;let d=t;var p=g.value;return p&&(a||!l&&n)||(d=o),l&&p&&(d=e||[]),l||i||u&&s&&2<d.length&&(a=r[s.id])&&(n=a._index,o=d[0],i=d[d.length-1],u=r[o.id],a=r[i.id],u)&&a&&(o=u._index,r=a._index,n<o?d=[s].concat(d):r<n&&(d=d.concat([s]))),(0,_vue.h)("div",{ref:_,class:["vxe-table--footer-wrapper",l?`fixed-${l}--wrapper`:"body--wrapper"],xid:f},[(0,_vue.h)("div",{ref:b,class:"vxe-table--footer-inner-wrapper",onScroll(e){ae.triggerFooterScrollEvent(e,l)}},[l?renderEmptyElement(ae):(0,_vue.h)("div",{ref:w,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:h,class:"vxe-table--footer",xid:f,cellspacing:0,cellpadding:0,border:0,xvm:p?"1":null},[(0,_vue.h)("colgroup",{ref:y},d.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),(0,_vue.h)("tfoot",{ref:C},((o,r)=>{let{fixedType:i,footerTableData:a}=c,{footerRowClassName:n,footerRowStyle:u}=v;return a.map((e,l)=>{var t=l,t={$table:ae,row:e,rowIndex:l,_rowIndex:l,$rowIndex:t,fixed:i,type:renderType};return(0,_vue.h)("tr",{key:l,class:["vxe-footer--row",n?_xeUtils.default.isFunction(n)?n(t):n:""],style:u?_xeUtils.default.isFunction(u)?u(t):u:null},T(o,r,a,e,l,l))})})(p,d))])])])}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_util=require("./util"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,sourceType="table",renderType="footer";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableFooter",props:{footerTableData:{type:Array,default:()=>[]},tableColumn:{type:Array,default:()=>[]},fixedColumn:{type:Array,default:()=>[]},fixedType:{type:String,default:null}},setup(c){let ne=(0,_vue.inject)("$xeTable",{}),{xID:f,props:v,reactData:m,internalData:x}=ne,{computeFooterTooltipOpts:l,computeColumnOpts:t,computeCellOpts:o,computeFooterCellOpts:r,computeDefaultRowHeight:i,computeResizableOpts:a,computeVirtualXOpts:n,computeIsFooterRenderOptimize:g,computeRendererOpts:u}=ne.getComputeMaps(),_=(0,_vue.ref)(),b=(0,_vue.ref)(),h=(0,_vue.ref)(),y=(0,_vue.ref)(),C=(0,_vue.ref)(),w=(0,_vue.ref)(),T=(F,D,I,O,E,S)=>{let z=ne.xeGrid,R=ne.xeGantt,$=c.fixedType,{resizable:k,border:M,footerCellClassName:q,footerCellStyle:A,footerAlign:U,footerSpanMethod:j,align:L,columnKey:X,showFooterOverflow:V}=v,{scrollXLoad:G,scrollYLoad:H,overflowX:N,mergeFootFlag:P,currColFlag:W}=m,{fullColumnIdData:K,mergeFooterList:B,mergeFooterCellMaps:Y,scrollXStore:J,currentCol:Q}=x,Z=n.value,ee=l.value;let le=a.value.isAllColumnDrag,te=t.value;var e=i.value;let oe=o.value,re=r.value,ie=(0,_util.getCalcHeight)(re.height)||e,ae=u.value;return D.map((l,e)=>{var{type:t,showFooterOverflow:o,footerAlign:r,align:i,footerClassName:a,editRender:n,cellRender:u}=l,s=l.id,d=K[s]||{},n=n||u,u=n&&n.name?ae[n.name]||renderer.get(n.name):null;let p=ee.showAll;var n=N&&($?l.fixed!==$:!!l.fixed),c=(0,_utils.getDefaultConfig)(re.padding,oe.padding),f=!0===c,v=!!c&&(f||!1!==c.top),m=!!c&&(f||!1!==c.bottom),x=!!c&&(f||!1!==c.left),f=!!c&&(f||!1!==c.right),c=(0,_utils.getDefaultConfig)(o,V),o=r||(u?u.tableFooterCellAlign:"")||U||i||(u?u.tableCellAlign:"")||L,r="ellipsis"===(!0===c?ee.mode:c);let g="title"===(!0===c?ee.mode:c),_="tooltip"===(!0===c?ee.mode:c);var i=g||_||r,u=_xeUtils.default.isBoolean(l.resizable)?l.resizable:te.resizable||k,c={colid:s},b={},h=d.index,d=d._index,y=d;let C={$table:ne,$grid:z,$gantt:R,row:O,rowIndex:S,_rowIndex:S,$rowIndex:E,column:l,columnIndex:h,$columnIndex:e,_columnIndex:d,itemIndex:y,items:O,fixed:$,source:sourceType,type:renderType,data:I},w=((g||_||p)&&(b.onMouseenter=e=>{g?(0,_dom.updateCellTitle)(e.currentTarget,l):(_||p)&&ne.triggerFooterTooltipEvent(e,C)}),(_||p)&&(b.onMouseleave=e=>{(_||p)&&ne.handleTargetLeaveEvent(e)}),b.onClick=e=>{ne.triggerFooterCellClickEvent(e,C)},!(b.onDblclick=e=>{ne.triggerFooterCellDblclickEvent(e,C)}));if(P&&B.length){h=Y[S+":"+d];if(h){var{rowspan:y,colspan:h}=h;if(!y||!h)return null;1<y&&(w=!0,c.rowspan=y),1<h&&(w=!0,c.colspan=h)}}else if(j){var{rowspan:y=1,colspan:h=1}=j(C)||{};if(!y||!h)return null;1<y&&(c.rowspan=y),1<h&&(c.colspan=h)}y=e===D.length-1,h=!l.resizeWidth&&("auto"===l.minWidth||"auto"===l.width);let T=!1;F&&N&&!w&&G&&10<D.length&&!l.fixed&&!Z.immediate&&(d<J.visibleStartIndex-J.preloadSize||d>J.visibleEndIndex+J.preloadSize)&&(T=!0);d={};return i?d.height=ie+"px":d.minHeight=ie+"px",(0,_vue.h)("td",Object.assign(Object.assign(Object.assign(Object.assign({class:["vxe-table--column vxe-footer--column",l.id,{["col--"+o]:o,["col--"+t]:t,"col--last":y,"fixed--width":!h,"fixed--hidden":n,"is--pg-top":v,"is--pg-bottom":m,"is--pg-left":x,"is--pg-right":f,"col--ellipsis":i,"col--current":W&&Q===l},(0,_dom.getPropClass)(a,C),(0,_dom.getPropClass)(q,C)]},c),{style:A?_xeUtils.default.isFunction(A)?A(C):A:null}),b),{key:X||G||H||te.useKey||te.drag?l.id:e}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":g,"c--tooltip":_,"c--ellipsis":r}],style:d},T?[]:[(0,_vue.h)("div",{colid:s,class:"vxe-cell--wrapper vxe-footer-cell--wrapper"},l.renderFooter(C))]),!n&&u&&le?(0,_vue.h)("div",{class:["vxe-cell--col-resizable",{"is--line":!M||"none"===M}],onMousedown:e=>ne.handleColResizeMousedownEvent(e,$,C),onDblclick:e=>ne.handleColResizeDblclickEvent(e,C)}):renderEmptyElement(ne)])})};return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=c.fixedType,l=x.elemStore,e=`${e||"main"}-footer-`;l[e+"wrapper"]=_,l[e+"scroll"]=b,l[e+"table"]=h,l[e+"colgroup"]=y,l[e+"list"]=C,l[e+"xSpace"]=w})}),(0,_vue.onUnmounted)(()=>{var e=c.fixedType,l=x.elemStore,e=`${e||"main"}-footer-`;l[e+"wrapper"]=null,l[e+"scroll"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null}),()=>{let{fixedType:l,fixedColumn:e,tableColumn:t}=c;var{visibleColumn:o,fullColumnIdData:r}=x,{isGroup:i,isColLoading:a,overflowX:n,scrollXLoad:u,dragCol:s}=m;let d=t;var p=g.value;return p&&(a||!l&&n)||(d=o),l&&p&&(d=e||[]),l||i||u&&s&&2<d.length&&(a=r[s.id])&&(n=a._index,o=d[0],i=d[d.length-1],u=r[o.id],a=r[i.id],u)&&a&&(o=u._index,r=a._index,n<o?d=[s].concat(d):r<n&&(d=d.concat([s]))),(0,_vue.h)("div",{ref:_,class:["vxe-table--footer-wrapper",l?`fixed-${l}--wrapper`:"body--wrapper"],xid:f},[(0,_vue.h)("div",{ref:b,class:"vxe-table--footer-inner-wrapper",onScroll(e){ne.triggerFooterScrollEvent(e,l)}},[l?renderEmptyElement(ne):(0,_vue.h)("div",{ref:w,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:h,class:"vxe-table--footer",xid:f,cellspacing:0,cellpadding:0,border:0,xvm:p?"1":null},[(0,_vue.h)("colgroup",{ref:y},d.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),(0,_vue.h)("tfoot",{ref:C},((o,r)=>{let{fixedType:i,footerTableData:a}=c,{footerRowClassName:n,footerRowStyle:u}=v;return a.map((e,l)=>{var t=l,t={$table:ne,row:e,rowIndex:l,_rowIndex:l,$rowIndex:t,fixed:i,type:renderType};return(0,_vue.h)("tr",{key:l,class:["vxe-footer--row",n?_xeUtils.default.isFunction(n)?n(t):n:""],style:u?_xeUtils.default.isFunction(u)?u(t):u:null},T(o,r,a,e,l,l))})})(p,d))])])])}}});

package/lib/table/src/header.js

@@ -48,7 +48,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       computeVirtualXOpts,
       computeFloatingFilterOpts,
       computeIsHeaderRenderOptimize,
-      computeHeaderTooltipOpts
+      computeHeaderTooltipOpts,
+      computeRendererOpts
     } = $xeTable.getComputeMaps();
     const headerColumn = (0, _vue.ref)([]);
     const refElem = (0, _vue.ref)();
@@ -127,6 +128,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const cellOpts = computeCellOpts.value;
       const defaultRowHeight = computeDefaultRowHeight.value;
       const headerCellOpts = computeHeaderCellOpts.value;
+      const rendererOpts = computeRendererOpts.value;
       const currCellHeight = (0, _util.getCalcHeight)(headerCellOpts.height) || defaultRowHeight;
       const {
         disabledMethod: dragDisabledMethod,
@@ -148,7 +150,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         const colid = column.id;
         const colRest = fullColumnIdData[colid] || {};
         const renderOpts = editRender || cellRender;
-        const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
+        const compConf = renderOpts && renderOpts.name ? rendererOpts[renderOpts.name] || renderer.get(renderOpts.name) : null;
         const isColGroup = column.children && column.children.length;
         const fixedHiddenColumn = overflowX && !isColGroup && (fixedType ? column.fixed !== fixedType : !!column.fixed);
         const cellPadding = (0, _utils.getDefaultConfig)(headerCellOpts.padding, cellOpts.padding);
@@ -336,6 +338,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const defaultRowHeight = computeDefaultRowHeight.value;
       const headerCellOpts = computeHeaderCellOpts.value;
       const floatingFilterOpts = computeFloatingFilterOpts.value;
+      const rendererOpts = computeRendererOpts.value;
       const {
         cellClassName
       } = floatingFilterOpts;
@@ -357,8 +360,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         const colRest = fullColumnIdData[colid] || {};
         const renderOpts = editRender || cellRender;
         const flSlot = slots ? slots.floatingFilter || slots['floating-filter'] : null;
-        const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
-        const flCompConf = (0, _utils.isEnableConf)(filterRender) ? renderer.get(filterRender.name) : null;
+        const compConf = renderOpts && renderOpts.name ? rendererOpts[renderOpts.name] || renderer.get(renderOpts.name) : null;
+        const flCompConf = (0, _utils.isEnableConf)(filterRender) && filterRender.name ? rendererOpts[filterRender.name] || renderer.get(filterRender.name) : null;
         const rtFloatingFilter = flCompConf ? flCompConf.renderTableFloatingFilter : null;
         const fixedHiddenColumn = overflowX && (fixedType ? column.fixed !== fixedType : !!column.fixed);
         const isPadding = _xeUtils.default.isBoolean(headerCellOpts.padding) ? headerCellOpts.padding : cellOpts.padding;

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,sourceType="table",renderType="header";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup(h){let ge=(0,_vue.inject)("$xeTable",{}),{xID:x,props:f,reactData:m,internalData:_}=ge,{computeColumnOpts:r,computeColumnDragOpts:a,computeCellOpts:t,computeMouseOpts:b,computeHeaderCellOpts:i,computeDefaultRowHeight:n,computeVirtualXOpts:o,computeFloatingFilterOpts:U,computeIsHeaderRenderOptimize:C,computeHeaderTooltipOpts:d}=ge.getComputeMaps(),w=(0,_vue.ref)([]),y=(0,_vue.ref)(),H=(0,_vue.ref)(),D=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),I=(0,_vue.ref)(),s=(0,_vue.ref)(),u=()=>{var e=f.showCustomHeader;let{collectColumn:l,visibleColumn:r}=_;var a=h.tableGroupColumn,t=m.isGroup;let i=t?(0,_util.convertHeaderColumnToRows)(a):[],n=[];e&&1<i.length&&(n=(0,_util.convertHeaderToGridRows)(i),i=n),w.value=i,(0,_vue.nextTick)(()=>{ge.dispatchEvent("columns-change",{visibleColgroups:n,collectColumn:l,visibleColumn:r},null)})},O=(O,S,e,F,k)=>{let R=ge.xeGrid,$=ge.xeGantt,M=h.fixedType,{resizable:z,columnKey:A,showCustomHeader:U,headerCellClassName:q,headerCellStyle:G,showHeaderOverflow:N,headerAlign:X,align:j,mouseConfig:W}=f,{dragCol:L,scrollXLoad:V,scrollYLoad:B,overflowX:K,mergeHeadFlag:P,tableColumn:Y,currColFlag:J}=m,{fullColumnIdData:Q,scrollXStore:Z,mergeHeaderList:ee,mergeHeaderCellMaps:le,currentCol:re}=_,ue=o.value,ae=r.value,te=a.value,ie=d.value,ce=t.value;var l=n.value;let ne=i.value,oe=(0,_util.getCalcHeight)(ne.height)||l,{disabledMethod:de,isCrossDrag:pe,isPeerDrag:ve}=te,se=F===e.length-1;return k.map((e,l)=>{var{type:r,showHeaderOverflow:a,headerAlign:t,align:i,filters:n,headerClassName:o,editRender:d,cellRender:s}=e,u=e.id,c=Q[u]||{},d=d||s,s=d?renderer.get(d.name):null,d=e.children&&e.children.length,p=K&&!d&&(M?e.fixed!==M:!!e.fixed),v=(0,_utils.getDefaultConfig)(ne.padding,ce.padding),g=!0===v,h=!!v&&(g||!1!==v.top),x=!!v&&(g||!1!==v.bottom),f=!!v&&(g||!1!==v.left),g=!!v&&(g||!1!==v.right),v=(0,_utils.getDefaultConfig)(a,N),a=t||(s?s.tableHeaderCellAlign:"")||X||i||(s?s.tableCellAlign:"")||j,t="ellipsis"===(!0===v?ie.mode:v),i="title"===(!0===v?ie.mode:v),s="tooltip"===(!0===v?ie.mode:v),v=i||s||t;let m=!1,_=null;n&&(_=n[0],m=n.some(e=>e.checked));var b=c.index,c=c._index;let C={$table:ge,$grid:R,$gantt:$,rowIndex:F,_rowIndex:F,$rowIndex:F,column:e,columnIndex:b,$columnIndex:l,_columnIndex:c,firstFilterOption:_,fixed:M,source:sourceType,type:renderType,isHidden:p,hasFilter:m};b={colid:u};let w=!1;if(U||(b.colspan=1<e.colSpan?e.colSpan:null,b.rowspan=1<e.rowSpan?e.rowSpan:null),P&&ee.length&&(U||se)){var y=le[F+":"+(U?l:c)];if(y){var{rowspan:y,colspan:H}=y;if(!y||!H)return null;1<y&&(w=!0,b.rowspan=y),1<H&&(w=!0,b.colspan=H)}}y={onClick:e=>ge.triggerHeaderCellClickEvent(e,C),onDblclick:e=>ge.triggerHeaderCellDblclickEvent(e,C)},H=ae.drag&&"cell"===te.trigger;let D=!1;H&&(D=!(!de||!de(C))),(W||H)&&(y.onMousedown=e=>ge.triggerHeaderCellMousedownEvent(e,C)),ae.drag&&(y.onDragstart=ge.handleHeaderCellDragDragstartEvent,y.onDragend=ge.handleHeaderCellDragDragendEvent,y.onDragover=ge.handleHeaderCellDragDragoverEvent,H)&&(y.onMouseup=ge.handleHeaderCellDragMouseupEvent);var H=l===k.length-1,T=_xeUtils.default.isBoolean(e.resizable)?e.resizable:ae.resizable||z,E=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width);let I=!1;!S||!K||O||w||L&&L.id===u||V&&10<Y.length&&!e.fixed&&!ue.immediate&&(c<Z.visibleStartIndex-Z.preloadSize||c>Z.visibleEndIndex+Z.preloadSize)&&(I=!0);c={};if(v?c.height=oe+"px":c.minHeight=oe+"px",!U&&d&&!se){let l=0;_xeUtils.default.eachTree(e.children,e=>{!e.visible||e.children&&e.children.length||(l+=e.renderWidth)}),c.width=l+"px"}return(0,_vue.h)("th",Object.assign(Object.assign(Object.assign({class:["vxe-table--column vxe-header--column",u,p?"fixed--hidden":"fixed--visible",{["col--"+a]:a,["col--"+r]:r,"col--last":H,"col--fixed":e.fixed,"col--group":d,"col--ellipsis":v,"fixed--width":!E,"is--pg-top":h,"is--pg-bottom":x,"is--pg-left":f,"is--pg-right":g,"is--sortable":e.sortable,"col--filter":!!n,"is--filter-active":m,"is--drag-active":ae.drag&&!e.fixed&&!D&&(pe||ve||!e.parentId),"is--drag-disabled":ae.drag&&D,"col--current":J&&re===e},o?_xeUtils.default.isFunction(o)?o(C):o:"",q?_xeUtils.default.isFunction(q)?q(C):q:""],style:G?_xeUtils.default.isFunction(G)?G(C):G:null},b),y),{key:U?""+u+l:A||V||B||ae.useKey||ae.drag||d?u:l}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":i,"c--tooltip":s,"c--ellipsis":t}],style:c},I||S&&p?[]:[(0,_vue.h)("div",{colid:u,class:"vxe-cell--wrapper vxe-header-cell--wrapper"},e.renderHeader(C))]),p||!T||U&&!se?renderEmptyElement(ge):(0,_vue.h)("div",{class:"vxe-cell--col-resizable",onMousedown:e=>ge.handleColResizeMousedownEvent(e,M,C),onDblclick:e=>ge.handleColResizeDblclickEvent(e,C)})])})},S=(C,w)=>{let y=ge.xeGrid,H=ge.xeGantt,D=h.fixedType,{showHeaderOverflow:T,headerAlign:E,align:I}=f,{overflowX:O,currColFlag:S}=m,{fullColumnIdData:F,currentCol:k}=_,R=d.value,$=t.value;var e=n.value;let M=i.value,z=U.value.cellClassName,A=(0,_util.getCalcHeight)(M.height)||e;return w.map((e,l)=>{var{type:r,showHeaderOverflow:a,headerAlign:t,align:i,filters:n,editRender:o,cellRender:d,floatingFilters:s,filterRender:u,slots:c}=e,p=e.id,v=F[p]||{},o=o||d,d=c?c.floatingFilter||c["floating-filter"]:null,c=o?renderer.get(o.name):null,o=(0,_utils.isEnableConf)(u)?renderer.get(u.name):null,o=o?o.renderTableFloatingFilter:null,g=O&&(D?e.fixed!==D:!!e.fixed),h=(_xeUtils.default.isBoolean(M.padding)?M:$).padding,a=_xeUtils.default.eqNull(a)?T:a,t=t||(c?c.tableHeaderCellAlign:"")||E||i||(c?c.tableCellAlign:"")||I,i="ellipsis"===a,c="title"===a,a=!0===a?"tooltip"===R.mode:"tooltip"===a,x=c||a||i;let f=!1,m=null;n&&(m=n[0],f=n.some(e=>e.checked));var n=v.index,v=v._index,n={$table:ge,$grid:y,$gantt:H,column:e,columnIndex:n,$columnIndex:l,_columnIndex:v,option:m,fixed:D,source:sourceType,type:renderType,isHidden:g,hasFilter:f},v={colid:p},l=l===w.length-1,_=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width),b={};return x?b.height=A+"px":b.minHeight=A+"px",(0,_vue.h)("th",Object.assign({class:["vxe-table--column vxe-header--column is--floating-filters",p,g?"fixed--hidden":"fixed--visible",{["col--"+t]:t,["col--"+r]:r,"col--last":l,"col--fixed":e.fixed,"col--ellipsis":x,"fixed--width":!_,"is--padding":h,"is--sortable":e.sortable,"col--current":S&&k===e}],key:p},v),[(0,_vue.h)("div",{class:["vxe-cell",""+(z||""),{"c--title":c,"c--tooltip":a,"c--ellipsis":i}],style:b},C&&g&&!s?[]:[(0,_vue.h)("div",{colid:p,class:"vxe-cell--wrapper vxe-header-cell--wrapper"},d?ge.callSlot(d,n):o&&m?(0,_vn.getSlotVNs)(o(u,n)):[])])])})};return(0,_vue.watch)(()=>h.tableColumn,u),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=h.fixedType,l=ge.internalData,l=l.elemStore,e=`${e||"main"}-header-`;l[e+"wrapper"]=y,l[e+"scroll"]=H,l[e+"table"]=D,l[e+"colgroup"]=T,l[e+"list"]=E,l[e+"xSpace"]=I,l[e+"repair"]=s,u()})}),(0,_vue.onUnmounted)(()=>{var e=h.fixedType,l=ge.internalData,l=l.elemStore,e=`${e||"main"}-header-`;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+"repair"]=null}),()=>{let{fixedType:l,fixedColumn:e,tableColumn:r}=h;var a=f.mouseConfig,{isGroup:t,isColLoading:i,overflowX:n,scrollXLoad:o,dragCol:d}=m,{visibleColumn:s,fullColumnIdData:u}=_,c=b.value,p=C.value;let v=w.value||[],g=r;return t?g=s:(p&&(i||!l&&n)||(g=s),l&&p&&(g=e||[]),v=[g]),l||t||o&&d&&2<g.length&&(i=u[d.id])&&(n=i._index,s=g[0],o=g[g.length-1],i=u[s.id],s=u[o.id],i)&&s&&(u=i._index,o=s._index,n<u?(g=[d].concat(g),v=[[d].concat(v[0])].concat(v.slice(1))):o<n&&(g=g.concat([d]),v=[v[0].concat([d])].concat(v.slice(1)))),(0,_vue.h)("div",{ref:y,class:["vxe-table--header-wrapper",l?`fixed-${l}--wrapper`:"body--wrapper"],xid:x},[(0,_vue.h)("div",{ref:H,class:"vxe-table--header-inner-wrapper",onScroll(e){ge.triggerHeaderScrollEvent(e,l)}},[l?renderEmptyElement(ge):(0,_vue.h)("div",{ref:I,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:D,class:"vxe-table--header",xid:x,cellspacing:0,cellpadding:0,border:0,xvm:p?"1":null},[(0,_vue.h)("colgroup",{ref:T},g.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),(0,_vue.h)("thead",{ref:E},((a,t,i,e)=>{let n=h.fixedType,{headerRowClassName:o,headerRowStyle:d}=f;var l=U.value,r=i.map((e,l)=>{var r={$table:ge,rowIndex:l,_rowIndex:l,$rowIndex:l,fixed:n,type:renderType};return(0,_vue.h)("tr",{key:l,class:["vxe-header--row",o?_xeUtils.default.isFunction(o)?o(r):o:""],style:d?_xeUtils.default.isFunction(d)?d(r):d:null},O(a,t,i,l,e))});return l.enabled&&r.push((0,_vue.h)("tr",{key:"ff",class:["vxe-header--row is--floating-filters",""+(l.rowClassName||"")]},S(t,e))),r})(t,p,v,g))]),a&&c.area?(0,_vue.h)("div",{class:"vxe-table--cell-area",xid:x},[(0,_vue.h)("span",{class:"vxe-table--cell-main-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-clip-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-col-status-area"})]):renderEmptyElement(ge)])])}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,sourceType="table",renderType="header";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup(h){let he=(0,_vue.inject)("$xeTable",{}),{xID:x,props:m,reactData:f,internalData:_}=he,{computeColumnOpts:a,computeColumnDragOpts:r,computeCellOpts:t,computeMouseOpts:b,computeHeaderCellOpts:i,computeDefaultRowHeight:n,computeVirtualXOpts:o,computeFloatingFilterOpts:q,computeIsHeaderRenderOptimize:C,computeHeaderTooltipOpts:d,computeRendererOpts:s}=he.getComputeMaps(),w=(0,_vue.ref)([]),y=(0,_vue.ref)(),H=(0,_vue.ref)(),D=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),I=(0,_vue.ref)(),u=(0,_vue.ref)(),c=()=>{var e=m.showCustomHeader;let{collectColumn:l,visibleColumn:a}=_;var r=h.tableGroupColumn,t=f.isGroup;let i=t?(0,_util.convertHeaderColumnToRows)(r):[],n=[];e&&1<i.length&&(n=(0,_util.convertHeaderToGridRows)(i),i=n),w.value=i,(0,_vue.nextTick)(()=>{he.dispatchEvent("columns-change",{visibleColgroups:n,collectColumn:l,visibleColumn:a},null)})},O=(O,S,e,F,R)=>{let k=he.xeGrid,$=he.xeGantt,M=h.fixedType,{resizable:z,columnKey:A,showCustomHeader:U,headerCellClassName:q,headerCellStyle:G,showHeaderOverflow:N,headerAlign:X,align:j,mouseConfig:W}=m,{dragCol:L,scrollXLoad:V,scrollYLoad:B,overflowX:K,mergeHeadFlag:P,tableColumn:Y,currColFlag:J}=f,{fullColumnIdData:Q,scrollXStore:Z,mergeHeaderList:ee,mergeHeaderCellMaps:le,currentCol:ae}=_,ue=o.value,re=a.value,te=r.value,ie=d.value,ce=t.value;var l=n.value;let ne=i.value,pe=s.value,oe=(0,_util.getCalcHeight)(ne.height)||l,{disabledMethod:de,isCrossDrag:ve,isPeerDrag:ge}=te,se=F===e.length-1;return R.map((e,l)=>{var{type:a,showHeaderOverflow:r,headerAlign:t,align:i,filters:n,headerClassName:o,editRender:d,cellRender:s}=e,u=e.id,c=Q[u]||{},d=d||s,s=d&&d.name?pe[d.name]||renderer.get(d.name):null,d=e.children&&e.children.length,p=K&&!d&&(M?e.fixed!==M:!!e.fixed),v=(0,_utils.getDefaultConfig)(ne.padding,ce.padding),g=!0===v,h=!!v&&(g||!1!==v.top),x=!!v&&(g||!1!==v.bottom),m=!!v&&(g||!1!==v.left),g=!!v&&(g||!1!==v.right),v=(0,_utils.getDefaultConfig)(r,N),r=t||(s?s.tableHeaderCellAlign:"")||X||i||(s?s.tableCellAlign:"")||j,t="ellipsis"===(!0===v?ie.mode:v),i="title"===(!0===v?ie.mode:v),s="tooltip"===(!0===v?ie.mode:v),v=i||s||t;let f=!1,_=null;n&&(_=n[0],f=n.some(e=>e.checked));var b=c.index,c=c._index;let C={$table:he,$grid:k,$gantt:$,rowIndex:F,_rowIndex:F,$rowIndex:F,column:e,columnIndex:b,$columnIndex:l,_columnIndex:c,firstFilterOption:_,fixed:M,source:sourceType,type:renderType,isHidden:p,hasFilter:f};b={colid:u};let w=!1;if(U||(b.colspan=1<e.colSpan?e.colSpan:null,b.rowspan=1<e.rowSpan?e.rowSpan:null),P&&ee.length&&(U||se)){var y=le[F+":"+(U?l:c)];if(y){var{rowspan:y,colspan:H}=y;if(!y||!H)return null;1<y&&(w=!0,b.rowspan=y),1<H&&(w=!0,b.colspan=H)}}y={onClick:e=>he.triggerHeaderCellClickEvent(e,C),onDblclick:e=>he.triggerHeaderCellDblclickEvent(e,C)},H=re.drag&&"cell"===te.trigger;let D=!1;H&&(D=!(!de||!de(C))),(W||H)&&(y.onMousedown=e=>he.triggerHeaderCellMousedownEvent(e,C)),re.drag&&(y.onDragstart=he.handleHeaderCellDragDragstartEvent,y.onDragend=he.handleHeaderCellDragDragendEvent,y.onDragover=he.handleHeaderCellDragDragoverEvent,H)&&(y.onMouseup=he.handleHeaderCellDragMouseupEvent);var H=l===R.length-1,T=_xeUtils.default.isBoolean(e.resizable)?e.resizable:re.resizable||z,E=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width);let I=!1;!S||!K||O||w||L&&L.id===u||V&&10<Y.length&&!e.fixed&&!ue.immediate&&(c<Z.visibleStartIndex-Z.preloadSize||c>Z.visibleEndIndex+Z.preloadSize)&&(I=!0);c={};if(v?c.height=oe+"px":c.minHeight=oe+"px",!U&&d&&!se){let l=0;_xeUtils.default.eachTree(e.children,e=>{!e.visible||e.children&&e.children.length||(l+=e.renderWidth)}),c.width=l+"px"}return(0,_vue.h)("th",Object.assign(Object.assign(Object.assign({class:["vxe-table--column vxe-header--column",u,p?"fixed--hidden":"fixed--visible",{["col--"+r]:r,["col--"+a]:a,"col--last":H,"col--fixed":e.fixed,"col--group":d,"col--ellipsis":v,"fixed--width":!E,"is--pg-top":h,"is--pg-bottom":x,"is--pg-left":m,"is--pg-right":g,"is--sortable":e.sortable,"col--filter":!!n,"is--filter-active":f,"is--drag-active":re.drag&&!e.fixed&&!D&&(ve||ge||!e.parentId),"is--drag-disabled":re.drag&&D,"col--current":J&&ae===e},o?_xeUtils.default.isFunction(o)?o(C):o:"",q?_xeUtils.default.isFunction(q)?q(C):q:""],style:G?_xeUtils.default.isFunction(G)?G(C):G:null},b),y),{key:U?""+u+l:A||V||B||re.useKey||re.drag||d?u:l}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":i,"c--tooltip":s,"c--ellipsis":t}],style:c},I||S&&p?[]:[(0,_vue.h)("div",{colid:u,class:"vxe-cell--wrapper vxe-header-cell--wrapper"},e.renderHeader(C))]),p||!T||U&&!se?renderEmptyElement(he):(0,_vue.h)("div",{class:"vxe-cell--col-resizable",onMousedown:e=>he.handleColResizeMousedownEvent(e,M,C),onDblclick:e=>he.handleColResizeDblclickEvent(e,C)})])})},S=(C,w)=>{let y=he.xeGrid,H=he.xeGantt,D=h.fixedType,{showHeaderOverflow:T,headerAlign:E,align:I}=m,{overflowX:O,currColFlag:S}=f,{fullColumnIdData:F,currentCol:R}=_,k=d.value,$=t.value;var e=n.value;let M=i.value;var l=q.value;let z=s.value,A=l.cellClassName,U=(0,_util.getCalcHeight)(M.height)||e;return w.map((e,l)=>{var{type:a,showHeaderOverflow:r,headerAlign:t,align:i,filters:n,editRender:o,cellRender:d,floatingFilters:s,filterRender:u,slots:c}=e,p=e.id,v=F[p]||{},o=o||d,d=c?c.floatingFilter||c["floating-filter"]:null,c=o&&o.name?z[o.name]||renderer.get(o.name):null,o=(0,_utils.isEnableConf)(u)&&u.name?z[u.name]||renderer.get(u.name):null,o=o?o.renderTableFloatingFilter:null,g=O&&(D?e.fixed!==D:!!e.fixed),h=(_xeUtils.default.isBoolean(M.padding)?M:$).padding,r=_xeUtils.default.eqNull(r)?T:r,t=t||(c?c.tableHeaderCellAlign:"")||E||i||(c?c.tableCellAlign:"")||I,i="ellipsis"===r,c="title"===r,r=!0===r?"tooltip"===k.mode:"tooltip"===r,x=c||r||i;let m=!1,f=null;n&&(f=n[0],m=n.some(e=>e.checked));var n=v.index,v=v._index,n={$table:he,$grid:y,$gantt:H,column:e,columnIndex:n,$columnIndex:l,_columnIndex:v,option:f,fixed:D,source:sourceType,type:renderType,isHidden:g,hasFilter:m},v={colid:p},l=l===w.length-1,_=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width),b={};return x?b.height=U+"px":b.minHeight=U+"px",(0,_vue.h)("th",Object.assign({class:["vxe-table--column vxe-header--column is--floating-filters",p,g?"fixed--hidden":"fixed--visible",{["col--"+t]:t,["col--"+a]:a,"col--last":l,"col--fixed":e.fixed,"col--ellipsis":x,"fixed--width":!_,"is--padding":h,"is--sortable":e.sortable,"col--current":S&&R===e}],key:p},v),[(0,_vue.h)("div",{class:["vxe-cell",""+(A||""),{"c--title":c,"c--tooltip":r,"c--ellipsis":i}],style:b},C&&g&&!s?[]:[(0,_vue.h)("div",{colid:p,class:"vxe-cell--wrapper vxe-header-cell--wrapper"},d?he.callSlot(d,n):o&&f?(0,_vn.getSlotVNs)(o(u,n)):[])])])})};return(0,_vue.watch)(()=>h.tableColumn,c),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=h.fixedType,l=he.internalData,l=l.elemStore,e=`${e||"main"}-header-`;l[e+"wrapper"]=y,l[e+"scroll"]=H,l[e+"table"]=D,l[e+"colgroup"]=T,l[e+"list"]=E,l[e+"xSpace"]=I,l[e+"repair"]=u,c()})}),(0,_vue.onUnmounted)(()=>{var e=h.fixedType,l=he.internalData,l=l.elemStore,e=`${e||"main"}-header-`;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+"repair"]=null}),()=>{let{fixedType:l,fixedColumn:e,tableColumn:a}=h;var r=m.mouseConfig,{isGroup:t,isColLoading:i,overflowX:n,scrollXLoad:o,dragCol:d}=f,{visibleColumn:s,fullColumnIdData:u}=_,c=b.value,p=C.value;let v=w.value||[],g=a;return t?g=s:(p&&(i||!l&&n)||(g=s),l&&p&&(g=e||[]),v=[g]),l||t||o&&d&&2<g.length&&(i=u[d.id])&&(n=i._index,s=g[0],o=g[g.length-1],i=u[s.id],s=u[o.id],i)&&s&&(u=i._index,o=s._index,n<u?(g=[d].concat(g),v=[[d].concat(v[0])].concat(v.slice(1))):o<n&&(g=g.concat([d]),v=[v[0].concat([d])].concat(v.slice(1)))),(0,_vue.h)("div",{ref:y,class:["vxe-table--header-wrapper",l?`fixed-${l}--wrapper`:"body--wrapper"],xid:x},[(0,_vue.h)("div",{ref:H,class:"vxe-table--header-inner-wrapper",onScroll(e){he.triggerHeaderScrollEvent(e,l)}},[l?renderEmptyElement(he):(0,_vue.h)("div",{ref:I,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:D,class:"vxe-table--header",xid:x,cellspacing:0,cellpadding:0,border:0,xvm:p?"1":null},[(0,_vue.h)("colgroup",{ref:T},g.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),(0,_vue.h)("thead",{ref:E},((r,t,i,e)=>{let n=h.fixedType,{headerRowClassName:o,headerRowStyle:d}=m;var l=q.value,a=i.map((e,l)=>{var a={$table:he,rowIndex:l,_rowIndex:l,$rowIndex:l,fixed:n,type:renderType};return(0,_vue.h)("tr",{key:l,class:["vxe-header--row",o?_xeUtils.default.isFunction(o)?o(a):o:""],style:d?_xeUtils.default.isFunction(d)?d(a):d:null},O(r,t,i,l,e))});return l.enabled&&a.push((0,_vue.h)("tr",{key:"ff",class:["vxe-header--row is--floating-filters",""+(l.rowClassName||"")]},S(t,e))),a})(t,p,v,g))]),r&&c.area?(0,_vue.h)("div",{class:"vxe-table--cell-area",xid:x},[(0,_vue.h)("span",{class:"vxe-table--cell-main-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-clip-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-col-status-area"})]):renderEmptyElement(he)])])}}});

package/lib/table/src/props.js

@@ -321,6 +321,10 @@ const tableProps = exports.tableProps = {
     type: Number,
     default: () => getConfig().table.delayHover
   },
+  /**
+   * 渲染器配置项
+   */
+  rendererConfig: Object,
   // 额外的参数
   params: Object
 };

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.tableProps=void 0;var _ui=require("../../ui");let getConfig=_ui.VxeUI.getConfig,tableProps=exports.tableProps={id:[String,Function],data:Array,height:[Number,String],minHeight:{type:[Number,String],default:()=>null},maxHeight:[Number,String],resizable:{type:Boolean,default:()=>getConfig().table.resizable},stripe:{type:Boolean,default:()=>getConfig().table.stripe},border:{type:[Boolean,String],default:()=>getConfig().table.border},padding:{type:Boolean,default:null},round:{type:Boolean,default:()=>getConfig().table.round},size:{type:String,default:()=>getConfig().table.size||getConfig().size},fit:{type:Boolean,default:()=>getConfig().table.fit},loading:Boolean,align:{type:String,default:()=>getConfig().table.align},headerAlign:{type:String,default:()=>getConfig().table.headerAlign},footerAlign:{type:String,default:()=>getConfig().table.footerAlign},showHeader:{type:Boolean,default:()=>getConfig().table.showHeader},highlightCurrentRow:{type:Boolean,default:()=>getConfig().table.highlightCurrentRow},highlightHoverRow:{type:Boolean,default:()=>getConfig().table.highlightHoverRow},highlightCurrentColumn:{type:Boolean,default:()=>getConfig().table.highlightCurrentColumn},highlightHoverColumn:{type:Boolean,default:()=>getConfig().table.highlightHoverColumn},highlightCell:Boolean,showFooter:Boolean,footerData:Array,footerMethod:Function,rowClassName:[String,Function],cellClassName:[String,Function],headerRowClassName:[String,Function],headerCellClassName:[String,Function],footerRowClassName:[String,Function],footerCellClassName:[String,Function],cellStyle:[Object,Function],headerCellStyle:[Object,Function],footerCellStyle:[Object,Function],rowStyle:[Object,Function],headerRowStyle:[Object,Function],footerRowStyle:[Object,Function],showCustomHeader:{type:Boolean,default:()=>getConfig().table.showCustomHeader},mergeHeaderCells:Array,mergeCells:Array,mergeFooterCells:Array,mergeFooterItems:Array,spanMethod:Function,footerSpanMethod:Function,showOverflow:{type:[Boolean,String],default:()=>getConfig().table.showOverflow},showHeaderOverflow:{type:[Boolean,String],default:()=>getConfig().table.showHeaderOverflow},showFooterOverflow:{type:[Boolean,String],default:()=>getConfig().table.showFooterOverflow},columnKey:Boolean,rowKey:Boolean,rowId:{type:String,default:()=>getConfig().table.rowId},zIndex:Number,emptyText:{type:String,default:()=>getConfig().table.emptyText},keepSource:{type:Boolean,default:()=>getConfig().table.keepSource},autoResize:{type:Boolean,default:()=>getConfig().table.autoResize},syncResize:[Boolean,String,Number],resizeConfig:Object,columnConfig:Object,currentColumnConfig:Object,cellConfig:Object,headerCellConfig:Object,footerCellConfig:Object,rowConfig:Object,aggregateConfig:Object,aggregateAccuracyConfig:Object,rowGroupConfig:Object,currentRowConfig:Object,dragConfig:Object,rowDragConfig:Object,columnDragConfig:Object,resizableConfig:Object,seqConfig:Object,sortConfig:Object,filterConfig:Object,floatingFilterConfig:Object,radioConfig:Object,checkboxConfig:Object,tooltipConfig:Object,headerTooltipConfig:Object,footerTooltipConfig:Object,exportConfig:Object,importConfig:Object,printConfig:Object,expandConfig:Object,treeConfig:Object,menuConfig:Object,mouseConfig:Object,areaConfig:Object,keyboardConfig:Object,clipConfig:Object,fnrConfig:Object,editConfig:Object,editDirtyConfig:Object,validConfig:Object,editRules:Object,loadingConfig:Object,emptyRender:Object,customConfig:Object,scrollX:Object,scrollY:Object,virtualXConfig:Object,virtualYConfig:Object,scrollbarConfig:Object,undoRedoHistoryConfig:Object,animat:{type:Boolean,default:()=>getConfig().table.animat},delayHover:{type:Number,default:()=>getConfig().table.delayHover},params:Object};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.tableProps=void 0;var _ui=require("../../ui");let getConfig=_ui.VxeUI.getConfig,tableProps=exports.tableProps={id:[String,Function],data:Array,height:[Number,String],minHeight:{type:[Number,String],default:()=>null},maxHeight:[Number,String],resizable:{type:Boolean,default:()=>getConfig().table.resizable},stripe:{type:Boolean,default:()=>getConfig().table.stripe},border:{type:[Boolean,String],default:()=>getConfig().table.border},padding:{type:Boolean,default:null},round:{type:Boolean,default:()=>getConfig().table.round},size:{type:String,default:()=>getConfig().table.size||getConfig().size},fit:{type:Boolean,default:()=>getConfig().table.fit},loading:Boolean,align:{type:String,default:()=>getConfig().table.align},headerAlign:{type:String,default:()=>getConfig().table.headerAlign},footerAlign:{type:String,default:()=>getConfig().table.footerAlign},showHeader:{type:Boolean,default:()=>getConfig().table.showHeader},highlightCurrentRow:{type:Boolean,default:()=>getConfig().table.highlightCurrentRow},highlightHoverRow:{type:Boolean,default:()=>getConfig().table.highlightHoverRow},highlightCurrentColumn:{type:Boolean,default:()=>getConfig().table.highlightCurrentColumn},highlightHoverColumn:{type:Boolean,default:()=>getConfig().table.highlightHoverColumn},highlightCell:Boolean,showFooter:Boolean,footerData:Array,footerMethod:Function,rowClassName:[String,Function],cellClassName:[String,Function],headerRowClassName:[String,Function],headerCellClassName:[String,Function],footerRowClassName:[String,Function],footerCellClassName:[String,Function],cellStyle:[Object,Function],headerCellStyle:[Object,Function],footerCellStyle:[Object,Function],rowStyle:[Object,Function],headerRowStyle:[Object,Function],footerRowStyle:[Object,Function],showCustomHeader:{type:Boolean,default:()=>getConfig().table.showCustomHeader},mergeHeaderCells:Array,mergeCells:Array,mergeFooterCells:Array,mergeFooterItems:Array,spanMethod:Function,footerSpanMethod:Function,showOverflow:{type:[Boolean,String],default:()=>getConfig().table.showOverflow},showHeaderOverflow:{type:[Boolean,String],default:()=>getConfig().table.showHeaderOverflow},showFooterOverflow:{type:[Boolean,String],default:()=>getConfig().table.showFooterOverflow},columnKey:Boolean,rowKey:Boolean,rowId:{type:String,default:()=>getConfig().table.rowId},zIndex:Number,emptyText:{type:String,default:()=>getConfig().table.emptyText},keepSource:{type:Boolean,default:()=>getConfig().table.keepSource},autoResize:{type:Boolean,default:()=>getConfig().table.autoResize},syncResize:[Boolean,String,Number],resizeConfig:Object,columnConfig:Object,currentColumnConfig:Object,cellConfig:Object,headerCellConfig:Object,footerCellConfig:Object,rowConfig:Object,aggregateConfig:Object,aggregateAccuracyConfig:Object,rowGroupConfig:Object,currentRowConfig:Object,dragConfig:Object,rowDragConfig:Object,columnDragConfig:Object,resizableConfig:Object,seqConfig:Object,sortConfig:Object,filterConfig:Object,floatingFilterConfig:Object,radioConfig:Object,checkboxConfig:Object,tooltipConfig:Object,headerTooltipConfig:Object,footerTooltipConfig:Object,exportConfig:Object,importConfig:Object,printConfig:Object,expandConfig:Object,treeConfig:Object,menuConfig:Object,mouseConfig:Object,areaConfig:Object,keyboardConfig:Object,clipConfig:Object,fnrConfig:Object,editConfig:Object,editDirtyConfig:Object,validConfig:Object,editRules:Object,loadingConfig:Object,emptyRender:Object,customConfig:Object,scrollX:Object,scrollY:Object,virtualXConfig:Object,virtualYConfig:Object,scrollbarConfig:Object,undoRedoHistoryConfig:Object,animat:{type:Boolean,default:()=>getConfig().table.animat},delayHover:{type:Number,default:()=>getConfig().table.delayHover},rendererConfig:Object,params:Object};