vxe-table 4.12.0-beta.27 → 4.12.0-beta.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/style.css +1 -1
- package/es/table/module/custom/hook.js +1 -1
- package/es/table/module/custom/panel.js +4 -2
- package/es/table/module/edit/hook.js +3 -2
- package/es/table/module/export/export-panel.js +3 -2
- package/es/table/module/export/import-panel.js +3 -2
- package/es/table/module/menu/hook.js +2 -1
- package/es/table/module/validator/hook.js +2 -1
- package/es/table/src/body.js +10 -7
- package/es/table/src/columnInfo.js +2 -2
- package/es/table/src/footer.js +6 -4
- package/es/table/src/header.js +6 -4
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/lib/index.umd.js +44 -29
- package/lib/index.umd.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/table/module/custom/hook.js +1 -1
- package/lib/table/module/custom/hook.min.js +1 -1
- package/lib/table/module/custom/panel.js +4 -2
- package/lib/table/module/custom/panel.min.js +1 -1
- package/lib/table/module/edit/hook.js +3 -2
- package/lib/table/module/edit/hook.min.js +1 -1
- package/lib/table/module/export/export-panel.js +3 -2
- package/lib/table/module/export/export-panel.min.js +1 -1
- package/lib/table/module/export/import-panel.js +3 -2
- package/lib/table/module/export/import-panel.min.js +1 -1
- package/lib/table/module/menu/hook.js +2 -1
- package/lib/table/module/menu/hook.min.js +1 -1
- package/lib/table/module/validator/hook.js +2 -1
- package/lib/table/module/validator/hook.min.js +1 -1
- package/lib/table/src/body.js +10 -6
- package/lib/table/src/body.min.js +1 -1
- package/lib/table/src/columnInfo.js +2 -4
- package/lib/table/src/columnInfo.min.js +1 -1
- package/lib/table/src/footer.js +6 -3
- package/lib/table/src/footer.min.js +1 -1
- package/lib/table/src/header.js +6 -3
- package/lib/table/src/header.min.js +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/package.json +2 -2
- package/packages/table/module/custom/hook.ts +1 -1
- package/packages/table/module/custom/panel.ts +6 -2
- package/packages/table/module/edit/hook.ts +4 -2
- package/packages/table/module/export/export-panel.ts +4 -2
- package/packages/table/module/export/import-panel.ts +4 -2
- package/packages/table/module/menu/hook.ts +3 -1
- package/packages/table/module/validator/hook.ts +3 -1
- package/packages/table/src/body.ts +11 -7
- package/packages/table/src/columnInfo.ts +3 -2
- package/packages/table/src/footer.ts +7 -4
- package/packages/table/src/header.ts +7 -4
- package/packages/table/src/util.ts +1 -0
- /package/es/{iconfont.1742803078098.ttf → iconfont.1742890827584.ttf} +0 -0
- /package/es/{iconfont.1742803078098.woff → iconfont.1742890827584.woff} +0 -0
- /package/es/{iconfont.1742803078098.woff2 → iconfont.1742890827584.woff2} +0 -0
- /package/lib/{iconfont.1742803078098.ttf → iconfont.1742890827584.ttf} +0 -0
- /package/lib/{iconfont.1742803078098.woff → iconfont.1742890827584.woff} +0 -0
- /package/lib/{iconfont.1742803078098.woff2 → iconfont.1742890827584.woff2} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,renderer,renderEmptyElement}=_ui.VxeUI,renderType="body";var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableBody",props:{tableData:Array,tableColumn:Array,fixedColumn:Array,fixedType:{type:String,default:""}},setup(T){let Fe=(0,_vue.inject)("$xeTable",{}),{xID:k,props:He,context:z,reactData:Le,internalData:je}=Fe,{computeEditOpts:Ne,computeMouseOpts:Be,computeCellOffsetWidth:We,computeAreaOpts:Pe,computeDefaultRowHeight:Ke,computeEmptyOpts:q,computeTooltipOpts:Ve,computeRadioOpts:e,computeExpandOpts:le,computeTreeOpts:v,computeCheckboxOpts:Xe,computeCellOpts:Ge,computeValidOpts:Ye,computeRowOpts:Je,computeColumnOpts:Qe,computeRowDragOpts:Ze,computeColumnDragOpts:l,computeResizableOpts:el}=Fe.getComputeMaps(),A=(0,_vue.ref)(),$=(0,_vue.ref)(),U=(0,_vue.ref)(),F=(0,_vue.ref)(),H=(0,_vue.ref)(),L=(0,_vue.ref)(),j=(0,_vue.ref)(),N=(0,_vue.ref)(),ll=()=>{var e=He.delayHover,{lastScrollTime:l,isDragResize:t}=Le;return!!(t||l&&Date.now()<l+e)},tl=(e,l,t)=>{var{row:a,column:r}=l,o=je.afterFullData,i=He.treeConfig,s=v.value,{slots:r,treeNode:n}=r,d=je.fullAllDataRowIdData;if(r&&r.line)return Fe.callSlot(r.line,l);r=d[e];let u=0,c=null;r&&(u=r.level,c=r.items[r.treeIndex-1]);d=Fe.eqRow(o[0],a);return i&&n&&(s.showLine||s.line)?[(0,_vue.h)("div",{key:"tl",class:"vxe-tree--line-wrapper"},[(0,_vue.h)("div",{class:"vxe-tree--line",style:{height:`${d?1:(0,_util.calcTreeLine)(l,c)}px`,bottom:`-${Math.floor(t/2)}px`,left:u*s.indent+(u?2-(0,_util.getOffsetSize)(Fe):0)+16+"px"}})])]:[]},ae=(e,l,t,$,U,a,F,r,o,i,H,L,s)=>{var{fullAllDataRowIdData:n,visibleColumn:j}=je,{columnKey:N,resizable:d,showOverflow:u,border:B,height:c,cellClassName:W,cellStyle:P,align:K,spanMethod:V,mouseConfig:X,editConfig:G,editRules:v,tooltipConfig:p,padding:g}=He,{tableData:h,dragRow:Y,overflowX:J,currentColumn:Q,scrollXLoad:Z,scrollYLoad:x,calcCellHeightFlag:w,resizeHeightFlag:m,resizeWidthFlag:ee,mergeList:le,editStore:te,isAllOverflow:ae,validErrorMaps:_}=Le,{afterFullData:re,scrollXStore:f,scrollYStore:oe}=je,ie=Ge.value,b=Ye.value,se=Xe.value,ne=Ne.value,y=Ve.value,{isAllColumnDrag:de,isAllRowDrag:ue}=el.value,C=Je.value,R=Ze.value,ce=Ke.value,w=w?ie.height||C.height:0,{disabledMethod:D,isCrossDrag:ve,isPeerDrag:pe}=R,ge=Qe.value,he=Be.value,xe=Pe.value,we=We.value,xe=xe.selectCellToRow,{type:me,cellRender:_e,editRender:fe,align:be,showOverflow:ye,className:Ce,treeNode:Re,rowResize:De,padding:E,verticalAlign:O,slots:Ee}=i,I=ie.verticalAlign,te=te.actived,n=n[l],M=i.id,S=fe||_e,S=S?renderer.get(S.name):null,Oe=S?S.tableCellClassName||S.cellClassName:null,Ie=S?S.tableCellStyle||S.cellStyle:"";let Me=y.showAll;var Se=Fe.getColumnIndex(i),y=Fe.getVTColumnIndex(i),Te=(0,_utils.isEnableConf)(fe),m=m?n.resizeHeight:0;let T=t?i.fixed!==t:i.fixed&&J;J=_xeUtils.default.eqNull(E)?null===g?ie.padding:g:E,g=_xeUtils.default.eqNull(ye)?u:ye,E="ellipsis"===g;let k="title"===g,z=!0===g||"tooltip"===g;u=ae||k||z||E,ye=_xeUtils.default.isBoolean(i.resizable)?i.resizable:ge.resizable||d,g=!!w,d=0<m;let ke;w={},m=be||(S?S.tableCellAlign:"")||K,be=_xeUtils.default.eqNull(O)?I:O,S=_[l+":"+M],K=v&&b.showMessage&&("default"===b.message?c||1<h.length:"inline"===b.message),I={colid:M};let q={$table:Fe,$grid:Fe.xegrid,isEdit:!1,seq:e,rowid:l,row:a,rowIndex:F,$rowIndex:r,_rowIndex:o,column:i,columnIndex:Se,$columnIndex:H,_columnIndex:y,fixed:t,type:renderType,isHidden:!!T,level:U,visibleData:re,data:h,items:s},A=!1,ze=!1,qe=((A=C.drag?"row"===R.trigger||i.dragSort&&"cell"===R.trigger:A)&&(ze=!(!D||!D(q))),(k||z||Me||p)&&(w.onMouseenter=e=>{ll()||(k?(0,_dom.updateCellTitle)(e.currentTarget,i):(z||Me)&&Fe.triggerBodyTooltipEvent(e,q),Fe.dispatchEvent("cell-mouseenter",Object.assign({cell:e.currentTarget},q),e))}),(z||Me||p)&&(w.onMouseleave=e=>{ll()||((z||Me)&&Fe.handleTargetLeaveEvent(e),Fe.dispatchEvent("cell-mouseleave",Object.assign({cell:e.currentTarget},q),e))}),(A||se.range||X)&&(w.onMousedown=e=>{Fe.triggerCellMousedownEvent(e,q)}),A&&(w.onMouseup=Fe.triggerCellMouseupEvent),w.onClick=e=>{Fe.triggerCellClickEvent(e,q)},!(w.onDblclick=e=>{Fe.triggerCellDblclickEvent(e,q)}));if(le.length){O=(0,_util.mergeBodyMethod)(le,o,y);if(O){var{rowspan:_,colspan:v}=O;if(!_||!v)return null;1<_&&(qe=!0,I.rowspan=_),1<v&&(qe=!0,I.colspan=v)}}else if(V){var{rowspan:c=1,colspan:e=1}=V(q)||{};if(!c||!e)return null;1<c&&(I.rowspan=c),1<e&&(I.colspan=e)}!(T=T&&le&&(1<I.colspan||1<I.rowspan)?!1:T)&&G&&(fe||_e)&&(ne.showStatus||ne.showUpdateStatus)&&(ke=Fe.isUpdateByRow(a,i.field));F=x&&!u,r=n.resizeHeight||ie.height||C.height||n.height||ce,re=H===L.length-1,h=!i.resizeWidth&&("auto"===i.minWidth||"auto"===i.width);let Ae=!1;qe||Y&&(0,_util.getRowid)(Fe,Y)===l||(x&&(o<oe.visibleStartIndex-oe.preloadSize||o>oe.visibleEndIndex+oe.preloadSize)||Z&&!i.fixed&&(y<f.visibleStartIndex-f.preloadSize||y>f.visibleEndIndex+f.preloadSize))&&(Ae=!0);s={};if(u&&ee){let l=I.colspan||0;if(1<l)for(let e=1;e<l;e++){var $e=j[Se+e];$e&&(l+=$e.renderWidth)}s.width=i.renderWidth-we*l+"px"}x||u||g||d?s.height=r+"px":s.minHeight=r+"px";R=[];T&&ae?R.push((0,_vue.h)("div",{key:"tc",class:["vxe-cell",{"c--title":k,"c--tooltip":z,"c--ellipsis":E}],style:s})):(R.push(...tl(l,q,r),(0,_vue.h)("div",{key:"tc",class:["vxe-cell",{"c--title":k,"c--tooltip":z,"c--ellipsis":E}],style:s,title:k?Fe.getCellLabel(a,i):null},Ae?[]:[(0,_vue.h)("div",{colid:M,rowid:l,class:"vxe-cell--wrapper"},i.renderCell(q))])),K&&S&&(D=S.rule,p=Ee?Ee.valid:null,se=Object.assign(Object.assign(Object.assign({},q),S),{rule:S}),R.push((0,_vue.h)("div",{key:"tcv",class:["vxe-cell--valid-error-tip",(0,_dom.getPropClass)(b.className,se)],style:D&&D.maxWidth?{width:D.maxWidth+"px"}:null},[(0,_vue.h)("div",{class:"vxe-cell--valid-error-wrapper vxe-cell--valid-error-theme-"+(b.theme||"normal")},[p?Fe.callSlot(p,se):[(0,_vue.h)("span",{class:"vxe-cell--valid-error-msg"},S.content)]])]))));let Ue=!1;return X&&he.area&&xe&&((y||!0!==xe)&&xe!==i.field||(Ue=!0)),!T&&ye&&de&&R.push((0,_vue.h)("div",{key:"tcc",class:["vxe-cell--col-resizable",{"is--line":!B||"none"===B}],onMousedown:e=>Fe.handleColResizeMousedownEvent(e,t,q),onDblclick:e=>Fe.handleColResizeDblclickEvent(e,q)})),(De||ue)&&C.resizable&&R.push((0,_vue.h)("div",{key:"tcr",class:"vxe-cell--row-resizable",onMousedown:e=>Fe.handleRowResizeMousedownEvent(e,q),onDblclick:e=>Fe.handleRowResizeDblclickEvent(e,q)})),(0,_vue.h)("td",Object.assign(Object.assign(Object.assign({class:["vxe-body--column",M,be?"col--vertical-"+be:"",m?"col--"+m:"",me?"col--"+me:"",{"col--last":re,"col--tree-node":Re,"col--edit":Te,"col--ellipsis":u,"col--cs-height":g,"col--rs-height":d,"col--to-row":Ue,"col--auto-height":F,"fixed--width":!h,"fixed--hidden":T,"is--padding":J,"is--progress":T&&ae||Ae,"is--drag-cell":A&&(ve||pe||!U),"is--drag-disabled":ze,"col--dirty":ke,"col--active":G&&Te&&te.row===a&&(te.column===i||"row"===ne.mode),"col--valid-error":!!S,"col--current":Q===i},(0,_dom.getPropClass)(Oe,q),(0,_dom.getPropClass)(Ce,q),(0,_dom.getPropClass)(W,q)],key:N||Z||x||ge.useKey||C.useKey||ge.drag?M:H},I),{style:Object.assign({},_xeUtils.default.isFunction(Ie)?Ie(q):Ie,_xeUtils.default.isFunction(P)?P(q):P)}),w),$&&T?[]:R)},te=(x,w,m,_)=>{let{stripe:f,rowKey:b,highlightHoverRow:y,rowClassName:C,rowStyle:R,editConfig:D,treeConfig:E}=He,{hasFixedColumn:O,treeExpandedFlag:I,isColLoading:M,scrollXLoad:S,scrollYLoad:T,isAllOverflow:k,rowExpandedFlag:z,expandColumn:q,selectRadioRow:A,pendingRowFlag:$,isDragColMove:U,rowExpandHeightFlag:F}=Le,{fullAllDataRowIdData:H,treeExpandedMaps:L,pendingRowMaps:j,rowExpandedMaps:N}=je,B=Xe.value,W=e.value,P=v.value,K=Ne.value,V=Je.value,X=Qe.value,G=l.value,{transform:Y,seqMode:Q}=P,Z=P.children||P.childrenField,J=[],ee=(0,_util.createHandleGetRowId)(Fe).handleGetRowId;return m.forEach((t,a)=>{var e={};let r,o=(r=Fe.getRowIndex(t),(V.isHover||y)&&(e.onMouseenter=e=>{ll()||Fe.triggerHoverEvent(e,{row:t,rowIndex:r})},e.onMouseleave=()=>{ll()||Fe.clearHoverRow()}),ee(t));var l=H[o];let i=0,s=-1,n=0;l&&(i=l.level,s=E&&Y&&"increasing"===Q?l._index+1:l.seq,n=l._index);var d={$table:Fe,seq:s,rowid:o,fixed:x,type:renderType,level:i,row:t,rowIndex:r,$rowIndex:a,_rowIndex:n},u=q&&!!z&&!!N[o];let c=!1,v=[],p=!1;D&&(p=Fe.isInsertByRow(t)),!E||T||Y||(v=t[Z],c=!!I&&v&&0<v.length&&!!L[o]),!V.drag||E&&!Y||(e.onDragstart=Fe.handleRowDragDragstartEvent,e.onDragend=Fe.handleRowDragDragendEvent,e.onDragover=Fe.handleRowDragDragoverEvent);var g=["vxe-body--row",E?"row--level-"+i:"",{"row--stripe":f&&(n+1)%2==0,"is--new":p,"is--expand-row":u,"is--expand-tree":c,"row--new":p&&(K.showStatus||K.showInsertStatus),"row--radio":W.highlight&&Fe.eqRow(A,t),"row--checked":B.highlight&&Fe.isCheckedByCheckboxRow(t),"row--pending":!!$&&!!j[o]},(0,_dom.getPropClass)(C,d)];let h=_.map((e,l)=>ae(s,o,x,w,i,t,r,a,n,e,l,_,m));J.push(!M&&X.drag&&G.animation?(0,_vue.h)(_vue.TransitionGroup,Object.assign({name:"vxe-header--col-list"+(U?"":"-disabled"),tag:"tr",class:g,rowid:o,style:R?_xeUtils.default.isFunction(R)?R(d):R:null,key:b||S||T||V.useKey||V.drag||X.drag||E?o:a},e),{default:()=>h}):(0,_vue.h)("tr",Object.assign({class:g,rowid:o,style:R?_xeUtils.default.isFunction(R)?R(d):R:null,key:b||S||T||V.useKey||V.drag||X.drag||E?o:a},e),h)),u&&({height:g,padding:d,mode:e}=le.value,"fixed"===e?J.push((0,_vue.h)("tr",{class:"vxe-body--row-expanded-place",key:"expand_"+o,rowid:o},[(0,_vue.h)("td",{class:"vxe-body--row-expanded-place-column",colspan:_.length,style:{height:`${F?l.expandHeight||g:0}px`}})])):(u={},e=(g&&(u.height=g+"px"),E&&(u.paddingLeft=i*P.indent+30+"px"),q).showOverflow,l=_xeUtils.default.isUndefined(e)||_xeUtils.default.isNull(e)?k:e,e={$table:Fe,seq:s,column:q,fixed:x,type:renderType,level:i,row:t,rowIndex:r,$rowIndex:a,_rowIndex:n},J.push((0,_vue.h)("tr",{class:["vxe-body--expanded-row",{"is--padding":d}],key:"expand_"+o},[(0,_vue.h)("td",{class:["vxe-body--expanded-column",{"fixed--hidden":x&&!O,"col--ellipsis":l}],colspan:_.length},[(0,_vue.h)("div",{class:["vxe-body--expanded-cell",{"is--ellipsis":g}],style:u},[q.renderData(e)])])])))),c&&J.push(...te(x,w,v,_))}),J};(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=T.fixedType,l=je.elemStore,e=`${e||"main"}-body-`;l[e+"wrapper"]=A,l[e+"scroll"]=$,l[e+"table"]=U,l[e+"colgroup"]=F,l[e+"list"]=H,l[e+"xSpace"]=L,l[e+"ySpace"]=j,l[e+"emptyBlock"]=N})}),(0,_vue.onUnmounted)(()=>{var e=T.fixedType,l=je.elemStore,e=`${e||"main"}-body-`;l[e+"wrapper"]=null,l[e+"scroll"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null,l[e+"ySpace"]=null,l[e+"emptyBlock"]=null});return()=>{var e=z.slots;let{fixedColumn:l,fixedType:t,tableColumn:a}=T;var{spanMethod:r,footerSpanMethod:o,mouseConfig:i}=He,{isGroup:s,tableData:n,isRowLoading:d,isColLoading:u,overflowX:c,scrollXLoad:v,scrollYLoad:p,isAllOverflow:g,isDragRowMove:h,expandColumn:x,dragRow:w,dragCol:m}=Le,{visibleColumn:_,fullAllDataRowIdData:f,fullColumnIdData:b}=je,y=Je.value,C=q.value,R=Be.value,D=Ze.value,E=le.value;let O=n,I=a,M=!1;!(v||p||g)||x&&"fixed"!==E.mode||r||o||(M=!0),u||!t&&c||(I=_),t&&M&&(I=l||[]),p&&w&&2<O.length&&(n=f[(0,_util.getRowid)(Fe,w)])&&(g=n._index,x=O[0],E=O[O.length-1],r=f[(0,_util.getRowid)(Fe,x)],o=f[(0,_util.getRowid)(Fe,E)],r)&&o&&(c=r._index,_=o._index,g<c?O=[w].concat(O):_<g&&(O=O.concat([w]))),t||s||v&&m&&2<I.length&&(p=b[m.id])&&(n=p._index,x=I[0],f=I[I.length-1],E=b[x.id],r=b[f.id],E)&&r&&(o=E._index,c=r._index,n<o?I=[m].concat(I):c<n&&(I=I.concat([m])));let S;_=e?e.empty:null,S=_?Fe.callSlot(_,{$table:Fe,$grid:Fe.xegrid}):(w=(g=C.name?renderer.get(C.name):null)?g.renderTableEmpty||g.renderTableEmptyView||g.renderEmpty:null)?(0,_vn.getSlotVNs)(w(C,{$table:Fe})):He.emptyText||getI18n("vxe.table.emptyText"),s={onScroll(e){Fe.triggerBodyScrollEvent(e,t)}};return(0,_vue.h)("div",{ref:A,class:["vxe-table--body-wrapper",t?`fixed-${t}--wrapper`:"body--wrapper"],xid:k},[(0,_vue.h)("div",Object.assign({ref:$,class:"vxe-table--body-inner-wrapper"},s),[t?renderEmptyElement(Fe):(0,_vue.h)("div",{ref:L,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:j,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:U,class:"vxe-table--body",xid:k,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:F},I.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),!d&&!u&&y.drag&&D.animation?(0,_vue.h)(_vue.TransitionGroup,{ref:H,name:"vxe-body--row-list"+(h?"":"-disabled"),tag:"tbody"},{default:()=>te(t,M,O,I)}):(0,_vue.h)("tbody",{ref:H},te(t,M,O,I))]),(0,_vue.h)("div",{class:"vxe-table--checkbox-range"}),i&&R.area?(0,_vue.h)("div",{class:"vxe-table--cell-area"},[(0,_vue.h)("span",{class:"vxe-table--cell-main-area"},R.extension?[(0,_vue.h)("span",{class:"vxe-table--cell-main-area-btn",onMousedown(e){Fe.triggerCellAreaExtendMousedownEvent&&Fe.triggerCellAreaExtendMousedownEvent(e,{$table:Fe,fixed:t,type:renderType})}})]:[]),(0,_vue.h)("span",{class:"vxe-table--cell-copy-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-extend-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-multi-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-active-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-row-status-area"})]):renderEmptyElement(Fe),t?renderEmptyElement(Fe):(0,_vue.h)("div",{class:"vxe-table--empty-block",ref:N},[(0,_vue.h)("div",{class:"vxe-table--empty-content"},S)])])])}}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,renderer,renderEmptyElement}=_ui.VxeUI,renderType="body";var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableBody",props:{tableData:Array,tableColumn:Array,fixedColumn:Array,fixedType:{type:String,default:""}},setup(T){let He=(0,_vue.inject)("$xeTable",{}),{xID:z,props:Le,context:q,reactData:je,internalData:Ne}=He,{computeEditOpts:Be,computeMouseOpts:We,computeCellOffsetWidth:Ge,computeAreaOpts:Pe,computeDefaultRowHeight:Ke,computeEmptyOpts:A,computeTooltipOpts:Xe,computeRadioOpts:e,computeExpandOpts:le,computeTreeOpts:v,computeCheckboxOpts:Ve,computeCellOpts:Ye,computeValidOpts:Je,computeRowOpts:Qe,computeColumnOpts:Ze,computeRowDragOpts:el,computeColumnDragOpts:l,computeResizableOpts:ll}=He.getComputeMaps(),$=(0,_vue.ref)(),U=(0,_vue.ref)(),F=(0,_vue.ref)(),H=(0,_vue.ref)(),L=(0,_vue.ref)(),j=(0,_vue.ref)(),N=(0,_vue.ref)(),B=(0,_vue.ref)(),tl=()=>{var e=Le.delayHover,{lastScrollTime:l,isDragResize:t}=je;return!!(t||l&&Date.now()<l+e)},al=(e,l,t)=>{var{row:a,column:r}=l,o=Ne.afterFullData,i=Le.treeConfig,s=v.value,{slots:r,treeNode:n}=r,d=Ne.fullAllDataRowIdData;if(r&&r.line)return He.callSlot(r.line,l);r=d[e];let u=0,c=null;r&&(u=r.level,c=r.items[r.treeIndex-1]);d=He.eqRow(o[0],a);return i&&n&&(s.showLine||s.line)?[(0,_vue.h)("div",{key:"tl",class:"vxe-tree--line-wrapper"},[(0,_vue.h)("div",{class:"vxe-tree--line",style:{height:`${d?1:(0,_util.calcTreeLine)(l,c)}px`,bottom:`-${Math.floor(t/2)}px`,left:u*s.indent+(u?2-(0,_util.getOffsetSize)(He):0)+16+"px"}})])]:[]},ae=($,e,l,U,F,t,a,H,r,o,L,j,i)=>{var s=He.xeGrid,{fullAllDataRowIdData:n,fullColumnIdData:d,visibleColumn:N}=Ne,{columnKey:B,resizable:u,showOverflow:c,border:W,height:v,cellClassName:G,cellStyle:P,align:K,spanMethod:X,mouseConfig:V,editConfig:Y,editRules:p,tooltipConfig:g,padding:h}=Le,{tableData:x,dragRow:J,overflowX:Q,currentColumn:Z,scrollXLoad:ee,scrollYLoad:w,calcCellHeightFlag:m,resizeHeightFlag:_,resizeWidthFlag:le,mergeList:te,editStore:ae,isAllOverflow:re,validErrorMaps:f}=je,{afterFullData:oe,scrollXStore:ie,scrollYStore:se}=Ne,ne=Ye.value,b=Je.value,de=Ve.value,ue=Be.value,y=Xe.value,{isAllColumnDrag:ce,isAllRowDrag:ve}=ll.value,C=Qe.value,R=el.value,pe=Ke.value,m=m?ne.height||C.height:0,{disabledMethod:D,isCrossDrag:ge,isPeerDrag:he}=R,xe=Ze.value,we=We.value,me=Pe.value,_e=Ge.value,me=me.selectCellToRow,{type:fe,cellRender:be,editRender:ye,align:Ce,showOverflow:Re,className:De,treeNode:Ee,rowResize:Oe,padding:E,verticalAlign:O,slots:Me}=o,M=ne.verticalAlign,ae=ae.actived,n=n[e]||{},S=o.id,d=d[S]||{},I=ye||be,I=I?renderer.get(I.name):null,Se=I?I.tableCellClassName||I.cellClassName:null,Ie=I?I.tableCellStyle||I.cellStyle:"";let ke=y.showAll;var Te=d.index,y=d._index,d=(0,_utils.isEnableConf)(ye),_=_?n.resizeHeight:0;let k=l?o.fixed!==l:o.fixed&&Q;Q=_xeUtils.default.eqNull(E)?null===h?ne.padding:h:E,h=_xeUtils.default.eqNull(Re)?c:Re,E="ellipsis"===h;let T="title"===h,z=!0===h||"tooltip"===h;c=re||T||z||E,Re=_xeUtils.default.isBoolean(o.resizable)?o.resizable:xe.resizable||u,h=!!m,u=0<_;let ze;m={},_=Ce||(I?I.tableCellAlign:"")||K,Ce=_xeUtils.default.eqNull(O)?M:O,I=f[e+":"+S],K=p&&b.showMessage&&("default"===b.message?v||1<x.length:"inline"===b.message),M={colid:S};let q={$table:He,$grid:s,isEdit:!1,seq:$,rowid:e,row:t,rowIndex:a,$rowIndex:H,_rowIndex:r,column:o,columnIndex:Te,$columnIndex:L,_columnIndex:y,fixed:l,type:renderType,isHidden:!!k,level:F,visibleData:oe,data:x,items:i},A=!1,qe=!1,Ae=((A=C.drag?"row"===R.trigger||o.dragSort&&"cell"===R.trigger:A)&&(qe=!(!D||!D(q))),(T||z||ke||g)&&(m.onMouseenter=e=>{tl()||(T?(0,_dom.updateCellTitle)(e.currentTarget,o):(z||ke)&&He.triggerBodyTooltipEvent(e,q),He.dispatchEvent("cell-mouseenter",Object.assign({cell:e.currentTarget},q),e))}),(z||ke||g)&&(m.onMouseleave=e=>{tl()||((z||ke)&&He.handleTargetLeaveEvent(e),He.dispatchEvent("cell-mouseleave",Object.assign({cell:e.currentTarget},q),e))}),(A||de.range||V)&&(m.onMousedown=e=>{He.triggerCellMousedownEvent(e,q)}),A&&(m.onMouseup=He.triggerCellMouseupEvent),m.onClick=e=>{He.triggerCellClickEvent(e,q)},!(m.onDblclick=e=>{He.triggerCellDblclickEvent(e,q)}));if(te.length){O=(0,_util.mergeBodyMethod)(te,r,y);if(O){var{rowspan:f,colspan:p}=O;if(!f||!p)return null;1<f&&(Ae=!0,M.rowspan=f),1<p&&(Ae=!0,M.colspan=p)}}else if(X){var{rowspan:v=1,colspan:s=1}=X(q)||{};if(!v||!s)return null;1<v&&(M.rowspan=v),1<s&&(M.colspan=s)}!(k=k&&te&&(1<M.colspan||1<M.rowspan)?!1:k)&&Y&&(ye||be)&&(ue.showStatus||ue.showUpdateStatus)&&(ze=He.isUpdateByRow(t,o.field));$=w&&!c,a=n.resizeHeight||ne.height||C.height||n.height||pe,H=L===j.length-1,oe=!o.resizeWidth&&("auto"===o.minWidth||"auto"===o.width);let $e=!1;Ae||J&&(0,_util.getRowid)(He,J)===e||(w&&(r<se.visibleStartIndex-se.preloadSize||r>se.visibleEndIndex+se.preloadSize)||ee&&!o.fixed&&(y<ie.visibleStartIndex-ie.preloadSize||y>ie.visibleEndIndex+ie.preloadSize))&&($e=!0);x={};if(c&&le){let l=M.colspan||0;if(1<l)for(let e=1;e<l;e++){var Ue=N[Te+e];Ue&&(l+=Ue.renderWidth)}x.width=o.renderWidth-_e*l+"px"}w||c||h||u?x.height=a+"px":x.minHeight=a+"px";i=[];k&&re?i.push((0,_vue.h)("div",{key:"tc",class:["vxe-cell",{"c--title":T,"c--tooltip":z,"c--ellipsis":E}],style:x})):(i.push(...al(e,q,a),(0,_vue.h)("div",{key:"tc",class:["vxe-cell",{"c--title":T,"c--tooltip":z,"c--ellipsis":E}],style:x,title:T?He.getCellLabel(t,o):null},$e?[]:[(0,_vue.h)("div",{colid:S,rowid:e,class:"vxe-cell--wrapper"},o.renderCell(q))])),K&&I&&(R=I.rule,D=Me?Me.valid:null,g=Object.assign(Object.assign(Object.assign({},q),I),{rule:I}),i.push((0,_vue.h)("div",{key:"tcv",class:["vxe-cell--valid-error-tip",(0,_dom.getPropClass)(b.className,g)],style:R&&R.maxWidth?{width:R.maxWidth+"px"}:null},[(0,_vue.h)("div",{class:"vxe-cell--valid-error-wrapper vxe-cell--valid-error-theme-"+(b.theme||"normal")},[D?He.callSlot(D,g):[(0,_vue.h)("span",{class:"vxe-cell--valid-error-msg"},I.content)]])]))));let Fe=!1;return V&&we.area&&me&&((y||!0!==me)&&me!==o.field||(Fe=!0)),!k&&Re&&ce&&i.push((0,_vue.h)("div",{key:"tcc",class:["vxe-cell--col-resizable",{"is--line":!W||"none"===W}],onMousedown:e=>He.handleColResizeMousedownEvent(e,l,q),onDblclick:e=>He.handleColResizeDblclickEvent(e,q)})),(Oe||ve)&&C.resizable&&i.push((0,_vue.h)("div",{key:"tcr",class:"vxe-cell--row-resizable",onMousedown:e=>He.handleRowResizeMousedownEvent(e,q),onDblclick:e=>He.handleRowResizeDblclickEvent(e,q)})),(0,_vue.h)("td",Object.assign(Object.assign(Object.assign({class:["vxe-body--column",S,Ce?"col--vertical-"+Ce:"",_?"col--"+_:"",fe?"col--"+fe:"",{"col--last":H,"col--tree-node":Ee,"col--edit":d,"col--ellipsis":c,"col--cs-height":h,"col--rs-height":u,"col--to-row":Fe,"col--auto-height":$,"fixed--width":!oe,"fixed--hidden":k,"is--padding":Q,"is--progress":k&&re||$e,"is--drag-cell":A&&(ge||he||!F),"is--drag-disabled":qe,"col--dirty":ze,"col--active":Y&&d&&ae.row===t&&(ae.column===o||"row"===ue.mode),"col--valid-error":!!I,"col--current":Z===o},(0,_dom.getPropClass)(Se,q),(0,_dom.getPropClass)(De,q),(0,_dom.getPropClass)(G,q)],key:B||ee||w||xe.useKey||C.useKey||xe.drag?S:L},M),{style:Object.assign({},_xeUtils.default.isFunction(Ie)?Ie(q):Ie,_xeUtils.default.isFunction(P)?P(q):P)}),m),U&&k?[]:i)},te=(x,w,m,_)=>{let{stripe:f,rowKey:b,highlightHoverRow:y,rowClassName:C,rowStyle:R,editConfig:D,treeConfig:E}=Le,{hasFixedColumn:O,treeExpandedFlag:M,isColLoading:S,scrollXLoad:I,scrollYLoad:k,isAllOverflow:T,rowExpandedFlag:z,expandColumn:q,selectRadioRow:A,pendingRowFlag:$,isDragColMove:U,rowExpandHeightFlag:F}=je,{fullAllDataRowIdData:H,treeExpandedMaps:L,pendingRowMaps:j,rowExpandedMaps:N}=Ne,B=Ve.value,W=e.value,G=v.value,P=Be.value,K=Qe.value,X=Ze.value,V=l.value,{transform:Y,seqMode:Q}=G,Z=G.children||G.childrenField,J=[],ee=(0,_util.createHandleGetRowId)(He).handleGetRowId;return m.forEach((t,a)=>{var e={};let r,o=(r=He.getRowIndex(t),(K.isHover||y)&&(e.onMouseenter=e=>{tl()||He.triggerHoverEvent(e,{row:t,rowIndex:r})},e.onMouseleave=()=>{tl()||He.clearHoverRow()}),ee(t));var l=H[o]||{};let i=0,s=-1,n=0;l&&(i=l.level,s=E&&Y&&"increasing"===Q?l._index+1:l.seq,n=l._index);var d={$table:He,seq:s,rowid:o,fixed:x,type:renderType,level:i,row:t,rowIndex:r,$rowIndex:a,_rowIndex:n},u=q&&!!z&&!!N[o];let c=!1,v=[],p=!1;D&&(p=He.isInsertByRow(t)),!E||k||Y||(v=t[Z],c=!!M&&v&&0<v.length&&!!L[o]),!K.drag||E&&!Y||(e.onDragstart=He.handleRowDragDragstartEvent,e.onDragend=He.handleRowDragDragendEvent,e.onDragover=He.handleRowDragDragoverEvent);var g=["vxe-body--row",E?"row--level-"+i:"",{"row--stripe":f&&(n+1)%2==0,"is--new":p,"is--expand-row":u,"is--expand-tree":c,"row--new":p&&(P.showStatus||P.showInsertStatus),"row--radio":W.highlight&&He.eqRow(A,t),"row--checked":B.highlight&&He.isCheckedByCheckboxRow(t),"row--pending":!!$&&!!j[o]},(0,_dom.getPropClass)(C,d)];let h=_.map((e,l)=>ae(s,o,x,w,i,t,r,a,n,e,l,_,m));J.push(!S&&X.drag&&V.animation?(0,_vue.h)(_vue.TransitionGroup,Object.assign({name:"vxe-header--col-list"+(U?"":"-disabled"),tag:"tr",class:g,rowid:o,style:R?_xeUtils.default.isFunction(R)?R(d):R:null,key:b||I||k||K.useKey||K.drag||X.drag||E?o:a},e),{default:()=>h}):(0,_vue.h)("tr",Object.assign({class:g,rowid:o,style:R?_xeUtils.default.isFunction(R)?R(d):R:null,key:b||I||k||K.useKey||K.drag||X.drag||E?o:a},e),h)),u&&({height:g,padding:d,mode:e}=le.value,"fixed"===e?J.push((0,_vue.h)("tr",{class:"vxe-body--row-expanded-place",key:"expand_"+o,rowid:o},[(0,_vue.h)("td",{class:"vxe-body--row-expanded-place-column",colspan:_.length,style:{height:`${F?l.expandHeight||g:0}px`}})])):(u={},e=(g&&(u.height=g+"px"),E&&(u.paddingLeft=i*G.indent+30+"px"),q).showOverflow,l=_xeUtils.default.isUndefined(e)||_xeUtils.default.isNull(e)?T:e,e={$table:He,seq:s,column:q,fixed:x,type:renderType,level:i,row:t,rowIndex:r,$rowIndex:a,_rowIndex:n},J.push((0,_vue.h)("tr",{class:["vxe-body--expanded-row",{"is--padding":d}],key:"expand_"+o},[(0,_vue.h)("td",{class:["vxe-body--expanded-column",{"fixed--hidden":x&&!O,"col--ellipsis":l}],colspan:_.length},[(0,_vue.h)("div",{class:["vxe-body--expanded-cell",{"is--ellipsis":g}],style:u},[q.renderData(e)])])])))),c&&J.push(...te(x,w,v,_))}),J};(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=T.fixedType,l=Ne.elemStore,e=`${e||"main"}-body-`;l[e+"wrapper"]=$,l[e+"scroll"]=U,l[e+"table"]=F,l[e+"colgroup"]=H,l[e+"list"]=L,l[e+"xSpace"]=j,l[e+"ySpace"]=N,l[e+"emptyBlock"]=B})}),(0,_vue.onUnmounted)(()=>{var e=T.fixedType,l=Ne.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=q.slots,l=He.xeGrid;let{fixedColumn:t,fixedType:a,tableColumn:r}=T;var{spanMethod:o,footerSpanMethod:i,mouseConfig:s}=Le,{isGroup:n,tableData:d,isRowLoading:u,isColLoading:c,overflowX:v,scrollXLoad:p,scrollYLoad:g,isAllOverflow:h,isDragRowMove:x,expandColumn:w,dragRow:m,dragCol:_}=je,{visibleColumn:f,fullAllDataRowIdData:b,fullColumnIdData:y}=Ne,C=Qe.value,R=A.value,D=We.value,E=el.value,O=le.value;let M=d,S=r,I=!1;!(p||g||h)||w&&"fixed"!==O.mode||o||i||(I=!0),c||!a&&v||(S=f),a&&I&&(S=t||[]),g&&m&&2<M.length&&(d=b[(0,_util.getRowid)(He,m)])&&(h=d._index,w=M[0],O=M[M.length-1],o=b[(0,_util.getRowid)(He,w)],i=b[(0,_util.getRowid)(He,O)],o)&&i&&(v=o._index,f=i._index,h<v?M=[m].concat(M):f<h&&(M=M.concat([m]))),a||n||p&&_&&2<S.length&&(g=y[_.id])&&(d=g._index,w=S[0],b=S[S.length-1],O=y[w.id],o=y[b.id],O)&&o&&(i=O._index,v=o._index,d<i?S=[_].concat(S):v<d&&(S=S.concat([_])));let k;f=e?e.empty:null,k=f?He.callSlot(f,{$table:He,$grid:l}):(m=(h=R.name?renderer.get(R.name):null)?h.renderTableEmpty||h.renderTableEmptyView||h.renderEmpty:null)?(0,_vn.getSlotVNs)(m(R,{$table:He})):Le.emptyText||getI18n("vxe.table.emptyText"),n={onScroll(e){He.triggerBodyScrollEvent(e,a)}};return(0,_vue.h)("div",{ref:$,class:["vxe-table--body-wrapper",a?`fixed-${a}--wrapper`:"body--wrapper"],xid:z},[(0,_vue.h)("div",Object.assign({ref:U,class:"vxe-table--body-inner-wrapper"},n),[a?renderEmptyElement(He):(0,_vue.h)("div",{ref:j,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:N,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:F,class:"vxe-table--body",xid:z,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:H},S.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),!u&&!c&&C.drag&&E.animation?(0,_vue.h)(_vue.TransitionGroup,{ref:L,name:"vxe-body--row-list"+(x?"":"-disabled"),tag:"tbody"},{default:()=>te(a,I,M,S)}):(0,_vue.h)("tbody",{ref:L},te(a,I,M,S))]),(0,_vue.h)("div",{class:"vxe-table--checkbox-range"}),s&&D.area?(0,_vue.h)("div",{class:"vxe-table--cell-area"},[(0,_vue.h)("span",{class:"vxe-table--cell-main-area"},D.extension?[(0,_vue.h)("span",{class:"vxe-table--cell-main-area-btn",onMousedown(e){He.triggerCellAreaExtendMousedownEvent&&He.triggerCellAreaExtendMousedownEvent(e,{$table:He,fixed:a,type:renderType})}})]:[]),(0,_vue.h)("span",{class:"vxe-table--cell-copy-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-extend-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-multi-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-active-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-row-status-area"})]):renderEmptyElement(He),a?renderEmptyElement(He):(0,_vue.h)("div",{class:"vxe-table--empty-block",ref:B},[(0,_vue.h)("div",{class:"vxe-table--empty-content"},k)])])])}}});
|
|
@@ -22,12 +22,10 @@ class ColumnInfo {
|
|
|
22
22
|
renderFooter,
|
|
23
23
|
renderData
|
|
24
24
|
} = {}) {
|
|
25
|
-
const
|
|
25
|
+
const tableProps = $xeTable.props;
|
|
26
|
+
const $xeGrid = $xeTable.xeGrid;
|
|
26
27
|
const formatter = _vm.formatter;
|
|
27
28
|
const visible = _xeUtils.default.isBoolean(_vm.visible) ? _vm.visible : true;
|
|
28
|
-
const {
|
|
29
|
-
props: tableProps
|
|
30
|
-
} = $xeTable;
|
|
31
29
|
const types = ['seq', 'checkbox', 'radio', 'expand', 'html'];
|
|
32
30
|
if (_vm.type && types.indexOf(_vm.type) === -1) {
|
|
33
31
|
(0, _log.warnLog)('vxe.error.errProp', [`type=${_vm.type}`, types.join(', ')]);
|
|
@@ -1 +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"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,formats}=_ui.VxeUI;class ColumnInfo{constructor(e,r,{renderHeader:t,renderCell:l,renderFooter:o,renderData:i}={}){var d=e.
|
|
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"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,formats}=_ui.VxeUI;class ColumnInfo{constructor(e,r,{renderHeader:t,renderCell:l,renderFooter:o,renderData:i}={}){var d=e.props,n=e.xeGrid,s=r.formatter,a=!_xeUtils.default.isBoolean(r.visible)||r.visible,f=["seq","checkbox","radio","expand","html"];r.type&&-1===f.indexOf(r.type)&&(0,_log.warnLog)("vxe.error.errProp",["type="+r.type,f.join(", ")]),(_xeUtils.default.isBoolean(r.cellRender)||r.cellRender&&!_xeUtils.default.isObject(r.cellRender))&&(0,_log.warnLog)("vxe.error.errProp",["column.cell-render="+r.cellRender,"column.cell-render={}"]),(_xeUtils.default.isBoolean(r.editRender)||r.editRender&&!_xeUtils.default.isObject(r.editRender))&&(0,_log.warnLog)("vxe.error.errProp",["column.edit-render="+r.editRender,"column.edit-render={}"]),"expand"===r.type&&(f=d.treeConfig,d=e.getComputeMaps().computeTreeOpts,e=d.value,f)&&(e.showLine||e.line)&&(0,_log.errLog)("vxe.error.errConflicts",["tree-config.showLine","column.type=expand"]),s&&(_xeUtils.default.isString(s)?(d=formats.get(s)||_xeUtils.default[s])&&_xeUtils.default.isFunction(d.tableCellFormatMethod||d.cellFormatMethod)||(0,_log.errLog)("vxe.error.notFormats",[s]):!_xeUtils.default.isArray(s)||(f=formats.get(s[0])||_xeUtils.default[s[0]])&&_xeUtils.default.isFunction(f.tableCellFormatMethod||f.cellFormatMethod)||(0,_log.errLog)("vxe.error.notFormats",[s[0]])),Object.assign(this,{type:r.type,property:r.field,field:r.field,title:r.title,width:r.width,minWidth:r.minWidth,maxWidth:r.maxWidth,resizable:r.resizable,fixed:r.fixed,align:r.align,headerAlign:r.headerAlign,footerAlign:r.footerAlign,showOverflow:r.showOverflow,showHeaderOverflow:r.showHeaderOverflow,showFooterOverflow:r.showFooterOverflow,className:r.className,headerClassName:r.headerClassName,footerClassName:r.footerClassName,formatter:s,footerFormatter:r.footerFormatter,padding:r.padding,verticalAlign:r.verticalAlign,sortable:r.sortable,sortBy:r.sortBy,sortType:r.sortType,filters:(0,_util.toFilters)(r.filters),filterMultiple:!_xeUtils.default.isBoolean(r.filterMultiple)||r.filterMultiple,filterMethod:r.filterMethod,filterResetMethod:r.filterResetMethod,filterRecoverMethod:r.filterRecoverMethod,filterRender:r.filterRender,treeNode:r.treeNode,dragSort:r.dragSort,rowResize:r.rowResize,cellType:r.cellType,cellRender:r.cellRender,editRender:r.editRender,contentRender:r.contentRender,headerExportMethod:r.headerExportMethod,exportMethod:r.exportMethod,footerExportMethod:r.footerExportMethod,titleHelp:r.titleHelp,titlePrefix:r.titlePrefix,titleSuffix:r.titleSuffix,params:r.params,id:r.colId||_xeUtils.default.uniqueId("col_"),parentId:null,visible:a,halfVisible:!1,defaultVisible:a,defaultFixed:r.fixed,checked:!1,halfChecked:!1,disabled:!1,level:1,rowSpan:1,colSpan:1,order:null,sortTime:0,sortNumber:0,renderSortNumber:0,renderFixed:"",renderVisible:!1,renderWidth:0,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}),n&&(e=n.getComputeMaps().computeProxyOpts,(d=e.value).beforeColumn)&&d.beforeColumn({$grid:n,column:this})}getTitle(){return(0,_utils.getFuncText)(this.title||("seq"===this.type?getI18n("vxe.table.seqTitle"):""))}getKey(){var e=this.type;return this.field||(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
CHANGED
|
@@ -83,6 +83,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
83
83
|
const refFooterTFoot = (0, _vue.ref)();
|
|
84
84
|
const refFooterXSpace = (0, _vue.ref)();
|
|
85
85
|
const renderRows = (tableColumn, footerTableData, row, $rowIndex, _rowIndex) => {
|
|
86
|
+
const $xeGrid = $xeTable.xeGrid;
|
|
86
87
|
const {
|
|
87
88
|
fixedType
|
|
88
89
|
} = props;
|
|
@@ -105,6 +106,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
105
106
|
mergeFooterList
|
|
106
107
|
} = tableReactData;
|
|
107
108
|
const {
|
|
109
|
+
fullColumnIdData,
|
|
108
110
|
scrollXStore
|
|
109
111
|
} = tableInternalData;
|
|
110
112
|
const tooltipOpts = computeTooltipOpts.value;
|
|
@@ -128,6 +130,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
128
130
|
cellRender
|
|
129
131
|
} = column;
|
|
130
132
|
const colid = column.id;
|
|
133
|
+
const colRest = fullColumnIdData[colid] || {};
|
|
131
134
|
const renderOpts = editRender || cellRender;
|
|
132
135
|
const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
|
|
133
136
|
const showAllTip = tooltipOpts.showAll;
|
|
@@ -145,12 +148,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
145
148
|
colid
|
|
146
149
|
};
|
|
147
150
|
const tfOns = {};
|
|
148
|
-
const columnIndex =
|
|
149
|
-
const _columnIndex =
|
|
151
|
+
const columnIndex = colRest.index;
|
|
152
|
+
const _columnIndex = colRest._index;
|
|
150
153
|
const itemIndex = _columnIndex;
|
|
151
154
|
const cellParams = {
|
|
152
155
|
$table: $xeTable,
|
|
153
|
-
$grid: $
|
|
156
|
+
$grid: $xeGrid,
|
|
154
157
|
row,
|
|
155
158
|
rowIndex: _rowIndex,
|
|
156
159
|
_rowIndex,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,renderType="footer";function mergeFooterMethod(l,t,o){for(let e=0;e<l.length;e++){var{row:r,col:
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,renderType="footer";function mergeFooterMethod(l,t,o){for(let e=0;e<l.length;e++){var{row:r,col:i,rowspan:n,colspan:a}=l[e];if(-1<i&&-1<r&&n&&a){if(r===t&&i===o)return{rowspan:n,colspan:a};if(r<=t&&t<r+n&&i<=o&&o<i+a)return{rowspan:0,colspan:0}}}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableFooter",props:{footerTableData:{type:Array,default:()=>[]},tableColumn:{type:Array,default:()=>[]},fixedColumn:{type:Array,default:()=>[]},fixedType:{type:String,default:null}},setup(m){let J=(0,_vue.inject)("$xeTable",{}),{xID:g,props:_,reactData:h,internalData:b}=J,{computeTooltipOpts:l,computeColumnOpts:w,computeColumnDragOpts:y,computeCellOpts:t,computeFooterCellOpts:o,computeDefaultRowHeight:r,computeResizableOpts:i}=J.getComputeMaps(),C=(0,_vue.ref)(),T=(0,_vue.ref)(),F=(0,_vue.ref)(),D=(0,_vue.ref)(),O=(0,_vue.ref)(),I=(0,_vue.ref)(),S=(y,C,T,F,D)=>{let O=J.xeGrid,I=m.fixedType,{resizable:S,border:E,footerCellClassName:M,footerCellStyle:k,footerAlign:z,footerSpanMethod:U,align:R,columnKey:$,showFooterOverflow:A}=_,{scrollXLoad:j,scrollYLoad:q,overflowX:L,currentColumn:X,mergeFooterList:N}=h,{fullColumnIdData:G,scrollXStore:H}=b,P=l.value;let W=i.value.isAllColumnDrag,B=w.value;var e=r.value;let K=t.value,V=o.value,Y=(0,_util.getCellHeight)(V.height||K.height)||e;return y.map((l,e)=>{var{type:t,showFooterOverflow:o,footerAlign:r,align:i,footerClassName:n,editRender:a,cellRender:u}=l,s=l.id,d=G[s]||{},a=a||u,u=a?renderer.get(a.name):null;let c=P.showAll;var a=l.children&&l.children.length,a=I?l.fixed!==I&&!a:l.fixed&&L,p=(_xeUtils.default.isBoolean(V.padding)?V:K).padding,o=_xeUtils.default.eqNull(o)?A:o,r=r||(u?u.tableFooterCellAlign:"")||z||i||(u?u.tableCellAlign:"")||R;let f="ellipsis"===o,v="title"===o,x=!0===o||"tooltip"===o,m=v||x||f;var i=_xeUtils.default.isBoolean(l.resizable)?l.resizable:B.resizable||S,u={colid:s},o={},g=d.index,d=d._index,_=d;let h={$table:J,$grid:O,row:T,rowIndex:D,_rowIndex:D,$rowIndex:F,column:l,columnIndex:g,$columnIndex:e,_columnIndex:d,itemIndex:_,items:T,fixed:I,type:renderType,data:C},b=(j&&!m&&(f=m=!0),(v||x||c)&&(o.onMouseenter=e=>{v?(0,_dom.updateCellTitle)(e.currentTarget,l):(x||c)&&J.triggerFooterTooltipEvent(e,h)}),(x||c)&&(o.onMouseleave=e=>{(x||c)&&J.handleTargetLeaveEvent(e)}),o.onClick=e=>{J.dispatchEvent("footer-cell-click",Object.assign({cell:e.currentTarget},h),e)},!(o.onDblclick=e=>{J.dispatchEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},h),e)}));if(N.length){g=mergeFooterMethod(N,D,d);if(g){var{rowspan:_,colspan:g}=g;if(!_||!g)return null;1<_&&(b=!0,u.rowspan=_),1<g&&(b=!0,u.colspan=g)}}else if(U){var{rowspan:_=1,colspan:g=1}=U(h)||{};if(!_||!g)return null;1<_&&(u.rowspan=_),1<g&&(u.colspan=g)}_=e===y.length-1,g=!l.resizeWidth&&("auto"===l.minWidth||"auto"===l.width);let w=!1;b||j&&!l.fixed&&(d<H.visibleStartIndex-H.preloadSize||d>H.visibleEndIndex+H.preloadSize)&&(w=!0);d={};return m?d.height=Y+"px":d.minHeight=Y+"px",(0,_vue.h)("td",Object.assign(Object.assign(Object.assign(Object.assign({class:["vxe-footer--column",l.id,{["col--"+r]:r,["col--"+t]:t,"col--last":_,"fixed--width":!g,"fixed--hidden":a,"is--padding":p,"col--ellipsis":m,"col--current":X===l},(0,_dom.getPropClass)(n,h),(0,_dom.getPropClass)(M,h)]},u),{style:k?_xeUtils.default.isFunction(k)?k(h):k:null}),o),{key:$||j||q||B.useKey||B.drag?l.id:e}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":v,"c--tooltip":x,"c--ellipsis":f}],style:d},w?[]:[(0,_vue.h)("div",{colid:s,class:"vxe-cell--wrapper"},l.renderFooter(h))]),!a&&i&&W?(0,_vue.h)("div",{class:["vxe-cell--col-resizable",{"is--line":!E||"none"===E}],onMousedown:e=>J.handleColResizeMousedownEvent(e,I,h),onDblclick:e=>J.handleColResizeDblclickEvent(e,h)}):renderEmptyElement(J)])})};return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=m.fixedType,l=b.elemStore,e=`${e||"main"}-footer-`;l[e+"wrapper"]=C,l[e+"scroll"]=T,l[e+"table"]=F,l[e+"colgroup"]=D,l[e+"list"]=O,l[e+"xSpace"]=I})}),(0,_vue.onUnmounted)(()=>{var e=m.fixedType,l=b.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}=m;var{spanMethod:o,footerSpanMethod:r,showFooterOverflow:i}=_,{visibleColumn:n,fullColumnIdData:a}=b,{isGroup:u,isColLoading:s,overflowX:d,scrollXLoad:c,scrollYLoad:p,dragCol:f}=h;let v=t,x=!(c||p||i)||o||r?!1:!0;return s||!l&&d||(v=n),l&&x&&(v=e||[]),l||u||c&&f&&2<v.length&&(p=a[f.id])&&(i=p._index,o=v[0],r=v[v.length-1],s=a[o.id],d=a[r.id],s)&&d&&(n=s._index,u=d._index,i<n?v=[f].concat(v):u<i&&(v=v.concat([f]))),(0,_vue.h)("div",{ref:C,class:["vxe-table--footer-wrapper",l?`fixed-${l}--wrapper`:"body--wrapper"],xid:g},[(0,_vue.h)("div",{ref:T,class:"vxe-table--footer-inner-wrapper",onScroll(e){J.triggerFooterScrollEvent(e,l)}},[l?renderEmptyElement(J):(0,_vue.h)("div",{ref:I,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:F,class:"vxe-table--footer",xid:g,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:D},v.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),(0,_vue.h)("tfoot",{ref:O},(r=>{let{fixedType:i,footerTableData:n}=m,{footerRowClassName:a,footerRowStyle:u}=_,{isColLoading:s,isDragColMove:d}=h,c=w.value,p=y.value;return n.map((e,l)=>{let t=l;var o={$table:J,row:e,_rowIndex:t,$rowIndex:l,fixed:i,type:renderType};return!s&&c.drag&&p.animation?(0,_vue.h)(_vue.TransitionGroup,{key:l,name:"vxe-header--col-list"+(d?"":"-disabled"),tag:"tr",class:["vxe-footer--row",a?_xeUtils.default.isFunction(a)?a(o):a:""],style:u?_xeUtils.default.isFunction(u)?u(o):u:null},{default:()=>S(r,n,e,l,t)}):(0,_vue.h)("tr",{key:l,class:["vxe-footer--row",a?_xeUtils.default.isFunction(a)?a(o):a:""],style:u?_xeUtils.default.isFunction(u)?u(o):u:null},S(r,n,e,l,t))})})(v))])])])}}});
|
package/lib/table/src/header.js
CHANGED
|
@@ -57,6 +57,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
57
57
|
headerColumn.value = isGroup ? (0, _util.convertHeaderColumnToRows)(props.tableGroupColumn) : [];
|
|
58
58
|
};
|
|
59
59
|
const renderRows = (isGroup, isOptimizeMode, cols, $rowIndex) => {
|
|
60
|
+
const $xeGrid = $xeTable.xeGrid;
|
|
60
61
|
const {
|
|
61
62
|
fixedType
|
|
62
63
|
} = props;
|
|
@@ -78,6 +79,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
78
79
|
overflowX
|
|
79
80
|
} = tableReactData;
|
|
80
81
|
const {
|
|
82
|
+
fullColumnIdData,
|
|
81
83
|
scrollXStore
|
|
82
84
|
} = tableInternalData;
|
|
83
85
|
const columnOpts = computeColumnOpts.value;
|
|
@@ -103,6 +105,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
103
105
|
cellRender
|
|
104
106
|
} = column;
|
|
105
107
|
const colid = column.id;
|
|
108
|
+
const colRest = fullColumnIdData[colid] || {};
|
|
106
109
|
const renderOpts = editRender || cellRender;
|
|
107
110
|
const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
|
|
108
111
|
const isColGroup = column.children && column.children.length;
|
|
@@ -120,11 +123,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
120
123
|
firstFilterOption = filters[0];
|
|
121
124
|
hasFilter = filters.some(item => item.checked);
|
|
122
125
|
}
|
|
123
|
-
const columnIndex =
|
|
124
|
-
const _columnIndex =
|
|
126
|
+
const columnIndex = colRest.index;
|
|
127
|
+
const _columnIndex = colRest._index;
|
|
125
128
|
const cellParams = {
|
|
126
129
|
$table: $xeTable,
|
|
127
|
-
$grid: $
|
|
130
|
+
$grid: $xeGrid,
|
|
128
131
|
$rowIndex,
|
|
129
132
|
column,
|
|
130
133
|
columnIndex,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,renderType="header";var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup(m){let
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,renderType="header";var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup(m){let ee=(0,_vue.inject)("$xeTable",{}),{xID:b,props:C,reactData:y,internalData:w}=ee,{computeColumnOpts:D,computeColumnDragOpts:le,computeCellOpts:l,computeMouseOpts:H,computeHeaderCellOpts:a,computeDefaultRowHeight:r}=ee.getComputeMaps(),E=(0,_vue.ref)([]),S=(0,_vue.ref)(),M=(0,_vue.ref)(),T=(0,_vue.ref)(),O=(0,_vue.ref)(),U=(0,_vue.ref)(),k=(0,_vue.ref)(),t=(0,_vue.ref)(),i=()=>{var e=y.isGroup;E.value=e?(0,_util.convertHeaderColumnToRows)(m.tableGroupColumn):[]},I=(H,E,S,M)=>{let T=ee.xeGrid,O=m.fixedType,{resizable:U,columnKey:k,headerCellClassName:I,headerCellStyle:z,showHeaderOverflow:R,headerAlign:$,align:F,mouseConfig:A}=C,{currentColumn:q,dragCol:G,scrollXLoad:L,scrollYLoad:j,overflowX:X}=y,{fullColumnIdData:N,scrollXStore:W}=w,B=D.value,K=le.value,P=l.value;var e=r.value;let V=a.value,Y=(0,_util.getCellHeight)(V.height||P.height)||e,{disabledMethod:J,isCrossDrag:Q,isPeerDrag:Z}=K;return S.map((e,l)=>{var{type:a,showHeaderOverflow:r,headerAlign:t,align:i,filters:n,headerClassName:o,editRender:d,cellRender:u}=e,s=e.id,c=N[s]||{},d=d||u,u=d?renderer.get(d.name):null,d=e.children&&e.children.length,v=O?e.fixed!==O&&!d:!!e.fixed&&X,p=(_xeUtils.default.isBoolean(V.padding)?V:P).padding,r=_xeUtils.default.eqNull(r)?R:r,t=t||(u?u.tableHeaderCellAlign:"")||$||i||(u?u.tableCellAlign:"")||F;let x="ellipsis"===r;i="title"===r,u=!0===r||"tooltip"===r;let h=i||u||x,g=!1,f=null;n&&(f=n[0],g=n.some(e=>e.checked));r=c.index,c=c._index;let _={$table:ee,$grid:T,$rowIndex:M,column:e,columnIndex:r,$columnIndex:l,_columnIndex:c,firstFilterOption:f,fixed:O,type:renderType,isHidden:v,hasFilter:g};var r={colid:s,colspan:1<e.colSpan?e.colSpan:null,rowspan:1<e.rowSpan?e.rowSpan:null},m={onClick:e=>ee.triggerHeaderCellClickEvent(e,_),onDblclick:e=>ee.triggerHeaderCellDblclickEvent(e,_)},b=(L&&!h&&(x=h=!0),B.drag&&"cell"===K.trigger);let C=!1;b&&(C=!(!J||!J(_))),(A||b)&&(m.onMousedown=e=>ee.triggerHeaderCellMousedownEvent(e,_)),B.drag&&(m.onDragstart=ee.handleHeaderCellDragDragstartEvent,m.onDragend=ee.handleHeaderCellDragDragendEvent,m.onDragover=ee.handleHeaderCellDragDragoverEvent,b)&&(m.onMouseup=ee.handleHeaderCellDragMouseupEvent);var b=l===S.length-1,y=_xeUtils.default.isBoolean(e.resizable)?e.resizable:B.resizable||U,w=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width);let D=!1;H||G&&G.id===s||L&&!e.fixed&&(c<W.visibleStartIndex-W.preloadSize||c>W.visibleEndIndex+W.preloadSize)&&(D=!0);c={};return h?c.height=Y+"px":c.minHeight=Y+"px",(0,_vue.h)("th",Object.assign(Object.assign(Object.assign({class:["vxe-header--column",s,{["col--"+t]:t,["col--"+a]:a,"col--last":b,"col--fixed":e.fixed,"col--group":d,"col--ellipsis":h,"fixed--width":!w,"fixed--hidden":v,"is--padding":p,"is--sortable":e.sortable,"col--filter":!!n,"is--filter-active":g,"is--drag-active":B.drag&&!e.fixed&&!C&&(Q||Z||!e.parentId),"is--drag-disabled":B.drag&&C,"col--current":q===e},o?_xeUtils.default.isFunction(o)?o(_):o:"",I?_xeUtils.default.isFunction(I)?I(_):I:""],style:z?_xeUtils.default.isFunction(z)?z(_):z:null},r),m),{key:k||L||j||B.useKey||B.drag||d?s:l}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":i,"c--tooltip":u,"c--ellipsis":x}],style:c},D||E&&v?[]:[(0,_vue.h)("div",{colid:s,class:"vxe-cell--wrapper"},e.renderHeader(_))]),!v&&y?(0,_vue.h)("div",{class:"vxe-cell--col-resizable",onMousedown:e=>ee.handleColResizeMousedownEvent(e,O,_),onDblclick:e=>ee.handleColResizeDblclickEvent(e,_)}):renderEmptyElement(ee)])})};return(0,_vue.watch)(()=>m.tableColumn,i),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=m.fixedType,l=ee.internalData,l=l.elemStore,e=`${e||"main"}-header-`;l[e+"wrapper"]=S,l[e+"scroll"]=M,l[e+"table"]=T,l[e+"colgroup"]=O,l[e+"list"]=U,l[e+"xSpace"]=k,l[e+"repair"]=t,i()})}),(0,_vue.onUnmounted)(()=>{var e=m.fixedType,l=ee.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}=m;var{mouseConfig:r,showHeaderOverflow:t,spanMethod:i,footerSpanMethod:n}=C,{isGroup:o,isColLoading:d,overflowX:u,scrollXLoad:s,scrollYLoad:c,dragCol:v}=y,{visibleColumn:p,fullColumnIdData:x}=w,h=H.value;let g=E.value,f=a,_=!1;return o?f=p:(!(s||c||t)||i||n||(_=!0),d||!l&&u||(f=p),l&&_&&(f=e||[]),g=[f]),l||o||s&&v&&2<f.length&&(c=x[v.id])&&(t=c._index,i=f[0],n=f[f.length-1],d=x[i.id],u=x[n.id],d)&&u&&(p=d._index,s=u._index,t<p?(f=[v].concat(f),g=[[v].concat(g[0])].concat(g.slice(1))):s<t&&(f=f.concat([v]),g=[g[0].concat([v])].concat(g.slice(1)))),(0,_vue.h)("div",{ref:S,class:["vxe-table--header-wrapper",l?`fixed-${l}--wrapper`:"body--wrapper"],xid:b},[(0,_vue.h)("div",{ref:M,class:"vxe-table--header-inner-wrapper",onScroll(e){ee.triggerHeaderScrollEvent(e,l)}},[l?renderEmptyElement(ee):(0,_vue.h)("div",{ref:k,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:T,class:"vxe-table--header",xid:b,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:O},f.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),(0,_vue.h)("thead",{ref:U},((r,t,e)=>{let i=m.fixedType,{headerRowClassName:n,headerRowStyle:o}=C,{isColLoading:d,isDragColMove:u}=y,s=D.value,c=le.value;return e.map((e,l)=>{var a={$table:ee,$rowIndex:l,fixed:i,type:renderType};return!d&&s.drag&&c.animation?(0,_vue.h)(_vue.TransitionGroup,{key:l,name:"vxe-header--col-list"+(u?"":"-disabled"),tag:"tr",class:["vxe-header--row",n?_xeUtils.default.isFunction(n)?n(a):n:""],style:o?_xeUtils.default.isFunction(o)?o(a):o:null},{default:()=>I(r,t,e,l)}):(0,_vue.h)("tr",{key:l,class:["vxe-header--row",n?_xeUtils.default.isFunction(n)?n(a):n:""],style:o?_xeUtils.default.isFunction(o)?o(a):o:null},I(r,t,e,l))})})(o,_,g))]),r&&h.area?(0,_vue.h)("div",{class:"vxe-table--cell-area"},[(0,_vue.h)("span",{class:"vxe-table--cell-main-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-copy-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-extend-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-multi-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-active-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-col-status-area"})]):renderEmptyElement(ee)])])}}});
|
package/lib/ui/index.js
CHANGED
|
@@ -13,7 +13,7 @@ Object.defineProperty(exports, "VxeUI", {
|
|
|
13
13
|
exports.version = exports.validators = exports.use = exports.t = exports.setup = exports.setTheme = exports.setLanguage = exports.setIcon = exports.setI18n = exports.setConfig = exports.saveFile = exports.renderer = exports.readFile = exports.print = exports.modal = exports.menus = exports.log = exports.interceptor = exports.hooks = exports.globalResize = exports.globalEvents = exports.getTheme = exports.getIcon = exports.getI18n = exports.getConfig = exports.formats = exports.default = exports.config = exports.commands = exports.clipboard = exports._t = void 0;
|
|
14
14
|
var _core = require("@vxe-ui/core");
|
|
15
15
|
var _utils = require("./src/utils");
|
|
16
|
-
const version = exports.version = "4.12.0-beta.
|
|
16
|
+
const version = exports.version = "4.12.0-beta.29";
|
|
17
17
|
_core.VxeUI.version = version;
|
|
18
18
|
_core.VxeUI.tableVersion = version;
|
|
19
19
|
_core.VxeUI.setConfig({
|
package/lib/ui/index.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.VXETable=void 0,Object.defineProperty(exports,"VxeUI",{enumerable:!0,get:function(){return _core.VxeUI}}),exports.version=exports.validators=exports.use=exports.t=exports.setup=exports.setTheme=exports.setLanguage=exports.setIcon=exports.setI18n=exports.setConfig=exports.saveFile=exports.renderer=exports.readFile=exports.print=exports.modal=exports.menus=exports.log=exports.interceptor=exports.hooks=exports.globalResize=exports.globalEvents=exports.getTheme=exports.getIcon=exports.getI18n=exports.getConfig=exports.formats=exports.default=exports.config=exports.commands=exports.clipboard=exports._t=void 0;var _core=require("@vxe-ui/core"),_utils=require("./src/utils");let version=exports.version="4.12.0-beta.
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.VXETable=void 0,Object.defineProperty(exports,"VxeUI",{enumerable:!0,get:function(){return _core.VxeUI}}),exports.version=exports.validators=exports.use=exports.t=exports.setup=exports.setTheme=exports.setLanguage=exports.setIcon=exports.setI18n=exports.setConfig=exports.saveFile=exports.renderer=exports.readFile=exports.print=exports.modal=exports.menus=exports.log=exports.interceptor=exports.hooks=exports.globalResize=exports.globalEvents=exports.getTheme=exports.getIcon=exports.getI18n=exports.getConfig=exports.formats=exports.default=exports.config=exports.commands=exports.clipboard=exports._t=void 0;var _core=require("@vxe-ui/core"),_utils=require("./src/utils");let version=exports.version="4.12.0-beta.29",iconPrefix=(_core.VxeUI.version=version,_core.VxeUI.tableVersion=version,_core.VxeUI.setConfig({emptyCell:" ",table:{fit:!0,showHeader:!0,animat:!0,delayHover:250,autoResize:!0,minHeight:144,resizeConfig:{},resizableConfig:{dragMode:"auto",showDragTip:!0,isSyncAutoHeight:!0,isSyncAutoWidth:!0,minHeight:18},radioConfig:{strict:!0},rowDragConfig:{showIcon:!0,animation:!0,showGuidesStatus:!0,showDragTip:!0},columnDragConfig:{showIcon:!0,animation:!0,showGuidesStatus:!0,showDragTip:!0},checkboxConfig:{strict:!0},tooltipConfig:{enterable:!0},validConfig:{showMessage:!0,autoClear:!0,autoPos:!0,message:"inline",msgMode:"single",theme:"beautify"},columnConfig:{maxFixedSize:4},cellConfig:{padding:!0},headerCellConfig:{height:"unset"},footerCellConfig:{height:"unset"},customConfig:{allowVisible:!0,allowResizable:!0,allowFixed:!0,allowSort:!0,showFooter:!0,placement:"top-right",modalOptions:{showMaximize:!0,mask:!0,lockView:!0,resize:!0,escClosable:!0},drawerOptions:{mask:!0,lockView:!0,escClosable:!0,resize:!0}},sortConfig:{showIcon:!0,allowClear:!0,allowBtn:!0,iconLayout:"vertical"},filterConfig:{showIcon:!0},treeConfig:{rowField:"id",parentField:"parentId",childrenField:"children",hasChildField:"hasChild",mapChildrenField:"_X_ROW_CHILD",indent:20,showIcon:!0},expandConfig:{showIcon:!0,mode:"fixed"},editConfig:{showIcon:!0,showAsterisk:!0,autoFocus:!0},importConfig:{_typeMaps:{csv:1,html:1,xml:1,txt:1}},exportConfig:{_typeMaps:{csv:1,html:1,xml:1,txt:1}},printConfig:{},mouseConfig:{extension:!0},keyboardConfig:{isEsc:!0},areaConfig:{autoClear:!0,selectCellByHeader:!0,selectCellByBody:!0,extendDirection:{top:!0,left:!0,bottom:!0,right:!0}},clipConfig:{isCopy:!0,isCut:!0,isPaste:!0},fnrConfig:{isFind:!0,isReplace:!0},virtualXConfig:{enabled:!0,gt:60,preSize:1,oSize:2},virtualYConfig:{enabled:!0,gt:100,preSize:1,oSize:2},scrollbarConfig:{}},grid:{formConfig:{enabled:!0},pagerConfig:{enabled:!0},toolbarConfig:{enabled:!0},proxyConfig:{enabled:!0,autoLoad:!0,showResponseMsg:!0,showActiveMsg:!0,props:{list:null,result:"result",total:"page.total",message:"message"}}},toolbar:{}}),"vxe-table-icon-"),setTheme=(_core.VxeUI.setIcon({TABLE_SORT_ASC:iconPrefix+"caret-up",TABLE_SORT_DESC:iconPrefix+"caret-down",TABLE_FILTER_NONE:iconPrefix+"funnel",TABLE_FILTER_MATCH:iconPrefix+"funnel",TABLE_EDIT:iconPrefix+"edit",TABLE_TITLE_PREFIX:iconPrefix+"question-circle-fill",TABLE_TITLE_SUFFIX:iconPrefix+"question-circle-fill",TABLE_TREE_LOADED:iconPrefix+"spinner roll",TABLE_TREE_OPEN:iconPrefix+"caret-right rotate90",TABLE_TREE_CLOSE:iconPrefix+"caret-right",TABLE_EXPAND_LOADED:iconPrefix+"spinner roll",TABLE_EXPAND_OPEN:iconPrefix+"arrow-right rotate90",TABLE_EXPAND_CLOSE:iconPrefix+"arrow-right",TABLE_CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",TABLE_CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",TABLE_CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",TABLE_RADIO_CHECKED:iconPrefix+"radio-checked-fill",TABLE_RADIO_UNCHECKED:iconPrefix+"radio-unchecked",TABLE_CUSTOM_SORT:iconPrefix+"drag-handle",TABLE_MENU_OPTIONS:iconPrefix+"arrow-right",TABLE_DRAG_ROW:iconPrefix+"drag-handle",TABLE_DRAG_COLUMN:iconPrefix+"drag-handle",TABLE_DRAG_STATUS_ROW:iconPrefix+"sort",TABLE_DRAG_STATUS_SUB_ROW:iconPrefix+"add-sub",TABLE_DRAG_STATUS_COLUMN:iconPrefix+"swap",TABLE_DRAG_DISABLED:iconPrefix+"no-drop",TOOLBAR_TOOLS_REFRESH:iconPrefix+"repeat",TOOLBAR_TOOLS_REFRESH_LOADING:iconPrefix+"repeat roll",TOOLBAR_TOOLS_IMPORT:iconPrefix+"upload",TOOLBAR_TOOLS_EXPORT:iconPrefix+"download",TOOLBAR_TOOLS_PRINT:iconPrefix+"print",TOOLBAR_TOOLS_FULLSCREEN:iconPrefix+"fullscreen",TOOLBAR_TOOLS_MINIMIZE:iconPrefix+"minimize",TOOLBAR_TOOLS_CUSTOM:iconPrefix+"custom-column",TOOLBAR_TOOLS_FIXED_LEFT:iconPrefix+"fixed-left",TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:iconPrefix+"fixed-left-fill",TOOLBAR_TOOLS_FIXED_RIGHT:iconPrefix+"fixed-right",TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:iconPrefix+"fixed-right-fill"}),exports.setTheme=_core.VxeUI.setTheme),getTheme=exports.getTheme=_core.VxeUI.getTheme,setConfig=exports.setConfig=_core.VxeUI.setConfig,getConfig=exports.getConfig=_core.VxeUI.getConfig,setIcon=exports.setIcon=_core.VxeUI.setIcon,getIcon=exports.getIcon=_core.VxeUI.getIcon,setLanguage=exports.setLanguage=_core.VxeUI.setLanguage,setI18n=exports.setI18n=_core.VxeUI.setI18n,getI18n=exports.getI18n=_core.VxeUI.getI18n,globalEvents=exports.globalEvents=_core.VxeUI.globalEvents,globalResize=exports.globalResize=_core.VxeUI.globalResize,renderer=exports.renderer=_core.VxeUI.renderer,validators=exports.validators=_core.VxeUI.validators,menus=exports.menus=_core.VxeUI.menus,formats=exports.formats=_core.VxeUI.formats,commands=exports.commands=_core.VxeUI.commands,interceptor=exports.interceptor=_core.VxeUI.interceptor,clipboard=exports.clipboard=_core.VxeUI.clipboard,log=exports.log=_core.VxeUI.log,hooks=exports.hooks=_core.VxeUI.hooks,use=exports.use=_core.VxeUI.use,setup=e=>_core.VxeUI.setConfig(e),config=(exports.setup=setup,_core.VxeUI.setup=setup,e=>_core.VxeUI.setConfig(e)),t=(exports.config=config,_core.VxeUI.config=config,(e,o)=>_core.VxeUI.getI18n(e,o)),_t=(exports.t=t,_core.VxeUI.t=t,(e,o)=>(0,_utils.getFuncText)(e,o)),VXETable=(exports._t=_t,_core.VxeUI._t=_t,exports.VXETable=_core.VxeUI),saveFile=e=>_core.VxeUI.saveFile(e),readFile=(exports.saveFile=saveFile,e=>_core.VxeUI.readFile(e)),print=(exports.readFile=readFile,e=>_core.VxeUI.print(e)),modal=(exports.print=print,exports.modal={get(e){return _core.VxeUI.modal.get(e)},close(e){return _core.VxeUI.modal.close(e)},open(e){return _core.VxeUI.modal.open(e)},alert(e,o,r){return _core.VxeUI.modal.alert(e,o,r)},confirm(e,o,r){return _core.VxeUI.modal.confirm(e,o,r)},message(e,o){return _core.VxeUI.modal.message(e,o)},notification(e,o,r){return _core.VxeUI.modal.notification(e,o,r)}});var _default=exports.default=_core.VxeUI;
|
package/lib/ui/src/log.js
CHANGED
|
@@ -8,6 +8,6 @@ var _core = require("@vxe-ui/core");
|
|
|
8
8
|
const {
|
|
9
9
|
log
|
|
10
10
|
} = _core.VxeUI;
|
|
11
|
-
const version = `table v${"4.12.0-beta.
|
|
11
|
+
const version = `table v${"4.12.0-beta.29"}`;
|
|
12
12
|
const warnLog = exports.warnLog = log.create('warn', version);
|
|
13
13
|
const errLog = exports.errLog = log.create('error', version);
|
package/lib/ui/src/log.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");let log=_core.VxeUI.log,version="table v4.12.0-beta.
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");let log=_core.VxeUI.log,version="table v4.12.0-beta.29",warnLog=exports.warnLog=log.create("warn",version),errLog=exports.errLog=log.create("error",version);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vxe-table",
|
|
3
|
-
"version": "4.12.0-beta.
|
|
3
|
+
"version": "4.12.0-beta.29",
|
|
4
4
|
"description": "一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟树、拖拽排序，懒加载、快捷菜单、数据校验、树形结构、打印、导入导出、自定义模板、渲染器、JSON 配置式...",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"update": "npm install --legacy-peer-deps",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"style": "lib/style.css",
|
|
29
29
|
"typings": "types/index.d.ts",
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"vxe-pc-ui": "^4.4.
|
|
31
|
+
"vxe-pc-ui": "^4.4.25"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@types/resize-observer-browser": "^0.1.11",
|
|
@@ -12,7 +12,7 @@ VxeUI.hooks.add('tableCustomModule', {
|
|
|
12
12
|
const { computeCustomOpts } = $xeTable.getComputeMaps()
|
|
13
13
|
const { refElem } = $xeTable.getRefMaps()
|
|
14
14
|
|
|
15
|
-
const $xeGrid = $xeTable.
|
|
15
|
+
const $xeGrid = $xeTable.xeGrid
|
|
16
16
|
|
|
17
17
|
const calcMaxHeight = () => {
|
|
18
18
|
const { customStore } = reactData
|
|
@@ -508,6 +508,8 @@ export default defineComponent({
|
|
|
508
508
|
}
|
|
509
509
|
|
|
510
510
|
const renderSimplePanel = () => {
|
|
511
|
+
const $xeGrid = $xeTable.xeGrid
|
|
512
|
+
|
|
511
513
|
const { customStore } = props
|
|
512
514
|
const { isCustomStatus, customColumnList } = reactData
|
|
513
515
|
const customOpts = computeCustomOpts.value
|
|
@@ -534,7 +536,7 @@ export default defineComponent({
|
|
|
534
536
|
}
|
|
535
537
|
const params = {
|
|
536
538
|
$table: $xeTable,
|
|
537
|
-
$grid: $
|
|
539
|
+
$grid: $xeGrid,
|
|
538
540
|
columns: customColumnList,
|
|
539
541
|
isAllChecked,
|
|
540
542
|
isAllIndeterminate,
|
|
@@ -774,6 +776,8 @@ export default defineComponent({
|
|
|
774
776
|
}
|
|
775
777
|
|
|
776
778
|
const renderPopupPanel = () => {
|
|
779
|
+
const $xeGrid = $xeTable.xeGrid
|
|
780
|
+
|
|
777
781
|
const { customStore } = props
|
|
778
782
|
const { resizable: allResizable } = tableProps
|
|
779
783
|
const { isCustomStatus, customColumnList } = reactData
|
|
@@ -800,7 +804,7 @@ export default defineComponent({
|
|
|
800
804
|
const isAllIndeterminate = customStore.isIndeterminate
|
|
801
805
|
const params = {
|
|
802
806
|
$table: $xeTable,
|
|
803
|
-
$grid: $
|
|
807
|
+
$grid: $xeGrid,
|
|
804
808
|
columns: customColumnList,
|
|
805
809
|
isAllChecked,
|
|
806
810
|
isAllIndeterminate,
|
|
@@ -324,6 +324,8 @@ hooks.add('tableEditModule', {
|
|
|
324
324
|
}
|
|
325
325
|
|
|
326
326
|
const handleEditActive = (params: any, evnt: Event | null, isFocus: boolean, isPos: boolean) => {
|
|
327
|
+
const $xeGrid = $xeTable.xeGrid
|
|
328
|
+
|
|
327
329
|
const { editConfig, mouseConfig } = props
|
|
328
330
|
const { editStore, tableColumn } = reactData
|
|
329
331
|
const editOpts = computeEditOpts.value
|
|
@@ -340,7 +342,7 @@ hooks.add('tableEditModule', {
|
|
|
340
342
|
if (actived.row !== row || (mode === 'cell' ? actived.column !== column : false)) {
|
|
341
343
|
// 判断是否禁用编辑
|
|
342
344
|
let type: 'edit-disabled' | 'edit-activated' = 'edit-disabled'
|
|
343
|
-
if (!beforeEditMethod || beforeEditMethod({ ...params, $table: $xeTable, $grid: $
|
|
345
|
+
if (!beforeEditMethod || beforeEditMethod({ ...params, $table: $xeTable, $grid: $xeGrid })) {
|
|
344
346
|
if (mouseConfig) {
|
|
345
347
|
$xeTable.clearSelected()
|
|
346
348
|
if ($xeTable.clearCellAreas) {
|
|
@@ -368,7 +370,7 @@ hooks.add('tableEditModule', {
|
|
|
368
370
|
$xeTable.handleFocus(params, evnt)
|
|
369
371
|
}
|
|
370
372
|
if (afterEditMethod) {
|
|
371
|
-
afterEditMethod({ ...params, $table: $xeTable, $grid: $
|
|
373
|
+
afterEditMethod({ ...params, $table: $xeTable, $grid: $xeGrid })
|
|
372
374
|
}
|
|
373
375
|
})
|
|
374
376
|
}
|
|
@@ -162,6 +162,8 @@ export default defineComponent({
|
|
|
162
162
|
}
|
|
163
163
|
|
|
164
164
|
const renderVN = () => {
|
|
165
|
+
const $xeGrid = $xeTable.xeGrid
|
|
166
|
+
|
|
165
167
|
const { defaultOptions, storeData } = props
|
|
166
168
|
const { isAll: isAllChecked, isIndeterminate: isAllIndeterminate } = reactData
|
|
167
169
|
const { hasTree, hasMerge, isPrint, hasColgroup, columns } = storeData
|
|
@@ -242,7 +244,7 @@ export default defineComponent({
|
|
|
242
244
|
default: () => {
|
|
243
245
|
const params = {
|
|
244
246
|
$table: $xeTable,
|
|
245
|
-
$grid: $
|
|
247
|
+
$grid: $xeGrid,
|
|
246
248
|
options: defaultOptions,
|
|
247
249
|
columns,
|
|
248
250
|
params: defaultOptions.params as any
|
|
@@ -487,7 +489,7 @@ export default defineComponent({
|
|
|
487
489
|
footer () {
|
|
488
490
|
const params = {
|
|
489
491
|
$table: $xeTable,
|
|
490
|
-
$grid: $
|
|
492
|
+
$grid: $xeGrid,
|
|
491
493
|
options: defaultOptions,
|
|
492
494
|
columns,
|
|
493
495
|
params: defaultOptions.params as any
|
|
@@ -93,6 +93,8 @@ export default defineComponent({
|
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
const renderVN = () => {
|
|
96
|
+
const $xeGrid = $xeTable.xeGrid
|
|
97
|
+
|
|
96
98
|
const { defaultOptions, storeData } = props
|
|
97
99
|
const selectName = computeSelectName.value
|
|
98
100
|
const hasFile = computeHasFile.value
|
|
@@ -127,7 +129,7 @@ export default defineComponent({
|
|
|
127
129
|
default: () => {
|
|
128
130
|
const params = {
|
|
129
131
|
$table: $xeTable,
|
|
130
|
-
$grid: $
|
|
132
|
+
$grid: $xeGrid,
|
|
131
133
|
options: defaultOptions,
|
|
132
134
|
params: defaultOptions.params as any
|
|
133
135
|
}
|
|
@@ -204,7 +206,7 @@ export default defineComponent({
|
|
|
204
206
|
footer () {
|
|
205
207
|
const params = {
|
|
206
208
|
$table: $xeTable,
|
|
207
|
-
$grid: $
|
|
209
|
+
$grid: $xeGrid,
|
|
208
210
|
options: defaultOptions,
|
|
209
211
|
params: defaultOptions.params as any
|
|
210
212
|
}
|
|
@@ -279,10 +279,12 @@ hooks.add('tableMenuModule', {
|
|
|
279
279
|
* 快捷菜单点击事件
|
|
280
280
|
*/
|
|
281
281
|
ctxMenuLinkEvent (evnt, menu) {
|
|
282
|
+
const $xeGrid = $xeTable.xeGrid
|
|
283
|
+
|
|
282
284
|
// 如果一级菜单有配置 code 则允许点击，否则不能点击
|
|
283
285
|
if (!menu.disabled && (menu.code || !menu.children || !menu.children.length)) {
|
|
284
286
|
const gMenuOpts = menus.get(menu.code)
|
|
285
|
-
const params = Object.assign({}, internalData._currMenuParams, { menu, $table: $xeTable, $grid: $
|
|
287
|
+
const params = Object.assign({}, internalData._currMenuParams, { menu, $table: $xeTable, $grid: $xeGrid, $event: evnt })
|
|
286
288
|
const tmMethod = gMenuOpts ? (gMenuOpts.tableMenuMethod || gMenuOpts.menuMethod) : null
|
|
287
289
|
if (tmMethod) {
|
|
288
290
|
tmMethod(params, evnt)
|
|
@@ -382,6 +382,8 @@ hooks.add('tableValidatorModule', {
|
|
|
382
382
|
* trigger=blur|change 触发方式（除非特殊场景，否则默认为空就行）
|
|
383
383
|
*/
|
|
384
384
|
validCellRules (validType, row, column, val) {
|
|
385
|
+
const $xeGrid = $xeTable.xeGrid
|
|
386
|
+
|
|
385
387
|
const { editRules } = props
|
|
386
388
|
const { field } = column
|
|
387
389
|
const errorRules: Rule[] = []
|
|
@@ -404,7 +406,7 @@ hooks.add('tableValidatorModule', {
|
|
|
404
406
|
columnIndex: $xeTable.getColumnIndex(column),
|
|
405
407
|
field: column.field,
|
|
406
408
|
$table: $xeTable,
|
|
407
|
-
$grid: $
|
|
409
|
+
$grid: $xeGrid
|
|
408
410
|
}
|
|
409
411
|
let customValid: any
|
|
410
412
|
if (XEUtils.isString(validator)) {
|
|
@@ -101,7 +101,9 @@ export default defineComponent({
|
|
|
101
101
|
columns: VxeTableDefines.ColumnInfo[],
|
|
102
102
|
items: any[]
|
|
103
103
|
) => {
|
|
104
|
-
const
|
|
104
|
+
const $xeGrid = $xeTable.xeGrid
|
|
105
|
+
|
|
106
|
+
const { fullAllDataRowIdData, fullColumnIdData, visibleColumn } = tableInternalData
|
|
105
107
|
const { columnKey, resizable: allResizable, showOverflow: allShowOverflow, border, height, cellClassName: allCellClassName, cellStyle, align: allAlign, spanMethod, mouseConfig, editConfig, editRules, tooltipConfig, padding: allPadding } = tableProps
|
|
106
108
|
const { tableData, dragRow, overflowX, currentColumn, scrollXLoad, scrollYLoad, calcCellHeightFlag, resizeHeightFlag, resizeWidthFlag, mergeList, editStore, isAllOverflow, validErrorMaps } = tableReactData
|
|
107
109
|
const { afterFullData, scrollXStore, scrollYStore } = tableInternalData
|
|
@@ -125,15 +127,16 @@ export default defineComponent({
|
|
|
125
127
|
const { type, cellRender, editRender, align, showOverflow, className, treeNode, rowResize, padding, verticalAlign, slots } = column
|
|
126
128
|
const { verticalAlign: allVerticalAlign } = cellOpts
|
|
127
129
|
const { actived } = editStore
|
|
128
|
-
const rowRest = fullAllDataRowIdData[rowid]
|
|
130
|
+
const rowRest = fullAllDataRowIdData[rowid] || {}
|
|
129
131
|
const colid = column.id
|
|
132
|
+
const colRest = fullColumnIdData[colid] || {}
|
|
130
133
|
const renderOpts = editRender || cellRender
|
|
131
134
|
const compConf = renderOpts ? renderer.get(renderOpts.name) : null
|
|
132
135
|
const compCellClassName = compConf ? (compConf.tableCellClassName || compConf.cellClassName) : null
|
|
133
136
|
const compCellStyle = compConf ? (compConf.tableCellStyle || compConf.cellStyle) : ''
|
|
134
137
|
const showAllTip = tooltipOpts.showAll
|
|
135
|
-
const columnIndex =
|
|
136
|
-
const _columnIndex =
|
|
138
|
+
const columnIndex = colRest.index
|
|
139
|
+
const _columnIndex = colRest._index
|
|
137
140
|
const isEdit = isEnableConf(editRender)
|
|
138
141
|
const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0
|
|
139
142
|
let fixedHiddenColumn = fixedType ? column.fixed !== fixedType : column.fixed && overflowX
|
|
@@ -157,7 +160,7 @@ export default defineComponent({
|
|
|
157
160
|
$table: VxeTableConstructor<any> & VxeTablePrivateMethods
|
|
158
161
|
} = {
|
|
159
162
|
$table: $xeTable,
|
|
160
|
-
$grid: $
|
|
163
|
+
$grid: $xeGrid,
|
|
161
164
|
isEdit: false,
|
|
162
165
|
seq,
|
|
163
166
|
rowid,
|
|
@@ -482,7 +485,7 @@ export default defineComponent({
|
|
|
482
485
|
}
|
|
483
486
|
}
|
|
484
487
|
const rowid = handleGetRowId(row)
|
|
485
|
-
const rowRest = fullAllDataRowIdData[rowid]
|
|
488
|
+
const rowRest = fullAllDataRowIdData[rowid] || {}
|
|
486
489
|
let rowLevel = 0
|
|
487
490
|
let seq: string | number = -1
|
|
488
491
|
let _rowIndex = 0
|
|
@@ -652,6 +655,7 @@ export default defineComponent({
|
|
|
652
655
|
|
|
653
656
|
const renderVN = () => {
|
|
654
657
|
const { slots } = tableContext
|
|
658
|
+
const $xeGrid = $xeTable.xeGrid
|
|
655
659
|
|
|
656
660
|
const { fixedColumn, fixedType, tableColumn } = props
|
|
657
661
|
const { spanMethod, footerSpanMethod, mouseConfig } = tableProps
|
|
@@ -736,7 +740,7 @@ export default defineComponent({
|
|
|
736
740
|
let emptyContent: string | VxeComponentSlotType | VxeComponentSlotType[]
|
|
737
741
|
const emptySlot = slots ? slots.empty : null
|
|
738
742
|
if (emptySlot) {
|
|
739
|
-
emptyContent = $xeTable.callSlot(emptySlot, { $table: $xeTable, $grid: $
|
|
743
|
+
emptyContent = $xeTable.callSlot(emptySlot, { $table: $xeTable, $grid: $xeGrid })
|
|
740
744
|
} else {
|
|
741
745
|
const compConf = emptyOpts.name ? renderer.get(emptyOpts.name) : null
|
|
742
746
|
const rtEmptyView = compConf ? (compConf.renderTableEmpty || compConf.renderTableEmptyView || compConf.renderEmpty) : null
|
|
@@ -10,10 +10,11 @@ const { getI18n, formats } = VxeUI
|
|
|
10
10
|
export class ColumnInfo {
|
|
11
11
|
/* eslint-disable @typescript-eslint/no-use-before-define */
|
|
12
12
|
constructor ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, _vm: any, { renderHeader, renderCell, renderFooter, renderData }: any = {}) {
|
|
13
|
-
const
|
|
13
|
+
const tableProps = $xeTable.props
|
|
14
|
+
const $xeGrid = $xeTable.xeGrid
|
|
15
|
+
|
|
14
16
|
const formatter: string | any[] = _vm.formatter
|
|
15
17
|
const visible = XEUtils.isBoolean(_vm.visible) ? _vm.visible : true
|
|
16
|
-
const { props: tableProps } = $xeTable
|
|
17
18
|
|
|
18
19
|
const types = ['seq', 'checkbox', 'radio', 'expand', 'html']
|
|
19
20
|
if (_vm.type && types.indexOf(_vm.type) === -1) {
|