vxe-table 3.10.16 → 3.11.0

package/lib/table/src/footer.js

@@ -37,6 +37,203 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
     }
   }
 }
+function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIndex) {
+  const {
+    $parent: $xetable,
+    fixedType
+  } = _vm;
+  const {
+    $listeners: tableListeners,
+    footerCellClassName,
+    footerCellStyle,
+    footerAlign: allFooterAlign,
+    mergeFooterList,
+    footerSpanMethod,
+    align: allAlign,
+    scrollXLoad,
+    columnKey,
+    columnOpts,
+    showFooterOverflow: allColumnFooterOverflow,
+    currentColumn,
+    overflowX,
+    scrollbarWidth,
+    tooltipOpts
+  } = $xetable;
+  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 || tooltipOpts.enabled;
+    const isColGroup = column.children && column.children.length;
+    const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
+    const footOverflow = _xeUtils.default.isUndefined(showFooterOverflow) || _xeUtils.default.isNull(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,
+      column,
+      columnIndex,
+      $columnIndex,
+      _columnIndex,
+      itemIndex,
+      items: row,
+      fixed: fixedType,
+      type: renderType,
+      data: footerTableData
+    };
+    // 虚拟滚动不支持动态高度
+    if (scrollXLoad && !hasEllipsis) {
+      showEllipsis = hasEllipsis = true;
+    }
+    if (showTitle || showTooltip || showAllTip) {
+      tfOns.mouseenter = evnt => {
+        if (showTitle) {
+          (0, _dom.updateCellTitle)(evnt.currentTarget, column);
+        } else if (showTooltip || showAllTip) {
+          $xetable.triggerFooterTooltipEvent(evnt, cellParams);
+        }
+      };
+    }
+    if (showTooltip || showAllTip) {
+      tfOns.mouseleave = evnt => {
+        if (showTooltip || showAllTip) {
+          $xetable.handleTargetLeaveEvent(evnt);
+        }
+      };
+    }
+    if (tableListeners['footer-cell-click']) {
+      tfOns.click = evnt => {
+        $xetable.emitEvent('footer-cell-click', Object.assign({
+          cell: evnt.currentTarget
+        }, cellParams), evnt);
+      };
+    }
+    if (tableListeners['footer-cell-dblclick']) {
+      tfOns.dblclick = evnt => {
+        $xetable.emitEvent('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 h('td', {
+      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, _utils.getClass)(footerClassName, cellParams), (0, _utils.getClass)(footerCellClassName, cellParams)],
+      attrs,
+      style: footerCellStyle ? _xeUtils.default.isFunction(footerCellStyle) ? footerCellStyle(cellParams) : footerCellStyle : null,
+      on: tfOns,
+      key: columnKey || columnOpts.useKey || columnOpts.drag ? column.id : $columnIndex
+    }, [h('div', {
+      class: ['vxe-cell', {
+        'c--title': showTitle,
+        'c--tooltip': showTooltip,
+        'c--ellipsis': showEllipsis
+      }]
+    }, column.renderFooter(h, cellParams))]);
+  }).concat(scrollbarWidth ? [h('td', {
+    key: `gr${$rowIndex}`,
+    class: 'vxe-footer--gutter col--gutter'
+  })] : []);
+}
+function renderHeads(h, _vm, footerTableData) {
+  const {
+    $parent: $xetable,
+    fixedType,
+    tableColumn
+  } = _vm;
+  const {
+    footerRowClassName,
+    footerRowStyle,
+    isDragColMove
+  } = $xetable;
+  const columnOpts = $xetable.columnOpts;
+  return footerTableData.map((row, $rowIndex) => {
+    const _rowIndex = $rowIndex;
+    const rowParams = {
+      $table: $xetable,
+      row,
+      _rowIndex,
+      $rowIndex,
+      fixed: fixedType,
+      type: renderType
+    };
+    if (columnOpts.drag) {
+      return h('transition-group', {
+        props: {
+          tag: 'tr',
+          name: `vxe-header--col-list${isDragColMove ? '' : '-disabled'}`,
+          class: ['vxe-footer--row', footerRowClassName ? _xeUtils.default.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''],
+          style: footerRowStyle ? _xeUtils.default.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle : null
+        }
+      }, renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIndex));
+    }
+    return 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(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIndex));
+  });
+}
 var _default = exports.default = {
   name: 'VxeTableFooter',
   props: {
@@ -88,24 +285,12 @@ var _default = exports.default = {
       footerTableData
     } = this;
     const {
-      $listeners: tableListeners,
       tId,
-      footerRowClassName,
-      footerCellClassName,
-      footerRowStyle,
-      footerCellStyle,
-      footerAlign: allFooterAlign,
       mergeFooterList,
       footerSpanMethod,
-      align: allAlign,
       scrollXLoad,
-      columnKey,
-      columnOpts,
       showFooterOverflow: allColumnFooterOverflow,
-      currentColumn,
-      overflowX,
       scrollbarWidth,
-      tooltipOpts,
       visibleColumn,
       expandColumn
     } = $xetable;
@@ -165,155 +350,7 @@ var _default = exports.default = {
      */
     h('tfoot', {
       ref: 'tfoot'
-    }, footerTableData.map((list, _rowIndex) => {
-      const $rowIndex = _rowIndex;
-      const rowParams = {
-        $table: $xetable,
-        row: list,
-        _rowIndex,
-        $rowIndex,
-        fixed: fixedType,
-        type: renderType
-      };
-      return 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 || tooltipOpts.enabled;
-        const isColGroup = column.children && column.children.length;
-        const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
-        const footOverflow = _xeUtils.default.isUndefined(showFooterOverflow) || _xeUtils.default.isNull(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,
-          column,
-          columnIndex,
-          $columnIndex,
-          _columnIndex,
-          itemIndex,
-          items: list,
-          fixed: fixedType,
-          type: renderType,
-          data: footerTableData
-        };
-        // 虚拟滚动不支持动态高度
-        if (scrollXLoad && !hasEllipsis) {
-          showEllipsis = hasEllipsis = true;
-        }
-        if (showTitle || showTooltip || showAllTip) {
-          tfOns.mouseenter = evnt => {
-            if (showTitle) {
-              (0, _dom.updateCellTitle)(evnt.currentTarget, column);
-            } else if (showTooltip || showAllTip) {
-              $xetable.triggerFooterTooltipEvent(evnt, cellParams);
-            }
-          };
-        }
-        if (showTooltip || showAllTip) {
-          tfOns.mouseleave = evnt => {
-            if (showTooltip || showAllTip) {
-              $xetable.handleTargetLeaveEvent(evnt);
-            }
-          };
-        }
-        if (tableListeners['footer-cell-click']) {
-          tfOns.click = evnt => {
-            $xetable.emitEvent('footer-cell-click', Object.assign({
-              cell: evnt.currentTarget
-            }, cellParams), evnt);
-          };
-        }
-        if (tableListeners['footer-cell-dblclick']) {
-          tfOns.dblclick = evnt => {
-            $xetable.emitEvent('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 h('td', {
-          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, _utils.getClass)(footerClassName, cellParams), (0, _utils.getClass)(footerCellClassName, cellParams)],
-          attrs,
-          style: footerCellStyle ? _xeUtils.default.isFunction(footerCellStyle) ? footerCellStyle(cellParams) : footerCellStyle : null,
-          on: tfOns,
-          key: columnKey || columnOpts.useKey ? column.id : $columnIndex
-        }, [h('div', {
-          class: ['vxe-cell', {
-            'c--title': showTitle,
-            'c--tooltip': showTooltip,
-            'c--ellipsis': showEllipsis
-          }]
-        }, column.renderFooter(h, cellParams))]);
-      }).concat(scrollbarWidth ? [h('td', {
-        class: 'vxe-footer--gutter col--gutter'
-      })] : []));
-    }))])]);
+    }, renderHeads(h, this, footerTableData))])]);
   },
   methods: {
     /**

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

@@ -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}}}}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(w){let{_e:e,$parent:_,fixedType:h,fixedColumn:l,tableColumn:T,footerTableData:$}=this,{$listeners:C,tId:t,footerRowClassName:r,footerCellClassName:S,footerRowStyle:o,footerCellStyle:F,footerAlign:I,mergeFooterList:k,footerSpanMethod:A,align:E,scrollXLoad:U,columnKey:L,columnOpts:O,showFooterOverflow:q,currentColumn:R,overflowX:M,scrollbarWidth:n,tooltipOpts:D,visibleColumn:a,expandColumn:i}=_;return h&&(T=i||!U&&!q||k.length&&A?a:l),w("div",{class:["vxe-table--footer-wrapper",h?`fixed-${h}--wrapper`:"body--wrapper"],attrs:{xid:t},on:{scroll:this.scrollEvent}},[h?e():w("div",{class:"vxe-body--x-space",ref:"xSpace"}),w("table",{class:"vxe-table--footer",attrs:{xid:t,cellspacing:0,cellpadding:0,border:0},ref:"table"},[w("colgroup",{ref:"colgroup"},T.map((e,l)=>w("col",{attrs:{name:e.id},key:l})).concat(n?[w("col",{attrs:{name:"col_gutter"}})]:[])),w("tfoot",{ref:"tfoot"},$.map((v,b)=>{let y=b;var e={$table:_,row:v,_rowIndex:b,$rowIndex:y,fixed:h,type:renderType};return w("tr",{class:["vxe-footer--row",r?_xeUtils.default.isFunction(r)?r(e):r:""],style:o?_xeUtils.default.isFunction(o)?o(e):o:null},T.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 c=D.showAll||D.enabled;i=l.children&&l.children.length,i=h?l.fixed!==h&&!i:l.fixed&&M,r=_xeUtils.default.isUndefined(r)||_xeUtils.default.isNull(r)?q:r,o=o||(s?s.tableFooterCellAlign:"")||I||n||(s?s.tableCellAlign:"")||E;let d="ellipsis"===r,u="title"===r,f=!0===r||"tooltip"===r,p=u||f||d;var n={colid:l.id},s={},r=_.getColumnIndex(l),x=_.getVTColumnIndex(l),m=x;let g={$table:_,$grid:_.xegrid,row:v,_rowIndex:b,$rowIndex:y,column:l,columnIndex:r,$columnIndex:e,_columnIndex:x,itemIndex:m,items:v,fixed:h,type:renderType,data:$};if(U&&!p&&(d=p=!0),(u||f||c)&&(s.mouseenter=e=>{u?(0,_dom.updateCellTitle)(e.currentTarget,l):(f||c)&&_.triggerFooterTooltipEvent(e,g)}),(f||c)&&(s.mouseleave=e=>{(f||c)&&_.handleTargetLeaveEvent(e)}),C["footer-cell-click"]&&(s.click=e=>{_.emitEvent("footer-cell-click",Object.assign({cell:e.currentTarget},g),e)}),C["footer-cell-dblclick"]&&(s.dblclick=e=>{_.emitEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},g),e)}),k.length){r=mergeFooterMethod(k,b,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(A){var{rowspan:r=1,colspan:m=1}=A(g)||{};if(!r||!m)return null;1<r&&(n.rowspan=r),1<m&&(n.colspan=m)}return w("td",{class:["vxe-footer--column",l.id,{["col--"+o]:o,["col--"+t]:t,"col--last":e===T.length-1,"fixed--hidden":i,"col--ellipsis":p,"col--current":R===l},(0,_utils.getClass)(a,g),(0,_utils.getClass)(S,g)],attrs:n,style:F?_xeUtils.default.isFunction(F)?F(g):F:null,on:s,key:L||O.useKey?l.id:e},[w("div",{class:["vxe-cell",{"c--title":u,"c--tooltip":f,"c--ellipsis":d}]},l.renderFooter(w,g))])}).concat(n?[w("td",{class:"vxe-footer--gutter col--gutter"})]:[]))}))])])},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}))}}};
+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}))}}};