vxe-table 3.12.10-beta.8 → 3.12.10

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 = (0, _util.getCellHeight)(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) {
@@ -132,9 +135,15 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
     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, {
@@ -146,15 +155,16 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
         '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', {
@@ -162,18 +172,24 @@ 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 && showResizable ? h('div', {
-      class: ['vxe-resizable', {
+      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)
       }
     }) : renderEmptyElement($xeTable)]);
   });
@@ -193,6 +209,7 @@ function renderHeads(h, _vm, isGroup, isOptimizeMode, headerGroups) {
     headerRowStyle
   } = tableProps;
   const {
+    isColLoading,
     isDragColMove
   } = tableReactData;
   return headerGroups.map((cols, $rowIndex) => {
@@ -202,7 +219,7 @@ function renderHeads(h, _vm, isGroup, isOptimizeMode, headerGroups) {
       fixed: fixedType,
       type: cellType
     };
-    if (columnOpts.drag && columnDragOpts.animation) {
+    if (!isColLoading && columnOpts.drag && columnDragOpts.animation) {
       return h('transition-group', {
         key: $rowIndex,
         props: {
@@ -302,6 +319,7 @@ var _default = exports.default = {
       headerColumn
     } = this;
     const {
+      mouseConfig,
       showHeaderOverflow: allColumnHeaderOverflow,
       spanMethod,
       footerSpanMethod
@@ -316,6 +334,7 @@ var _default = exports.default = {
       visibleColumn,
       fullColumnIdData
     } = tableInternalData;
+    const mouseOpts = $xeTable.computeMouseOpts;
     let renderHeaderList = headerColumn;
     let renderColumnList = tableColumn;
     let isOptimizeMode = false;
@@ -410,14 +429,21 @@ var _default = exports.default = {
      */
     h('thead', {
       ref: 'refHeaderTHead'
-    }, renderHeads(h, this, isGroup, isOptimizeMode, renderHeaderList))]),
-    /**
-     * 其他
-     */
-    h('div', {
-      ref: 'refHeaderBorderRepair',
-      class: 'vxe-table--header-border-line'
-    })])]);
+    }, renderHeads(h, this, isGroup, isOptimizeMode, renderHeaderList)), mouseConfig && mouseOpts.area ? h('div', {
+      class: 'vxe-table--cell-area'
+    }, [h('span', {
+      class: 'vxe-table--cell-main-area'
+    }), h('span', {
+      class: 'vxe-table--cell-copy-area'
+    }), h('span', {
+      class: 'vxe-table--cell-extend-area'
+    }), h('span', {
+      class: 'vxe-table--cell-multi-area'
+    }), h('span', {
+      class: 'vxe-table--cell-active-area'
+    }), h('span', {
+      class: 'vxe-table--cell-col-status-area'
+    })]) : renderEmptyElement($xeTable)])])]);
   },
   methods: {
     uploadColumn() {
@@ -425,155 +451,6 @@ var _default = exports.default = {
         $parent: $xetable
       } = this;
       this.headerColumn = $xetable.isGroup ? (0, _util.convertHeaderColumnToRows)(this.tableGroupColumn) : [];
-    },
-    resizeMousedownEvent(evnt, params) {
-      const _vm = this;
-      const props = _vm;
-      const $xeTable = this.$parent;
-      const tableReactData = $xeTable;
-      const tableInternalData = $xeTable;
-      const {
-        column
-      } = params;
-      const {
-        fixedType
-      } = props;
-      const {
-        scrollbarHeight
-      } = tableReactData;
-      const {
-        elemStore,
-        visibleColumn
-      } = tableInternalData;
-      const resizableOpts = $xeTable.computeResizableOpts;
-      const tableEl = $xeTable.$refs.refElem;
-      const leftContainerElem = $xeTable.$refs.refLeftContainer;
-      const rightContainerElem = $xeTable.$refs.refRightContainer;
-      const resizeBarElem = $xeTable.$refs.refCellResizeBar;
-      const resizeTipElem = $xeTable.$refs.refCellResizeTip;
-      const scrollbarXToTop = $xeTable.computeScrollbarXToTop;
-      const {
-        clientX: dragClientX
-      } = evnt;
-      const wrapperElem = _vm.$el;
-      const dragBtnElem = evnt.target;
-      let resizeColumn = column;
-      if (column.children && column.children.length) {
-        _xeUtils.default.eachTree(column.children, childColumn => {
-          resizeColumn = childColumn;
-        });
-      }
-      const cell = dragBtnElem.parentNode;
-      const cellParams = Object.assign(params, {
-        cell
-      });
-      let dragLeft = 0;
-      const bodyScrollElem = (0, _util.getRefElem)(elemStore['main-body-scroll']);
-      if (!bodyScrollElem) {
-        return;
-      }
-      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 && rightContainerElem) {
-          dragPosLeft = rightContainerElem.offsetLeft + fixedOffsetWidth;
-        }
-      }
-      // 处理拖动事件
-      const updateEvent = function (evnt) {
-        evnt.stopPropagation();
-        evnt.preventDefault();
-        const tableHeight = tableEl.clientHeight;
-        const offsetX = evnt.clientX - dragClientX;
-        let left = dragPosLeft + offsetX;
-        const scrollLeft = fixedType ? 0 : bodyScrollElem.scrollLeft;
-        if (isLeftFixed) {
-          // 左固定列（不允许超过右侧固定列、不允许超过右边距）
-          left = Math.min(left, (rightContainerElem ? rightContainerElem.offsetLeft : bodyScrollElem.clientWidth) - fixedOffsetWidth - minInterval);
-        } else if (isRightFixed) {
-          // 右侧固定列（不允许超过左侧固定列、不允许超过左边距）
-          dragMinLeft = (leftContainerElem ? leftContainerElem.clientWidth : 0) + fixedOffsetWidth + minInterval;
-          left = Math.min(left, dragPosLeft + cell.clientWidth - minInterval);
-        } else {
-          dragMinLeft = Math.max(bodyScrollElem.scrollLeft, dragMinLeft);
-          // left = Math.min(left, bodyScrollElem.clientWidth + bodyScrollElem.scrollLeft - 40)
-        }
-        dragLeft = Math.max(left, dragMinLeft);
-        const resizeBarLeft = Math.max(1, dragLeft - scrollLeft);
-        resizeBarElem.style.left = `${resizeBarLeft}px`;
-        resizeBarElem.style.top = `${scrollbarXToTop ? scrollbarHeight : 0}px`;
-        resizeBarElem.style.height = `${scrollbarXToTop ? tableHeight - scrollbarHeight : tableHeight}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 = 0;
-          } else if (resizeBarLeft > tableWidth) {
-            resizeTipLeft += tableWidth - resizeBarLeft;
-          }
-          resizeTipElem.style.left = `${resizeTipLeft}px`;
-          resizeTipElem.style.top = `${Math.min(tableHeight - resizeTipHeight, Math.max(0, evnt.clientY - wrapperRect.y - resizeTipHeight / 2))}px`;
-          resizeTipElem.textContent = getI18n('vxe.table.resizeColTip', [resizeColumn.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft)]);
-        }
-      };
-      tableReactData._isResize = true;
-      (0, _dom.addClass)(tableEl, 'drag--resize');
-      resizeBarElem.style.display = 'block';
-      document.onmousemove = updateEvent;
-      document.onmouseup = function (evnt) {
-        document.onmousemove = domMousemove;
-        document.onmouseup = domMouseup;
-        const resizeWidth = resizeColumn.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft);
-        resizeColumn.resizeWidth = resizeWidth;
-        if (resizableOpts.dragMode === 'fixed') {
-          visibleColumn.forEach(item => {
-            if (item.id !== resizeColumn.id) {
-              if (!item.resizeWidth) {
-                item.resizeWidth = item.renderWidth;
-              }
-            }
-          });
-        }
-        resizeBarElem.style.display = 'none';
-        tableReactData._isResize = false;
-        tableInternalData._lastResizeTime = Date.now();
-        $xeTable.analyColumnWidth();
-        $xeTable.recalculate(true).then(() => {
-          $xeTable.saveCustomStore('update:visible');
-          $xeTable.updateCellAreas();
-          $xeTable.dispatchEvent('resizable-change', Object.assign(Object.assign({}, params), {
-            resizeWidth
-          }), evnt);
-          setTimeout(() => $xeTable.recalculate(true), 300);
-        });
-        (0, _dom.removeClass)(tableEl, '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=(H,$,E,T,S,z)=>{let R=$.$parent,D=R.xegrid;var e=R,l=R,r=R;let M=$.fixedType,{resizable:W,border:I,columnKey:O,headerCellClassName:k,headerCellStyle:U,showHeaderOverflow:A,headerAlign:L,align:X,mouseConfig:q}=e,{currentColumn:F,scrollXLoad:B,scrollYLoad:N,overflowX:j}=l,G=r.scrollXStore,P=R.computeColumnOpts,V=R.computeColumnDragOpts,{disabledMethod:Y,isCrossDrag:K,isPeerDrag:J}=V;return S.map((e,l)=>{var{type:r,showHeaderOverflow:t,headerAlign:a,align:i,filters:d,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=M?e.fixed!==M&&!n:e.fixed&&j,t=_xeUtils.default.isUndefined(t)||_xeUtils.default.isNull(t)?A:t,a=a||(s?s.tableHeaderCellAlign:"")||L||i||(s?s.tableCellAlign:"")||X;let p="ellipsis"===t;i="title"===t,s=!0===t||"tooltip"===t;let f=i||s||p,h=!1,m=null;d&&(m=d[0],h=d.some(e=>e.checked));var t=R.getColumnIndex(e),g=R.getVTColumnIndex(e);let x={$table:R,$grid:D,$rowIndex:z,column:e,columnIndex:t,$columnIndex:l,_columnIndex:g,firstFilterOption:m,fixed:M,type:cellType,isHidden:c,hasFilter:h};var t={colid:u,colspan:1<e.colSpan?e.colSpan:null,rowspan:1<e.rowSpan?e.rowSpan:null},v={click:e=>R.triggerHeaderCellClickEvent(e,x),dblclick:e=>R.triggerHeaderCellDblclickEvent(e,x)},C=(B&&!f&&(p=f=!0),P.drag&&"cell"===V.trigger);let b=!1;C&&(b=!(!Y||!Y(x))),(q||C)&&(v.mousedown=e=>R.triggerHeaderCellMousedownEvent(e,x)),P.drag&&(v.dragstart=R.handleHeaderCellDragDragstartEvent,v.dragend=R.handleHeaderCellDragDragendEvent,v.dragover=R.handleHeaderCellDragDragoverEvent,C)&&(v.mouseup=R.handleHeaderCellDragMouseupEvent);var C=l===S.length-1,y=_xeUtils.default.isBoolean(e.resizable)?e.resizable:P.resizable||W,_=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width);let w=!1;return B&&!E&&!e.fixed&&(g<G.visibleStartIndex||g>G.visibleEndIndex)&&(w=!0),H("th",{class:["vxe-header--column",u,{["col--"+a]:a,["col--"+r]:r,"col--last":C,"col--fixed":e.fixed,"col--group":n,"col--ellipsis":f,"fixed--width":!_,"fixed--hidden":c,"is--sortable":e.sortable,"col--filter":!!d,"is--filter-active":h,"is--drag-active":!e.fixed&&!b&&(K||J||!e.parentId),"is--drag-disabled":b,"col--current":F===e},(0,_utils.getClass)(o,x),(0,_utils.getClass)(k,x)],attrs:t,style:U?_xeUtils.default.isFunction(U)?U(x):U:void 0,on:v,key:O||B||N||P.useKey||P.drag||n?u:l},[H("div",{class:["vxe-cell",{"c--title":i,"c--tooltip":s,"c--ellipsis":p}]},w||T&&c?[]:e.renderHeader(H,x)),!c&&y?H("div",{class:["vxe-resizable",{"is--line":!I||"none"===I}],on:{mousedown:e=>$.resizeMousedownEvent(e,x),dblclick:e=>R.handleResizeDblclickEvent(e,x)}}):renderEmptyElement(R)])})};function renderHeads(t,a,i,d,e){let o=a.$parent;var l=o,r=o;let n=a.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?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:o,tableColumn:n}=this;var s=this.headerColumn,{showHeaderOverflow:e,spanMethod:u,footerSpanMethod:c}=e,{isGroup:t,scrollXLoad:p,scrollYLoad:f,dragCol:h}=t,{visibleColumn:a,fullColumnIdData:m}=a;let g=s,x=n,v=!1;return t?x=a:(!(p||f||e)||u||c||(v=!0),d&&(x=a,v)&&(x=o||[]),g=[x]),d||t||p&&h&&2<x.length&&(s=m[h.id])&&(f=s._index,e=x[0],u=x[x.length-1],c=m[e.id],a=m[u.id],c)&&a&&(p=c._index,s=a._index,f<p?(x=[h].concat(x),g=[[h].concat(g[0])].concat(g.slice(1))):s<f&&(x=x.concat([h]),g=[g[0].concat([h])].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"},x.map((e,l)=>r("col",{attrs:{name:e.id},key:l}))),r("thead",{ref:"refHeaderTHead"},renderHeads(r,this,t,v,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,a){let i=this.$parent,d=i,o=i;var l=a.column;let m=this.fixedType,g=d.scrollbarHeight,{elemStore:r,visibleColumn:n}=o,x=i.computeResizableOpts,v=i.$refs.refElem,C=i.$refs.refLeftContainer,b=i.$refs.refRightContainer,y=i.$refs.refCellResizeBar,_=i.$refs.refCellResizeTip,w=i.computeScrollbarXToTop,H=e.clientX,$=this.$el;var E=e.target;let T=l,S=(l.children&&l.children.length&&_xeUtils.default.eachTree(l.children,e=>{T=e}),E.parentNode);l=Object.assign(a,{cell:S});let z=0,R=(0,_util.getRefElem)(r["main-body-scroll"]);if(R){var D=(0,_dom.getOffsetPos)(E,v),E=E.clientWidth,M=Math.floor(E/2);let s=(0,_util.getColReMinWidth)(l)-M,u=D.left-S.clientWidth+E+s,c=D.left+M,r=document.onmousemove,t=document.onmouseup,p="left"===m,f="right"===m,h=0;if(p||f){var W=p?"nextElementSibling":"previousElementSibling";let e=S[W];for(;e&&!(0,_dom.hasClass)(e,"fixed--hidden");)(0,_dom.hasClass)(e,"col--group")||(h+=e.offsetWidth),e=e[W];f&&b&&(c=b.offsetLeft+h)}l=function(l){l.stopPropagation(),l.preventDefault();var r=v.clientHeight,t=l.clientX-H;let e=c+t;t=m?0:R.scrollLeft,p?e=Math.min(e,(b?b.offsetLeft:R.clientWidth)-h-s):f?(u=(C?C.clientWidth:0)+h+s,e=Math.min(e,c+S.clientWidth-s)):u=Math.max(R.scrollLeft,u),z=Math.max(e,u),t=Math.max(1,z-t);if(y.style.left=t+"px",y.style.top=`${w?g:0}px`,y.style.height=`${w?r-g:r}px`,x.showDragTip&&_){var a=v.clientWidth,i=$.getBoundingClientRect(),d=y.clientWidth,o=_.clientWidth,n=_.clientHeight;let e=-o;t<o+d?e=0:a<t&&(e+=a-t),_.style.left=e+"px",_.style.top=Math.min(r-n,Math.max(0,l.clientY-i.y-n/2))+"px",_.textContent=getI18n("vxe.table.resizeColTip",[T.renderWidth+(f?c-z:z-c)])}};d._isResize=!0,(0,_dom.addClass)(v,"drag--resize"),y.style.display="block",document.onmousemove=l,document.onmouseup=function(e){document.onmousemove=r,document.onmouseup=t;let l=T.renderWidth+(f?c-z:z-c);T.resizeWidth=l,"fixed"===x.dragMode&&n.forEach(e=>{e.id===T.id||e.resizeWidth||(e.resizeWidth=e.renderWidth)}),y.style.display="none",d._isResize=!1,o._lastResizeTime=Date.now(),i.analyColumnWidth(),i.recalculate(!0).then(()=>{i.saveCustomStore("update:visible"),i.updateCellAreas(),i.dispatchEvent("resizable-change",Object.assign(Object.assign({},a),{resizeWidth:l}),e),setTimeout(()=>i.recalculate(!0),300)}),(0,_dom.removeClass)(v,"drag--resize")},l(e),i.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,E,S,D)=>{let T=e.$parent,R=T.xegrid;var r=T,a=T,t=T;let I=e.fixedType,{resizable:O,border:U,columnKey:k,headerCellClassName:z,headerCellStyle:M,showHeaderOverflow:A,headerAlign:F,align:q,mouseConfig:X}=r,{currentColumn:L,scrollXLoad:G,scrollYLoad:N,overflowX:B}=a,V=t.scrollXStore,K=T.computeColumnOpts,P=T.computeColumnDragOpts,W=T.computeCellOpts;e=T.computeDefaultRowHeight;let Y=T.computeHeaderCellOpts,j=(0,_util.getCellHeight)(Y.height||W.height)||e,{disabledMethod:J,isCrossDrag:Q,isPeerDrag:Z}=P;return S.map((e,l)=>{var{type:r,showHeaderOverflow:a,headerAlign:t,align:i,filters:d,headerClassName:s,editRender:o,cellRender:n}=e,u=e.id,o=o||n,n=o?renderer.get(o.name):null,o=e.children&&e.children.length,c=I?e.fixed!==I&&!o:e.fixed&&B,p=(_xeUtils.default.isBoolean(Y.padding)?Y:W).padding,a=_xeUtils.default.isUndefined(a)||_xeUtils.default.isNull(a)?A:a,t=t||(n?n.tableHeaderCellAlign:"")||F||i||(n?n.tableCellAlign:"")||q;let f="ellipsis"===a;i="title"===a,n=!0===a||"tooltip"===a;let x=i||n||f,m=!1,g=null;d&&(g=d[0],m=d.some(e=>e.checked));var a=T.getColumnIndex(e),h=T.getVTColumnIndex(e);let v={$table:T,$grid:R,$rowIndex:D,column:e,columnIndex:a,$columnIndex:l,_columnIndex:h,firstFilterOption:g,fixed:I,type:cellType,isHidden:c,hasFilter:m};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&&!x&&(f=x=!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===S.length-1,w=_xeUtils.default.isBoolean(e.resizable)?e.resizable:K.resizable||O,H=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width);let _=!1;G&&!e.fixed&&(h<V.visibleStartIndex-V.preloadSize||h>V.visibleEndIndex+V.preloadSize)&&(_=!0);h={};return x?h.height=j+"px":h.minHeight=j+"px",$("th",{class:["vxe-header--column",u,{["col--"+t]:t,["col--"+r]:r,"col--last":b,"col--fixed":e.fixed,"col--group":o,"col--ellipsis":x,"fixed--width":!H,"fixed--hidden":c,"is--padding":p,"is--sortable":e.sortable,"col--filter":!!d,"is--filter-active":m,"is--drag-active":!e.fixed&&!y&&(Q||Z||!e.parentId),"is--drag-disabled":y,"col--current":L===e},(0,_utils.getClass)(s,v),(0,_utils.getClass)(z,v)],attrs:a,style:M?_xeUtils.default.isFunction(M)?M(v):M:void 0,on:C,key:k||G||N||K.useKey||K.drag||o?u:l},[$("div",{class:["vxe-cell",{"c--title":i,"c--tooltip":n,"c--ellipsis":f}],style:h},_||E&&c?[]:[$("div",{attrs:{colid:u},class:"vxe-cell--wrapper"},e.renderHeader($,v))]),!c&&w?$("div",{class:["vxe-cell--col-resizable",{"is--line":!U||"none"===U}],on:{mousedown:e=>T.handleColResizeMousedownEvent(e,I,v),dblclick:e=>T.handleColResizeDblclickEvent(e,v)}}):renderEmptyElement(T)])})};function renderHeads(a,t,i,d,e){let s=t.$parent;var l=s,r=s;let o=t.fixedType,n=s.computeColumnOpts,u=s.computeColumnDragOpts,{headerRowClassName:c,headerRowStyle:p}=l,{isColLoading:f,isDragColMove:x}=r;return e.map((e,l)=>{var r={$table:s,$rowIndex:l,fixed:o,type:cellType};return!f&&n.drag&&u.animation?a("transition-group",{key:l,props:{tag:"tr",name:"vxe-header--col-list"+(x?"":"-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,i,d,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,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,a=l,t=l,i=l.xID;let{fixedType:d,fixedColumn:s,tableColumn:o}=this;var n=this.headerColumn,{mouseConfig:e,showHeaderOverflow:u,spanMethod:c,footerSpanMethod:p}=e,{isGroup:a,scrollXLoad:f,scrollYLoad:x,dragCol:m}=a,{visibleColumn:t,fullColumnIdData:g}=t,h=l.computeMouseOpts;let v=n,C=o,b=!1;return a?C=t:(!(f||x||u)||c||p||(b=!0),d&&(C=t,b)&&(C=s||[]),v=[C]),d||a||f&&m&&2<C.length&&(n=g[m.id])&&(x=n._index,u=C[0],c=C[C.length-1],p=g[u.id],t=g[c.id],p)&&t&&(f=p._index,n=t._index,x<f?(C=[m].concat(C),v=[[m].concat(v[0])].concat(v.slice(1))):n<x&&(C=C.concat([m]),v=[v[0].concat([m])].concat(v.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"},C.map((e,l)=>r("col",{attrs:{name:e.id},key:l}))),r("thead",{ref:"refHeaderTHead"},renderHeads(r,this,a,b,v)),e&&h.area?r("div",{class:"vxe-table--cell-area"},[r("span",{class:"vxe-table--cell-main-area"}),r("span",{class:"vxe-table--cell-copy-area"}),r("span",{class:"vxe-table--cell-extend-area"}),r("span",{class:"vxe-table--cell-multi-area"}),r("span",{class:"vxe-table--cell-active-area"}),r("span",{class:"vxe-table--cell-col-status-area"})]):renderEmptyElement(l)])])])},methods:{uploadColumn(){var e=this.$parent;this.headerColumn=e.isGroup?(0,_util.convertHeaderColumnToRows)(this.tableGroupColumn):[]}}};