vxe-table 3.10.15 → 3.11.0
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/README.md +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/table/module/custom/mixin.js +5 -1
- package/es/table/module/edit/mixin.js +24 -15
- package/es/table/module/validator/mixin.js +31 -10
- package/es/table/src/body.js +40 -24
- package/es/table/src/cell.js +75 -32
- package/es/table/src/footer.js +159 -131
- package/es/table/src/header.js +128 -90
- package/es/table/src/methods.js +292 -66
- package/es/table/src/props.js +5 -1
- package/es/table/src/table.js +64 -20
- package/es/table/style.css +33 -20
- package/es/table/style.min.css +1 -1
- package/es/ui/index.js +9 -4
- package/es/ui/src/log.js +1 -1
- package/es/vxe-table/style.css +33 -20
- package/es/vxe-table/style.min.css +1 -1
- package/helper/vetur/attributes.json +1 -1
- package/helper/vetur/tags.json +1 -1
- package/lib/index.umd.js +945 -460
- package/lib/index.umd.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/table/module/custom/mixin.js +5 -1
- package/lib/table/module/custom/mixin.min.js +1 -1
- package/lib/table/module/edit/mixin.js +24 -15
- package/lib/table/module/edit/mixin.min.js +1 -1
- package/lib/table/module/validator/mixin.js +31 -10
- package/lib/table/module/validator/mixin.min.js +1 -1
- package/lib/table/src/body.js +31 -15
- package/lib/table/src/body.min.js +1 -1
- package/lib/table/src/cell.js +82 -35
- package/lib/table/src/cell.min.js +1 -1
- package/lib/table/src/footer.js +198 -161
- package/lib/table/src/footer.min.js +1 -1
- package/lib/table/src/header.js +169 -128
- package/lib/table/src/header.min.js +1 -1
- package/lib/table/src/methods.js +321 -69
- package/lib/table/src/methods.min.js +1 -1
- package/lib/table/src/props.js +5 -1
- package/lib/table/src/props.min.js +1 -1
- package/lib/table/src/table.js +70 -20
- package/lib/table/src/table.min.js +1 -1
- package/lib/table/style/style.css +33 -20
- package/lib/table/style/style.min.css +1 -1
- package/lib/ui/index.js +9 -4
- 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/lib/vxe-table/style/style.css +33 -20
- package/lib/vxe-table/style/style.min.css +1 -1
- package/package.json +3 -3
- package/packages/table/module/custom/mixin.ts +5 -1
- package/packages/table/module/edit/mixin.ts +24 -15
- package/packages/table/module/validator/mixin.ts +33 -10
- package/packages/table/src/body.ts +43 -25
- package/packages/table/src/cell.ts +120 -67
- package/packages/table/src/footer.ts +164 -150
- package/packages/table/src/header.ts +136 -90
- package/packages/table/src/methods.ts +304 -68
- package/packages/table/src/props.ts +5 -1
- package/packages/table/src/table.ts +71 -19
- package/packages/ui/index.ts +8 -3
- package/styles/components/table.scss +42 -35
- /package/es/{iconfont.1731574584971.ttf → iconfont.1731890707082.ttf} +0 -0
- /package/es/{iconfont.1731574584971.woff → iconfont.1731890707082.woff} +0 -0
- /package/es/{iconfont.1731574584971.woff2 → iconfont.1731890707082.woff2} +0 -0
- /package/lib/{iconfont.1731574584971.ttf → iconfont.1731890707082.ttf} +0 -0
- /package/lib/{iconfont.1731574584971.woff → iconfont.1731890707082.woff} +0 -0
- /package/lib/{iconfont.1731574584971.woff2 → iconfont.1731890707082.woff2} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Cell=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,getIcon,renderer,formats,renderEmptyElement}=_ui.VxeUI;function renderTitlePrefixIcon(e,l){let{$table:r,column:t}=l,n=t.titlePrefix||t.titleHelp;return n?[e("i",{class:["vxe-cell-title-prefix-icon",n.icon||getIcon().TABLE_TITLE_PREFIX],on:{mouseenter(e){r.triggerHeaderTitleEvent(e,n,l)},mouseleave(e){r.handleTargetLeaveEvent(e)}}})]:[]}function renderTitleSuffixIcon(e,l){let{$table:r,column:t}=l,n=t.titleSuffix;return n?[e("i",{class:["vxe-cell-title-suffix-icon",n.icon||getIcon().TABLE_TITLE_SUFFIX],on:{mouseenter(e){r.triggerHeaderTitleEvent(e,n,l)},mouseleave(e){r.handleTargetLeaveEvent(e)}}})]:[]}function renderCellDragIcon(e,l){let r=l.$table;var{rowIcon:t,rowDisabledMethod:n}=r.computeDragOpts;let a=n&&n(l);return e("span",{key:"dg",class:["vxe-cell--drag-handle",{"is--disabled":a}],on:{mousedown(e){a||r.handleCellDragMousedownEvent(e,l)},mouseup:r.handleCellDragMouseupEvent}},[e("i",{class:t||getIcon().TABLE_DRAG_ROW})])}function renderCellBaseVNs(e,l,r){var{$table:t,column:n,row:a,level:d}=l,o=n.dragSort,i=t.treeConfig,s=t.computeRowOpts,{showRowIcon:t,rowVisibleMethod:c}=t.computeDragOpts,r=_xeUtils.default.isArray(r)?r:[r];return!(o&&s.drag&&t)||c&&!c({row:a,column:n})||i&&d||r.unshift(renderCellDragIcon(e,l)),r}function renderTitleContent(e,l,r){let{$table:t,column:n}=l;var{type:a,showHeaderOverflow:d}=n,{showHeaderOverflow:o,tooltipOpts:i}=t;let s=i.showAll||i.enabled;i=_xeUtils.default.isUndefined(d)||_xeUtils.default.isNull(d)?o:d;let c="title"===i,u=!0===i||"tooltip"===i;o={};return(c||u||s)&&(o.mouseenter=e=>{t._isResize||(c?(0,_dom.updateCellTitle)(e.currentTarget,n):(u||s)&&t.triggerHeaderTooltipEvent(e,l))}),(u||s)&&(o.mouseleave=e=>{t._isResize||(u||s)&&t.handleTargetLeaveEvent(e)}),["html"===a&&_xeUtils.default.isString(r)?e("span",{class:"vxe-cell--title",domProps:{innerHTML:r},on:o}):e("span",{class:"vxe-cell--title",on:o},(0,_vn.getSlotVNs)(r))]}function formatFooterLabel(e,l){var r,t;return _xeUtils.default.isFunction(e)?e(l):(t=(t=(r=_xeUtils.default.isArray(e))?formats.get(e[0]):formats.get(e))?t.tableFooterCellFormatMethod:null)?r?t(l,...e.slice(1)):t(l):""}function getFooterContent(e,l){var{$table:r,column:t,_columnIndex:n,row:a,items:d}=l,{slots:o,editRender:i,cellRender:s,footerFormatter:c}=t,i=i||s;if(o&&o.footer)return r.callSlot(o.footer,l,e);if(i){s=renderer.get(i.name),o=s?s.renderTableFooter||s.renderFooter:null;if(o)return(0,_vn.getSlotVNs)(o.call(r,e,i,l))}let u="";return _xeUtils.default.isArray(d)?u=d[n]:u=_xeUtils.default.get(a,t.field),[c?formatFooterLabel(c,{itemValue:u,column:t,row:a,items:d,_columnIndex:n}):(0,_utils.formatText)(u,1)]}function getDefaultCellLabel(e){var{$table:e,row:l,column:r}=e;return(0,_utils.formatText)(e.getCellLabel(l,r),1)}let Cell=exports.Cell={createColumn(e,l){var{type:r,sortable:t,remoteSort:n,filters:a,editRender:d,treeNode:o}=l,{editConfig:i,editOpts:s,checkboxOpts:c}=e,u={renderHeader:this.renderDefaultHeader,renderCell:o?this.renderTreeCell:this.renderDefaultCell,renderFooter:this.renderDefaultFooter};switch(r){case"seq":u.renderHeader=this.renderSeqHeader,u.renderCell=o?this.renderTreeIndexCell:this.renderSeqCell;break;case"radio":u.renderHeader=this.renderRadioHeader,u.renderCell=o?this.renderTreeRadioCell:this.renderRadioCell;break;case"checkbox":u.renderHeader=this.renderCheckboxHeader,u.renderCell=c.checkField?o?this.renderTreeSelectionCellByProp:this.renderCheckboxCellByProp:o?this.renderTreeSelectionCell:this.renderCheckboxCell;break;case"expand":u.renderCell=this.renderExpandCell,u.renderData=this.renderExpandData;break;case"html":u.renderCell=o?this.renderTreeHTMLCell:this.renderHTMLCell,a&&(t||n)?u.renderHeader=this.renderSortAndFilterHeader:t||n?u.renderHeader=this.renderSortHeader:a&&(u.renderHeader=this.renderFilterHeader);break;default:i&&d?(u.renderHeader=this.renderEditHeader,u.renderCell="cell"===s.mode?o?this.renderTreeCellEdit:this.renderCellEdit:o?this.renderTreeRowEdit:this.renderRowEdit):a&&(t||n)?u.renderHeader=this.renderSortAndFilterHeader:t||n?u.renderHeader=this.renderSortHeader:a&&(u.renderHeader=this.renderFilterHeader)}return(0,_util.createColumn)(e,l,u)},renderHeaderTitle(e,l){var{$table:r,column:t}=l,{slots:n,editRender:a,cellRender:d}=t,a=a||d;if(n&&n.header)return renderTitleContent(e,l,r.callSlot(n.header,l,e));if(a){d=renderer.get(a.name),n=d?d.renderTableHeader||d.renderHeader:null;if(n)return(0,_vn.getSlotVNs)(renderTitleContent(e,l,n.call(r,e,a,l)))}return renderTitleContent(e,l,(0,_utils.formatText)(t.getTitle(),1))},renderDefaultHeader(e,l){return renderTitlePrefixIcon(e,l).concat(Cell.renderHeaderTitle(e,l)).concat(renderTitleSuffixIcon(e,l))},renderDefaultCell(e,l){var{$table:r,row:t,column:n}=l,{slots:a,editRender:d,cellRender:o}=n,o=d||o;if(a&&a.default)return renderCellBaseVNs(e,l,r.callSlot(a.default,l,e));if(o){var a=renderer.get(o.name),i=a?a.renderTableDefault||a.renderDefault:null,a=a?a.renderTableCell||a.renderCell:null,a=d?a:i;if(a)return renderCellBaseVNs(e,l,(0,_vn.getSlotVNs)(a.call(r,e,o,Object.assign({$type:d?"edit":"cell"},l))))}i=r.getCellLabel(t,n),a=d?d.placeholder:"";return renderCellBaseVNs(e,l,[e("span",{class:"vxe-cell--label"},[d&&(0,_utils.eqEmptyValue)(i)?e("span",{class:"vxe-cell--placeholder"},(0,_utils.formatText)((0,_utils.getFuncText)(a),1)):e("span",(0,_utils.formatText)(i,1))])])},renderTreeCell(e,l){return Cell.renderTreeIcon(e,l,Cell.renderDefaultCell.call(this,e,l))},renderDefaultFooter(e,l){return[e("span",{class:"vxe-cell--item"},getFooterContent(e,l))]},renderTreeIcon(e,l,r){let{$table:t,isHidden:n}=l;var{treeOpts:a,treeExpandedMaps:d,treeExpandLazyLoadedMaps:o,fullAllDataRowIdData:i}=t,{row:s,column:c,level:u}=l,c=c.slots,{indent:C,lazy:E,trigger:h,iconLoaded:b,showIcon:x,iconOpen:g,iconClose:v}=a,f=a.children||a.childrenField,a=a.hasChild||a.hasChildField,f=s[f],f=f&&f.length;let p=!1,T=!1,_=!1,m=!1;var I={};return c&&c.icon?t.callSlot(c.icon,l,e,r):(n||(c=(0,_util.getRowid)(t,s),T=!!d[c],E&&(d=i[c],_=!!o[c],p=s[a],m=!!d.treeLoaded)),h&&"default"!==h||(I.click=e=>{t.triggerTreeExpandEvent(e,l)}),[e("div",{class:["vxe-cell--tree-node",{"is--active":T}],style:{paddingLeft:u*C+"px"}},[x&&(!E||m?f:p)?[e("div",{class:"vxe-tree--btn-wrapper",on:I},[e("i",{class:["vxe-tree--node-btn",_?b||getIcon().TABLE_TREE_LOADED:T?g||getIcon().TABLE_TREE_OPEN:v||getIcon().TABLE_TREE_CLOSE]})])]:null,e("div",{class:"vxe-tree-cell"},r)])])},renderSeqHeader(e,l){var{$table:r,column:t}=l,n=t.slots;return renderTitleContent(e,l,n&&n.header?r.callSlot(n.header,l,e):(0,_utils.formatText)(t.getTitle(),1))},renderSeqCell(e,l){var{$table:r,column:t}=l,{treeConfig:n,seqOpts:a}=r,t=t.slots;return t&&t.default?renderCellBaseVNs(e,l,r.callSlot(t.default,l,e)):(r=l.seq,t=a.seqMethod,renderCellBaseVNs(e,l,[e("span",""+(0,_utils.formatText)(t?t(l):n?r:(a.startIndex||0)+r,1))]))},renderTreeIndexCell(e,l){return Cell.renderTreeIcon(e,l,Cell.renderSeqCell(e,l))},renderRadioHeader(e,l){var{$table:r,column:t}=l,n=t.slots,a=n?n.header:null,n=n?n.title:null;return renderTitleContent(e,l,a?r.callSlot(a,l,e):[e("span",{class:"vxe-radio--label"},n?r.callSlot(n,l,e):(0,_utils.formatText)(t.getTitle(),1))])},renderRadioCell(e,l){let{$table:r,column:t,isHidden:n}=l;var{radioOpts:a,selectRadioRow:d}=r,o=t.slots,{labelField:a,checkMethod:i,visibleMethod:s}=a,c=l.row,u=o?o.default:null,o=o?o.radio:null,d=c===d;let C=!s||s({row:c}),E=!!i,h;n||(h={click(e){!E&&C&&r.triggerRadioRowEvent(e,l)}},i&&(E=!i({row:c})));s=Object.assign(Object.assign({},l),{checked:d,disabled:E,visible:C});return o?renderCellBaseVNs(e,l,r.callSlot(o,s,e)):(i=[],C&&i.push(e("span",{class:["vxe-radio--icon",d?getIcon().TABLE_RADIO_CHECKED:getIcon().TABLE_RADIO_UNCHECKED]})),(u||a)&&i.push(e("span",{class:"vxe-radio--label"},u?r.callSlot(u,s,e):_xeUtils.default.get(c,a))),renderCellBaseVNs(e,l,[e("span",{class:["vxe-cell--radio",{"is--checked":d,"is--disabled":E}],on:h},i)]))},renderTreeRadioCell(e,l){return Cell.renderTreeIcon(e,l,Cell.renderRadioCell(e,l))},renderCheckboxHeader(e,l){let{$table:r,column:t,isHidden:n}=l,{isAllSelected:a,isIndeterminate:d,isAllCheckboxDisabled:o}=r;var i=t.slots,s=i?i.header:null,i=i?i.title:null,c=r.checkboxOpts,u=t.getTitle();let C;n||(C={click(e){o||r.triggerCheckAllEvent(e,!a)}});l=Object.assign(Object.assign({},l),{checked:a,disabled:o,indeterminate:d});return s?renderTitleContent(e,l,r.callSlot(s,l,e)):(c.checkStrictly?c.showHeader:!1!==c.showHeader)?renderTitleContent(e,l,[e("span",{class:["vxe-cell--checkbox",{"is--checked":a,"is--disabled":o,"is--indeterminate":d}],attrs:{title:getI18n("vxe.table.allTitle")},on:C},[e("span",{class:["vxe-checkbox--icon",d?getIcon().TABLE_CHECKBOX_INDETERMINATE:a?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})].concat(i||u?[e("span",{class:"vxe-checkbox--label"},i?r.callSlot(i,l,e):u)]:[]))]):renderTitleContent(e,l,[e("span",{class:"vxe-checkbox--label"},i?r.callSlot(i,l,e):u)])},renderCheckboxCell(e,l){let{$table:r,row:t,column:n,isHidden:a}=l;var{treeConfig:d,treeIndeterminateMaps:o,selectCheckboxMaps:i}=r,{labelField:s,checkMethod:c,visibleMethod:u}=r.checkboxOpts,C=n.slots,E=C?C.default:null,C=C?C.checkbox:null;let h=!1,b=!1,x=!u||u({row:t}),g=!!c,v;a||(u=(0,_util.getRowid)(r,t),b=!!i[u],v={click(e){!g&&x&&r.triggerCheckRowEvent(e,l,!b)}},c&&(g=!c({row:t})),d&&(h=!!o[u]));i=Object.assign(Object.assign({},l),{checked:b,disabled:g,visible:x,indeterminate:h});return C?renderCellBaseVNs(e,l,r.callSlot(C,i,e)):(c=[],x&&c.push(e("span",{class:["vxe-checkbox--icon",h?getIcon().TABLE_CHECKBOX_INDETERMINATE:b?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(E||s)&&c.push(e("span",{class:"vxe-checkbox--label"},E?r.callSlot(E,i,e):_xeUtils.default.get(t,s))),renderCellBaseVNs(e,l,[e("span",{class:["vxe-cell--checkbox",{"is--checked":b,"is--disabled":g,"is--indeterminate":h,"is--hidden":!x}],on:v},c)]))},renderTreeSelectionCell(e,l){return Cell.renderTreeIcon(e,l,Cell.renderCheckboxCell(e,l))},renderCheckboxCellByProp(e,l){let{$table:r,row:t,column:n,isHidden:a}=l;var{treeConfig:d,treeIndeterminateMaps:o,checkboxOpts:i}=r,{labelField:s,checkField:c,checkMethod:u,visibleMethod:C}=i,i=i.indeterminateField||i.halfField,E=n.slots,h=E?E.default:null,E=E?E.checkbox:null;let b=!1,x=!1,g=!C||C({row:t}),v=!!u,f;a||(C=(0,_util.getRowid)(r,t),x=_xeUtils.default.get(t,c),f={click(e){!v&&g&&r.triggerCheckRowEvent(e,l,!x)}},u&&(v=!u({row:t})),d&&(b=!!o[C]));c=Object.assign(Object.assign({},l),{checked:x,disabled:v,visible:g,indeterminate:b});return E?renderCellBaseVNs(e,l,r.callSlot(E,c,e)):(u=[],g&&u.push(e("span",{class:["vxe-checkbox--icon",b?getIcon().TABLE_CHECKBOX_INDETERMINATE:x?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(h||s)&&u.push(e("span",{class:"vxe-checkbox--label"},h?r.callSlot(h,c,e):_xeUtils.default.get(t,s))),renderCellBaseVNs(e,l,[e("span",{class:["vxe-cell--checkbox",{"is--checked":x,"is--disabled":v,"is--indeterminate":i&&!x?t[i]:b,"is--hidden":!g}],on:f},u)]))},renderTreeSelectionCellByProp(e,l){return Cell.renderTreeIcon(e,l,Cell.renderCheckboxCellByProp(e,l))},renderExpandCell(e,l){let{$table:r,isHidden:t,row:n,column:a}=l;var{expandOpts:d,rowExpandedMaps:o,rowExpandLazyLoadedMaps:i}=r,{lazy:d,labelField:s,iconLoaded:c,showIcon:u,iconOpen:C,iconClose:E,visibleMethod:h}=d,b=a.slots,x=b?b.default:null;let g=!1,v=!1;return b&&b.icon?renderCellBaseVNs(e,l,r.callSlot(b.icon,l,e)):(t||(b=(0,_util.getRowid)(r,n),g=!!o[b],d&&(v=!!i[b])),renderCellBaseVNs(e,l,[!u||h&&!h(l)?renderEmptyElement(r):e("span",{class:["vxe-table--expanded",{"is--active":g}],on:{click(e){r.triggerRowExpandEvent(e,l)}}},[e("i",{class:["vxe-table--expand-btn",v?c||getIcon().TABLE_EXPAND_LOADED:g?C||getIcon().TABLE_EXPAND_OPEN:E||getIcon().TABLE_EXPAND_CLOSE]})]),x||s?e("span",{class:"vxe-table--expand-label"},x?r.callSlot(x,l,e):_xeUtils.default.get(n,s)):renderEmptyElement(r)]))},renderExpandData(e,l){var{$table:r,column:t}=l,{slots:t,contentRender:n}=t;if(t&&t.content)return r.callSlot(t.content,l,e);if(n){t=renderer.get(n.name),t=t?t.renderTableExpand||t.renderExpand:null;if(t)return(0,_vn.getSlotVNs)(t.call(r,e,n,l))}return[]},renderHTMLCell(e,l){var{$table:r,column:t}=l,t=t.slots;return t&&t.default?renderCellBaseVNs(e,l,r.callSlot(t.default,l,e)):renderCellBaseVNs(e,l,[e("span",{class:"vxe-cell--html",domProps:{innerHTML:getDefaultCellLabel(l)}})])},renderTreeHTMLCell(e,l){return Cell.renderTreeIcon(e,l,Cell.renderHTMLCell(e,l))},renderSortAndFilterHeader(e,l){return Cell.renderDefaultHeader(e,l).concat(Cell.renderSortIcon(e,l)).concat(Cell.renderFilterIcon(e,l))},renderSortHeader(e,l){return Cell.renderDefaultHeader(e,l).concat(Cell.renderSortIcon(e,l))},renderSortIcon(e,l){let{$table:r,column:t}=l;var{showIcon:l,iconLayout:n,iconAsc:a,iconDesc:d}=r.sortOpts;return l?[e("span",{class:["vxe-cell--sort",`vxe-cell--sort-${n}-layout`]},[e("i",{class:["vxe-sort--asc-btn",a||getIcon().TABLE_SORT_ASC,{"sort--active":"asc"===t.order}],attrs:{title:getI18n("vxe.table.sortAsc")},on:{click(e){e.stopPropagation(),r.triggerSortEvent(e,t,"asc")}}}),e("i",{class:["vxe-sort--desc-btn",d||getIcon().TABLE_SORT_DESC,{"sort--active":"desc"===t.order}],attrs:{title:getI18n("vxe.table.sortDesc")},on:{click(e){e.stopPropagation(),r.triggerSortEvent(e,t,"desc")}}})])]:[]},renderFilterHeader(e,l){return Cell.renderDefaultHeader(e,l).concat(Cell.renderFilterIcon(e,l))},renderFilterIcon(e,l){let{$table:r,column:t,hasFilter:n}=l;var{filterStore:a,filterOpts:d}=r,{showIcon:d,iconNone:o,iconMatch:i}=d;return d?[e("span",{class:["vxe-cell--filter",{"is--active":a.visible&&a.column===t}]},[e("i",{class:["vxe-filter--btn",n?i||getIcon().TABLE_FILTER_MATCH:o||getIcon().TABLE_FILTER_NONE],attrs:{title:getI18n("vxe.table.filter")},on:{click(e){r.triggerFilterEvent&&r.triggerFilterEvent(e,l.column,l)}}})])]:[]},renderEditHeader(e,l){var{$table:r,column:t}=l,{editConfig:r,editRules:n,editOpts:a}=r,{sortable:d,remoteSort:o,filters:i,editRender:s}=t;let c=!1;return n&&(n=_xeUtils.default.get(n,t.field))&&(c=n.some(e=>e.required)),((0,_utils.isEnableConf)(r)?[c&&a.showAsterisk?e("i",{class:"vxe-cell--required-icon"}):null,(0,_utils.isEnableConf)(s)&&a.showIcon?e("i",{class:["vxe-cell--edit-icon",a.icon||getIcon().TABLE_EDIT]}):null]:[]).concat(Cell.renderDefaultHeader(e,l)).concat(d||o?Cell.renderSortIcon(e,l):[]).concat(i?Cell.renderFilterIcon(e,l):[])},renderRowEdit(e,l){var{$table:r,column:t}=l,t=t.editRender,r=r.editStore.actived;return Cell.runRenderer(e,l,this,(0,_utils.isEnableConf)(t)&&r&&r.row===l.row)},renderTreeRowEdit(e,l){return Cell.renderTreeIcon(e,l,Cell.renderRowEdit(e,l))},renderCellEdit(e,l){var{$table:r,column:t}=l,t=t.editRender,r=r.editStore.actived;return Cell.runRenderer(e,l,this,(0,_utils.isEnableConf)(t)&&r&&r.row===l.row&&r.column===l.column)},renderTreeCellEdit(e,l){return Cell.renderTreeIcon(e,l,Cell.renderCellEdit(e,l))},runRenderer(e,l,r,t){var{$table:n,column:a}=l,{slots:a,editRender:d,formatter:o}=a,i=renderer.get(d.name),i=i?i.renderTableEdit||i.renderEdit:null,s=Object.assign({$type:"",isEdit:t},l);return t?a&&a.edit?n.callSlot(a.edit,s,e):i?(0,_vn.getSlotVNs)(i.call(n,e,d,s)):[]:a&&a.default?renderCellBaseVNs(e,l,n.callSlot(a.default,s,e)):o?renderCellBaseVNs(e,l,[e("span",{class:"vxe-cell--label"},[getDefaultCellLabel(s)])]):Cell.renderDefaultCell.call(r,e,s)}};var _default=exports.default=Cell;
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Cell=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,getIcon,renderer,formats,renderEmptyElement}=_ui.VxeUI;function renderTitlePrefixIcon(e,l){let{$table:r,column:t}=l,n=t.titlePrefix||t.titleHelp;return n?[e("i",{class:["vxe-cell-title-prefix-icon",n.icon||getIcon().TABLE_TITLE_PREFIX],on:{mouseenter(e){r.triggerHeaderTitleEvent(e,n,l)},mouseleave(e){r.handleTargetLeaveEvent(e)}}})]:[]}function renderTitleSuffixIcon(e,l){let{$table:r,column:t}=l,n=t.titleSuffix;return n?[e("i",{class:["vxe-cell-title-suffix-icon",n.icon||getIcon().TABLE_TITLE_SUFFIX],on:{mouseenter(e){r.triggerHeaderTitleEvent(e,n,l)},mouseleave(e){r.handleTargetLeaveEvent(e)}}})]:[]}function renderCellDragIcon(e,l){let r=l.$table;var t=r.dragConfig,{icon:n,disabledMethod:a}=r.computeRowDragOpts,a=a||(t?t.rowDisabledMethod:null);let d=a&&a(l);return e("span",{key:"dg",class:["vxe-cell--drag-handle",{"is--disabled":d}],on:{mousedown(e){d||r.handleCellDragMousedownEvent(e,l)},mouseup:r.handleCellDragMouseupEvent}},[e("i",{class:n||(t?t.rowIcon:"")||getIcon().TABLE_DRAG_ROW})])}function renderCellBaseVNs(e,l,r){var{$table:t,column:n,level:a}=l,n=n.dragSort,{treeConfig:d,dragConfig:o}=t,s=t.computeRowOpts,{showIcon:t,visibleMethod:i}=t.computeRowDragOpts,i=i||(o?o.rowVisibleMethod:null),r=_xeUtils.default.isArray(r)?r:[r];return!(n&&s.drag&&(t||o&&o.showRowIcon))||i&&!i(l)||d&&a||r.unshift(renderCellDragIcon(e,l)),r}function renderHeaderCellDragIcon(e,l){let{$table:r,column:t}=l;var n=r.computeColumnOpts,{showIcon:a,icon:d,visibleMethod:o,disabledMethod:s}=r.computeColumnDragOpts;let i=s&&s(l);return!n.drag||!a||o&&!o(l)||t.fixed||t.parentId?renderEmptyElement(r):e("span",{key:"dg",class:["vxe-cell--drag-handle",{"is--disabled":i}],on:{mousedown(e){i||r.handleHeaderCellDragMousedownEvent(e,l)},mouseup:r.handleHeaderCellDragMouseupEvent}},[e("i",{class:d||getIcon().TABLE_DRAG_COLUMN})])}function renderHeaderCellBaseVNs(e,l,r){return[renderTitlePrefixIcon(e,l),renderHeaderCellDragIcon(e,l),..._xeUtils.default.isArray(r)?r:[r],renderTitleSuffixIcon(e,l)]}function renderTitleContent(e,l,r){let{$table:t,column:n}=l;var{type:a,showHeaderOverflow:d}=n,{showHeaderOverflow:o,tooltipOpts:s}=t;let i=s.showAll||s.enabled;s=_xeUtils.default.isUndefined(d)||_xeUtils.default.isNull(d)?o:d;let c="title"===s,u=!0===s||"tooltip"===s;o={};return(c||u||i)&&(o.mouseenter=e=>{t._isResize||(c?(0,_dom.updateCellTitle)(e.currentTarget,n):(u||i)&&t.triggerHeaderTooltipEvent(e,l))}),(u||i)&&(o.mouseleave=e=>{t._isResize||(u||i)&&t.handleTargetLeaveEvent(e)}),["html"===a&&_xeUtils.default.isString(r)?e("span",{class:"vxe-cell--title",domProps:{innerHTML:r},on:o}):e("span",{class:"vxe-cell--title",on:o},(0,_vn.getSlotVNs)(r))]}function formatFooterLabel(e,l){var r,t;return _xeUtils.default.isFunction(e)?e(l):(t=(t=(r=_xeUtils.default.isArray(e))?formats.get(e[0]):formats.get(e))?t.tableFooterCellFormatMethod:null)?r?t(l,...e.slice(1)):t(l):""}function getFooterContent(e,l){var{$table:r,column:t,_columnIndex:n,row:a,items:d}=l,{slots:o,editRender:s,cellRender:i,footerFormatter:c}=t,s=s||i;if(o&&o.footer)return r.callSlot(o.footer,l,e);if(s){i=renderer.get(s.name),o=i?i.renderTableFooter||i.renderFooter:null;if(o)return(0,_vn.getSlotVNs)(o.call(r,e,s,l))}let u="";return _xeUtils.default.isArray(d)?u=d[n]:u=_xeUtils.default.get(a,t.field),[c?formatFooterLabel(c,{itemValue:u,column:t,row:a,items:d,_columnIndex:n}):(0,_utils.formatText)(u,1)]}function getDefaultCellLabel(e){var{$table:e,row:l,column:r}=e;return(0,_utils.formatText)(e.getCellLabel(l,r),1)}let Cell=exports.Cell={createColumn(e,l){var{type:r,sortable:t,remoteSort:n,filters:a,editRender:d,treeNode:o}=l,{editConfig:s,editOpts:i,checkboxOpts:c}=e,u={renderHeader:this.renderDefaultHeader,renderCell:o?this.renderTreeCell:this.renderDefaultCell,renderFooter:this.renderDefaultFooter};switch(r){case"seq":u.renderHeader=this.renderSeqHeader,u.renderCell=o?this.renderTreeIndexCell:this.renderSeqCell;break;case"radio":u.renderHeader=this.renderRadioHeader,u.renderCell=o?this.renderTreeRadioCell:this.renderRadioCell;break;case"checkbox":u.renderHeader=this.renderCheckboxHeader,u.renderCell=c.checkField?o?this.renderTreeSelectionCellByProp:this.renderCheckboxCellByProp:o?this.renderTreeSelectionCell:this.renderCheckboxCell;break;case"expand":u.renderCell=this.renderExpandCell,u.renderData=this.renderExpandData;break;case"html":u.renderCell=o?this.renderTreeHTMLCell:this.renderHTMLCell,a&&(t||n)?u.renderHeader=this.renderSortAndFilterHeader:t||n?u.renderHeader=this.renderSortHeader:a&&(u.renderHeader=this.renderFilterHeader);break;default:s&&d?(u.renderHeader=this.renderEditHeader,u.renderCell="cell"===i.mode?o?this.renderTreeCellEdit:this.renderCellEdit:o?this.renderTreeRowEdit:this.renderRowEdit):a&&(t||n)?u.renderHeader=this.renderSortAndFilterHeader:t||n?u.renderHeader=this.renderSortHeader:a&&(u.renderHeader=this.renderFilterHeader)}return(0,_util.createColumn)(e,l,u)},renderHeaderTitle(e,l){var{$table:r,column:t}=l,{slots:n,editRender:a,cellRender:d}=t,a=a||d;if(n&&n.header)return renderTitleContent(e,l,r.callSlot(n.header,l,e));if(a){d=renderer.get(a.name),n=d?d.renderTableHeader||d.renderHeader:null;if(n)return(0,_vn.getSlotVNs)(renderTitleContent(e,l,n.call(r,e,a,l)))}return renderTitleContent(e,l,(0,_utils.formatText)(t.getTitle(),1))},renderDefaultHeader(e,l){return renderHeaderCellBaseVNs(e,l,Cell.renderHeaderTitle(e,l))},renderDefaultCell(e,l){var{$table:r,row:t,column:n}=l,{slots:a,editRender:d,cellRender:o}=n,o=d||o;if(a&&a.default)return renderCellBaseVNs(e,l,r.callSlot(a.default,l,e));if(o){var a=renderer.get(o.name),s=a?a.renderTableDefault||a.renderDefault:null,a=a?a.renderTableCell||a.renderCell:null,a=d?a:s;if(a)return renderCellBaseVNs(e,l,(0,_vn.getSlotVNs)(a.call(r,e,o,Object.assign({$type:d?"edit":"cell"},l))))}s=r.getCellLabel(t,n),a=d?d.placeholder:"";return renderCellBaseVNs(e,l,[e("span",{class:"vxe-cell--label"},[d&&(0,_utils.eqEmptyValue)(s)?e("span",{class:"vxe-cell--placeholder"},(0,_utils.formatText)((0,_utils.getFuncText)(a),1)):e("span",(0,_utils.formatText)(s,1))])])},renderTreeCell(e,l){return Cell.renderTreeIcon(e,l,Cell.renderDefaultCell.call(this,e,l))},renderDefaultFooter(e,l){return[e("span",{class:"vxe-cell--item"},getFooterContent(e,l))]},renderTreeIcon(e,l,r){let{$table:t,isHidden:n}=l;var{treeOpts:a,treeExpandedMaps:d,treeExpandLazyLoadedMaps:o,fullAllDataRowIdData:s}=t,{row:i,column:c,level:u}=l,c=c.slots,{indent:C,lazy:E,trigger:h,iconLoaded:g,showIcon:b,iconOpen:v,iconClose:x}=a,p=a.children||a.childrenField,a=a.hasChild||a.hasChildField,p=i[p],p=p&&p.length;let f=!1,T=!1,m=!1,_=!1;var H={};return c&&c.icon?t.callSlot(c.icon,l,e,r):(n||(c=(0,_util.getRowid)(t,i),T=!!d[c],E&&(d=s[c],m=!!o[c],f=i[a],_=!!d.treeLoaded)),h&&"default"!==h||(H.click=e=>{t.triggerTreeExpandEvent(e,l)}),[e("div",{class:["vxe-cell--tree-node",{"is--active":T}],style:{paddingLeft:u*C+"px"}},[b&&(!E||_?p:f)?[e("div",{class:"vxe-tree--btn-wrapper",on:H},[e("i",{class:["vxe-tree--node-btn",m?g||getIcon().TABLE_TREE_LOADED:T?v||getIcon().TABLE_TREE_OPEN:x||getIcon().TABLE_TREE_CLOSE]})])]:null,e("div",{class:"vxe-tree-cell"},r)])])},renderSeqHeader(e,l){var{$table:r,column:t}=l,n=t.slots;return renderHeaderCellBaseVNs(e,l,renderTitleContent(e,l,n&&n.header?r.callSlot(n.header,l,e):(0,_utils.formatText)(t.getTitle(),1)))},renderSeqCell(e,l){var{$table:r,column:t}=l,{treeConfig:n,seqOpts:a}=r,t=t.slots;return t&&t.default?renderCellBaseVNs(e,l,r.callSlot(t.default,l,e)):(r=l.seq,t=a.seqMethod,renderCellBaseVNs(e,l,[e("span",""+(0,_utils.formatText)(t?t(l):n?r:(a.startIndex||0)+r,1))]))},renderTreeIndexCell(e,l){return Cell.renderTreeIcon(e,l,Cell.renderSeqCell(e,l))},renderRadioHeader(e,l){var{$table:r,column:t}=l,n=t.slots,a=n?n.header:null,n=n?n.title:null;return renderHeaderCellBaseVNs(e,l,renderTitleContent(e,l,a?r.callSlot(a,l,e):[e("span",{class:"vxe-radio--label"},n?r.callSlot(n,l,e):(0,_utils.formatText)(t.getTitle(),1))]))},renderRadioCell(e,l){let{$table:r,column:t,isHidden:n}=l;var{radioOpts:a,selectRadioRow:d}=r,o=t.slots,{labelField:a,checkMethod:s,visibleMethod:i}=a,c=l.row,u=o?o.default:null,o=o?o.radio:null,d=c===d;let C=!i||i({row:c}),E=!!s,h;n||(h={click(e){!E&&C&&r.triggerRadioRowEvent(e,l)}},s&&(E=!s({row:c})));i=Object.assign(Object.assign({},l),{checked:d,disabled:E,visible:C});return o?renderCellBaseVNs(e,l,r.callSlot(o,i,e)):(s=[],C&&s.push(e("span",{class:["vxe-radio--icon",d?getIcon().TABLE_RADIO_CHECKED:getIcon().TABLE_RADIO_UNCHECKED]})),(u||a)&&s.push(e("span",{class:"vxe-radio--label"},u?r.callSlot(u,i,e):_xeUtils.default.get(c,a))),renderCellBaseVNs(e,l,[e("span",{class:["vxe-cell--radio",{"is--checked":d,"is--disabled":E}],on:h},s)]))},renderTreeRadioCell(e,l){return Cell.renderTreeIcon(e,l,Cell.renderRadioCell(e,l))},renderCheckboxHeader(e,l){let{$table:r,column:t,isHidden:n}=l,{isAllSelected:a,isIndeterminate:d,isAllCheckboxDisabled:o}=r;var s=t.slots,i=s?s.header:null,s=s?s.title:null,c=r.checkboxOpts,u=t.getTitle();let C;n||(C={click(e){o||r.triggerCheckAllEvent(e,!a)}});var E=Object.assign(Object.assign({},l),{checked:a,disabled:o,indeterminate:d});return i?renderHeaderCellBaseVNs(e,l,renderTitleContent(e,E,r.callSlot(i,E,e))):(c.checkStrictly?c.showHeader:!1!==c.showHeader)?renderHeaderCellBaseVNs(e,l,renderTitleContent(e,E,[e("span",{class:["vxe-cell--checkbox",{"is--checked":a,"is--disabled":o,"is--indeterminate":d}],attrs:{title:getI18n("vxe.table.allTitle")},on:C},[e("span",{class:["vxe-checkbox--icon",d?getIcon().TABLE_CHECKBOX_INDETERMINATE:a?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})].concat(s||u?[e("span",{class:"vxe-checkbox--label"},s?r.callSlot(s,E,e):u)]:[]))])):renderHeaderCellBaseVNs(e,l,renderTitleContent(e,E,[e("span",{class:"vxe-checkbox--label"},s?r.callSlot(s,E,e):u)]))},renderCheckboxCell(e,l){let{$table:r,row:t,column:n,isHidden:a}=l;var{treeConfig:d,treeIndeterminateMaps:o,selectCheckboxMaps:s}=r,{labelField:i,checkMethod:c,visibleMethod:u}=r.checkboxOpts,C=n.slots,E=C?C.default:null,C=C?C.checkbox:null;let h=!1,g=!1,b=!u||u({row:t}),v=!!c,x;a||(u=(0,_util.getRowid)(r,t),g=!!s[u],x={click(e){!v&&b&&r.triggerCheckRowEvent(e,l,!g)}},c&&(v=!c({row:t})),d&&(h=!!o[u]));s=Object.assign(Object.assign({},l),{checked:g,disabled:v,visible:b,indeterminate:h});return C?renderCellBaseVNs(e,l,r.callSlot(C,s,e)):(c=[],b&&c.push(e("span",{class:["vxe-checkbox--icon",h?getIcon().TABLE_CHECKBOX_INDETERMINATE:g?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(E||i)&&c.push(e("span",{class:"vxe-checkbox--label"},E?r.callSlot(E,s,e):_xeUtils.default.get(t,i))),renderCellBaseVNs(e,l,[e("span",{class:["vxe-cell--checkbox",{"is--checked":g,"is--disabled":v,"is--indeterminate":h,"is--hidden":!b}],on:x},c)]))},renderTreeSelectionCell(e,l){return Cell.renderTreeIcon(e,l,Cell.renderCheckboxCell(e,l))},renderCheckboxCellByProp(e,l){let{$table:r,row:t,column:n,isHidden:a}=l;var{treeConfig:d,treeIndeterminateMaps:o,checkboxOpts:s}=r,{labelField:i,checkField:c,checkMethod:u,visibleMethod:C}=s,s=s.indeterminateField||s.halfField,E=n.slots,h=E?E.default:null,E=E?E.checkbox:null;let g=!1,b=!1,v=!C||C({row:t}),x=!!u,p;a||(C=(0,_util.getRowid)(r,t),b=_xeUtils.default.get(t,c),p={click(e){!x&&v&&r.triggerCheckRowEvent(e,l,!b)}},u&&(x=!u({row:t})),d&&(g=!!o[C]));c=Object.assign(Object.assign({},l),{checked:b,disabled:x,visible:v,indeterminate:g});return E?renderCellBaseVNs(e,l,r.callSlot(E,c,e)):(u=[],v&&u.push(e("span",{class:["vxe-checkbox--icon",g?getIcon().TABLE_CHECKBOX_INDETERMINATE:b?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(h||i)&&u.push(e("span",{class:"vxe-checkbox--label"},h?r.callSlot(h,c,e):_xeUtils.default.get(t,i))),renderCellBaseVNs(e,l,[e("span",{class:["vxe-cell--checkbox",{"is--checked":b,"is--disabled":x,"is--indeterminate":s&&!b?t[s]:g,"is--hidden":!v}],on:p},u)]))},renderTreeSelectionCellByProp(e,l){return Cell.renderTreeIcon(e,l,Cell.renderCheckboxCellByProp(e,l))},renderExpandCell(e,l){let{$table:r,isHidden:t,row:n,column:a}=l;var{expandOpts:d,rowExpandedMaps:o,rowExpandLazyLoadedMaps:s}=r,{lazy:d,labelField:i,iconLoaded:c,showIcon:u,iconOpen:C,iconClose:E,visibleMethod:h}=d,g=a.slots,b=g?g.default:null;let v=!1,x=!1;return g&&g.icon?renderCellBaseVNs(e,l,r.callSlot(g.icon,l,e)):(t||(g=(0,_util.getRowid)(r,n),v=!!o[g],d&&(x=!!s[g])),renderCellBaseVNs(e,l,[!u||h&&!h(l)?renderEmptyElement(r):e("span",{class:["vxe-table--expanded",{"is--active":v}],on:{click(e){r.triggerRowExpandEvent(e,l)}}},[e("i",{class:["vxe-table--expand-btn",x?c||getIcon().TABLE_EXPAND_LOADED:v?C||getIcon().TABLE_EXPAND_OPEN:E||getIcon().TABLE_EXPAND_CLOSE]})]),b||i?e("span",{class:"vxe-table--expand-label"},b?r.callSlot(b,l,e):_xeUtils.default.get(n,i)):renderEmptyElement(r)]))},renderExpandData(e,l){var{$table:r,column:t}=l,{slots:t,contentRender:n}=t;if(t&&t.content)return r.callSlot(t.content,l,e);if(n){t=renderer.get(n.name),t=t?t.renderTableExpand||t.renderExpand:null;if(t)return(0,_vn.getSlotVNs)(t.call(r,e,n,l))}return[]},renderHTMLCell(e,l){var{$table:r,column:t}=l,t=t.slots;return t&&t.default?renderCellBaseVNs(e,l,r.callSlot(t.default,l,e)):renderCellBaseVNs(e,l,[e("span",{class:"vxe-cell--html",domProps:{innerHTML:getDefaultCellLabel(l)}})])},renderTreeHTMLCell(e,l){return Cell.renderTreeIcon(e,l,Cell.renderHTMLCell(e,l))},renderSortAndFilterHeader(e,l){return renderHeaderCellBaseVNs(e,l,Cell.renderHeaderTitle(e,l).concat(Cell.renderSortIcon(e,l)))},renderSortHeader(e,l){return renderHeaderCellBaseVNs(e,l,Cell.renderHeaderTitle(e,l).concat(Cell.renderSortIcon(e,l)))},renderSortIcon(e,l){let{$table:r,column:t}=l;var{showIcon:l,iconLayout:n,iconAsc:a,iconDesc:d}=r.sortOpts;return l?[e("span",{class:["vxe-cell--sort",`vxe-cell--sort-${n}-layout`]},[e("i",{class:["vxe-sort--asc-btn",a||getIcon().TABLE_SORT_ASC,{"sort--active":"asc"===t.order}],attrs:{title:getI18n("vxe.table.sortAsc")},on:{click(e){e.stopPropagation(),r.triggerSortEvent(e,t,"asc")}}}),e("i",{class:["vxe-sort--desc-btn",d||getIcon().TABLE_SORT_DESC,{"sort--active":"desc"===t.order}],attrs:{title:getI18n("vxe.table.sortDesc")},on:{click(e){e.stopPropagation(),r.triggerSortEvent(e,t,"desc")}}})])]:[]},renderFilterHeader(e,l){return renderHeaderCellBaseVNs(e,l,Cell.renderHeaderTitle(e,l).concat(Cell.renderFilterIcon(e,l)))},renderFilterIcon(e,l){let{$table:r,column:t,hasFilter:n}=l;var{filterStore:a,filterOpts:d}=r,{showIcon:d,iconNone:o,iconMatch:s}=d;return d?[e("span",{class:["vxe-cell--filter",{"is--active":a.visible&&a.column===t}]},[e("i",{class:["vxe-filter--btn",n?s||getIcon().TABLE_FILTER_MATCH:o||getIcon().TABLE_FILTER_NONE],attrs:{title:getI18n("vxe.table.filter")},on:{click(e){r.triggerFilterEvent&&r.triggerFilterEvent(e,l.column,l)}}})])]:[]},renderEditHeader(e,l){var{$table:r,column:t}=l,{editConfig:n,editRules:a,editOpts:d}=r,{sortable:o,remoteSort:s,filters:i,editRender:c}=t;let u=!1,C=(a&&(a=_xeUtils.default.get(a,t.field))&&(u=a.some(e=>e.required)),[]);return(0,_utils.isEnableConf)(n)&&(C=[u&&d.showAsterisk?e("i",{class:"vxe-cell--required-icon"}):renderEmptyElement(r),(0,_utils.isEnableConf)(c)&&d.showIcon?e("i",{class:["vxe-cell--edit-icon",d.icon||getIcon().TABLE_EDIT]}):renderEmptyElement(r)]),renderHeaderCellBaseVNs(e,l,C.concat(Cell.renderHeaderTitle(e,l)).concat(o||s?Cell.renderSortIcon(e,l):[]).concat(i?Cell.renderFilterIcon(e,l):[]))},renderRowEdit(e,l){var{$table:r,column:t}=l,t=t.editRender,r=r.editStore.actived;return Cell.runRenderer(e,l,this,(0,_utils.isEnableConf)(t)&&r&&r.row===l.row)},renderTreeRowEdit(e,l){return Cell.renderTreeIcon(e,l,Cell.renderRowEdit(e,l))},renderCellEdit(e,l){var{$table:r,column:t}=l,t=t.editRender,r=r.editStore.actived;return Cell.runRenderer(e,l,this,(0,_utils.isEnableConf)(t)&&r&&r.row===l.row&&r.column===l.column)},renderTreeCellEdit(e,l){return Cell.renderTreeIcon(e,l,Cell.renderCellEdit(e,l))},runRenderer(e,l,r,t){var{$table:n,column:a}=l,{slots:a,editRender:d,formatter:o}=a,s=renderer.get(d.name),s=s?s.renderTableEdit||s.renderEdit:null,i=Object.assign({$type:"",isEdit:t},l);return t?a&&a.edit?n.callSlot(a.edit,i,e):s?(0,_vn.getSlotVNs)(s.call(n,e,d,i)):[]:a&&a.default?renderCellBaseVNs(e,l,n.callSlot(a.default,i,e)):o?renderCellBaseVNs(e,l,[e("span",{class:"vxe-cell--label"},[getDefaultCellLabel(i)])]):Cell.renderDefaultCell.call(r,e,i)}};var _default=exports.default=Cell;
|
package/lib/table/src/footer.js
CHANGED
|
@@ -37,6 +37,203 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
|
+
function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIndex) {
|
|
41
|
+
const {
|
|
42
|
+
$parent: $xetable,
|
|
43
|
+
fixedType
|
|
44
|
+
} = _vm;
|
|
45
|
+
const {
|
|
46
|
+
$listeners: tableListeners,
|
|
47
|
+
footerCellClassName,
|
|
48
|
+
footerCellStyle,
|
|
49
|
+
footerAlign: allFooterAlign,
|
|
50
|
+
mergeFooterList,
|
|
51
|
+
footerSpanMethod,
|
|
52
|
+
align: allAlign,
|
|
53
|
+
scrollXLoad,
|
|
54
|
+
columnKey,
|
|
55
|
+
columnOpts,
|
|
56
|
+
showFooterOverflow: allColumnFooterOverflow,
|
|
57
|
+
currentColumn,
|
|
58
|
+
overflowX,
|
|
59
|
+
scrollbarWidth,
|
|
60
|
+
tooltipOpts
|
|
61
|
+
} = $xetable;
|
|
62
|
+
return tableColumn.map((column, $columnIndex) => {
|
|
63
|
+
const {
|
|
64
|
+
type,
|
|
65
|
+
showFooterOverflow,
|
|
66
|
+
footerAlign,
|
|
67
|
+
align,
|
|
68
|
+
footerClassName,
|
|
69
|
+
editRender,
|
|
70
|
+
cellRender
|
|
71
|
+
} = column;
|
|
72
|
+
const renderOpts = editRender || cellRender;
|
|
73
|
+
const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
|
|
74
|
+
const showAllTip = tooltipOpts.showAll || tooltipOpts.enabled;
|
|
75
|
+
const isColGroup = column.children && column.children.length;
|
|
76
|
+
const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
|
|
77
|
+
const footOverflow = _xeUtils.default.isUndefined(showFooterOverflow) || _xeUtils.default.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
|
|
78
|
+
const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
|
|
79
|
+
let showEllipsis = footOverflow === 'ellipsis';
|
|
80
|
+
const showTitle = footOverflow === 'title';
|
|
81
|
+
const showTooltip = footOverflow === true || footOverflow === 'tooltip';
|
|
82
|
+
let hasEllipsis = showTitle || showTooltip || showEllipsis;
|
|
83
|
+
const attrs = {
|
|
84
|
+
colid: column.id
|
|
85
|
+
};
|
|
86
|
+
const tfOns = {};
|
|
87
|
+
const columnIndex = $xetable.getColumnIndex(column);
|
|
88
|
+
const _columnIndex = $xetable.getVTColumnIndex(column);
|
|
89
|
+
const itemIndex = _columnIndex;
|
|
90
|
+
const cellParams = {
|
|
91
|
+
$table: $xetable,
|
|
92
|
+
$grid: $xetable.xegrid,
|
|
93
|
+
row,
|
|
94
|
+
_rowIndex,
|
|
95
|
+
$rowIndex,
|
|
96
|
+
column,
|
|
97
|
+
columnIndex,
|
|
98
|
+
$columnIndex,
|
|
99
|
+
_columnIndex,
|
|
100
|
+
itemIndex,
|
|
101
|
+
items: row,
|
|
102
|
+
fixed: fixedType,
|
|
103
|
+
type: renderType,
|
|
104
|
+
data: footerTableData
|
|
105
|
+
};
|
|
106
|
+
// 虚拟滚动不支持动态高度
|
|
107
|
+
if (scrollXLoad && !hasEllipsis) {
|
|
108
|
+
showEllipsis = hasEllipsis = true;
|
|
109
|
+
}
|
|
110
|
+
if (showTitle || showTooltip || showAllTip) {
|
|
111
|
+
tfOns.mouseenter = evnt => {
|
|
112
|
+
if (showTitle) {
|
|
113
|
+
(0, _dom.updateCellTitle)(evnt.currentTarget, column);
|
|
114
|
+
} else if (showTooltip || showAllTip) {
|
|
115
|
+
$xetable.triggerFooterTooltipEvent(evnt, cellParams);
|
|
116
|
+
}
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
if (showTooltip || showAllTip) {
|
|
120
|
+
tfOns.mouseleave = evnt => {
|
|
121
|
+
if (showTooltip || showAllTip) {
|
|
122
|
+
$xetable.handleTargetLeaveEvent(evnt);
|
|
123
|
+
}
|
|
124
|
+
};
|
|
125
|
+
}
|
|
126
|
+
if (tableListeners['footer-cell-click']) {
|
|
127
|
+
tfOns.click = evnt => {
|
|
128
|
+
$xetable.emitEvent('footer-cell-click', Object.assign({
|
|
129
|
+
cell: evnt.currentTarget
|
|
130
|
+
}, cellParams), evnt);
|
|
131
|
+
};
|
|
132
|
+
}
|
|
133
|
+
if (tableListeners['footer-cell-dblclick']) {
|
|
134
|
+
tfOns.dblclick = evnt => {
|
|
135
|
+
$xetable.emitEvent('footer-cell-dblclick', Object.assign({
|
|
136
|
+
cell: evnt.currentTarget
|
|
137
|
+
}, cellParams), evnt);
|
|
138
|
+
};
|
|
139
|
+
}
|
|
140
|
+
// 合并行或列
|
|
141
|
+
if (mergeFooterList.length) {
|
|
142
|
+
const spanRest = mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex);
|
|
143
|
+
if (spanRest) {
|
|
144
|
+
const {
|
|
145
|
+
rowspan,
|
|
146
|
+
colspan
|
|
147
|
+
} = spanRest;
|
|
148
|
+
if (!rowspan || !colspan) {
|
|
149
|
+
return null;
|
|
150
|
+
}
|
|
151
|
+
if (rowspan > 1) {
|
|
152
|
+
attrs.rowspan = rowspan;
|
|
153
|
+
}
|
|
154
|
+
if (colspan > 1) {
|
|
155
|
+
attrs.colspan = colspan;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
} else if (footerSpanMethod) {
|
|
159
|
+
// 自定义合并方法
|
|
160
|
+
const {
|
|
161
|
+
rowspan = 1,
|
|
162
|
+
colspan = 1
|
|
163
|
+
} = footerSpanMethod(cellParams) || {};
|
|
164
|
+
if (!rowspan || !colspan) {
|
|
165
|
+
return null;
|
|
166
|
+
}
|
|
167
|
+
if (rowspan > 1) {
|
|
168
|
+
attrs.rowspan = rowspan;
|
|
169
|
+
}
|
|
170
|
+
if (colspan > 1) {
|
|
171
|
+
attrs.colspan = colspan;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
return h('td', {
|
|
175
|
+
class: ['vxe-footer--column', column.id, {
|
|
176
|
+
[`col--${footAlign}`]: footAlign,
|
|
177
|
+
[`col--${type}`]: type,
|
|
178
|
+
'col--last': $columnIndex === tableColumn.length - 1,
|
|
179
|
+
'fixed--hidden': fixedHiddenColumn,
|
|
180
|
+
'col--ellipsis': hasEllipsis,
|
|
181
|
+
'col--current': currentColumn === column
|
|
182
|
+
}, (0, _utils.getClass)(footerClassName, cellParams), (0, _utils.getClass)(footerCellClassName, cellParams)],
|
|
183
|
+
attrs,
|
|
184
|
+
style: footerCellStyle ? _xeUtils.default.isFunction(footerCellStyle) ? footerCellStyle(cellParams) : footerCellStyle : null,
|
|
185
|
+
on: tfOns,
|
|
186
|
+
key: columnKey || columnOpts.useKey || columnOpts.drag ? column.id : $columnIndex
|
|
187
|
+
}, [h('div', {
|
|
188
|
+
class: ['vxe-cell', {
|
|
189
|
+
'c--title': showTitle,
|
|
190
|
+
'c--tooltip': showTooltip,
|
|
191
|
+
'c--ellipsis': showEllipsis
|
|
192
|
+
}]
|
|
193
|
+
}, column.renderFooter(h, cellParams))]);
|
|
194
|
+
}).concat(scrollbarWidth ? [h('td', {
|
|
195
|
+
key: `gr${$rowIndex}`,
|
|
196
|
+
class: 'vxe-footer--gutter col--gutter'
|
|
197
|
+
})] : []);
|
|
198
|
+
}
|
|
199
|
+
function renderHeads(h, _vm, footerTableData) {
|
|
200
|
+
const {
|
|
201
|
+
$parent: $xetable,
|
|
202
|
+
fixedType,
|
|
203
|
+
tableColumn
|
|
204
|
+
} = _vm;
|
|
205
|
+
const {
|
|
206
|
+
footerRowClassName,
|
|
207
|
+
footerRowStyle,
|
|
208
|
+
isDragColMove
|
|
209
|
+
} = $xetable;
|
|
210
|
+
const columnOpts = $xetable.columnOpts;
|
|
211
|
+
return footerTableData.map((row, $rowIndex) => {
|
|
212
|
+
const _rowIndex = $rowIndex;
|
|
213
|
+
const rowParams = {
|
|
214
|
+
$table: $xetable,
|
|
215
|
+
row,
|
|
216
|
+
_rowIndex,
|
|
217
|
+
$rowIndex,
|
|
218
|
+
fixed: fixedType,
|
|
219
|
+
type: renderType
|
|
220
|
+
};
|
|
221
|
+
if (columnOpts.drag) {
|
|
222
|
+
return h('transition-group', {
|
|
223
|
+
props: {
|
|
224
|
+
tag: 'tr',
|
|
225
|
+
name: `vxe-header--col-list${isDragColMove ? '' : '-disabled'}`,
|
|
226
|
+
class: ['vxe-footer--row', footerRowClassName ? _xeUtils.default.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''],
|
|
227
|
+
style: footerRowStyle ? _xeUtils.default.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle : null
|
|
228
|
+
}
|
|
229
|
+
}, renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIndex));
|
|
230
|
+
}
|
|
231
|
+
return h('tr', {
|
|
232
|
+
class: ['vxe-footer--row', footerRowClassName ? _xeUtils.default.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''],
|
|
233
|
+
style: footerRowStyle ? _xeUtils.default.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle : null
|
|
234
|
+
}, renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIndex));
|
|
235
|
+
});
|
|
236
|
+
}
|
|
40
237
|
var _default = exports.default = {
|
|
41
238
|
name: 'VxeTableFooter',
|
|
42
239
|
props: {
|
|
@@ -88,24 +285,12 @@ var _default = exports.default = {
|
|
|
88
285
|
footerTableData
|
|
89
286
|
} = this;
|
|
90
287
|
const {
|
|
91
|
-
$listeners: tableListeners,
|
|
92
288
|
tId,
|
|
93
|
-
footerRowClassName,
|
|
94
|
-
footerCellClassName,
|
|
95
|
-
footerRowStyle,
|
|
96
|
-
footerCellStyle,
|
|
97
|
-
footerAlign: allFooterAlign,
|
|
98
289
|
mergeFooterList,
|
|
99
290
|
footerSpanMethod,
|
|
100
|
-
align: allAlign,
|
|
101
291
|
scrollXLoad,
|
|
102
|
-
columnKey,
|
|
103
|
-
columnOpts,
|
|
104
292
|
showFooterOverflow: allColumnFooterOverflow,
|
|
105
|
-
currentColumn,
|
|
106
|
-
overflowX,
|
|
107
293
|
scrollbarWidth,
|
|
108
|
-
tooltipOpts,
|
|
109
294
|
visibleColumn,
|
|
110
295
|
expandColumn
|
|
111
296
|
} = $xetable;
|
|
@@ -165,155 +350,7 @@ var _default = exports.default = {
|
|
|
165
350
|
*/
|
|
166
351
|
h('tfoot', {
|
|
167
352
|
ref: 'tfoot'
|
|
168
|
-
},
|
|
169
|
-
const $rowIndex = _rowIndex;
|
|
170
|
-
const rowParams = {
|
|
171
|
-
$table: $xetable,
|
|
172
|
-
row: list,
|
|
173
|
-
_rowIndex,
|
|
174
|
-
$rowIndex,
|
|
175
|
-
fixed: fixedType,
|
|
176
|
-
type: renderType
|
|
177
|
-
};
|
|
178
|
-
return h('tr', {
|
|
179
|
-
class: ['vxe-footer--row', footerRowClassName ? _xeUtils.default.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''],
|
|
180
|
-
style: footerRowStyle ? _xeUtils.default.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle : null
|
|
181
|
-
}, tableColumn.map((column, $columnIndex) => {
|
|
182
|
-
const {
|
|
183
|
-
type,
|
|
184
|
-
showFooterOverflow,
|
|
185
|
-
footerAlign,
|
|
186
|
-
align,
|
|
187
|
-
footerClassName,
|
|
188
|
-
editRender,
|
|
189
|
-
cellRender
|
|
190
|
-
} = column;
|
|
191
|
-
const renderOpts = editRender || cellRender;
|
|
192
|
-
const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
|
|
193
|
-
const showAllTip = tooltipOpts.showAll || tooltipOpts.enabled;
|
|
194
|
-
const isColGroup = column.children && column.children.length;
|
|
195
|
-
const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
|
|
196
|
-
const footOverflow = _xeUtils.default.isUndefined(showFooterOverflow) || _xeUtils.default.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
|
|
197
|
-
const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
|
|
198
|
-
let showEllipsis = footOverflow === 'ellipsis';
|
|
199
|
-
const showTitle = footOverflow === 'title';
|
|
200
|
-
const showTooltip = footOverflow === true || footOverflow === 'tooltip';
|
|
201
|
-
let hasEllipsis = showTitle || showTooltip || showEllipsis;
|
|
202
|
-
const attrs = {
|
|
203
|
-
colid: column.id
|
|
204
|
-
};
|
|
205
|
-
const tfOns = {};
|
|
206
|
-
const columnIndex = $xetable.getColumnIndex(column);
|
|
207
|
-
const _columnIndex = $xetable.getVTColumnIndex(column);
|
|
208
|
-
const itemIndex = _columnIndex;
|
|
209
|
-
const cellParams = {
|
|
210
|
-
$table: $xetable,
|
|
211
|
-
$grid: $xetable.xegrid,
|
|
212
|
-
row: list,
|
|
213
|
-
_rowIndex,
|
|
214
|
-
$rowIndex,
|
|
215
|
-
column,
|
|
216
|
-
columnIndex,
|
|
217
|
-
$columnIndex,
|
|
218
|
-
_columnIndex,
|
|
219
|
-
itemIndex,
|
|
220
|
-
items: list,
|
|
221
|
-
fixed: fixedType,
|
|
222
|
-
type: renderType,
|
|
223
|
-
data: footerTableData
|
|
224
|
-
};
|
|
225
|
-
// 虚拟滚动不支持动态高度
|
|
226
|
-
if (scrollXLoad && !hasEllipsis) {
|
|
227
|
-
showEllipsis = hasEllipsis = true;
|
|
228
|
-
}
|
|
229
|
-
if (showTitle || showTooltip || showAllTip) {
|
|
230
|
-
tfOns.mouseenter = evnt => {
|
|
231
|
-
if (showTitle) {
|
|
232
|
-
(0, _dom.updateCellTitle)(evnt.currentTarget, column);
|
|
233
|
-
} else if (showTooltip || showAllTip) {
|
|
234
|
-
$xetable.triggerFooterTooltipEvent(evnt, cellParams);
|
|
235
|
-
}
|
|
236
|
-
};
|
|
237
|
-
}
|
|
238
|
-
if (showTooltip || showAllTip) {
|
|
239
|
-
tfOns.mouseleave = evnt => {
|
|
240
|
-
if (showTooltip || showAllTip) {
|
|
241
|
-
$xetable.handleTargetLeaveEvent(evnt);
|
|
242
|
-
}
|
|
243
|
-
};
|
|
244
|
-
}
|
|
245
|
-
if (tableListeners['footer-cell-click']) {
|
|
246
|
-
tfOns.click = evnt => {
|
|
247
|
-
$xetable.emitEvent('footer-cell-click', Object.assign({
|
|
248
|
-
cell: evnt.currentTarget
|
|
249
|
-
}, cellParams), evnt);
|
|
250
|
-
};
|
|
251
|
-
}
|
|
252
|
-
if (tableListeners['footer-cell-dblclick']) {
|
|
253
|
-
tfOns.dblclick = evnt => {
|
|
254
|
-
$xetable.emitEvent('footer-cell-dblclick', Object.assign({
|
|
255
|
-
cell: evnt.currentTarget
|
|
256
|
-
}, cellParams), evnt);
|
|
257
|
-
};
|
|
258
|
-
}
|
|
259
|
-
// 合并行或列
|
|
260
|
-
if (mergeFooterList.length) {
|
|
261
|
-
const spanRest = mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex);
|
|
262
|
-
if (spanRest) {
|
|
263
|
-
const {
|
|
264
|
-
rowspan,
|
|
265
|
-
colspan
|
|
266
|
-
} = spanRest;
|
|
267
|
-
if (!rowspan || !colspan) {
|
|
268
|
-
return null;
|
|
269
|
-
}
|
|
270
|
-
if (rowspan > 1) {
|
|
271
|
-
attrs.rowspan = rowspan;
|
|
272
|
-
}
|
|
273
|
-
if (colspan > 1) {
|
|
274
|
-
attrs.colspan = colspan;
|
|
275
|
-
}
|
|
276
|
-
}
|
|
277
|
-
} else if (footerSpanMethod) {
|
|
278
|
-
// 自定义合并方法
|
|
279
|
-
const {
|
|
280
|
-
rowspan = 1,
|
|
281
|
-
colspan = 1
|
|
282
|
-
} = footerSpanMethod(cellParams) || {};
|
|
283
|
-
if (!rowspan || !colspan) {
|
|
284
|
-
return null;
|
|
285
|
-
}
|
|
286
|
-
if (rowspan > 1) {
|
|
287
|
-
attrs.rowspan = rowspan;
|
|
288
|
-
}
|
|
289
|
-
if (colspan > 1) {
|
|
290
|
-
attrs.colspan = colspan;
|
|
291
|
-
}
|
|
292
|
-
}
|
|
293
|
-
return h('td', {
|
|
294
|
-
class: ['vxe-footer--column', column.id, {
|
|
295
|
-
[`col--${footAlign}`]: footAlign,
|
|
296
|
-
[`col--${type}`]: type,
|
|
297
|
-
'col--last': $columnIndex === tableColumn.length - 1,
|
|
298
|
-
'fixed--hidden': fixedHiddenColumn,
|
|
299
|
-
'col--ellipsis': hasEllipsis,
|
|
300
|
-
'col--current': currentColumn === column
|
|
301
|
-
}, (0, _utils.getClass)(footerClassName, cellParams), (0, _utils.getClass)(footerCellClassName, cellParams)],
|
|
302
|
-
attrs,
|
|
303
|
-
style: footerCellStyle ? _xeUtils.default.isFunction(footerCellStyle) ? footerCellStyle(cellParams) : footerCellStyle : null,
|
|
304
|
-
on: tfOns,
|
|
305
|
-
key: columnKey || columnOpts.useKey ? column.id : $columnIndex
|
|
306
|
-
}, [h('div', {
|
|
307
|
-
class: ['vxe-cell', {
|
|
308
|
-
'c--title': showTitle,
|
|
309
|
-
'c--tooltip': showTooltip,
|
|
310
|
-
'c--ellipsis': showEllipsis
|
|
311
|
-
}]
|
|
312
|
-
}, column.renderFooter(h, cellParams))]);
|
|
313
|
-
}).concat(scrollbarWidth ? [h('td', {
|
|
314
|
-
class: 'vxe-footer--gutter col--gutter'
|
|
315
|
-
})] : []));
|
|
316
|
-
}))])]);
|
|
353
|
+
}, renderHeads(h, this, footerTableData))])]);
|
|
317
354
|
},
|
|
318
355
|
methods: {
|
|
319
356
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let renderType="footer",renderer=_ui.VxeUI.renderer;function mergeFooterMethod(l,t,r){for(let e=0;e<l.length;e++){var{row:o,col:n,rowspan:a,colspan:i}=l[e];if(-1<n&&-1<o&&a&&i){if(o===t&&n===r)return{rowspan:a,colspan:i};if(o<=t&&t<o+a&&n<=r&&r<n+i)return{rowspan:0,colspan:0}}}}
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let renderType="footer",renderer=_ui.VxeUI.renderer;function mergeFooterMethod(l,t,r){for(let e=0;e<l.length;e++){var{row:o,col:n,rowspan:a,colspan:i}=l[e];if(-1<n&&-1<o&&a&&i){if(o===t&&n===r)return{rowspan:a,colspan:i};if(o<=t&&t<o+a&&n<=r&&r<n+i)return{rowspan:0,colspan:0}}}}function renderRows(v,e,b,w,y,_,h){let{$parent:T,fixedType:$}=e,{$listeners:C,footerCellClassName:F,footerCellStyle:S,footerAlign:I,mergeFooterList:U,footerSpanMethod:k,align:L,scrollXLoad:O,columnKey:R,columnOpts:A,showFooterOverflow:E,currentColumn:M,overflowX:q,scrollbarWidth:l,tooltipOpts:D}=T;return b.map((l,e)=>{var{type:t,showFooterOverflow:r,footerAlign:o,align:n,footerClassName:a,editRender:i,cellRender:s}=l,i=i||s,s=i?renderer.get(i.name):null;let d=D.showAll||D.enabled;i=l.children&&l.children.length,i=$?l.fixed!==$&&!i:l.fixed&&q,r=_xeUtils.default.isUndefined(r)||_xeUtils.default.isNull(r)?E:r,o=o||(s?s.tableFooterCellAlign:"")||I||n||(s?s.tableCellAlign:"")||L;let c="ellipsis"===r,u="title"===r,f=!0===r||"tooltip"===r,p=u||f||c;var n={colid:l.id},s={},r=T.getColumnIndex(l),x=T.getVTColumnIndex(l),m=x;let g={$table:T,$grid:T.xegrid,row:y,_rowIndex:h,$rowIndex:_,column:l,columnIndex:r,$columnIndex:e,_columnIndex:x,itemIndex:m,items:y,fixed:$,type:renderType,data:w};if(O&&!p&&(c=p=!0),(u||f||d)&&(s.mouseenter=e=>{u?(0,_dom.updateCellTitle)(e.currentTarget,l):(f||d)&&T.triggerFooterTooltipEvent(e,g)}),(f||d)&&(s.mouseleave=e=>{(f||d)&&T.handleTargetLeaveEvent(e)}),C["footer-cell-click"]&&(s.click=e=>{T.emitEvent("footer-cell-click",Object.assign({cell:e.currentTarget},g),e)}),C["footer-cell-dblclick"]&&(s.dblclick=e=>{T.emitEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},g),e)}),U.length){r=mergeFooterMethod(U,h,x);if(r){var{rowspan:m,colspan:x}=r;if(!m||!x)return null;1<m&&(n.rowspan=m),1<x&&(n.colspan=x)}}else if(k){var{rowspan:r=1,colspan:m=1}=k(g)||{};if(!r||!m)return null;1<r&&(n.rowspan=r),1<m&&(n.colspan=m)}return v("td",{class:["vxe-footer--column",l.id,{["col--"+o]:o,["col--"+t]:t,"col--last":e===b.length-1,"fixed--hidden":i,"col--ellipsis":p,"col--current":M===l},(0,_utils.getClass)(a,g),(0,_utils.getClass)(F,g)],attrs:n,style:S?_xeUtils.default.isFunction(S)?S(g):S:null,on:s,key:R||A.useKey||A.drag?l.id:e},[v("div",{class:["vxe-cell",{"c--title":u,"c--tooltip":f,"c--ellipsis":c}]},l.renderFooter(v,g))])}).concat(l?[v("td",{key:"gr"+_,class:"vxe-footer--gutter col--gutter"})]:[])}function renderHeads(o,n,a){let{$parent:i,fixedType:s,tableColumn:d}=n,{footerRowClassName:c,footerRowStyle:u,isDragColMove:f}=i,p=i.columnOpts;return a.map((e,l)=>{var t=l,r={$table:i,row:e,_rowIndex:t,$rowIndex:l,fixed:s,type:renderType};return p.drag?o("transition-group",{props:{tag:"tr",name:"vxe-header--col-list"+(f?"":"-disabled"),class:["vxe-footer--row",c?_xeUtils.default.isFunction(c)?c(r):c:""],style:u?_xeUtils.default.isFunction(u)?u(r):u:null}},renderRows(o,n,d,a,e,l,t)):o("tr",{class:["vxe-footer--row",c?_xeUtils.default.isFunction(c)?c(r):c:""],style:u?_xeUtils.default.isFunction(u)?u(r):u:null},renderRows(o,n,d,a,e,l,t))})}var _default=exports.default={name:"VxeTableFooter",props:{footerTableData:Array,tableColumn:Array,fixedColumn:Array,fixedType:String,size:String},mounted(){var{$parent:e,$el:l,$refs:t,fixedType:r}=this,e=e.elemStore,r=`${r||"main"}-footer-`;e[r+"wrapper"]=l,e[r+"table"]=t.table,e[r+"colgroup"]=t.colgroup,e[r+"list"]=t.tfoot,e[r+"xSpace"]=t.xSpace},destroyed(){var{$parent:e,fixedType:l}=this,e=e.elemStore,l=`${l||"main"}-footer-`;e[l+"wrapper"]=null,e[l+"table"]=null,e[l+"colgroup"]=null,e[l+"list"]=null,e[l+"xSpace"]=null},render(t){let{_e:e,$parent:l,fixedType:r,fixedColumn:o,tableColumn:n,footerTableData:a}=this;var{tId:i,mergeFooterList:s,footerSpanMethod:d,scrollXLoad:c,showFooterOverflow:u,scrollbarWidth:f,visibleColumn:p,expandColumn:x}=l;return r&&(n=x||!c&&!u||s.length&&d?p:o),t("div",{class:["vxe-table--footer-wrapper",r?`fixed-${r}--wrapper`:"body--wrapper"],attrs:{xid:i},on:{scroll:this.scrollEvent}},[r?e():t("div",{class:"vxe-body--x-space",ref:"xSpace"}),t("table",{class:"vxe-table--footer",attrs:{xid:i,cellspacing:0,cellpadding:0,border:0},ref:"table"},[t("colgroup",{ref:"colgroup"},n.map((e,l)=>t("col",{attrs:{name:e.id},key:l})).concat(f?[t("col",{attrs:{name:"col_gutter"}})]:[])),t("tfoot",{ref:"tfoot"},renderHeads(t,this,a))])])},methods:{scrollEvent(e){var{$parent:l,fixedType:t}=this,r=l.$refs,{tableHeader:o,tableBody:n,tableFooter:a}=r,o=o?o.$el:null,a=a?a.$el:null,n=n.$el,a=a?a.scrollLeft:0,r=r.refScrollXHandleElem;r?r.scrollLeft=a:(r=n.scrollTop,(!!0,_dom.setScrollLeft)(o,a),(0,_dom.setScrollLeft)(n,a),l.handleScrollEvent(e,!1,!0,r,a,{type:renderType,fixed:t}))}}};
|