vxe-table 3.22.8 → 3.22.10

package/lib/index.umd.js

@@ -3311,7 +3311,7 @@ function getClass(property, params) {
 /* unused harmony import specifier */ var VxeUI;
 
 
-const version = "3.22.8";
+const version = "3.22.10";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -4097,7 +4097,7 @@ function getPopupContainer(appendTo) {
 const {
   log: log_log
 } = core_.VxeUI;
-const tableVersion = `table v${"3.22.8"}`;
+const tableVersion = `table v${"3.22.10"}`;
 function createComponentLog(name) {
   const uiVersion = core_.VxeUI.uiVersion ? `ui v${core_.VxeUI.uiVersion}` : '';
   const ganttVersion = core_.VxeUI.ganttVersion ? `gantt v${core_.VxeUI.ganttVersion}` : '';
@@ -8487,14 +8487,14 @@ if(isEnableConf(editConfig)&&editOpts.trigger==='dblclick'){if(actived.row&&acti
      * 单元格按下事件
      */triggerCellMousedownEvent(evnt,params){const $xeTable=this;const{column}=params;const{type,treeNode}=column;const isRadioType=type==='radio';const isCheckboxType=type==='checkbox';const isExpandType=type==='expand';const rowOpts=$xeTable.computeRowOpts;const rowDragOpts=$xeTable.computeRowDragOpts;const{trigger,isCrossDrag,isPeerDrag,disabledMethod}=rowDragOpts;const cell=evnt.currentTarget;params.cell=cell;const triggerInput=cell&&cell.tagName&&cell.tagName.toLowerCase()==='input';const triggerRadio=isRadioType&&getEventTargetNode(evnt,cell,'vxe-cell--radio').flag;const triggerCheckbox=isCheckboxType&&getEventTargetNode(evnt,cell,'vxe-cell--checkbox').flag;const triggerTreeNode=treeNode&&getEventTargetNode(evnt,cell,'vxe-cell--tree-btn').flag;const triggerExpandNode=isExpandType&&getEventTargetNode(evnt,cell,'vxe-table--expanded').flag;let isColDragCell=false;if(rowOpts.drag){isColDragCell=trigger==='row'||column.dragSort&&trigger==='cell';}let triggerDrag=false;if(!(triggerInput||triggerRadio||triggerCheckbox||triggerTreeNode||triggerExpandNode)){if(isColDragCell&&(isCrossDrag||isPeerDrag||!params.level)&&!(disabledMethod&&disabledMethod(params))){triggerDrag=true;$xeTable.handleCellDragMousedownEvent(evnt,params);}}if(!triggerDrag&&$xeTable.handleCellMousedownEvent){$xeTable.handleCellMousedownEvent(evnt,params);}$xeTable.focus();$xeTable.closeFilter();if($xeTable.closeMenu){$xeTable.closeMenu();}},triggerCellMouseupEvent(){const $xeTable=this;clearDragStatus($xeTable);},/**
      * 行拖拽
-     */handleRowDragDragstartEvent(evnt){const $xeTable=this;if(evnt.dataTransfer){evnt.dataTransfer.setDragImage(getTpImg(),0,0);}$xeTable.closeTooltip();},handleRowDragSwapEvent(evnt,isSyncRow,dragRow,prevDragRow,prevDragPos,prevDragToChild){const $xeTable=this;const $xeGantt=$xeTable.$xeGantt;const props=$xeTable;const reactData=$xeTable;const internalData=$xeTable;const{treeConfig,dragConfig}=props;const rowDragOpts=$xeTable.computeRowDragOpts;const{afterFullData,tableFullData,fullAllDataRowIdData}=internalData;const{animation,isPeerDrag,isCrossDrag,isSelfToChildDrag,dragEndMethod,dragToChildMethod}=rowDragOpts;const treeOpts=$xeTable.computeTreeOpts;const cellOpts=$xeTable.computeCellOpts;const rowOpts=$xeTable.computeRowOpts;const defaultRowHeight=$xeTable.computeDefaultRowHeight;const{transform,rowField,mapChildrenField,parentField}=treeOpts;const childrenField=treeOpts.children||treeOpts.childrenField;const dEndMethod=dragEndMethod||(dragConfig?dragConfig.dragEndMethod:null);const dragOffsetIndex=prevDragPos==='bottom'?1:0;const el=$xeTable.$refs.refElem;const errRest={status:false};if(!(el&&prevDragRow&&dragRow)){return Promise.resolve(errRest);}// 判断是否有拖动
+     */handleRowDragDragstartEvent(evnt){const $xeTable=this;if(evnt.dataTransfer){evnt.dataTransfer.setDragImage(getTpImg(),0,0);}$xeTable.closeTooltip();},handleRowDragSwapEvent(evnt,isSyncRow,dragRow,prevDragRow,prevDragPos,prevDragToChild){const $xeTable=this;const $xeGantt=$xeTable.$xeGantt;const props=$xeTable;const reactData=$xeTable;const internalData=$xeTable;const{treeConfig,dragConfig}=props;const rowDragOpts=$xeTable.computeRowDragOpts;const{afterFullData,tableFullData,fullAllDataRowIdData}=internalData;const{animation,isPeerDrag,isCrossDrag,isSelfToChildDrag,dragEndMethod,dragToChildMethod}=rowDragOpts;const treeOpts=$xeTable.computeTreeOpts;const cellOpts=$xeTable.computeCellOpts;const rowOpts=$xeTable.computeRowOpts;const defaultRowHeight=$xeTable.computeDefaultRowHeight;const{transform,rowField,mapChildrenField,parentField}=treeOpts;const childrenField=treeOpts.children||treeOpts.childrenField;const dEndMethod=dragEndMethod||(dragConfig?dragConfig.dragEndMethod:null);const dragOffsetIndex=prevDragPos==='bottom'?1:0;const el=$xeTable.$refs.refElem;const errRest={status:false};if(!(el&&prevDragRow&&dragRow)){handleRowDragEndClearStatus($xeTable);return Promise.resolve(errRest);}// 判断是否有拖动
 if(prevDragRow!==dragRow){const dragParams={oldRow:dragRow,newRow:prevDragRow,dragRow,dragPos:prevDragPos,dragToChild:!!prevDragToChild,offsetIndex:dragOffsetIndex};const dragRowid=getRowid($xeTable,dragRow);const dragRowRest=fullAllDataRowIdData[dragRowid]||{};const _dragRowIndex=dragRowRest._index;let dragRowHeight=0;let dragOffsetTop=-1;if(animation){dragRowHeight=getCellRestHeight(dragRowRest,cellOpts,rowOpts,defaultRowHeight);const oldTrEl=el.querySelector(`.vxe-body--row[rowid="${dragRowid}"]`);if(oldTrEl){dragOffsetTop=oldTrEl.offsetTop;}}let oafIndex=-1;let nafIndex=-1;const oldRest=dragRowRest;const newRowid=getRowid($xeTable,prevDragRow);const newRest=fullAllDataRowIdData[newRowid];const oldAllMaps={};let isSelfToChildStatus=false;// 如果为树结构
 if(treeConfig){if(transform){if(oldRest&&newRest){const{level:oldLevel}=oldRest;const{level:newLevel}=newRest;external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree([dragRow],item=>{oldAllMaps[getRowid($xeTable,item)]=item;},{children:mapChildrenField});if(oldLevel&&newLevel){// 子到子
 if(isPeerDrag&&!isCrossDrag){if(oldRest.row[parentField]!==newRest.row[parentField]){// 非同级
 handleRowDragEndClearStatus($xeTable);return Promise.resolve(errRest);}}else{if(!isCrossDrag){handleRowDragEndClearStatus($xeTable);return Promise.resolve(errRest);}if(oldAllMaps[newRowid]){isSelfToChildStatus=true;if(!(isCrossDrag&&isSelfToChildDrag)){if(core_.VxeUI.modal){core_.VxeUI.modal.message({status:'error',content:methods_getI18n('vxe.error.treeDragChild')});}handleRowDragEndClearStatus($xeTable);return Promise.resolve(errRest);}}}}else if(oldLevel){// 子到根
 if(!isCrossDrag){handleRowDragEndClearStatus($xeTable);return Promise.resolve(errRest);}}else if(newLevel){// 根到子
 if(!isCrossDrag){handleRowDragEndClearStatus($xeTable);return Promise.resolve(errRest);}if(oldAllMaps[newRowid]){isSelfToChildStatus=true;if(!(isCrossDrag&&isSelfToChildDrag)){if(core_.VxeUI.modal){core_.VxeUI.modal.message({status:'error',content:methods_getI18n('vxe.error.treeDragChild')});}handleRowDragEndClearStatus($xeTable);return Promise.resolve(errRest);}}}else{// 根到根
-}}}}const isDragToChildFlag=isSelfToChildDrag&&dragToChildMethod?dragToChildMethod(dragParams):prevDragToChild;return Promise.resolve(dEndMethod?dEndMethod(dragParams):true).then(status=>{if(!status){return errRest;}// 如果为树结构
+}}}}const isDragToChildFlag=isSelfToChildDrag&&dragToChildMethod?dragToChildMethod(dragParams):prevDragToChild;if(dEndMethod){handleRowDragEndClearStatus($xeTable);}return Promise.resolve(dEndMethod?dEndMethod(dragParams):true).then(status=>{if(!status){return errRest;}// 如果为树结构
 if(treeConfig){if(transform){// 移出源位置
 if(oldRest&&newRest){const fullList=external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toTreeArray(internalData.afterTreeFullData,{updated:false,key:rowField,parentKey:parentField,children:mapChildrenField});// 移出
 const otfIndex=$xeTable.findRowIndexOf(fullList,dragRow);fullList.splice(otfIndex,1);// 插入
@@ -8512,7 +8512,7 @@ rsIndex=_newRowIndex-_firstRowIndex;reIndex=rsIndex+_dragRowIndex-_newRowIndex+1
      */handleCrossTableRowDragoverEmptyEvent(evnt){const $xeTable=this;const reactData=$xeTable;const internalData=$xeTable;const{tableData}=reactData;const rowDragOpts=$xeTable.computeRowDragOpts;const{isCrossTableDrag}=rowDragOpts;if(isCrossTableDrag&&crossTableDragRowObj&&!tableData.length){const{$oldTable,$newTable}=crossTableDragRowObj;if($oldTable){const oldTableReactData=$oldTable;if($oldTable.xID!==$xeTable.xID){if($newTable&&$newTable.xID!==$xeTable.xID){$newTable.hideCrossTableRowDropClearStatus();}evnt.preventDefault();$oldTable.hideCrossTableRowDropClearStatus();crossTableDragRowObj.$newTable=$xeTable;internalData.prevDragRow=null;reactData.dragTipText=oldTableReactData.dragTipText;showDropTip($xeTable,evnt,evnt.currentTarget,null,true,'');}}}},/**
      * 处理跨表拖插入
      */handleCrossTableRowDragInsertEvent(evnt){const $xeTable=this;const $xeGantt=$xeTable.$xeGantt;const props=$xeTable;const reactData=$xeTable;const internalData=$xeTable;const crossTableDragRowInfo=getCrossTableDragRowInfo($xeTable);const{treeConfig}=props;const{prevDragRow,prevDragPos,prevDragToChild}=internalData;const rowDragOpts=$xeTable.computeRowDragOpts;const{animation,isSelfToChildDrag,isCrossTableDrag,dragEndMethod,dragToChildMethod}=rowDragOpts;const rowOpts=$xeTable.computeRowOpts;const cellOpts=$xeTable.computeCellOpts;const defaultRowHeight=$xeTable.computeDefaultRowHeight;const treeOpts=$xeTable.computeTreeOpts;const{parentField,mapChildrenField}=treeOpts;const childrenField=treeOpts.children||treeOpts.childrenField;// 跨表拖拽
-if(isCrossTableDrag&&crossTableDragRowObj&&crossTableDragRowInfo){const{row:oldRow}=crossTableDragRowInfo;const{$oldTable}=crossTableDragRowObj;const el=$xeTable.$refs.refElem;if($oldTable&&oldRow){const dragRow=oldRow;let dragOffsetIndex=-1;if(prevDragRow){dragOffsetIndex=prevDragPos==='bottom'?1:0;}const dragParams={oldRow:dragRow,newRow:prevDragRow,dragRow,dragPos:prevDragPos,dragToChild:!!prevDragToChild,offsetIndex:dragOffsetIndex};const isDragToChildFlag=isSelfToChildDrag&&dragToChildMethod?dragToChildMethod(dragParams):prevDragToChild;const errRest={status:false};Promise.resolve(dragEndMethod?dragEndMethod(dragParams):true).then(status=>{if(!status){if($oldTable){if($oldTable.xID!==$xeTable.xID){$oldTable.handleCrossTableRowDragCancelEvent(evnt);}}handleRowDragEndClearStatus($xeTable);return errRest;}let insertRest=Promise.resolve();if(treeConfig){const dragList=external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toTreeArray([dragRow],{updated:true,children:mapChildrenField});$oldTable.handleCrossTableRowDragFinishEvent(evnt);if(prevDragRow){dragRow[parentField]=prevDragRow[parentField];}else{dragRow[parentField]=null;}dragList.forEach(row=>{row[childrenField]=undefined;row[mapChildrenField]=undefined;});if(prevDragRow){if(prevDragPos==='bottom'){insertRest=$xeTable.insertNextAt(dragList,prevDragRow);}else{insertRest=$xeTable.insertAt(dragList,prevDragRow);}}else{insertRest=$xeTable.insert(dragList);}}else{$oldTable.handleCrossTableRowDragFinishEvent(evnt);if(prevDragRow){if(prevDragPos==='bottom'){insertRest=$xeTable.insertNextAt(dragRow,prevDragRow);}else{insertRest=$xeTable.insertAt(dragRow,prevDragRow);}}else{insertRest=$xeTable.insert(dragRow);}}$xeTable.dispatchEvent('row-insert-dragend',{oldRow,newRow:prevDragRow,dragRow,dragPos:prevDragPos,dragToChild:isDragToChildFlag,offsetIndex:dragOffsetIndex},evnt);clearRowDragData($xeTable);insertRest.then(()=>{const{tableData}=reactData;const{fullAllDataRowIdData}=internalData;const oldRowid=getRowid($xeTable,dragRow);const oldRowRest=fullAllDataRowIdData[oldRowid];let dragRowHeight=0;let rsIndex=-1;if(oldRowRest){if(animation){dragRowHeight=getCellRestHeight(oldRowRest,cellOpts,rowOpts,defaultRowHeight);}rsIndex=oldRowRest.$index;}const dragRangeList=rsIndex>-1?tableData.slice(rsIndex):[];if(animation&&dragRowHeight&&dragRangeList.length){const $xeGanttView=internalData.xeGanttView;let wrapperEl=el;if($xeGantt&&$xeGanttView){const ganttContainerElem=$xeGantt.$refs.refGanttContainerElem;if(ganttContainerElem){wrapperEl=ganttContainerElem;}}const dtClss=[];dragRangeList.forEach(row=>{const rowid=getRowid($xeTable,row);dtClss.push(`.vxe-body--row[rowid="${rowid}"]`);if($xeGantt){dtClss.push(`.vxe-gantt-view--body-row[rowid="${rowid}"]`,`.vxe-gantt-view--chart-row[rowid="${rowid}"]`);}});const dtTrList=wrapperEl.querySelectorAll(dtClss.join(','));moveRowAnimateToTb(dtTrList,-dragRowHeight);}});});}}},hideCrossTableRowDropClearStatus(){const $xeTable=this;hideDropTip($xeTable);},handleRowDragDragendEvent(evnt){const $xeTable=this;const props=$xeTable;const reactData=$xeTable;const internalData=$xeTable;const{treeConfig}=props;const{fullAllDataRowIdData,prevDragToChild}=internalData;const{dragRow}=reactData;const treeOpts=$xeTable.computeTreeOpts;const{lazy}=treeOpts;const hasChildField=treeOpts.hasChild||treeOpts.hasChildField;const{prevDragRow,prevDragPos}=internalData;const rowDragOpts=$xeTable.computeRowDragOpts;const{isCrossTableDrag,isCrossDrag}=rowDragOpts;// 跨表拖拽
+if(isCrossTableDrag&&crossTableDragRowObj&&crossTableDragRowInfo){const{row:oldRow}=crossTableDragRowInfo;const{$oldTable}=crossTableDragRowObj;const el=$xeTable.$refs.refElem;if($oldTable&&oldRow){const dragRow=oldRow;let dragOffsetIndex=-1;if(prevDragRow){dragOffsetIndex=prevDragPos==='bottom'?1:0;}const dragParams={oldRow:dragRow,newRow:prevDragRow,dragRow,dragPos:prevDragPos,dragToChild:!!prevDragToChild,offsetIndex:dragOffsetIndex};const isDragToChildFlag=isSelfToChildDrag&&dragToChildMethod?dragToChildMethod(dragParams):prevDragToChild;const errRest={status:false};if(dragEndMethod){handleRowDragEndClearStatus($xeTable);}Promise.resolve(dragEndMethod?dragEndMethod(dragParams):true).then(status=>{if(!status){if($oldTable){if($oldTable.xID!==$xeTable.xID){$oldTable.handleCrossTableRowDragCancelEvent(evnt);}}handleRowDragEndClearStatus($xeTable);return errRest;}let insertRest=Promise.resolve();if(treeConfig){const dragList=external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toTreeArray([dragRow],{updated:true,children:mapChildrenField});$oldTable.handleCrossTableRowDragFinishEvent(evnt);if(prevDragRow){dragRow[parentField]=prevDragRow[parentField];}else{dragRow[parentField]=null;}dragList.forEach(row=>{row[childrenField]=undefined;row[mapChildrenField]=undefined;});if(prevDragRow){if(prevDragPos==='bottom'){insertRest=$xeTable.insertNextAt(dragList,prevDragRow);}else{insertRest=$xeTable.insertAt(dragList,prevDragRow);}}else{insertRest=$xeTable.insert(dragList);}}else{$oldTable.handleCrossTableRowDragFinishEvent(evnt);if(prevDragRow){if(prevDragPos==='bottom'){insertRest=$xeTable.insertNextAt(dragRow,prevDragRow);}else{insertRest=$xeTable.insertAt(dragRow,prevDragRow);}}else{insertRest=$xeTable.insert(dragRow);}}$xeTable.dispatchEvent('row-insert-dragend',{oldRow,newRow:prevDragRow,dragRow,dragPos:prevDragPos,dragToChild:isDragToChildFlag,offsetIndex:dragOffsetIndex},evnt);clearRowDragData($xeTable);insertRest.then(()=>{const{tableData}=reactData;const{fullAllDataRowIdData}=internalData;const oldRowid=getRowid($xeTable,dragRow);const oldRowRest=fullAllDataRowIdData[oldRowid];let dragRowHeight=0;let rsIndex=-1;if(oldRowRest){if(animation){dragRowHeight=getCellRestHeight(oldRowRest,cellOpts,rowOpts,defaultRowHeight);}rsIndex=oldRowRest.$index;}const dragRangeList=rsIndex>-1?tableData.slice(rsIndex):[];if(animation&&dragRowHeight&&dragRangeList.length){const $xeGanttView=internalData.xeGanttView;let wrapperEl=el;if($xeGantt&&$xeGanttView){const ganttContainerElem=$xeGantt.$refs.refGanttContainerElem;if(ganttContainerElem){wrapperEl=ganttContainerElem;}}const dtClss=[];dragRangeList.forEach(row=>{const rowid=getRowid($xeTable,row);dtClss.push(`.vxe-body--row[rowid="${rowid}"]`);if($xeGantt){dtClss.push(`.vxe-gantt-view--body-row[rowid="${rowid}"]`,`.vxe-gantt-view--chart-row[rowid="${rowid}"]`);}});const dtTrList=wrapperEl.querySelectorAll(dtClss.join(','));moveRowAnimateToTb(dtTrList,-dragRowHeight);}});});}}},hideCrossTableRowDropClearStatus(){const $xeTable=this;hideDropTip($xeTable);},handleRowDragDragendEvent(evnt){const $xeTable=this;const props=$xeTable;const reactData=$xeTable;const internalData=$xeTable;const{treeConfig}=props;const{fullAllDataRowIdData,prevDragToChild}=internalData;const{dragRow}=reactData;const treeOpts=$xeTable.computeTreeOpts;const{lazy}=treeOpts;const hasChildField=treeOpts.hasChild||treeOpts.hasChildField;const{prevDragRow,prevDragPos}=internalData;const rowDragOpts=$xeTable.computeRowDragOpts;const{isCrossTableDrag,isCrossDrag}=rowDragOpts;// 跨表拖拽
 if(isCrossTableDrag&&crossTableDragRowObj){const{$newTable}=crossTableDragRowObj;if($newTable&&$newTable.xID!==$xeTable.xID){if(!treeConfig||isCrossDrag){$newTable.handleCrossTableRowDragInsertEvent(evnt);}return;}}if(treeConfig&&lazy&&prevDragToChild){// 懒加载
 const newRowid=getRowid($xeTable,prevDragRow);const rowRest=fullAllDataRowIdData[newRowid];if(prevDragRow[hasChildField]){if(rowRest&&rowRest.treeLoaded){$xeTable.handleRowDragSwapEvent(evnt,true,dragRow,prevDragRow,prevDragPos,prevDragToChild);}}else{$xeTable.handleRowDragSwapEvent(evnt,true,dragRow,prevDragRow,prevDragPos,prevDragToChild);}}else{$xeTable.handleRowDragSwapEvent(evnt,true,dragRow,prevDragRow,prevDragPos,prevDragToChild);}},handleRowDragDragoverEvent(evnt){const $xeTable=this;const props=$xeTable;const reactData=$xeTable;const internalData=$xeTable;const{treeConfig}=props;const{fullAllDataRowIdData}=internalData;const{dragRow}=reactData;const treeOpts=$xeTable.computeTreeOpts;const{lazy,transform,parentField}=treeOpts;const hasChildField=treeOpts.hasChild||treeOpts.hasChildField;const rowDragOpts=$xeTable.computeRowDragOpts;const{isPeerDrag,isCrossDrag,isToChildDrag,isCrossTableDrag}=rowDragOpts;if(!dragRow&&!(isCrossTableDrag&&(!treeConfig||isCrossDrag)&&crossTableDragRowObj)){evnt.preventDefault();return;}const isControlKey=hasControlKey(evnt);const trEl=evnt.currentTarget;const rowid=trEl.getAttribute('rowid')||'';const rowRest=fullAllDataRowIdData[rowid];if(rowRest){evnt.preventDefault();const row=rowRest.row;const offsetY=evnt.clientY-trEl.getBoundingClientRect().y;const dragPos=offsetY<trEl.clientHeight/2?'top':'bottom';internalData.prevDragToChild=!!(treeConfig&&transform&&isCrossDrag&&isToChildDrag&&isControlKey);internalData.prevDragRow=row;internalData.prevDragPos=dragPos;// 跨表拖拽
 if(isCrossTableDrag&&(!treeConfig||isCrossDrag)&&crossTableDragRowObj){const{$oldTable,$newTable}=crossTableDragRowObj;if($oldTable){const oldTableReactData=$oldTable;if($oldTable.xID===$xeTable.xID){if($newTable){$newTable.hideCrossTableRowDropClearStatus();}reactData.isCrossDragRow=false;oldTableReactData.isCrossDragRow=false;crossTableDragRowObj.$newTable=null;}else if(!treeConfig||isCrossDrag){if($newTable&&$newTable.xID!==$xeTable.xID){$newTable.hideCrossTableRowDropClearStatus();}$oldTable.hideCrossTableRowDropClearStatus();oldTableReactData.isCrossDragRow=true;reactData.dragTipText=oldTableReactData.dragTipText;crossTableDragRowObj.$newTable=$xeTable;showDropTip($xeTable,evnt,trEl,null,true,dragPos);return;}}}if($xeTable.eqRow(dragRow,row)||isControlKey&&treeConfig&&lazy&&row[hasChildField]&&rowRest&&!rowRest.treeLoaded||!isCrossDrag&&treeConfig&&transform&&(isPeerDrag?dragRow[parentField]!==row[parentField]:rowRest.level)){showDropTip($xeTable,evnt,trEl,null,false,dragPos);return;}showDropTip($xeTable,evnt,trEl,null,true,dragPos);$xeTable.dispatchEvent('row-dragover',{oldRow:dragRow,targetRow:row,dragPos},evnt);}},handleCellDragMousedownEvent(evnt,params){const $xeTable=this;const props=$xeTable;const reactData=$xeTable;const crossTableDragRowInfo=getCrossTableDragRowInfo($xeTable);evnt.stopPropagation();const{dragConfig}=props;const rowDragOpts=$xeTable.computeRowDragOpts;const{isCrossTableDrag,trigger,dragStartMethod}=rowDragOpts;const{row}=params;const dragEl=evnt.currentTarget;const tdEl=trigger==='cell'||trigger==='row'?dragEl:dragEl.parentElement?.parentElement;const trEl=tdEl.parentElement;const dStartMethod=dragStartMethod||(dragConfig?dragConfig.dragStartMethod:null);clearRowDropOrigin($xeTable);if(dStartMethod&&!dStartMethod(params)){trEl.draggable=false;reactData.dragRow=null;reactData.dragCol=null;clearCrossTableDragStatus($xeTable);hideDropTip($xeTable);return;}if(isCrossTableDrag){crossTableDragRowInfo.row=row;crossTableDragRowObj={$oldTable:$xeTable,$newTable:null};}reactData.dragRow=row;reactData.isCrossDragRow=false;reactData.dragCol=null;trEl.draggable=true;updateRowDropOrigin($xeTable,row);updateRowDropTipContent($xeTable,tdEl);$xeTable.dispatchEvent('row-dragstart',params,evnt);},handleCellDragMouseupEvent(){const $xeTable=this;clearDragStatus($xeTable);},/**
@@ -12259,7 +12259,7 @@ function panel_hideDropTip($xeTableCustomPanel) {
               class: 'vxe-table-custom-popup--column-td col--align'
             }, VxeUIRadioGroupComponent ? [h(VxeUIRadioGroupComponent, {
               props: {
-                value: column.renderAlign || '',
+                value: column.renderAlign || 'left',
                 type: 'button',
                 strict: false,
                 disabled: isHidden,
@@ -12281,7 +12281,7 @@ function panel_hideDropTip($xeTableCustomPanel) {
               class: 'vxe-table-custom-popup--column-td col--header-align'
             }, isColGroup ? [h('span', '-')] : VxeUIRadioGroupComponent ? [h(VxeUIRadioGroupComponent, {
               props: {
-                value: column.renderHeaderAlign || '',
+                value: column.renderHeaderAlign || 'left',
                 type: 'button',
                 strict: false,
                 disabled: isHidden,
@@ -12303,7 +12303,7 @@ function panel_hideDropTip($xeTableCustomPanel) {
               class: 'vxe-table-custom-popup--column-td col--footer-align'
             }, isColGroup ? [h('span', '-')] : VxeUIRadioGroupComponent ? [h(VxeUIRadioGroupComponent, {
               props: {
-                value: column.renderFooterAlign || '',
+                value: column.renderFooterAlign || 'left',
                 type: 'button',
                 strict: false,
                 disabled: isHidden,
@@ -17991,7 +17991,7 @@ function handleExportAndPrint($xeTable, options, isPrint) {
     const isColGroup = column.children && column.children.length > 0;
     let isChecked = false;
     const isExtraChecked = extraFdMaps[column.field];
-    if (columns && columns.length) {
+    if (columns) {
       isChecked = handleFilterColumns(defOpts, column, columns);
     } else if (excludeFields || includeFields) {
       isChecked = handleFilterFields(defOpts, column, includeFields, includeFdMaps, excludeFdMaps, extraFdMaps);
@@ -18221,7 +18221,7 @@ const convertToRows = originColumns => {
       }
       let isCustomCol = false;
       let customCols = [];
-      if (columns && columns.length) {
+      if (columns) {
         isCustomCol = true;
         customCols = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().searchTree(columns, () => true, {
           children: 'children',
@@ -18233,7 +18233,7 @@ const convertToRows = originColumns => {
           const isColGroup = column.children && column.children.length > 0;
           let isChecked = false;
           const isExtraChecked = extraFdMaps[column.field];
-          if (columns && columns.length) {
+          if (columns) {
             isChecked = handleFilterColumns(opts, column, columns);
           } else if (excludeFields || includeFields) {
             isChecked = handleFilterFields(opts, column, includeFields, includeFdMaps, excludeFdMaps, extraFdMaps);
@@ -18400,18 +18400,20 @@ const convertToRows = originColumns => {
               sortData
             } = gridReactData;
             const {
-              beforeQueryAll,
-              afterQueryAll,
+              beforeQueryAll: oldBeforeQueryAll,
+              afterQueryAll: oldAfterQueryAll,
               ajax = {}
             } = proxyOpts;
             const resConfigs = proxyOpts.response || proxyOpts.props || {};
-            const ajaxMethods = ajax.queryAll;
-            const queryAllSuccessMethods = ajax.queryAllSuccess;
-            const queryAllErrorMethods = ajax.queryAllError;
-            if (!ajaxMethods) {
+            const beforeQueryAllMethod = ajax.beforeQueryAll;
+            const queryAllMethod = ajax.queryAll;
+            const afterQueryAllMethod = ajax.afterQueryAll;
+            const queryAllSuccessMethod = ajax.queryAllSuccess;
+            const queryAllErrorMethod = ajax.queryAllError;
+            if (!queryAllMethod) {
               export_mixin_errLog('vxe.error.notFunc', ['proxy-config.ajax.queryAll']);
             }
-            if (ajaxMethods) {
+            if (queryAllMethod) {
               const params = {
                 $table: $xeTable,
                 $grid: $xeGrid,
@@ -18422,44 +18424,72 @@ const convertToRows = originColumns => {
                 form: gridReactData.formData,
                 options: handleOptions
               };
-              return Promise.resolve((beforeQueryAll || ajaxMethods)(params)).then(rest => {
-                const listProp = resConfigs.list;
-                let tdData = [];
-                if (listProp) {
-                  if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(listProp)) {
-                    tdData = listProp({
-                      data: rest,
-                      $table: $xeTable,
-                      $grid: $xeGrid,
-                      $gantt: $xeGantt
+              const handleQueryAll = () => {
+                return Promise.resolve((oldBeforeQueryAll || queryAllMethod)(params)).then(rest => {
+                  if (afterQueryAllMethod) {
+                    afterQueryAllMethod({
+                      ...params,
+                      response: rest,
+                      status: 'success'
                     });
                   } else {
-                    tdData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(rest) ? rest : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, listProp);
+                    const listProp = resConfigs.list;
+                    let tdData = [];
+                    if (listProp) {
+                      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(listProp)) {
+                        tdData = listProp({
+                          data: rest,
+                          $table: $xeTable,
+                          $grid: $xeGrid,
+                          $gantt: $xeGantt
+                        });
+                      } else {
+                        tdData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(rest) ? rest : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, listProp);
+                      }
+                    } else {
+                      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(rest)) {
+                        tdData = rest;
+                      }
+                    }
+                    handleOptions.data = tdData;
+                    if (oldAfterQueryAll) {
+                      oldAfterQueryAll({
+                        ...params,
+                        response: rest
+                      });
+                    }
                   }
-                } else {
-                  if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(rest)) {
-                    tdData = rest;
+                  if (queryAllSuccessMethod) {
+                    queryAllSuccessMethod({
+                      ...params,
+                      response: rest
+                    });
                   }
-                }
-                handleOptions.data = tdData;
-                if (afterQueryAll) {
-                  afterQueryAll(params);
-                }
-                if (queryAllSuccessMethods) {
-                  queryAllSuccessMethods({
-                    ...params,
-                    response: rest
-                  });
-                }
-                return handleExport($xeTable, handleOptions);
-              }).catch(rest => {
-                if (queryAllErrorMethods) {
-                  queryAllErrorMethods({
-                    ...params,
-                    response: rest
-                  });
-                }
-              });
+                  return handleExport($xeTable, handleOptions);
+                }).catch(rest => {
+                  if (afterQueryAllMethod) {
+                    afterQueryAllMethod({
+                      ...params,
+                      response: rest,
+                      status: 'error'
+                    });
+                  }
+                  if (queryAllErrorMethod) {
+                    queryAllErrorMethod({
+                      ...params,
+                      response: rest
+                    });
+                  }
+                });
+              };
+              if (beforeQueryAllMethod) {
+                return Promise.resolve(beforeQueryAllMethod(params)).then(status => {
+                  if (status !== false) {
+                    return handleQueryAll();
+                  }
+                });
+              }
+              return handleQueryAll();
             }
           }
         } else if (mode === 'current') {
@@ -24826,14 +24856,14 @@ function grid_createInternalData() {
       const pagerOpts = $xeGrid.computePagerOpts;
       const toolbarOpts = $xeGrid.computeToolbarOpts;
       const {
-        beforeQuery,
-        afterQuery,
-        beforeQueryFooter,
-        afterQueryFooter,
-        beforeDelete,
-        afterDelete,
-        beforeSave,
-        afterSave,
+        beforeQuery: oldBeforeQuery,
+        afterQuery: oldAfterQuery,
+        beforeQueryFooter: oldBeforeQueryFooter,
+        afterQueryFooter: oldAfterQueryFooter,
+        beforeDelete: oldBeforeDelete,
+        afterDelete: oldAfterDelete,
+        beforeSave: oldBeforeSave,
+        afterSave: oldAfterSave,
         ajax = {}
       } = proxyOpts;
       const resConfigs = proxyOpts.response || proxyOpts.props || {};
@@ -24892,10 +24922,12 @@ function grid_createInternalData() {
         case 'reload':
         case 'query':
           {
-            const qMethods = ajax.query;
-            const qsMethods = ajax.querySuccess;
-            const qeMethods = ajax.queryError;
-            if (qMethods) {
+            const bqMethod = ajax.beforeQuery;
+            const qMethod = ajax.query;
+            const aqMethod = ajax.afterQuery;
+            const qsMethod = ajax.querySuccess;
+            const qeMethod = ajax.queryError;
+            if (qMethod) {
               const isInited = code === 'initial';
               const isReload = code === 'reload';
               if (!isInited && reactData.tableLoading) {
@@ -24981,82 +25013,110 @@ function grid_createInternalData() {
                 sorts: sortList,
                 filters: filterList,
                 form: formData,
-                options: qMethods
+                options: qMethod
               };
-              reactData.sortData = sortList;
-              reactData.filterData = filterList;
-              reactData.tableLoading = true;
-              return Promise.all([Promise.resolve((beforeQuery || qMethods)(commitParams, ...args)), operPromise]).then(([rest]) => {
-                let tableData = [];
-                reactData.tableLoading = false;
-                if (rest) {
-                  const reParams = {
-                    data: rest,
-                    $table: $xeTable,
-                    $grid: $xeGrid,
-                    $gantt: null
-                  };
-                  if (pagerConfig && isEnableConf(pagerOpts)) {
-                    const totalProp = resConfigs.total;
-                    const total = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(totalProp) ? totalProp(reParams) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, totalProp || 'page.total')) || 0;
-                    tablePage.total = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(total);
-                    const resultProp = resConfigs.result;
-                    tableData = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(resultProp) ? resultProp(reParams) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, resultProp || 'result')) || [];
-                    // 检验当前页码，不能超出当前最大页数
-                    const pageCount = Math.max(Math.ceil(total / tablePage.pageSize), 1);
-                    if (tablePage.currentPage > pageCount) {
-                      tablePage.currentPage = pageCount;
-                    }
+              const handleQuery = () => {
+                reactData.sortData = sortList;
+                reactData.filterData = filterList;
+                reactData.tableLoading = true;
+                return Promise.all([Promise.resolve((oldBeforeQuery || qMethod)(commitParams, ...args)), operPromise]).then(([rest]) => {
+                  reactData.tableLoading = false;
+                  if (aqMethod) {
+                    aqMethod({
+                      ...commitParams,
+                      response: rest,
+                      status: 'success'
+                    }, ...args);
                   } else {
-                    const listProp = resConfigs.list;
-                    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(rest)) {
-                      tableData = rest;
-                    } else if (listProp) {
-                      tableData = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(listProp) ? listProp(reParams) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, listProp)) || [];
-                    }
-                  }
-                  if (showFooter) {
-                    const fdProp = resConfigs.footerData;
-                    const footerList = fdProp ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(fdProp) ? fdProp(reParams) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, fdProp) : [];
-                    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(footerList)) {
-                      reactData.footerData = footerList;
+                    let tableData = [];
+                    if (rest) {
+                      const reParams = {
+                        data: rest,
+                        $table: $xeTable,
+                        $grid: $xeGrid,
+                        $gantt: null
+                      };
+                      if (pagerConfig && isEnableConf(pagerOpts)) {
+                        const totalProp = resConfigs.total;
+                        const total = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(totalProp) ? totalProp(reParams) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, totalProp || 'page.total')) || 0;
+                        tablePage.total = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(total);
+                        const resultProp = resConfigs.result;
+                        tableData = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(resultProp) ? resultProp(reParams) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, resultProp || 'result')) || [];
+                        // 检验当前页码，不能超出当前最大页数
+                        const pageCount = Math.max(Math.ceil(total / tablePage.pageSize), 1);
+                        if (tablePage.currentPage > pageCount) {
+                          tablePage.currentPage = pageCount;
+                        }
+                      } else {
+                        const listProp = resConfigs.list;
+                        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(rest)) {
+                          tableData = rest;
+                        } else if (listProp) {
+                          tableData = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(listProp) ? listProp(reParams) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, listProp)) || [];
+                        }
+                      }
+                      if (showFooter) {
+                        const fdProp = resConfigs.footerData;
+                        const footerList = fdProp ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(fdProp) ? fdProp(reParams) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, fdProp) : [];
+                        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(footerList)) {
+                          reactData.footerData = footerList;
+                        }
+                      }
                     }
-                  }
-                }
-                if ($xeTable) {
-                  $xeTable.loadData(tableData);
-                } else {
-                  $xeGrid.$nextTick(() => {
-                    const $xeTable = $xeGrid.$refs.refTable;
                     if ($xeTable) {
                       $xeTable.loadData(tableData);
+                    } else {
+                      $xeGrid.$nextTick(() => {
+                        const $xeTable = $xeGrid.$refs.refTable;
+                        if ($xeTable) {
+                          $xeTable.loadData(tableData);
+                        }
+                      });
                     }
-                  });
-                }
-                if (afterQuery) {
-                  afterQuery(commitParams, ...args);
-                }
-                if (qsMethods) {
-                  qsMethods({
-                    ...commitParams,
-                    response: rest
-                  });
-                }
-                return {
-                  status: true
-                };
-              }).catch(rest => {
-                reactData.tableLoading = false;
-                if (qeMethods) {
-                  qeMethods({
-                    ...commitParams,
-                    response: rest
-                  });
-                }
-                return {
-                  status: false
-                };
-              });
+                    if (oldAfterQuery) {
+                      oldAfterQuery({
+                        ...commitParams,
+                        response: rest
+                      }, ...args);
+                    }
+                  }
+                  if (qsMethod) {
+                    qsMethod({
+                      ...commitParams,
+                      response: rest
+                    });
+                  }
+                  return {
+                    status: true
+                  };
+                }).catch(rest => {
+                  reactData.tableLoading = false;
+                  if (aqMethod) {
+                    aqMethod({
+                      ...commitParams,
+                      response: rest,
+                      status: 'error'
+                    }, ...args);
+                  }
+                  if (qeMethod) {
+                    qeMethod({
+                      ...commitParams,
+                      response: rest
+                    });
+                  }
+                  return {
+                    status: false
+                  };
+                });
+              };
+              if (bqMethod) {
+                return Promise.resolve(bqMethod(commitParams, ...args)).then(status => {
+                  if (status !== false) {
+                    return handleQuery();
+                  }
+                });
+              }
+              return handleQuery();
             } else {
               grid_errLog('vxe.error.notFunc', ['proxy-config.ajax.query']);
             }
@@ -25064,49 +25124,88 @@ function grid_createInternalData() {
           }
         case 'queryFooter':
           {
-            const qfMethods = ajax.queryFooter;
-            const qfSuccessMethods = ajax.queryFooterSuccess;
-            const qfErrorMethods = ajax.queryFooterError;
-            if (qfMethods) {
+            const bqfMethod = ajax.beforeQueryFooter;
+            const qfMethod = ajax.queryFooter;
+            const aqfMethod = ajax.afterQueryFooter;
+            const qfSuccessMethod = ajax.queryFooterSuccess;
+            const qfErrorMethod = ajax.queryFooterError;
+            if (qfMethod) {
               let filterList = [];
               if ($xeTable) {
                 filterList = $xeTable.getCheckedFilters();
               }
+              let pageParams = {};
+              if (pagerConfig) {
+                if (isEnableConf(pagerConfig)) {
+                  pageParams = {
+                    ...tablePage
+                  };
+                }
+              }
               const commitParams = {
                 $table: $xeTable,
                 $grid: $xeGrid,
                 $gantt: null,
                 code,
                 button,
+                page: pageParams,
                 filters: filterList,
                 form: formData,
-                options: qfMethods
+                options: qfMethod
               };
-              return Promise.resolve((beforeQueryFooter || qfMethods)(commitParams, ...args)).then(rest => {
-                reactData.footerData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(rest) ? rest : [];
-                if (afterQueryFooter) {
-                  afterQueryFooter(commitParams, ...args);
-                }
-                if (qfSuccessMethods) {
-                  qfSuccessMethods({
-                    ...commitParams,
-                    response: rest
-                  });
-                }
-                return {
-                  status: true
-                };
-              }).catch(rest => {
-                if (qfErrorMethods) {
-                  qfErrorMethods({
-                    ...commitParams,
-                    response: rest
-                  });
-                }
-                return {
-                  status: false
-                };
-              });
+              const handleQueryFooter = () => {
+                return Promise.resolve((oldBeforeQueryFooter || qfMethod)(commitParams, ...args)).then(rest => {
+                  if (aqfMethod) {
+                    aqfMethod({
+                      ...commitParams,
+                      response: rest,
+                      status: 'success'
+                    }, ...args);
+                  } else {
+                    reactData.footerData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(rest) ? rest : [];
+                    if (oldAfterQueryFooter) {
+                      oldAfterQueryFooter({
+                        ...commitParams,
+                        response: rest
+                      }, ...args);
+                    }
+                  }
+                  if (qfSuccessMethod) {
+                    qfSuccessMethod({
+                      ...commitParams,
+                      response: rest
+                    });
+                  }
+                  return {
+                    status: true
+                  };
+                }).catch(rest => {
+                  if (aqfMethod) {
+                    aqfMethod({
+                      ...commitParams,
+                      response: rest,
+                      status: 'error'
+                    }, ...args);
+                  }
+                  if (qfErrorMethod) {
+                    qfErrorMethod({
+                      ...commitParams,
+                      response: rest
+                    });
+                  }
+                  return {
+                    status: false
+                  };
+                });
+              };
+              if (bqfMethod) {
+                return Promise.resolve(bqfMethod(commitParams, ...args)).then(status => {
+                  if (status !== false) {
+                    return handleQueryFooter();
+                  }
+                });
+              }
+              return handleQueryFooter();
             } else {
               grid_errLog('vxe.error.notFunc', ['proxy-config.ajax.queryFooter']);
             }
@@ -25114,10 +25213,12 @@ function grid_createInternalData() {
           }
         case 'delete':
           {
-            const dMethods = ajax.delete;
-            const deleteSuccessMethods = ajax.deleteSuccess;
-            const deleteErrorMethods = ajax.deleteError;
-            if (dMethods) {
+            const bdMethod = ajax.beforeDelete;
+            const dMethod = ajax.delete;
+            const adMethod = ajax.afterDelete;
+            const deleteSuccessMethod = ajax.deleteSuccess;
+            const deleteErrorMethod = ajax.deleteError;
+            if (dMethod) {
               const selectRecords = $xeTable.getCheckboxRecords();
               const removeRecords = selectRecords.filter(row => !$xeTable.isInsertByRow(row));
               const body = {
@@ -25131,64 +25232,92 @@ function grid_createInternalData() {
                 button,
                 body,
                 form: formData,
-                options: dMethods
+                options: dMethod
               };
-              const applyArgs = [commitParams].concat(args);
               if (selectRecords.length) {
                 return $xeGrid.handleDeleteRow(code, 'vxe.grid.deleteSelectRecord', () => {
                   if (!removeRecords.length) {
                     return $xeTable.remove(selectRecords);
                   }
-                  reactData.tableLoading = true;
-                  return Promise.resolve((beforeDelete || dMethods)(...applyArgs)).then(rest => {
-                    reactData.tableLoading = false;
-                    $xeTable.setPendingRow(removeRecords, false);
-                    if (isRespMsg) {
-                      if (core_.VxeUI.modal) {
-                        core_.VxeUI.modal.message({
-                          content: $xeGrid.getRespMsg(rest, 'vxe.grid.delSuccess'),
+                  const handleDelete = () => {
+                    reactData.tableLoading = true;
+                    return Promise.resolve((oldBeforeDelete || dMethod)(commitParams, ...args)).then(rest => {
+                      reactData.tableLoading = false;
+                      if (adMethod) {
+                        adMethod({
+                          ...commitParams,
+                          response: rest,
                           status: 'success'
+                        }, ...args);
+                      } else {
+                        $xeTable.setPendingRow(removeRecords, false);
+                        if (isRespMsg) {
+                          if (core_.VxeUI.modal) {
+                            core_.VxeUI.modal.message({
+                              content: $xeGrid.getRespMsg(rest, 'vxe.grid.delSuccess'),
+                              status: 'success'
+                            });
+                          }
+                        }
+                        if (oldAfterDelete) {
+                          oldAfterDelete({
+                            ...commitParams,
+                            response: rest
+                          }, ...args);
+                        } else {
+                          internalData.uFoot = true;
+                          $xeGrid.commitProxy('query');
+                          internalData.uFoot = false;
+                          $xeGrid.updateQueryFooter();
+                        }
+                      }
+                      if (deleteSuccessMethod) {
+                        deleteSuccessMethod({
+                          ...commitParams,
+                          response: rest
                         });
                       }
-                    }
-                    if (afterDelete) {
-                      afterDelete(...applyArgs);
-                    } else {
-                      internalData.uFoot = true;
-                      $xeGrid.commitProxy('query');
-                      internalData.uFoot = false;
-                      $xeGrid.updateQueryFooter();
-                    }
-                    if (deleteSuccessMethods) {
-                      deleteSuccessMethods({
-                        ...commitParams,
-                        response: rest
-                      });
-                    }
-                    return {
-                      status: true
-                    };
-                  }).catch(rest => {
-                    reactData.tableLoading = false;
-                    if (isRespMsg) {
-                      if (core_.VxeUI.modal) {
-                        core_.VxeUI.modal.message({
-                          id: code,
-                          content: $xeGrid.getRespMsg(rest, 'vxe.grid.operError'),
+                      return {
+                        status: true
+                      };
+                    }).catch(rest => {
+                      reactData.tableLoading = false;
+                      if (adMethod) {
+                        adMethod({
+                          ...commitParams,
+                          response: rest,
                           status: 'error'
+                        }, ...args);
+                      } else {
+                        if (isRespMsg) {
+                          if (core_.VxeUI.modal) {
+                            core_.VxeUI.modal.message({
+                              id: code,
+                              content: $xeGrid.getRespMsg(rest, 'vxe.grid.operError'),
+                              status: 'error'
+                            });
+                          }
+                        }
+                      }
+                      if (deleteErrorMethod) {
+                        deleteErrorMethod({
+                          ...commitParams,
+                          response: rest
                         });
                       }
-                    }
-                    if (deleteErrorMethods) {
-                      deleteErrorMethods({
-                        ...commitParams,
-                        response: rest
-                      });
-                    }
-                    return {
-                      status: false
-                    };
-                  });
+                      return {
+                        status: false
+                      };
+                    });
+                  };
+                  if (bdMethod) {
+                    return Promise.resolve(bdMethod(commitParams, ...args)).then(status => {
+                      if (status !== false) {
+                        return handleDelete();
+                      }
+                    });
+                  }
+                  return handleDelete();
                 });
               } else {
                 if (isActiveMsg) {
@@ -25208,10 +25337,12 @@ function grid_createInternalData() {
           }
         case 'save':
           {
-            const ajaxMethods = ajax.save;
-            const saveSuccessMethods = ajax.saveSuccess;
-            const saveErrorMethods = ajax.saveError;
-            if (ajaxMethods) {
+            const bSaveMethod = ajax.beforeSave;
+            const sMethod = ajax.save;
+            const aSaveMethod = ajax.afterSave;
+            const sSuccessMethod = ajax.saveSuccess;
+            const sErrorMethod = ajax.saveError;
+            if (sMethod) {
               const body = $xeGrid.getRecordset();
               const {
                 insertRecords,
@@ -25227,9 +25358,8 @@ function grid_createInternalData() {
                 button,
                 body,
                 form: formData,
-                options: ajaxMethods
+                options: sMethod
               };
-              const applyArgs = [commitParams].concat(args);
               // 排除掉新增且标记为删除的数据
               if (insertRecords.length) {
                 body.pendingRecords = pendingRecords.filter(row => insertRecords.indexOf(row) === -1);
@@ -25249,56 +25379,79 @@ function grid_createInternalData() {
                   return;
                 }
                 if (body.insertRecords.length || removeRecords.length || updateRecords.length || body.pendingRecords.length) {
-                  reactData.tableLoading = true;
-                  return Promise.resolve((beforeSave || ajaxMethods)(...applyArgs)).then(rest => {
-                    reactData.tableLoading = false;
-                    $xeTable.clearPendingRow();
-                    if (isRespMsg) {
-                      if (core_.VxeUI.modal) {
-                        core_.VxeUI.modal.message({
-                          content: $xeGrid.getRespMsg(rest, 'vxe.grid.saveSuccess'),
-                          status: 'success'
+                  const handleSave = () => {
+                    reactData.tableLoading = true;
+                    return Promise.resolve((oldBeforeSave || sMethod)(commitParams, ...args)).then(rest => {
+                      reactData.tableLoading = false;
+                      if (aSaveMethod) {
+                        $xeTable.clearPendingRow();
+                        if (isRespMsg) {
+                          if (core_.VxeUI.modal) {
+                            core_.VxeUI.modal.message({
+                              content: $xeGrid.getRespMsg(rest, 'vxe.grid.saveSuccess'),
+                              status: 'success'
+                            });
+                          }
+                        }
+                        if (oldAfterSave) {
+                          oldAfterSave({
+                            ...commitParams,
+                            response: rest
+                          }, ...args);
+                        } else {
+                          internalData.uFoot = true;
+                          $xeGrid.commitProxy('query');
+                          internalData.uFoot = false;
+                          $xeGrid.updateQueryFooter();
+                        }
+                      }
+                      if (sSuccessMethod) {
+                        sSuccessMethod({
+                          ...commitParams,
+                          response: rest
                         });
                       }
-                    }
-                    if (afterSave) {
-                      afterSave(...applyArgs);
-                    } else {
-                      internalData.uFoot = true;
-                      $xeGrid.commitProxy('query');
-                      internalData.uFoot = false;
-                      $xeGrid.updateQueryFooter();
-                    }
-                    if (saveSuccessMethods) {
-                      saveSuccessMethods({
-                        ...commitParams,
-                        response: rest
-                      });
-                    }
-                    return {
-                      status: true
-                    };
-                  }).catch(rest => {
-                    reactData.tableLoading = false;
-                    if (isRespMsg) {
-                      if (core_.VxeUI.modal) {
-                        core_.VxeUI.modal.message({
-                          id: code,
-                          content: $xeGrid.getRespMsg(rest, 'vxe.grid.operError'),
+                      return {
+                        status: true
+                      };
+                    }).catch(rest => {
+                      reactData.tableLoading = false;
+                      if (aSaveMethod) {
+                        aSaveMethod({
+                          ...commitParams,
+                          response: rest,
                           status: 'error'
+                        }, ...args);
+                      } else {
+                        if (isRespMsg) {
+                          if (core_.VxeUI.modal) {
+                            core_.VxeUI.modal.message({
+                              id: code,
+                              content: $xeGrid.getRespMsg(rest, 'vxe.grid.operError'),
+                              status: 'error'
+                            });
+                          }
+                        }
+                      }
+                      if (sErrorMethod) {
+                        sErrorMethod({
+                          ...commitParams,
+                          response: rest
                         });
                       }
-                    }
-                    if (saveErrorMethods) {
-                      saveErrorMethods({
-                        ...commitParams,
-                        response: rest
-                      });
-                    }
-                    return {
-                      status: false
-                    };
-                  });
+                      return {
+                        status: false
+                      };
+                    });
+                  };
+                  if (bSaveMethod) {
+                    return Promise.resolve(bSaveMethod(commitParams, ...args)).then(status => {
+                      if (status !== false) {
+                        return handleSave();
+                      }
+                    });
+                  }
+                  return handleSave();
                 } else {
                   if (isActiveMsg) {
                     if (core_.VxeUI.modal) {
@@ -27357,7 +27510,18 @@ render_renderer.mixin({
   },
   FormatNumberInput: {
     renderTableDefault: handleNumberCell,
-    tableFilterDefaultMethod: handleInputFilterMethod,
+    tableFilterDefaultMethod({
+      option,
+      row,
+      column
+    }) {
+      const {
+        data
+      } = option;
+      const cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, column.field);
+      /* eslint-disable eqeqeq */
+      return cellValue == data;
+    },
     tableExportMethod(params) {
       const {
         row,
@@ -27421,7 +27585,18 @@ render_renderer.mixin({
     createTableFilterOptions: defaultFilterOptions,
     renderTableFilter: defaultFilterRender,
     renderTableFloatingFilter: defaultFloatingFilterRender,
-    tableFilterDefaultMethod: handleInputFilterMethod,
+    tableFilterDefaultMethod({
+      option,
+      row,
+      column
+    }) {
+      const {
+        data
+      } = option;
+      const cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, column.field);
+      /* eslint-disable eqeqeq */
+      return cellValue == data;
+    },
     tableExportMethod(params) {
       const {
         row,