vxe-table 4.7.67 → 4.7.69

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const renderType="header";var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup(W){const k=(0,_vue.inject)("$xeTable",{}),{xID:u,props:d,reactData:H,internalData:I}=k,{refElem:M,refTableBody:z,refLeftContainer:S,refRightContainer:$,refCellResizeBar:D}=k.getRefMaps(),c=k.getComputeMaps()["computeColumnOpts"],f=(0,_vue.ref)([]),O=(0,_vue.ref)(),p=(0,_vue.ref)(),v=(0,_vue.ref)(),m=(0,_vue.ref)(),h=(0,_vue.ref)(),U=(0,_vue.ref)(),t=()=>{var e=H["isGroup"];f.value=e?(0,_util.convertHeaderColumnToRows)(W.tableGroupColumn):[]},q=(e,t)=>{const r=t["column"],a=W["fixedType"];var l=z.value;const o=S.value,n=$.value,i=D.value,s=e["clientX"];var u=O.value,d=e.target;const c=t.cell=d.parentNode;let f=0;const p=l.$el;l=(0,_dom.getOffsetPos)(d,u),u=d.clientWidth,d=Math.floor(u/2);const v=(0,_util.getColReMinWidth)(t)-d;let m=l.left-c.clientWidth+u+v,h=l.left+d;const x=document.onmousemove,_=document.onmouseup,g="left"===a,b="right"===a,C=M.value;let y=0;if(g||b){var w=g?"nextElementSibling":"previousElementSibling";let e=c[w];for(;e&&!(0,_dom.hasClass)(e,"fixed--hidden");)(0,_dom.hasClass)(e,"col--group")||(y+=e.offsetWidth),e=e[w];b&&n&&(h=n.offsetLeft+y)}function T(e){e.stopPropagation(),e.preventDefault(),e=e.clientX-s;let l=h+e;e=a?0:p.scrollLeft,g?l=Math.min(l,(n?n.offsetLeft:p.clientWidth)-y-v):b?(m=(o?o.clientWidth:0)+y+v,l=Math.min(l,h+c.clientWidth-v)):m=Math.max(p.scrollLeft,m),f=Math.max(l,m),i.style.left=f-e+"px"}H._isResize=!0,(0,_dom.addClass)(C,"drag--resize"),i.style.display="block",document.onmousemove=T,document.onmouseup=function(e){document.onmousemove=x,document.onmouseup=_;const l=r.renderWidth+(b?h-f:f-h);r.resizeWidth=l,i.style.display="none",H._isResize=!1,I._lastResizeTime=Date.now(),k.analyColumnWidth(),k.recalculate(!0).then(()=>{k.saveCustomStore("update:visible"),k.updateCellAreas(),k.dispatchEvent("resizable-change",Object.assign(Object.assign({},t),{resizeWidth:l}),e),setTimeout(()=>k.recalculate(!0),300)}),(0,_dom.removeClass)(C,"drag--resize")},T(e),k.closeMenu&&k.closeMenu()};(0,_vue.watch)(()=>W.tableColumn,t),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=W["fixedType"],l=k["internalData"],l=l["elemStore"],e=`${e||"main"}-header-`;l[e+"wrapper"]=O,l[e+"table"]=p,l[e+"colgroup"]=v,l[e+"list"]=m,l[e+"xSpace"]=h,l[e+"repair"]=U,t()})}),(0,_vue.onUnmounted)(()=>{var e=W["fixedType"],l=k["internalData"],l=l["elemStore"],e=`${e||"main"}-header-`;l[e+"wrapper"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null,l[e+"repair"]=null});return()=>{const{fixedType:x,fixedColumn:e,tableColumn:l}=W,{resizable:_,border:g,columnKey:b,headerRowClassName:t,headerCellClassName:C,headerRowStyle:r,headerCellStyle:y,showHeaderOverflow:w,headerAlign:T,align:M,mouseConfig:z}=d,{isGroup:a,currentColumn:S,scrollXLoad:$,overflowX:D,scrollbarWidth:o}=H;var n=I["visibleColumn"];const R=c.value;let i=f.value,s=l;return a?s=n:(x&&($||w)&&(s=e),i=[s]),(0,_vue.h)("div",{ref:O,class:["vxe-table--header-wrapper",x?`fixed-${x}--wrapper`:"body--wrapper"],xid:u},[x?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:h,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:p,class:"vxe-table--header",xid:u,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:v},s.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l})).concat(o?[(0,_vue.h)("col",{name:"col_gutter"})]:[])),(0,_vue.h)("thead",{ref:m},i.map((m,h)=>(0,_vue.h)("tr",{class:["vxe-header--row",t?_xeUtils.default.isFunction(t)?t({$table:k,$rowIndex:h,fixed:x,type:renderType}):t:""],style:r?_xeUtils.default.isFunction(r)?r({$table:k,$rowIndex:h,fixed:x,type:renderType}):r:null},m.map((e,l)=>{var{type:t,showHeaderOverflow:r,headerAlign:a,align:o,headerClassName:n}=e,i=e.children&&e.children.length,s=x?e.fixed!==x&&!i:!!e.fixed&&D,r=_xeUtils.default.eqNull(r)?w:r,a=a||o||T||M;let u="ellipsis"===r;o="title"===r,r=!0===r||"tooltip"===r;let d=o||r||u;var c=e.filters&&e.filters.some(e=>e.checked),f=k.getColumnIndex(e),p=k.getVTColumnIndex(e);const v={$table:k,$grid:k.xegrid,$rowIndex:h,column:e,columnIndex:f,$columnIndex:l,_columnIndex:p,fixed:x,type:renderType,isHidden:s,hasFilter:c};f={onClick:e=>k.triggerHeaderCellClickEvent(e,v),onDblclick:e=>k.triggerHeaderCellDblclickEvent(e,v)};return $&&!d&&(u=d=!0),z&&(f.onMousedown=e=>k.triggerHeaderCellMousedownEvent(e,v)),(0,_vue.h)("th",Object.assign(Object.assign({class:["vxe-header--column",e.id,{["col--"+a]:a,["col--"+t]:t,"col--last":l===m.length-1,"col--fixed":e.fixed,"col--group":i,"col--ellipsis":d,"fixed--hidden":s,"is--sortable":e.sortable,"col--filter":!!e.filters,"is--filter-active":c,"col--current":S===e},n?_xeUtils.default.isFunction(n)?n(v):n:"",C?_xeUtils.default.isFunction(C)?C(v):C:""],colid:e.id,colspan:1<e.colSpan?e.colSpan:null,rowspan:1<e.rowSpan?e.rowSpan:null,style:y?_xeUtils.default.isFunction(y)?y(v):y:null},f),{key:b||R.useKey||i?e.id:l}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":o,"c--tooltip":r,"c--ellipsis":u}]},e.renderHeader(v)),s||i||!(_xeUtils.default.isBoolean(e.resizable)?e.resizable:R.resizable||_)?null:(0,_vue.h)("div",{class:["vxe-resizable",{"is--line":!g||"none"===g}],onMousedown:e=>q(e,v)})])}).concat(o?[(0,_vue.h)("th",{class:"vxe-header--gutter col--gutter"})]:[]))))]),(0,_vue.h)("div",{ref:U,class:"vxe-table--header-border-line"})])}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const renderType="header";var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup(k){const H=(0,_vue.inject)("$xeTable",{}),{xID:u,props:d,reactData:I,internalData:O}=H,{refElem:M,refTableBody:z,refLeftContainer:S,refRightContainer:$,refCellResizeBar:D}=H.getRefMaps(),c=H.getComputeMaps()["computeColumnOpts"],f=(0,_vue.ref)([]),U=(0,_vue.ref)(),p=(0,_vue.ref)(),v=(0,_vue.ref)(),m=(0,_vue.ref)(),h=(0,_vue.ref)(),x=(0,_vue.ref)(),t=()=>{var e=I["isGroup"];f.value=e?(0,_util.convertHeaderColumnToRows)(k.tableGroupColumn):[]},q=(e,t)=>{const r=t["column"],a=k["fixedType"];var l=z.value;const o=S.value,n=$.value,i=D.value,s=e["clientX"];var u=U.value,d=e.target;const c=t.cell=d.parentNode;let f=0;const p=l.$el;l=(0,_dom.getOffsetPos)(d,u),u=d.clientWidth,d=Math.floor(u/2);const v=(0,_util.getColReMinWidth)(t)-d;let m=l.left-c.clientWidth+u+v,h=l.left+d;const x=document.onmousemove,_=document.onmouseup,g="left"===a,b="right"===a,C=M.value;let y=0;if(g||b){var w=g?"nextElementSibling":"previousElementSibling";let e=c[w];for(;e&&!(0,_dom.hasClass)(e,"fixed--hidden");)(0,_dom.hasClass)(e,"col--group")||(y+=e.offsetWidth),e=e[w];b&&n&&(h=n.offsetLeft+y)}function T(e){e.stopPropagation(),e.preventDefault(),e=e.clientX-s;let l=h+e;e=a?0:p.scrollLeft,g?l=Math.min(l,(n?n.offsetLeft:p.clientWidth)-y-v):b?(m=(o?o.clientWidth:0)+y+v,l=Math.min(l,h+c.clientWidth-v)):m=Math.max(p.scrollLeft,m),f=Math.max(l,m),i.style.left=f-e+"px"}I._isResize=!0,(0,_dom.addClass)(C,"drag--resize"),i.style.display="block",document.onmousemove=T,document.onmouseup=function(e){document.onmousemove=x,document.onmouseup=_;const l=r.renderWidth+(b?h-f:f-h);r.resizeWidth=l,i.style.display="none",I._isResize=!1,O._lastResizeTime=Date.now(),H.analyColumnWidth(),H.recalculate(!0).then(()=>{H.saveCustomStore("update:visible"),H.updateCellAreas(),H.dispatchEvent("resizable-change",Object.assign(Object.assign({},t),{resizeWidth:l}),e),setTimeout(()=>H.recalculate(!0),300)}),(0,_dom.removeClass)(C,"drag--resize")},T(e),H.closeMenu&&H.closeMenu()};(0,_vue.watch)(()=>k.tableColumn,t),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=k["fixedType"],l=H["internalData"],l=l["elemStore"],e=`${e||"main"}-header-`;l[e+"wrapper"]=U,l[e+"table"]=p,l[e+"colgroup"]=v,l[e+"list"]=m,l[e+"xSpace"]=h,l[e+"repair"]=x,t()})}),(0,_vue.onUnmounted)(()=>{var e=k["fixedType"],l=H["internalData"],l=l["elemStore"],e=`${e||"main"}-header-`;l[e+"wrapper"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null,l[e+"repair"]=null});return()=>{const{fixedType:_,fixedColumn:e,tableColumn:l}=k,{resizable:g,border:b,columnKey:C,headerRowClassName:t,headerCellClassName:y,headerRowStyle:r,headerCellStyle:w,showHeaderOverflow:T,headerAlign:M,align:z,mouseConfig:S}=d,{isGroup:a,currentColumn:$,scrollXLoad:D,overflowX:R,scrollbarWidth:o}=I;var n=O["visibleColumn"];const W=c.value;let i=f.value,s=l;return a?s=n:(_&&(D||T)&&(s=e),i=[s]),(0,_vue.h)("div",{ref:U,class:["vxe-table--header-wrapper",_?`fixed-${_}--wrapper`:"body--wrapper"],xid:u},[_?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:h,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:p,class:"vxe-table--header",xid:u,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:v},s.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l})).concat(o?[(0,_vue.h)("col",{name:"col_gutter"})]:[])),(0,_vue.h)("thead",{ref:m},i.map((h,x)=>(0,_vue.h)("tr",{class:["vxe-header--row",t?_xeUtils.default.isFunction(t)?t({$table:H,$rowIndex:x,fixed:_,type:renderType}):t:""],style:r?_xeUtils.default.isFunction(r)?r({$table:H,$rowIndex:x,fixed:_,type:renderType}):r:null},h.map((e,l)=>{var{type:t,showHeaderOverflow:r,headerAlign:a,align:o,headerClassName:n}=e,i=e.id,s=e.children&&e.children.length,u=_?e.fixed!==_&&!s:!!e.fixed&&R,r=_xeUtils.default.eqNull(r)?T:r,a=a||o||M||z;let d="ellipsis"===r;o="title"===r,r=!0===r||"tooltip"===r;let c=o||r||d;var f=e.filters&&e.filters.some(e=>e.checked),p=H.getColumnIndex(e),v=H.getVTColumnIndex(e);const m={$table:H,$grid:H.xegrid,$rowIndex:x,column:e,columnIndex:p,$columnIndex:l,_columnIndex:v,fixed:_,type:renderType,isHidden:u,hasFilter:f};p={onClick:e=>H.triggerHeaderCellClickEvent(e,m),onDblclick:e=>H.triggerHeaderCellDblclickEvent(e,m)};return D&&!c&&(d=c=!0),S&&(p.onMousedown=e=>H.triggerHeaderCellMousedownEvent(e,m)),(0,_vue.h)("th",Object.assign(Object.assign({class:["vxe-header--column",i,{["col--"+a]:a,["col--"+t]:t,"col--last":l===h.length-1,"col--fixed":e.fixed,"col--group":s,"col--ellipsis":c,"fixed--hidden":u,"is--sortable":e.sortable,"col--filter":!!e.filters,"is--filter-active":f,"col--current":$===e},n?_xeUtils.default.isFunction(n)?n(m):n:"",y?_xeUtils.default.isFunction(y)?y(m):y:""],colid:i,colspan:1<e.colSpan?e.colSpan:null,rowspan:1<e.rowSpan?e.rowSpan:null,style:w?_xeUtils.default.isFunction(w)?w(m):w:null},p),{key:C||W.useKey||s?i:l}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":o,"c--tooltip":r,"c--ellipsis":d}]},e.renderHeader(m)),u||s||!(_xeUtils.default.isBoolean(e.resizable)?e.resizable:W.resizable||g)?null:(0,_vue.h)("div",{class:["vxe-resizable",{"is--line":!b||"none"===b}],onMousedown:e=>q(e,m)})])}).concat(o?[(0,_vue.h)("th",{class:"vxe-header--gutter col--gutter"})]:[]))))]),(0,_vue.h)("div",{ref:x,class:"vxe-table--header-border-line"})])}}});

