vxe-table 4.19.16 → 4.19.18

package/lib/table/src/columnInfo.js

@@ -11,6 +11,10 @@ var _utils = require("../../ui/src/utils");
 var _dom = require("../../ui/src/dom");
 var _log = require("../../ui/src/log");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  warnLog,
+  errLog
+} = (0, _log.createComponentLog)('table');
 const {
   getI18n,
   formats,
@@ -48,13 +52,13 @@ class ColumnInfo {
     const filters = (0, _util.toFilters)(colConfs.filters, colId);
     const types = ['seq', 'checkbox', 'radio', 'expand', 'html'];
     if (type && types.indexOf(type) === -1) {
-      (0, _log.warnLog)('vxe.error.errProp', [`type=${type}`, types.join(', ')]);
+      warnLog('vxe.error.errProp', [`type=${type}`, types.join(', ')]);
     }
     if (_xeUtils.default.isBoolean(cellRender) || cellRender && !_xeUtils.default.isObject(cellRender)) {
-      (0, _log.warnLog)('vxe.error.errProp', [`column.cell-render=${cellRender}`, 'column.cell-render={}']);
+      warnLog('vxe.error.errProp', [`column.cell-render=${cellRender}`, 'column.cell-render={}']);
     }
     if (_xeUtils.default.isBoolean(editRender) || editRender && !_xeUtils.default.isObject(editRender)) {
-      (0, _log.warnLog)('vxe.error.errProp', [`column.edit-render=${editRender}`, 'column.edit-render={}']);
+      warnLog('vxe.error.errProp', [`column.edit-render=${editRender}`, 'column.edit-render={}']);
     }
     if (type === 'expand') {
       const {
@@ -65,33 +69,33 @@ class ColumnInfo {
       } = $xeTable.getComputeMaps();
       const treeOpts = computeTreeOpts.value;
       if (treeConfig && (treeOpts.showLine || treeOpts.line)) {
-        (0, _log.errLog)('vxe.error.errConflicts', ['tree-config.showLine', 'column.type=expand']);
+        errLog('vxe.error.errConflicts', ['tree-config.showLine', 'column.type=expand']);
       }
     }
     if (formatter) {
       if (_xeUtils.default.isString(formatter)) {
         const gFormatOpts = formats.get(formatter) || _xeUtils.default[formatter];
         if (!gFormatOpts || !_xeUtils.default.isFunction(gFormatOpts.tableCellFormatMethod || gFormatOpts.cellFormatMethod)) {
-          (0, _log.errLog)('vxe.error.notFormats', [formatter]);
+          errLog('vxe.error.notFormats', [formatter]);
         }
       } else if (_xeUtils.default.isArray(formatter)) {
         const gFormatOpts = formats.get(formatter[0]) || _xeUtils.default[formatter[0]];
         if (!gFormatOpts || !_xeUtils.default.isFunction(gFormatOpts.tableCellFormatMethod || gFormatOpts.cellFormatMethod)) {
-          (0, _log.errLog)('vxe.error.notFormats', [formatter[0]]);
+          errLog('vxe.error.notFormats', [formatter[0]]);
         }
       }
     }
     if (aggFunc) {
       if (!$xeTable.handlePivotTableAggData && aggFunc !== true) {
-        (0, _log.errLog)('vxe.error.errProp', [`column.agg-func=${aggFunc}`, 'column.agg-func=true']);
+        errLog('vxe.error.errProp', [`column.agg-func=${aggFunc}`, 'column.agg-func=true']);
       }
     }
     if (field && editRender) {
       if (editRender.startField && `${editRender.startField}`.indexOf(field) >= 0) {
-        (0, _log.errLog)('vxe.error.modelConflicts', [`field=${field}`, `edit-render.startField=${editRender.startField}`]);
+        errLog('vxe.error.modelConflicts', [`field=${field}`, `edit-render.startField=${editRender.startField}`]);
       }
       if (editRender.endField && `${editRender.endField}`.indexOf(field) >= 0) {
-        (0, _log.errLog)('vxe.error.modelConflicts', [`field=${field}`, `edit-render.endField=${editRender.endField}`]);
+        errLog('vxe.error.modelConflicts', [`field=${field}`, `edit-render.endField=${editRender.endField}`]);
       }
     }
     Object.assign(this, {
@@ -171,10 +175,14 @@ class ColumnInfo {
       colSpan: 1,
       // 数据排序
       order: null,
+      // 用于记录排序类型，升序和倒序
       sortTime: 0,
+      // 用于多列的先后顺序
       // 列排序
       sortNumber: 0,
+      // 用于记录自定义列顺序
       renderSortNumber: 0,
+      // 用于记录自定义列顺序
       renderAggFn: '',
       renderAggDigits: null,
       renderAggFormat: null,
@@ -185,8 +193,10 @@ class ColumnInfo {
       renderResizeWidth: 0,
       renderAutoWidth: 0,
       resizeWidth: 0,
+      // 手动调整
       renderLeft: 0,
       renderArgs: [],
+      // 渲染参数可用于扩展
       model: {},
       renderHeader: renderHeader || colConfs.renderHeader,
       renderCell: renderCell || colConfs.renderCell,

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.ColumnInfo=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,formats,renderer}=_ui.VxeUI;class ColumnInfo{constructor(e,r,{renderHeader:t,renderCell:l,renderFooter:o,renderData:i}={}){var d=e.props,n=e.xeGrid,a=e.xeGantt,s=n||a,{type:u,field:f,width:g,visible:h,aggFunc:c,formatter:p,filterMultiple:x,cellRender:m,editRender:_,filterRender:F}=r,v=r.colId||_xeUtils.default.uniqueId("col_"),h=!_xeUtils.default.isBoolean(h)||h,g=g&&(0,_dom.isPx)(g)&&"auto"!==g?Math.max(0,_xeUtils.default.toInteger(g)):0,M=F&&(0,_utils.isEnableConf)(F)?renderer.get(F.name):null,M=M?M.createTableFilterOptions:null,b=(0,_util.toFilters)(r.filters,v),w=["seq","checkbox","radio","expand","html"];u&&-1===w.indexOf(u)&&(0,_log.warnLog)("vxe.error.errProp",["type="+u,w.join(", ")]),(_xeUtils.default.isBoolean(m)||m&&!_xeUtils.default.isObject(m))&&(0,_log.warnLog)("vxe.error.errProp",["column.cell-render="+m,"column.cell-render={}"]),(_xeUtils.default.isBoolean(_)||_&&!_xeUtils.default.isObject(_))&&(0,_log.warnLog)("vxe.error.errProp",["column.edit-render="+_,"column.edit-render={}"]),"expand"===u&&(w=d.treeConfig,u=e.getComputeMaps().computeTreeOpts,d=u.value,w)&&(d.showLine||d.line)&&(0,_log.errLog)("vxe.error.errConflicts",["tree-config.showLine","column.type=expand"]),p&&(_xeUtils.default.isString(p)?(u=formats.get(p)||_xeUtils.default[p])&&_xeUtils.default.isFunction(u.tableCellFormatMethod||u.cellFormatMethod)||(0,_log.errLog)("vxe.error.notFormats",[p]):!_xeUtils.default.isArray(p)||(w=formats.get(p[0])||_xeUtils.default[p[0]])&&_xeUtils.default.isFunction(w.tableCellFormatMethod||w.cellFormatMethod)||(0,_log.errLog)("vxe.error.notFormats",[p[0]])),c&&!e.handlePivotTableAggData&&!0!==c&&(0,_log.errLog)("vxe.error.errProp",["column.agg-func="+c,"column.agg-func=true"]),f&&_&&(_.startField&&0<=(""+_.startField).indexOf(f)&&(0,_log.errLog)("vxe.error.modelConflicts",["field="+f,"edit-render.startField="+_.startField]),_.endField)&&0<=(""+_.endField).indexOf(f)&&(0,_log.errLog)("vxe.error.modelConflicts",["field="+f,"edit-render.endField="+_.endField]),Object.assign(this,{type:r.type,property:r.field,field:f,title:r.title,width:r.width,minWidth:r.minWidth,maxWidth:r.maxWidth,resizable:r.resizable,fixed:r.fixed,align:r.align,headerAlign:r.headerAlign,footerAlign:r.footerAlign,showOverflow:r.showOverflow,showHeaderOverflow:r.showHeaderOverflow,showFooterOverflow:r.showFooterOverflow,className:r.className,headerClassName:r.headerClassName,footerClassName:r.footerClassName,formatter:p,headerFormatter:r.headerFormatter,footerFormatter:r.footerFormatter,padding:r.padding,verticalAlign:r.verticalAlign,sortable:r.sortable,sortBy:r.sortBy,sortType:r.sortType,filters:b,filterMultiple:!_xeUtils.default.isBoolean(x)||x,filterMethod:r.filterMethod,filterResetMethod:r.filterResetMethod,filterRecoverMethod:r.filterRecoverMethod,filterRender:F,floatingFilters:r.floatingFilters,rules:r.rules,rowGroupNode:r.rowGroupNode,treeNode:r.treeNode,dragSort:r.dragSort,rowResize:r.rowResize,cellType:r.cellType,cellRender:m,editRender:_,contentRender:r.contentRender,headerExportMethod:r.headerExportMethod,exportMethod:r.exportMethod,footerExportMethod:r.footerExportMethod,titleHelp:r.titleHelp,titlePrefix:r.titlePrefix,titleSuffix:r.titleSuffix,aggFunc:r.aggFunc,copyMethod:r.copyMethod,cutMethod:r.cutMethod,pasteMethod:r.pasteMethod,params:r.params,id:v,parentId:null,visible:h,defaultParentId:null,halfVisible:!1,defaultVisible:h,defaultFixed:r.fixed,defaultAggFunc:r.aggFunc,checked:!1,halfChecked:!1,disabled:!1,level:1,rowSpan:1,colSpan:1,order:null,sortTime:0,sortNumber:0,renderSortNumber:0,renderAggFn:"",renderAggDigits:null,renderAggFormat:null,renderFixed:"",renderVisible:!1,renderWidth:g,renderHeight:0,renderResizeWidth:0,renderAutoWidth:0,resizeWidth:0,renderLeft:0,renderArgs:[],model:{},renderHeader:t||r.renderHeader,renderCell:l||r.renderCell,renderFooter:o||r.renderFooter,renderData:i,slots:r.slots}),!M||b&&b.length||(this.filters=(0,_util.toFilters)(M({$table:e,column:this}),v)),s&&(d=s.getComputeMaps().computeProxyOpts,(u=d.value).beforeColumn)&&u.beforeColumn({$table:e,$grid:n,$gantt:a,column:this})}getTitle(){return(0,_utils.getFuncText)(this.title||("seq"===this.type?getI18n("vxe.table.seqTitle"):""))}getKey(){var{type:e,field:r}=this;return r||(e?"type="+e:null)}update(e,r){"filters"!==e&&("field"===e&&(this.property=r),this[e]=r)}}exports.ColumnInfo=ColumnInfo;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.ColumnInfo=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("table"),{getI18n,formats,renderer}=_ui.VxeUI;class ColumnInfo{constructor(e,r,{renderHeader:t,renderCell:l,renderFooter:o,renderData:i}={}){var d=e.props,n=e.xeGrid,a=e.xeGantt,s=n||a,{type:u,field:f,width:g,visible:h,aggFunc:c,formatter:p,filterMultiple:m,cellRender:x,editRender:F,filterRender:_}=r,v=r.colId||_xeUtils.default.uniqueId("col_"),h=!_xeUtils.default.isBoolean(h)||h,g=g&&(0,_dom.isPx)(g)&&"auto"!==g?Math.max(0,_xeUtils.default.toInteger(g)):0,M=_&&(0,_utils.isEnableConf)(_)?renderer.get(_.name):null,M=M?M.createTableFilterOptions:null,b=(0,_util.toFilters)(r.filters,v),w=["seq","checkbox","radio","expand","html"];u&&-1===w.indexOf(u)&&warnLog("vxe.error.errProp",["type="+u,w.join(", ")]),(_xeUtils.default.isBoolean(x)||x&&!_xeUtils.default.isObject(x))&&warnLog("vxe.error.errProp",["column.cell-render="+x,"column.cell-render={}"]),(_xeUtils.default.isBoolean(F)||F&&!_xeUtils.default.isObject(F))&&warnLog("vxe.error.errProp",["column.edit-render="+F,"column.edit-render={}"]),"expand"===u&&(w=d.treeConfig,u=e.getComputeMaps().computeTreeOpts,d=u.value,w)&&(d.showLine||d.line)&&errLog("vxe.error.errConflicts",["tree-config.showLine","column.type=expand"]),p&&(_xeUtils.default.isString(p)?(u=formats.get(p)||_xeUtils.default[p])&&_xeUtils.default.isFunction(u.tableCellFormatMethod||u.cellFormatMethod)||errLog("vxe.error.notFormats",[p]):!_xeUtils.default.isArray(p)||(w=formats.get(p[0])||_xeUtils.default[p[0]])&&_xeUtils.default.isFunction(w.tableCellFormatMethod||w.cellFormatMethod)||errLog("vxe.error.notFormats",[p[0]])),c&&!e.handlePivotTableAggData&&!0!==c&&errLog("vxe.error.errProp",["column.agg-func="+c,"column.agg-func=true"]),f&&F&&(F.startField&&0<=(""+F.startField).indexOf(f)&&errLog("vxe.error.modelConflicts",["field="+f,"edit-render.startField="+F.startField]),F.endField)&&0<=(""+F.endField).indexOf(f)&&errLog("vxe.error.modelConflicts",["field="+f,"edit-render.endField="+F.endField]),Object.assign(this,{type:r.type,property:r.field,field:f,title:r.title,width:r.width,minWidth:r.minWidth,maxWidth:r.maxWidth,resizable:r.resizable,fixed:r.fixed,align:r.align,headerAlign:r.headerAlign,footerAlign:r.footerAlign,showOverflow:r.showOverflow,showHeaderOverflow:r.showHeaderOverflow,showFooterOverflow:r.showFooterOverflow,className:r.className,headerClassName:r.headerClassName,footerClassName:r.footerClassName,formatter:p,headerFormatter:r.headerFormatter,footerFormatter:r.footerFormatter,padding:r.padding,verticalAlign:r.verticalAlign,sortable:r.sortable,sortBy:r.sortBy,sortType:r.sortType,filters:b,filterMultiple:!_xeUtils.default.isBoolean(m)||m,filterMethod:r.filterMethod,filterResetMethod:r.filterResetMethod,filterRecoverMethod:r.filterRecoverMethod,filterRender:_,floatingFilters:r.floatingFilters,rules:r.rules,rowGroupNode:r.rowGroupNode,treeNode:r.treeNode,dragSort:r.dragSort,rowResize:r.rowResize,cellType:r.cellType,cellRender:x,editRender:F,contentRender:r.contentRender,headerExportMethod:r.headerExportMethod,exportMethod:r.exportMethod,footerExportMethod:r.footerExportMethod,titleHelp:r.titleHelp,titlePrefix:r.titlePrefix,titleSuffix:r.titleSuffix,aggFunc:r.aggFunc,copyMethod:r.copyMethod,cutMethod:r.cutMethod,pasteMethod:r.pasteMethod,params:r.params,id:v,parentId:null,visible:h,defaultParentId:null,halfVisible:!1,defaultVisible:h,defaultFixed:r.fixed,defaultAggFunc:r.aggFunc,checked:!1,halfChecked:!1,disabled:!1,level:1,rowSpan:1,colSpan:1,order:null,sortTime:0,sortNumber:0,renderSortNumber:0,renderAggFn:"",renderAggDigits:null,renderAggFormat:null,renderFixed:"",renderVisible:!1,renderWidth:g,renderHeight:0,renderResizeWidth:0,renderAutoWidth:0,resizeWidth:0,renderLeft:0,renderArgs:[],model:{},renderHeader:t||r.renderHeader,renderCell:l||r.renderCell,renderFooter:o||r.renderFooter,renderData:i,slots:r.slots}),!M||b&&b.length||(this.filters=(0,_util.toFilters)(M({$table:e,column:this}),v)),s&&(d=s.getComputeMaps().computeProxyOpts,(u=d.value).beforeColumn)&&u.beforeColumn({$table:e,$grid:n,$gantt:a,column:this})}getTitle(){return(0,_utils.getFuncText)(this.title||("seq"===this.type?getI18n("vxe.table.seqTitle"):""))}getKey(){var{type:e,field:r}=this;return r||(e?"type="+e:null)}update(e,r){"filters"!==e&&("field"===e&&(this.property=r),this[e]=r)}}exports.ColumnInfo=ColumnInfo;

package/lib/table/src/emits.js

@@ -4,4 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tableEmits = void 0;
-const tableEmits = exports.tableEmits = ['ready', 'init-rendered', 'data-rendered', 'update:data', 'keydown-start', 'keydown', 'keydown-end', 'paste', 'copy', 'cut', 'undo', 'redo', 'context-menu', 'columns-change', 'data-change', 'footer-data-change', 'current-change', 'current-row-change', 'current-row-disabled', 'current-column-change', 'current-column-disabled', 'radio-change', 'checkbox-change', 'checkbox-all', 'checkbox-range-start', 'checkbox-range-change', 'checkbox-range-end', 'checkbox-range-select', 'cell-click', 'cell-dblclick', 'cell-menu', 'cell-mouseenter', 'cell-mouseleave', 'cell-selected', 'cell-delete-value', 'cell-backspace-value', 'header-cell-click', 'header-cell-dblclick', 'header-cell-menu', 'footer-cell-click', 'footer-cell-dblclick', 'footer-cell-menu', 'clear-merge', 'sort-change', 'clear-sort', 'clear-all-sort', 'filter-change', 'filter-visible', 'clear-filter', 'clear-all-filter', 'resizable-change', 'column-resizable-change', 'row-resizable-change', 'toggle-row-group-expand', 'toggle-row-expand', 'toggle-tree-expand', 'menu-click', 'edit-closed', 'row-dragstart', 'row-dragover', 'row-dragend', 'row-remove-dragend', 'row-insert-dragend', 'column-dragstart', 'column-dragover', 'column-dragend', 'enter-append-row', 'tab-append-row', 'edit-actived', 'edit-activated', 'edit-disabled', 'valid-error', 'scroll', 'scroll-boundary', 'custom', 'custom-visible-change', 'custom-visible-all', 'custom-fixed-change', 'custom-sort-change', 'change-fnr', 'open-fnr', 'show-fnr', 'hide-fnr', 'fnr-change', 'fnr-find', 'fnr-find-all', 'fnr-replace', 'fnr-replace-all', 'cell-area-copy', 'cell-area-cut', 'cell-area-paste', 'cell-area-merge', 'clear-cell-area-selection', 'clear-cell-area-merge', 'header-cell-area-selection', 'cell-area-selection-invalid', 'cell-area-selection-start', 'cell-area-selection-drag', 'cell-area-selection-end', 'cell-area-extension-start', 'cell-area-extension-drag', 'cell-area-extension-end', 'cell-area-extension-fill', 'cell-area-selection-all-start', 'cell-area-selection-all-end', 'cell-area-arrows-start', 'cell-area-arrows-end', 'cell-area-fill-copy', 'active-cell-change-start', 'active-cell-change-end'];
+const tableEmits = exports.tableEmits = ['ready', 'init-rendered', 'data-rendered', 'update:data', 'keydown-start', 'keydown', 'keydown-end', 'paste', 'copy', 'cut', 'undo', 'redo', 'context-menu', 'columns-change', 'data-change', 'footer-data-change', 'current-change',
+// 已废弃
+'current-row-change', 'current-row-disabled', 'current-column-change', 'current-column-disabled', 'radio-change', 'checkbox-change', 'checkbox-all', 'checkbox-range-start', 'checkbox-range-change', 'checkbox-range-end', 'checkbox-range-select', 'cell-click', 'cell-dblclick', 'cell-menu', 'cell-mouseenter', 'cell-mouseleave', 'cell-selected', 'cell-delete-value', 'cell-backspace-value', 'header-cell-click', 'header-cell-dblclick', 'header-cell-menu', 'footer-cell-click', 'footer-cell-dblclick', 'footer-cell-menu', 'clear-merge', 'sort-change', 'clear-sort', 'clear-all-sort', 'filter-change', 'filter-visible', 'clear-filter', 'clear-all-filter', 'resizable-change',
+// 废弃
+'column-resizable-change', 'row-resizable-change', 'toggle-row-group-expand', 'toggle-row-expand', 'toggle-tree-expand', 'menu-click', 'edit-closed', 'row-dragstart', 'row-dragover', 'row-dragend', 'row-remove-dragend', 'row-insert-dragend', 'column-dragstart', 'column-dragover', 'column-dragend', 'enter-append-row', 'tab-append-row', 'edit-actived',
+// 废弃
+'edit-activated', 'edit-disabled', 'valid-error', 'scroll', 'scroll-boundary', 'custom', 'custom-visible-change', 'custom-visible-all', 'custom-fixed-change', 'custom-sort-change', 'change-fnr',
+// 废弃
+'open-fnr', 'show-fnr', 'hide-fnr', 'fnr-change', 'fnr-find', 'fnr-find-all', 'fnr-replace', 'fnr-replace-all', 'cell-area-copy', 'cell-area-cut', 'cell-area-paste', 'cell-area-merge', 'clear-cell-area-selection', 'clear-cell-area-merge', 'header-cell-area-selection', 'cell-area-selection-invalid', 'cell-area-selection-start', 'cell-area-selection-drag', 'cell-area-selection-end', 'cell-area-extension-start', 'cell-area-extension-drag', 'cell-area-extension-end', 'cell-area-extension-fill', 'cell-area-selection-all-start', 'cell-area-selection-all-end', 'cell-area-arrows-start', 'cell-area-arrows-end', 'cell-area-fill-copy', 'active-cell-change-start', 'active-cell-change-end'];

package/lib/table/src/footer.js

@@ -272,21 +272,22 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         footerRowClassName,
         footerRowStyle
       } = tableProps;
-      return footerTableData.map((row, $rowIndex) => {
-        const _rowIndex = $rowIndex;
+      return footerTableData.map((row, _rowIndex) => {
+        const $rowIndex = _rowIndex;
         const rowParams = {
           $table: $xeTable,
           row,
+          rowIndex: _rowIndex,
           _rowIndex,
           $rowIndex,
           fixed: fixedType,
           type: renderType
         };
         return (0, _vue.h)('tr', {
-          key: $rowIndex,
+          key: _rowIndex,
           class: ['vxe-footer--row', footerRowClassName ? _xeUtils.default.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''],
           style: footerRowStyle ? _xeUtils.default.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle : null
-        }, renderRows(isOptimizeMode, renderColumnList, footerTableData, row, $rowIndex, _rowIndex));
+        }, renderRows(isOptimizeMode, renderColumnList, footerTableData, row, _rowIndex, _rowIndex));
       });
     };
     const renderVN = () => {

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,sourceType="table",renderType="footer";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableFooter",props:{footerTableData:{type:Array,default:()=>[]},tableColumn:{type:Array,default:()=>[]},fixedColumn:{type:Array,default:()=>[]},fixedType:{type:String,default:null}},setup(c){let te=(0,_vue.inject)("$xeTable",{}),{xID:v,props:f,reactData:x,internalData:m}=te,{computeFooterTooltipOpts:l,computeColumnOpts:t,computeCellOpts:o,computeFooterCellOpts:r,computeDefaultRowHeight:i,computeResizableOpts:a,computeVirtualXOpts:n,computeIsFooterRenderOptimize:g}=te.getComputeMaps(),_=(0,_vue.ref)(),b=(0,_vue.ref)(),h=(0,_vue.ref)(),y=(0,_vue.ref)(),w=(0,_vue.ref)(),C=(0,_vue.ref)(),T=(w,C,T,F,I,D)=>{let E=te.xeGrid,O=te.xeGantt,S=c.fixedType,{resizable:z,border:R,footerCellClassName:$,footerCellStyle:k,footerAlign:M,footerSpanMethod:q,align:A,columnKey:U,showFooterOverflow:j}=f,{scrollXLoad:L,scrollYLoad:X,overflowX:N,currentColumn:V,mergeFootFlag:G}=x,{fullColumnIdData:H,mergeFooterList:P,mergeFooterCellMaps:W,scrollXStore:B}=m,K=n.value,Y=l.value;let J=a.value.isAllColumnDrag,Q=t.value;var e=i.value;let Z=o.value,ee=r.value,le=(0,_util.getCalcHeight)(ee.height)||e;return C.map((l,e)=>{var{type:t,showFooterOverflow:o,footerAlign:r,align:i,footerClassName:a,editRender:n,cellRender:u}=l,d=l.id,s=H[d]||{},n=n||u,u=n?renderer.get(n.name):null;let p=Y.showAll;var n=N&&(S?l.fixed!==S:!!l.fixed),c=(_xeUtils.default.isBoolean(ee.padding)?ee:Z).padding,o=_xeUtils.default.eqNull(o)?j:o,r=r||(u?u.tableFooterCellAlign:"")||M||i||(u?u.tableCellAlign:"")||A,i="ellipsis"===o;let v="title"===o,f=!0===o||"tooltip"===o;var u=v||f||i,o=_xeUtils.default.isBoolean(l.resizable)?l.resizable:Q.resizable||z,x={colid:d},m={},g=s.index,s=s._index,_=s;let b={$table:te,$grid:E,$gantt:O,row:F,rowIndex:D,_rowIndex:D,$rowIndex:I,column:l,columnIndex:g,$columnIndex:e,_columnIndex:s,itemIndex:_,items:F,fixed:S,source:sourceType,type:renderType,data:T},h=((v||f||p)&&(m.onMouseenter=e=>{v?(0,_dom.updateCellTitle)(e.currentTarget,l):(f||p)&&te.triggerFooterTooltipEvent(e,b)}),(f||p)&&(m.onMouseleave=e=>{(f||p)&&te.handleTargetLeaveEvent(e)}),m.onClick=e=>{te.triggerFooterCellClickEvent(e,b)},!(m.onDblclick=e=>{te.triggerFooterCellDblclickEvent(e,b)}));if(G&&P.length){g=W[D+":"+s];if(g){var{rowspan:_,colspan:g}=g;if(!_||!g)return null;1<_&&(h=!0,x.rowspan=_),1<g&&(h=!0,x.colspan=g)}}else if(q){var{rowspan:_=1,colspan:g=1}=q(b)||{};if(!_||!g)return null;1<_&&(x.rowspan=_),1<g&&(x.colspan=g)}_=e===C.length-1,g=!l.resizeWidth&&("auto"===l.minWidth||"auto"===l.width);let y=!1;w&&N&&!h&&L&&10<C.length&&!l.fixed&&!K.immediate&&(s<B.visibleStartIndex-B.preloadSize||s>B.visibleEndIndex+B.preloadSize)&&(y=!0);s={};return u?s.height=le+"px":s.minHeight=le+"px",(0,_vue.h)("td",Object.assign(Object.assign(Object.assign(Object.assign({class:["vxe-table--column vxe-footer--column",l.id,{["col--"+r]:r,["col--"+t]:t,"col--last":_,"fixed--width":!g,"fixed--hidden":n,"is--padding":c,"col--ellipsis":u,"col--current":V===l},(0,_dom.getPropClass)(a,b),(0,_dom.getPropClass)($,b)]},x),{style:k?_xeUtils.default.isFunction(k)?k(b):k:null}),m),{key:U||L||X||Q.useKey||Q.drag?l.id:e}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":v,"c--tooltip":f,"c--ellipsis":i}],style:s},y?[]:[(0,_vue.h)("div",{colid:d,class:"vxe-cell--wrapper vxe-footer-cell--wrapper"},l.renderFooter(b))]),!n&&o&&J?(0,_vue.h)("div",{class:["vxe-cell--col-resizable",{"is--line":!R||"none"===R}],onMousedown:e=>te.handleColResizeMousedownEvent(e,S,b),onDblclick:e=>te.handleColResizeDblclickEvent(e,b)}):renderEmptyElement(te)])})};return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=c.fixedType,l=m.elemStore,e=`${e||"main"}-footer-`;l[e+"wrapper"]=_,l[e+"scroll"]=b,l[e+"table"]=h,l[e+"colgroup"]=y,l[e+"list"]=w,l[e+"xSpace"]=C})}),(0,_vue.onUnmounted)(()=>{var e=c.fixedType,l=m.elemStore,e=`${e||"main"}-footer-`;l[e+"wrapper"]=null,l[e+"scroll"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null}),()=>{let{fixedType:l,fixedColumn:e,tableColumn:t}=c;var{visibleColumn:o,fullColumnIdData:r}=m,{isGroup:i,isColLoading:a,overflowX:n,scrollXLoad:u,dragCol:d}=x;let s=t;var p=g.value;return p&&(a||!l&&n)||(s=o),l&&p&&(s=e||[]),l||i||u&&d&&2<s.length&&(a=r[d.id])&&(n=a._index,o=s[0],i=s[s.length-1],u=r[o.id],a=r[i.id],u)&&a&&(o=u._index,r=a._index,n<o?s=[d].concat(s):r<n&&(s=s.concat([d]))),(0,_vue.h)("div",{ref:_,class:["vxe-table--footer-wrapper",l?`fixed-${l}--wrapper`:"body--wrapper"],xid:v},[(0,_vue.h)("div",{ref:b,class:"vxe-table--footer-inner-wrapper",onScroll(e){te.triggerFooterScrollEvent(e,l)}},[l?renderEmptyElement(te):(0,_vue.h)("div",{ref:C,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:h,class:"vxe-table--footer",xid:v,cellspacing:0,cellpadding:0,border:0,xvm:p?"1":null},[(0,_vue.h)("colgroup",{ref:y},s.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),(0,_vue.h)("tfoot",{ref:w},((r,i)=>{let{fixedType:a,footerTableData:n}=c,{footerRowClassName:u,footerRowStyle:d}=f;return n.map((e,l)=>{var t=l,o={$table:te,row:e,_rowIndex:t,$rowIndex:l,fixed:a,type:renderType};return(0,_vue.h)("tr",{key:l,class:["vxe-footer--row",u?_xeUtils.default.isFunction(u)?u(o):u:""],style:d?_xeUtils.default.isFunction(d)?d(o):d:null},T(r,i,n,e,l,t))})})(p,s))])])])}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,sourceType="table",renderType="footer";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableFooter",props:{footerTableData:{type:Array,default:()=>[]},tableColumn:{type:Array,default:()=>[]},fixedColumn:{type:Array,default:()=>[]},fixedType:{type:String,default:null}},setup(c){let te=(0,_vue.inject)("$xeTable",{}),{xID:v,props:f,reactData:x,internalData:m}=te,{computeFooterTooltipOpts:l,computeColumnOpts:t,computeCellOpts:o,computeFooterCellOpts:r,computeDefaultRowHeight:i,computeResizableOpts:a,computeVirtualXOpts:n,computeIsFooterRenderOptimize:g}=te.getComputeMaps(),_=(0,_vue.ref)(),b=(0,_vue.ref)(),h=(0,_vue.ref)(),y=(0,_vue.ref)(),w=(0,_vue.ref)(),C=(0,_vue.ref)(),T=(w,C,T,F,I,D)=>{let E=te.xeGrid,O=te.xeGantt,S=c.fixedType,{resizable:z,border:R,footerCellClassName:$,footerCellStyle:k,footerAlign:M,footerSpanMethod:q,align:A,columnKey:U,showFooterOverflow:j}=f,{scrollXLoad:L,scrollYLoad:X,overflowX:N,currentColumn:V,mergeFootFlag:G}=x,{fullColumnIdData:H,mergeFooterList:P,mergeFooterCellMaps:W,scrollXStore:B}=m,K=n.value,Y=l.value;let J=a.value.isAllColumnDrag,Q=t.value;var e=i.value;let Z=o.value,ee=r.value,le=(0,_util.getCalcHeight)(ee.height)||e;return C.map((l,e)=>{var{type:t,showFooterOverflow:o,footerAlign:r,align:i,footerClassName:a,editRender:n,cellRender:u}=l,d=l.id,s=H[d]||{},n=n||u,u=n?renderer.get(n.name):null;let p=Y.showAll;var n=N&&(S?l.fixed!==S:!!l.fixed),c=(_xeUtils.default.isBoolean(ee.padding)?ee:Z).padding,o=_xeUtils.default.eqNull(o)?j:o,r=r||(u?u.tableFooterCellAlign:"")||M||i||(u?u.tableCellAlign:"")||A,i="ellipsis"===o;let v="title"===o,f=!0===o||"tooltip"===o;var u=v||f||i,o=_xeUtils.default.isBoolean(l.resizable)?l.resizable:Q.resizable||z,x={colid:d},m={},g=s.index,s=s._index,_=s;let b={$table:te,$grid:E,$gantt:O,row:F,rowIndex:D,_rowIndex:D,$rowIndex:I,column:l,columnIndex:g,$columnIndex:e,_columnIndex:s,itemIndex:_,items:F,fixed:S,source:sourceType,type:renderType,data:T},h=((v||f||p)&&(m.onMouseenter=e=>{v?(0,_dom.updateCellTitle)(e.currentTarget,l):(f||p)&&te.triggerFooterTooltipEvent(e,b)}),(f||p)&&(m.onMouseleave=e=>{(f||p)&&te.handleTargetLeaveEvent(e)}),m.onClick=e=>{te.triggerFooterCellClickEvent(e,b)},!(m.onDblclick=e=>{te.triggerFooterCellDblclickEvent(e,b)}));if(G&&P.length){g=W[D+":"+s];if(g){var{rowspan:_,colspan:g}=g;if(!_||!g)return null;1<_&&(h=!0,x.rowspan=_),1<g&&(h=!0,x.colspan=g)}}else if(q){var{rowspan:_=1,colspan:g=1}=q(b)||{};if(!_||!g)return null;1<_&&(x.rowspan=_),1<g&&(x.colspan=g)}_=e===C.length-1,g=!l.resizeWidth&&("auto"===l.minWidth||"auto"===l.width);let y=!1;w&&N&&!h&&L&&10<C.length&&!l.fixed&&!K.immediate&&(s<B.visibleStartIndex-B.preloadSize||s>B.visibleEndIndex+B.preloadSize)&&(y=!0);s={};return u?s.height=le+"px":s.minHeight=le+"px",(0,_vue.h)("td",Object.assign(Object.assign(Object.assign(Object.assign({class:["vxe-table--column vxe-footer--column",l.id,{["col--"+r]:r,["col--"+t]:t,"col--last":_,"fixed--width":!g,"fixed--hidden":n,"is--padding":c,"col--ellipsis":u,"col--current":V===l},(0,_dom.getPropClass)(a,b),(0,_dom.getPropClass)($,b)]},x),{style:k?_xeUtils.default.isFunction(k)?k(b):k:null}),m),{key:U||L||X||Q.useKey||Q.drag?l.id:e}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":v,"c--tooltip":f,"c--ellipsis":i}],style:s},y?[]:[(0,_vue.h)("div",{colid:d,class:"vxe-cell--wrapper vxe-footer-cell--wrapper"},l.renderFooter(b))]),!n&&o&&J?(0,_vue.h)("div",{class:["vxe-cell--col-resizable",{"is--line":!R||"none"===R}],onMousedown:e=>te.handleColResizeMousedownEvent(e,S,b),onDblclick:e=>te.handleColResizeDblclickEvent(e,b)}):renderEmptyElement(te)])})};return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=c.fixedType,l=m.elemStore,e=`${e||"main"}-footer-`;l[e+"wrapper"]=_,l[e+"scroll"]=b,l[e+"table"]=h,l[e+"colgroup"]=y,l[e+"list"]=w,l[e+"xSpace"]=C})}),(0,_vue.onUnmounted)(()=>{var e=c.fixedType,l=m.elemStore,e=`${e||"main"}-footer-`;l[e+"wrapper"]=null,l[e+"scroll"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null}),()=>{let{fixedType:l,fixedColumn:e,tableColumn:t}=c;var{visibleColumn:o,fullColumnIdData:r}=m,{isGroup:i,isColLoading:a,overflowX:n,scrollXLoad:u,dragCol:d}=x;let s=t;var p=g.value;return p&&(a||!l&&n)||(s=o),l&&p&&(s=e||[]),l||i||u&&d&&2<s.length&&(a=r[d.id])&&(n=a._index,o=s[0],i=s[s.length-1],u=r[o.id],a=r[i.id],u)&&a&&(o=u._index,r=a._index,n<o?s=[d].concat(s):r<n&&(s=s.concat([d]))),(0,_vue.h)("div",{ref:_,class:["vxe-table--footer-wrapper",l?`fixed-${l}--wrapper`:"body--wrapper"],xid:v},[(0,_vue.h)("div",{ref:b,class:"vxe-table--footer-inner-wrapper",onScroll(e){te.triggerFooterScrollEvent(e,l)}},[l?renderEmptyElement(te):(0,_vue.h)("div",{ref:C,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:h,class:"vxe-table--footer",xid:v,cellspacing:0,cellpadding:0,border:0,xvm:p?"1":null},[(0,_vue.h)("colgroup",{ref:y},s.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),(0,_vue.h)("tfoot",{ref:w},((o,r)=>{let{fixedType:i,footerTableData:a}=c,{footerRowClassName:n,footerRowStyle:u}=f;return a.map((e,l)=>{var t=l,t={$table:te,row:e,rowIndex:l,_rowIndex:l,$rowIndex:t,fixed:i,type:renderType};return(0,_vue.h)("tr",{key:l,class:["vxe-footer--row",n?_xeUtils.default.isFunction(n)?n(t):n:""],style:u?_xeUtils.default.isFunction(u)?u(t):u:null},T(o,r,a,e,l,l))})})(p,s))])])])}}});

