vxe-table 3.10.15 → 3.11.0

package/lib/table/src/header.js

@@ -14,6 +14,173 @@ const {
   renderer
 } = _ui.VxeUI;
 const cellType = 'header';
+const renderRows = (h, _vm, cols, $rowIndex) => {
+  const {
+    $parent: $xetable,
+    fixedType
+  } = _vm;
+  const {
+    $listeners: tableListeners,
+    resizable: allResizable,
+    border,
+    columnKey,
+    headerCellClassName,
+    headerCellStyle,
+    showHeaderOverflow: allColumnHeaderOverflow,
+    headerAlign: allHeaderAlign,
+    align: allAlign,
+    highlightCurrentColumn,
+    currentColumn,
+    scrollXLoad,
+    overflowX,
+    scrollbarWidth,
+    sortOpts,
+    mouseConfig,
+    columnOpts
+  } = $xetable;
+  return cols.map((column, $columnIndex) => {
+    const {
+      type,
+      showHeaderOverflow,
+      headerAlign,
+      align,
+      headerClassName,
+      editRender,
+      cellRender
+    } = column;
+    // const { enabled } = tooltipOpts
+    const colid = column.id;
+    const renderOpts = editRender || cellRender;
+    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 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';
+    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,
+      column,
+      columnIndex,
+      $columnIndex,
+      _columnIndex,
+      fixed: fixedType,
+      type: cellType,
+      isHidden: fixedHiddenColumn,
+      hasFilter
+    };
+    // 虚拟滚动不支持动态高度
+    if (scrollXLoad && !hasEllipsis) {
+      showEllipsis = hasEllipsis = true;
+    }
+    if (columnOpts.isCurrent || highlightCurrentColumn || tableListeners['header-cell-click'] || sortOpts.trigger === 'cell') {
+      thOns.click = evnt => $xetable.triggerHeaderCellClickEvent(evnt, params);
+    }
+    if (tableListeners['header-cell-dblclick']) {
+      thOns.dblclick = evnt => $xetable.triggerHeaderCellDblclickEvent(evnt, params);
+    }
+    // 按下事件处理
+    if (mouseConfig) {
+      thOns.mousedown = evnt => $xetable.triggerHeaderCellMousedownEvent(evnt, params);
+    }
+    // 拖拽行事件
+    if (columnOpts.drag && !column.parentId) {
+      thOns.dragstart = $xetable.handleHeaderCellDragDragstartEvent;
+      thOns.dragend = $xetable.handleHeaderCellDragDragendEvent;
+      thOns.dragover = $xetable.handleHeaderCellDragDragoverEvent;
+    }
+    return h('th', {
+      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,
+        colspan: column.colSpan > 1 ? column.colSpan : null,
+        rowspan: column.rowSpan > 1 ? column.rowSpan : null
+      },
+      style: headerCellStyle ? _xeUtils.default.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle : null,
+      on: thOns,
+      key: columnKey || columnOpts.useKey || columnOpts.drag || isColGroup ? colid : $columnIndex
+    }, [h('div', {
+      class: ['vxe-cell', {
+        'c--title': showTitle,
+        'c--tooltip': showTooltip,
+        'c--ellipsis': showEllipsis
+      }]
+    }, column.renderHeader(h, params)),
+    /**
+    * 列宽拖动
+    */
+    !fixedHiddenColumn && !isColGroup && (_xeUtils.default.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable) ? h('div', {
+      class: ['vxe-resizable', {
+        'is--line': !border || border === 'none'
+      }],
+      on: {
+        mousedown: evnt => _vm.resizeMousedown(evnt, params)
+      }
+    }) : null]);
+  }).concat(scrollbarWidth ? [h('th', {
+    key: `gr${$rowIndex}`,
+    class: 'vxe-header--gutter col--gutter'
+  })] : []);
+};
+function renderHeads(h, _vm, headerGroups) {
+  const {
+    $parent: $xetable
+  } = _vm;
+  const tableProps = $xetable;
+  const {
+    fixedType
+  } = _vm;
+  const {
+    headerRowClassName,
+    headerRowStyle
+  } = tableProps;
+  const {
+    isDragColMove
+  } = $xetable;
+  const columnOpts = $xetable.columnOpts;
+  return headerGroups.map((cols, $rowIndex) => {
+    const params = {
+      $table: $xetable,
+      $rowIndex,
+      fixed: fixedType,
+      type: cellType
+    };
+    if (columnOpts.drag) {
+      return h('transition-group', {
+        props: {
+          tag: 'tr',
+          name: `vxe-header--col-list${isDragColMove ? '' : '-disabled'}`,
+          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));
+    }
+    return h('tr', {
+      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));
+  });
+}
 var _default = exports.default = {
   name: 'VxeTableHeader',
   props: {
@@ -81,28 +248,12 @@ var _default = exports.default = {
       fixedColumn
     } = this;
     const {
-      $listeners: tableListeners,
       tId,
       isGroup,
       visibleColumn,
-      resizable: allResizable,
-      border,
-      columnKey,
-      headerRowClassName,
-      headerCellClassName,
-      headerRowStyle,
-      headerCellStyle,
       showHeaderOverflow: allColumnHeaderOverflow,
-      headerAlign: allHeaderAlign,
-      align: allAlign,
-      highlightCurrentColumn,
-      currentColumn,
       scrollXLoad,
-      overflowX,
-      scrollbarWidth,
-      sortOpts,
-      mouseConfig,
-      columnOpts
+      scrollbarWidth
     } = $xetable;
     let headerGroups = headerColumn;
     let renderColumnList = tableColumn;
@@ -157,117 +308,7 @@ var _default = exports.default = {
      */
     h('thead', {
       ref: 'thead'
-    }, headerGroups.map((cols, $rowIndex) => {
-      return h('tr', {
-        class: ['vxe-header--row', headerRowClassName ? _xeUtils.default.isFunction(headerRowClassName) ? headerRowClassName({
-          $table: $xetable,
-          $rowIndex,
-          fixed: fixedType,
-          type: cellType
-        }) : headerRowClassName : ''],
-        style: headerRowStyle ? _xeUtils.default.isFunction(headerRowStyle) ? headerRowStyle({
-          $table: $xetable,
-          $rowIndex,
-          fixed: fixedType,
-          type: cellType
-        }) : headerRowStyle : null
-      }, cols.map((column, $columnIndex) => {
-        const {
-          type,
-          showHeaderOverflow,
-          headerAlign,
-          align,
-          headerClassName,
-          editRender,
-          cellRender
-        } = column;
-        // const { enabled } = tooltipOpts
-        const colid = column.id;
-        const renderOpts = editRender || cellRender;
-        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 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';
-        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,
-          column,
-          columnIndex,
-          $columnIndex,
-          _columnIndex,
-          fixed: fixedType,
-          type: cellType,
-          isHidden: fixedHiddenColumn,
-          hasFilter
-        };
-        // 虚拟滚动不支持动态高度
-        if (scrollXLoad && !hasEllipsis) {
-          showEllipsis = hasEllipsis = true;
-        }
-        if (columnOpts.isCurrent || highlightCurrentColumn || tableListeners['header-cell-click'] || sortOpts.trigger === 'cell') {
-          thOns.click = evnt => $xetable.triggerHeaderCellClickEvent(evnt, params);
-        }
-        if (tableListeners['header-cell-dblclick']) {
-          thOns.dblclick = evnt => $xetable.triggerHeaderCellDblclickEvent(evnt, params);
-        }
-        // 按下事件处理
-        if (mouseConfig) {
-          thOns.mousedown = evnt => $xetable.triggerHeaderCellMousedownEvent(evnt, params);
-        }
-        return h('th', {
-          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,
-            colspan: column.colSpan > 1 ? column.colSpan : null,
-            rowspan: column.rowSpan > 1 ? column.rowSpan : null
-          },
-          style: headerCellStyle ? _xeUtils.default.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle : null,
-          on: thOns,
-          key: columnKey || columnOpts.useKey || isColGroup ? colid : $columnIndex
-        }, [h('div', {
-          class: ['vxe-cell', {
-            'c--title': showTitle,
-            'c--tooltip': showTooltip,
-            'c--ellipsis': showEllipsis
-          }]
-        }, column.renderHeader(h, params)),
-        /**
-         * 列宽拖动
-         */
-        !fixedHiddenColumn && !isColGroup && (_xeUtils.default.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable) ? h('div', {
-          class: ['vxe-resizable', {
-            'is--line': !border || border === 'none'
-          }],
-          on: {
-            mousedown: evnt => this.resizeMousedown(evnt, params)
-          }
-        }) : null]);
-      }).concat(scrollbarWidth ? [h('th', {
-        class: 'vxe-header--gutter col--gutter'
-      })] : []));
-    }))]),
+    }, renderHeads(h, this, headerGroups))]),
     /**
      * 其他
      */

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 renderer=_ui.VxeUI.renderer,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(C){let{_e:e,$parent:v,fixedType:y,headerColumn:l,tableColumn:t,fixedColumn:r}=this,{$listeners:_,tId:i,isGroup:a,visibleColumn:o,resizable:w,border:$,columnKey:z,headerRowClassName:n,headerCellClassName:S,headerRowStyle:s,headerCellStyle:T,showHeaderOverflow:M,headerAlign:W,align:R,highlightCurrentColumn:k,currentColumn:H,scrollXLoad:I,overflowX:A,scrollbarWidth:d,sortOpts:U,mouseConfig:O,columnOpts:q}=v,u=l,c=t;return a?c=o:(y&&(I||M)&&(c=r),u=[c]),C("div",{class:["vxe-table--header-wrapper",y?`fixed-${y}--wrapper`:"body--wrapper"],attrs:{xid:i}},[y?e():C("div",{class:"vxe-body--x-space",ref:"xSpace"}),C("table",{class:"vxe-table--header",attrs:{xid:i,cellspacing:0,cellpadding:0,border:0},ref:"table"},[C("colgroup",{ref:"colgroup"},c.map((e,l)=>C("col",{attrs:{name:e.id},key:l})).concat(d?[C("col",{attrs:{name:"col_gutter"}})]:[])),C("thead",{ref:"thead"},u.map((g,b)=>C("tr",{class:["vxe-header--row",n?_xeUtils.default.isFunction(n)?n({$table:v,$rowIndex:b,fixed:y,type:cellType}):n:""],style:s?_xeUtils.default.isFunction(s)?s({$table:v,$rowIndex:b,fixed:y,type:cellType}):s:null},g.map((e,l)=>{var{type:t,showHeaderOverflow:r,headerAlign:i,align:a,headerClassName:o,editRender:n,cellRender:s}=e,d=e.id,n=n||s,s=n?renderer.get(n.name):null,n=e.children&&e.children.length,u=y?e.fixed!==y&&!n:e.fixed&&A,r=_xeUtils.default.isUndefined(r)||_xeUtils.default.isNull(r)?M:r,i=i||(s?s.tableHeaderCellAlign:"")||W||a||(s?s.tableCellAlign:"")||R;let c="ellipsis"===r;a="title"===r,s=!0===r||"tooltip"===r;let p=a||s||c;var r={},m=e.filters&&e.filters.some(e=>e.checked),h=v.getColumnIndex(e),f=v.getVTColumnIndex(e);let x={$table:v,$grid:v.xegrid,$rowIndex:b,column:e,columnIndex:h,$columnIndex:l,_columnIndex:f,fixed:y,type:cellType,isHidden:u,hasFilter:m};return I&&!p&&(c=p=!0),(q.isCurrent||k||_["header-cell-click"]||"cell"===U.trigger)&&(r.click=e=>v.triggerHeaderCellClickEvent(e,x)),_["header-cell-dblclick"]&&(r.dblclick=e=>v.triggerHeaderCellDblclickEvent(e,x)),O&&(r.mousedown=e=>v.triggerHeaderCellMousedownEvent(e,x)),C("th",{class:["vxe-header--column",d,{["col--"+i]:i,["col--"+t]:t,"col--last":l===g.length-1,"col--fixed":e.fixed,"col--group":n,"col--ellipsis":p,"fixed--hidden":u,"is--sortable":e.sortable,"col--filter":!!e.filters,"is--filter-active":m,"col--current":H===e},(0,_utils.getClass)(o,x),(0,_utils.getClass)(S,x)],attrs:{colid:d,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:r,key:z||q.useKey||n?d:l},[C("div",{class:["vxe-cell",{"c--title":a,"c--tooltip":s,"c--ellipsis":c}]},e.renderHeader(C,x)),u||n||!(_xeUtils.default.isBoolean(e.resizable)?e.resizable:q.resizable||w)?null:C("div",{class:["vxe-resizable",{"is--line":!$||"none"===$}],on:{mousedown:e=>this.resizeMousedown(e,x)}})])}).concat(d?[C("th",{class:"vxe-header--gutter col--gutter"})]:[]))))]),C("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:n,rightContainer:s,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,C=f.left-p.clientWidth+x+b,v=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];$&&s&&(v=s.offsetLeft+z)}function T(e){e.stopPropagation(),e.preventDefault(),e=e.clientX-c;let l=v+e;e=a?0:h.scrollLeft,w?l=Math.min(l,(s?s.offsetLeft:h.clientWidth)-z-b):$?(C=(n?n.clientWidth:0)+z+b,l=Math.min(l,v+p.clientWidth-b)):C=Math.max(h.scrollLeft,C),m=Math.max(l,C),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+($?v-m:m-v);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()}}};
+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 renderer=_ui.VxeUI.renderer,cellType="header",renderRows=(x,v,C,b)=>{let{$parent:y,fixedType:_}=v,{$listeners:w,resizable:$,border:z,columnKey:S,headerCellClassName:H,headerCellStyle:T,showHeaderOverflow:R,headerAlign:D,align:M,highlightCurrentColumn:W,currentColumn:k,scrollXLoad:U,overflowX:I,scrollbarWidth:e,sortOpts:O,mouseConfig:A,columnOpts:E}=y;return C.map((e,l)=>{var{type:r,showHeaderOverflow:t,headerAlign:a,align:i,headerClassName:o,editRender:n,cellRender:s}=e,d=e.id,n=n||s,s=n?renderer.get(n.name):null,n=e.children&&e.children.length,u=_?e.fixed!==_&&!n:e.fixed&&I,t=_xeUtils.default.isUndefined(t)||_xeUtils.default.isNull(t)?R:t,a=a||(s?s.tableHeaderCellAlign:"")||D||i||(s?s.tableCellAlign:"")||M;let c="ellipsis"===t;i="title"===t,s=!0===t||"tooltip"===t;let p=i||s||c;var t={},m=e.filters&&e.filters.some(e=>e.checked),h=y.getColumnIndex(e),f=y.getVTColumnIndex(e);let g={$table:y,$grid:y.xegrid,$rowIndex:b,column:e,columnIndex:h,$columnIndex:l,_columnIndex:f,fixed:_,type:cellType,isHidden:u,hasFilter:m};return U&&!p&&(c=p=!0),(E.isCurrent||W||w["header-cell-click"]||"cell"===O.trigger)&&(t.click=e=>y.triggerHeaderCellClickEvent(e,g)),w["header-cell-dblclick"]&&(t.dblclick=e=>y.triggerHeaderCellDblclickEvent(e,g)),A&&(t.mousedown=e=>y.triggerHeaderCellMousedownEvent(e,g)),E.drag&&!e.parentId&&(t.dragstart=y.handleHeaderCellDragDragstartEvent,t.dragend=y.handleHeaderCellDragDragendEvent,t.dragover=y.handleHeaderCellDragDragoverEvent),x("th",{class:["vxe-header--column",d,{["col--"+a]:a,["col--"+r]:r,"col--last":l===C.length-1,"col--fixed":e.fixed,"col--group":n,"col--ellipsis":p,"fixed--hidden":u,"is--sortable":e.sortable,"col--filter":!!e.filters,"is--filter-active":m,"col--current":k===e},(0,_utils.getClass)(o,g),(0,_utils.getClass)(H,g)],attrs:{colid:d,colspan:1<e.colSpan?e.colSpan:null,rowspan:1<e.rowSpan?e.rowSpan:null},style:T?_xeUtils.default.isFunction(T)?T(g):T:null,on:t,key:S||E.useKey||E.drag||n?d:l},[x("div",{class:["vxe-cell",{"c--title":i,"c--tooltip":s,"c--ellipsis":c}]},e.renderHeader(x,g)),u||n||!(_xeUtils.default.isBoolean(e.resizable)?e.resizable:E.resizable||$)?null:x("div",{class:["vxe-resizable",{"is--line":!z||"none"===z}],on:{mousedown:e=>v.resizeMousedown(e,g)}})])}).concat(e?[x("th",{key:"gr"+b,class:"vxe-header--gutter col--gutter"})]:[])};function renderHeads(t,a,e){let i=a.$parent;var l=i;let o=a.fixedType,{headerRowClassName:n,headerRowStyle:s}=l,d=i.isDragColMove,u=i.columnOpts;return e.map((e,l)=>{var r={$table:i,$rowIndex:l,fixed:o,type:cellType};return u.drag?t("transition-group",{props:{tag:"tr",name:"vxe-header--col-list"+(d?"":"-disabled"),class:["vxe-header--row",n?_xeUtils.default.isFunction(n)?n(r):n:""],style:s?_xeUtils.default.isFunction(s)?s(r):s:null}},renderRows(t,a,e,l)):t("tr",{class:["vxe-header--row",n?_xeUtils.default.isFunction(n)?n(r):n:""],style:s?_xeUtils.default.isFunction(s)?s(r):s:null},renderRows(t,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:r,fixedType:t}=this,e=e.elemStore,t=`${t||"main"}-header-`;e[t+"wrapper"]=l,e[t+"table"]=r.table,e[t+"colgroup"]=r.colgroup,e[t+"list"]=r.thead,e[t+"xSpace"]=r.xSpace,e[t+"repair"]=r.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(r){var{_e:e,$parent:l,fixedType:t,headerColumn:a,tableColumn:i,fixedColumn:o}=this,{tId:l,isGroup:n,visibleColumn:s,showHeaderOverflow:d,scrollXLoad:u,scrollbarWidth:c}=l;let p=a,m=i;return n?m=s:(t&&(u||d)&&(m=o),p=[m]),r("div",{class:["vxe-table--header-wrapper",t?`fixed-${t}--wrapper`:"body--wrapper"],attrs:{xid:l}},[t?e():r("div",{class:"vxe-body--x-space",ref:"xSpace"}),r("table",{class:"vxe-table--header",attrs:{xid:l,cellspacing:0,cellpadding:0,border:0},ref:"table"},[r("colgroup",{ref:"colgroup"},m.map((e,l)=>r("col",{attrs:{name:e.id},key:l})).concat(c?[r("col",{attrs:{name:"col_gutter"}})]:[])),r("thead",{ref:"thead"},renderHeads(r,this,p))]),r("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,r){let t=r.column,{$parent:a,$el:l,fixedType:i}=this,{tableBody:o,leftContainer:n,rightContainer:s,resizeBar:d}=a.$refs,{target:u,clientX:c}=e,p=r.cell=u.parentNode,m=0,h=o.$el;var f=(0,_dom.getOffsetPos)(u,l),g=u.clientWidth,x=Math.floor(g/2);let v=(0,_util.getColReMinWidth)(r)-x,C=f.left-p.clientWidth+g+v,b=f.left+x,y=document.onmousemove,_=document.onmouseup,w="left"===i,$="right"===i,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];$&&s&&(b=s.offsetLeft+z)}function H(e){e.stopPropagation(),e.preventDefault(),e=e.clientX-c;let l=b+e;e=i?0:h.scrollLeft,w?l=Math.min(l,(s?s.offsetLeft:h.clientWidth)-z-v):$?(C=(n?n.clientWidth:0)+z+v,l=Math.min(l,b+p.clientWidth-v)):C=Math.max(h.scrollLeft,C),m=Math.max(l,C),d.style.left=m-e+"px"}a._isResize=!0,(0,_dom.addClass)(a.$el,"drag--resize"),d.style.display="block",document.onmousemove=H,document.onmouseup=function(e){document.onmousemove=y,document.onmouseup=_;let l=t.renderWidth+($?b-m:m-b);t.resizeWidth=l,d.style.display="none",a._isResize=!1,a._lastResizeTime=Date.now(),a.analyColumnWidth(),a.recalculate(!0).then(()=>{a.saveCustomStore("update:visible"),a.updateCellAreas(),a.emitEvent("resizable-change",Object.assign(Object.assign({},r),{resizeWidth:l}),e),setTimeout(()=>a.recalculate(!0),300)}),(0,_dom.removeClass)(a.$el,"drag--resize")},H(e),a.closeMenu()}}};