vxe-table 3.12.9 → 3.12.10-beta.0

package/lib/table/src/header.js

@@ -16,12 +16,16 @@ const {
   renderEmptyElement
 } = _ui.VxeUI;
 const cellType = 'header';
-const renderRows = (h, _vm, cols, $rowIndex) => {
+const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
+  const props = _vm;
   const $xeTable = _vm.$parent;
   const $xeGrid = $xeTable.xegrid;
+  const tableProps = $xeTable;
+  const tableReactData = $xeTable;
+  const tableInternalData = $xeTable;
   const {
     fixedType
-  } = _vm;
+  } = props;
   const {
     resizable: allResizable,
     border,
@@ -31,14 +35,18 @@ const renderRows = (h, _vm, cols, $rowIndex) => {
     showHeaderOverflow: allColumnHeaderOverflow,
     headerAlign: allHeaderAlign,
     align: allAlign,
+    mouseConfig
+  } = tableProps;
+  const {
     currentColumn,
     scrollXLoad,
     scrollYLoad,
-    overflowX,
-    scrollbarWidth,
-    mouseConfig,
-    columnOpts
-  } = $xeTable;
+    overflowX
+  } = tableReactData;
+  const {
+    scrollXStore
+  } = tableInternalData;
+  const columnOpts = $xeTable.computeColumnOpts;
   const columnDragOpts = $xeTable.computeColumnDragOpts;
   const {
     disabledMethod: dragDisabledMethod,
@@ -122,6 +130,10 @@ const renderRows = (h, _vm, cols, $rowIndex) => {
       }
     }
     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;
+    }
     return h('th', {
       class: ['vxe-header--column', colid, {
         [`col--${headAlign}`]: headAlign,
@@ -140,7 +152,7 @@ const renderRows = (h, _vm, cols, $rowIndex) => {
         'col--current': currentColumn === column
       }, (0, _utils.getClass)(headerClassName, params), (0, _utils.getClass)(headerCellClassName, params)],
       attrs: thAttrs,
-      style: headerCellStyle ? _xeUtils.default.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle : null,
+      style: headerCellStyle ? _xeUtils.default.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle : undefined,
       on: thOns,
       key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || columnOpts.drag || isColGroup ? colid : $columnIndex
     }, [h('div', {
@@ -149,7 +161,7 @@ const renderRows = (h, _vm, cols, $rowIndex) => {
         'c--tooltip': showTooltip,
         'c--ellipsis': showEllipsis
       }]
-    }, column.renderHeader(h, params)),
+    }, isPreLoadStatus || isOptimizeMode && fixedHiddenColumn ? [] : column.renderHeader(h, params)),
     /**
     * 列宽拖动
     */
@@ -162,17 +174,16 @@ const renderRows = (h, _vm, cols, $rowIndex) => {
         dblclick: evnt => $xeTable.handleResizeDblclickEvent(evnt, params)
       }
     }) : null]);
-  }).concat(scrollbarWidth ? [h('th', {
-    key: `gr${$rowIndex}`,
-    class: 'vxe-header--gutter col--gutter'
-  })] : []);
+  });
 };
