vxe-table 4.8.16 → 4.9.1

package/lib/table/src/footer.js

@@ -109,36 +109,201 @@ var _default = exports.default = (0, _vue.defineComponent)({
         });
       }
     };
-    (0, _vue.onMounted)(() => {
-      (0, _vue.nextTick)(() => {
-        const {
-          fixedType
-        } = props;
-        const {
-          elemStore
-        } = tableInternalData;
-        const prefix = `${fixedType || 'main'}-footer-`;
-        elemStore[`${prefix}wrapper`] = refElem;
-        elemStore[`${prefix}table`] = refFooterTable;
-        elemStore[`${prefix}colgroup`] = refFooterColgroup;
-        elemStore[`${prefix}list`] = refFooterTFoot;
-        elemStore[`${prefix}xSpace`] = refFooterXSpace;
-      });
-    });
-    (0, _vue.onUnmounted)(() => {
+    const renderRows = (tableColumn, footerTableData, row, $rowIndex, _rowIndex) => {
       const {
         fixedType
       } = props;
       const {
-        elemStore
-      } = tableInternalData;
-      const prefix = `${fixedType || 'main'}-footer-`;
-      elemStore[`${prefix}wrapper`] = null;
-      elemStore[`${prefix}table`] = null;
-      elemStore[`${prefix}colgroup`] = null;
-      elemStore[`${prefix}list`] = null;
-      elemStore[`${prefix}xSpace`] = null;
-    });
+        footerCellClassName,
+        footerCellStyle,
+        footerAlign: allFooterAlign,
+        footerSpanMethod,
+        align: allAlign,
+        columnKey,
+        showFooterOverflow: allColumnFooterOverflow
+      } = tableProps;
+      const {
+        scrollXLoad,
+        overflowX,
+        scrollbarWidth,
+        currentColumn,
+        mergeFooterList
+      } = tableReactData;
+      const tooltipOpts = computeTooltipOpts.value;
+      const columnOpts = computeColumnOpts.value;
+      return tableColumn.map((column, $columnIndex) => {
+        const {
+          type,
+          showFooterOverflow,
+          footerAlign,
+          align,
+          footerClassName,
+          editRender,
+          cellRender
+        } = column;
+        const renderOpts = editRender || cellRender;
+        const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
+        const showAllTip = tooltipOpts.showAll;
+        const isColGroup = column.children && column.children.length;
+        const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
+        const footOverflow = _xeUtils.default.eqNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
+        const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
+        let showEllipsis = footOverflow === 'ellipsis';
+        const showTitle = footOverflow === 'title';
+        const showTooltip = footOverflow === true || footOverflow === 'tooltip';
+        let hasEllipsis = showTitle || showTooltip || showEllipsis;
+        const attrs = {
+          colid: column.id
+        };
+        const tfOns = {};
+        const columnIndex = $xeTable.getColumnIndex(column);
+        const _columnIndex = $xeTable.getVTColumnIndex(column);
+        const itemIndex = _columnIndex;
+        const cellParams = {
+          $table: $xeTable,
+          $grid: $xeTable.xegrid,
+          row,
+          rowIndex: _rowIndex,
+          _rowIndex,
+          $rowIndex,
+          column,
+          columnIndex,
+          $columnIndex,
+          _columnIndex,
+          itemIndex,
+          items: row,
+          fixed: fixedType,
+          type: renderType,
+          data: footerTableData
+        };
+        // 纵向虚拟滚动不支持动态行高
+        if (scrollXLoad && !hasEllipsis) {
+          showEllipsis = hasEllipsis = true;
+        }
+        if (showTitle || showTooltip || showAllTip) {
+          tfOns.onMouseenter = evnt => {
+            if (showTitle) {
+              (0, _dom.updateCellTitle)(evnt.currentTarget, column);
+            } else if (showTooltip || showAllTip) {
+              $xeTable.triggerFooterTooltipEvent(evnt, cellParams);
+            }
+          };
+        }
+        if (showTooltip || showAllTip) {
+          tfOns.onMouseleave = evnt => {
+            if (showTooltip || showAllTip) {
+              $xeTable.handleTargetLeaveEvent(evnt);
+            }
+          };
+        }
+        tfOns.onClick = evnt => {
+          $xeTable.dispatchEvent('footer-cell-click', Object.assign({
+            cell: evnt.currentTarget
+          }, cellParams), evnt);
+        };
+        tfOns.onDblclick = evnt => {
+          $xeTable.dispatchEvent('footer-cell-dblclick', Object.assign({
+            cell: evnt.currentTarget
+          }, cellParams), evnt);
+        };
+        // 合并行或列
+        if (mergeFooterList.length) {
+          const spanRest = mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex);
+          if (spanRest) {
+            const {
+              rowspan,
+              colspan
+            } = spanRest;
+            if (!rowspan || !colspan) {
+              return null;
+            }
+            if (rowspan > 1) {
+              attrs.rowspan = rowspan;
+            }
+            if (colspan > 1) {
+              attrs.colspan = colspan;
+            }
+          }
+        } else if (footerSpanMethod) {
+          // 自定义合并方法
+          const {
+            rowspan = 1,
+            colspan = 1
+          } = footerSpanMethod(cellParams) || {};
+          if (!rowspan || !colspan) {
+            return null;
+          }
+          if (rowspan > 1) {
+            attrs.rowspan = rowspan;
+          }
+          if (colspan > 1) {
+            attrs.colspan = colspan;
+          }
+        }
+        return (0, _vue.h)('td', Object.assign(Object.assign(Object.assign(Object.assign({
+          class: ['vxe-footer--column', column.id, {
+            [`col--${footAlign}`]: footAlign,
+            [`col--${type}`]: type,
+            'col--last': $columnIndex === tableColumn.length - 1,
+            'fixed--hidden': fixedHiddenColumn,
+            'col--ellipsis': hasEllipsis,
+            'col--current': currentColumn === column
+          }, (0, _dom.getPropClass)(footerClassName, cellParams), (0, _dom.getPropClass)(footerCellClassName, cellParams)]
+        }, attrs), {
+          style: footerCellStyle ? _xeUtils.default.isFunction(footerCellStyle) ? footerCellStyle(cellParams) : footerCellStyle : null
+        }), tfOns), {
+          key: columnKey || columnOpts.useKey || columnOpts.drag ? column.id : $columnIndex
+        }), [(0, _vue.h)('div', {
+          class: ['vxe-cell', {
+            'c--title': showTitle,
+            'c--tooltip': showTooltip,
+            'c--ellipsis': showEllipsis
+          }]
+        }, column.renderFooter(cellParams))]);
+      }).concat(scrollbarWidth ? [(0, _vue.h)('td', {
+        key: `gr${$rowIndex}`,
+        class: 'vxe-footer--gutter col--gutter'
+      })] : []);
+    };
+    const renderHeads = footerTableData => {
+      const {
+        fixedType,
+        tableColumn
+      } = props;
+      const {
+        footerRowClassName,
+        footerRowStyle
+      } = tableProps;
+      const {
+        isDragColMove
+      } = tableReactData;
+      const columnOpts = computeColumnOpts.value;
+      return footerTableData.map((row, $rowIndex) => {
+        const _rowIndex = $rowIndex;
+        const rowParams = {
+          $table: $xeTable,
+          row,
+          _rowIndex,
+          $rowIndex,
+          fixed: fixedType,
+          type: renderType
+        };
+        if (columnOpts.drag) {
+          return (0, _vue.h)(_vue.TransitionGroup, {
+            name: `vxe-header--col-list${isDragColMove ? '' : '-disabled'}`,
+            tag: 'tr',
+            class: ['vxe-footer--row', footerRowClassName ? _xeUtils.default.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''],
+            style: footerRowStyle ? _xeUtils.default.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle : null
+          }, {
+            default: () => renderRows(tableColumn, footerTableData, row, $rowIndex, _rowIndex)
+          });
+        }
+        return (0, _vue.h)('tr', {
+          class: ['vxe-footer--row', footerRowClassName ? _xeUtils.default.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''],
+          style: footerRowStyle ? _xeUtils.default.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle : null
+        }, renderRows(tableColumn, footerTableData, row, $rowIndex, _rowIndex));
+      });
+    };
     const renderVN = () => {
       let {
         fixedType,
@@ -147,14 +312,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         footerTableData
       } = props;
       const {
-        footerRowClassName,
-        footerCellClassName,
-        footerRowStyle,
-        footerCellStyle,
-        footerAlign: allFooterAlign,
         footerSpanMethod,
-        align: allAlign,
-        columnKey,
         showFooterOverflow: allColumnFooterOverflow
       } = tableProps;
       const {
@@ -162,13 +320,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = tableInternalData;
       const {
         scrollXLoad,
-        overflowX,
         scrollbarWidth,
-        currentColumn,
         mergeFooterList
       } = tableReactData;
-      const tooltipOpts = computeTooltipOpts.value;
-      const columnOpts = computeColumnOpts.value;
       // 如果是使用优化模式
       if (fixedType) {
         // 如果存在展开行使用全量渲染
@@ -216,153 +370,38 @@ var _default = exports.default = (0, _vue.defineComponent)({
        */
       (0, _vue.h)('tfoot', {
         ref: refFooterTFoot
-      }, footerTableData.map((list, _rowIndex) => {
-        const $rowIndex = _rowIndex;
-        const rowParams = {
-          $table: $xeTable,
-          row: list,
-          _rowIndex,
-          $rowIndex,
-          fixed: fixedType,
-          type: renderType
-        };
-        return (0, _vue.h)('tr', {
-          class: ['vxe-footer--row', footerRowClassName ? _xeUtils.default.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''],
-          style: footerRowStyle ? _xeUtils.default.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle : null
-        }, tableColumn.map((column, $columnIndex) => {
-          const {
-            type,
-            showFooterOverflow,
-            footerAlign,
-            align,
-            footerClassName,
-            editRender,
-            cellRender
-          } = column;
-          const renderOpts = editRender || cellRender;
-          const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
-          const showAllTip = tooltipOpts.showAll;
-          const isColGroup = column.children && column.children.length;
-          const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
-          const footOverflow = _xeUtils.default.eqNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
-          const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
-          let showEllipsis = footOverflow === 'ellipsis';
-          const showTitle = footOverflow === 'title';
-          const showTooltip = footOverflow === true || footOverflow === 'tooltip';
-          let hasEllipsis = showTitle || showTooltip || showEllipsis;
-          const attrs = {
-            colid: column.id
-          };
-          const tfOns = {};
-          const columnIndex = $xeTable.getColumnIndex(column);
-          const _columnIndex = $xeTable.getVTColumnIndex(column);
-          const itemIndex = _columnIndex;
-          const cellParams = {
-            $table: $xeTable,
-            $grid: $xeTable.xegrid,
-            row: list,
-            rowIndex: _rowIndex,
-            _rowIndex,
-            $rowIndex,
-            column,
-            columnIndex,
-            $columnIndex,
-            _columnIndex,
-            itemIndex,
-            items: list,
-            fixed: fixedType,
-            type: renderType,
-            data: footerTableData
-          };
-          // 纵向虚拟滚动不支持动态行高
-          if (scrollXLoad && !hasEllipsis) {
-            showEllipsis = hasEllipsis = true;
-          }
-          if (showTitle || showTooltip || showAllTip) {
-            tfOns.onMouseenter = evnt => {
-              if (showTitle) {
-                (0, _dom.updateCellTitle)(evnt.currentTarget, column);
-              } else if (showTooltip || showAllTip) {
-                $xeTable.triggerFooterTooltipEvent(evnt, cellParams);
-              }
-            };
-          }
-          if (showTooltip || showAllTip) {
-            tfOns.onMouseleave = evnt => {
-              if (showTooltip || showAllTip) {
-                $xeTable.handleTargetLeaveEvent(evnt);
-              }
-            };
-          }
-          tfOns.onClick = evnt => {
-            $xeTable.dispatchEvent('footer-cell-click', Object.assign({
-              cell: evnt.currentTarget
-            }, cellParams), evnt);
-          };
-          tfOns.onDblclick = evnt => {
-            $xeTable.dispatchEvent('footer-cell-dblclick', Object.assign({
-              cell: evnt.currentTarget
-            }, cellParams), evnt);
-          };
-          // 合并行或列
-          if (mergeFooterList.length) {
-            const spanRest = mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex);
-            if (spanRest) {
-              const {
-                rowspan,
-                colspan
-              } = spanRest;
-              if (!rowspan || !colspan) {
-                return null;
-              }
-              if (rowspan > 1) {
-                attrs.rowspan = rowspan;
-              }
-              if (colspan > 1) {
-                attrs.colspan = colspan;
-              }
-            }
-          } else if (footerSpanMethod) {
-            // 自定义合并方法
-            const {
-              rowspan = 1,
-              colspan = 1
-            } = footerSpanMethod(cellParams) || {};
-            if (!rowspan || !colspan) {
-              return null;
-            }
-            if (rowspan > 1) {
-              attrs.rowspan = rowspan;
-            }
-            if (colspan > 1) {
-              attrs.colspan = colspan;
-            }
-          }
-          return (0, _vue.h)('td', Object.assign(Object.assign(Object.assign(Object.assign({
-            class: ['vxe-footer--column', column.id, {
-              [`col--${footAlign}`]: footAlign,
-              [`col--${type}`]: type,
-              'col--last': $columnIndex === tableColumn.length - 1,
-              'fixed--hidden': fixedHiddenColumn,
-              'col--ellipsis': hasEllipsis,
-              'col--current': currentColumn === column
-            }, (0, _dom.getPropClass)(footerClassName, cellParams), (0, _dom.getPropClass)(footerCellClassName, cellParams)]
-          }, attrs), {
-            style: footerCellStyle ? _xeUtils.default.isFunction(footerCellStyle) ? footerCellStyle(cellParams) : footerCellStyle : null
-          }), tfOns), {
-            key: columnKey || columnOpts.useKey ? column.id : $columnIndex
-          }), [(0, _vue.h)('div', {
-            class: ['vxe-cell', {
-              'c--title': showTitle,
-              'c--tooltip': showTooltip,
-              'c--ellipsis': showEllipsis
-            }]
-          }, column.renderFooter(cellParams))]);
-        }).concat(scrollbarWidth ? [(0, _vue.h)('td', {
-          class: 'vxe-footer--gutter col--gutter'
-        })] : []));
-      }))])]);
+      }, renderHeads(footerTableData))])]);
     };
