vxe-table 3.12.10-beta.2 → 3.12.10-beta.21

package/lib/table/src/footer.js

@@ -68,6 +68,10 @@ function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIn
   } = tableInternalData;
   const tooltipOpts = $xeTable.computeTooltipOpts;
   const columnOpts = $xeTable.computeColumnOpts;
+  const defaultRowHeight = $xeTable.computeDefaultRowHeight;
+  const cellOpts = $xeTable.computeCellOpts;
+  const footerCellOpts = $xeTable.computeFooterCellOpts;
+  const currCellHeight = footerCellOpts.height || cellOpts.height || defaultRowHeight;
   return tableColumn.map((column, $columnIndex) => {
     const {
       type,
@@ -78,11 +82,13 @@ function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIn
       editRender,
       cellRender
     } = column;
+    const colid = column.id;
     const renderOpts = editRender || cellRender;
     const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
     const showAllTip = tooltipOpts.showAll;
     const isColGroup = column.children && column.children.length;
     const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
+    const isPadding = _xeUtils.default.isBoolean(footerCellOpts.padding) ? footerCellOpts.padding : cellOpts.padding;
     const footOverflow = _xeUtils.default.eqNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
     const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
     let showEllipsis = footOverflow === 'ellipsis';
@@ -177,18 +183,26 @@ function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIn
         attrs.colspan = colspan;
       }
     }
+    const isLastColumn = $columnIndex === tableColumn.length - 1;
     const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