package/lib/table/src/table.js

@@ -342,6 +342,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
       fullDataRowIdData: {},
       fullColumnIdData: {},
       fullColumnFieldData: {},
+      // 列选取状态
+      columnStatusMaps: {},
+      // 行选取状态
+      rowStatusMaps: {},
       inited: false,
       tooltipTimeout: null,
       initStatus: false,
@@ -5730,7 +5734,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
           const operCtxMenu = isMenu && ctxMenuStore.visible && (isEnter || isSpacebar || operArrow);
           const isEditStatus = (0, _utils.isEnableConf)(editConfig) && actived.column && actived.row;
           const beforeEditMethod = editOpts.beforeEditMethod || editOpts.activeMethod;
-          let params;
           if (operCtxMenu) {
             // 如果配置了右键菜单; 支持方向键操作、回车
             evnt.preventDefault();
@@ -5786,7 +5789,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
             if (hasCtrlKey) {
               // 如果是激活编辑状态，则取消编辑
               if (actived.row) {
-                params = actived.args;
+                const params = actived.args;
                 $xeTable.clearEdit(evnt);
                 // 如果配置了选中功能，则为选中状态
                 if (mouseOpts.selected) {
@@ -5816,7 +5819,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
                 if (childrens && childrens.length) {
                   evnt.preventDefault();
                   const targetRow = childrens[0];
-                  params = {
+                  const params = {
                     $table: $xeTable,
                     row: targetRow,
                     rowIndex: tableMethods.getRowIndex(targetRow),
@@ -5849,23 +5852,24 @@ var _default = exports.default = (0, _vue.defineComponent)({
               const {
                 delMethod
               } = keyboardOpts;
-              const delPaqrams = {
+              const params = {
                 row: selected.row,
                 rowIndex: tableMethods.getRowIndex(selected.row),
                 column: selected.column,
                 columnIndex: tableMethods.getColumnIndex(selected.column),
-                $table: $xeTable
+                $table: $xeTable,
+                $grid: $xeGrid
               };
               // 是否被禁用
               if (!beforeEditMethod || beforeEditMethod(params)) {
                 if (delMethod) {
-                  delMethod(delPaqrams);
+                  delMethod(params);
                 } else {
                   (0, _util.setCellValue)(selected.row, selected.column, null);
                 }
                 // 如果按下 del 键，更新表尾数据
                 tableMethods.updateFooter();
-                $xeTable.dispatchEvent('cell-delete-value', delPaqrams, evnt);
+                $xeTable.dispatchEvent('cell-delete-value', params, evnt);
               }
             }
           } else if (hasBackspaceKey && keyboardConfig && keyboardOpts.isBack && (0, _utils.isEnableConf)(editConfig) && (selected.row || selected.column)) {
@@ -5875,28 +5879,23 @@ var _default = exports.default = (0, _vue.defineComponent)({
               } = keyboardOpts;
               // 如果是删除键
               if (keyboardOpts.isDel && (0, _utils.isEnableConf)(editConfig) && (selected.row || selected.column)) {
-                const delPaqrams = {
+                const params = {
                   row: selected.row,
                   rowIndex: tableMethods.getRowIndex(selected.row),
                   column: selected.column,
                   columnIndex: tableMethods.getColumnIndex(selected.column),
-                  $table: $xeTable
+                  $table: $xeTable,
+                  $grid: $xeGrid
                 };
                 // 是否被禁用
                 if (!beforeEditMethod || beforeEditMethod(params)) {
                   if (backMethod) {
-                    backMethod({
-                      row: selected.row,
-                      rowIndex: tableMethods.getRowIndex(selected.row),
-                      column: selected.column,
-                      columnIndex: tableMethods.getColumnIndex(selected.column),
-                      $table: $xeTable
-                    });
+                    backMethod(params);
                   } else {
                     (0, _util.setCellValue)(selected.row, selected.column, null);
                     $xeTable.handleActived(selected.args, evnt);
                   }
-                  $xeTable.dispatchEvent('cell-backspace-value', delPaqrams, evnt);
+                  $xeTable.dispatchEvent('cell-backspace-value', params, evnt);
                 }
               }
             }
@@ -5909,11 +5908,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
             });
             if (parentRow) {
               evnt.preventDefault();
-              params = {
-                $table: $xeTable,
+              const params = {
                 row: parentRow,
                 rowIndex: tableMethods.getRowIndex(parentRow),
-                $rowIndex: tableMethods.getVMRowIndex(parentRow)
+                $rowIndex: tableMethods.getVMRowIndex(parentRow),
+                $table: $xeTable,
+                $grid: $xeGrid
               };
               tableMethods.setTreeExpand(parentRow, false).then(() => tableMethods.scrollToRow(parentRow)).then(() => tablePrivateMethods.triggerCurrentRowEvent(evnt, params));
             }
@@ -5928,19 +5928,20 @@ var _default = exports.default = (0, _vue.defineComponent)({
             // 如果是按下非功能键之外允许直接编辑
             if (selected.column && selected.row && (0, _utils.isEnableConf)(selected.column.editRender)) {
               const beforeEditMethod = editOpts.beforeEditMethod || editOpts.activeMethod;
+              const params = {
+                row: selected.row,
+                rowIndex: tableMethods.getRowIndex(selected.row),
+                column: selected.column,
+                columnIndex: tableMethods.getColumnIndex(selected.column),
+                $table: $xeTable,
+                $grid: $xeGrid
+              };
               if (!beforeEditMethod || beforeEditMethod(Object.assign(Object.assign({}, selected.args), {
                 $table: $xeTable,
                 $grid: $xeGrid
               }))) {
                 if (editMethod) {
-                  editMethod({
-                    row: selected.row,
-                    rowIndex: tableMethods.getRowIndex(selected.row),
-                    column: selected.column,
-                    columnIndex: tableMethods.getColumnIndex(selected.column),
-                    $table: $xeTable,
-                    $grid: $xeGrid
-                  });
+                  editMethod(params);
                 } else {
                   (0, _util.setCellValue)(selected.row, selected.column, null);
                   $xeTable.handleActived(selected.args, evnt);
@@ -5948,14 +5949,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
                 const afterEditMethod = editOpts.afterEditMethod;
                 if (afterEditMethod) {
                   (0, _vue.nextTick)(() => {
-                    afterEditMethod({
-                      row: selected.row,
-                      rowIndex: tableMethods.getRowIndex(selected.row),
-                      column: selected.column,
-                      columnIndex: tableMethods.getColumnIndex(selected.column),
-                      $table: $xeTable,
-                      $grid: $xeGrid
-                    });
+                    afterEditMethod(params);
                   });
                 }
               }