vxe-table 3.9.0-rc.9 → 3.9.0

package/lib/table/src/header.js

@@ -9,11 +9,7 @@ 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 }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var cellType = 'header';
+const cellType = 'header';
 var _default = exports.default = {
   name: 'VxeTableHeader',
   props: {
@@ -24,77 +20,88 @@ var _default = exports.default = {
     size: String,
     fixedType: String
   },
-  data: function data() {
+  data() {
     return {
       headerColumn: []
     };
   },
   watch: {
-    tableColumn: function tableColumn() {
+    tableColumn() {
       this.uploadColumn();
     }
   },
-  created: function created() {
+  created() {
     this.uploadColumn();
   },
-  mounted: function mounted() {
-    var $xetable = this.$parent,
-      $el = this.$el,
-      $refs = this.$refs,
-      fixedType = this.fixedType;
-    var elemStore = $xetable.elemStore;
-    var prefix = "".concat(fixedType || 'main', "-header-");
-    elemStore["".concat(prefix, "wrapper")] = $el;
-    elemStore["".concat(prefix, "table")] = $refs.table;
-    elemStore["".concat(prefix, "colgroup")] = $refs.colgroup;
-    elemStore["".concat(prefix, "list")] = $refs.thead;
-    elemStore["".concat(prefix, "xSpace")] = $refs.xSpace;
-    elemStore["".concat(prefix, "repair")] = $refs.repair;
+  mounted() {
+    const {
+      $parent: $xetable,
+      $el,
+      $refs,
+      fixedType
+    } = this;
+    const {
+      elemStore
+    } = $xetable;
+    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;
   },
-  destroyed: function destroyed() {
-    var $xetable = this.$parent,
-      fixedType = this.fixedType;
-    var elemStore = $xetable.elemStore;
-    var prefix = "".concat(fixedType || 'main', "-header-");
-    elemStore["".concat(prefix, "wrapper")] = null;
-    elemStore["".concat(prefix, "table")] = null;
-    elemStore["".concat(prefix, "colgroup")] = null;
-    elemStore["".concat(prefix, "list")] = null;
-    elemStore["".concat(prefix, "xSpace")] = null;
-    elemStore["".concat(prefix, "repair")] = null;
+  destroyed() {
+    const {
+      $parent: $xetable,
+      fixedType
+    } = this;
+    const {
+      elemStore
+    } = $xetable;
+    const prefix = `${fixedType || 'main'}-header-`;
+    elemStore[`${prefix}wrapper`] = null;
+    elemStore[`${prefix}table`] = null;
+    elemStore[`${prefix}colgroup`] = null;
+    elemStore[`${prefix}list`] = null;
+    elemStore[`${prefix}xSpace`] = null;
+    elemStore[`${prefix}repair`] = null;
   },
-  render: function render(h) {
-    var _this = this;
-    var _e = this._e,
-      $xetable = this.$parent,
-      fixedType = this.fixedType,
-      headerColumn = this.headerColumn,
-      tableColumn = this.tableColumn,
-      fixedColumn = this.fixedColumn;
-    var tableListeners = $xetable.$listeners,
-      tId = $xetable.tId,
-      isGroup = $xetable.isGroup,
-      visibleColumn = $xetable.visibleColumn,
-      resizable = $xetable.resizable,
-      border = $xetable.border,
-      columnKey = $xetable.columnKey,
-      headerRowClassName = $xetable.headerRowClassName,
-      headerCellClassName = $xetable.headerCellClassName,
-      headerRowStyle = $xetable.headerRowStyle,
-      headerCellStyle = $xetable.headerCellStyle,
-      allColumnHeaderOverflow = $xetable.showHeaderOverflow,
-      allHeaderAlign = $xetable.headerAlign,
-      allAlign = $xetable.align,
-      highlightCurrentColumn = $xetable.highlightCurrentColumn,
-      currentColumn = $xetable.currentColumn,
-      scrollXLoad = $xetable.scrollXLoad,
-      overflowX = $xetable.overflowX,
-      scrollbarWidth = $xetable.scrollbarWidth,
-      sortOpts = $xetable.sortOpts,
-      mouseConfig = $xetable.mouseConfig,
-      columnOpts = $xetable.columnOpts;
-    var headerGroups = headerColumn;
-    var renderColumnList = tableColumn;
+  render(h) {
+    const {
+      _e,
+      $parent: $xetable,
+      fixedType,
+      headerColumn,
+      tableColumn,
+      fixedColumn
+    } = this;
+    const {
+      $listeners: tableListeners,
+      tId,
+      isGroup,
+      visibleColumn,
+      resizable,
+      border,
+      columnKey,
+      headerRowClassName,
+      headerCellClassName,
+      headerRowStyle,
+      headerCellStyle,
+      showHeaderOverflow: allColumnHeaderOverflow,
+      headerAlign: allHeaderAlign,
+      align: allAlign,
+      highlightCurrentColumn,
+      currentColumn,
+      scrollXLoad,
+      overflowX,
+      scrollbarWidth,
+      sortOpts,
+      mouseConfig,
+      columnOpts
+    } = $xetable;
+    let headerGroups = headerColumn;
+    let renderColumnList = tableColumn;
     if (isGroup) {
       renderColumnList = visibleColumn;
     } else {
@@ -107,7 +114,7 @@ var _default = exports.default = {
       headerGroups = [renderColumnList];
     }
     return h('div', {
-      class: ['vxe-table--header-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
+      class: ['vxe-table--header-wrapper', fixedType ? `fixed-${fixedType}--wrapper` : 'body--wrapper'],
       attrs: {
         xid: tId
       }
@@ -129,7 +136,7 @@ var _default = exports.default = {
      */
     h('colgroup', {
       ref: 'colgroup'
-    }, renderColumnList.map(function (column, $columnIndex) {
+    }, renderColumnList.map((column, $columnIndex) => {
       return h('col', {
         attrs: {
           name: column.id
@@ -146,80 +153,85 @@ var _default = exports.default = {
      */
     h('thead', {
       ref: 'thead'
-    }, headerGroups.map(function (cols, $rowIndex) {
+    }, headerGroups.map((cols, $rowIndex) => {
       return h('tr', {
         class: ['vxe-header--row', headerRowClassName ? _xeUtils.default.isFunction(headerRowClassName) ? headerRowClassName({
           $table: $xetable,
-          $rowIndex: $rowIndex,
+          $rowIndex,
           fixed: fixedType,
           type: cellType
         }) : headerRowClassName : ''],
         style: headerRowStyle ? _xeUtils.default.isFunction(headerRowStyle) ? headerRowStyle({
           $table: $xetable,
-          $rowIndex: $rowIndex,
+          $rowIndex,
           fixed: fixedType,
           type: cellType
         }) : headerRowStyle : null
-      }, cols.map(function (column, $columnIndex) {
-        var _ref;
-        var type = column.type,
-          showHeaderOverflow = column.showHeaderOverflow,
-          headerAlign = column.headerAlign,
-          align = column.align,
-          headerClassName = column.headerClassName;
+      }, cols.map((column, $columnIndex) => {
+        const {
+          type,
+          showHeaderOverflow,
+          headerAlign,
+          align,
+          headerClassName
+        } = column;
         // const { enabled } = tooltipOpts
-        var colid = column.id;
-        var isColGroup = column.children && column.children.length;
-        var fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
-        var headOverflow = _xeUtils.default.isUndefined(showHeaderOverflow) || _xeUtils.default.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
-        var headAlign = headerAlign || align || allHeaderAlign || allAlign;
-        var showEllipsis = headOverflow === 'ellipsis';
-        var showTitle = headOverflow === 'title';
-        var showTooltip = headOverflow === true || headOverflow === 'tooltip';
-        var hasEllipsis = showTitle || showTooltip || showEllipsis;
-        var thOns = {};
-        var hasFilter = column.filters && column.filters.some(function (item) {
-          return item.checked;
-        });
-        var columnIndex = $xetable.getColumnIndex(column);
-        var _columnIndex = $xetable.getVTColumnIndex(column);
-        var params = {
+        const colid = column.id;
+        const isColGroup = column.children && column.children.length;
+        const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
+        const headOverflow = _xeUtils.default.isUndefined(showHeaderOverflow) || _xeUtils.default.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
+        const headAlign = headerAlign || align || allHeaderAlign || allAlign;
+        let showEllipsis = headOverflow === 'ellipsis';
+        const showTitle = headOverflow === 'title';
+        const showTooltip = headOverflow === true || headOverflow === 'tooltip';
+        let hasEllipsis = showTitle || showTooltip || showEllipsis;
+        const thOns = {};
+        const hasFilter = column.filters && column.filters.some(item => item.checked);
+        const columnIndex = $xetable.getColumnIndex(column);
+        const _columnIndex = $xetable.getVTColumnIndex(column);
+        const params = {
           $table: $xetable,
           $grid: $xetable.xegrid,
-          $rowIndex: $rowIndex,
-          column: column,
-          columnIndex: columnIndex,
-          $columnIndex: $columnIndex,
-          _columnIndex: _columnIndex,
+          $rowIndex,
+          column,
+          columnIndex,
+          $columnIndex,
+          _columnIndex,
           fixed: fixedType,
           type: cellType,
           isHidden: fixedHiddenColumn,
-          hasFilter: hasFilter
+          hasFilter
         };
         // 虚拟滚动不支持动态高度
         if (scrollXLoad && !hasEllipsis) {
           showEllipsis = hasEllipsis = true;
         }
         if (columnOpts.isCurrent || highlightCurrentColumn || tableListeners['header-cell-click'] || sortOpts.trigger === 'cell') {
-          thOns.click = function (evnt) {
-            return $xetable.triggerHeaderCellClickEvent(evnt, params);
-          };
+          thOns.click = evnt => $xetable.triggerHeaderCellClickEvent(evnt, params);
         }
         if (tableListeners['header-cell-dblclick']) {
-          thOns.dblclick = function (evnt) {
-            return $xetable.triggerHeaderCellDblclickEvent(evnt, params);
-          };
+          thOns.dblclick = evnt => $xetable.triggerHeaderCellDblclickEvent(evnt, params);
         }
         // 按下事件处理
         if (mouseConfig) {
-          thOns.mousedown = function (evnt) {
-            return $xetable.triggerHeaderCellMousedownEvent(evnt, params);
-          };
+          thOns.mousedown = evnt => $xetable.triggerHeaderCellMousedownEvent(evnt, params);
         }
         return h('th', {
-          class: ['vxe-header--column', colid, (_ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "col--".concat(headAlign), headAlign), "col--".concat(type), type), 'col--last', $columnIndex === cols.length - 1), 'col--fixed', column.fixed), 'col--group', isColGroup), 'col--ellipsis', hasEllipsis), 'fixed--hidden', fixedHiddenColumn), 'is--sortable', column.sortable), 'col--filter', !!column.filters), 'is--filter-active', hasFilter), _defineProperty(_ref, 'col--current', currentColumn === column)), (0, _utils.getClass)(headerClassName, params), (0, _utils.getClass)(headerCellClassName, params)],
+          class: ['vxe-header--column', colid, {
+            [`col--${headAlign}`]: headAlign,
+            [`col--${type}`]: type,
+            'col--last': $columnIndex === cols.length - 1,
+            'col--fixed': column.fixed,
+            'col--group': isColGroup,
+            'col--ellipsis': hasEllipsis,
+            'fixed--hidden': fixedHiddenColumn,
+            'is--sortable': column.sortable,
+            'col--filter': !!column.filters,
+            'is--filter-active': hasFilter,
+            'col--current': currentColumn === column
+          }, (0, _utils.getClass)(headerClassName, params), (0, _utils.getClass)(headerCellClassName, params)],
           attrs: {
-            colid: colid,
+            colid,
             colspan: column.colSpan > 1 ? column.colSpan : null,
             rowspan: column.rowSpan > 1 ? column.rowSpan : null
           },
@@ -241,9 +253,7 @@ var _default = exports.default = {
             'is--line': !border || border === 'none'
           }],
           on: {
-            mousedown: function mousedown(evnt) {
-              return _this.resizeMousedown(evnt, params);
-            }
+            mousedown: evnt => this.resizeMousedown(evnt, params)
           }
         }) : null]);
       }).concat(scrollbarWidth ? [h('th', {
@@ -259,40 +269,49 @@ var _default = exports.default = {
     })]);
   },
   methods: {
-    uploadColumn: function uploadColumn() {
-      var $xetable = this.$parent;
+    uploadColumn() {
+      const {
+        $parent: $xetable
+      } = this;
       this.headerColumn = $xetable.isGroup ? (0, _util.convertHeaderColumnToRows)(this.tableGroupColumn) : [];
     },
-    resizeMousedown: function resizeMousedown(evnt, params) {
-      var column = params.column;
-      var $xetable = this.$parent,
-        $el = this.$el,
-        fixedType = this.fixedType;
-      var _$xetable$$refs = $xetable.$refs,
-        tableBody = _$xetable$$refs.tableBody,
-        leftContainer = _$xetable$$refs.leftContainer,
-        rightContainer = _$xetable$$refs.rightContainer,
-        resizeBarElem = _$xetable$$refs.resizeBar;
-      var dragBtnElem = evnt.target,
-        dragClientX = evnt.clientX;
-      var cell = params.cell = dragBtnElem.parentNode;
-      var dragLeft = 0;
-      var tableBodyElem = tableBody.$el;
-      var pos = (0, _dom.getOffsetPos)(dragBtnElem, $el);
-      var dragBtnWidth = dragBtnElem.clientWidth;
-      var dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
-      var minInterval = (0, _util.getColReMinWidth)(params) - dragBtnOffsetWidth; // 列之间的最小间距
-      var dragMinLeft = pos.left - cell.clientWidth + dragBtnWidth + minInterval;
-      var dragPosLeft = pos.left + dragBtnOffsetWidth;
-      var domMousemove = document.onmousemove;
-      var domMouseup = document.onmouseup;
-      var isLeftFixed = fixedType === 'left';
-      var isRightFixed = fixedType === 'right';
+    resizeMousedown(evnt, params) {
+      const {
+        column
+      } = params;
+      const {
+        $parent: $xetable,
+        $el,
+        fixedType
+      } = this;
+      const {
+        tableBody,
+        leftContainer,
+        rightContainer,
+        resizeBar: resizeBarElem
+      } = $xetable.$refs;
+      const {
+        target: dragBtnElem,
+        clientX: dragClientX
+      } = evnt;
+      const cell = params.cell = dragBtnElem.parentNode;
+      let dragLeft = 0;
+      const tableBodyElem = tableBody.$el;
+      const pos = (0, _dom.getOffsetPos)(dragBtnElem, $el);
+      const dragBtnWidth = dragBtnElem.clientWidth;
+      const dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
+      const minInterval = (0, _util.getColReMinWidth)(params) - 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';
       // 计算左右侧固定列偏移量
-      var fixedOffsetWidth = 0;
+      let fixedOffsetWidth = 0;
       if (isLeftFixed || isRightFixed) {
-        var siblingProp = isLeftFixed ? 'nextElementSibling' : 'previousElementSibling';
-        var tempCellElem = cell[siblingProp];
+        const siblingProp = isLeftFixed ? 'nextElementSibling' : 'previousElementSibling';
+        let tempCellElem = cell[siblingProp];
         while (tempCellElem) {
           if ((0, _dom.hasClass)(tempCellElem, 'fixed--hidden')) {
             break;
@@ -306,12 +325,12 @@ var _default = exports.default = {
         }
       }
       // 处理拖动事件
-      var updateEvent = function updateEvent(evnt) {
+      const updateEvent = function (evnt) {
         evnt.stopPropagation();
         evnt.preventDefault();
-        var offsetX = evnt.clientX - dragClientX;
-        var left = dragPosLeft + offsetX;
-        var scrollLeft = fixedType ? 0 : tableBodyElem.scrollLeft;
+        const offsetX = evnt.clientX - dragClientX;
+        let left = dragPosLeft + offsetX;
+        const scrollLeft = fixedType ? 0 : tableBodyElem.scrollLeft;
         if (isLeftFixed) {
           // 左固定列（不允许超过右侧固定列、不允许超过右边距）
           left = Math.min(left, (rightContainer ? rightContainer.offsetLeft : tableBodyElem.clientWidth) - fixedOffsetWidth - minInterval);
@@ -324,7 +343,7 @@ var _default = exports.default = {
           // left = Math.min(left, tableBodyElem.clientWidth + tableBodyElem.scrollLeft - 40)
         }
         dragLeft = Math.max(left, dragMinLeft);
-        resizeBarElem.style.left = "".concat(dragLeft - scrollLeft, "px");
+        resizeBarElem.style.left = `${dragLeft - scrollLeft}px`;
       };
       $xetable._isResize = true;
       (0, _dom.addClass)($xetable.$el, 'drag--resize');
@@ -333,21 +352,19 @@ var _default = exports.default = {
       document.onmouseup = function (evnt) {
         document.onmousemove = domMousemove;
         document.onmouseup = domMouseup;
-        var resizeWidth = column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft);
+        const resizeWidth = column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft);
         column.resizeWidth = resizeWidth;
         resizeBarElem.style.display = 'none';
         $xetable._isResize = false;
         $xetable._lastResizeTime = Date.now();
         $xetable.analyColumnWidth();
-        $xetable.recalculate(true).then(function () {
+        $xetable.recalculate(true).then(() => {
           $xetable.saveCustomStore('update:visible');
           $xetable.updateCellAreas();
           $xetable.emitEvent('resizable-change', Object.assign(Object.assign({}, params), {
-            resizeWidth: resizeWidth
+            resizeWidth
           }), evnt);
-          setTimeout(function () {
-            return $xetable.recalculate(true);
-          }, 300);
+          setTimeout(() => $xetable.recalculate(true), 300);
         });
         (0, _dom.removeClass)($xetable.$el, 'drag--resize');
       };

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")),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var cellType="header",_default=exports.default={name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,size:String,fixedType:String},data:function(){return{headerColumn:[]}},watch:{tableColumn:function(){this.uploadColumn()}},created:function(){this.uploadColumn()},mounted:function(){var e=this.$parent,t=this.$el,r=this.$refs,l=this.fixedType,e=e.elemStore,l="".concat(l||"main","-header-");e["".concat(l,"wrapper")]=t,e["".concat(l,"table")]=r.table,e["".concat(l,"colgroup")]=r.colgroup,e["".concat(l,"list")]=r.thead,e["".concat(l,"xSpace")]=r.xSpace,e["".concat(l,"repair")]=r.repair},destroyed:function(){var e=this.$parent,t=this.fixedType,e=e.elemStore,t="".concat(t||"main","-header-");e["".concat(t,"wrapper")]=null,e["".concat(t,"table")]=null,e["".concat(t,"colgroup")]=null,e["".concat(t,"list")]=null,e["".concat(t,"xSpace")]=null,e["".concat(t,"repair")]=null},render:function(g){var v=this,e=this._e,_=this.$parent,C=this.fixedType,t=this.headerColumn,r=this.tableColumn,l=this.fixedColumn,w=_.$listeners,o=_.tId,i=_.isGroup,n=_.visibleColumn,S=_.resizable,P=_.border,$=_.columnKey,a=_.headerRowClassName,z=_.headerCellClassName,s=_.headerRowStyle,T=_.headerCellStyle,M=_.showHeaderOverflow,W=_.headerAlign,k=_.align,H=_.highlightCurrentColumn,I=_.currentColumn,O=_.scrollXLoad,R=_.overflowX,c=_.scrollbarWidth,U=_.sortOpts,A=_.mouseConfig,E=_.columnOpts;return i?r=n:t=[r=C&&(O||M)?l:r],g("div",{class:["vxe-table--header-wrapper",C?"fixed-".concat(C,"--wrapper"):"body--wrapper"],attrs:{xid:o}},[C?e():g("div",{class:"vxe-body--x-space",ref:"xSpace"}),g("table",{class:"vxe-table--header",attrs:{xid:o,cellspacing:0,cellpadding:0,border:0},ref:"table"},[g("colgroup",{ref:"colgroup"},r.map(function(e,t){return g("col",{attrs:{name:e.id},key:t})}).concat(c?[g("col",{attrs:{name:"col_gutter"}})]:[])),g("thead",{ref:"thead"},t.map(function(b,x){return g("tr",{class:["vxe-header--row",a?_xeUtils.default.isFunction(a)?a({$table:_,$rowIndex:x,fixed:C,type:cellType}):a:""],style:s?_xeUtils.default.isFunction(s)?s({$table:_,$rowIndex:x,fixed:C,type:cellType}):s:null},b.map(function(e,t){var r=e.type,l=e.showHeaderOverflow,o=e.headerAlign,i=e.align,n=e.headerClassName,a=e.id,s=e.children&&e.children.length,c=C?e.fixed!==C&&!s:e.fixed&&R,l=_xeUtils.default.isUndefined(l)||_xeUtils.default.isNull(l)?M:l,o=o||i||W||k,i="ellipsis"===l,u="title"===l,l=!0===l||"tooltip"===l,d=u||l||i,f={},p=e.filters&&e.filters.some(function(e){return e.checked}),m=_.getColumnIndex(e),h=_.getVTColumnIndex(e),y={$table:_,$grid:_.xegrid,$rowIndex:x,column:e,columnIndex:m,$columnIndex:t,_columnIndex:h,fixed:C,type:cellType,isHidden:c,hasFilter:p};return O&&!d&&(i=d=!0),(E.isCurrent||H||w["header-cell-click"]||"cell"===U.trigger)&&(f.click=function(e){return _.triggerHeaderCellClickEvent(e,y)}),w["header-cell-dblclick"]&&(f.dblclick=function(e){return _.triggerHeaderCellDblclickEvent(e,y)}),A&&(f.mousedown=function(e){return _.triggerHeaderCellMousedownEvent(e,y)}),g("th",{class:["vxe-header--column",a,(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(m={},"col--".concat(o),o),"col--".concat(r),r),"col--last",t===b.length-1),"col--fixed",e.fixed),"col--group",s),"col--ellipsis",d),"fixed--hidden",c),"is--sortable",e.sortable),"col--filter",!!e.filters),"is--filter-active",p),_defineProperty(m,"col--current",I===e)),(0,_utils.getClass)(n,y),(0,_utils.getClass)(z,y)],attrs:{colid:a,colspan:1<e.colSpan?e.colSpan:null,rowspan:1<e.rowSpan?e.rowSpan:null},style:T?_xeUtils.default.isFunction(T)?T(y):T:null,on:f,key:$||E.useKey||s?a:t},[g("div",{class:["vxe-cell",{"c--title":u,"c--tooltip":l,"c--ellipsis":i}]},e.renderHeader(g,y)),c||s||!(_xeUtils.default.isBoolean(e.resizable)?e.resizable:E.resizable||S)?null:g("div",{class:["vxe-resizable",{"is--line":!P||"none"===P}],on:{mousedown:function(e){return v.resizeMousedown(e,y)}}})])}).concat(c?[g("th",{class:"vxe-header--gutter col--gutter"})]:[]))}))]),g("div",{class:"vxe-table--header-border-line",ref:"repair"})])},methods:{uploadColumn:function(){var e=this.$parent;this.headerColumn=e.isGroup?(0,_util.convertHeaderColumnToRows)(this.tableGroupColumn):[]},resizeMousedown:function(e,r){var l=r.column,o=this.$parent,t=this.$el,i=this.fixedType,n=o.$refs,a=n.tableBody,s=n.leftContainer,c=n.rightContainer,u=n.resizeBar,n=e.target,d=e.clientX,f=r.cell=n.parentNode,p=0,m=a.$el,a=(0,_dom.getOffsetPos)(n,t),t=n.clientWidth,n=Math.floor(t/2),h=(0,_util.getColReMinWidth)(r)-n,y=a.left-f.clientWidth+t+h,b=a.left+n,x=document.onmousemove,g=document.onmouseup,v="left"===i,_="right"===i,C=0;if(v||_){for(var w=v?"nextElementSibling":"previousElementSibling",S=f[w];S&&!(0,_dom.hasClass)(S,"fixed--hidden");)(0,_dom.hasClass)(S,"col--group")||(C+=S.offsetWidth),S=S[w];_&&c&&(b=c.offsetLeft+C)}function P(e){e.stopPropagation(),e.preventDefault();var e=e.clientX-d,e=b+e,t=i?0:m.scrollLeft;v?e=Math.min(e,(c?c.offsetLeft:m.clientWidth)-C-h):_?(y=(s?s.clientWidth:0)+C+h,e=Math.min(e,b+f.clientWidth-h)):y=Math.max(m.scrollLeft,y),p=Math.max(e,y),u.style.left="".concat(p-t,"px")}o._isResize=!0,(0,_dom.addClass)(o.$el,"drag--resize"),u.style.display="block",document.onmousemove=P,document.onmouseup=function(e){document.onmousemove=x,document.onmouseup=g;var t=l.renderWidth+(_?b-p:p-b);l.resizeWidth=t,u.style.display="none",o._isResize=!1,o._lastResizeTime=Date.now(),o.analyColumnWidth(),o.recalculate(!0).then(function(){o.saveCustomStore("update:visible"),o.updateCellAreas(),o.emitEvent("resizable-change",Object.assign(Object.assign({},r),{resizeWidth:t}),e),setTimeout(function(){return o.recalculate(!0)},300)}),(0,_dom.removeClass)(o.$el,"drag--resize")},P(e),o.closeMenu()}}};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let cellType="header";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(v){let{_e:e,$parent:C,fixedType:y,headerColumn:l,tableColumn:t,fixedColumn:r}=this,{$listeners:_,tId:i,isGroup:a,visibleColumn:o,resizable:w,border:$,columnKey:z,headerRowClassName:s,headerCellClassName:S,headerRowStyle:n,headerCellStyle:T,showHeaderOverflow:M,headerAlign:W,align:k,highlightCurrentColumn:H,currentColumn:I,scrollXLoad:R,overflowX:O,scrollbarWidth:d,sortOpts:U,mouseConfig:A,columnOpts:q}=C,u=l,c=t;return a?c=o:(y&&(R||M)&&(c=r),u=[c]),v("div",{class:["vxe-table--header-wrapper",y?`fixed-${y}--wrapper`:"body--wrapper"],attrs:{xid:i}},[y?e():v("div",{class:"vxe-body--x-space",ref:"xSpace"}),v("table",{class:"vxe-table--header",attrs:{xid:i,cellspacing:0,cellpadding:0,border:0},ref:"table"},[v("colgroup",{ref:"colgroup"},c.map((e,l)=>v("col",{attrs:{name:e.id},key:l})).concat(d?[v("col",{attrs:{name:"col_gutter"}})]:[])),v("thead",{ref:"thead"},u.map((g,b)=>v("tr",{class:["vxe-header--row",s?_xeUtils.default.isFunction(s)?s({$table:C,$rowIndex:b,fixed:y,type:cellType}):s:""],style:n?_xeUtils.default.isFunction(n)?n({$table:C,$rowIndex:b,fixed:y,type:cellType}):n:null},g.map((e,l)=>{var{type:t,showHeaderOverflow:r,headerAlign:i,align:a,headerClassName:o}=e,s=e.id,n=e.children&&e.children.length,d=y?e.fixed!==y&&!n:e.fixed&&O,r=_xeUtils.default.isUndefined(r)||_xeUtils.default.isNull(r)?M:r,i=i||a||W||k;let u="ellipsis"===r;a="title"===r,r=!0===r||"tooltip"===r;let c=a||r||u;var p={},m=e.filters&&e.filters.some(e=>e.checked),h=C.getColumnIndex(e),f=C.getVTColumnIndex(e);let x={$table:C,$grid:C.xegrid,$rowIndex:b,column:e,columnIndex:h,$columnIndex:l,_columnIndex:f,fixed:y,type:cellType,isHidden:d,hasFilter:m};return R&&!c&&(u=c=!0),(q.isCurrent||H||_["header-cell-click"]||"cell"===U.trigger)&&(p.click=e=>C.triggerHeaderCellClickEvent(e,x)),_["header-cell-dblclick"]&&(p.dblclick=e=>C.triggerHeaderCellDblclickEvent(e,x)),A&&(p.mousedown=e=>C.triggerHeaderCellMousedownEvent(e,x)),v("th",{class:["vxe-header--column",s,{["col--"+i]:i,["col--"+t]:t,"col--last":l===g.length-1,"col--fixed":e.fixed,"col--group":n,"col--ellipsis":c,"fixed--hidden":d,"is--sortable":e.sortable,"col--filter":!!e.filters,"is--filter-active":m,"col--current":I===e},(0,_utils.getClass)(o,x),(0,_utils.getClass)(S,x)],attrs:{colid:s,colspan:1<e.colSpan?e.colSpan:null,rowspan:1<e.rowSpan?e.rowSpan:null},style:T?_xeUtils.default.isFunction(T)?T(x):T:null,on:p,key:z||q.useKey||n?s:l},[v("div",{class:["vxe-cell",{"c--title":a,"c--tooltip":r,"c--ellipsis":u}]},e.renderHeader(v,x)),d||n||!(_xeUtils.default.isBoolean(e.resizable)?e.resizable:q.resizable||w)?null:v("div",{class:["vxe-resizable",{"is--line":!$||"none"===$}],on:{mousedown:e=>this.resizeMousedown(e,x)}})])}).concat(d?[v("th",{class:"vxe-header--gutter col--gutter"})]:[]))))]),v("div",{class:"vxe-table--header-border-line",ref:"repair"})])},methods:{uploadColumn(){var e=this.$parent;this.headerColumn=e.isGroup?(0,_util.convertHeaderColumnToRows)(this.tableGroupColumn):[]},resizeMousedown(e,t){let r=t.column,{$parent:i,$el:l,fixedType:a}=this,{tableBody:o,leftContainer:s,rightContainer:n,resizeBar:d}=i.$refs,{target:u,clientX:c}=e,p=t.cell=u.parentNode,m=0,h=o.$el;var f=(0,_dom.getOffsetPos)(u,l),x=u.clientWidth,g=Math.floor(x/2);let b=(0,_util.getColReMinWidth)(t)-g,v=f.left-p.clientWidth+x+b,C=f.left+g,y=document.onmousemove,_=document.onmouseup,w="left"===a,$="right"===a,z=0;if(w||$){var S=w?"nextElementSibling":"previousElementSibling";let e=p[S];for(;e&&!(0,_dom.hasClass)(e,"fixed--hidden");)(0,_dom.hasClass)(e,"col--group")||(z+=e.offsetWidth),e=e[S];$&&n&&(C=n.offsetLeft+z)}function T(e){e.stopPropagation(),e.preventDefault(),e=e.clientX-c;let l=C+e;e=a?0:h.scrollLeft,w?l=Math.min(l,(n?n.offsetLeft:h.clientWidth)-z-b):$?(v=(s?s.clientWidth:0)+z+b,l=Math.min(l,C+p.clientWidth-b)):v=Math.max(h.scrollLeft,v),m=Math.max(l,v),d.style.left=m-e+"px"}i._isResize=!0,(0,_dom.addClass)(i.$el,"drag--resize"),d.style.display="block",document.onmousemove=T,document.onmouseup=function(e){document.onmousemove=y,document.onmouseup=_;let l=r.renderWidth+($?C-m:m-C);r.resizeWidth=l,d.style.display="none",i._isResize=!1,i._lastResizeTime=Date.now(),i.analyColumnWidth(),i.recalculate(!0).then(()=>{i.saveCustomStore("update:visible"),i.updateCellAreas(),i.emitEvent("resizable-change",Object.assign(Object.assign({},t),{resizeWidth:l}),e),setTimeout(()=>i.recalculate(!0),300)}),(0,_dom.removeClass)(i.$el,"drag--resize")},T(e),i.closeMenu()}}};