-function renderHeads(h, _vm, headerGroups) {
+function renderHeads(h, _vm, isGroup, isOptimizeMode, headerGroups) {
+  const props = _vm;
   const $xeTable = _vm.$parent;
   const tableProps = $xeTable;
+  const tableReactData = $xeTable;
   const {
     fixedType
-  } = _vm;
+  } = props;
   const columnOpts = $xeTable.computeColumnOpts;
   const columnDragOpts = $xeTable.computeColumnDragOpts;
   const {
@@ -181,7 +192,7 @@ function renderHeads(h, _vm, headerGroups) {
   } = tableProps;
   const {
     isDragColMove
-  } = $xeTable;
+  } = tableReactData;
   return headerGroups.map((cols, $rowIndex) => {
     const params = {
       $table: $xeTable,
@@ -198,13 +209,13 @@ function renderHeads(h, _vm, headerGroups) {
           class: ['vxe-header--row', headerRowClassName ? _xeUtils.default.isFunction(headerRowClassName) ? headerRowClassName(params) : headerRowClassName : ''],
           style: headerRowStyle ? _xeUtils.default.isFunction(headerRowStyle) ? headerRowStyle(params) : headerRowStyle : null
         }
-      }, renderRows(h, _vm, cols, $rowIndex));
+      }, renderRows(h, _vm, isGroup, isOptimizeMode, cols, $rowIndex));
     }
     return h('tr', {
       key: $rowIndex,
       class: ['vxe-header--row', headerRowClassName ? _xeUtils.default.isFunction(headerRowClassName) ? headerRowClassName(params) : headerRowClassName : ''],
-      style: headerRowStyle ? _xeUtils.default.isFunction(headerRowStyle) ? headerRowStyle(params) : headerRowStyle : null
-    }, renderRows(h, _vm, cols, $rowIndex));
+      style: headerRowStyle ? _xeUtils.default.isFunction(headerRowStyle) ? headerRowStyle(params) : headerRowStyle : undefined
+    }, renderRows(h, _vm, isGroup, isOptimizeMode, cols, $rowIndex));
   });
 }
 var _default = exports.default = {
@@ -214,8 +225,10 @@ var _default = exports.default = {
     tableColumn: Array,
     tableGroupColumn: Array,
     fixedColumn: Array,
-    size: String,
-    fixedType: String
+    fixedType: {
+      type: String,
+      default: null
+    }
   },
   data() {
     return {
@@ -231,33 +244,38 @@ var _default = exports.default = {
     this.uploadColumn();
   },
   mounted() {
+    const _vm = this;
+    const props = _vm;
+    const $xeTable = _vm.$parent;
+    const internalData = $xeTable;
     const {
-      $parent: $xetable,
-      $el,
-      $refs,
       fixedType
-    } = this;
+    } = props;
     const {
       elemStore
-    } = $xetable;
+    } = internalData;
     const prefix = `${fixedType || 'main'}-header-`;
-    elemStore[`${prefix}wrapper`] = $el;
-    elemStore[`${prefix}table`] = $refs.table;
-    elemStore[`${prefix}colgroup`] = $refs.colgroup;
-    elemStore[`${prefix}list`] = $refs.thead;
-    elemStore[`${prefix}xSpace`] = $refs.xSpace;
-    elemStore[`${prefix}repair`] = $refs.repair;
+    elemStore[`${prefix}wrapper`] = _vm.$refs.refElem;
+    elemStore[`${prefix}scroll`] = _vm.$refs.refHeaderScroll;
+    elemStore[`${prefix}table`] = _vm.$refs.refHeaderTable;
+    elemStore[`${prefix}colgroup`] = _vm.$refs.refHeaderColgroup;
+    elemStore[`${prefix}list`] = _vm.$refs.refHeaderTHead;
+    elemStore[`${prefix}xSpace`] = _vm.$refs.refHeaderXSpace;
+    elemStore[`${prefix}repair`] = _vm.$refs.refHeaderBorderRepair;
   },
   destroyed() {
+    const props = this;
+    const $xeTable = this.$parent;
+    const internalData = $xeTable;
     const {
-      $parent: $xetable,
       fixedType
-    } = this;
+    } = props;
     const {
       elemStore
-    } = $xetable;
+    } = internalData;
     const prefix = `${fixedType || 'main'}-header-`;
     elemStore[`${prefix}wrapper`] = null;
+    elemStore[`${prefix}scroll`] = null;
     elemStore[`${prefix}table`] = null;
     elemStore[`${prefix}colgroup`] = null;
     elemStore[`${prefix}list`] = null;
