vxe-table 4.23.5 → 4.23.7

package/lib/table/src/header.js

@@ -1,25 +1,48 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var header_exports = {};
+__export(header_exports, {
+  default: () => header_default
 });
-exports.default = void 0;
-var _vue = require("vue");
-var _comp = require("../../ui/src/comp");
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _ui = require("../../ui");
-var _utils = require("../../ui/src/utils");
-var _util = require("./util");
-var _vn = require("../../ui/src/vn");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const {
-  renderer,
-  renderEmptyElement
-} = _ui.VxeUI;
-const sourceType = 'table';
-const renderType = 'header';
-var _default = exports.default = (0, _comp.defineVxeComponent)({
-  name: 'VxeTableHeader',
+module.exports = __toCommonJS(header_exports);
+var import_vue = require("vue");
+var import_comp = require("../../ui/src/comp");
+var import_xe_utils = __toESM(require("xe-utils"));
+var import_ui = require("../../ui");
+var import_utils = require("../../ui/src/utils");
+var import_util = require("./util");
+var import_vn = require("../../ui/src/vn");
+const { renderer, renderEmptyElement } = import_ui.VxeUI;
+const sourceType = "table";
+const renderType = "header";
+var header_default = (0, import_comp.defineVxeComponent)({
+  name: "VxeTableHeader",
   props: {
     tableData: Array,
     tableColumn: Array,
@@ -31,96 +54,40 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     }
   },
   setup(props) {
-    const $xeTable = (0, _vue.inject)('$xeTable', {});
-    const {
-      xID,
-      props: tableProps,
-      reactData: tableReactData,
-      internalData: tableInternalData
-    } = $xeTable;
-    const {
-      computeColumnOpts,
-      computeColumnDragOpts,
-      computeCellOpts,
-      computeMouseOpts,
-      computeHeaderCellOpts,
-      computeDefaultRowHeight,
-      computeVirtualXOpts,
-      computeFloatingFilterOpts,
-      computeIsHeaderRenderOptimize,
-      computeHeaderTooltipOpts,
-      computeRendererOpts
-    } = $xeTable.getComputeMaps();
-    const headerColumn = (0, _vue.ref)([]);
-    const refElem = (0, _vue.ref)();
-    const refHeaderScroll = (0, _vue.ref)();
-    const refHeaderTable = (0, _vue.ref)();
-    const refHeaderColgroup = (0, _vue.ref)();
-    const refHeaderTHead = (0, _vue.ref)();
-    const refHeaderXSpace = (0, _vue.ref)();
-    const refHeaderBorderRepair = (0, _vue.ref)();
+    const $xeTable = (0, import_vue.inject)("$xeTable", {});
+    const { xID, props: tableProps, reactData: tableReactData, internalData: tableInternalData } = $xeTable;
+    const { computeColumnOpts, computeColumnDragOpts, computeCellOpts, computeMouseOpts, computeHeaderCellOpts, computeDefaultRowHeight, computeVirtualXOpts, computeFloatingFilterOpts, computeIsHeaderRenderOptimize, computeHeaderTooltipOpts, computeRendererOpts } = $xeTable.getComputeMaps();
+    const headerColumn = (0, import_vue.ref)([]);
+    const refElem = (0, import_vue.ref)();
+    const refHeaderScroll = (0, import_vue.ref)();
+    const refHeaderTable = (0, import_vue.ref)();
+    const refHeaderColgroup = (0, import_vue.ref)();
+    const refHeaderTHead = (0, import_vue.ref)();
+    const refHeaderXSpace = (0, import_vue.ref)();
+    const refHeaderBorderRepair = (0, import_vue.ref)();
     const uploadColumn = () => {
-      const {
-        showCustomHeader
-      } = tableProps;
-      const {
-        collectColumn,
-        visibleColumn
-      } = tableInternalData;
-      const {
-        tableGroupColumn
-      } = props;
-      const {
-        isGroup
-      } = tableReactData;
-      let spanColumns = isGroup ? (0, _util.convertHeaderColumnToRows)(tableGroupColumn) : [];
+      const { showCustomHeader } = tableProps;
+      const { collectColumn, visibleColumn } = tableInternalData;
+      const { tableGroupColumn } = props;
+      const { isGroup } = tableReactData;
+      let spanColumns = isGroup ? (0, import_util.convertHeaderColumnToRows)(tableGroupColumn) : [];
       let visibleColgroups = [];
       if (showCustomHeader && spanColumns.length > 1) {
-        visibleColgroups = (0, _util.convertHeaderToGridRows)(spanColumns);
+        visibleColgroups = (0, import_util.convertHeaderToGridRows)(spanColumns);
         spanColumns = visibleColgroups;
       }
       headerColumn.value = spanColumns;
-      (0, _vue.nextTick)(() => {
-        $xeTable.dispatchEvent('columns-change', {
-          visibleColgroups,
-          collectColumn,
-          visibleColumn
-        }, null);
+      (0, import_vue.nextTick)(() => {
+        $xeTable.dispatchEvent("columns-change", { visibleColgroups, collectColumn, visibleColumn }, null);
       });
     };
     const renderRows = (isGroup, isOptimizeMode, headerGroups, _rowIndex, cols) => {
       const $xeGrid = $xeTable.xeGrid;
       const $xeGantt = $xeTable.xeGantt;
-      const {
-        fixedType
-      } = props;
-      const {
-        resizable: allResizable,
-        columnKey,
-        showCustomHeader,
-        headerCellClassName,
-        headerCellStyle,
-        showHeaderOverflow: allColumnHeaderOverflow,
-        headerAlign: allHeaderAlign,
-        align: allAlign,
-        mouseConfig
-      } = tableProps;
-      const {
-        dragCol,
-        scrollXLoad,
-        scrollYLoad,
-        overflowX,
-        mergeHeadFlag,
-        tableColumn,
-        currColFlag
-      } = tableReactData;
-      const {
-        fullColumnIdData,
-        scrollXStore,
-        mergeHeaderList,
-        mergeHeaderCellMaps,
-        currentCol
-      } = tableInternalData;
+      const { fixedType } = props;
+      const { resizable: allResizable, columnKey, showCustomHeader, headerCellClassName, headerCellStyle, showHeaderOverflow: allColumnHeaderOverflow, headerAlign: allHeaderAlign, align: allAlign, mouseConfig } = tableProps;
+      const { dragCol, scrollXLoad, scrollYLoad, overflowX, mergeHeadFlag, tableColumn, currColFlag } = tableReactData;
+      const { fullColumnIdData, scrollXStore, mergeHeaderList, mergeHeaderCellMaps, currentCol } = tableInternalData;
       const virtualXOpts = computeVirtualXOpts.value;
       const columnOpts = computeColumnOpts.value;
       const columnDragOpts = computeColumnDragOpts.value;
@@ -130,47 +97,34 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const headerCellOpts = computeHeaderCellOpts.value;
       const rendererOpts = computeRendererOpts.value;
       const mouseOpts = computeMouseOpts.value;
-      const currCellHeight = (0, _util.getCalcHeight)(headerCellOpts.height) || defaultRowHeight;
-      const {
-        disabledMethod: dragDisabledMethod,
-        isCrossDrag,
-        isPeerDrag
-      } = columnDragOpts;
+      const currCellHeight = (0, import_util.getCalcHeight)(headerCellOpts.height) || defaultRowHeight;
+      const { disabledMethod: dragDisabledMethod, isCrossDrag, isPeerDrag } = columnDragOpts;
       const isLastRow = _rowIndex === headerGroups.length - 1;
       return cols.map((column, $columnIndex) => {
-        const {
-          type,
-          showHeaderOverflow,
-          headerAlign,
-          align,
-          filters,
-          headerClassName,
-          editRender,
-          cellRender
-        } = column;
+        const { type, showHeaderOverflow, headerAlign, align, filters, headerClassName, 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 isColGroup = column.children && column.children.length;
         const fixedHiddenColumn = overflowX && !isColGroup && (fixedType ? column.fixed !== fixedType : !!column.fixed);
-        const cellPadding = (0, _utils.getDefaultConfig)(headerCellOpts.padding, cellOpts.padding);
+        const cellPadding = (0, import_utils.getDefaultConfig)(headerCellOpts.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 headOverflow = (0, _utils.getDefaultConfig)(showHeaderOverflow, allColumnHeaderOverflow);
-        const headAlign = headerAlign || (compConf ? compConf.tableHeaderCellAlign : '') || allHeaderAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
-        const showEllipsis = (headOverflow === true ? headerTooltipOpts.mode : headOverflow) === 'ellipsis';
-        const showTitle = (headOverflow === true ? headerTooltipOpts.mode : headOverflow) === 'title';
-        const showTooltip = (headOverflow === true ? headerTooltipOpts.mode : headOverflow) === 'tooltip';
+        const headOverflow = (0, import_utils.getDefaultConfig)(showHeaderOverflow, allColumnHeaderOverflow);
+        const headAlign = headerAlign || (compConf ? compConf.tableHeaderCellAlign : "") || allHeaderAlign || align || (compConf ? compConf.tableCellAlign : "") || allAlign;
+        const showEllipsis = (headOverflow === true ? headerTooltipOpts.mode : headOverflow) === "ellipsis";
+        const showTitle = (headOverflow === true ? headerTooltipOpts.mode : headOverflow) === "title";
+        const showTooltip = (headOverflow === true ? headerTooltipOpts.mode : headOverflow) === "tooltip";
         const hasEllipsis = showTitle || showTooltip || showEllipsis;
         let hasFilter = false;
         let firstFilterOption = null;
         if (filters) {
           firstFilterOption = filters[0];
-          hasFilter = filters.some(item => item.checked);
+          hasFilter = filters.some((item) => item.checked);
         }
         const columnIndex = colRest.index;
         const _columnIndex = colRest._index;
@@ -185,7 +139,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           columnIndex,
           $columnIndex,
           _columnIndex,
-          firstFilterOption: firstFilterOption,
+          firstFilterOption,
           fixed: fixedType,
           source: sourceType,
           type: renderType,
@@ -196,7 +150,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           colid
         };
         let isMergeCell = false;
-        // 合并行或列
         if (!showCustomHeader) {
           thAttrs.colspan = column.colSpan > 1 ? column.colSpan : null;
           thAttrs.rowspan = column.rowSpan > 1 ? column.rowSpan : null;
@@ -204,10 +157,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         if (mergeHeadFlag && mergeHeaderList.length && (showCustomHeader || isLastRow)) {
           const spanRest = mergeHeaderCellMaps[`${_rowIndex}:${showCustomHeader ? $columnIndex : _columnIndex}`];
           if (spanRest) {
-            const {
-              rowspan,
-              colspan
-            } = spanRest;
+            const { rowspan, colspan } = spanRest;
             if (!rowspan || !colspan) {
               return null;
             }
@@ -222,19 +172,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           }
         }
         const thOns = {
-          onClick: evnt => $xeTable.triggerHeaderCellClickEvent(evnt, cellParams),
-          onDblclick: evnt => $xeTable.triggerHeaderCellDblclickEvent(evnt, cellParams)
+          onClick: (evnt) => $xeTable.triggerHeaderCellClickEvent(evnt, cellParams),
+          onDblclick: (evnt) => $xeTable.triggerHeaderCellDblclickEvent(evnt, cellParams)
         };
-        const isColDragCell = columnOpts.drag && columnDragOpts.trigger === 'cell';
+        const isColDragCell = columnOpts.drag && columnDragOpts.trigger === "cell";
         let isDisabledDrag = false;
         if (isColDragCell) {
           isDisabledDrag = !!(dragDisabledMethod && dragDisabledMethod(cellParams));
         }
-        // 按下事件处理
-        if ((0, _utils.hasEnableConf)(mouseConfig, mouseOpts) || isColDragCell) {
-          thOns.onMousedown = evnt => $xeTable.triggerHeaderCellMousedownEvent(evnt, cellParams);
+        if ((0, import_utils.hasEnableConf)(mouseConfig, mouseOpts) || isColDragCell) {
+          thOns.onMousedown = (evnt) => $xeTable.triggerHeaderCellMousedownEvent(evnt, cellParams);
         }
-        // 拖拽列事件
         if (columnOpts.drag) {
           thOns.onDragstart = $xeTable.handleHeaderCellDragDragstartEvent;
           thOns.onDragend = $xeTable.handleHeaderCellDragDragendEvent;
@@ -244,8 +192,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           }
         }
         const isLastColumn = $columnIndex === cols.length - 1;
-        const showResizable = _xeUtils.default.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable;
-        const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
+        const showResizable = import_xe_utils.default.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable;
+        const isAutoCellWidth = !column.resizeWidth && (column.minWidth === "auto" || column.width === "auto");
         let isVNPreEmptyStatus = false;
         if (isOptimizeMode && overflowX && !isGroup && !isMergeCell) {
           if (!dragCol || dragCol.id !== colid) {
@@ -261,122 +209,108 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           tcStyle.minHeight = `${currCellHeight}px`;
         }
         if (showCustomHeader) {
-          // custom
         } else if (isColGroup && !isLastRow) {
           let childWidth = 0;
-          _xeUtils.default.eachTree(column.children, childRow => {
+          import_xe_utils.default.eachTree(column.children, (childRow) => {
             if (childRow.visible && (!childRow.children || !childRow.children.length)) {
               childWidth += childRow.renderWidth;
             }
           });
           tcStyle.width = `${childWidth}px`;
         }
-        return (0, _vue.h)('th', Object.assign(Object.assign(Object.assign({
-          class: ['vxe-table--column vxe-header--column', colid, fixedHiddenColumn ? 'fixed--hidden' : 'fixed--visible', {
-            [`col--${headAlign}`]: headAlign,
-            [`col--${type}`]: type,
-            'col--last': isLastColumn,
-            'col--fixed': column.fixed,
-            'col--group': isColGroup,
-            'col--ellipsis': hasEllipsis,
-            'fixed--width': !isAutoCellWidth,
-            'is--pg-top': isCellPaddingTop,
-            'is--pg-bottom': isCellPaddingBottom,
-            'is--pg-left': isCellPaddingLeft,
-            'is--pg-right': isCellPaddingRight,
-            'is--sortable': column.sortable,
-            'col--filter': !!filters,
-            'is--filter-active': hasFilter,
-            'is--drag-active': columnOpts.drag && !column.fixed && !isDisabledDrag && (isCrossDrag || isPeerDrag || !column.parentId),
-            'is--drag-disabled': columnOpts.drag && isDisabledDrag,
-            'col--current': currColFlag && currentCol === column
-          }, headerClassName ? _xeUtils.default.isFunction(headerClassName) ? headerClassName(cellParams) : headerClassName : '', headerCellClassName ? _xeUtils.default.isFunction(headerCellClassName) ? headerCellClassName(cellParams) : headerCellClassName : ''],
-          style: headerCellStyle ? _xeUtils.default.isFunction(headerCellStyle) ? headerCellStyle(cellParams) : headerCellStyle : null
-        }, thAttrs), thOns), {
+        return (0, import_vue.h)("th", {
+          class: [
+            "vxe-table--column vxe-header--column",
+            colid,
+            fixedHiddenColumn ? "fixed--hidden" : "fixed--visible",
+            {
+              [`col--${headAlign}`]: headAlign,
+              [`col--${type}`]: type,
+              "col--last": isLastColumn,
+              "col--fixed": column.fixed,
+              "col--group": isColGroup,
+              "col--ellipsis": hasEllipsis,
+              "fixed--width": !isAutoCellWidth,
+              "is--pg-top": isCellPaddingTop,
+              "is--pg-bottom": isCellPaddingBottom,
+              "is--pg-left": isCellPaddingLeft,
+              "is--pg-right": isCellPaddingRight,
+              "is--sortable": column.sortable,
+              "col--filter": !!filters,
+              "is--filter-active": hasFilter,
+              "is--drag-active": columnOpts.drag && !column.fixed && !isDisabledDrag && (isCrossDrag || isPeerDrag || !column.parentId),
+              "is--drag-disabled": columnOpts.drag && isDisabledDrag,
+              "col--current": currColFlag && currentCol === column
+            },
+            headerClassName ? import_xe_utils.default.isFunction(headerClassName) ? headerClassName(cellParams) : headerClassName : "",
+            headerCellClassName ? import_xe_utils.default.isFunction(headerCellClassName) ? headerCellClassName(cellParams) : headerCellClassName : ""
+          ],
+          style: headerCellStyle ? import_xe_utils.default.isFunction(headerCellStyle) ? headerCellStyle(cellParams) : headerCellStyle : null,
+          ...thAttrs,
+          ...thOns,
           key: showCustomHeader ? `${colid}${$columnIndex}` : columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || columnOpts.drag || isColGroup ? colid : $columnIndex
-        }), [(0, _vue.h)('div', {
-          class: ['vxe-cell', {
-            'c--title': showTitle,
-            'c--tooltip': showTooltip,
-            'c--ellipsis': showEllipsis
-          }],
-          style: tcStyle
-        }, isVNPreEmptyStatus || isOptimizeMode && fixedHiddenColumn ? [] : [(0, _vue.h)('div', {
-          colid,
-          class: 'vxe-cell--wrapper vxe-header-cell--wrapper'
-        }, column.renderHeader(cellParams))]),
-        /**
-         * 列宽拖动
-         */
-        !fixedHiddenColumn && showResizable && (!showCustomHeader || isLastRow) ? (0, _vue.h)('div', {
-          class: 'vxe-cell--col-resizable',
-          onMousedown: evnt => $xeTable.handleColResizeMousedownEvent(evnt, fixedType, cellParams),
-          onDblclick: evnt => $xeTable.handleColResizeDblclickEvent(evnt, cellParams)
-        }) : renderEmptyElement($xeTable)]);
+        }, [
+          (0, import_vue.h)("div", {
+            class: ["vxe-cell", {
+              "c--title": showTitle,
+              "c--tooltip": showTooltip,
+              "c--ellipsis": showEllipsis
+            }],
+            style: tcStyle
+          }, isVNPreEmptyStatus || isOptimizeMode && fixedHiddenColumn ? [] : [
+            (0, import_vue.h)("div", {
+              colid,
+              class: "vxe-cell--wrapper vxe-header-cell--wrapper"
+            }, column.renderHeader(cellParams))
+          ]),
+          /**
+           * 列宽拖动
+           */
+          !fixedHiddenColumn && showResizable && (!showCustomHeader || isLastRow) ? (0, import_vue.h)("div", {
+            class: "vxe-cell--col-resizable",
+            onMousedown: (evnt) => $xeTable.handleColResizeMousedownEvent(evnt, fixedType, cellParams),
+            onDblclick: (evnt) => $xeTable.handleColResizeDblclickEvent(evnt, cellParams)
+          }) : renderEmptyElement($xeTable)
+        ]);
       });
     };
     const renderFilterRows = (isOptimizeMode, cols) => {
       const $xeGrid = $xeTable.xeGrid;
       const $xeGantt = $xeTable.xeGantt;
-      const {
-        fixedType
-      } = props;
-      const {
-        showHeaderOverflow: allColumnHeaderOverflow,
-        headerAlign: allHeaderAlign,
-        align: allAlign
-      } = tableProps;
-      const {
-        overflowX,
-        currColFlag
-      } = tableReactData;
-      const {
-        fullColumnIdData,
-        currentCol
-      } = tableInternalData;
+      const { fixedType } = props;
+      const { showHeaderOverflow: allColumnHeaderOverflow, headerAlign: allHeaderAlign, align: allAlign } = tableProps;
+      const { overflowX, currColFlag } = tableReactData;
+      const { fullColumnIdData, currentCol } = tableInternalData;
       const headerTooltipOpts = computeHeaderTooltipOpts.value;
       const cellOpts = computeCellOpts.value;
       const defaultRowHeight = computeDefaultRowHeight.value;
       const headerCellOpts = computeHeaderCellOpts.value;
       const floatingFilterOpts = computeFloatingFilterOpts.value;
       const rendererOpts = computeRendererOpts.value;
-      const {
-        cellClassName
-      } = floatingFilterOpts;
-      const currCellHeight = (0, _util.getCalcHeight)(headerCellOpts.height) || defaultRowHeight;
+      const { cellClassName } = floatingFilterOpts;
+      const currCellHeight = (0, import_util.getCalcHeight)(headerCellOpts.height) || defaultRowHeight;
       return cols.map((column, $columnIndex) => {
-        const {
-          type,
-          showHeaderOverflow,
-          headerAlign,
-          align,
-          filters,
-          editRender,
-          cellRender,
-          floatingFilters,
-          filterRender,
-          slots
-        } = column;
+        const { type, showHeaderOverflow, headerAlign, align, filters, editRender, cellRender, floatingFilters, filterRender, slots } = column;
         const colid = column.id;
         const colRest = fullColumnIdData[colid] || {};
         const renderOpts = editRender || cellRender;
-        const flSlot = slots ? slots.floatingFilter || slots['floating-filter'] : null;
+        const flSlot = slots ? slots.floatingFilter || slots["floating-filter"] : null;
         const compConf = renderOpts && renderOpts.name ? rendererOpts[renderOpts.name] || renderer.get(renderOpts.name) : null;
-        const flCompConf = (0, _utils.isEnableConf)(filterRender) && filterRender.name ? rendererOpts[filterRender.name] || renderer.get(filterRender.name) : null;
+        const flCompConf = (0, import_utils.isEnableConf)(filterRender) && filterRender.name ? rendererOpts[filterRender.name] || renderer.get(filterRender.name) : null;
         const rtFloatingFilter = flCompConf ? flCompConf.renderTableFloatingFilter : null;
         const fixedHiddenColumn = overflowX && (fixedType ? column.fixed !== fixedType : !!column.fixed);
-        const isPadding = _xeUtils.default.isBoolean(headerCellOpts.padding) ? headerCellOpts.padding : cellOpts.padding;
-        const headOverflow = _xeUtils.default.eqNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
-        const headAlign = headerAlign || (compConf ? compConf.tableHeaderCellAlign : '') || allHeaderAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
-        const showEllipsis = headOverflow === 'ellipsis';
-        const showTitle = headOverflow === 'title';
-        const showTooltip = headOverflow === true ? headerTooltipOpts.mode === 'tooltip' : headOverflow === 'tooltip';
+        const isPadding = import_xe_utils.default.isBoolean(headerCellOpts.padding) ? headerCellOpts.padding : cellOpts.padding;
+        const headOverflow = import_xe_utils.default.eqNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
+        const headAlign = headerAlign || (compConf ? compConf.tableHeaderCellAlign : "") || allHeaderAlign || align || (compConf ? compConf.tableCellAlign : "") || allAlign;
+        const showEllipsis = headOverflow === "ellipsis";
+        const showTitle = headOverflow === "title";
+        const showTooltip = headOverflow === true ? headerTooltipOpts.mode === "tooltip" : headOverflow === "tooltip";
         const hasEllipsis = showTitle || showTooltip || showEllipsis;
         let hasFilter = false;
         let firstFilterOption = null;
         if (filters) {
           firstFilterOption = filters[0];
-          hasFilter = filters.some(item => item.checked);
+          hasFilter = filters.some((item) => item.checked);
         }
         const columnIndex = colRest.index;
         const _columnIndex = colRest._index;
@@ -399,91 +333,82 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           colid
         };
         const isLastColumn = $columnIndex === cols.length - 1;
-        const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
+        const isAutoCellWidth = !column.resizeWidth && (column.minWidth === "auto" || column.width === "auto");
         const tcStyle = {};
         if (hasEllipsis) {
           tcStyle.height = `${currCellHeight}px`;
         } else {
           tcStyle.minHeight = `${currCellHeight}px`;
         }
-        return (0, _vue.h)('th', Object.assign({
-          class: ['vxe-table--column vxe-header--column is--floating-filters', colid, fixedHiddenColumn ? 'fixed--hidden' : 'fixed--visible', {
-            [`col--${headAlign}`]: headAlign,
-            [`col--${type}`]: type,
-            'col--last': isLastColumn,
-            'col--fixed': column.fixed,
-            'col--ellipsis': hasEllipsis,
-            'fixed--width': !isAutoCellWidth,
-            'is--padding': isPadding,
-            'is--sortable': column.sortable,
-            'col--current': currColFlag && currentCol === column
-          }],
-          key: colid
-        }, thAttrs), [(0, _vue.h)('div', {
-          class: ['vxe-cell', '' + (cellClassName || ''), {
-            'c--title': showTitle,
-            'c--tooltip': showTooltip,
-            'c--ellipsis': showEllipsis
-          }],
-          style: tcStyle
-        }, isOptimizeMode && fixedHiddenColumn && !floatingFilters ? [] : [(0, _vue.h)('div', {
-          colid,
-          class: 'vxe-cell--wrapper vxe-header-cell--wrapper'
-        }, flSlot ? $xeTable.callSlot(flSlot, cellParams) : rtFloatingFilter && firstFilterOption ? (0, _vn.getSlotVNs)(rtFloatingFilter(filterRender, cellParams)) : [])])]);
+        return (0, import_vue.h)("th", {
+          class: [
+            "vxe-table--column vxe-header--column is--floating-filters",
+            colid,
+            fixedHiddenColumn ? "fixed--hidden" : "fixed--visible",
+            {
+              [`col--${headAlign}`]: headAlign,
+              [`col--${type}`]: type,
+              "col--last": isLastColumn,
+              "col--fixed": column.fixed,
+              "col--ellipsis": hasEllipsis,
+              "fixed--width": !isAutoCellWidth,
+              "is--padding": isPadding,
+              "is--sortable": column.sortable,
+              "col--current": currColFlag && currentCol === column
+            }
+          ],
+          key: colid,
+          ...thAttrs
+        }, [
+          (0, import_vue.h)("div", {
+            class: ["vxe-cell", "" + (cellClassName || ""), {
+              "c--title": showTitle,
+              "c--tooltip": showTooltip,
+              "c--ellipsis": showEllipsis
+            }],
+            style: tcStyle
+          }, isOptimizeMode && fixedHiddenColumn && !floatingFilters ? [] : [
+            (0, import_vue.h)("div", {
+              colid,
+              class: "vxe-cell--wrapper vxe-header-cell--wrapper"
+            }, flSlot ? $xeTable.callSlot(flSlot, cellParams) : rtFloatingFilter && firstFilterOption ? (0, import_vn.getSlotVNs)(rtFloatingFilter(filterRender, cellParams)) : [])
+          ])
+        ]);
       });
     };
     const renderHeads = (isGroup, isOptimizeMode, headerGroups, renderColumnList) => {
-      const {
-        fixedType
-      } = props;
-      const {
-        headerRowClassName,
-        headerRowStyle
-      } = tableProps;
+      const { fixedType } = props;
+      const { headerRowClassName, headerRowStyle } = tableProps;
       const floatingFilterOpts = computeFloatingFilterOpts.value;
       const rowVNs = headerGroups.map((cols, _rowIndex) => {
-        const params = {
-          $table: $xeTable,
-          rowIndex: _rowIndex,
-          _rowIndex,
-          $rowIndex: _rowIndex,
-          fixed: fixedType,
-          type: renderType
-        };
-        return (0, _vue.h)('tr', {
+        const params = { $table: $xeTable, rowIndex: _rowIndex, _rowIndex, $rowIndex: _rowIndex, fixed: fixedType, type: renderType };
+        return (0, import_vue.h)("tr", {
           key: _rowIndex,
-          class: ['vxe-header--row', headerRowClassName ? _xeUtils.default.isFunction(headerRowClassName) ? headerRowClassName(params) : headerRowClassName : ''],
-          style: headerRowStyle ? _xeUtils.default.isFunction(headerRowStyle) ? headerRowStyle(params) : headerRowStyle : null
+          class: [
+            "vxe-header--row",
+            headerRowClassName ? import_xe_utils.default.isFunction(headerRowClassName) ? headerRowClassName(params) : headerRowClassName : ""
+          ],
+          style: headerRowStyle ? import_xe_utils.default.isFunction(headerRowStyle) ? headerRowStyle(params) : headerRowStyle : null
         }, renderRows(isGroup, isOptimizeMode, headerGroups, _rowIndex, cols));
       });
       if (floatingFilterOpts.enabled) {
-        rowVNs.push((0, _vue.h)('tr', {
-          key: 'ff',
-          class: ['vxe-header--row is--floating-filters', '' + (floatingFilterOpts.rowClassName || '')]
-        }, renderFilterRows(isOptimizeMode, renderColumnList)));
+        rowVNs.push(
+          (0, import_vue.h)("tr", {
+            key: "ff",
+            class: [
+              "vxe-header--row is--floating-filters",
+              "" + (floatingFilterOpts.rowClassName || "")
+            ]
+          }, renderFilterRows(isOptimizeMode, renderColumnList))
+        );
       }
       return rowVNs;
     };
     const renderVN = () => {
-      const {
-        fixedType,
-        fixedColumn,
-        tableColumn
-      } = props;
-      const {
-        mouseConfig
-      } = tableProps;
-      const {
-        isGroup,
-        isColLoading,
-        overflowX,
-        scrollXLoad,
-        dragCol
-      } = tableReactData;
-      const {
-        visibleColumn,
-        fullColumnIdData
-      } = tableInternalData;
+      const { fixedType, fixedColumn, tableColumn } = props;
+      const { mouseConfig } = tableProps;
+      const { isGroup, isColLoading, overflowX, scrollXLoad, dragCol } = tableReactData;
+      const { visibleColumn, fullColumnIdData } = tableInternalData;
       const mouseOpts = computeMouseOpts.value;
       const isHeaderRenderOptimize = computeIsHeaderRenderOptimize.value;
       let renderHeaderList = headerColumn.value || [];
@@ -496,7 +421,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           renderColumnList = visibleColumn;
         }
         if (fixedType) {
-          // 如果是使用优化模式
           if (isOptimizeMode) {
             renderColumnList = fixedColumn || [];
           }
@@ -504,7 +428,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         renderHeaderList = [renderColumnList];
       }
       if (!fixedType && !isGroup) {
-        // 列拖拽
         if (scrollXLoad && dragCol) {
           if (renderColumnList.length > 2) {
             const dCowRest = fullColumnIdData[dragCol.id];
@@ -529,77 +452,85 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           }
         }
       }
-      return (0, _vue.h)('div', {
+      return (0, import_vue.h)("div", {
         ref: refElem,
-        class: ['vxe-table--header-wrapper', fixedType ? `fixed-${fixedType}--wrapper` : 'body--wrapper'],
+        class: ["vxe-table--header-wrapper", fixedType ? `fixed-${fixedType}--wrapper` : "body--wrapper"],
         xid: xID
-      }, [(0, _vue.h)('div', {
-        ref: refHeaderScroll,
-        class: 'vxe-table--header-inner-wrapper',
-        onScroll(evnt) {
-          $xeTable.triggerHeaderScrollEvent(evnt, fixedType);
-        }
-      }, [fixedType ? renderEmptyElement($xeTable) : (0, _vue.h)('div', {
-        ref: refHeaderXSpace,
-        class: 'vxe-body--x-space'
-      }), (0, _vue.h)('table', {
-        ref: refHeaderTable,
-        class: 'vxe-table--header',
-        xid: xID,
-        cellspacing: 0,
-        cellpadding: 0,
-        border: 0,
-        xvm: isOptimizeMode ? '1' : null
       }, [
-      /**
-       * 列宽
-       */
-      (0, _vue.h)('colgroup', {
-        ref: refHeaderColgroup
-      }, renderColumnList.map((column, $columnIndex) => {
-        return (0, _vue.h)('col', {
-          name: column.id,
-          key: $columnIndex,
-          style: {
-            width: `${column.renderWidth}px`
+        (0, import_vue.h)("div", {
+          ref: refHeaderScroll,
+          class: "vxe-table--header-inner-wrapper",
+          onScroll(evnt) {
+            $xeTable.triggerHeaderScrollEvent(evnt, fixedType);
           }
-        });
-      })),
-      /**
-       * 头部
-       */
-      (0, _vue.h)('thead', {
-        ref: refHeaderTHead
-      }, renderHeads(isGroup, isOptimizeMode, renderHeaderList, renderColumnList))]), (0, _utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.area ? (0, _vue.h)('div', {
-        class: 'vxe-table--cell-area',
-        xid: xID
-      }, [(0, _vue.h)('span', {
-        class: 'vxe-table--cell-main-area'
-      }), (0, _vue.h)('span', {
-        class: 'vxe-table--cell-clip-area'
-      }), (0, _vue.h)('span', {
-        class: 'vxe-table--cell-extend-area'
-      }), (0, _vue.h)('span', {
-        class: 'vxe-table--cell-multi-area'
-      }), (0, _vue.h)('span', {
-        class: 'vxe-table--cell-active-area'
-      }), (0, _vue.h)('span', {
-        class: 'vxe-table--cell-col-status-area'
-      })]) : renderEmptyElement($xeTable)])]);
+        }, [
+          fixedType ? renderEmptyElement($xeTable) : (0, import_vue.h)("div", {
+            ref: refHeaderXSpace,
+            class: "vxe-body--x-space"
+          }),
+          (0, import_vue.h)("table", {
+            ref: refHeaderTable,
+            class: "vxe-table--header",
+            xid: xID,
+            cellspacing: 0,
+            cellpadding: 0,
+            border: 0,
+            xvm: isOptimizeMode ? "1" : null
+          }, [
+            /**
+             * 列宽
+             */
+            (0, import_vue.h)("colgroup", {
+              ref: refHeaderColgroup
+            }, renderColumnList.map((column, $columnIndex) => {
+              return (0, import_vue.h)("col", {
+                name: column.id,
+                key: $columnIndex,
+                style: {
+                  width: `${column.renderWidth}px`
+                }
+              });
+            })),
+            /**
+             * 头部
+             */
+            (0, import_vue.h)("thead", {
+              ref: refHeaderTHead
+            }, renderHeads(isGroup, isOptimizeMode, renderHeaderList, renderColumnList))
+          ]),
+          (0, import_utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.area ? (0, import_vue.h)("div", {
+            class: "vxe-table--cell-area",
+            xid: xID
+          }, [
+            (0, import_vue.h)("span", {
+              class: "vxe-table--cell-main-area"
+            }),
+            (0, import_vue.h)("span", {
+              class: "vxe-table--cell-clip-area"
+            }),
+            (0, import_vue.h)("span", {
+              class: "vxe-table--cell-extend-area"
+            }),
+            (0, import_vue.h)("span", {
+              class: "vxe-table--cell-multi-area"
+            }),
+            (0, import_vue.h)("span", {
+              class: "vxe-table--cell-active-area"
+            }),
+            (0, import_vue.h)("span", {
+              class: "vxe-table--cell-col-status-area"
+            })
+          ]) : renderEmptyElement($xeTable)
+        ])
+      ]);
     };
-    (0, _vue.watch)(() => props.tableColumn, uploadColumn);
-    (0, _vue.onMounted)(() => {
-      (0, _vue.nextTick)(() => {
-        const {
-          fixedType
-        } = props;
-        const {
-          internalData
-        } = $xeTable;
-        const {
-          elemStore
-        } = internalData;
-        const prefix = `${fixedType || 'main'}-header-`;
+    (0, import_vue.watch)(() => props.tableColumn, uploadColumn);
+    (0, import_vue.onMounted)(() => {
+      (0, import_vue.nextTick)(() => {
+        const { fixedType } = props;
+        const { internalData } = $xeTable;
+        const { elemStore } = internalData;
+        const prefix = `${fixedType || "main"}-header-`;
         elemStore[`${prefix}wrapper`] = refElem;
         elemStore[`${prefix}scroll`] = refHeaderScroll;
         elemStore[`${prefix}table`] = refHeaderTable;
@@ -610,17 +541,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         uploadColumn();
       });
     });
-    (0, _vue.onUnmounted)(() => {
-      const {
-        fixedType
-      } = props;
-      const {
-        internalData
-      } = $xeTable;
-      const {
-        elemStore
-      } = internalData;
-      const prefix = `${fixedType || 'main'}-header-`;
+    (0, import_vue.onUnmounted)(() => {
+      const { fixedType } = props;
+      const { internalData } = $xeTable;
+      const { elemStore } = internalData;
+      const prefix = `${fixedType || "main"}-header-`;
       elemStore[`${prefix}wrapper`] = null;
       elemStore[`${prefix}scroll`] = null;
       elemStore[`${prefix}table`] = null;
@@ -631,4 +556,4 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     });
     return renderVN;
   }
-});
+});