+    (0, _vue.onMounted)(() => {
+      (0, _vue.nextTick)(() => {
+        const {
+          fixedType
+        } = props;
+        const {
+          elemStore
+        } = tableInternalData;
+        const prefix = `${fixedType || 'main'}-footer-`;
+        elemStore[`${prefix}wrapper`] = refElem;
+        elemStore[`${prefix}table`] = refFooterTable;
+        elemStore[`${prefix}colgroup`] = refFooterColgroup;
+        elemStore[`${prefix}list`] = refFooterTFoot;
+        elemStore[`${prefix}xSpace`] = refFooterXSpace;
+      });
+    });
+    (0, _vue.onUnmounted)(() => {
+      const {
+        fixedType
+      } = props;
+      const {
+        elemStore
+      } = tableInternalData;
+      const prefix = `${fixedType || 'main'}-footer-`;
+      elemStore[`${prefix}wrapper`] = null;
+      elemStore[`${prefix}table`] = null;
+      elemStore[`${prefix}colgroup`] = null;
+      elemStore[`${prefix}list`] = null;
+      elemStore[`${prefix}xSpace`] = null;
+    });
     return renderVN;
   }
 });

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const renderer=_ui.VxeUI["renderer"],renderType="footer";function mergeFooterMethod(l,o,t){for(let e=0;e<l.length;e++){var{row:r,col:n,rowspan:a,colspan:u}=l[e];if(-1<n&&-1<r&&a&&u){if(r===o&&n===t)return{rowspan:a,colspan:u};if(r<=o&&o<r+a&&n<=t&&t<n+u)return{rowspan:0,colspan:0}}}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableFooter",props:{footerTableData:{type:Array,default:()=>[]},tableColumn:{type:Array,default:()=>[]},fixedColumn:{type:Array,default:()=>[]},fixedType:{type:String,default:null}},setup(a){const L=(0,_vue.inject)("$xeTable",{}),{xID:n,props:u,reactData:i,internalData:s}=L,{refTableHeader:c,refTableBody:d,refScrollXHandleElem:p}=L.getRefMaps(),{computeTooltipOpts:f,computeColumnOpts:v}=L.getComputeMaps(),x=(0,_vue.ref)(),m=(0,_vue.ref)(),_=(0,_vue.ref)(),g=(0,_vue.ref)(),y=(0,_vue.ref)(),R=e=>{var l=a["fixedType"],o=c.value,t=d.value,o=o?o.$el:null,r=x.value,t=t.$el,r=r.scrollLeft,n=p.value;n?n.scrollLeft=r:(n=t.scrollTop,(!!0,_dom.setScrollLeft)(o,r),(0,_dom.setScrollLeft)(t,r),L.handleScrollEvent(e,!1,!0,n,r,{type:renderType,fixed:l}))};(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=a["fixedType"],l=s["elemStore"],e=`${e||"main"}-footer-`;l[e+"wrapper"]=x,l[e+"table"]=m,l[e+"colgroup"]=_,l[e+"list"]=g,l[e+"xSpace"]=y})}),(0,_vue.onUnmounted)(()=>{var e=a["fixedType"],l=s["elemStore"],e=`${e||"main"}-footer-`;l[e+"wrapper"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null});return()=>{let{fixedType:b,fixedColumn:e,tableColumn:h,footerTableData:w}=a;const{footerRowClassName:l,footerCellClassName:T,footerRowStyle:o,footerCellStyle:C,footerAlign:I,footerSpanMethod:S,align:F,columnKey:$,showFooterOverflow:O}=u;var t=s["visibleColumn"];const{scrollXLoad:M,overflowX:j,scrollbarWidth:r,currentColumn:A,mergeFooterList:D}=i,k=f.value,q=v.value;return b&&(h=i.expandColumn||!M&&!O||D.length&&S?t:e),(0,_vue.h)("div",{ref:x,class:["vxe-table--footer-wrapper",b?`fixed-${b}--wrapper`:"body--wrapper"],xid:n,onScroll:R},[b?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:y,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:m,class:"vxe-table--footer",xid:n,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:_},h.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l})).concat(r?[(0,_vue.h)("col",{name:"col_gutter"})]:[])),(0,_vue.h)("tfoot",{ref:g},w.map((_,g)=>{const y=g;var e={$table:L,row:_,_rowIndex:g,$rowIndex:y,fixed:b,type:renderType};return(0,_vue.h)("tr",{class:["vxe-footer--row",l?_xeUtils.default.isFunction(l)?l(e):l:""],style:o?_xeUtils.default.isFunction(o)?o(e):o:null},h.map((l,e)=>{var{type:o,showFooterOverflow:t,footerAlign:r,align:n,footerClassName:a,editRender:u,cellRender:i}=l,u=u||i,i=u?renderer.get(u.name):null;const s=k.showAll;u=l.children&&l.children.length,u=b?l.fixed!==b&&!u:l.fixed&&j,t=_xeUtils.default.eqNull(t)?O:t,r=r||(i?i.tableFooterCellAlign:"")||I||n||(i?i.tableCellAlign:"")||F;let c="ellipsis"===t;const d="title"===t,p=!0===t||"tooltip"===t;let f=d||p||c;var n={colid:l.id},i={},t=L.getColumnIndex(l),v=L.getVTColumnIndex(l),x=v;const m={$table:L,$grid:L.xegrid,row:_,rowIndex:g,_rowIndex:g,$rowIndex:y,column:l,columnIndex:t,$columnIndex:e,_columnIndex:v,itemIndex:x,items:_,fixed:b,type:renderType,data:w};if(M&&!f&&(c=f=!0),(d||p||s)&&(i.onMouseenter=e=>{d?(0,_dom.updateCellTitle)(e.currentTarget,l):(p||s)&&L.triggerFooterTooltipEvent(e,m)}),(p||s)&&(i.onMouseleave=e=>{(p||s)&&L.handleTargetLeaveEvent(e)}),i.onClick=e=>{L.dispatchEvent("footer-cell-click",Object.assign({cell:e.currentTarget},m),e)},i.onDblclick=e=>{L.dispatchEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},m),e)},D.length){t=mergeFooterMethod(D,g,v);if(t){var{rowspan:x,colspan:v}=t;if(!x||!v)return null;1<x&&(n.rowspan=x),1<v&&(n.colspan=v)}}else if(S){var{rowspan:t=1,colspan:x=1}=S(m)||{};if(!t||!x)return null;1<t&&(n.rowspan=t),1<x&&(n.colspan=x)}return(0,_vue.h)("td",Object.assign(Object.assign(Object.assign(Object.assign({class:["vxe-footer--column",l.id,{["col--"+r]:r,["col--"+o]:o,"col--last":e===h.length-1,"fixed--hidden":u,"col--ellipsis":f,"col--current":A===l},(0,_dom.getPropClass)(a,m),(0,_dom.getPropClass)(T,m)]},n),{style:C?_xeUtils.default.isFunction(C)?C(m):C:null}),i),{key:$||q.useKey?l.id:e}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":d,"c--tooltip":p,"c--ellipsis":c}]},l.renderFooter(m))])}).concat(r?[(0,_vue.h)("td",{class:"vxe-footer--gutter col--gutter"})]:[]))}))])])}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const renderer=_ui.VxeUI["renderer"],renderType="footer";function mergeFooterMethod(l,o,t){for(let e=0;e<l.length;e++){var{row:r,col:n,rowspan:a,colspan:u}=l[e];if(-1<n&&-1<r&&a&&u){if(r===o&&n===t)return{rowspan:a,colspan:u};if(r<=o&&o<r+a&&n<=t&&t<n+u)return{rowspan:0,colspan:0}}}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableFooter",props:{footerTableData:{type:Array,default:()=>[]},tableColumn:{type:Array,default:()=>[]},fixedColumn:{type:Array,default:()=>[]},fixedType:{type:String,default:null}},setup(c){const A=(0,_vue.inject)("$xeTable",{}),{xID:d,props:f,reactData:p,internalData:v}=A,{refTableHeader:a,refTableBody:u,refScrollXHandleElem:i}=A.getRefMaps(),{computeTooltipOpts:l,computeColumnOpts:x}=A.getComputeMaps(),m=(0,_vue.ref)(),_=(0,_vue.ref)(),g=(0,_vue.ref)(),y=(0,_vue.ref)(),h=(0,_vue.ref)(),b=e=>{var l=c["fixedType"],o=a.value,t=u.value,o=o?o.$el:null,r=m.value,t=t.$el,r=r.scrollLeft,n=i.value;n?n.scrollLeft=r:(n=t.scrollTop,(!!0,_dom.setScrollLeft)(o,r),(0,_dom.setScrollLeft)(t,r),A.handleScrollEvent(e,!1,!0,n,r,{type:renderType,fixed:l}))},w=(_,g,y,h,b)=>{const w=c["fixedType"],{footerCellClassName:T,footerCellStyle:C,footerAlign:F,footerSpanMethod:S,align:I,columnKey:M,showFooterOverflow:O}=f,{scrollXLoad:$,overflowX:D,scrollbarWidth:e,currentColumn:L,mergeFooterList:U}=p,j=l.value,k=x.value;return _.map((l,e)=>{var{type:o,showFooterOverflow:t,footerAlign:r,align:n,footerClassName:a,editRender:u,cellRender:i}=l,u=u||i,i=u?renderer.get(u.name):null;const s=j.showAll;u=l.children&&l.children.length,u=w?l.fixed!==w&&!u:l.fixed&&D,t=_xeUtils.default.eqNull(t)?O:t,r=r||(i?i.tableFooterCellAlign:"")||F||n||(i?i.tableCellAlign:"")||I;let d="ellipsis"===t;const c="title"===t,f=!0===t||"tooltip"===t;let p=c||f||d;var n={colid:l.id},i={},t=A.getColumnIndex(l),v=A.getVTColumnIndex(l),x=v;const m={$table:A,$grid:A.xegrid,row:y,rowIndex:b,_rowIndex:b,$rowIndex:h,column:l,columnIndex:t,$columnIndex:e,_columnIndex:v,itemIndex:x,items:y,fixed:w,type:renderType,data:g};if($&&!p&&(d=p=!0),(c||f||s)&&(i.onMouseenter=e=>{c?(0,_dom.updateCellTitle)(e.currentTarget,l):(f||s)&&A.triggerFooterTooltipEvent(e,m)}),(f||s)&&(i.onMouseleave=e=>{(f||s)&&A.handleTargetLeaveEvent(e)}),i.onClick=e=>{A.dispatchEvent("footer-cell-click",Object.assign({cell:e.currentTarget},m),e)},i.onDblclick=e=>{A.dispatchEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},m),e)},U.length){t=mergeFooterMethod(U,b,v);if(t){var{rowspan:x,colspan:v}=t;if(!x||!v)return null;1<x&&(n.rowspan=x),1<v&&(n.colspan=v)}}else if(S){var{rowspan:t=1,colspan:x=1}=S(m)||{};if(!t||!x)return null;1<t&&(n.rowspan=t),1<x&&(n.colspan=x)}return(0,_vue.h)("td",Object.assign(Object.assign(Object.assign(Object.assign({class:["vxe-footer--column",l.id,{["col--"+r]:r,["col--"+o]:o,"col--last":e===_.length-1,"fixed--hidden":u,"col--ellipsis":p,"col--current":L===l},(0,_dom.getPropClass)(a,m),(0,_dom.getPropClass)(T,m)]},n),{style:C?_xeUtils.default.isFunction(C)?C(m):C:null}),i),{key:M||k.useKey||k.drag?l.id:e}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":c,"c--tooltip":f,"c--ellipsis":d}]},l.renderFooter(m))])}).concat(e?[(0,_vue.h)("td",{key:"gr"+h,class:"vxe-footer--gutter col--gutter"})]:[])};return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=c["fixedType"],l=v["elemStore"],e=`${e||"main"}-footer-`;l[e+"wrapper"]=m,l[e+"table"]=_,l[e+"colgroup"]=g,l[e+"list"]=y,l[e+"xSpace"]=h})}),(0,_vue.onUnmounted)(()=>{var e=c["fixedType"],l=v["elemStore"],e=`${e||"main"}-footer-`;l[e+"wrapper"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null}),()=>{let{fixedType:e,fixedColumn:l,tableColumn:o,footerTableData:t}=c;var{footerSpanMethod:r,showFooterOverflow:n}=f,a=v["visibleColumn"],{scrollXLoad:u,scrollbarWidth:i,mergeFooterList:s}=p;return e&&(o=p.expandColumn||!u&&!n||s.length&&r?a:l),(0,_vue.h)("div",{ref:m,class:["vxe-table--footer-wrapper",e?`fixed-${e}--wrapper`:"body--wrapper"],xid:d,onScroll:b},[e?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:h,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:_,class:"vxe-table--footer",xid:d,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:g},o.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l})).concat(i?[(0,_vue.h)("col",{name:"col_gutter"})]:[])),(0,_vue.h)("tfoot",{ref:y},(r=>{const{fixedType:n,tableColumn:a}=c,{footerRowClassName:u,footerRowStyle:i}=f,s=p["isDragColMove"],d=x.value;return r.map((e,l)=>{const o=l;var t={$table:A,row:e,_rowIndex:o,$rowIndex:l,fixed:n,type:renderType};return d.drag?(0,_vue.h)(_vue.TransitionGroup,{name:"vxe-header--col-list"+(s?"":"-disabled"),tag:"tr",class:["vxe-footer--row",u?_xeUtils.default.isFunction(u)?u(t):u:""],style:i?_xeUtils.default.isFunction(i)?i(t):i:null},{default:()=>w(a,r,e,l,o)}):(0,_vue.h)("tr",{class:["vxe-footer--row",u?_xeUtils.default.isFunction(u)?u(t):u:""],style:i?_xeUtils.default.isFunction(i)?i(t):i:null},w(a,r,e,l,o))})})(t))])])}}});