-    let isPreLoadStatus = false;
-    if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex || _columnIndex > scrollXStore.visibleEndIndex)) {
-      isPreLoadStatus = true;
+    let isVNPreEmptyStatus = false;
+    if (scrollXLoad && !column.fixed && (_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-footer--column', column.id, {
         [`col--${footAlign}`]: footAlign,
         [`col--${type}`]: type,
-        'col--last': $columnIndex === tableColumn.length - 1,
+        'col--last': isLastColumn,
         'fixed--width': !isAutoCellWidth,
         'fixed--hidden': fixedHiddenColumn,
+        'is--padding': isPadding,
         'col--ellipsis': hasEllipsis,
         'col--current': currentColumn === column
       }, (0, _utils.getClass)(footerClassName, cellParams), (0, _utils.getClass)(footerCellClassName, cellParams)],
@@ -201,8 +215,14 @@ function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIn
         'c--title': showTitle,
         'c--tooltip': showTooltip,
         'c--ellipsis': showEllipsis
-      }]
-    }, isPreLoadStatus ? [] : column.renderFooter(h, cellParams))]);
+      }],
+      style: tcStyle
+    }, isVNPreEmptyStatus ? [] : [h('div', {
+      attrs: {
+        colid
+      },
+      class: 'vxe-cell--wrapper'
+    }, column.renderFooter(h, cellParams))])]);
   });
 }
 function renderHeads(h, _vm, renderColumnList) {

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let renderType="footer",{renderer,renderEmptyElement}=_ui.VxeUI;function mergeFooterMethod(r,t,o){for(let e=0;e<r.length;e++){var{row:l,col:n,rowspan:a,colspan:i}=r[e];if(-1<n&&-1<l&&a&&i){if(l===t&&n===o)return{rowspan:a,colspan:i};if(l<=t&&t<l+a&&n<=o&&o<n+i)return{rowspan:0,colspan:0}}}}function renderRows(w,e,y,h,b,F,_){let C=e.$parent;var r=C,t=C,o=C;let T=e.fixedType,{footerCellClassName:$,footerCellStyle:I,footerAlign:S,footerSpanMethod:E,align:O,columnKey:R,showFooterOverflow:k}=r,{scrollXLoad:A,scrollYLoad:D,overflowX:M,currentColumn:U,mergeFooterList:q}=t,L=o.scrollXStore,X=C.computeTooltipOpts,N=C.computeColumnOpts;return y.map((r,e)=>{var{type:t,showFooterOverflow:o,footerAlign:l,align:n,footerClassName:a,editRender:i,cellRender:s}=r,i=i||s,s=i?renderer.get(i.name):null;let d=X.showAll;i=r.children&&r.children.length,i=T?r.fixed!==T&&!i:r.fixed&&M,o=_xeUtils.default.eqNull(o)?k:o,l=l||(s?s.tableFooterCellAlign:"")||S||n||(s?s.tableCellAlign:"")||O;let u="ellipsis"===o,c="title"===o,f=!0===o||"tooltip"===o,p=c||f||u;var n={colid:r.id},s={},o=C.getColumnIndex(r),x=C.getVTColumnIndex(r),m=x;let g={$table:C,$grid:C.xegrid,row:b,rowIndex:_,_rowIndex:_,$rowIndex:F,column:r,columnIndex:o,$columnIndex:e,_columnIndex:x,itemIndex:m,items:b,fixed:T,type:renderType,data:h};if(A&&!p&&(u=p=!0),(c||f||d)&&(s.mouseenter=e=>{c?(0,_dom.updateCellTitle)(e.currentTarget,r):(f||d)&&C.triggerFooterTooltipEvent(e,g)}),(f||d)&&(s.mouseleave=e=>{(f||d)&&C.handleTargetLeaveEvent(e)}),s.click=e=>{C.dispatchEvent("footer-cell-click",Object.assign({cell:e.currentTarget},g),e)},s.dblclick=e=>{C.dispatchEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},g),e)},q.length){o=mergeFooterMethod(q,_,x);if(o){var{rowspan:m,colspan:o}=o;if(!m||!o)return null;1<m&&(n.rowspan=m),1<o&&(n.colspan=o)}}else if(E){var{rowspan:m=1,colspan:o=1}=E(g)||{};if(!m||!o)return null;1<m&&(n.rowspan=m),1<o&&(n.colspan=o)}m=!r.resizeWidth&&("auto"===r.minWidth||"auto"===r.width);let v=!1;return A&&!r.fixed&&(x<L.visibleStartIndex||x>L.visibleEndIndex)&&(v=!0),w("td",{class:["vxe-footer--column",r.id,{["col--"+l]:l,["col--"+t]:t,"col--last":e===y.length-1,"fixed--width":!m,"fixed--hidden":i,"col--ellipsis":p,"col--current":U===r},(0,_utils.getClass)(a,g),(0,_utils.getClass)($,g)],attrs:n,style:I?_xeUtils.default.isFunction(I)?I(g):I:void 0,on:s,key:R||A||D||N.useKey||N.drag?r.id:e},[w("div",{class:["vxe-cell",{"c--title":c,"c--tooltip":f,"c--ellipsis":u}]},v?[]:r.renderFooter(w,g))])})}function renderHeads(l,n,a){let i=n.$parent;var e=i,r=i;let{fixedType:s,footerTableData:d}=n,{footerRowClassName:u,footerRowStyle:c}=e,f=r.isDragColMove,p=i.computeColumnOpts,x=i.computeColumnDragOpts;return d.map((e,r)=>{var t=r,o={$table:i,row:e,_rowIndex:t,$rowIndex:r,fixed:s,type:renderType};return p.drag&&x.animation?l("transition-group",{key:r,props:{tag:"tr",name:"vxe-header--col-list"+(f?"":"-disabled"),class:["vxe-footer--row",u?_xeUtils.default.isFunction(u)?u(o):u:""],style:c?_xeUtils.default.isFunction(c)?c(o):c:void 0}},renderRows(l,n,a,d,e,r,t)):l("tr",{key:r,class:["vxe-footer--row",u?_xeUtils.default.isFunction(u)?u(o):u:""],style:c?_xeUtils.default.isFunction(c)?c(o):c:void 0},renderRows(l,n,a,d,e,r,t))})}var _default=exports.default={name:"VxeTableFooter",props:{footerTableData:{type:Array,default:()=>[]},tableColumn:{type:Array,default:()=>[]},fixedColumn:{type:Array,default:()=>[]},fixedType:{type:String,default:null}},mounted(){var e=this,r=e.fixedType,t=e.$parent.elemStore,r=`${r||"main"}-footer-`;t[r+"wrapper"]=e.$refs.refElem,t[r+"scroll"]=e.$refs.refFooterScroll,t[r+"table"]=e.$refs.refFooterTable,t[r+"colgroup"]=e.$refs.refFooterColgroup,t[r+"list"]=e.$refs.refFooterTFoot,t[r+"xSpace"]=e.$refs.refFooterXSpace},destroyed(){var e=this.fixedType,r=this.$parent.elemStore,e=`${e||"main"}-footer-`;r[e+"wrapper"]=null,r[e+"scroll"]=null,r[e+"table"]=null,r[e+"colgroup"]=null,r[e+"list"]=null,r[e+"xSpace"]=null},render(t){let r=this.$parent;var e=r,o=r,l=r,n=r.xID;let{fixedType:a,fixedColumn:i,tableColumn:s}=this;var{spanMethod:e,footerSpanMethod:d,showFooterOverflow:u}=e,{visibleColumn:l,fullColumnIdData:c}=l,{isGroup:o,scrollXLoad:f,scrollYLoad:p,dragCol:x}=o;let m=s,g=!(f||p||u)||e||d?!1:!0;return a&&(m=l,g)&&(m=i||[]),a||o||f&&x&&2<m.length&&(p=c[x.id])&&(u=p._index,e=m[0],d=m[m.length-1],l=c[e.id],o=c[d.id],l)&&o&&(f=l._index,p=o._index,u<f?m=[x].concat(m):p<u&&(m=m.concat([x]))),t("div",{ref:"refElem",class:["vxe-table--footer-wrapper",a?`fixed-${a}--wrapper`:"body--wrapper"],attrs:{xid:n}},[t("div",{ref:"refFooterScroll",class:"vxe-table--footer-inner-wrapper",on:{scroll(e){r.triggerFooterScrollEvent(e,a)}}},[a?renderEmptyElement(r):t("div",{ref:"refFooterXSpace",class:"vxe-body--x-space"}),t("table",{ref:"refFooterTable",class:"vxe-table--footer",attrs:{xid:n,cellspacing:0,cellpadding:0,border:0}},[t("colgroup",{ref:"refFooterColgroup"},m.map((e,r)=>t("col",{attrs:{name:e.id},key:r}))),t("tfoot",{ref:"refFooterTFoot"},renderHeads(t,this,m))])])])}};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let renderType="footer",{renderer,renderEmptyElement}=_ui.VxeUI;function mergeFooterMethod(r,t,l){for(let e=0;e<r.length;e++){var{row:o,col:i,rowspan:a,colspan:n}=r[e];if(-1<i&&-1<o&&a&&n){if(o===t&&i===l)return{rowspan:a,colspan:n};if(o<=t&&t<o+a&&i<=l&&l<i+n)return{rowspan:0,colspan:0}}}}function renderRows(y,e,b,F,C,_,T){let $=e.$parent;var r=$,t=$,l=$;let S=e.fixedType,{footerCellClassName:I,footerCellStyle:E,footerAlign:O,footerSpanMethod:R,align:D,columnKey:U,showFooterOverflow:k}=r,{scrollXLoad:A,scrollYLoad:M,overflowX:q,currentColumn:L,mergeFooterList:X}=t,H=l.scrollXStore,N=$.computeTooltipOpts,j=$.computeColumnOpts;e=$.computeDefaultRowHeight;let z=$.computeCellOpts,V=$.computeFooterCellOpts,K=V.height||z.height||e;return b.map((r,e)=>{var{type:t,showFooterOverflow:l,footerAlign:o,align:i,footerClassName:a,editRender:n,cellRender:s}=r,d=r.id,n=n||s,s=n?renderer.get(n.name):null;let u=N.showAll;var n=r.children&&r.children.length,n=S?r.fixed!==S&&!n:r.fixed&&q,p=(_xeUtils.default.isBoolean(V.padding)?V:z).padding,l=_xeUtils.default.eqNull(l)?k:l,o=o||(s?s.tableFooterCellAlign:"")||O||i||(s?s.tableCellAlign:"")||D;let c="ellipsis"===l,f="title"===l,x=!0===l||"tooltip"===l,m=f||x||c;var i={colid:r.id},s={},l=$.getColumnIndex(r),g=$.getVTColumnIndex(r),v=g;let h={$table:$,$grid:$.xegrid,row:C,rowIndex:T,_rowIndex:T,$rowIndex:_,column:r,columnIndex:l,$columnIndex:e,_columnIndex:g,itemIndex:v,items:C,fixed:S,type:renderType,data:F};if(A&&!m&&(c=m=!0),(f||x||u)&&(s.mouseenter=e=>{f?(0,_dom.updateCellTitle)(e.currentTarget,r):(x||u)&&$.triggerFooterTooltipEvent(e,h)}),(x||u)&&(s.mouseleave=e=>{(x||u)&&$.handleTargetLeaveEvent(e)}),s.click=e=>{$.dispatchEvent("footer-cell-click",Object.assign({cell:e.currentTarget},h),e)},s.dblclick=e=>{$.dispatchEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},h),e)},X.length){l=mergeFooterMethod(X,T,g);if(l){var{rowspan:v,colspan:l}=l;if(!v||!l)return null;1<v&&(i.rowspan=v),1<l&&(i.colspan=l)}}else if(R){var{rowspan:v=1,colspan:l=1}=R(h)||{};if(!v||!l)return null;1<v&&(i.rowspan=v),1<l&&(i.colspan=l)}v=e===b.length-1,l=!r.resizeWidth&&("auto"===r.minWidth||"auto"===r.width);let w=!1;A&&!r.fixed&&(g<H.visibleStartIndex-H.preloadSize||g>H.visibleEndIndex+H.preloadSize)&&(w=!0);g={};return m?g.height=K+"px":g.minHeight=K+"px",y("td",{class:["vxe-footer--column",r.id,{["col--"+o]:o,["col--"+t]:t,"col--last":v,"fixed--width":!l,"fixed--hidden":n,"is--padding":p,"col--ellipsis":m,"col--current":L===r},(0,_utils.getClass)(a,h),(0,_utils.getClass)(I,h)],attrs:i,style:E?_xeUtils.default.isFunction(E)?E(h):E:void 0,on:s,key:U||A||M||j.useKey||j.drag?r.id:e},[y("div",{class:["vxe-cell",{"c--title":f,"c--tooltip":x,"c--ellipsis":c}],style:g},w?[]:[y("div",{attrs:{colid:d},class:"vxe-cell--wrapper"},r.renderFooter(y,h))])])})}function renderHeads(o,i,a){let n=i.$parent;var e=n,r=n;let{fixedType:s,footerTableData:d}=i,{footerRowClassName:u,footerRowStyle:p}=e,c=r.isDragColMove,f=n.computeColumnOpts,x=n.computeColumnDragOpts;return d.map((e,r)=>{var t=r,l={$table:n,row:e,_rowIndex:t,$rowIndex:r,fixed:s,type:renderType};return f.drag&&x.animation?o("transition-group",{key:r,props:{tag:"tr",name:"vxe-header--col-list"+(c?"":"-disabled"),class:["vxe-footer--row",u?_xeUtils.default.isFunction(u)?u(l):u:""],style:p?_xeUtils.default.isFunction(p)?p(l):p:void 0}},renderRows(o,i,a,d,e,r,t)):o("tr",{key:r,class:["vxe-footer--row",u?_xeUtils.default.isFunction(u)?u(l):u:""],style:p?_xeUtils.default.isFunction(p)?p(l):p:void 0},renderRows(o,i,a,d,e,r,t))})}var _default=exports.default={name:"VxeTableFooter",props:{footerTableData:{type:Array,default:()=>[]},tableColumn:{type:Array,default:()=>[]},fixedColumn:{type:Array,default:()=>[]},fixedType:{type:String,default:null}},mounted(){var e=this,r=e.fixedType,t=e.$parent.elemStore,r=`${r||"main"}-footer-`;t[r+"wrapper"]=e.$refs.refElem,t[r+"scroll"]=e.$refs.refFooterScroll,t[r+"table"]=e.$refs.refFooterTable,t[r+"colgroup"]=e.$refs.refFooterColgroup,t[r+"list"]=e.$refs.refFooterTFoot,t[r+"xSpace"]=e.$refs.refFooterXSpace},destroyed(){var e=this.fixedType,r=this.$parent.elemStore,e=`${e||"main"}-footer-`;r[e+"wrapper"]=null,r[e+"scroll"]=null,r[e+"table"]=null,r[e+"colgroup"]=null,r[e+"list"]=null,r[e+"xSpace"]=null},render(t){let r=this.$parent;var e=r,l=r,o=r,i=r.xID;let{fixedType:a,fixedColumn:n,tableColumn:s}=this;var{spanMethod:e,footerSpanMethod:d,showFooterOverflow:u}=e,{visibleColumn:o,fullColumnIdData:p}=o,{isGroup:l,scrollXLoad:c,scrollYLoad:f,dragCol:x}=l;let m=s,g=!(c||f||u)||e||d?!1:!0;return a&&(m=o,g)&&(m=n||[]),a||l||c&&x&&2<m.length&&(f=p[x.id])&&(u=f._index,e=m[0],d=m[m.length-1],o=p[e.id],l=p[d.id],o)&&l&&(c=o._index,f=l._index,u<c?m=[x].concat(m):f<u&&(m=m.concat([x]))),t("div",{ref:"refElem",class:["vxe-table--footer-wrapper",a?`fixed-${a}--wrapper`:"body--wrapper"],attrs:{xid:i}},[t("div",{ref:"refFooterScroll",class:"vxe-table--footer-inner-wrapper",on:{scroll(e){r.triggerFooterScrollEvent(e,a)}}},[a?renderEmptyElement(r):t("div",{ref:"refFooterXSpace",class:"vxe-body--x-space"}),t("table",{ref:"refFooterTable",class:"vxe-table--footer",attrs:{xid:i,cellspacing:0,cellpadding:0,border:0}},[t("colgroup",{ref:"refFooterColgroup"},m.map((e,r)=>t("col",{attrs:{name:e.id},key:r}))),t("tfoot",{ref:"refFooterTFoot"},renderHeads(t,this,m))])])])}};