package/lib/table/src/header.js

@@ -86,7 +86,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }, null);
       });
     };
-    const renderRows = (isGroup, isOptimizeMode, headerGroups, $rowIndex, cols) => {
+    const renderRows = (isGroup, isOptimizeMode, headerGroups, _rowIndex, cols) => {
       const $xeGrid = $xeTable.xeGrid;
       const $xeGantt = $xeTable.xeGantt;
       const {
@@ -130,7 +130,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         isCrossDrag,
         isPeerDrag
       } = columnDragOpts;
-      const isLastRow = $rowIndex === headerGroups.length - 1;
+      const isLastRow = _rowIndex === headerGroups.length - 1;
       return cols.map((column, $columnIndex) => {
         const {
           type,
@@ -167,7 +167,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           $table: $xeTable,
           $grid: $xeGrid,
           $gantt: $xeGantt,
-          $rowIndex,
+          rowIndex: _rowIndex,
+          _rowIndex,
+          $rowIndex: _rowIndex,
           column,
           columnIndex,
           $columnIndex,
@@ -189,7 +191,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           thAttrs.rowspan = column.rowSpan > 1 ? column.rowSpan : null;
         }
         if (mergeHeadFlag && mergeHeaderList.length && (showCustomHeader || isLastRow)) {
-          const spanRest = mergeHeaderCellMaps[`${$rowIndex}:${showCustomHeader ? $columnIndex : _columnIndex}`];
+          const spanRest = mergeHeaderCellMaps[`${_rowIndex}:${showCustomHeader ? $columnIndex : _columnIndex}`];
           if (spanRest) {
             const {
               rowspan,
@@ -422,18 +424,20 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         headerRowStyle
       } = tableProps;
       const floatingFilterOpts = computeFloatingFilterOpts.value;
-      const rowVNs = headerGroups.map((cols, $rowIndex) => {
+      const rowVNs = headerGroups.map((cols, _rowIndex) => {
         const params = {
           $table: $xeTable,
-          $rowIndex,
+          rowIndex: _rowIndex,
+          _rowIndex,
+          $rowIndex: _rowIndex,
           fixed: fixedType,
           type: renderType
         };
         return (0, _vue.h)('tr', {
-          key: $rowIndex,
+          key: _rowIndex,
           class: ['vxe-header--row', headerRowClassName ? _xeUtils.default.isFunction(headerRowClassName) ? headerRowClassName(params) : headerRowClassName : ''],
           style: headerRowStyle ? _xeUtils.default.isFunction(headerRowStyle) ? headerRowStyle(params) : headerRowStyle : null
-        }, renderRows(isGroup, isOptimizeMode, headerGroups, $rowIndex, cols));
+        }, renderRows(isGroup, isOptimizeMode, headerGroups, _rowIndex, cols));
       });
       if (floatingFilterOpts.enabled) {
         rowVNs.push((0, _vue.h)('tr', {

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,sourceType="table",renderType="header";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup(x){let se=(0,_vue.inject)("$xeTable",{}),{xID:g,props:f,reactData:m,internalData:_}=se,{computeColumnOpts:a,computeColumnDragOpts:r,computeCellOpts:t,computeMouseOpts:b,computeHeaderCellOpts:i,computeDefaultRowHeight:n,computeVirtualXOpts:d,computeFloatingFilterOpts:M,computeIsHeaderRenderOptimize:C}=se.getComputeMaps(),w=(0,_vue.ref)([]),y=(0,_vue.ref)(),H=(0,_vue.ref)(),D=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),S=(0,_vue.ref)(),o=(0,_vue.ref)(),s=()=>{var e=f.showCustomHeader;let{collectColumn:l,visibleColumn:a}=_;var r=x.tableGroupColumn,t=m.isGroup;let i=t?(0,_util.convertHeaderColumnToRows)(r):[],n=[];e&&1<i.length&&(n=(0,_util.convertHeaderToGridRows)(i),i=n),w.value=i,(0,_vue.nextTick)(()=>{se.dispatchEvent("columns-change",{visibleColgroups:n,collectColumn:l,visibleColumn:a},null)})},O=(T,E,e,S,O)=>{let I=se.xeGrid,k=se.xeGantt,F=x.fixedType,{resizable:R,columnKey:$,showCustomHeader:U,headerCellClassName:M,headerCellStyle:z,showHeaderOverflow:A,headerAlign:q,align:G,mouseConfig:N}=f,{currentColumn:X,dragCol:j,scrollXLoad:W,scrollYLoad:L,overflowX:V,mergeHeadFlag:B,tableColumn:K}=m,{fullColumnIdData:P,scrollXStore:Y,mergeHeaderList:J,mergeHeaderCellMaps:Q}=_,Z=d.value,ee=a.value,le=r.value,ae=t.value;var l=n.value;let re=i.value,te=(0,_util.getCalcHeight)(re.height)||l,{disabledMethod:ie,isCrossDrag:de,isPeerDrag:oe}=le,ne=S===e.length-1;return O.map((e,l)=>{var{type:a,showHeaderOverflow:r,headerAlign:t,align:i,filters:n,headerClassName:d,editRender:o,cellRender:s}=e,u=e.id,c=P[u]||{},o=o||s,s=o?renderer.get(o.name):null,o=e.children&&e.children.length,p=V&&!o&&(F?e.fixed!==F:!!e.fixed),v=(_xeUtils.default.isBoolean(re.padding)?re:ae).padding,r=_xeUtils.default.eqNull(r)?A:r,t=t||(s?s.tableHeaderCellAlign:"")||q||i||(s?s.tableCellAlign:"")||G,i="ellipsis"===r,s="title"===r,r=!0===r||"tooltip"===r,h=s||r||i;let x=!1,g=null;n&&(g=n[0],x=n.some(e=>e.checked));var f=c.index,c=c._index;let m={$table:se,$grid:I,$gantt:k,$rowIndex:S,column:e,columnIndex:f,$columnIndex:l,_columnIndex:c,firstFilterOption:g,fixed:F,source:sourceType,type:renderType,isHidden:p,hasFilter:x};f={colid:u};let _=!1;if(U||(f.colspan=1<e.colSpan?e.colSpan:null,f.rowspan=1<e.rowSpan?e.rowSpan:null),B&&J.length&&(U||ne)){var b=Q[S+":"+(U?l:c)];if(b){var{rowspan:b,colspan:C}=b;if(!b||!C)return null;1<b&&(_=!0,f.rowspan=b),1<C&&(_=!0,f.colspan=C)}}b={onClick:e=>se.triggerHeaderCellClickEvent(e,m),onDblclick:e=>se.triggerHeaderCellDblclickEvent(e,m)},C=ee.drag&&"cell"===le.trigger;let w=!1;C&&(w=!(!ie||!ie(m))),(N||C)&&(b.onMousedown=e=>se.triggerHeaderCellMousedownEvent(e,m)),ee.drag&&(b.onDragstart=se.handleHeaderCellDragDragstartEvent,b.onDragend=se.handleHeaderCellDragDragendEvent,b.onDragover=se.handleHeaderCellDragDragoverEvent,C)&&(b.onMouseup=se.handleHeaderCellDragMouseupEvent);var C=l===O.length-1,y=_xeUtils.default.isBoolean(e.resizable)?e.resizable:ee.resizable||R,H=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width);let D=!1;!E||!V||T||_||j&&j.id===u||W&&10<K.length&&!e.fixed&&!Z.immediate&&(c<Y.visibleStartIndex-Y.preloadSize||c>Y.visibleEndIndex+Y.preloadSize)&&(D=!0);c={};if(h?c.height=te+"px":c.minHeight=te+"px",!U&&o&&!ne){let l=0;_xeUtils.default.eachTree(e.children,e=>{!e.visible||e.children&&e.children.length||(l+=e.renderWidth)}),c.width=l+"px"}return(0,_vue.h)("th",Object.assign(Object.assign(Object.assign({class:["vxe-table--column vxe-header--column",u,p?"fixed--hidden":"fixed--visible",{["col--"+t]:t,["col--"+a]:a,"col--last":C,"col--fixed":e.fixed,"col--group":o,"col--ellipsis":h,"fixed--width":!H,"is--padding":v,"is--sortable":e.sortable,"col--filter":!!n,"is--filter-active":x,"is--drag-active":ee.drag&&!e.fixed&&!w&&(de||oe||!e.parentId),"is--drag-disabled":ee.drag&&w,"col--current":X===e},d?_xeUtils.default.isFunction(d)?d(m):d:"",M?_xeUtils.default.isFunction(M)?M(m):M:""],style:z?_xeUtils.default.isFunction(z)?z(m):z:null},f),b),{key:U?""+u+l:$||W||L||ee.useKey||ee.drag||o?u:l}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":s,"c--tooltip":r,"c--ellipsis":i}],style:c},D||E&&p?[]:[(0,_vue.h)("div",{colid:u,class:"vxe-cell--wrapper vxe-header-cell--wrapper"},e.renderHeader(m))]),p||!y||U&&!ne?renderEmptyElement(se):(0,_vue.h)("div",{class:"vxe-cell--col-resizable",onMousedown:e=>se.handleColResizeMousedownEvent(e,F,m),onDblclick:e=>se.handleColResizeDblclickEvent(e,m)})])})},I=(C,w)=>{let y=se.xeGrid,H=se.xeGantt,D=x.fixedType,{showHeaderOverflow:T,headerAlign:E,align:S}=f,{currentColumn:O,overflowX:I}=m,k=_.fullColumnIdData,F=t.value;var e=n.value;let R=i.value,$=M.value.cellClassName,U=(0,_util.getCalcHeight)(R.height)||e;return w.map((e,l)=>{var{type:a,showHeaderOverflow:r,headerAlign:t,align:i,filters:n,editRender:d,cellRender:o,floatingFilters:s,filterRender:u,slots:c}=e,p=e.id,v=k[p]||{},d=d||o,o=c?c.floatingFilter||c["floating-filter"]:null,c=d?renderer.get(d.name):null,d=(0,_utils.isEnableConf)(u)?renderer.get(u.name):null,d=d?d.renderTableFloatingFilter:null,h=I&&(D?e.fixed!==D:!!e.fixed),x=(_xeUtils.default.isBoolean(R.padding)?R:F).padding,r=_xeUtils.default.eqNull(r)?T:r,t=t||(c?c.tableHeaderCellAlign:"")||E||i||(c?c.tableCellAlign:"")||S,i="ellipsis"===r,c="title"===r,r=!0===r||"tooltip"===r,g=c||r||i;let f=!1,m=null;n&&(m=n[0],f=n.some(e=>e.checked));var n=v.index,v=v._index,n={$table:se,$grid:y,$gantt:H,column:e,columnIndex:n,$columnIndex:l,_columnIndex:v,option:m,fixed:D,source:sourceType,type:renderType,isHidden:h,hasFilter:f},v={colid:p},l=l===w.length-1,_=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width),b={};return g?b.height=U+"px":b.minHeight=U+"px",(0,_vue.h)("th",Object.assign({class:["vxe-table--column vxe-header--column is--floating-filters",p,h?"fixed--hidden":"fixed--visible",{["col--"+t]:t,["col--"+a]:a,"col--last":l,"col--fixed":e.fixed,"col--ellipsis":g,"fixed--width":!_,"is--padding":x,"is--sortable":e.sortable,"col--current":O===e}],key:p},v),[(0,_vue.h)("div",{class:["vxe-cell",""+($||""),{"c--title":c,"c--tooltip":r,"c--ellipsis":i}],style:b},C&&h&&!s?[]:[(0,_vue.h)("div",{colid:p,class:"vxe-cell--wrapper vxe-header-cell--wrapper"},o?se.callSlot(o,n):d&&m?(0,_vn.getSlotVNs)(d(u,n)):[])])])})};return(0,_vue.watch)(()=>x.tableColumn,s),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=x.fixedType,l=se.internalData,l=l.elemStore,e=`${e||"main"}-header-`;l[e+"wrapper"]=y,l[e+"scroll"]=H,l[e+"table"]=D,l[e+"colgroup"]=T,l[e+"list"]=E,l[e+"xSpace"]=S,l[e+"repair"]=o,s()})}),(0,_vue.onUnmounted)(()=>{var e=x.fixedType,l=se.internalData,l=l.elemStore,e=`${e||"main"}-header-`;l[e+"wrapper"]=null,l[e+"scroll"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null,l[e+"repair"]=null}),()=>{let{fixedType:l,fixedColumn:e,tableColumn:a}=x;var r=f.mouseConfig,{isGroup:t,isColLoading:i,overflowX:n,scrollXLoad:d,dragCol:o}=m,{visibleColumn:s,fullColumnIdData:u}=_,c=b.value,p=C.value;let v=w.value||[],h=a;return t?h=s:(p&&(i||!l&&n)||(h=s),l&&p&&(h=e||[]),v=[h]),l||t||d&&o&&2<h.length&&(i=u[o.id])&&(n=i._index,s=h[0],d=h[h.length-1],i=u[s.id],s=u[d.id],i)&&s&&(u=i._index,d=s._index,n<u?(h=[o].concat(h),v=[[o].concat(v[0])].concat(v.slice(1))):d<n&&(h=h.concat([o]),v=[v[0].concat([o])].concat(v.slice(1)))),(0,_vue.h)("div",{ref:y,class:["vxe-table--header-wrapper",l?`fixed-${l}--wrapper`:"body--wrapper"],xid:g},[(0,_vue.h)("div",{ref:H,class:"vxe-table--header-inner-wrapper",onScroll(e){se.triggerHeaderScrollEvent(e,l)}},[l?renderEmptyElement(se):(0,_vue.h)("div",{ref:S,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:D,class:"vxe-table--header",xid:g,cellspacing:0,cellpadding:0,border:0,xvm:p?"1":null},[(0,_vue.h)("colgroup",{ref:T},h.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),(0,_vue.h)("thead",{ref:E},((r,t,i,e)=>{let n=x.fixedType,{headerRowClassName:d,headerRowStyle:o}=f;var l=M.value,a=i.map((e,l)=>{var a={$table:se,$rowIndex:l,fixed:n,type:renderType};return(0,_vue.h)("tr",{key:l,class:["vxe-header--row",d?_xeUtils.default.isFunction(d)?d(a):d:""],style:o?_xeUtils.default.isFunction(o)?o(a):o:null},O(r,t,i,l,e))});return l.enabled&&a.push((0,_vue.h)("tr",{key:"ff",class:["vxe-header--row is--floating-filters",""+(l.rowClassName||"")]},I(t,e))),a})(t,p,v,h))]),r&&c.area?(0,_vue.h)("div",{class:"vxe-table--cell-area",xid:g},[(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(se)])])}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,sourceType="table",renderType="header";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup(h){let se=(0,_vue.inject)("$xeTable",{}),{xID:g,props:f,reactData:m,internalData:_}=se,{computeColumnOpts:a,computeColumnDragOpts:r,computeCellOpts:t,computeMouseOpts:b,computeHeaderCellOpts:i,computeDefaultRowHeight:n,computeVirtualXOpts:d,computeFloatingFilterOpts:M,computeIsHeaderRenderOptimize:C}=se.getComputeMaps(),w=(0,_vue.ref)([]),y=(0,_vue.ref)(),H=(0,_vue.ref)(),D=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),I=(0,_vue.ref)(),o=(0,_vue.ref)(),s=()=>{var e=f.showCustomHeader;let{collectColumn:l,visibleColumn:a}=_;var r=h.tableGroupColumn,t=m.isGroup;let i=t?(0,_util.convertHeaderColumnToRows)(r):[],n=[];e&&1<i.length&&(n=(0,_util.convertHeaderToGridRows)(i),i=n),w.value=i,(0,_vue.nextTick)(()=>{se.dispatchEvent("columns-change",{visibleColgroups:n,collectColumn:l,visibleColumn:a},null)})},S=(T,E,e,I,S)=>{let O=se.xeGrid,k=se.xeGantt,F=h.fixedType,{resizable:R,columnKey:$,showCustomHeader:U,headerCellClassName:M,headerCellStyle:z,showHeaderOverflow:A,headerAlign:q,align:G,mouseConfig:N}=f,{currentColumn:X,dragCol:j,scrollXLoad:W,scrollYLoad:L,overflowX:V,mergeHeadFlag:B,tableColumn:K}=m,{fullColumnIdData:P,scrollXStore:Y,mergeHeaderList:J,mergeHeaderCellMaps:Q}=_,Z=d.value,ee=a.value,le=r.value,ae=t.value;var l=n.value;let re=i.value,te=(0,_util.getCalcHeight)(re.height)||l,{disabledMethod:ie,isCrossDrag:de,isPeerDrag:oe}=le,ne=I===e.length-1;return S.map((e,l)=>{var{type:a,showHeaderOverflow:r,headerAlign:t,align:i,filters:n,headerClassName:d,editRender:o,cellRender:s}=e,u=e.id,c=P[u]||{},o=o||s,s=o?renderer.get(o.name):null,o=e.children&&e.children.length,p=V&&!o&&(F?e.fixed!==F:!!e.fixed),v=(_xeUtils.default.isBoolean(re.padding)?re:ae).padding,r=_xeUtils.default.eqNull(r)?A:r,t=t||(s?s.tableHeaderCellAlign:"")||q||i||(s?s.tableCellAlign:"")||G,i="ellipsis"===r,s="title"===r,r=!0===r||"tooltip"===r,x=s||r||i;let h=!1,g=null;n&&(g=n[0],h=n.some(e=>e.checked));var f=c.index,c=c._index;let m={$table:se,$grid:O,$gantt:k,rowIndex:I,_rowIndex:I,$rowIndex:I,column:e,columnIndex:f,$columnIndex:l,_columnIndex:c,firstFilterOption:g,fixed:F,source:sourceType,type:renderType,isHidden:p,hasFilter:h};f={colid:u};let _=!1;if(U||(f.colspan=1<e.colSpan?e.colSpan:null,f.rowspan=1<e.rowSpan?e.rowSpan:null),B&&J.length&&(U||ne)){var b=Q[I+":"+(U?l:c)];if(b){var{rowspan:b,colspan:C}=b;if(!b||!C)return null;1<b&&(_=!0,f.rowspan=b),1<C&&(_=!0,f.colspan=C)}}b={onClick:e=>se.triggerHeaderCellClickEvent(e,m),onDblclick:e=>se.triggerHeaderCellDblclickEvent(e,m)},C=ee.drag&&"cell"===le.trigger;let w=!1;C&&(w=!(!ie||!ie(m))),(N||C)&&(b.onMousedown=e=>se.triggerHeaderCellMousedownEvent(e,m)),ee.drag&&(b.onDragstart=se.handleHeaderCellDragDragstartEvent,b.onDragend=se.handleHeaderCellDragDragendEvent,b.onDragover=se.handleHeaderCellDragDragoverEvent,C)&&(b.onMouseup=se.handleHeaderCellDragMouseupEvent);var C=l===S.length-1,y=_xeUtils.default.isBoolean(e.resizable)?e.resizable:ee.resizable||R,H=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width);let D=!1;!E||!V||T||_||j&&j.id===u||W&&10<K.length&&!e.fixed&&!Z.immediate&&(c<Y.visibleStartIndex-Y.preloadSize||c>Y.visibleEndIndex+Y.preloadSize)&&(D=!0);c={};if(x?c.height=te+"px":c.minHeight=te+"px",!U&&o&&!ne){let l=0;_xeUtils.default.eachTree(e.children,e=>{!e.visible||e.children&&e.children.length||(l+=e.renderWidth)}),c.width=l+"px"}return(0,_vue.h)("th",Object.assign(Object.assign(Object.assign({class:["vxe-table--column vxe-header--column",u,p?"fixed--hidden":"fixed--visible",{["col--"+t]:t,["col--"+a]:a,"col--last":C,"col--fixed":e.fixed,"col--group":o,"col--ellipsis":x,"fixed--width":!H,"is--padding":v,"is--sortable":e.sortable,"col--filter":!!n,"is--filter-active":h,"is--drag-active":ee.drag&&!e.fixed&&!w&&(de||oe||!e.parentId),"is--drag-disabled":ee.drag&&w,"col--current":X===e},d?_xeUtils.default.isFunction(d)?d(m):d:"",M?_xeUtils.default.isFunction(M)?M(m):M:""],style:z?_xeUtils.default.isFunction(z)?z(m):z:null},f),b),{key:U?""+u+l:$||W||L||ee.useKey||ee.drag||o?u:l}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":s,"c--tooltip":r,"c--ellipsis":i}],style:c},D||E&&p?[]:[(0,_vue.h)("div",{colid:u,class:"vxe-cell--wrapper vxe-header-cell--wrapper"},e.renderHeader(m))]),p||!y||U&&!ne?renderEmptyElement(se):(0,_vue.h)("div",{class:"vxe-cell--col-resizable",onMousedown:e=>se.handleColResizeMousedownEvent(e,F,m),onDblclick:e=>se.handleColResizeDblclickEvent(e,m)})])})},O=(C,w)=>{let y=se.xeGrid,H=se.xeGantt,D=h.fixedType,{showHeaderOverflow:T,headerAlign:E,align:I}=f,{currentColumn:S,overflowX:O}=m,k=_.fullColumnIdData,F=t.value;var e=n.value;let R=i.value,$=M.value.cellClassName,U=(0,_util.getCalcHeight)(R.height)||e;return w.map((e,l)=>{var{type:a,showHeaderOverflow:r,headerAlign:t,align:i,filters:n,editRender:d,cellRender:o,floatingFilters:s,filterRender:u,slots:c}=e,p=e.id,v=k[p]||{},d=d||o,o=c?c.floatingFilter||c["floating-filter"]:null,c=d?renderer.get(d.name):null,d=(0,_utils.isEnableConf)(u)?renderer.get(u.name):null,d=d?d.renderTableFloatingFilter:null,x=O&&(D?e.fixed!==D:!!e.fixed),h=(_xeUtils.default.isBoolean(R.padding)?R:F).padding,r=_xeUtils.default.eqNull(r)?T:r,t=t||(c?c.tableHeaderCellAlign:"")||E||i||(c?c.tableCellAlign:"")||I,i="ellipsis"===r,c="title"===r,r=!0===r||"tooltip"===r,g=c||r||i;let f=!1,m=null;n&&(m=n[0],f=n.some(e=>e.checked));var n=v.index,v=v._index,n={$table:se,$grid:y,$gantt:H,column:e,columnIndex:n,$columnIndex:l,_columnIndex:v,option:m,fixed:D,source:sourceType,type:renderType,isHidden:x,hasFilter:f},v={colid:p},l=l===w.length-1,_=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width),b={};return g?b.height=U+"px":b.minHeight=U+"px",(0,_vue.h)("th",Object.assign({class:["vxe-table--column vxe-header--column is--floating-filters",p,x?"fixed--hidden":"fixed--visible",{["col--"+t]:t,["col--"+a]:a,"col--last":l,"col--fixed":e.fixed,"col--ellipsis":g,"fixed--width":!_,"is--padding":h,"is--sortable":e.sortable,"col--current":S===e}],key:p},v),[(0,_vue.h)("div",{class:["vxe-cell",""+($||""),{"c--title":c,"c--tooltip":r,"c--ellipsis":i}],style:b},C&&x&&!s?[]:[(0,_vue.h)("div",{colid:p,class:"vxe-cell--wrapper vxe-header-cell--wrapper"},o?se.callSlot(o,n):d&&m?(0,_vn.getSlotVNs)(d(u,n)):[])])])})};return(0,_vue.watch)(()=>h.tableColumn,s),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=h.fixedType,l=se.internalData,l=l.elemStore,e=`${e||"main"}-header-`;l[e+"wrapper"]=y,l[e+"scroll"]=H,l[e+"table"]=D,l[e+"colgroup"]=T,l[e+"list"]=E,l[e+"xSpace"]=I,l[e+"repair"]=o,s()})}),(0,_vue.onUnmounted)(()=>{var e=h.fixedType,l=se.internalData,l=l.elemStore,e=`${e||"main"}-header-`;l[e+"wrapper"]=null,l[e+"scroll"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null,l[e+"repair"]=null}),()=>{let{fixedType:l,fixedColumn:e,tableColumn:a}=h;var r=f.mouseConfig,{isGroup:t,isColLoading:i,overflowX:n,scrollXLoad:d,dragCol:o}=m,{visibleColumn:s,fullColumnIdData:u}=_,c=b.value,p=C.value;let v=w.value||[],x=a;return t?x=s:(p&&(i||!l&&n)||(x=s),l&&p&&(x=e||[]),v=[x]),l||t||d&&o&&2<x.length&&(i=u[o.id])&&(n=i._index,s=x[0],d=x[x.length-1],i=u[s.id],s=u[d.id],i)&&s&&(u=i._index,d=s._index,n<u?(x=[o].concat(x),v=[[o].concat(v[0])].concat(v.slice(1))):d<n&&(x=x.concat([o]),v=[v[0].concat([o])].concat(v.slice(1)))),(0,_vue.h)("div",{ref:y,class:["vxe-table--header-wrapper",l?`fixed-${l}--wrapper`:"body--wrapper"],xid:g},[(0,_vue.h)("div",{ref:H,class:"vxe-table--header-inner-wrapper",onScroll(e){se.triggerHeaderScrollEvent(e,l)}},[l?renderEmptyElement(se):(0,_vue.h)("div",{ref:I,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:D,class:"vxe-table--header",xid:g,cellspacing:0,cellpadding:0,border:0,xvm:p?"1":null},[(0,_vue.h)("colgroup",{ref:T},x.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),(0,_vue.h)("thead",{ref:E},((r,t,i,e)=>{let n=h.fixedType,{headerRowClassName:d,headerRowStyle:o}=f;var l=M.value,a=i.map((e,l)=>{var a={$table:se,rowIndex:l,_rowIndex:l,$rowIndex:l,fixed:n,type:renderType};return(0,_vue.h)("tr",{key:l,class:["vxe-header--row",d?_xeUtils.default.isFunction(d)?d(a):d:""],style:o?_xeUtils.default.isFunction(o)?o(a):o:null},S(r,t,i,l,e))});return l.enabled&&a.push((0,_vue.h)("tr",{key:"ff",class:["vxe-header--row is--floating-filters",""+(l.rowClassName||"")]},O(t,e))),a})(t,p,v,x))]),r&&c.area?(0,_vue.h)("div",{class:"vxe-table--cell-area",xid:g},[(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(se)])])}}});