@@ -271,7 +289,7 @@ var _default = exports.default = {
     const tableReactData = $xeTable;
     const tableInternalData = $xeTable;
     const {
-      tId
+      xID
     } = $xeTable;
     const {
       fixedType,
@@ -290,7 +308,6 @@ var _default = exports.default = {
       isGroup,
       scrollXLoad,
       scrollYLoad,
-      scrollbarWidth,
       dragCol
     } = tableReactData;
     const {
@@ -299,20 +316,23 @@ var _default = exports.default = {
     } = tableInternalData;
     let renderHeaderList = headerColumn;
     let renderColumnList = tableColumn;
+    let isOptimizeMode = false;
     if (isGroup) {
       renderColumnList = visibleColumn;
     } else {
-      if (fixedType) {
-        // 如果是使用优化模式
-        if (scrollXLoad || scrollYLoad || allColumnHeaderOverflow) {
+      // 如果是使用优化模式
+      if (scrollXLoad || scrollYLoad || allColumnHeaderOverflow) {
+        if (spanMethod || footerSpanMethod) {
           // 如果不支持优化模式
-          if (spanMethod || footerSpanMethod) {
-            renderColumnList = visibleColumn;
-          } else {
-            renderColumnList = fixedColumn || [];
-          }
         } else {
-          renderColumnList = visibleColumn;
+          isOptimizeMode = true;
+        }
+      }
+      if (fixedType) {
+        renderColumnList = visibleColumn;
+        // 如果是使用优化模式
+        if (isOptimizeMode) {
+          renderColumnList = fixedColumn || [];
         }
       }
       renderHeaderList = [renderColumnList];
@@ -331,7 +351,6 @@ var _default = exports.default = {
             if (firstColRest && lastColRest) {
               const fcIndex = firstColRest._index;
               const lcIndex = lastColRest._index;
-              console.log(dragCol.id, dcIndex, fcIndex, lcIndex, renderColumnList.length);
               if (dcIndex < fcIndex) {
                 renderColumnList = [dragCol].concat(renderColumnList);
                 renderHeaderList = [[dragCol].concat(renderHeaderList[0])].concat(renderHeaderList.slice(1));
@@ -339,35 +358,43 @@ var _default = exports.default = {
                 renderColumnList = renderColumnList.concat([dragCol]);
                 renderHeaderList = [renderHeaderList[0].concat([dragCol])].concat(renderHeaderList.slice(1));
               }
-              console.log(renderColumnList.length);
             }
           }
         }
       }
     }
     return h('div', {
+      ref: 'refElem',
       class: ['vxe-table--header-wrapper', fixedType ? `fixed-${fixedType}--wrapper` : 'body--wrapper'],
       attrs: {
-        xid: tId
+        xid: xID
+      }
+    }, [h('div', {
+      ref: 'refHeaderScroll',
+      class: 'vxe-table--header-inner-wrapper',
+      on: {
+        scroll(evnt) {
+          $xeTable.triggerHeaderScrollEvent(evnt, fixedType);
+        }
       }
     }, [fixedType ? renderEmptyElement($xeTable) : h('div', {
-      class: 'vxe-body--x-space',
-      ref: 'xSpace'
+      ref: 'refHeaderXSpace',
+      class: 'vxe-body--x-space'
     }), h('table', {
+      ref: 'refHeaderTable',
       class: 'vxe-table--header',
       attrs: {
-        xid: tId,
+        xid: xID,
         cellspacing: 0,
         cellpadding: 0,
         border: 0
-      },
-      ref: 'table'
+      }
     }, [
     /**
      * 列宽
      */
     h('colgroup', {
-      ref: 'colgroup'
+      ref: 'refHeaderColgroup'
     }, renderColumnList.map((column, $columnIndex) => {
       return h('col', {
         attrs: {
@@ -375,24 +402,20 @@ var _default = exports.default = {
         },
         key: $columnIndex
       });
-    }).concat(scrollbarWidth ? [h('col', {
-      attrs: {
-        name: 'col_gutter'
-      }
-    })] : [])),
+    })),
     /**
      * 头部
      */
     h('thead', {
-      ref: 'thead'
-    }, renderHeads(h, this, renderHeaderList))]),
+      ref: 'refHeaderTHead'
+    }, renderHeads(h, this, isGroup, isOptimizeMode, renderHeaderList))]),
     /**
      * 其他
      */
     h('div', {
-      class: 'vxe-table--header-border-line',
-      ref: 'repair'
-    })]);
+      ref: 'refHeaderBorderRepair',
+      class: 'vxe-table--header-border-line'
+    })])]);
   },
   methods: {
     uploadColumn() {
@@ -415,12 +438,12 @@ var _default = exports.default = {
         visibleColumn
       } = tableInternalData;
       const {
-        tableBody,
-        leftContainer,
-        rightContainer
+        refTableBody,
+        refLeftContainer,
+        refRightContainer
       } = $xetable.$refs;
       const tableEl = $xeTable.$el;
-      const resizeBarElem = $xetable.$refs.resizeBar;
+      const resizeBarElem = $xetable.$refs.refCellResizeBar;
       const resizeTipElem = $xetable.$refs.refCellResizeTip;
       const wrapperElem = this.$el;
       const {
@@ -433,7 +456,7 @@ var _default = exports.default = {
       });
       const resizableOpts = $xeTable.computeResizableOpts;
       let dragLeft = 0;
-      const tableBodyElem = tableBody.$el;
+      const tableBodyElem = refTableBody.$el;
       const pos = (0, _dom.getOffsetPos)(dragBtnElem, tableEl);
       const dragBtnWidth = dragBtnElem.clientWidth;
       const dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
@@ -457,8 +480,8 @@ var _default = exports.default = {
           }
           tempCellElem = tempCellElem[siblingProp];
         }
-        if (isRightFixed && rightContainer) {
-          dragPosLeft = rightContainer.offsetLeft + fixedOffsetWidth;
+        if (isRightFixed && refRightContainer) {
+          dragPosLeft = refRightContainer.offsetLeft + fixedOffsetWidth;
         }
       }
       // 处理拖动事件
@@ -470,10 +493,10 @@ var _default = exports.default = {
         const scrollLeft = fixedType ? 0 : tableBodyElem.scrollLeft;
         if (isLeftFixed) {
           // 左固定列（不允许超过右侧固定列、不允许超过右边距）
-          left = Math.min(left, (rightContainer ? rightContainer.offsetLeft : tableBodyElem.clientWidth) - fixedOffsetWidth - minInterval);
+          left = Math.min(left, (refRightContainer ? refRightContainer.offsetLeft : tableBodyElem.clientWidth) - fixedOffsetWidth - minInterval);
         } else if (isRightFixed) {
           // 右侧固定列（不允许超过左侧固定列、不允许超过左边距）
-          dragMinLeft = (leftContainer ? leftContainer.clientWidth : 0) + fixedOffsetWidth + minInterval;
+          dragMinLeft = (refLeftContainer ? refLeftContainer.clientWidth : 0) + fixedOffsetWidth + minInterval;
           left = Math.min(left, dragPosLeft + cell.clientWidth - minInterval);
         } else {
           dragMinLeft = Math.max(tableBodyElem.scrollLeft, dragMinLeft);

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