package/lib/table/src/header.js

@@ -7,11 +7,9 @@ exports.default = void 0;
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
 var _utils = require("../../ui/src/utils");
-var _dom = require("../../ui/src/dom");
 var _util = require("./util");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
-  getI18n,
   renderer,
   renderEmptyElement
 } = _ui.VxeUI;
@@ -48,6 +46,10 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
   } = tableInternalData;
   const columnOpts = $xeTable.computeColumnOpts;
   const columnDragOpts = $xeTable.computeColumnDragOpts;
+  const cellOpts = $xeTable.computeCellOpts;
+  const defaultRowHeight = $xeTable.computeDefaultRowHeight;
+  const headerCellOpts = $xeTable.computeHeaderCellOpts;
+  const currCellHeight = headerCellOpts.height || cellOpts.height || defaultRowHeight;
   const {
     disabledMethod: dragDisabledMethod,
     isCrossDrag,
@@ -70,6 +72,7 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
     const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
     const isColGroup = column.children && column.children.length;
     const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
+    const isPadding = _xeUtils.default.isBoolean(headerCellOpts.padding) ? headerCellOpts.padding : cellOpts.padding;
     const headOverflow = _xeUtils.default.isUndefined(showHeaderOverflow) || _xeUtils.default.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
     const headAlign = headerAlign || (compConf ? compConf.tableHeaderCellAlign : '') || allHeaderAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
     let showEllipsis = headOverflow === 'ellipsis';
@@ -84,7 +87,7 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
     }
     const columnIndex = $xeTable.getColumnIndex(column);
     const _columnIndex = $xeTable.getVTColumnIndex(column);
