vxe-table 4.1.6 → 4.1.9
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/button/src/button.js +14 -14
- package/es/edit/src/hook.js +3 -3
- package/es/export/src/hook.js +17 -6
- package/es/filter/src/hook.js +20 -1
- package/es/grid/src/grid.js +6 -2
- package/es/table/src/body.js +11 -14
- package/es/table/src/cell.js +16 -14
- package/es/table/src/props.js +6 -6
- package/es/table/src/table.js +102 -89
- package/es/table/src/util.js +3 -0
- package/es/tools/dom.js +2 -8
- package/es/v-x-e-table/src/conf.js +3 -0
- package/lib/button/src/button.js +15 -14
- package/lib/button/src/button.min.js +1 -1
- package/lib/edit/src/hook.js +3 -0
- package/lib/edit/src/hook.min.js +1 -1
- package/lib/export/src/hook.js +25 -10
- package/lib/export/src/hook.min.js +1 -1
- package/lib/filter/src/hook.js +23 -0
- package/lib/filter/src/hook.min.js +1 -1
- package/lib/grid/src/grid.js +6 -3
- package/lib/grid/src/grid.min.js +1 -1
- package/lib/index.umd.js +307 -208
- package/lib/index.umd.min.js +1 -1
- package/lib/table/src/body.js +8 -16
- package/lib/table/src/body.min.js +1 -1
- package/lib/table/src/cell.js +16 -16
- package/lib/table/src/cell.min.js +1 -1
- package/lib/table/src/props.js +6 -6
- package/lib/table/src/table.js +158 -114
- package/lib/table/src/table.min.js +1 -1
- package/lib/table/src/util.js +7 -0
- package/lib/table/src/util.min.js +1 -1
- package/lib/tools/dom.js +2 -9
- package/lib/tools/dom.min.js +1 -1
- package/lib/v-x-e-table/src/conf.js +3 -0
- package/lib/v-x-e-table/src/conf.min.js +1 -1
- package/package.json +1 -1
- package/packages/button/src/button.ts +14 -14
- package/packages/edit/src/hook.ts +3 -3
- package/packages/export/src/hook.ts +17 -6
- package/packages/filter/src/hook.ts +20 -1
- package/packages/grid/src/grid.ts +6 -2
- package/packages/table/src/body.ts +11 -14
- package/packages/table/src/cell.ts +16 -14
- package/packages/table/src/props.ts +6 -6
- package/packages/table/src/table.ts +102 -89
- package/packages/table/src/util.ts +4 -0
- package/packages/tools/dom.ts +2 -7
- package/packages/v-x-e-table/src/conf.ts +3 -0
- package/types/filter.d.ts +5 -0
- package/types/plugins/pro.d.ts +5 -0
- package/types/table.d.ts +12 -2
package/lib/table/src/body.js
CHANGED
|
@@ -176,7 +176,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
176
176
|
*/
|
|
177
177
|
|
|
178
178
|
|
|
179
|
-
var renderColumn = function renderColumn(
|
|
179
|
+
var renderColumn = function renderColumn(seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, columns, items) {
|
|
180
180
|
var _a;
|
|
181
181
|
|
|
182
182
|
var columnKey = tableProps.columnKey,
|
|
@@ -237,7 +237,6 @@ var _default = (0, _vue.defineComponent)({
|
|
|
237
237
|
};
|
|
238
238
|
var params = {
|
|
239
239
|
$table: $xetable,
|
|
240
|
-
$seq: $seq,
|
|
241
240
|
seq: seq,
|
|
242
241
|
rowid: rowid,
|
|
243
242
|
row: row,
|
|
@@ -417,7 +416,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
417
416
|
}), tdOns), tdVNs);
|
|
418
417
|
};
|
|
419
418
|
|
|
420
|
-
var renderRows = function renderRows(
|
|
419
|
+
var renderRows = function renderRows(fixedType, tableData, tableColumn) {
|
|
421
420
|
var stripe = tableProps.stripe,
|
|
422
421
|
rowKey = tableProps.rowKey,
|
|
423
422
|
highlightHoverRow = tableProps.highlightHoverRow,
|
|
@@ -433,8 +432,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
433
432
|
rowExpandeds = tableReactData.rowExpandeds,
|
|
434
433
|
expandColumn = tableReactData.expandColumn,
|
|
435
434
|
selectRow = tableReactData.selectRow;
|
|
436
|
-
var
|
|
437
|
-
scrollYStore = tableInternalData.scrollYStore;
|
|
435
|
+
var fullDataRowIdData = tableInternalData.fullDataRowIdData;
|
|
438
436
|
var checkboxOpts = computeCheckboxOpts.value;
|
|
439
437
|
var radioOpts = computeRadioOpts.value;
|
|
440
438
|
var treeOpts = computeTreeOpts.value;
|
|
@@ -444,11 +442,6 @@ var _default = (0, _vue.defineComponent)({
|
|
|
444
442
|
tableData.forEach(function (row, $rowIndex) {
|
|
445
443
|
var trOn = {};
|
|
446
444
|
var rowIndex = $rowIndex;
|
|
447
|
-
var seq = rowIndex + 1;
|
|
448
|
-
|
|
449
|
-
if (scrollYLoad) {
|
|
450
|
-
seq += scrollYStore.startIndex;
|
|
451
|
-
}
|
|
452
445
|
|
|
453
446
|
var _rowIndex = $xetable.getVTRowIndex(row); // 确保任何情况下 rowIndex 都精准指向真实 data 索引
|
|
454
447
|
|
|
@@ -477,11 +470,11 @@ var _default = (0, _vue.defineComponent)({
|
|
|
477
470
|
}
|
|
478
471
|
|
|
479
472
|
var rowid = (0, _util.getRowid)($xetable, row);
|
|
480
|
-
var rest =
|
|
473
|
+
var rest = fullDataRowIdData[rowid];
|
|
481
474
|
var rowLevel = rest ? rest.level : 0;
|
|
475
|
+
var seq = rest ? rest.seq : -1;
|
|
482
476
|
var params = {
|
|
483
477
|
$table: $xetable,
|
|
484
|
-
$seq: $seq,
|
|
485
478
|
seq: seq,
|
|
486
479
|
rowid: rowid,
|
|
487
480
|
fixed: fixedType,
|
|
@@ -510,7 +503,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
510
503
|
style: rowStyle ? _xeUtils.default.isFunction(rowStyle) ? rowStyle(params) : rowStyle : null,
|
|
511
504
|
key: rowKey || treeConfig ? rowid : $rowIndex
|
|
512
505
|
}, trOn), tableColumn.map(function (column, $columnIndex) {
|
|
513
|
-
return renderColumn(
|
|
506
|
+
return renderColumn(seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
|
|
514
507
|
}))); // 如果行被展开了
|
|
515
508
|
|
|
516
509
|
if (expandColumn && rowExpandeds.length && $xetable.findRowIndexOf(rowExpandeds, row) > -1) {
|
|
@@ -526,7 +519,6 @@ var _default = (0, _vue.defineComponent)({
|
|
|
526
519
|
var hasEllipsis = _xeUtils.default.isUndefined(showOverflow) || _xeUtils.default.isNull(showOverflow) ? allColumnOverflow : showOverflow;
|
|
527
520
|
var expandParams = {
|
|
528
521
|
$table: $xetable,
|
|
529
|
-
$seq: $seq,
|
|
530
522
|
seq: seq,
|
|
531
523
|
column: expandColumn,
|
|
532
524
|
fixed: fixedType,
|
|
@@ -558,7 +550,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
558
550
|
var rowChildren = row[treeOpts.children];
|
|
559
551
|
|
|
560
552
|
if (rowChildren && rowChildren.length && $xetable.findRowIndexOf(treeExpandeds, row) > -1) {
|
|
561
|
-
rows.push.apply(rows, renderRows(
|
|
553
|
+
rows.push.apply(rows, renderRows(fixedType, rowChildren, tableColumn));
|
|
562
554
|
}
|
|
563
555
|
}
|
|
564
556
|
});
|
|
@@ -918,7 +910,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
918
910
|
*/
|
|
919
911
|
(0, _vue.h)('tbody', {
|
|
920
912
|
ref: refBodyTBody
|
|
921
|
-
}, renderRows(
|
|
913
|
+
}, renderRows(fixedType, tableData, tableColumn))]), (0, _vue.h)('div', {
|
|
922
914
|
class: 'vxe-table--checkbox-range'
|
|
923
915
|
}), mouseConfig && mouseOpts.area ? (0, _vue.h)('div', {
|
|
924
916
|
class: 'vxe-table--cell-area'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_util=require("./util"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var l,t=1,o=arguments.length;t<o;t++)for(var r in l=arguments[t])Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);return e}).apply(this,arguments)},__spreadArray=function(e,l){for(var t=0,o=l.length,r=e.length;t<o;t++,r++)e[r]=l[t];return e},renderType="body",lineOffsetSizes={mini:3,small:2,medium:1},_default=(0,_vue.defineComponent)({name:"VxeTableBody",props:{tableData:Array,tableColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup:function(_){function i(){if(l){var e=l.value;if(e)return lineOffsetSizes[e]||0}return 0}function s(e,l){var t=e[u.value.children],o=1;if(ae.isTreeExpandByRow(e))for(var r=0;r<t.length;r++)o+=s(t[r],l);return o}function re(e,l,t){var o=t.column,r=ne.treeConfig,a=u.value,n=o.slots,o=o.treeNode;return n&&n.line?ae.callSlot(n.line,t):r&&o&&a.line?[(0,_vue.h)("div",{class:"vxe-tree--line-wrapper"},[(0,_vue.h)("div",{class:"vxe-tree--line",style:{height:(r=l,l=(o=t).$rowIndex,t=1,l&&(t=s(r[l-1],o)),ie.rowHeight*t-(l?1:12-i())+"px"),left:e*a.indent+(e?2-i():0)+16+"px"}})])]:[]}function Y(d,v,p,f){var h=ne.stripe,x=ne.rowKey,g=ne.highlightHoverRow,_=ne.rowClassName,m=ne.rowStyle,y=ne.showOverflow,w=ne.editConfig,b=ne.treeConfig,T=ie.hasFixedColumn,S=ie.treeExpandeds,C=ie.scrollYLoad,L=ie.editStore,O=ie.rowExpandeds,R=ie.expandColumn,E=ie.selectRow,I=se.fullAllDataRowIdData,H=se.scrollYStore,$=ve.value,M=t.value,D=u.value,k=ue.value,q=fe.value,U=[];return p.forEach(function(t,o){var e={},r=o+1;C&&(r+=H.startIndex);var a=ae.getVTRowIndex(t),n=ae.getRowIndex(t);(q.isHover||g)&&(e.onMouseenter=function(e){he()||ae.triggerHoverEvent(e,{row:t,rowIndex:n})},e.onMouseleave=function(){he()||ae.clearHoverRow()});var l,i=(0,_util.getRowid)(ae,t),s=I[i],u=s?s.level:0,c={$table:ae,$seq:d,seq:r,rowid:i,fixed:v,type:renderType,level:u,row:t,rowIndex:n,$rowIndex:o,_rowIndex:a},s=!1;w&&(s=-1<ae.findRowIndexOf(L.insertList,t)),U.push((0,_vue.h)("tr",__assign({class:["vxe-body--row",{"row--stripe":h&&(ae.getVTRowIndex(t)+1)%2==0,"is--new":s,"row--new":s&&(k.showStatus||k.showInsertStatus),"row--radio":M.highlight&&E===t,"row--checked":$.highlight&&ae.isCheckedByCheckboxRow(t)},_?_xeUtils.default.isFunction(_)?_(c):_:""],rowid:i,style:m?_xeUtils.default.isFunction(m)?m(c):m:null,key:x||b?i:o},e),f.map(function(e,l){return B(d,r,i,v,u,t,n,o,a,e,l,f,p)}))),R&&O.length&&-1<ae.findRowIndexOf(O,t)&&(s=void 0,b&&(s={paddingLeft:u*D.indent+30+"px"}),l=R.showOverflow,c=_xeUtils.default.isUndefined(l)||_xeUtils.default.isNull(l)?y:l,l={$table:ae,$seq:d,seq:r,column:R,fixed:v,type:renderType,level:u,row:t,rowIndex:n,$rowIndex:o,_rowIndex:a},U.push((0,_vue.h)("tr",__assign({class:"vxe-body--expanded-row",key:"expand_"+i,style:m?_xeUtils.default.isFunction(m)?m(l):m:null},e),[(0,_vue.h)("td",{class:["vxe-body--expanded-column",{"fixed--hidden":v&&!T,"col--ellipsis":c}],colspan:f.length},[(0,_vue.h)("div",{class:"vxe-body--expanded-cell",style:s},[R.renderData(l)])])]))),!b||C||!S.length||(l=t[D.children])&&l.length&&-1<ae.findRowIndexOf(S,t)&&U.push.apply(U,Y(d?d+"."+r:""+r,v,l,f))}),U}function m(e,l,t){(l||t)&&(l&&((0,_util.removeScrollListener)(l),l.scrollTop=e),t&&((0,_util.removeScrollListener)(t),t.scrollTop=e),clearTimeout(r),r=setTimeout(function(){(0,_util.restoreScrollListener)(l),(0,_util.restoreScrollListener)(t)},300))}function o(e){var l=_.fixedType,t=ne.highlightHoverRow,o=ie.scrollXLoad,r=ie.scrollYLoad,a=se.elemStore,n=se.lastScrollTop,i=se.lastScrollLeft,s=fe.value,u=b.value,c=T.value,d=S.value,v=C.value,p=L.value,f=O.value,h=H.value,x=u?u.$el:null,g=d?d.$el:null,u=c.$el,d=v?v.$el:null,c=p?p.$el:null,v=a["main-body-ySpace"],p=a["main-body-xSpace"],a=v?v.clientHeight:0,v=p?p.clientWidth:0,p=h.scrollTop,i=(h=u.scrollLeft)!==i,n=p!==n;se.lastScrollTop=p,se.lastScrollLeft=h,se.lastScrollTime=Date.now(),(s.isHover||t)&&ae.clearHoverRow(),d&&"left"===l?(p=d.scrollTop,m(p,u,c)):c&&"right"===l?(p=c.scrollTop,m(p,u,d)):(i&&(x&&(x.scrollLeft=u.scrollLeft),g&&(g.scrollLeft=u.scrollLeft)),(d||c)&&(ae.checkScrolling(),n&&m(p,d,c))),o&&i&&ae.triggerScrollXEvent(e),r&&n&&ae.triggerScrollYEvent(e),i&&f&&f.reactData.visible&&f.updatePlacement(),ae.dispatchEvent("scroll",{type:renderType,fixed:l,scrollTop:p,scrollLeft:h,bodyHeight:a,bodyWidth:v,isX:i,isY:n},e)}function g(e){var l=e.deltaY,t=e.deltaX,o=ne.highlightHoverRow,r=ie.scrollYLoad,a=se.lastScrollTop,n=se.lastScrollLeft,i=fe.value,s=T.value,u=H.value,c=s.$el,s=_dom.browse.firefox?40*l:l,l=_dom.browse.firefox?40*t:t;((t=s<0)?u.scrollTop<=0:u.scrollTop>=u.scrollHeight-u.clientHeight)||(u=u.scrollTop+s,n=(l=c.scrollLeft+l)!==n,(a=u!==a)&&(e.preventDefault(),se.lastScrollTop=u,se.lastScrollLeft=l,se.lastScrollTime=Date.now(),(i.isHover||o)&&ae.clearHoverRow(),d(e,t,s,n,a),r&&ae.triggerScrollYEvent(e)))}var r,f,ae=(0,_vue.inject)("$xetable",{}),l=(0,_vue.inject)("xesize",null),y=ae.xID,ne=ae.props,w=ae.context,ie=ae.reactData,se=ae.internalData,e=ae.getRefMaps(),b=e.refTableHeader,T=e.refTableBody,S=e.refTableFooter,C=e.refTableLeftBody,L=e.refTableRightBody,O=e.refValidTooltip,e=ae.getComputeMaps(),ue=e.computeEditOpts,R=e.computeMouseOpts,ce=e.computeSYOpts,E=e.computeEmptyOpts,I=e.computeKeyboardOpts,de=e.computeTooltipOpts,t=e.computeRadioOpts,u=e.computeTreeOpts,ve=e.computeCheckboxOpts,pe=e.computeValidOpts,fe=e.computeRowOpts,H=(0,_vue.ref)(),$=(0,_vue.ref)(),M=(0,_vue.ref)(),D=(0,_vue.ref)(),k=(0,_vue.ref)(),q=(0,_vue.ref)(),U=(0,_vue.ref)(),he=function(){var e=ne.delayHover,l=se.lastScrollTime;return se._isResize||l&&Date.now()<l+e},B=function(e,l,t,o,r,a,n,i,s,u,c,d,v){var p,f=ne.columnKey,h=ne.height,x=ne.showOverflow,g=ne.cellClassName,_=ne.cellStyle,m=ne.align,y=ne.spanMethod,w=ne.mouseConfig,b=ne.editConfig,T=ne.editRules,S=ne.tooltipConfig,C=ie.tableData,L=ie.overflowX,O=ie.scrollYLoad,R=ie.currentColumn,E=ie.mergeList,I=ie.editStore,H=ie.validStore,$=ie.isAllOverflow,M=se.afterFullData,D=pe.value,k=ve.value,q=ue.value,U=de.value,Y=fe.value,B=ce.value,A=u.type,X=u.cellRender,j=u.editRender,N=u.align,V=u.showOverflow,F=u.className,W=u.treeNode,P=I.actived,z=B.rHeight,K=Y.height,G=U.showAll,J=ae.getColumnIndex(u),I=ae.getVTColumnIndex(u),B=(0,_utils.isEnableConf)(j),Y=o?u.fixed!==o:u.fixed&&L,U=_xeUtils.default.isUndefined(V)||_xeUtils.default.isNull(V)?x:V,L="ellipsis"===U,Q="title"===U,Z=!0===U||"tooltip"===U,V=Q||Z||L,U={},N=N||m,m=H.row===a&&H.column===u,h=T&&D.showMessage&&("default"===D.message?h||1<C.length:"inline"===D.message),D={colid:u.id},ee={$table:ae,$seq:e,seq:l,rowid:t,row:a,rowIndex:n,$rowIndex:i,_rowIndex:s,column:u,columnIndex:J,$columnIndex:c,_columnIndex:I,fixed:o,type:renderType,isHidden:Y,level:r,visibleData:M,data:C,items:v};if(O&&!V&&(L=V=!0),(Q||Z||G||S)&&(U.onMouseenter=function(e){he()||(Q?(0,_dom.updateCellTitle)(e.currentTarget,u):(Z||G)&&ae.triggerBodyTooltipEvent(e,ee),ae.dispatchEvent("cell-mouseenter",Object.assign({cell:e.currentTarget},ee),e))}),(Z||G||S)&&(U.onMouseleave=function(e){he()||((Z||G)&&ae.handleTargetLeaveEvent(e),ae.dispatchEvent("cell-mouseleave",Object.assign({cell:e.currentTarget},ee),e))}),(k.range||w)&&(U.onMousedown=function(e){ae.triggerCellMousedownEvent(e,ee)}),U.onClick=function(e){ae.triggerCellClickEvent(e,ee)},U.onDblclick=function(e){ae.triggerCellDblclickEvent(e,ee)},E.length){var le=(0,_util.mergeBodyMethod)(E,s,I);if(le){var te=le.rowspan,oe=le.colspan;if(!te||!oe)return null;1<te&&(D.rowspan=te),1<oe&&(D.colspan=oe)}}else if(y){le=y(ee)||{},y=le.rowspan,te=void 0===y?1:y,le=le.colspan,oe=void 0===le?1:le;if(!te||!oe)return null;1<te&&(D.rowspan=te),1<oe&&(D.colspan=oe)}!(Y=Y&&E&&(1<D.colspan||1<D.rowspan)?!1:Y)&&b&&(j||X)&&(q.showStatus||q.showUpdateStatus)&&(p=ae.isUpdateByRow(a,u.property));X=[];return Y&&x&&$?X.push((0,_vue.h)("div",{class:["vxe-cell",{"c--title":Q,"c--tooltip":Z,"c--ellipsis":L}],style:{maxHeight:V&&(z||K)?(z||K)+"px":""}})):(X.push.apply(X,__spreadArray(__spreadArray([],re(r,v,ee)),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":Q,"c--tooltip":Z,"c--ellipsis":L}],style:{maxHeight:V&&(z||K)?(z||K)+"px":""},title:Q?ae.getCellLabel(a,u):null},u.renderCell(ee))])),h&&m&&X.push((0,_vue.h)("div",{class:"vxe-cell--valid",style:H.rule&&H.rule.maxWidth?{width:H.rule.maxWidth+"px"}:null},[(0,_vue.h)("span",{class:"vxe-cell--valid-msg"},H.content)]))),(0,_vue.h)("td",__assign(__assign(__assign({class:["vxe-body--column",u.id,((H={})["col--"+N]=N,H["col--"+A]=A,H["col--last"]=c===d.length-1,H["col--tree-node"]=W,H["col--edit"]=B,H["col--ellipsis"]=V,H["fixed--hidden"]=Y,H["col--dirty"]=p,H["col--actived"]=b&&B&&P.row===a&&(P.column===u||"row"===q.mode),H["col--valid-error"]=m,H["col--current"]=R===u,H),(0,_util.getPropClass)(F,ee),(0,_util.getPropClass)(g,ee)],key:f?u.id:c},D),{style:Object.assign({height:V&&(z||K)?(z||K)+"px":""},_?_xeUtils.default.isFunction(_)?_(ee):_:null)}),U),X)},h=0,x=0,A=0,X=!1,d=function(a,n,e,i,s){var l=se.elemStore,t=T.value,o=C.value,r=L.value,u=o?o.$el:null,c=r?r.$el:null,d=t.$el,t=l["main-body-ySpace"],l=l["main-body-xSpace"],v=t?t.clientHeight:0,p=l?l.clientWidth:0,l=X===n?Math.max(0,h-A):0;X=n,h=Math.abs(n?e-l:e+l),A=x=0,clearTimeout(f),function e(){var l,t,o,r;A<h&&(l=_.fixedType,x=Math.max(5,Math.floor(1.5*x)),h<(A+=x)&&(x-=A-h),r=d.scrollTop,t=d.clientHeight,o=d.scrollHeight,r=r+x*(n?-1:1),d.scrollTop=r,u&&(u.scrollTop=r),c&&(c.scrollTop=r),(n?r<o-t:0<=r)&&(f=setTimeout(e,10)),ae.dispatchEvent("scroll",{type:renderType,fixed:l,scrollTop:d.scrollTop,scrollLeft:d.scrollLeft,bodyHeight:v,bodyWidth:p,isX:i,isY:s},a))}()};(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=_.fixedType,l=se.elemStore,t=(e||"main")+"-body-",e=H.value;l[t+"wrapper"]=H.value,l[t+"table"]=$.value,l[t+"colgroup"]=M.value,l[t+"list"]=D.value,l[t+"xSpace"]=k.value,l[t+"ySpace"]=q.value,l[t+"emptyBlock"]=U.value,e.onscroll=o,e._onscroll=o})}),(0,_vue.onBeforeUnmount)(function(){var e=H.value;clearTimeout(f),e._onscroll=null,e.onscroll=null});return function(){var e=_.fixedColumn,l=_.fixedType,t=_.tableColumn,o=ne.keyboardConfig,r=ne.showOverflow,a=ne.spanMethod,n=ne.mouseConfig,i=ie.tableData,s=ie.mergeList,u=ie.scrollYLoad,c=ie.isAllOverflow,d=se.visibleColumn,v=w.slots,p=ce.value,f=E.value,h=I.value,x=R.value;return l&&(t=!(u||r&&c)||s.length||a||o&&h.isMerge?d:e),f=v.empty?ae.callSlot(v.empty,{$table:ae}):(v=(v=f.name?_vXETable.VXETable.renderer.get(f.name):null)?v.renderEmpty:null)?v(f,{$table:ae}):ne.emptyText||_conf.default.i18n("vxe.table.emptyText"),(0,_vue.h)("div",__assign({ref:H,class:["vxe-table--body-wrapper",l?"fixed-"+l+"--wrapper":"body--wrapper"],xid:y},u&&"wheel"===p.mode?{onWheel:g}:{}),[l?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:k,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:q,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:$,class:"vxe-table--body",xid:y,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:M},t.map(function(e,l){return(0,_vue.h)("col",{name:e.id,key:l})})),(0,_vue.h)("tbody",{ref:D},Y("",l,i,t))]),(0,_vue.h)("div",{class:"vxe-table--checkbox-range"}),n&&x.area?(0,_vue.h)("div",{class:"vxe-table--cell-area"},[(0,_vue.h)("span",{class:"vxe-table--cell-main-area"},x.extension?[(0,_vue.h)("span",{class:"vxe-table--cell-main-area-btn",onMousedown:function(e){ae.triggerCellExtendMousedownEvent(e,{$table:ae,fixed:l,type:renderType})}})]:[]),(0,_vue.h)("span",{class:"vxe-table--cell-copy-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-extend-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-multi-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-active-area"})]):null,l?null:(0,_vue.h)("div",{class:"vxe-table--empty-block",ref:U},[(0,_vue.h)("div",{class:"vxe-table--empty-content"},f)])])}}});exports.default=_default;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_util=require("./util"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var l,t=1,o=arguments.length;t<o;t++)for(var r in l=arguments[t])Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);return e}).apply(this,arguments)},__spreadArray=function(e,l){for(var t=0,o=l.length,r=e.length;t<o;t++,r++)e[r]=l[t];return e},renderType="body",lineOffsetSizes={mini:3,small:2,medium:1},_default=(0,_vue.defineComponent)({name:"VxeTableBody",props:{tableData:Array,tableColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup:function(_){function i(){if(l){var e=l.value;if(e)return lineOffsetSizes[e]||0}return 0}function s(e,l){var t=e[u.value.children],o=1;if(re.isTreeExpandByRow(e))for(var r=0;r<t.length;r++)o+=s(t[r],l);return o}function oe(e,l,t){var o=t.column,r=ae.treeConfig,a=u.value,n=o.slots,o=o.treeNode;return n&&n.line?re.callSlot(n.line,t):r&&o&&a.line?[(0,_vue.h)("div",{class:"vxe-tree--line-wrapper"},[(0,_vue.h)("div",{class:"vxe-tree--line",style:{height:(r=l,l=(o=t).$rowIndex,t=1,l&&(t=s(r[l-1],o)),ne.rowHeight*t-(l?1:12-i())+"px"),left:e*a.indent+(e?2-i():0)+16+"px"}})])]:[]}function q(d,v,p){var f=ae.stripe,h=ae.rowKey,x=ae.highlightHoverRow,g=ae.rowClassName,_=ae.rowStyle,m=ae.showOverflow,y=ae.editConfig,w=ae.treeConfig,b=ne.hasFixedColumn,T=ne.treeExpandeds,S=ne.scrollYLoad,C=ne.editStore,L=ne.rowExpandeds,O=ne.expandColumn,R=ne.selectRow,E=ie.fullDataRowIdData,H=de.value,I=t.value,M=u.value,D=se.value,$=pe.value,k=[];return v.forEach(function(t,o){var e={},r=re.getVTRowIndex(t),a=re.getRowIndex(t);($.isHover||x)&&(e.onMouseenter=function(e){fe()||re.triggerHoverEvent(e,{row:t,rowIndex:a})},e.onMouseleave=function(){fe()||re.clearHoverRow()});var l,n=(0,_util.getRowid)(re,t),i=E[n],s=i?i.level:0,u=i?i.seq:-1,c={$table:re,seq:u,rowid:n,fixed:d,type:renderType,level:s,row:t,rowIndex:a,$rowIndex:o,_rowIndex:r},i=!1;y&&(i=-1<re.findRowIndexOf(C.insertList,t)),k.push((0,_vue.h)("tr",__assign({class:["vxe-body--row",{"row--stripe":f&&(re.getVTRowIndex(t)+1)%2==0,"is--new":i,"row--new":i&&(D.showStatus||D.showInsertStatus),"row--radio":I.highlight&&R===t,"row--checked":H.highlight&&re.isCheckedByCheckboxRow(t)},g?_xeUtils.default.isFunction(g)?g(c):g:""],rowid:n,style:_?_xeUtils.default.isFunction(_)?_(c):_:null,key:h||w?n:o},e),p.map(function(e,l){return Y(u,n,d,s,t,a,o,r,e,l,p,v)}))),O&&L.length&&-1<re.findRowIndexOf(L,t)&&(i=void 0,w&&(i={paddingLeft:s*M.indent+30+"px"}),l=O.showOverflow,c=_xeUtils.default.isUndefined(l)||_xeUtils.default.isNull(l)?m:l,l={$table:re,seq:u,column:O,fixed:d,type:renderType,level:s,row:t,rowIndex:a,$rowIndex:o,_rowIndex:r},k.push((0,_vue.h)("tr",__assign({class:"vxe-body--expanded-row",key:"expand_"+n,style:_?_xeUtils.default.isFunction(_)?_(l):_:null},e),[(0,_vue.h)("td",{class:["vxe-body--expanded-column",{"fixed--hidden":d&&!b,"col--ellipsis":c}],colspan:p.length},[(0,_vue.h)("div",{class:"vxe-body--expanded-cell",style:i},[O.renderData(l)])])]))),!w||S||!T.length||(l=t[M.children])&&l.length&&-1<re.findRowIndexOf(T,t)&&k.push.apply(k,q(d,l,p))}),k}function m(e,l,t){(l||t)&&(l&&((0,_util.removeScrollListener)(l),l.scrollTop=e),t&&((0,_util.removeScrollListener)(t),t.scrollTop=e),clearTimeout(r),r=setTimeout(function(){(0,_util.restoreScrollListener)(l),(0,_util.restoreScrollListener)(t)},300))}function o(e){var l=_.fixedType,t=ae.highlightHoverRow,o=ne.scrollXLoad,r=ne.scrollYLoad,a=ie.elemStore,n=ie.lastScrollTop,i=ie.lastScrollLeft,s=pe.value,u=b.value,c=T.value,d=S.value,v=C.value,p=L.value,f=O.value,h=I.value,x=u?u.$el:null,g=d?d.$el:null,u=c.$el,d=v?v.$el:null,c=p?p.$el:null,v=a["main-body-ySpace"],p=a["main-body-xSpace"],a=v?v.clientHeight:0,v=p?p.clientWidth:0,p=h.scrollTop,i=(h=u.scrollLeft)!==i,n=p!==n;ie.lastScrollTop=p,ie.lastScrollLeft=h,ie.lastScrollTime=Date.now(),(s.isHover||t)&&re.clearHoverRow(),d&&"left"===l?(p=d.scrollTop,m(p,u,c)):c&&"right"===l?(p=c.scrollTop,m(p,u,d)):(i&&(x&&(x.scrollLeft=u.scrollLeft),g&&(g.scrollLeft=u.scrollLeft)),(d||c)&&(re.checkScrolling(),n&&m(p,d,c))),o&&i&&re.triggerScrollXEvent(e),r&&n&&re.triggerScrollYEvent(e),i&&f&&f.reactData.visible&&f.updatePlacement(),re.dispatchEvent("scroll",{type:renderType,fixed:l,scrollTop:p,scrollLeft:h,bodyHeight:a,bodyWidth:v,isX:i,isY:n},e)}function g(e){var l=e.deltaY,t=e.deltaX,o=ae.highlightHoverRow,r=ne.scrollYLoad,a=ie.lastScrollTop,n=ie.lastScrollLeft,i=pe.value,s=T.value,u=I.value,c=s.$el,s=_dom.browse.firefox?40*l:l,l=_dom.browse.firefox?40*t:t;((t=s<0)?u.scrollTop<=0:u.scrollTop>=u.scrollHeight-u.clientHeight)||(u=u.scrollTop+s,n=(l=c.scrollLeft+l)!==n,(a=u!==a)&&(e.preventDefault(),ie.lastScrollTop=u,ie.lastScrollLeft=l,ie.lastScrollTime=Date.now(),(i.isHover||o)&&re.clearHoverRow(),d(e,t,s,n,a),r&&re.triggerScrollYEvent(e)))}var r,f,re=(0,_vue.inject)("$xetable",{}),l=(0,_vue.inject)("xesize",null),y=re.xID,ae=re.props,w=re.context,ne=re.reactData,ie=re.internalData,e=re.getRefMaps(),b=e.refTableHeader,T=e.refTableBody,S=e.refTableFooter,C=e.refTableLeftBody,L=e.refTableRightBody,O=e.refValidTooltip,e=re.getComputeMaps(),se=e.computeEditOpts,R=e.computeMouseOpts,ue=e.computeSYOpts,E=e.computeEmptyOpts,H=e.computeKeyboardOpts,ce=e.computeTooltipOpts,t=e.computeRadioOpts,u=e.computeTreeOpts,de=e.computeCheckboxOpts,ve=e.computeValidOpts,pe=e.computeRowOpts,I=(0,_vue.ref)(),M=(0,_vue.ref)(),D=(0,_vue.ref)(),$=(0,_vue.ref)(),k=(0,_vue.ref)(),U=(0,_vue.ref)(),B=(0,_vue.ref)(),fe=function(){var e=ae.delayHover,l=ie.lastScrollTime;return ie._isResize||l&&Date.now()<l+e},Y=function(e,l,t,o,r,a,n,i,s,u,c,d){var v,p=ae.columnKey,f=ae.height,h=ae.showOverflow,x=ae.cellClassName,g=ae.cellStyle,_=ae.align,m=ae.spanMethod,y=ae.mouseConfig,w=ae.editConfig,b=ae.editRules,T=ae.tooltipConfig,S=ne.tableData,C=ne.overflowX,L=ne.scrollYLoad,O=ne.currentColumn,R=ne.mergeList,E=ne.editStore,H=ne.validStore,I=ne.isAllOverflow,M=ie.afterFullData,D=ve.value,$=de.value,k=se.value,q=ce.value,U=pe.value,B=ue.value,Y=s.type,A=s.cellRender,X=s.editRender,j=s.align,N=s.showOverflow,V=s.className,F=s.treeNode,W=E.actived,P=B.rHeight,z=U.height,K=q.showAll,G=re.getColumnIndex(s),E=re.getVTColumnIndex(s),B=(0,_utils.isEnableConf)(X),U=t?s.fixed!==t:s.fixed&&C,q=_xeUtils.default.isUndefined(N)||_xeUtils.default.isNull(N)?h:N,C="ellipsis"===q,J="title"===q,Q=!0===q||"tooltip"===q,N=J||Q||C,q={},j=j||_,_=H.row===r&&H.column===s,f=b&&D.showMessage&&("default"===D.message?f||1<S.length:"inline"===D.message),D={colid:s.id},Z={$table:re,seq:e,rowid:l,row:r,rowIndex:a,$rowIndex:n,_rowIndex:i,column:s,columnIndex:G,$columnIndex:u,_columnIndex:E,fixed:t,type:renderType,isHidden:U,level:o,visibleData:M,data:S,items:d};if(L&&!N&&(C=N=!0),(J||Q||K||T)&&(q.onMouseenter=function(e){fe()||(J?(0,_dom.updateCellTitle)(e.currentTarget,s):(Q||K)&&re.triggerBodyTooltipEvent(e,Z),re.dispatchEvent("cell-mouseenter",Object.assign({cell:e.currentTarget},Z),e))}),(Q||K||T)&&(q.onMouseleave=function(e){fe()||((Q||K)&&re.handleTargetLeaveEvent(e),re.dispatchEvent("cell-mouseleave",Object.assign({cell:e.currentTarget},Z),e))}),($.range||y)&&(q.onMousedown=function(e){re.triggerCellMousedownEvent(e,Z)}),q.onClick=function(e){re.triggerCellClickEvent(e,Z)},q.onDblclick=function(e){re.triggerCellDblclickEvent(e,Z)},R.length){var ee=(0,_util.mergeBodyMethod)(R,i,E);if(ee){var le=ee.rowspan,te=ee.colspan;if(!le||!te)return null;1<le&&(D.rowspan=le),1<te&&(D.colspan=te)}}else if(m){ee=m(Z)||{},m=ee.rowspan,le=void 0===m?1:m,ee=ee.colspan,te=void 0===ee?1:ee;if(!le||!te)return null;1<le&&(D.rowspan=le),1<te&&(D.colspan=te)}!(U=U&&R&&(1<D.colspan||1<D.rowspan)?!1:U)&&w&&(X||A)&&(k.showStatus||k.showUpdateStatus)&&(v=re.isUpdateByRow(r,s.property));A=[];return U&&h&&I?A.push((0,_vue.h)("div",{class:["vxe-cell",{"c--title":J,"c--tooltip":Q,"c--ellipsis":C}],style:{maxHeight:N&&(P||z)?(P||z)+"px":""}})):(A.push.apply(A,__spreadArray(__spreadArray([],oe(o,d,Z)),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":J,"c--tooltip":Q,"c--ellipsis":C}],style:{maxHeight:N&&(P||z)?(P||z)+"px":""},title:J?re.getCellLabel(r,s):null},s.renderCell(Z))])),f&&_&&A.push((0,_vue.h)("div",{class:"vxe-cell--valid",style:H.rule&&H.rule.maxWidth?{width:H.rule.maxWidth+"px"}:null},[(0,_vue.h)("span",{class:"vxe-cell--valid-msg"},H.content)]))),(0,_vue.h)("td",__assign(__assign(__assign({class:["vxe-body--column",s.id,((H={})["col--"+j]=j,H["col--"+Y]=Y,H["col--last"]=u===c.length-1,H["col--tree-node"]=F,H["col--edit"]=B,H["col--ellipsis"]=N,H["fixed--hidden"]=U,H["col--dirty"]=v,H["col--actived"]=w&&B&&W.row===r&&(W.column===s||"row"===k.mode),H["col--valid-error"]=_,H["col--current"]=O===s,H),(0,_util.getPropClass)(V,Z),(0,_util.getPropClass)(x,Z)],key:p?s.id:u},D),{style:Object.assign({height:N&&(P||z)?(P||z)+"px":""},g?_xeUtils.default.isFunction(g)?g(Z):g:null)}),q),A)},h=0,x=0,A=0,X=!1,d=function(a,n,e,i,s){var l=ie.elemStore,t=T.value,o=C.value,r=L.value,u=o?o.$el:null,c=r?r.$el:null,d=t.$el,t=l["main-body-ySpace"],l=l["main-body-xSpace"],v=t?t.clientHeight:0,p=l?l.clientWidth:0,l=X===n?Math.max(0,h-A):0;X=n,h=Math.abs(n?e-l:e+l),A=x=0,clearTimeout(f),function e(){var l,t,o,r;A<h&&(l=_.fixedType,x=Math.max(5,Math.floor(1.5*x)),h<(A+=x)&&(x-=A-h),r=d.scrollTop,t=d.clientHeight,o=d.scrollHeight,r=r+x*(n?-1:1),d.scrollTop=r,u&&(u.scrollTop=r),c&&(c.scrollTop=r),(n?r<o-t:0<=r)&&(f=setTimeout(e,10)),re.dispatchEvent("scroll",{type:renderType,fixed:l,scrollTop:d.scrollTop,scrollLeft:d.scrollLeft,bodyHeight:v,bodyWidth:p,isX:i,isY:s},a))}()};(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=_.fixedType,l=ie.elemStore,t=(e||"main")+"-body-",e=I.value;l[t+"wrapper"]=I.value,l[t+"table"]=M.value,l[t+"colgroup"]=D.value,l[t+"list"]=$.value,l[t+"xSpace"]=k.value,l[t+"ySpace"]=U.value,l[t+"emptyBlock"]=B.value,e.onscroll=o,e._onscroll=o})}),(0,_vue.onBeforeUnmount)(function(){var e=I.value;clearTimeout(f),e._onscroll=null,e.onscroll=null});return function(){var e=_.fixedColumn,l=_.fixedType,t=_.tableColumn,o=ae.keyboardConfig,r=ae.showOverflow,a=ae.spanMethod,n=ae.mouseConfig,i=ne.tableData,s=ne.mergeList,u=ne.scrollYLoad,c=ne.isAllOverflow,d=ie.visibleColumn,v=w.slots,p=ue.value,f=E.value,h=H.value,x=R.value;return l&&(t=!(u||r&&c)||s.length||a||o&&h.isMerge?d:e),f=v.empty?re.callSlot(v.empty,{$table:re}):(v=(v=f.name?_vXETable.VXETable.renderer.get(f.name):null)?v.renderEmpty:null)?v(f,{$table:re}):ae.emptyText||_conf.default.i18n("vxe.table.emptyText"),(0,_vue.h)("div",__assign({ref:I,class:["vxe-table--body-wrapper",l?"fixed-"+l+"--wrapper":"body--wrapper"],xid:y},u&&"wheel"===p.mode?{onWheel:g}:{}),[l?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:k,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:U,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:M,class:"vxe-table--body",xid:y,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:D},t.map(function(e,l){return(0,_vue.h)("col",{name:e.id,key:l})})),(0,_vue.h)("tbody",{ref:$},q(l,i,t))]),(0,_vue.h)("div",{class:"vxe-table--checkbox-range"}),n&&x.area?(0,_vue.h)("div",{class:"vxe-table--cell-area"},[(0,_vue.h)("span",{class:"vxe-table--cell-main-area"},x.extension?[(0,_vue.h)("span",{class:"vxe-table--cell-main-area-btn",onMousedown:function(e){re.triggerCellExtendMousedownEvent(e,{$table:re,fixed:l,type:renderType})}})]:[]),(0,_vue.h)("span",{class:"vxe-table--cell-copy-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-extend-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-multi-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-active-area"})]):null,l?null:(0,_vue.h)("div",{class:"vxe-table--empty-block",ref:B},[(0,_vue.h)("div",{class:"vxe-table--empty-content"},f)])])}}});exports.default=_default;
|
package/lib/table/src/cell.js
CHANGED
|
@@ -159,8 +159,8 @@ var Cell = {
|
|
|
159
159
|
|
|
160
160
|
switch (type) {
|
|
161
161
|
case 'seq':
|
|
162
|
-
renConfs.renderHeader = Cell.
|
|
163
|
-
renConfs.renderCell = treeNode ? Cell.renderTreeIndexCell : Cell.
|
|
162
|
+
renConfs.renderHeader = Cell.renderSeqHeader;
|
|
163
|
+
renConfs.renderCell = treeNode ? Cell.renderTreeIndexCell : Cell.renderSeqCell;
|
|
164
164
|
break;
|
|
165
165
|
|
|
166
166
|
case 'radio':
|
|
@@ -169,8 +169,8 @@ var Cell = {
|
|
|
169
169
|
break;
|
|
170
170
|
|
|
171
171
|
case 'checkbox':
|
|
172
|
-
renConfs.renderHeader = Cell.
|
|
173
|
-
renConfs.renderCell = checkboxOpts.checkField ? treeNode ? Cell.renderTreeSelectionCellByProp : Cell.
|
|
172
|
+
renConfs.renderHeader = Cell.renderCheckboxHeader;
|
|
173
|
+
renConfs.renderCell = checkboxOpts.checkField ? treeNode ? Cell.renderTreeSelectionCellByProp : Cell.renderCheckboxCellByProp : treeNode ? Cell.renderTreeSelectionCell : Cell.renderCheckboxCell;
|
|
174
174
|
break;
|
|
175
175
|
|
|
176
176
|
case 'expand':
|
|
@@ -352,16 +352,18 @@ var Cell = {
|
|
|
352
352
|
/**
|
|
353
353
|
* 索引
|
|
354
354
|
*/
|
|
355
|
-
|
|
355
|
+
renderSeqHeader: function renderSeqHeader(params) {
|
|
356
356
|
var $table = params.$table,
|
|
357
357
|
column = params.column;
|
|
358
358
|
var slots = column.slots;
|
|
359
359
|
var headerSlot = slots ? slots.header : null;
|
|
360
360
|
return renderTitleContent(params, headerSlot ? $table.callSlot(headerSlot, params) : (0, _utils.formatText)(column.getTitle(), 1));
|
|
361
361
|
},
|
|
362
|
-
|
|
362
|
+
renderSeqCell: function renderSeqCell(params) {
|
|
363
363
|
var $table = params.$table,
|
|
364
364
|
column = params.column;
|
|
365
|
+
var props = $table.props;
|
|
366
|
+
var treeConfig = props.treeConfig;
|
|
365
367
|
var computeSeqOpts = $table.getComputeMaps().computeSeqOpts;
|
|
366
368
|
var seqOpts = computeSeqOpts.value;
|
|
367
369
|
var slots = column.slots;
|
|
@@ -371,14 +373,12 @@ var Cell = {
|
|
|
371
373
|
return $table.callSlot(defaultSlot, params);
|
|
372
374
|
}
|
|
373
375
|
|
|
374
|
-
var
|
|
375
|
-
seq = params.seq,
|
|
376
|
-
level = params.level;
|
|
376
|
+
var seq = params.seq;
|
|
377
377
|
var seqMethod = seqOpts.seqMethod;
|
|
378
|
-
return [(0, _utils.formatText)(seqMethod ? seqMethod(params) :
|
|
378
|
+
return [(0, _utils.formatText)(seqMethod ? seqMethod(params) : treeConfig ? seq : (seqOpts.startIndex || 0) + seq, 1)];
|
|
379
379
|
},
|
|
380
380
|
renderTreeIndexCell: function renderTreeIndexCell(params) {
|
|
381
|
-
return Cell.renderTreeIcon(params, Cell.
|
|
381
|
+
return Cell.renderTreeIcon(params, Cell.renderSeqCell(params));
|
|
382
382
|
},
|
|
383
383
|
|
|
384
384
|
/**
|
|
@@ -472,7 +472,7 @@ var Cell = {
|
|
|
472
472
|
/**
|
|
473
473
|
* 多选
|
|
474
474
|
*/
|
|
475
|
-
|
|
475
|
+
renderCheckboxHeader: function renderCheckboxHeader(params) {
|
|
476
476
|
var $table = params.$table,
|
|
477
477
|
column = params.column,
|
|
478
478
|
isHidden = params.isHidden;
|
|
@@ -537,7 +537,7 @@ var Cell = {
|
|
|
537
537
|
class: 'vxe-checkbox--label'
|
|
538
538
|
}, titleSlot ? $table.callSlot(titleSlot, checkboxParams) : headerTitle)] : []))]);
|
|
539
539
|
},
|
|
540
|
-
|
|
540
|
+
renderCheckboxCell: function renderCheckboxCell(params) {
|
|
541
541
|
var $table = params.$table,
|
|
542
542
|
row = params.row,
|
|
543
543
|
column = params.column,
|
|
@@ -622,9 +622,9 @@ var Cell = {
|
|
|
622
622
|
}, ons), checkVNs)];
|
|
623
623
|
},
|
|
624
624
|
renderTreeSelectionCell: function renderTreeSelectionCell(params) {
|
|
625
|
-
return Cell.renderTreeIcon(params, Cell.
|
|
625
|
+
return Cell.renderTreeIcon(params, Cell.renderCheckboxCell(params));
|
|
626
626
|
},
|
|
627
|
-
|
|
627
|
+
renderCheckboxCellByProp: function renderCheckboxCellByProp(params) {
|
|
628
628
|
var $table = params.$table,
|
|
629
629
|
row = params.row,
|
|
630
630
|
column = params.column,
|
|
@@ -710,7 +710,7 @@ var Cell = {
|
|
|
710
710
|
}, ons), checkVNs)];
|
|
711
711
|
},
|
|
712
712
|
renderTreeSelectionCellByProp: function renderTreeSelectionCellByProp(params) {
|
|
713
|
-
return Cell.renderTreeIcon(params, Cell.
|
|
713
|
+
return Cell.renderTreeIcon(params, Cell.renderCheckboxCellByProp(params));
|
|
714
714
|
},
|
|
715
715
|
|
|
716
716
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Cell=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_dom=require("../../tools/dom"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var l,r=1,n=arguments.length;r<n;r++)for(var t in l=arguments[r])Object.prototype.hasOwnProperty.call(l,t)&&(e[t]=l[t]);return e}).apply(this,arguments)};function renderHelpIcon(l){var r=l.$table,e=l.column.titleHelp;return e?[(0,_vue.h)("i",{class:["vxe-cell-help-icon",e.icon||_conf.default.icon.TABLE_HELP],onMouseenter:function(e){r.triggerHeaderHelpEvent(e,l)},onMouseleave:function(e){r.handleTargetLeaveEvent(e)}})]:[]}function renderTitleContent(l,e){var r=l.$table,n=l.column,t=r.props,a=r.internalData,o=r.getComputeMaps().computeTooltipOpts,c=t.showHeaderOverflow,i=n.type,t=n.showHeaderOverflow,d=o.value.showAll,t=_xeUtils.default.isUndefined(t)||_xeUtils.default.isNull(t)?c:t,s="title"===t,u=!0===t||"tooltip"===t,t={};return(s||u||d)&&(t.onMouseenter=function(e){a._isResize||(s?(0,_dom.updateCellTitle)(e.currentTarget,n):(u||d)&&r.triggerHeaderTooltipEvent(e,l))}),(u||d)&&(t.onMouseleave=function(e){a._isResize||(u||d)&&r.handleTargetLeaveEvent(e)}),["html"===i&&_xeUtils.default.isString(e)?(0,_vue.h)("span",__assign({class:"vxe-cell--title",innerHTML:e},t)):(0,_vue.h)("span",__assign({class:"vxe-cell--title"},t),e)]}function getFooterContent(e){var l=e.$table,r=e.column,n=e._columnIndex,t=e.items,a=r.slots,o=r.editRender,r=r.cellRender,r=o||r,a=a?a.footer:null;if(a)return l.callSlot(a,e);if(r){a=_vXETable.VXETable.renderer.get(r.name);if(a&&a.renderFooter)return a.renderFooter(r,e)}return[(0,_utils.formatText)(t[n],1)]}function getDefaultCellLabel(e){var l=e.$table,r=e.row,e=e.column;return(0,_utils.formatText)(l.getCellLabel(r,e),1)}var Cell={createColumn:function(e,l){var r=l.type,n=l.sortable,t=l.filters,a=l.editRender,o=l.treeNode,c=e.props.editConfig,i=e.getComputeMaps(),d=i.computeEditOpts,s=i.computeCheckboxOpts.value,u=d.value,v={renderHeader:Cell.renderDefaultHeader,renderCell:o?Cell.renderTreeCell:Cell.renderDefaultCell,renderFooter:Cell.renderDefaultFooter};switch(r){case"seq":v.renderHeader=Cell.renderIndexHeader,v.renderCell=o?Cell.renderTreeIndexCell:Cell.renderIndexCell;break;case"radio":v.renderHeader=Cell.renderRadioHeader,v.renderCell=o?Cell.renderTreeRadioCell:Cell.renderRadioCell;break;case"checkbox":v.renderHeader=Cell.renderSelectionHeader,v.renderCell=s.checkField?o?Cell.renderTreeSelectionCellByProp:Cell.renderSelectionCellByProp:o?Cell.renderTreeSelectionCell:Cell.renderSelectionCell;break;case"expand":v.renderCell=Cell.renderExpandCell,v.renderData=Cell.renderExpandData;break;case"html":v.renderCell=o?Cell.renderTreeHTMLCell:Cell.renderHTMLCell,t&&n?v.renderHeader=Cell.renderSortAndFilterHeader:n?v.renderHeader=Cell.renderSortHeader:t&&(v.renderHeader=Cell.renderFilterHeader);break;default:c&&a?(v.renderHeader=Cell.renderEditHeader,v.renderCell="cell"===u.mode?o?Cell.renderTreeCellEdit:Cell.renderCellEdit:o?Cell.renderTreeRowEdit:Cell.renderRowEdit):t&&n?v.renderHeader=Cell.renderSortAndFilterHeader:n?v.renderHeader=Cell.renderSortHeader:t&&(v.renderHeader=Cell.renderFilterHeader)}return(0,_util.createColumn)(e,l,v)},renderHeaderTitle:function(e){var l=e.$table,r=e.column,n=r.slots,t=r.editRender,a=r.cellRender,a=t||a,n=n?n.header:null;if(n)return renderTitleContent(e,l.callSlot(n,e));if(a){n=_vXETable.VXETable.renderer.get(a.name);if(n&&n.renderHeader)return renderTitleContent(e,n.renderHeader(a,e))}return renderTitleContent(e,(0,_utils.formatText)(r.getTitle(),1))},renderDefaultHeader:function(e){return renderHelpIcon(e).concat(Cell.renderHeaderTitle(e))},renderDefaultCell:function(e){var l=e.$table,r=e.row,n=e.column,t=n.slots,a=n.editRender,o=n.cellRender,c=a||o,o=t?t.default:null;if(o)return l.callSlot(o,e);if(c){t=a?"renderCell":"renderDefault",o=_vXETable.VXETable.renderer.get(c.name),t=o?o[t]:null;if(t)return t(c,Object.assign({$type:a?"edit":"cell"},e))}r=l.getCellLabel(r,n),n=a?a.placeholder:"";return[(0,_vue.h)("span",{class:"vxe-cell--label"},a&&(0,_utils.eqEmptyValue)(r)?[(0,_vue.h)("span",{class:"vxe-cell--placeholder"},(0,_utils.formatText)((0,_utils.getFuncText)(n),1))]:(0,_utils.formatText)(r,1))]},renderTreeCell:function(e){return Cell.renderTreeIcon(e,Cell.renderDefaultCell(e))},renderDefaultFooter:function(e){return[(0,_vue.h)("span",{class:"vxe-cell--item"},getFooterContent(e))]},renderTreeIcon:function(l,e){var r=l.$table,n=l.isHidden,t=r.reactData,a=r.getComputeMaps().computeTreeOpts,o=t.treeExpandeds,c=t.treeLazyLoadeds,i=a.value,d=l.row,s=l.column,u=l.level,v=s.slots,f=i.children,C=i.hasChild,_=i.indent,p=i.lazy,x=i.trigger,h=i.iconLoaded,b=i.showIcon,T=i.iconOpen,m=i.iconClose,t=d[f],a=v?v.icon:null,s=!1,i=!1,f=!1,v={};return a?r.callSlot(a,l):(n||(i=-1<r.findRowIndexOf(o,d),p&&(f=-1<r.findRowIndexOf(c,d),s=d[C])),x&&"default"!==x||(v.onClick=function(e){return r.triggerTreeExpandEvent(e,l)}),[(0,_vue.h)("div",{class:["vxe-cell--tree-node",{"is--active":i}],style:{paddingLeft:u*_+"px"}},[b&&(t&&t.length||s)?[(0,_vue.h)("div",__assign({class:"vxe-tree--btn-wrapper"},v),[(0,_vue.h)("i",{class:["vxe-tree--node-btn",f?h||_conf.default.icon.TABLE_TREE_LOADED:i?T||_conf.default.icon.TABLE_TREE_OPEN:m||_conf.default.icon.TABLE_TREE_CLOSE]})])]:null,(0,_vue.h)("div",{class:"vxe-tree-cell"},e)])])},renderIndexHeader:function(e){var l=e.$table,r=e.column,n=r.slots,n=n?n.header:null;return renderTitleContent(e,n?l.callSlot(n,e):(0,_utils.formatText)(r.getTitle(),1))},renderIndexCell:function(e){var l=e.$table,r=e.column,n=l.getComputeMaps().computeSeqOpts.value,t=r.slots,a=t?t.default:null;if(a)return l.callSlot(a,e);r=e.$seq,t=e.seq,l=e.level,a=n.seqMethod;return[(0,_utils.formatText)(a?a(e):l?r+"."+t:(n.startIndex||0)+t,1)]},renderTreeIndexCell:function(e){return Cell.renderTreeIcon(e,Cell.renderIndexCell(e))},renderRadioHeader:function(e){var l=e.$table,r=e.column,n=r.slots,t=n?n.header:null,n=n?n.title:null;return renderTitleContent(e,t?l.callSlot(t,e):[(0,_vue.h)("span",{class:"vxe-radio--label"},n?l.callSlot(n,e):(0,_utils.formatText)(r.getTitle(),1))])},renderRadioCell:function(l){var e,r=l.$table,n=l.column,t=l.isHidden,a=r.reactData,o=r.getComputeMaps().computeRadioOpts,c=a.selectRow,i=o.value,d=n.slots,s=i.labelField,a=i.checkMethod,o=i.visibleMethod,n=l.row,i=d?d.default:null,d=d?d.radio:null,c=n===c,u=!o||o({row:n}),v=!!a;t||(e={onClick:function(e){!v&&u&&r.triggerRadioRowEvent(e,l)}},a&&(v=!a({row:n})));a=__assign(__assign({},l),{checked:c,disabled:v,visible:u});if(d)return r.callSlot(d,a);d=[];return u&&d.push((0,_vue.h)("span",{class:"vxe-radio--icon vxe-radio--checked-icon"}),(0,_vue.h)("span",{class:"vxe-radio--icon vxe-radio--unchecked-icon"})),(i||s)&&d.push((0,_vue.h)("span",{class:"vxe-radio--label"},i?r.callSlot(i,a):_xeUtils.default.get(n,s))),[(0,_vue.h)("span",__assign({class:["vxe-cell--radio",{"is--checked":c,"is--disabled":v}]},e),d)]},renderTreeRadioCell:function(e){return Cell.renderTreeIcon(e,Cell.renderRadioCell(e))},renderSelectionHeader:function(e){var l,r=e.$table,n=e.column,t=e.isHidden,a=r.reactData,o=r.getComputeMaps(),c=o.computeIsAllCheckboxDisabled,i=o.computeCheckboxOpts,d=a.isIndeterminate,o=a.isAllSelected,s=c.value,a=n.slots,c=a?a.header:null,a=a?a.title:null,i=i.value,n=n.getTitle(),u=!1;t||(u=!s&&o,l={onClick:function(e){s||r.triggerCheckAllEvent(e,!u)}});e=__assign(__assign({},e),{checked:u,disabled:s,indeterminate:d});return c?renderTitleContent(e,r.callSlot(c,e)):(i.checkStrictly?i.showHeader:!1!==i.showHeader)?renderTitleContent(e,[(0,_vue.h)("span",__assign({class:["vxe-cell--checkbox",{"is--checked":u,"is--disabled":s,"is--indeterminate":d}],title:_conf.default.i18n("vxe.table.allTitle")},l),[(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--checked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--unchecked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--indeterminate-icon"})].concat(a||n?[(0,_vue.h)("span",{class:"vxe-checkbox--label"},a?r.callSlot(a,e):n)]:[]))]):renderTitleContent(e,[(0,_vue.h)("span",{class:"vxe-checkbox--label"},a?r.callSlot(a,e):n)])},renderSelectionCell:function(l){var e,r=l.$table,n=l.row,t=l.column,a=l.isHidden,o=r.props,c=r.reactData,i=o.treeConfig,d=c.selection,s=c.treeIndeterminates,u=r.getComputeMaps().computeCheckboxOpts.value,v=u.labelField,f=u.checkMethod,o=u.visibleMethod,c=t.slots,u=c?c.default:null,t=c?c.checkbox:null,c=!1,C=!1,_=!o||o({row:n}),p=!!f;a||(C=-1<r.findRowIndexOf(d,n),e={onClick:function(e){!p&&_&&r.triggerCheckRowEvent(e,l,!C)}},f&&(p=!f({row:n})),i&&(c=-1<r.findRowIndexOf(s,n)));s=__assign(__assign({},l),{checked:C,disabled:p,visible:_,indeterminate:c});if(t)return r.callSlot(t,s);t=[];return _&&t.push((0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--checked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--unchecked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--indeterminate-icon"})),(u||v)&&t.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},u?r.callSlot(u,s):_xeUtils.default.get(n,v))),[(0,_vue.h)("span",__assign({class:["vxe-cell--checkbox",{"is--checked":C,"is--disabled":p,"is--indeterminate":c}]},e),t)]},renderTreeSelectionCell:function(e){return Cell.renderTreeIcon(e,Cell.renderSelectionCell(e))},renderSelectionCellByProp:function(l){var e,r=l.$table,n=l.row,t=l.column,a=l.isHidden,o=r.props,c=r.reactData,i=o.treeConfig,d=c.treeIndeterminates,s=r.getComputeMaps().computeCheckboxOpts.value,u=s.labelField,v=s.checkField,f=s.halfField,C=s.checkMethod,o=s.visibleMethod,c=t.slots,s=c?c.default:null,t=c?c.checkbox:null,c=!1,_=!1,p=!o||o({row:n}),x=!!C;a||(_=_xeUtils.default.get(n,v),e={onClick:function(e){!x&&p&&r.triggerCheckRowEvent(e,l,!_)}},C&&(x=!C({row:n})),i&&(c=-1<r.findRowIndexOf(d,n)));d=__assign(__assign({},l),{checked:_,disabled:x,visible:p,indeterminate:c});if(t)return r.callSlot(t,d);t=[];return p&&(t.push((0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--checked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--unchecked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--indeterminate-icon"})),(s||u)&&t.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},s?r.callSlot(s,d):_xeUtils.default.get(n,u)))),[(0,_vue.h)("span",__assign({class:["vxe-cell--checkbox",{"is--checked":_,"is--disabled":x,"is--indeterminate":f&&!_?n[f]:c}]},e),t)]},renderTreeSelectionCellByProp:function(e){return Cell.renderTreeIcon(e,Cell.renderSelectionCellByProp(e))},renderExpandCell:function(l){var r=l.$table,e=l.isHidden,n=l.row,t=l.column,a=r.reactData,o=a.rowExpandeds,c=a.expandLazyLoadeds,i=r.getComputeMaps().computeExpandOpts.value,d=i.lazy,s=i.labelField,u=i.iconLoaded,v=i.showIcon,f=i.iconOpen,C=i.iconClose,_=i.visibleMethod,p=t.slots,a=p?p.default:null,i=p?p.icon:null,t=!1,p=!1;return i?r.callSlot(i,l):(e||(t=-1<r.findRowIndexOf(o,l.row),d&&(p=-1<r.findRowIndexOf(c,n))),[!v||_&&!_(l)?null:(0,_vue.h)("span",{class:["vxe-table--expanded",{"is--active":t}],onClick:function(e){r.triggerRowExpandEvent(e,l)}},[(0,_vue.h)("i",{class:["vxe-table--expand-btn",p?u||_conf.default.icon.TABLE_EXPAND_LOADED:t?f||_conf.default.icon.TABLE_EXPAND_OPEN:C||_conf.default.icon.TABLE_EXPAND_CLOSE]})]),a||s?(0,_vue.h)("span",{class:"vxe-table--expand-label"},a?r.callSlot(a,l):_xeUtils.default.get(n,s)):null])},renderExpandData:function(e){var l=e.$table,r=e.column,n=r.slots,r=r.contentRender,n=n?n.content:null;if(n)return l.callSlot(n,e);if(r){n=_vXETable.VXETable.renderer.get(r.name);if(n&&n.renderExpand)return n.renderExpand(r,e)}return[]},renderHTMLCell:function(e){var l=e.$table,r=e.column.slots,r=r?r.default:null;return r?l.callSlot(r,e):[(0,_vue.h)("span",{class:"vxe-cell--html",innerHTML:getDefaultCellLabel(e)})]},renderTreeHTMLCell:function(e){return Cell.renderTreeIcon(e,Cell.renderHTMLCell(e))},renderSortAndFilterHeader:function(e){return Cell.renderDefaultHeader(e).concat(Cell.renderSortIcon(e)).concat(Cell.renderFilterIcon(e))},renderSortHeader:function(e){return Cell.renderDefaultHeader(e).concat(Cell.renderSortIcon(e))},renderSortIcon:function(e){var l=e.$table,r=e.column,n=l.getComputeMaps().computeSortOpts.value,t=n.showIcon,a=n.iconAsc,e=n.iconDesc,n=r.order;return t?[(0,_vue.h)("span",{class:"vxe-cell--sort"},[(0,_vue.h)("i",{class:["vxe-sort--asc-btn",a||_conf.default.icon.TABLE_SORT_ASC,{"sort--active":"asc"===n}],title:_conf.default.i18n("vxe.table.sortAsc"),onClick:function(e){l.triggerSortEvent(e,r,"asc")}}),(0,_vue.h)("i",{class:["vxe-sort--desc-btn",e||_conf.default.icon.TABLE_SORT_DESC,{"sort--active":"desc"===n}],title:_conf.default.i18n("vxe.table.sortDesc"),onClick:function(e){l.triggerSortEvent(e,r,"desc")}})])]:[]},renderFilterHeader:function(e){return Cell.renderDefaultHeader(e).concat(Cell.renderFilterIcon(e))},renderFilterIcon:function(l){var r=l.$table,e=l.column,n=l.hasFilter,t=r.reactData.filterStore,a=r.getComputeMaps().computeFilterOpts.value,o=a.showIcon,c=a.iconNone,a=a.iconMatch;return o?[(0,_vue.h)("span",{class:["vxe-cell--filter",{"is--active":t.visible&&t.column===e}]},[(0,_vue.h)("i",{class:["vxe-filter--btn",n?a||_conf.default.icon.TABLE_FILTER_MATCH:c||_conf.default.icon.TABLE_FILTER_NONE],title:_conf.default.i18n("vxe.table.filter"),onClick:function(e){r.triggerFilterEvent(e,l.column,l)}})])]:[]},renderEditHeader:function(e){var l=e.$table,r=e.column,n=l.props,t=l.getComputeMaps().computeEditOpts,a=n.editConfig,o=n.editRules,c=t.value,l=r.sortable,n=r.filters,t=r.editRender,r=!1;return!o||(o=_xeUtils.default.get(o,e.column.property))&&(r=o.some(function(e){return e.required})),((0,_utils.isEnableConf)(a)?[r&&c.showAsterisk?(0,_vue.h)("i",{class:"vxe-cell--required-icon"}):null,(0,_utils.isEnableConf)(t)&&c.showIcon?(0,_vue.h)("i",{class:["vxe-cell--edit-icon",c.icon||_conf.default.icon.TABLE_EDIT]}):null]:[]).concat(Cell.renderDefaultHeader(e)).concat(l?Cell.renderSortIcon(e):[]).concat(n?Cell.renderFilterIcon(e):[])},renderRowEdit:function(e){var l=e.$table,r=e.column,l=l.reactData.editStore.actived,r=r.editRender;return Cell.runRenderer(e,(0,_utils.isEnableConf)(r)&&l&&l.row===e.row)},renderTreeRowEdit:function(e){return Cell.renderTreeIcon(e,Cell.renderRowEdit(e))},renderCellEdit:function(e){var l=e.$table,r=e.column,l=l.reactData.editStore.actived,r=r.editRender;return Cell.runRenderer(e,(0,_utils.isEnableConf)(r)&&l&&l.row===e.row&&l.column===e.column)},renderTreeCellEdit:function(e){return Cell.renderTreeIcon(e,Cell.renderCellEdit(e))},runRenderer:function(e,l){var r=e.$table,n=e.column,t=n.slots,a=n.editRender,o=n.formatter,c=t?t.default:null,n=t?t.edit:null,t=_vXETable.VXETable.renderer.get(a.name);return l?n?r.callSlot(n,e):t&&t.renderEdit?t.renderEdit(a,Object.assign({$type:"edit"},e)):[]:c?r.callSlot(c,e):o?[(0,_vue.h)("span",{class:"vxe-cell--label"},getDefaultCellLabel(e))]:Cell.renderDefaultCell(e)}},_default=exports.Cell=Cell;exports.default=_default;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Cell=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_dom=require("../../tools/dom"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var l,r=1,n=arguments.length;r<n;r++)for(var t in l=arguments[r])Object.prototype.hasOwnProperty.call(l,t)&&(e[t]=l[t]);return e}).apply(this,arguments)};function renderHelpIcon(l){var r=l.$table,e=l.column.titleHelp;return e?[(0,_vue.h)("i",{class:["vxe-cell-help-icon",e.icon||_conf.default.icon.TABLE_HELP],onMouseenter:function(e){r.triggerHeaderHelpEvent(e,l)},onMouseleave:function(e){r.handleTargetLeaveEvent(e)}})]:[]}function renderTitleContent(l,e){var r=l.$table,n=l.column,t=r.props,o=r.internalData,a=r.getComputeMaps().computeTooltipOpts,c=t.showHeaderOverflow,i=n.type,t=n.showHeaderOverflow,d=a.value.showAll,t=_xeUtils.default.isUndefined(t)||_xeUtils.default.isNull(t)?c:t,s="title"===t,u=!0===t||"tooltip"===t,t={};return(s||u||d)&&(t.onMouseenter=function(e){o._isResize||(s?(0,_dom.updateCellTitle)(e.currentTarget,n):(u||d)&&r.triggerHeaderTooltipEvent(e,l))}),(u||d)&&(t.onMouseleave=function(e){o._isResize||(u||d)&&r.handleTargetLeaveEvent(e)}),["html"===i&&_xeUtils.default.isString(e)?(0,_vue.h)("span",__assign({class:"vxe-cell--title",innerHTML:e},t)):(0,_vue.h)("span",__assign({class:"vxe-cell--title"},t),e)]}function getFooterContent(e){var l=e.$table,r=e.column,n=e._columnIndex,t=e.items,o=r.slots,a=r.editRender,r=r.cellRender,r=a||r,o=o?o.footer:null;if(o)return l.callSlot(o,e);if(r){o=_vXETable.VXETable.renderer.get(r.name);if(o&&o.renderFooter)return o.renderFooter(r,e)}return[(0,_utils.formatText)(t[n],1)]}function getDefaultCellLabel(e){var l=e.$table,r=e.row,e=e.column;return(0,_utils.formatText)(l.getCellLabel(r,e),1)}var Cell={createColumn:function(e,l){var r=l.type,n=l.sortable,t=l.filters,o=l.editRender,a=l.treeNode,c=e.props.editConfig,i=e.getComputeMaps(),d=i.computeEditOpts,s=i.computeCheckboxOpts.value,u=d.value,f={renderHeader:Cell.renderDefaultHeader,renderCell:a?Cell.renderTreeCell:Cell.renderDefaultCell,renderFooter:Cell.renderDefaultFooter};switch(r){case"seq":f.renderHeader=Cell.renderSeqHeader,f.renderCell=a?Cell.renderTreeIndexCell:Cell.renderSeqCell;break;case"radio":f.renderHeader=Cell.renderRadioHeader,f.renderCell=a?Cell.renderTreeRadioCell:Cell.renderRadioCell;break;case"checkbox":f.renderHeader=Cell.renderCheckboxHeader,f.renderCell=s.checkField?a?Cell.renderTreeSelectionCellByProp:Cell.renderCheckboxCellByProp:a?Cell.renderTreeSelectionCell:Cell.renderCheckboxCell;break;case"expand":f.renderCell=Cell.renderExpandCell,f.renderData=Cell.renderExpandData;break;case"html":f.renderCell=a?Cell.renderTreeHTMLCell:Cell.renderHTMLCell,t&&n?f.renderHeader=Cell.renderSortAndFilterHeader:n?f.renderHeader=Cell.renderSortHeader:t&&(f.renderHeader=Cell.renderFilterHeader);break;default:c&&o?(f.renderHeader=Cell.renderEditHeader,f.renderCell="cell"===u.mode?a?Cell.renderTreeCellEdit:Cell.renderCellEdit:a?Cell.renderTreeRowEdit:Cell.renderRowEdit):t&&n?f.renderHeader=Cell.renderSortAndFilterHeader:n?f.renderHeader=Cell.renderSortHeader:t&&(f.renderHeader=Cell.renderFilterHeader)}return(0,_util.createColumn)(e,l,f)},renderHeaderTitle:function(e){var l=e.$table,r=e.column,n=r.slots,t=r.editRender,o=r.cellRender,o=t||o,n=n?n.header:null;if(n)return renderTitleContent(e,l.callSlot(n,e));if(o){n=_vXETable.VXETable.renderer.get(o.name);if(n&&n.renderHeader)return renderTitleContent(e,n.renderHeader(o,e))}return renderTitleContent(e,(0,_utils.formatText)(r.getTitle(),1))},renderDefaultHeader:function(e){return renderHelpIcon(e).concat(Cell.renderHeaderTitle(e))},renderDefaultCell:function(e){var l=e.$table,r=e.row,n=e.column,t=n.slots,o=n.editRender,a=n.cellRender,c=o||a,a=t?t.default:null;if(a)return l.callSlot(a,e);if(c){t=o?"renderCell":"renderDefault",a=_vXETable.VXETable.renderer.get(c.name),t=a?a[t]:null;if(t)return t(c,Object.assign({$type:o?"edit":"cell"},e))}r=l.getCellLabel(r,n),n=o?o.placeholder:"";return[(0,_vue.h)("span",{class:"vxe-cell--label"},o&&(0,_utils.eqEmptyValue)(r)?[(0,_vue.h)("span",{class:"vxe-cell--placeholder"},(0,_utils.formatText)((0,_utils.getFuncText)(n),1))]:(0,_utils.formatText)(r,1))]},renderTreeCell:function(e){return Cell.renderTreeIcon(e,Cell.renderDefaultCell(e))},renderDefaultFooter:function(e){return[(0,_vue.h)("span",{class:"vxe-cell--item"},getFooterContent(e))]},renderTreeIcon:function(l,e){var r=l.$table,n=l.isHidden,t=r.reactData,o=r.getComputeMaps().computeTreeOpts,a=t.treeExpandeds,c=t.treeLazyLoadeds,i=o.value,d=l.row,s=l.column,u=l.level,f=s.slots,v=i.children,C=i.hasChild,_=i.indent,p=i.lazy,h=i.trigger,x=i.iconLoaded,b=i.showIcon,T=i.iconOpen,m=i.iconClose,t=d[v],o=f?f.icon:null,s=!1,i=!1,v=!1,f={};return o?r.callSlot(o,l):(n||(i=-1<r.findRowIndexOf(a,d),p&&(v=-1<r.findRowIndexOf(c,d),s=d[C])),h&&"default"!==h||(f.onClick=function(e){return r.triggerTreeExpandEvent(e,l)}),[(0,_vue.h)("div",{class:["vxe-cell--tree-node",{"is--active":i}],style:{paddingLeft:u*_+"px"}},[b&&(t&&t.length||s)?[(0,_vue.h)("div",__assign({class:"vxe-tree--btn-wrapper"},f),[(0,_vue.h)("i",{class:["vxe-tree--node-btn",v?x||_conf.default.icon.TABLE_TREE_LOADED:i?T||_conf.default.icon.TABLE_TREE_OPEN:m||_conf.default.icon.TABLE_TREE_CLOSE]})])]:null,(0,_vue.h)("div",{class:"vxe-tree-cell"},e)])])},renderSeqHeader:function(e){var l=e.$table,r=e.column,n=r.slots,n=n?n.header:null;return renderTitleContent(e,n?l.callSlot(n,e):(0,_utils.formatText)(r.getTitle(),1))},renderSeqCell:function(e){var l=e.$table,r=e.column,n=l.props.treeConfig,t=l.getComputeMaps().computeSeqOpts.value,r=r.slots,r=r?r.default:null;if(r)return l.callSlot(r,e);l=e.seq,r=t.seqMethod;return[(0,_utils.formatText)(r?r(e):n?l:(t.startIndex||0)+l,1)]},renderTreeIndexCell:function(e){return Cell.renderTreeIcon(e,Cell.renderSeqCell(e))},renderRadioHeader:function(e){var l=e.$table,r=e.column,n=r.slots,t=n?n.header:null,n=n?n.title:null;return renderTitleContent(e,t?l.callSlot(t,e):[(0,_vue.h)("span",{class:"vxe-radio--label"},n?l.callSlot(n,e):(0,_utils.formatText)(r.getTitle(),1))])},renderRadioCell:function(l){var e,r=l.$table,n=l.column,t=l.isHidden,o=r.reactData,a=r.getComputeMaps().computeRadioOpts,c=o.selectRow,i=a.value,d=n.slots,s=i.labelField,o=i.checkMethod,a=i.visibleMethod,n=l.row,i=d?d.default:null,d=d?d.radio:null,c=n===c,u=!a||a({row:n}),f=!!o;t||(e={onClick:function(e){!f&&u&&r.triggerRadioRowEvent(e,l)}},o&&(f=!o({row:n})));o=__assign(__assign({},l),{checked:c,disabled:f,visible:u});if(d)return r.callSlot(d,o);d=[];return u&&d.push((0,_vue.h)("span",{class:"vxe-radio--icon vxe-radio--checked-icon"}),(0,_vue.h)("span",{class:"vxe-radio--icon vxe-radio--unchecked-icon"})),(i||s)&&d.push((0,_vue.h)("span",{class:"vxe-radio--label"},i?r.callSlot(i,o):_xeUtils.default.get(n,s))),[(0,_vue.h)("span",__assign({class:["vxe-cell--radio",{"is--checked":c,"is--disabled":f}]},e),d)]},renderTreeRadioCell:function(e){return Cell.renderTreeIcon(e,Cell.renderRadioCell(e))},renderCheckboxHeader:function(e){var l,r=e.$table,n=e.column,t=e.isHidden,o=r.reactData,a=r.getComputeMaps(),c=a.computeIsAllCheckboxDisabled,i=a.computeCheckboxOpts,d=o.isIndeterminate,a=o.isAllSelected,s=c.value,o=n.slots,c=o?o.header:null,o=o?o.title:null,i=i.value,n=n.getTitle(),u=!1;t||(u=!s&&a,l={onClick:function(e){s||r.triggerCheckAllEvent(e,!u)}});e=__assign(__assign({},e),{checked:u,disabled:s,indeterminate:d});return c?renderTitleContent(e,r.callSlot(c,e)):(i.checkStrictly?i.showHeader:!1!==i.showHeader)?renderTitleContent(e,[(0,_vue.h)("span",__assign({class:["vxe-cell--checkbox",{"is--checked":u,"is--disabled":s,"is--indeterminate":d}],title:_conf.default.i18n("vxe.table.allTitle")},l),[(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--checked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--unchecked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--indeterminate-icon"})].concat(o||n?[(0,_vue.h)("span",{class:"vxe-checkbox--label"},o?r.callSlot(o,e):n)]:[]))]):renderTitleContent(e,[(0,_vue.h)("span",{class:"vxe-checkbox--label"},o?r.callSlot(o,e):n)])},renderCheckboxCell:function(l){var e,r=l.$table,n=l.row,t=l.column,o=l.isHidden,a=r.props,c=r.reactData,i=a.treeConfig,d=c.selection,s=c.treeIndeterminates,u=r.getComputeMaps().computeCheckboxOpts.value,f=u.labelField,v=u.checkMethod,a=u.visibleMethod,c=t.slots,u=c?c.default:null,t=c?c.checkbox:null,c=!1,C=!1,_=!a||a({row:n}),p=!!v;o||(C=-1<r.findRowIndexOf(d,n),e={onClick:function(e){!p&&_&&r.triggerCheckRowEvent(e,l,!C)}},v&&(p=!v({row:n})),i&&(c=-1<r.findRowIndexOf(s,n)));s=__assign(__assign({},l),{checked:C,disabled:p,visible:_,indeterminate:c});if(t)return r.callSlot(t,s);t=[];return _&&t.push((0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--checked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--unchecked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--indeterminate-icon"})),(u||f)&&t.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},u?r.callSlot(u,s):_xeUtils.default.get(n,f))),[(0,_vue.h)("span",__assign({class:["vxe-cell--checkbox",{"is--checked":C,"is--disabled":p,"is--indeterminate":c}]},e),t)]},renderTreeSelectionCell:function(e){return Cell.renderTreeIcon(e,Cell.renderCheckboxCell(e))},renderCheckboxCellByProp:function(l){var e,r=l.$table,n=l.row,t=l.column,o=l.isHidden,a=r.props,c=r.reactData,i=a.treeConfig,d=c.treeIndeterminates,s=r.getComputeMaps().computeCheckboxOpts.value,u=s.labelField,f=s.checkField,v=s.halfField,C=s.checkMethod,a=s.visibleMethod,c=t.slots,s=c?c.default:null,t=c?c.checkbox:null,c=!1,_=!1,p=!a||a({row:n}),h=!!C;o||(_=_xeUtils.default.get(n,f),e={onClick:function(e){!h&&p&&r.triggerCheckRowEvent(e,l,!_)}},C&&(h=!C({row:n})),i&&(c=-1<r.findRowIndexOf(d,n)));d=__assign(__assign({},l),{checked:_,disabled:h,visible:p,indeterminate:c});if(t)return r.callSlot(t,d);t=[];return p&&(t.push((0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--checked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--unchecked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--indeterminate-icon"})),(s||u)&&t.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},s?r.callSlot(s,d):_xeUtils.default.get(n,u)))),[(0,_vue.h)("span",__assign({class:["vxe-cell--checkbox",{"is--checked":_,"is--disabled":h,"is--indeterminate":v&&!_?n[v]:c}]},e),t)]},renderTreeSelectionCellByProp:function(e){return Cell.renderTreeIcon(e,Cell.renderCheckboxCellByProp(e))},renderExpandCell:function(l){var r=l.$table,e=l.isHidden,n=l.row,t=l.column,o=r.reactData,a=o.rowExpandeds,c=o.expandLazyLoadeds,i=r.getComputeMaps().computeExpandOpts.value,d=i.lazy,s=i.labelField,u=i.iconLoaded,f=i.showIcon,v=i.iconOpen,C=i.iconClose,_=i.visibleMethod,p=t.slots,o=p?p.default:null,i=p?p.icon:null,t=!1,p=!1;return i?r.callSlot(i,l):(e||(t=-1<r.findRowIndexOf(a,l.row),d&&(p=-1<r.findRowIndexOf(c,n))),[!f||_&&!_(l)?null:(0,_vue.h)("span",{class:["vxe-table--expanded",{"is--active":t}],onClick:function(e){r.triggerRowExpandEvent(e,l)}},[(0,_vue.h)("i",{class:["vxe-table--expand-btn",p?u||_conf.default.icon.TABLE_EXPAND_LOADED:t?v||_conf.default.icon.TABLE_EXPAND_OPEN:C||_conf.default.icon.TABLE_EXPAND_CLOSE]})]),o||s?(0,_vue.h)("span",{class:"vxe-table--expand-label"},o?r.callSlot(o,l):_xeUtils.default.get(n,s)):null])},renderExpandData:function(e){var l=e.$table,r=e.column,n=r.slots,r=r.contentRender,n=n?n.content:null;if(n)return l.callSlot(n,e);if(r){n=_vXETable.VXETable.renderer.get(r.name);if(n&&n.renderExpand)return n.renderExpand(r,e)}return[]},renderHTMLCell:function(e){var l=e.$table,r=e.column.slots,r=r?r.default:null;return r?l.callSlot(r,e):[(0,_vue.h)("span",{class:"vxe-cell--html",innerHTML:getDefaultCellLabel(e)})]},renderTreeHTMLCell:function(e){return Cell.renderTreeIcon(e,Cell.renderHTMLCell(e))},renderSortAndFilterHeader:function(e){return Cell.renderDefaultHeader(e).concat(Cell.renderSortIcon(e)).concat(Cell.renderFilterIcon(e))},renderSortHeader:function(e){return Cell.renderDefaultHeader(e).concat(Cell.renderSortIcon(e))},renderSortIcon:function(e){var l=e.$table,r=e.column,n=l.getComputeMaps().computeSortOpts.value,t=n.showIcon,o=n.iconAsc,e=n.iconDesc,n=r.order;return t?[(0,_vue.h)("span",{class:"vxe-cell--sort"},[(0,_vue.h)("i",{class:["vxe-sort--asc-btn",o||_conf.default.icon.TABLE_SORT_ASC,{"sort--active":"asc"===n}],title:_conf.default.i18n("vxe.table.sortAsc"),onClick:function(e){l.triggerSortEvent(e,r,"asc")}}),(0,_vue.h)("i",{class:["vxe-sort--desc-btn",e||_conf.default.icon.TABLE_SORT_DESC,{"sort--active":"desc"===n}],title:_conf.default.i18n("vxe.table.sortDesc"),onClick:function(e){l.triggerSortEvent(e,r,"desc")}})])]:[]},renderFilterHeader:function(e){return Cell.renderDefaultHeader(e).concat(Cell.renderFilterIcon(e))},renderFilterIcon:function(l){var r=l.$table,e=l.column,n=l.hasFilter,t=r.reactData.filterStore,o=r.getComputeMaps().computeFilterOpts.value,a=o.showIcon,c=o.iconNone,o=o.iconMatch;return a?[(0,_vue.h)("span",{class:["vxe-cell--filter",{"is--active":t.visible&&t.column===e}]},[(0,_vue.h)("i",{class:["vxe-filter--btn",n?o||_conf.default.icon.TABLE_FILTER_MATCH:c||_conf.default.icon.TABLE_FILTER_NONE],title:_conf.default.i18n("vxe.table.filter"),onClick:function(e){r.triggerFilterEvent(e,l.column,l)}})])]:[]},renderEditHeader:function(e){var l=e.$table,r=e.column,n=l.props,t=l.getComputeMaps().computeEditOpts,o=n.editConfig,a=n.editRules,c=t.value,l=r.sortable,n=r.filters,t=r.editRender,r=!1;return!a||(a=_xeUtils.default.get(a,e.column.property))&&(r=a.some(function(e){return e.required})),((0,_utils.isEnableConf)(o)?[r&&c.showAsterisk?(0,_vue.h)("i",{class:"vxe-cell--required-icon"}):null,(0,_utils.isEnableConf)(t)&&c.showIcon?(0,_vue.h)("i",{class:["vxe-cell--edit-icon",c.icon||_conf.default.icon.TABLE_EDIT]}):null]:[]).concat(Cell.renderDefaultHeader(e)).concat(l?Cell.renderSortIcon(e):[]).concat(n?Cell.renderFilterIcon(e):[])},renderRowEdit:function(e){var l=e.$table,r=e.column,l=l.reactData.editStore.actived,r=r.editRender;return Cell.runRenderer(e,(0,_utils.isEnableConf)(r)&&l&&l.row===e.row)},renderTreeRowEdit:function(e){return Cell.renderTreeIcon(e,Cell.renderRowEdit(e))},renderCellEdit:function(e){var l=e.$table,r=e.column,l=l.reactData.editStore.actived,r=r.editRender;return Cell.runRenderer(e,(0,_utils.isEnableConf)(r)&&l&&l.row===e.row&&l.column===e.column)},renderTreeCellEdit:function(e){return Cell.renderTreeIcon(e,Cell.renderCellEdit(e))},runRenderer:function(e,l){var r=e.$table,n=e.column,t=n.slots,o=n.editRender,a=n.formatter,c=t?t.default:null,n=t?t.edit:null,t=_vXETable.VXETable.renderer.get(o.name);return l?n?r.callSlot(n,e):t&&t.renderEdit?t.renderEdit(o,Object.assign({$type:"edit"},e)):[]:c?r.callSlot(c,e):a?[(0,_vue.h)("span",{class:"vxe-cell--label"},getDefaultCellLabel(e))]:Cell.renderDefaultCell(e)}},_default=exports.Cell=Cell;exports.default=_default;
|
package/lib/table/src/props.js
CHANGED
|
@@ -90,35 +90,35 @@ var _default2 = {
|
|
|
90
90
|
return _conf.default.table.showHeader;
|
|
91
91
|
}
|
|
92
92
|
},
|
|
93
|
-
//
|
|
93
|
+
// (即将废弃)是否要高亮当前选中行
|
|
94
94
|
highlightCurrentRow: {
|
|
95
95
|
type: Boolean,
|
|
96
96
|
default: function _default() {
|
|
97
97
|
return _conf.default.table.highlightCurrentRow;
|
|
98
98
|
}
|
|
99
99
|
},
|
|
100
|
-
//
|
|
100
|
+
// (即将废弃)鼠标移到行是否要高亮显示
|
|
101
101
|
highlightHoverRow: {
|
|
102
102
|
type: Boolean,
|
|
103
103
|
default: function _default() {
|
|
104
104
|
return _conf.default.table.highlightHoverRow;
|
|
105
105
|
}
|
|
106
106
|
},
|
|
107
|
-
//
|
|
107
|
+
// (即将废弃)是否要高亮当前选中列
|
|
108
108
|
highlightCurrentColumn: {
|
|
109
109
|
type: Boolean,
|
|
110
110
|
default: function _default() {
|
|
111
111
|
return _conf.default.table.highlightCurrentColumn;
|
|
112
112
|
}
|
|
113
113
|
},
|
|
114
|
-
//
|
|
114
|
+
// (即将废弃)鼠标移到列是否要高亮显示
|
|
115
115
|
highlightHoverColumn: {
|
|
116
116
|
type: Boolean,
|
|
117
117
|
default: function _default() {
|
|
118
118
|
return _conf.default.table.highlightHoverColumn;
|
|
119
119
|
}
|
|
120
120
|
},
|
|
121
|
-
//
|
|
121
|
+
// (即将废弃)激活单元格编辑时是否高亮显示
|
|
122
122
|
highlightCell: Boolean,
|
|
123
123
|
// 是否显示表尾合计
|
|
124
124
|
showFooter: Boolean,
|
|
@@ -264,7 +264,7 @@ var _default2 = {
|
|
|
264
264
|
scrollX: Object,
|
|
265
265
|
// 纵向虚拟滚动配置项
|
|
266
266
|
scrollY: Object,
|
|
267
|
-
//
|
|
267
|
+
// (即将废弃)优化相关
|
|
268
268
|
animat: {
|
|
269
269
|
type: Boolean,
|
|
270
270
|
default: function _default() {
|