vxe-table 4.23.4 → 4.23.6

package/es/table/src/footer.js

@@ -1,349 +1,345 @@
-import { h, ref, inject, nextTick, onMounted, onUnmounted } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import XEUtils from 'xe-utils';
-import { VxeUI } from '../../ui';
-import { updateCellTitle, getPropClass } from '../../ui/src/dom';
-import { getCalcHeight } from './util';
-import { getDefaultConfig } from '../../ui/src/utils';
+import { h, ref, inject, nextTick, onMounted, onUnmounted } from "vue";
+import { defineVxeComponent } from "../../ui/src/comp";
+import XEUtils from "xe-utils";
+import { VxeUI } from "../../ui";
+import { updateCellTitle, getPropClass } from "../../ui/src/dom";
+import { getCalcHeight } from "./util";
+import { getDefaultConfig } from "../../ui/src/utils";
 const { renderer, renderEmptyElement } = VxeUI;
-const sourceType = 'table';
-const renderType = 'footer';
-export default defineVxeComponent({
-    name: 'VxeTableFooter',
-    props: {
-        footerTableData: {
-            type: Array,
-            default: () => []
-        },
-        tableColumn: {
-            type: Array,
-            default: () => []
-        },
-        fixedColumn: {
-            type: Array,
-            default: () => []
-        },
-        fixedType: {
-            type: String,
-            default: null
-        }
+const sourceType = "table";
+const renderType = "footer";
+var footer_default = defineVxeComponent({
+  name: "VxeTableFooter",
+  props: {
+    footerTableData: {
+      type: Array,
+      default: () => []
     },
-    setup(props) {
-        const $xeTable = inject('$xeTable', {});
-        const { xID, props: tableProps, reactData: tableReactData, internalData: tableInternalData } = $xeTable;
-        const { computeFooterTooltipOpts, computeColumnOpts, computeCellOpts, computeFooterCellOpts, computeDefaultRowHeight, computeResizableOpts, computeVirtualXOpts, computeIsFooterRenderOptimize, computeRendererOpts } = $xeTable.getComputeMaps();
-        const refElem = ref();
-        const refFooterScroll = ref();
-        const refFooterTable = ref();
-        const refFooterColgroup = ref();
-        const refFooterTFoot = ref();
-        const refFooterXSpace = ref();
-        const renderRows = (isOptimizeMode, tableColumn, footerTableData, row, $rowIndex, _rowIndex) => {
-            const $xeGrid = $xeTable.xeGrid;
-            const $xeGantt = $xeTable.xeGantt;
-            const { fixedType } = props;
-            const { resizable: allResizable, border, footerCellClassName, footerCellStyle, footerAlign: allFooterAlign, footerSpanMethod, align: allAlign, columnKey, showFooterOverflow: allColumnFooterOverflow } = tableProps;
-            const { scrollXLoad, scrollYLoad, overflowX, mergeFootFlag, currColFlag } = tableReactData;
-            const { fullColumnIdData, mergeFooterList, mergeFooterCellMaps, scrollXStore, currentCol } = tableInternalData;
-            const virtualXOpts = computeVirtualXOpts.value;
-            const footerTooltipOpts = computeFooterTooltipOpts.value;
-            const resizableOpts = computeResizableOpts.value;
-            const { isAllColumnDrag } = resizableOpts;
-            const columnOpts = computeColumnOpts.value;
-            const defaultRowHeight = computeDefaultRowHeight.value;
-            const cellOpts = computeCellOpts.value;
-            const footerCellOpts = computeFooterCellOpts.value;
-            const currCellHeight = getCalcHeight(footerCellOpts.height) || defaultRowHeight;
-            const rendererOpts = computeRendererOpts.value;
-            return tableColumn.map((column, $columnIndex) => {
-                const { type, showFooterOverflow, footerAlign, align, footerClassName, editRender, cellRender } = column;
-                const colid = column.id;
-                const colRest = fullColumnIdData[colid] || {};
-                const renderOpts = editRender || cellRender;
-                const compConf = renderOpts && renderOpts.name ? (rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)) : null;
-                const showAllTip = footerTooltipOpts.showAll;
-                const fixedHiddenColumn = overflowX && (fixedType ? column.fixed !== fixedType : !!column.fixed);
-                const cellPadding = getDefaultConfig(footerCellOpts.padding, cellOpts.padding);
-                const isAllCellPadding = cellPadding === true;
-                const isCellPaddingTop = cellPadding ? (isAllCellPadding || cellPadding.top !== false) : false;
-                const isCellPaddingBottom = cellPadding ? (isAllCellPadding || cellPadding.bottom !== false) : false;
-                const isCellPaddingLeft = cellPadding ? (isAllCellPadding || cellPadding.left !== false) : false;
-                const isCellPaddingRight = cellPadding ? (isAllCellPadding || cellPadding.right !== false) : false;
-                const footOverflow = getDefaultConfig(showFooterOverflow, allColumnFooterOverflow);
-                const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
-                const showEllipsis = (footOverflow === true ? footerTooltipOpts.mode : footOverflow) === 'ellipsis';
-                const showTitle = (footOverflow === true ? footerTooltipOpts.mode : footOverflow) === 'title';
-                const showTooltip = (footOverflow === true ? footerTooltipOpts.mode : footOverflow) === 'tooltip';
-                const hasEllipsis = showTitle || showTooltip || showEllipsis;
-                const showResizable = (XEUtils.isBoolean(column.resizable) ? column.resizable : (columnOpts.resizable || allResizable));
-                const attrs = { colid };
-                const tfOns = {};
-                const columnIndex = colRest.index;
-                const _columnIndex = colRest._index;
-                const itemIndex = _columnIndex;
-                const cellParams = {
-                    $table: $xeTable,
-                    $grid: $xeGrid,
-                    $gantt: $xeGantt,
-                    row,
-                    rowIndex: _rowIndex,
-                    _rowIndex,
-                    $rowIndex,
-                    column,
-                    columnIndex,
-                    $columnIndex,
-                    _columnIndex,
-                    itemIndex,
-                    items: row,
-                    fixed: fixedType,
-                    source: sourceType,
-                    type: renderType,
-                    data: footerTableData
-                };
-                if (showTitle || showTooltip || showAllTip) {
-                    tfOns.onMouseenter = (evnt) => {
-                        if (showTitle) {
-                            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.triggerFooterCellClickEvent(evnt, cellParams);
-                };
-                tfOns.onDblclick = (evnt) => {
-                    $xeTable.triggerFooterCellDblclickEvent(evnt, cellParams);
-                };
-                let isMergeCell = false;
-                // 合并行或列
-                if (mergeFootFlag && mergeFooterList.length) {
-                    const spanRest = mergeFooterCellMaps[`${_rowIndex}:${_columnIndex}`];
-                    if (spanRest) {
-                        const { rowspan, colspan } = spanRest;
-                        if (!rowspan || !colspan) {
-                            return null;
-                        }
-                        if (rowspan > 1) {
-                            isMergeCell = true;
-                            attrs.rowspan = rowspan;
-                        }
-                        if (colspan > 1) {
-                            isMergeCell = true;
-                            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;
-                    }
-                }
-                const isLastColumn = $columnIndex === tableColumn.length - 1;
-                const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
-                let isVNPreEmptyStatus = false;
-                if (isOptimizeMode && overflowX && !isMergeCell) {
-                    if (scrollXLoad && tableColumn.length > 10 && !column.fixed && !virtualXOpts.immediate && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
-                        isVNPreEmptyStatus = true;
-                    }
-                }
-                const tcStyle = {};
-                if (hasEllipsis) {
-                    tcStyle.height = `${currCellHeight}px`;
-                }
-                else {
-                    tcStyle.minHeight = `${currCellHeight}px`;
-                }
-                return h('td', Object.assign(Object.assign(Object.assign(Object.assign({ class: ['vxe-table--column vxe-footer--column', column.id, {
-                            [`col--${footAlign}`]: footAlign,
-                            [`col--${type}`]: type,
-                            'col--last': isLastColumn,
-                            'fixed--width': !isAutoCellWidth,
-                            'fixed--hidden': fixedHiddenColumn,
-                            'is--pg-top': isCellPaddingTop,
-                            'is--pg-bottom': isCellPaddingBottom,
-                            'is--pg-left': isCellPaddingLeft,
-                            'is--pg-right': isCellPaddingRight,
-                            'col--ellipsis': hasEllipsis,
-                            'col--current': currColFlag && currentCol === column
-                        }, getPropClass(footerClassName, cellParams), getPropClass(footerCellClassName, cellParams)] }, attrs), { style: footerCellStyle ? (XEUtils.isFunction(footerCellStyle) ? footerCellStyle(cellParams) : footerCellStyle) : null }), tfOns), { key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || columnOpts.drag ? column.id : $columnIndex }), [
-                    h('div', {
-                        class: ['vxe-cell', {
-                                'c--title': showTitle,
-                                'c--tooltip': showTooltip,
-                                'c--ellipsis': showEllipsis
-                            }],
-                        style: tcStyle
-                    }, isVNPreEmptyStatus
-                        ? []
-                        : [
-                            h('div', {
-                                colid,
-                                class: 'vxe-cell--wrapper vxe-footer-cell--wrapper'
-                            }, column.renderFooter(cellParams))
-                        ]),
-                    /**
-                     * 列宽拖动
-                     */
-                    !fixedHiddenColumn && showResizable && isAllColumnDrag
-                        ? h('div', {
-                            class: ['vxe-cell--col-resizable', {
-                                    'is--line': !border || border === 'none'
-                                }],
-                            onMousedown: (evnt) => $xeTable.handleColResizeMousedownEvent(evnt, fixedType, cellParams),
-                            onDblclick: (evnt) => $xeTable.handleColResizeDblclickEvent(evnt, cellParams)
-                        })
-                        : renderEmptyElement($xeTable)
-                ]);
-            });
+    tableColumn: {
+      type: Array,
+      default: () => []
+    },
+    fixedColumn: {
+      type: Array,
+      default: () => []
+    },
+    fixedType: {
+      type: String,
+      default: null
+    }
+  },
+  setup(props) {
+    const $xeTable = inject("$xeTable", {});
+    const { xID, props: tableProps, reactData: tableReactData, internalData: tableInternalData } = $xeTable;
+    const { computeFooterTooltipOpts, computeColumnOpts, computeCellOpts, computeFooterCellOpts, computeDefaultRowHeight, computeResizableOpts, computeVirtualXOpts, computeIsFooterRenderOptimize, computeRendererOpts } = $xeTable.getComputeMaps();
+    const refElem = ref();
+    const refFooterScroll = ref();
+    const refFooterTable = ref();
+    const refFooterColgroup = ref();
+    const refFooterTFoot = ref();
+    const refFooterXSpace = ref();
+    const renderRows = (isOptimizeMode, tableColumn, footerTableData, row, $rowIndex, _rowIndex) => {
+      const $xeGrid = $xeTable.xeGrid;
+      const $xeGantt = $xeTable.xeGantt;
+      const { fixedType } = props;
+      const { resizable: allResizable, border, footerCellClassName, footerCellStyle, footerAlign: allFooterAlign, footerSpanMethod, align: allAlign, columnKey, showFooterOverflow: allColumnFooterOverflow } = tableProps;
+      const { scrollXLoad, scrollYLoad, overflowX, mergeFootFlag, currColFlag } = tableReactData;
+      const { fullColumnIdData, mergeFooterList, mergeFooterCellMaps, scrollXStore, currentCol } = tableInternalData;
+      const virtualXOpts = computeVirtualXOpts.value;
+      const footerTooltipOpts = computeFooterTooltipOpts.value;
+      const resizableOpts = computeResizableOpts.value;
+      const { isAllColumnDrag } = resizableOpts;
+      const columnOpts = computeColumnOpts.value;
+      const defaultRowHeight = computeDefaultRowHeight.value;
+      const cellOpts = computeCellOpts.value;
+      const footerCellOpts = computeFooterCellOpts.value;
+      const currCellHeight = getCalcHeight(footerCellOpts.height) || defaultRowHeight;
+      const rendererOpts = computeRendererOpts.value;
+      return tableColumn.map((column, $columnIndex) => {
+        const { type, showFooterOverflow, footerAlign, align, footerClassName, editRender, cellRender } = column;
+        const colid = column.id;
+        const colRest = fullColumnIdData[colid] || {};
+        const renderOpts = editRender || cellRender;
+        const compConf = renderOpts && renderOpts.name ? rendererOpts[renderOpts.name] || renderer.get(renderOpts.name) : null;
+        const showAllTip = footerTooltipOpts.showAll;
+        const fixedHiddenColumn = overflowX && (fixedType ? column.fixed !== fixedType : !!column.fixed);
+        const cellPadding = getDefaultConfig(footerCellOpts.padding, cellOpts.padding);
+        const isAllCellPadding = cellPadding === true;
+        const isCellPaddingTop = cellPadding ? isAllCellPadding || cellPadding.top !== false : false;
+        const isCellPaddingBottom = cellPadding ? isAllCellPadding || cellPadding.bottom !== false : false;
+        const isCellPaddingLeft = cellPadding ? isAllCellPadding || cellPadding.left !== false : false;
+        const isCellPaddingRight = cellPadding ? isAllCellPadding || cellPadding.right !== false : false;
+        const footOverflow = getDefaultConfig(showFooterOverflow, allColumnFooterOverflow);
+        const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : "") || allFooterAlign || align || (compConf ? compConf.tableCellAlign : "") || allAlign;
+        const showEllipsis = (footOverflow === true ? footerTooltipOpts.mode : footOverflow) === "ellipsis";
+        const showTitle = (footOverflow === true ? footerTooltipOpts.mode : footOverflow) === "title";
+        const showTooltip = (footOverflow === true ? footerTooltipOpts.mode : footOverflow) === "tooltip";
+        const hasEllipsis = showTitle || showTooltip || showEllipsis;
+        const showResizable = XEUtils.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable;
+        const attrs = { colid };
+        const tfOns = {};
+        const columnIndex = colRest.index;
+        const _columnIndex = colRest._index;
+        const itemIndex = _columnIndex;
+        const cellParams = {
+          $table: $xeTable,
+          $grid: $xeGrid,
+          $gantt: $xeGantt,
+          row,
+          rowIndex: _rowIndex,
+          _rowIndex,
+          $rowIndex,
+          column,
+          columnIndex,
+          $columnIndex,
+          _columnIndex,
+          itemIndex,
+          items: row,
+          fixed: fixedType,
+          source: sourceType,
+          type: renderType,
+          data: footerTableData
+        };
+        if (showTitle || showTooltip || showAllTip) {
+          tfOns.onMouseenter = (evnt) => {
+            if (showTitle) {
+              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.triggerFooterCellClickEvent(evnt, cellParams);
         };
-        const renderHeads = (isOptimizeMode, renderColumnList) => {
-            const { fixedType, footerTableData } = props;
-            const { footerRowClassName, footerRowStyle } = tableProps;
-            return footerTableData.map((row, _rowIndex) => {
-                const $rowIndex = _rowIndex;
-                const rowParams = { $table: $xeTable, row, rowIndex: _rowIndex, _rowIndex, $rowIndex, fixed: fixedType, type: renderType };
-                return h('tr', {
-                    key: _rowIndex,
-                    class: [
-                        'vxe-footer--row',
-                        footerRowClassName ? XEUtils.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''
-                    ],
-                    style: footerRowStyle ? (XEUtils.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle) : null
-                }, renderRows(isOptimizeMode, renderColumnList, footerTableData, row, _rowIndex, _rowIndex));
-            });
+        tfOns.onDblclick = (evnt) => {
+          $xeTable.triggerFooterCellDblclickEvent(evnt, cellParams);
         };
-        const renderVN = () => {
-            const { fixedType, fixedColumn, tableColumn } = props;
-            const { visibleColumn, fullColumnIdData } = tableInternalData;
-            const { isGroup, isColLoading, overflowX, scrollXLoad, dragCol } = tableReactData;
-            const isFooterRenderOptimize = computeIsFooterRenderOptimize.value;
-            let renderColumnList = tableColumn;
-            const isOptimizeMode = isFooterRenderOptimize;
-            if (!isOptimizeMode || (!isColLoading && (fixedType || !overflowX))) {
-                renderColumnList = visibleColumn;
+        let isMergeCell = false;
+        if (mergeFootFlag && mergeFooterList.length) {
+          const spanRest = mergeFooterCellMaps[`${_rowIndex}:${_columnIndex}`];
+          if (spanRest) {
+            const { rowspan, colspan } = spanRest;
+            if (!rowspan || !colspan) {
+              return null;
             }
-            if (fixedType) {
-                if (isOptimizeMode) {
-                    renderColumnList = fixedColumn || [];
-                }
+            if (rowspan > 1) {
+              isMergeCell = true;
+              attrs.rowspan = rowspan;
             }
-            if (!fixedType && !isGroup) {
-                // 列拖拽
-                if (scrollXLoad && dragCol) {
-                    if (renderColumnList.length > 2) {
-                        const dCowRest = fullColumnIdData[dragCol.id];
-                        if (dCowRest) {
-                            const dcIndex = dCowRest._index;
-                            const firstCol = renderColumnList[0];
-                            const lastCol = renderColumnList[renderColumnList.length - 1];
-                            const firstColRest = fullColumnIdData[firstCol.id];
-                            const lastColRest = fullColumnIdData[lastCol.id];
-                            if (firstColRest && lastColRest) {
-                                const fcIndex = firstColRest._index;
-                                const lcIndex = lastColRest._index;
-                                if (dcIndex < fcIndex) {
-                                    renderColumnList = [dragCol].concat(renderColumnList);
-                                }
-                                else if (dcIndex > lcIndex) {
-                                    renderColumnList = renderColumnList.concat([dragCol]);
-                                }
-                            }
-                        }
-                    }
+            if (colspan > 1) {
+              isMergeCell = true;
+              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;
+          }
+        }
+        const isLastColumn = $columnIndex === tableColumn.length - 1;
+        const isAutoCellWidth = !column.resizeWidth && (column.minWidth === "auto" || column.width === "auto");
+        let isVNPreEmptyStatus = false;
+        if (isOptimizeMode && overflowX && !isMergeCell) {
+          if (scrollXLoad && tableColumn.length > 10 && !column.fixed && !virtualXOpts.immediate && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+            isVNPreEmptyStatus = true;
+          }
+        }
+        const tcStyle = {};
+        if (hasEllipsis) {
+          tcStyle.height = `${currCellHeight}px`;
+        } else {
+          tcStyle.minHeight = `${currCellHeight}px`;
+        }
+        return h("td", {
+          class: ["vxe-table--column vxe-footer--column", column.id, {
+            [`col--${footAlign}`]: footAlign,
+            [`col--${type}`]: type,
+            "col--last": isLastColumn,
+            "fixed--width": !isAutoCellWidth,
+            "fixed--hidden": fixedHiddenColumn,
+            "is--pg-top": isCellPaddingTop,
+            "is--pg-bottom": isCellPaddingBottom,
+            "is--pg-left": isCellPaddingLeft,
+            "is--pg-right": isCellPaddingRight,
+            "col--ellipsis": hasEllipsis,
+            "col--current": currColFlag && currentCol === column
+          }, getPropClass(footerClassName, cellParams), getPropClass(footerCellClassName, cellParams)],
+          ...attrs,
+          style: footerCellStyle ? XEUtils.isFunction(footerCellStyle) ? footerCellStyle(cellParams) : footerCellStyle : null,
+          ...tfOns,
+          key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || columnOpts.drag ? column.id : $columnIndex
+        }, [
+          h("div", {
+            class: ["vxe-cell", {
+              "c--title": showTitle,
+              "c--tooltip": showTooltip,
+              "c--ellipsis": showEllipsis
+            }],
+            style: tcStyle
+          }, isVNPreEmptyStatus ? [] : [
+            h("div", {
+              colid,
+              class: "vxe-cell--wrapper vxe-footer-cell--wrapper"
+            }, column.renderFooter(cellParams))
+          ]),
+          /**
+           * 列宽拖动
+           */
+          !fixedHiddenColumn && showResizable && isAllColumnDrag ? h("div", {
+            class: ["vxe-cell--col-resizable", {
+              "is--line": !border || border === "none"
+            }],
+            onMousedown: (evnt) => $xeTable.handleColResizeMousedownEvent(evnt, fixedType, cellParams),
+            onDblclick: (evnt) => $xeTable.handleColResizeDblclickEvent(evnt, cellParams)
+          }) : renderEmptyElement($xeTable)
+        ]);
+      });
+    };
+    const renderHeads = (isOptimizeMode, renderColumnList) => {
+      const { fixedType, footerTableData } = props;
+      const { footerRowClassName, footerRowStyle } = tableProps;
+      return footerTableData.map((row, _rowIndex) => {
+        const $rowIndex = _rowIndex;
+        const rowParams = { $table: $xeTable, row, rowIndex: _rowIndex, _rowIndex, $rowIndex, fixed: fixedType, type: renderType };
+        return h("tr", {
+          key: _rowIndex,
+          class: [
+            "vxe-footer--row",
+            footerRowClassName ? XEUtils.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ""
+          ],
+          style: footerRowStyle ? XEUtils.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle : null
+        }, renderRows(isOptimizeMode, renderColumnList, footerTableData, row, _rowIndex, _rowIndex));
+      });
+    };
+    const renderVN = () => {
+      const { fixedType, fixedColumn, tableColumn } = props;
+      const { visibleColumn, fullColumnIdData } = tableInternalData;
+      const { isGroup, isColLoading, overflowX, scrollXLoad, dragCol } = tableReactData;
+      const isFooterRenderOptimize = computeIsFooterRenderOptimize.value;
+      let renderColumnList = tableColumn;
+      const isOptimizeMode = isFooterRenderOptimize;
+      if (!isOptimizeMode || !isColLoading && (fixedType || !overflowX)) {
+        renderColumnList = visibleColumn;
+      }
+      if (fixedType) {
+        if (isOptimizeMode) {
+          renderColumnList = fixedColumn || [];
+        }
+      }
+      if (!fixedType && !isGroup) {
+        if (scrollXLoad && dragCol) {
+          if (renderColumnList.length > 2) {
+            const dCowRest = fullColumnIdData[dragCol.id];
+            if (dCowRest) {
+              const dcIndex = dCowRest._index;
+              const firstCol = renderColumnList[0];
+              const lastCol = renderColumnList[renderColumnList.length - 1];
+              const firstColRest = fullColumnIdData[firstCol.id];
+              const lastColRest = fullColumnIdData[lastCol.id];
+              if (firstColRest && lastColRest) {
+                const fcIndex = firstColRest._index;
+                const lcIndex = lastColRest._index;
+                if (dcIndex < fcIndex) {
+                  renderColumnList = [dragCol].concat(renderColumnList);
+                } else if (dcIndex > lcIndex) {
+                  renderColumnList = renderColumnList.concat([dragCol]);
                 }
+              }
             }
-            return h('div', {
-                ref: refElem,
-                class: ['vxe-table--footer-wrapper', fixedType ? `fixed-${fixedType}--wrapper` : 'body--wrapper'],
-                xid: xID
-            }, [
-                h('div', {
-                    ref: refFooterScroll,
-                    class: 'vxe-table--footer-inner-wrapper',
-                    onScroll(evnt) {
-                        $xeTable.triggerFooterScrollEvent(evnt, fixedType);
-                    }
-                }, [
-                    fixedType
-                        ? renderEmptyElement($xeTable)
-                        : h('div', {
-                            ref: refFooterXSpace,
-                            class: 'vxe-body--x-space'
-                        }),
-                    h('table', {
-                        ref: refFooterTable,
-                        class: 'vxe-table--footer',
-                        xid: xID,
-                        cellspacing: 0,
-                        cellpadding: 0,
-                        border: 0,
-                        xvm: isOptimizeMode ? '1' : null
-                    }, [
-                        /**
-                     * 列宽
-                     */
-                        h('colgroup', {
-                            ref: refFooterColgroup
-                        }, renderColumnList.map((column, $columnIndex) => {
-                            return h('col', {
-                                name: column.id,
-                                key: $columnIndex,
-                                style: {
-                                    width: `${column.renderWidth}px`
-                                }
-                            });
-                        })),
-                        /**
-                     * 底部
-                     */
-                        h('tfoot', {
-                            ref: refFooterTFoot
-                        }, renderHeads(isOptimizeMode, renderColumnList))
-                    ])
-                ])
-            ]);
-        };
-        onMounted(() => {
-            nextTick(() => {
-                const { fixedType } = props;
-                const { elemStore } = tableInternalData;
-                const prefix = `${fixedType || 'main'}-footer-`;
-                elemStore[`${prefix}wrapper`] = refElem;
-                elemStore[`${prefix}scroll`] = refFooterScroll;
-                elemStore[`${prefix}table`] = refFooterTable;
-                elemStore[`${prefix}colgroup`] = refFooterColgroup;
-                elemStore[`${prefix}list`] = refFooterTFoot;
-                elemStore[`${prefix}xSpace`] = refFooterXSpace;
-            });
-        });
-        onUnmounted(() => {
-            const { fixedType } = props;
-            const { elemStore } = tableInternalData;
-            const prefix = `${fixedType || 'main'}-footer-`;
-            elemStore[`${prefix}wrapper`] = null;
-            elemStore[`${prefix}scroll`] = null;
-            elemStore[`${prefix}table`] = null;
-            elemStore[`${prefix}colgroup`] = null;
-            elemStore[`${prefix}list`] = null;
-            elemStore[`${prefix}xSpace`] = null;
-        });
-        return renderVN;
-    }
+          }
+        }
+      }
+      return h("div", {
+        ref: refElem,
+        class: ["vxe-table--footer-wrapper", fixedType ? `fixed-${fixedType}--wrapper` : "body--wrapper"],
+        xid: xID
+      }, [
+        h("div", {
+          ref: refFooterScroll,
+          class: "vxe-table--footer-inner-wrapper",
+          onScroll(evnt) {
+            $xeTable.triggerFooterScrollEvent(evnt, fixedType);
+          }
+        }, [
+          fixedType ? renderEmptyElement($xeTable) : h("div", {
+            ref: refFooterXSpace,
+            class: "vxe-body--x-space"
+          }),
+          h("table", {
+            ref: refFooterTable,
+            class: "vxe-table--footer",
+            xid: xID,
+            cellspacing: 0,
+            cellpadding: 0,
+            border: 0,
+            xvm: isOptimizeMode ? "1" : null
+          }, [
+            /**
+            * 列宽
+            */
+            h("colgroup", {
+              ref: refFooterColgroup
+            }, renderColumnList.map((column, $columnIndex) => {
+              return h("col", {
+                name: column.id,
+                key: $columnIndex,
+                style: {
+                  width: `${column.renderWidth}px`
+                }
+              });
+            })),
+            /**
+            * 底部
+            */
+            h("tfoot", {
+              ref: refFooterTFoot
+            }, renderHeads(isOptimizeMode, renderColumnList))
+          ])
+        ])
+      ]);
+    };
+    onMounted(() => {
+      nextTick(() => {
+        const { fixedType } = props;
+        const { elemStore } = tableInternalData;
+        const prefix = `${fixedType || "main"}-footer-`;
+        elemStore[`${prefix}wrapper`] = refElem;
+        elemStore[`${prefix}scroll`] = refFooterScroll;
+        elemStore[`${prefix}table`] = refFooterTable;
+        elemStore[`${prefix}colgroup`] = refFooterColgroup;
+        elemStore[`${prefix}list`] = refFooterTFoot;
+        elemStore[`${prefix}xSpace`] = refFooterXSpace;
+      });
+    });
+    onUnmounted(() => {
+      const { fixedType } = props;
+      const { elemStore } = tableInternalData;
+      const prefix = `${fixedType || "main"}-footer-`;
+      elemStore[`${prefix}wrapper`] = null;
+      elemStore[`${prefix}scroll`] = null;
+      elemStore[`${prefix}table`] = null;
+      elemStore[`${prefix}colgroup`] = null;
+      elemStore[`${prefix}list`] = null;
+      elemStore[`${prefix}xSpace`] = null;
+    });
+    return renderVN;
+  }
 });
+export {
+  footer_default as default
+};