-    const params = {
+    const cellParams = {
       $table: $xeTable,
       $grid: $xeGrid,
       $rowIndex,
@@ -104,8 +107,8 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
       rowspan: column.rowSpan > 1 ? column.rowSpan : null
     };
     const thOns = {
-      click: evnt => $xeTable.triggerHeaderCellClickEvent(evnt, params),
-      dblclick: evnt => $xeTable.triggerHeaderCellDblclickEvent(evnt, params)
+      click: evnt => $xeTable.triggerHeaderCellClickEvent(evnt, cellParams),
+      dblclick: evnt => $xeTable.triggerHeaderCellDblclickEvent(evnt, cellParams)
     };
     // 虚拟滚动不支持动态高度
     if (scrollXLoad && !hasEllipsis) {
@@ -114,11 +117,11 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
     const isColDragCell = columnOpts.drag && columnDragOpts.trigger === 'cell';
     let isDisabledDrag = false;
     if (isColDragCell) {
-      isDisabledDrag = !!(dragDisabledMethod && dragDisabledMethod(params));
+      isDisabledDrag = !!(dragDisabledMethod && dragDisabledMethod(cellParams));
     }
     // 按下事件处理
     if (mouseConfig || isColDragCell) {
-      thOns.mousedown = evnt => $xeTable.triggerHeaderCellMousedownEvent(evnt, params);
+      thOns.mousedown = evnt => $xeTable.triggerHeaderCellMousedownEvent(evnt, cellParams);
     }
     // 拖拽列事件
     if (columnOpts.drag) {
@@ -129,30 +132,39 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
         thOns.mouseup = $xeTable.handleHeaderCellDragMouseupEvent;
       }
     }
+    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');
-    let isPreLoadStatus = false;
-    if (scrollXLoad && !isGroup && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex || _columnIndex > scrollXStore.visibleEndIndex)) {
-      isPreLoadStatus = true;
+    let isVNPreEmptyStatus = false;
+    if (scrollXLoad && !column.fixed && (_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('th', {
       class: ['vxe-header--column', colid, {
         [`col--${headAlign}`]: headAlign,
         [`col--${type}`]: type,
-        'col--last': $columnIndex === cols.length - 1,
+        'col--last': isLastColumn,
         'col--fixed': column.fixed,
         'col--group': isColGroup,
         'col--ellipsis': hasEllipsis,
         'fixed--width': !isAutoCellWidth,
         'fixed--hidden': fixedHiddenColumn,
+        'is--padding': isPadding,
         'is--sortable': column.sortable,
         'col--filter': !!filters,
         'is--filter-active': hasFilter,
         'is--drag-active': !column.fixed && !isDisabledDrag && (isCrossDrag || isPeerDrag || !column.parentId),
         'is--drag-disabled': isDisabledDrag,
         'col--current': currentColumn === column
-      }, (0, _utils.getClass)(headerClassName, params), (0, _utils.getClass)(headerCellClassName, params)],
+      }, (0, _utils.getClass)(headerClassName, cellParams), (0, _utils.getClass)(headerCellClassName, cellParams)],
       attrs: thAttrs,
-      style: headerCellStyle ? _xeUtils.default.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle : undefined,
+      style: headerCellStyle ? _xeUtils.default.isFunction(headerCellStyle) ? headerCellStyle(cellParams) : headerCellStyle : undefined,
       on: thOns,
       key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || columnOpts.drag || isColGroup ? colid : $columnIndex
     }, [h('div', {
@@ -160,20 +172,26 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
         'c--title': showTitle,
         'c--tooltip': showTooltip,
         'c--ellipsis': showEllipsis
-      }]
-    }, isPreLoadStatus || isOptimizeMode && fixedHiddenColumn ? [] : column.renderHeader(h, params)),
+      }],
+      style: tcStyle
+    }, isVNPreEmptyStatus || isOptimizeMode && fixedHiddenColumn ? [] : [h('div', {
+      attrs: {
+        colid
+      },
+      class: 'vxe-cell--wrapper'
+    }, column.renderHeader(h, cellParams))]),
     /**
     * 列宽拖动
     */
-    !fixedHiddenColumn && !isColGroup && (_xeUtils.default.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable) ? h('div', {
-      class: ['vxe-resizable', {
+    !fixedHiddenColumn && showResizable ? h('div', {
+      class: ['vxe-cell--col-resizable', {
         'is--line': !border || border === 'none'
       }],
       on: {
-        mousedown: evnt => _vm.resizeMousedownEvent(evnt, params),
-        dblclick: evnt => $xeTable.handleResizeDblclickEvent(evnt, params)
+        mousedown: evnt => $xeTable.handleColResizeMousedownEvent(evnt, fixedType, cellParams),
+        dblclick: evnt => $xeTable.handleColResizeDblclickEvent(evnt, cellParams)
       }
-    }) : null]);
+    }) : renderEmptyElement($xeTable)]);
   });
 };
 function renderHeads(h, _vm, isGroup, isOptimizeMode, headerGroups) {
@@ -423,139 +441,6 @@ var _default = exports.default = {
         $parent: $xetable
       } = this;
       this.headerColumn = $xetable.isGroup ? (0, _util.convertHeaderColumnToRows)(this.tableGroupColumn) : [];
-    },
-    resizeMousedownEvent(evnt, params) {
-      const $xeTable = this.$parent;
-      const tableInternalData = $xeTable;
-      const {
-        column
-      } = params;
-      const {
-        $parent: $xetable,
-        fixedType
-      } = this;
-      const {
-        visibleColumn
-      } = tableInternalData;
-      const {
-        refTableBody,
-        refLeftContainer,
-        refRightContainer
-      } = $xetable.$refs;
-      const tableEl = $xeTable.$el;
-      const resizeBarElem = $xetable.$refs.refCellResizeBar;
-      const resizeTipElem = $xetable.$refs.refCellResizeTip;
-      const wrapperElem = this.$el;
-      const {
-        clientX: dragClientX
-      } = evnt;
-      const dragBtnElem = evnt.target;
-      const cell = dragBtnElem.parentNode;
-      const cellParams = Object.assign(params, {
-        cell
-      });
-      const resizableOpts = $xeTable.computeResizableOpts;
-      let dragLeft = 0;
-      const tableBodyElem = refTableBody.$el;
-      const pos = (0, _dom.getOffsetPos)(dragBtnElem, tableEl);
-      const dragBtnWidth = dragBtnElem.clientWidth;
-      const dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
-      const minInterval = (0, _util.getColReMinWidth)(cellParams) - dragBtnOffsetWidth; // 列之间的最小间距
-      let dragMinLeft = pos.left - cell.clientWidth + dragBtnWidth + minInterval;
-      let dragPosLeft = pos.left + dragBtnOffsetWidth;
-      const domMousemove = document.onmousemove;
-      const domMouseup = document.onmouseup;
-      const isLeftFixed = fixedType === 'left';
-      const isRightFixed = fixedType === 'right';
-      // 计算左右侧固定列偏移量
-      let fixedOffsetWidth = 0;
-      if (isLeftFixed || isRightFixed) {
-        const siblingProp = isLeftFixed ? 'nextElementSibling' : 'previousElementSibling';
-        let tempCellElem = cell[siblingProp];
-        while (tempCellElem) {
-          if ((0, _dom.hasClass)(tempCellElem, 'fixed--hidden')) {
-            break;
-          } else if (!(0, _dom.hasClass)(tempCellElem, 'col--group')) {
-            fixedOffsetWidth += tempCellElem.offsetWidth;
-          }
-          tempCellElem = tempCellElem[siblingProp];
-        }
-        if (isRightFixed && refRightContainer) {
-          dragPosLeft = refRightContainer.offsetLeft + fixedOffsetWidth;
-        }
-      }
-      // 处理拖动事件
-      const updateEvent = function (evnt) {
-        evnt.stopPropagation();
-        evnt.preventDefault();
-        const offsetX = evnt.clientX - dragClientX;
-        let left = dragPosLeft + offsetX;
-        const scrollLeft = fixedType ? 0 : tableBodyElem.scrollLeft;
-        if (isLeftFixed) {
-          // 左固定列（不允许超过右侧固定列、不允许超过右边距）
-          left = Math.min(left, (refRightContainer ? refRightContainer.offsetLeft : tableBodyElem.clientWidth) - fixedOffsetWidth - minInterval);
-        } else if (isRightFixed) {
-          // 右侧固定列（不允许超过左侧固定列、不允许超过左边距）
-          dragMinLeft = (refLeftContainer ? refLeftContainer.clientWidth : 0) + fixedOffsetWidth + minInterval;
-          left = Math.min(left, dragPosLeft + cell.clientWidth - minInterval);
-        } else {
-          dragMinLeft = Math.max(tableBodyElem.scrollLeft, dragMinLeft);
-          // left = Math.min(left, tableBodyElem.clientWidth + tableBodyElem.scrollLeft - 40)
-        }
-        dragLeft = Math.max(left, dragMinLeft);
-        const resizeBarLeft = dragLeft - scrollLeft;
-        resizeBarElem.style.left = `${resizeBarLeft}px`;
-        if (resizableOpts.showDragTip && resizeTipElem) {
-          const tableWidth = tableEl.clientWidth;
-          const wrapperRect = wrapperElem.getBoundingClientRect();
-          const resizeBarWidth = resizeBarElem.clientWidth;
-          const resizeTipWidth = resizeTipElem.clientWidth;
-          const resizeTipHeight = resizeTipElem.clientHeight;
-          let resizeTipLeft = -resizeTipWidth;
-          if (resizeBarLeft < resizeTipWidth + resizeBarWidth) {
-            resizeTipLeft = resizeTipWidth + resizeBarWidth - resizeBarLeft;
-          } else if (resizeBarLeft > tableWidth) {
-            resizeTipLeft += tableWidth - resizeBarLeft;
-          }
-          resizeTipElem.style.left = `${resizeTipLeft}px`;
-          resizeTipElem.style.top = `${Math.min(tableEl.clientHeight - resizeTipHeight, Math.max(0, evnt.clientY - wrapperRect.y - resizeTipHeight / 2))}px`;
-          resizeTipElem.textContent = getI18n('vxe.table.resizeColTip', [column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft)]);
-        }
-      };
-      $xetable._isResize = true;
-      (0, _dom.addClass)($xetable.$el, 'drag--resize');
-      resizeBarElem.style.display = 'block';
-      document.onmousemove = updateEvent;
-      document.onmouseup = function (evnt) {
-        document.onmousemove = domMousemove;
-        document.onmouseup = domMouseup;
-        const resizeWidth = column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft);
-        column.resizeWidth = resizeWidth;
-        if (resizableOpts.dragMode === 'fixed') {
-          visibleColumn.forEach(item => {
-            if (item.id !== column.id) {
-              if (!item.resizeWidth) {
-                item.resizeWidth = item.renderWidth;
-              }
-            }
-          });
-        }
-        resizeBarElem.style.display = 'none';
-        $xetable._isResize = false;
-        $xetable._lastResizeTime = Date.now();
-        $xetable.analyColumnWidth();
-        $xetable.recalculate(true).then(() => {
-          $xetable.saveCustomStore('update:visible');
-          $xetable.updateCellAreas();
-          $xetable.emitEvent('resizable-change', Object.assign(Object.assign({}, params), {
-            resizeWidth
-          }), evnt);
-          setTimeout(() => $xetable.recalculate(true), 300);
-        });
-        (0, _dom.removeClass)($xetable.$el, 'drag--resize');
-      };
-      updateEvent(evnt);
-      $xetable.closeMenu();
     }
   }
 };

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,renderer,renderEmptyElement}=_ui.VxeUI,cellType="header",renderRows=(_,w,H,$,z,T)=>{let D=w.$parent,E=D.xegrid;var e=D,l=D,r=D;let R=w.fixedType,{resizable:S,border:M,columnKey:W,headerCellClassName:I,headerCellStyle:O,showHeaderOverflow:k,headerAlign:U,align:A,mouseConfig:L}=e,{currentColumn:X,scrollXLoad:q,scrollYLoad:F,overflowX:B}=l,N=r.scrollXStore,j=D.computeColumnOpts,G=D.computeColumnDragOpts,{disabledMethod:P,isCrossDrag:V,isPeerDrag:Y}=G;return z.map((e,l)=>{var{type:r,showHeaderOverflow:t,headerAlign:a,align:i,filters:d,headerClassName:n,editRender:o,cellRender:s}=e,u=e.id,o=o||s,s=o?renderer.get(o.name):null,o=e.children&&e.children.length,c=R?e.fixed!==R&&!o:e.fixed&&B,t=_xeUtils.default.isUndefined(t)||_xeUtils.default.isNull(t)?k:t,a=a||(s?s.tableHeaderCellAlign:"")||U||i||(s?s.tableCellAlign:"")||A;let p="ellipsis"===t;i="title"===t,s=!0===t||"tooltip"===t;let f=i||s||p,m=!1,h=null;d&&(h=d[0],m=d.some(e=>e.checked));var t=D.getColumnIndex(e),g=D.getVTColumnIndex(e);let v={$table:D,$grid:E,$rowIndex:T,column:e,columnIndex:t,$columnIndex:l,_columnIndex:g,firstFilterOption:h,fixed:R,type:cellType,isHidden:c,hasFilter:m};var t={colid:u,colspan:1<e.colSpan?e.colSpan:null,rowspan:1<e.rowSpan?e.rowSpan:null},x={click:e=>D.triggerHeaderCellClickEvent(e,v),dblclick:e=>D.triggerHeaderCellDblclickEvent(e,v)},C=(q&&!f&&(p=f=!0),j.drag&&"cell"===G.trigger);let b=!1;C&&(b=!(!P||!P(v))),(L||C)&&(x.mousedown=e=>D.triggerHeaderCellMousedownEvent(e,v)),j.drag&&(x.dragstart=D.handleHeaderCellDragDragstartEvent,x.dragend=D.handleHeaderCellDragDragendEvent,x.dragover=D.handleHeaderCellDragDragoverEvent,C)&&(x.mouseup=D.handleHeaderCellDragMouseupEvent);C=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width);let y=!1;return q&&!H&&!e.fixed&&(g<N.visibleStartIndex||g>N.visibleEndIndex)&&(y=!0),_("th",{class:["vxe-header--column",u,{["col--"+a]:a,["col--"+r]:r,"col--last":l===z.length-1,"col--fixed":e.fixed,"col--group":o,"col--ellipsis":f,"fixed--width":!C,"fixed--hidden":c,"is--sortable":e.sortable,"col--filter":!!d,"is--filter-active":m,"is--drag-active":!e.fixed&&!b&&(V||Y||!e.parentId),"is--drag-disabled":b,"col--current":X===e},(0,_utils.getClass)(n,v),(0,_utils.getClass)(I,v)],attrs:t,style:O?_xeUtils.default.isFunction(O)?O(v):O:void 0,on:x,key:W||q||F||j.useKey||j.drag||o?u:l},[_("div",{class:["vxe-cell",{"c--title":i,"c--tooltip":s,"c--ellipsis":p}]},y||$&&c?[]:e.renderHeader(_,v)),c||o||!(_xeUtils.default.isBoolean(e.resizable)?e.resizable:j.resizable||S)?null:_("div",{class:["vxe-resizable",{"is--line":!M||"none"===M}],on:{mousedown:e=>w.resizeMousedownEvent(e,v),dblclick:e=>D.handleResizeDblclickEvent(e,v)}})])})};function renderHeads(t,a,i,d,e){let n=a.$parent;var l=n,r=n;let o=a.fixedType,s=n.computeColumnOpts,u=n.computeColumnDragOpts,{headerRowClassName:c,headerRowStyle:p}=l,f=r.isDragColMove;return e.map((e,l)=>{var r={$table:n,$rowIndex:l,fixed:o,type:cellType};return s.drag&&u.animation?t("transition-group",{key:l,props:{tag:"tr",name:"vxe-header--col-list"+(f?"":"-disabled"),class:["vxe-header--row",c?_xeUtils.default.isFunction(c)?c(r):c:""],style:p?_xeUtils.default.isFunction(p)?p(r):p:null}},renderRows(t,a,i,d,e,l)):t("tr",{key:l,class:["vxe-header--row",c?_xeUtils.default.isFunction(c)?c(r):c:""],style:p?_xeUtils.default.isFunction(p)?p(r):p:void 0},renderRows(t,a,i,d,e,l))})}var _default=exports.default={name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},data(){return{headerColumn:[]}},watch:{tableColumn(){this.uploadColumn()}},created(){this.uploadColumn()},mounted(){var e=this,l=e.fixedType,r=e.$parent.elemStore,l=`${l||"main"}-header-`;r[l+"wrapper"]=e.$refs.refElem,r[l+"scroll"]=e.$refs.refHeaderScroll,r[l+"table"]=e.$refs.refHeaderTable,r[l+"colgroup"]=e.$refs.refHeaderColgroup,r[l+"list"]=e.$refs.refHeaderTHead,r[l+"xSpace"]=e.$refs.refHeaderXSpace,r[l+"repair"]=e.$refs.refHeaderBorderRepair},destroyed(){var e=this.fixedType,l=this.$parent.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},render(r){let l=this.$parent;var e=l,t=l,a=l,i=l.xID;let{fixedType:d,fixedColumn:n,tableColumn:o}=this;var s=this.headerColumn,{showHeaderOverflow:e,spanMethod:u,footerSpanMethod:c}=e,{isGroup:t,scrollXLoad:p,scrollYLoad:f,dragCol:m}=t,{visibleColumn:a,fullColumnIdData:h}=a;let g=s,v=o,x=!1;return t?v=a:(!(p||f||e)||u||c||(x=!0),d&&(v=a,x)&&(v=n||[]),g=[v]),d||t||p&&m&&2<v.length&&(s=h[m.id])&&(f=s._index,e=v[0],u=v[v.length-1],c=h[e.id],a=h[u.id],c)&&a&&(p=c._index,s=a._index,f<p?(v=[m].concat(v),g=[[m].concat(g[0])].concat(g.slice(1))):s<f&&(v=v.concat([m]),g=[g[0].concat([m])].concat(g.slice(1)))),r("div",{ref:"refElem",class:["vxe-table--header-wrapper",d?`fixed-${d}--wrapper`:"body--wrapper"],attrs:{xid:i}},[r("div",{ref:"refHeaderScroll",class:"vxe-table--header-inner-wrapper",on:{scroll(e){l.triggerHeaderScrollEvent(e,d)}}},[d?renderEmptyElement(l):r("div",{ref:"refHeaderXSpace",class:"vxe-body--x-space"}),r("table",{ref:"refHeaderTable",class:"vxe-table--header",attrs:{xid:i,cellspacing:0,cellpadding:0,border:0}},[r("colgroup",{ref:"refHeaderColgroup"},v.map((e,l)=>r("col",{attrs:{name:e.id},key:l}))),r("thead",{ref:"refHeaderTHead"},renderHeads(r,this,t,x,g))]),r("div",{ref:"refHeaderBorderRepair",class:"vxe-table--header-border-line"})])])},methods:{uploadColumn(){var e=this.$parent;this.headerColumn=e.isGroup?(0,_util.convertHeaderColumnToRows)(this.tableGroupColumn):[]},resizeMousedownEvent(e,r){var l=this.$parent;let o=r.column,{$parent:t,fixedType:s}=this,a=l.visibleColumn,{refTableBody:i,refLeftContainer:u,refRightContainer:c}=t.$refs,p=l.$el,f=t.$refs.refCellResizeBar,m=t.$refs.refCellResizeTip,h=this.$el,g=e.clientX;var d=e.target;let v=d.parentNode;var n=Object.assign(r,{cell:v});let x=l.computeResizableOpts,C=0,b=i.$el;var l=(0,_dom.getOffsetPos)(d,p),d=d.clientWidth,y=Math.floor(d/2);let _=(0,_util.getColReMinWidth)(n)-y,w=l.left-v.clientWidth+d+_,H=l.left+y,$=document.onmousemove,z=document.onmouseup,T="left"===s,D="right"===s,E=0;if(T||D){var R=T?"nextElementSibling":"previousElementSibling";let e=v[R];for(;e&&!(0,_dom.hasClass)(e,"fixed--hidden");)(0,_dom.hasClass)(e,"col--group")||(E+=e.offsetWidth),e=e[R];D&&c&&(H=c.offsetLeft+E)}function S(l){l.stopPropagation(),l.preventDefault();var r=l.clientX-g;let e=H+r;if(r=s?0:b.scrollLeft,T?e=Math.min(e,(c?c.offsetLeft:b.clientWidth)-E-_):D?(w=(u?u.clientWidth:0)+E+_,e=Math.min(e,H+v.clientWidth-_)):w=Math.max(b.scrollLeft,w),r=(C=Math.max(e,w))-r,f.style.left=r+"px",x.showDragTip&&m){var t=p.clientWidth,a=h.getBoundingClientRect(),i=f.clientWidth,d=m.clientWidth,n=m.clientHeight;let e=-d;r<d+i?e=d+i-r:t<r&&(e+=t-r),m.style.left=e+"px",m.style.top=Math.min(p.clientHeight-n,Math.max(0,l.clientY-a.y-n/2))+"px",m.textContent=getI18n("vxe.table.resizeColTip",[o.renderWidth+(D?H-C:C-H)])}}t._isResize=!0,(0,_dom.addClass)(t.$el,"drag--resize"),f.style.display="block",document.onmousemove=S,document.onmouseup=function(e){document.onmousemove=$,document.onmouseup=z;let l=o.renderWidth+(D?H-C:C-H);o.resizeWidth=l,"fixed"===x.dragMode&&a.forEach(e=>{e.id===o.id||e.resizeWidth||(e.resizeWidth=e.renderWidth)}),f.style.display="none",t._isResize=!1,t._lastResizeTime=Date.now(),t.analyColumnWidth(),t.recalculate(!0).then(()=>{t.saveCustomStore("update:visible"),t.updateCellAreas(),t.emitEvent("resizable-change",Object.assign(Object.assign({},r),{resizeWidth:l}),e),setTimeout(()=>t.recalculate(!0),300)}),(0,_dom.removeClass)(t.$el,"drag--resize")},S(e),t.closeMenu()}}};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,cellType="header",renderRows=($,e,l,S,D,E)=>{let T=e.$parent,R=T.xegrid;var r=T,a=T,t=T;let I=e.fixedType,{resizable:U,border:k,columnKey:O,headerCellClassName:z,headerCellStyle:M,showHeaderOverflow:A,headerAlign:F,align:q,mouseConfig:X}=r,{currentColumn:B,scrollXLoad:G,scrollYLoad:L,overflowX:N}=a,V=t.scrollXStore,K=T.computeColumnOpts,P=T.computeColumnDragOpts,W=T.computeCellOpts;e=T.computeDefaultRowHeight;let Y=T.computeHeaderCellOpts,j=Y.height||W.height||e,{disabledMethod:J,isCrossDrag:Q,isPeerDrag:Z}=P;return D.map((e,l)=>{var{type:r,showHeaderOverflow:a,headerAlign:t,align:d,filters:i,headerClassName:o,editRender:n,cellRender:s}=e,u=e.id,n=n||s,s=n?renderer.get(n.name):null,n=e.children&&e.children.length,c=I?e.fixed!==I&&!n:e.fixed&&N,p=(_xeUtils.default.isBoolean(Y.padding)?Y:W).padding,a=_xeUtils.default.isUndefined(a)||_xeUtils.default.isNull(a)?A:a,t=t||(s?s.tableHeaderCellAlign:"")||F||d||(s?s.tableCellAlign:"")||q;let f="ellipsis"===a;d="title"===a,s=!0===a||"tooltip"===a;let h=d||s||f,g=!1,m=null;i&&(m=i[0],g=i.some(e=>e.checked));var a=T.getColumnIndex(e),x=T.getVTColumnIndex(e);let v={$table:T,$grid:R,$rowIndex:E,column:e,columnIndex:a,$columnIndex:l,_columnIndex:x,firstFilterOption:m,fixed:I,type:cellType,isHidden:c,hasFilter:g};var a={colid:u,colspan:1<e.colSpan?e.colSpan:null,rowspan:1<e.rowSpan?e.rowSpan:null},C={click:e=>T.triggerHeaderCellClickEvent(e,v),dblclick:e=>T.triggerHeaderCellDblclickEvent(e,v)},b=(G&&!h&&(f=h=!0),K.drag&&"cell"===P.trigger);let y=!1;b&&(y=!(!J||!J(v))),(X||b)&&(C.mousedown=e=>T.triggerHeaderCellMousedownEvent(e,v)),K.drag&&(C.dragstart=T.handleHeaderCellDragDragstartEvent,C.dragend=T.handleHeaderCellDragDragendEvent,C.dragover=T.handleHeaderCellDragDragoverEvent,b)&&(C.mouseup=T.handleHeaderCellDragMouseupEvent);var b=l===D.length-1,w=_xeUtils.default.isBoolean(e.resizable)?e.resizable:K.resizable||U,H=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width);let _=!1;G&&!e.fixed&&(x<V.visibleStartIndex-V.preloadSize||x>V.visibleEndIndex+V.preloadSize)&&(_=!0);x={};return h?x.height=j+"px":x.minHeight=j+"px",$("th",{class:["vxe-header--column",u,{["col--"+t]:t,["col--"+r]:r,"col--last":b,"col--fixed":e.fixed,"col--group":n,"col--ellipsis":h,"fixed--width":!H,"fixed--hidden":c,"is--padding":p,"is--sortable":e.sortable,"col--filter":!!i,"is--filter-active":g,"is--drag-active":!e.fixed&&!y&&(Q||Z||!e.parentId),"is--drag-disabled":y,"col--current":B===e},(0,_utils.getClass)(o,v),(0,_utils.getClass)(z,v)],attrs:a,style:M?_xeUtils.default.isFunction(M)?M(v):M:void 0,on:C,key:O||G||L||K.useKey||K.drag||n?u:l},[$("div",{class:["vxe-cell",{"c--title":d,"c--tooltip":s,"c--ellipsis":f}],style:x},_||S&&c?[]:[$("div",{attrs:{colid:u},class:"vxe-cell--wrapper"},e.renderHeader($,v))]),!c&&w?$("div",{class:["vxe-cell--col-resizable",{"is--line":!k||"none"===k}],on:{mousedown:e=>T.handleColResizeMousedownEvent(e,I,v),dblclick:e=>T.handleColResizeDblclickEvent(e,v)}}):renderEmptyElement(T)])})};function renderHeads(a,t,d,i,e){let o=t.$parent;var l=o,r=o;let n=t.fixedType,s=o.computeColumnOpts,u=o.computeColumnDragOpts,{headerRowClassName:c,headerRowStyle:p}=l,f=r.isDragColMove;return e.map((e,l)=>{var r={$table:o,$rowIndex:l,fixed:n,type:cellType};return s.drag&&u.animation?a("transition-group",{key:l,props:{tag:"tr",name:"vxe-header--col-list"+(f?"":"-disabled"),class:["vxe-header--row",c?_xeUtils.default.isFunction(c)?c(r):c:""],style:p?_xeUtils.default.isFunction(p)?p(r):p:null}},renderRows(a,t,d,i,e,l)):a("tr",{key:l,class:["vxe-header--row",c?_xeUtils.default.isFunction(c)?c(r):c:""],style:p?_xeUtils.default.isFunction(p)?p(r):p:void 0},renderRows(a,t,d,i,e,l))})}var _default=exports.default={name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},data(){return{headerColumn:[]}},watch:{tableColumn(){this.uploadColumn()}},created(){this.uploadColumn()},mounted(){var e=this,l=e.fixedType,r=e.$parent.elemStore,l=`${l||"main"}-header-`;r[l+"wrapper"]=e.$refs.refElem,r[l+"scroll"]=e.$refs.refHeaderScroll,r[l+"table"]=e.$refs.refHeaderTable,r[l+"colgroup"]=e.$refs.refHeaderColgroup,r[l+"list"]=e.$refs.refHeaderTHead,r[l+"xSpace"]=e.$refs.refHeaderXSpace,r[l+"repair"]=e.$refs.refHeaderBorderRepair},destroyed(){var e=this.fixedType,l=this.$parent.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},render(r){let l=this.$parent;var e=l,a=l,t=l,d=l.xID;let{fixedType:i,fixedColumn:o,tableColumn:n}=this;var s=this.headerColumn,{showHeaderOverflow:e,spanMethod:u,footerSpanMethod:c}=e,{isGroup:a,scrollXLoad:p,scrollYLoad:f,dragCol:h}=a,{visibleColumn:t,fullColumnIdData:g}=t;let m=s,x=n,v=!1;return a?x=t:(!(p||f||e)||u||c||(v=!0),i&&(x=t,v)&&(x=o||[]),m=[x]),i||a||p&&h&&2<x.length&&(s=g[h.id])&&(f=s._index,e=x[0],u=x[x.length-1],c=g[e.id],t=g[u.id],c)&&t&&(p=c._index,s=t._index,f<p?(x=[h].concat(x),m=[[h].concat(m[0])].concat(m.slice(1))):s<f&&(x=x.concat([h]),m=[m[0].concat([h])].concat(m.slice(1)))),r("div",{ref:"refElem",class:["vxe-table--header-wrapper",i?`fixed-${i}--wrapper`:"body--wrapper"],attrs:{xid:d}},[r("div",{ref:"refHeaderScroll",class:"vxe-table--header-inner-wrapper",on:{scroll(e){l.triggerHeaderScrollEvent(e,i)}}},[i?renderEmptyElement(l):r("div",{ref:"refHeaderXSpace",class:"vxe-body--x-space"}),r("table",{ref:"refHeaderTable",class:"vxe-table--header",attrs:{xid:d,cellspacing:0,cellpadding:0,border:0}},[r("colgroup",{ref:"refHeaderColgroup"},x.map((e,l)=>r("col",{attrs:{name:e.id},key:l}))),r("thead",{ref:"refHeaderTHead"},renderHeads(r,this,a,v,m))]),r("div",{ref:"refHeaderBorderRepair",class:"vxe-table--header-border-line"})])])},methods:{uploadColumn(){var e=this.$parent;this.headerColumn=e.isGroup?(0,_util.convertHeaderColumnToRows)(this.tableGroupColumn):[]}}};