vxe-table 4.3.4 → 4.3.6-beta.0

package/lib/grid/src/grid.js

@@ -4,49 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _vue = require("vue");
-
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-
 var _utils = require("../../tools/utils");
-
 var _dom = require("../../tools/dom");
-
 var _log = require("../../tools/log");
-
 var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
-
 var _vXETable = require("../../v-x-e-table");
-
 var _props = _interopRequireDefault(require("../../table/src/props"));
-
 var _emits = _interopRequireDefault(require("../../table/src/emits"));
-
 var _size = require("../../hooks/size");
-
 var _event = require("../../tools/event");
-
 var _vn = require("../../tools/vn");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack) {
   if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
     if (ar || !(i in from)) {
@@ -56,13 +36,10 @@ var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-
 var tableComponentPropKeys = Object.keys(_props.default);
 var tableComponentMethodKeys = ['clearAll', 'syncData', 'updateData', 'loadData', 'reloadData', 'reloadRow', 'loadColumn', 'reloadColumn', 'getRowNode', 'getColumnNode', 'getRowIndex', 'getVTRowIndex', 'getVMRowIndex', 'getColumnIndex', 'getVTColumnIndex', 'getVMColumnIndex', 'createData', 'createRow', 'revertData', 'clearData', 'isInsertByRow', 'isUpdateByRow', 'getColumns', 'getColumnById', 'getColumnByField', 'getTableColumn', 'getData', 'getCheckboxRecords', 'getParentRow', 'getRowSeq', 'getRowById', 'getRowid', 'getTableData', 'hideColumn', 'showColumn', 'resetColumn', 'refreshColumn', 'refreshScroll', 'recalculate', 'closeTooltip', 'isAllCheckboxChecked', 'isAllCheckboxIndeterminate', 'getCheckboxIndeterminateRecords', 'setCheckboxRow', 'isCheckedByCheckboxRow', 'isIndeterminateByCheckboxRow', 'toggleCheckboxRow', 'setAllCheckboxRow', 'getRadioReserveRecord', 'clearRadioReserve', 'getCheckboxReserveRecords', 'clearCheckboxReserve', 'toggleAllCheckboxRow', 'clearCheckboxRow', 'setCurrentRow', 'isCheckedByRadioRow', 'setRadioRow', 'clearCurrentRow', 'clearRadioRow', 'getCurrentRecord', 'getRadioRecord', 'getCurrentColumn', 'setCurrentColumn', 'clearCurrentColumn', 'sort', 'clearSort', 'isSort', 'getSortColumns', 'closeFilter', 'isFilter', 'isRowExpandLoaded', 'clearRowExpandLoaded', 'reloadRowExpand', 'reloadRowExpand', 'toggleRowExpand', 'setAllRowExpand', 'setRowExpand', 'isExpandByRow', 'clearRowExpand', 'clearRowExpandReserve', 'getRowExpandRecords', 'getTreeExpandRecords', 'isTreeExpandLoaded', 'clearTreeExpandLoaded', 'reloadTreeExpand', 'reloadTreeChilds', 'toggleTreeExpand', 'setAllTreeExpand', 'setTreeExpand', 'isTreeExpandByRow', 'clearTreeExpand', 'clearTreeExpandReserve', 'getScroll', 'scrollTo', 'scrollToRow', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeInsertRow', 'removeMergeCells', 'getMergeCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'openTooltip', 'focus', 'blur', 'connect'];
-
 var gridComponentEmits = __spreadArray(__spreadArray([], _emits.default, true), ['page-change', 'form-submit', 'form-submit-invalid', 'form-reset', 'form-collapse', 'form-toggle-collapse', 'toolbar-button-click', 'toolbar-tool-click', 'zoom'], false);
-
-var _default2 = (0, _vue.defineComponent)({
+var _default = (0, _vue.defineComponent)({
   name: 'VxeGrid',
   props: __assign(__assign({}, _props.default), {
     columns: Array,
@@ -73,18 +50,16 @@ var _default2 = (0, _vue.defineComponent)({
     zoomConfig: Object,
     size: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.grid.size || _conf.default.size;
       }
     }
   }),
   emits: gridComponentEmits,
-  setup: function setup(props, context) {
+  setup: function (props, context) {
     var slots = context.slots,
-        emit = context.emit;
-
+      emit = context.emit;
     var xID = _xeUtils.default.uniqueId();
-
     var instance = (0, _vue.getCurrentInstance)();
     var computeSize = (0, _size.useSize)(props);
     var reactData = (0, _vue.reactive)({
@@ -113,33 +88,27 @@ var _default2 = (0, _vue.defineComponent)({
     var refTopWrapper = (0, _vue.ref)();
     var refBottomWrapper = (0, _vue.ref)();
     var refPagerWrapper = (0, _vue.ref)();
-
-    var extendTableMethods = function extendTableMethods(methodKeys) {
+    var extendTableMethods = function (methodKeys) {
       var funcs = {};
       methodKeys.forEach(function (name) {
         funcs[name] = function () {
           var args = [];
-
           for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
           }
-
           var $xetable = refTable.value;
           return $xetable && $xetable[name].apply($xetable, args);
         };
       });
       return funcs;
     };
-
     var gridExtendTableMethods = extendTableMethods(tableComponentMethodKeys);
     tableComponentMethodKeys.forEach(function (name) {
       gridExtendTableMethods[name] = function () {
         var args = [];
-
         for (var _i = 0; _i < arguments.length; _i++) {
           args[_i] = arguments[_i];
         }
-
         var $xetable = refTable.value;
         return $xetable && $xetable[name].apply($xetable, args);
       };
@@ -196,59 +165,51 @@ var _default2 = (0, _vue.defineComponent)({
       context: context,
       instance: instance,
       reactData: reactData,
-      getRefMaps: function getRefMaps() {
+      getRefMaps: function () {
         return refMaps;
       },
-      getComputeMaps: function getComputeMaps() {
+      getComputeMaps: function () {
         return computeMaps;
       }
     };
     var gridMethods = {};
-
-    var handleRowClassName = function handleRowClassName(params) {
+    var handleRowClassName = function (params) {
       var pendingRecords = reactData.pendingRecords;
       var rowClassName = props.rowClassName;
       var clss = [];
-
       if (pendingRecords.some(function (item) {
         return item === params.row;
       })) {
         clss.push('row--pending');
       }
-
       clss.push(rowClassName ? _xeUtils.default.isFunction(rowClassName) ? rowClassName(params) : rowClassName : '');
       return clss;
     };
-
-    var handleBeforeEditMethod = function handleBeforeEditMethod(params) {
+    var handleBeforeEditMethod = function (params) {
       var editConfig = props.editConfig;
       var pendingRecords = reactData.pendingRecords;
       var $xetable = refTable.value;
       var beforeEditMethod = editConfig ? editConfig.beforeEditMethod || editConfig.activeMethod : null;
-
       if ($xetable.findRowIndexOf(pendingRecords, params.row) === -1) {
         return !beforeEditMethod || beforeEditMethod(__assign(__assign({}, params), {
           $grid: $xegrid
         }));
       }
-
       return false;
     };
-
     var computeTableProps = (0, _vue.computed)(function () {
       var seqConfig = props.seqConfig,
-          pagerConfig = props.pagerConfig,
-          loading = props.loading,
-          editConfig = props.editConfig,
-          proxyConfig = props.proxyConfig;
+        pagerConfig = props.pagerConfig,
+        loading = props.loading,
+        editConfig = props.editConfig,
+        proxyConfig = props.proxyConfig;
       var isZMax = reactData.isZMax,
-          tableLoading = reactData.tableLoading,
-          tablePage = reactData.tablePage,
-          tableData = reactData.tableData;
+        tableLoading = reactData.tableLoading,
+        tablePage = reactData.tablePage,
+        tableData = reactData.tableData;
       var tableExtendProps = computeTableExtendProps.value;
       var proxyOpts = computeProxyOpts.value;
       var tableProps = Object.assign({}, tableExtendProps);
-
       if (isZMax) {
         if (tableExtendProps.maxHeight) {
           tableProps.maxHeight = 'auto';
@@ -256,63 +217,52 @@ var _default2 = (0, _vue.defineComponent)({
           tableProps.height = 'auto';
         }
       }
-
       if (proxyConfig) {
         tableProps.loading = loading || tableLoading;
         tableProps.data = tableData;
         tableProps.rowClassName = handleRowClassName;
-
         if (proxyOpts.seq && (0, _utils.isEnableConf)(pagerConfig)) {
           tableProps.seqConfig = Object.assign({}, seqConfig, {
             startIndex: (tablePage.currentPage - 1) * tablePage.pageSize
           });
         }
       }
-
       if (editConfig) {
         tableProps.editConfig = Object.assign({}, editConfig, {
           beforeEditMethod: handleBeforeEditMethod
         });
       }
-
       return tableProps;
     });
-
-    var initToolbar = function initToolbar() {
+    var initToolbar = function () {
       (0, _vue.nextTick)(function () {
         var $xetable = refTable.value;
         var $xetoolbar = refToolbar.value;
-
         if ($xetable && $xetoolbar) {
           $xetable.connect($xetoolbar);
         }
       });
     };
-
-    var initPages = function initPages() {
+    var initPages = function () {
       var tablePage = reactData.tablePage;
       var pagerConfig = props.pagerConfig;
       var pagerOpts = computePagerOpts.value;
       var currentPage = pagerOpts.currentPage,
-          pageSize = pagerOpts.pageSize;
-
+        pageSize = pagerOpts.pageSize;
       if (pagerConfig) {
         if (currentPage) {
           tablePage.currentPage = currentPage;
         }
-
         if (pageSize) {
           tablePage.pageSize = pageSize;
         }
       }
     };
-
-    var triggerPendingEvent = function triggerPendingEvent(code) {
+    var triggerPendingEvent = function (code) {
       var pendingRecords = reactData.pendingRecords;
       var isMsg = computeIsMsg.value;
       var $xetable = refTable.value;
       var selectRecords = $xetable.getCheckboxRecords();
-
       if (selectRecords.length) {
         var plus_1 = [];
         var minus_1 = [];
@@ -325,7 +275,6 @@ var _default2 = (0, _vue.defineComponent)({
             plus_1.push(data);
           }
         });
-
         if (minus_1.length) {
           reactData.pendingRecords = pendingRecords.filter(function (item) {
             return $xetable.findRowIndexOf(minus_1, item) === -1;
@@ -333,7 +282,6 @@ var _default2 = (0, _vue.defineComponent)({
         } else if (plus_1.length) {
           reactData.pendingRecords = pendingRecords.concat(plus_1);
         }
-
         gridExtendTableMethods.clearCheckboxRow();
       } else {
         if (isMsg) {
@@ -343,7 +291,6 @@ var _default2 = (0, _vue.defineComponent)({
               (0, _log.errLog)('vxe.error.reqModule', ['Modal']);
             }
           }
-
           _vXETable.VXETable.modal.message({
             id: code,
             content: _conf.default.i18n('vxe.grid.selectOneRecord'),
@@ -352,24 +299,19 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var getRespMsg = function getRespMsg(rest, defaultMsg) {
+    var getRespMsg = function (rest, defaultMsg) {
       var proxyOpts = computeProxyOpts.value;
       var _a = proxyOpts.props,
-          proxyProps = _a === void 0 ? {} : _a;
+        proxyProps = _a === void 0 ? {} : _a;
       var msg;
-
       if (rest && proxyProps.message) {
         msg = _xeUtils.default.get(rest, proxyProps.message);
       }
-
       return msg || _conf.default.i18n(defaultMsg);
     };
-
-    var handleDeleteRow = function handleDeleteRow(code, alertKey, callback) {
+    var handleDeleteRow = function (code, alertKey, callback) {
       var isMsg = computeIsMsg.value;
       var selectRecords = gridExtendTableMethods.getCheckboxRecords();
-
       if (isMsg) {
         if (selectRecords.length) {
           return _vXETable.VXETable.modal.confirm({
@@ -388,7 +330,6 @@ var _default2 = (0, _vue.defineComponent)({
               (0, _log.errLog)('vxe.error.reqModule', ['Modal']);
             }
           }
-
           _vXETable.VXETable.modal.message({
             id: "msg_".concat(code),
             content: _conf.default.i18n('vxe.grid.selectOneRecord'),
@@ -400,113 +341,90 @@ var _default2 = (0, _vue.defineComponent)({
           callback();
         }
       }
-
       return Promise.resolve();
     };
-
-    var pageChangeEvent = function pageChangeEvent(params) {
+    var pageChangeEvent = function (params) {
       var proxyConfig = props.proxyConfig;
       var tablePage = reactData.tablePage;
       var currentPage = params.currentPage,
-          pageSize = params.pageSize;
+        pageSize = params.pageSize;
       tablePage.currentPage = currentPage;
       tablePage.pageSize = pageSize;
       gridMethods.dispatchEvent('page-change', params);
-
       if (proxyConfig) {
         gridMethods.commitProxy('query');
       }
     };
-
-    var sortChangeEvent = function sortChangeEvent(params) {
+    var sortChangeEvent = function (params) {
       var $xetable = refTable.value;
       var proxyConfig = props.proxyConfig;
       var computeSortOpts = $xetable.getComputeMaps().computeSortOpts;
-      var sortOpts = computeSortOpts.value; // 如果是服务端排序
-
+      var sortOpts = computeSortOpts.value;
+      // 如果是服务端排序
       if (sortOpts.remote) {
         reactData.sortData = params.sortList;
-
         if (proxyConfig) {
           reactData.tablePage.currentPage = 1;
           gridMethods.commitProxy('query');
         }
       }
-
       gridMethods.dispatchEvent('sort-change', params);
     };
-
-    var filterChangeEvent = function filterChangeEvent(params) {
+    var filterChangeEvent = function (params) {
       var $xetable = refTable.value;
       var proxyConfig = props.proxyConfig;
       var computeFilterOpts = $xetable.getComputeMaps().computeFilterOpts;
-      var filterOpts = computeFilterOpts.value; // 如果是服务端过滤
-
+      var filterOpts = computeFilterOpts.value;
+      // 如果是服务端过滤
       if (filterOpts.remote) {
         reactData.filterData = params.filterList;
-
         if (proxyConfig) {
           reactData.tablePage.currentPage = 1;
           gridMethods.commitProxy('query');
         }
       }
-
       gridMethods.dispatchEvent('filter-change', params);
     };
-
-    var submitFormEvent = function submitFormEvent(params) {
+    var submitFormEvent = function (params) {
       var proxyConfig = props.proxyConfig;
-
       if (proxyConfig) {
         gridMethods.commitProxy('reload');
       }
-
       gridMethods.dispatchEvent('form-submit', params);
     };
-
-    var resetFormEvent = function resetFormEvent(params) {
+    var resetFormEvent = function (params) {
       var proxyConfig = props.proxyConfig;
-
       if (proxyConfig) {
         gridMethods.commitProxy('reload');
       }
-
       gridMethods.dispatchEvent('form-reset', params);
     };
-
-    var submitInvalidEvent = function submitInvalidEvent(params) {
+    var submitInvalidEvent = function (params) {
       gridMethods.dispatchEvent('form-submit-invalid', params);
     };
-
-    var collapseEvent = function collapseEvent(params) {
+    var collapseEvent = function (params) {
       (0, _vue.nextTick)(function () {
         return gridExtendTableMethods.recalculate(true);
       });
       gridMethods.dispatchEvent('form-toggle-collapse', params);
       gridMethods.dispatchEvent('form-collapse', params);
     };
-
-    var handleZoom = function handleZoom(isMax) {
+    var handleZoom = function (isMax) {
       var isZMax = reactData.isZMax;
-
       if (isMax ? !isZMax : isZMax) {
         reactData.isZMax = !isZMax;
-
         if (reactData.tZindex < (0, _utils.getLastZIndex)()) {
           reactData.tZindex = (0, _utils.nextZIndex)();
         }
       }
-
       return (0, _vue.nextTick)().then(function () {
         return gridExtendTableMethods.recalculate(true);
       }).then(function () {
         return reactData.isZMax;
       });
     };
-
-    var getFuncSlot = function getFuncSlot(optSlots, slotKey) {
+    var getFuncSlot = function (optSlots, slotKey) {
       var funcSlot = optSlots[slotKey];
-
       if (funcSlot) {
         if (_xeUtils.default.isString(funcSlot)) {
           if (slots[funcSlot]) {
@@ -520,25 +438,20 @@ var _default2 = (0, _vue.defineComponent)({
           return funcSlot;
         }
       }
-
       return null;
     };
     /**
      * 渲染表单
      */
-
-
-    var renderForms = function renderForms() {
+    var renderForms = function () {
       var formConfig = props.formConfig,
-          proxyConfig = props.proxyConfig;
+        proxyConfig = props.proxyConfig;
       var formData = reactData.formData;
       var proxyOpts = computeProxyOpts.value;
       var formOpts = computeFormOpts.value;
       var restVNs = [];
-
       if ((0, _utils.isEnableConf)(formConfig) || slots.form) {
         var slotVNs = [];
-
         if (slots.form) {
           slotVNs = slots.form({
             $grid: $xegrid
@@ -546,11 +459,9 @@ var _default2 = (0, _vue.defineComponent)({
         } else {
           if (formOpts.items) {
             var formSlots_1 = {};
-
             if (!formOpts.inited) {
               formOpts.inited = true;
               var beforeItem_1 = proxyOpts.beforeItem;
-
               if (proxyOpts && beforeItem_1) {
                 formOpts.items.forEach(function (item) {
                   beforeItem_1({
@@ -559,9 +470,8 @@ var _default2 = (0, _vue.defineComponent)({
                   });
                 });
               }
-            } // 处理插槽
-
-
+            }
+            // 处理插槽
             formOpts.items.forEach(function (item) {
               _xeUtils.default.each(item.slots, function (func) {
                 if (!_xeUtils.default.isFunction(func)) {
@@ -583,28 +493,22 @@ var _default2 = (0, _vue.defineComponent)({
             }), formSlots_1));
           }
         }
-
         restVNs.push((0, _vue.h)('div', {
           ref: refFormWrapper,
           class: 'vxe-grid--form-wrapper'
         }, slotVNs));
       }
-
       return restVNs;
     };
     /**
      * 渲染工具栏
      */
-
-
-    var renderToolbars = function renderToolbars() {
+    var renderToolbars = function () {
       var toolbarConfig = props.toolbarConfig;
       var toolbarOpts = computeToolbarOpts.value;
       var restVNs = [];
-
       if ((0, _utils.isEnableConf)(toolbarConfig) || slots.toolbar) {
         var slotVNs = [];
-
         if (slots.toolbar) {
           slotVNs = slots.toolbar({
             $grid: $xegrid
@@ -614,39 +518,31 @@ var _default2 = (0, _vue.defineComponent)({
           var buttonsSlot = void 0;
           var toolsSlot = void 0;
           var toolbarSlots = {};
-
           if (toolbarOptSlots) {
             buttonsSlot = getFuncSlot(toolbarOptSlots, 'buttons');
             toolsSlot = getFuncSlot(toolbarOptSlots, 'tools');
-
             if (buttonsSlot) {
               toolbarSlots.buttons = buttonsSlot;
             }
-
             if (toolsSlot) {
               toolbarSlots.tools = toolsSlot;
             }
           }
-
           slotVNs.push((0, _vue.h)((0, _vue.resolveComponent)('vxe-toolbar'), __assign({
             ref: refToolbar
           }, toolbarOpts), toolbarSlots));
         }
-
         restVNs.push((0, _vue.h)('div', {
           ref: refToolbarWrapper,
           class: 'vxe-grid--toolbar-wrapper'
         }, slotVNs));
       }
-
       return restVNs;
     };
     /**
      * 渲染表格顶部区域
      */
-
-
-    var renderTops = function renderTops() {
+    var renderTops = function () {
       if (slots.top) {
         return [(0, _vue.h)('div', {
           ref: refTopWrapper,
@@ -655,51 +551,40 @@ var _default2 = (0, _vue.defineComponent)({
           $grid: $xegrid
         }))];
       }
-
       return [];
     };
-
     var tableCompEvents = {};
-
     _emits.default.forEach(function (name) {
       var type = _xeUtils.default.camelCase("on-".concat(name));
-
       tableCompEvents[type] = function () {
         var args = [];
-
         for (var _i = 0; _i < arguments.length; _i++) {
           args[_i] = arguments[_i];
         }
-
         return emit.apply(void 0, __spreadArray([name], args, false));
       };
     });
     /**
      * 渲染表格
      */
-
-
-    var renderTables = function renderTables() {
+    var renderTables = function () {
       var proxyConfig = props.proxyConfig;
       var tableProps = computeTableProps.value;
       var proxyOpts = computeProxyOpts.value;
       var tableOns = Object.assign({}, tableCompEvents);
       var emptySlot = slots.empty;
-
       if (proxyConfig) {
         if (proxyOpts.sort) {
           tableOns.onSortChange = sortChangeEvent;
         }
-
         if (proxyOpts.filter) {
           tableOns.onFilterChange = filterChangeEvent;
         }
       }
-
       return [(0, _vue.h)((0, _vue.resolveComponent)('vxe-table'), __assign(__assign({
         ref: refTable
       }, tableProps), tableOns), emptySlot ? {
-        empty: function empty() {
+        empty: function () {
           return emptySlot({});
         }
       } : {})];
@@ -707,9 +592,7 @@ var _default2 = (0, _vue.defineComponent)({
     /**
      * 渲染表格底部区域
      */
-
-
-    var renderBottoms = function renderBottoms() {
+    var renderBottoms = function () {
       if (slots.bottom) {
         return [(0, _vue.h)('div', {
           ref: refBottomWrapper,
@@ -718,22 +601,17 @@ var _default2 = (0, _vue.defineComponent)({
           $grid: $xegrid
         }))];
       }
-
       return [];
     };
     /**
      * 渲染分页
      */
-
-
-    var renderPagers = function renderPagers() {
+    var renderPagers = function () {
       var pagerConfig = props.pagerConfig;
       var pagerOpts = computePagerOpts.value;
       var restVNs = [];
-
       if ((0, _utils.isEnableConf)(pagerConfig) || slots.pager) {
         var slotVNs = [];
-
         if (slots.pager) {
           slotVNs = slots.pager({
             $grid: $xegrid
@@ -743,56 +621,45 @@ var _default2 = (0, _vue.defineComponent)({
           var pagerSlots = {};
           var leftSlot = void 0;
           var rightSlot = void 0;
-
           if (pagerOptSlots) {
             leftSlot = getFuncSlot(pagerOptSlots, 'left');
             rightSlot = getFuncSlot(pagerOptSlots, 'right');
-
             if (leftSlot) {
               pagerSlots.left = leftSlot;
             }
-
             if (rightSlot) {
               pagerSlots.right = rightSlot;
             }
           }
-
           slotVNs.push((0, _vue.h)((0, _vue.resolveComponent)('vxe-pager'), __assign(__assign(__assign({
             ref: refPager
           }, pagerOpts), props.proxyConfig ? reactData.tablePage : {}), {
             onPageChange: pageChangeEvent
           }), pagerSlots));
         }
-
         restVNs.push((0, _vue.h)('div', {
           ref: refPagerWrapper,
           class: 'vxe-grid--pager-wrapper'
         }, slotVNs));
       }
-
       return restVNs;
     };
-
-    var initProxy = function initProxy() {
+    var initProxy = function () {
       var proxyConfig = props.proxyConfig,
-          formConfig = props.formConfig;
+        formConfig = props.formConfig;
       var proxyInited = reactData.proxyInited;
       var proxyOpts = computeProxyOpts.value;
       var formOpts = computeFormOpts.value;
-
       if (proxyConfig) {
         if ((0, _utils.isEnableConf)(formConfig) && proxyOpts.form && formOpts.items) {
           var formData_1 = {};
           formOpts.items.forEach(function (item) {
             var field = item.field,
-                itemRender = item.itemRender;
-
+              itemRender = item.itemRender;
             if (field) {
               var itemValue = null;
-
               if (itemRender) {
                 var defaultValue = itemRender.defaultValue;
-
                 if (_xeUtils.default.isFunction(defaultValue)) {
                   itemValue = defaultValue({
                     item: item
@@ -801,16 +668,13 @@ var _default2 = (0, _vue.defineComponent)({
                   itemValue = defaultValue;
                 }
               }
-
               formData_1[field] = itemValue;
             }
           });
           reactData.formData = formData_1;
         }
-
         if (!proxyInited) {
           reactData.proxyInited = true;
-
           if (proxyOpts.autoLoad !== false) {
             (0, _vue.nextTick)(function () {
               return gridMethods.commitProxy('_init');
@@ -819,48 +683,43 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
     gridMethods = {
-      dispatchEvent: function dispatchEvent(type, params, evnt) {
+      dispatchEvent: function (type, params, evnt) {
         emit(type, Object.assign({
           $grid: $xegrid,
           $event: evnt
         }, params));
       },
-
       /**
        * 提交指令，支持 code 或 button
        * @param {String/Object} code 字符串或对象
        */
-      commitProxy: function commitProxy(proxyTarget) {
+      commitProxy: function (proxyTarget) {
         var args = [];
-
         for (var _i = 1; _i < arguments.length; _i++) {
           args[_i - 1] = arguments[_i];
         }
-
         var toolbarConfig = props.toolbarConfig,
-            pagerConfig = props.pagerConfig,
-            editRules = props.editRules;
+          pagerConfig = props.pagerConfig,
+          editRules = props.editRules;
         var tablePage = reactData.tablePage,
-            formData = reactData.formData;
+          formData = reactData.formData;
         var isMsg = computeIsMsg.value;
         var proxyOpts = computeProxyOpts.value;
         var toolbarOpts = computeToolbarOpts.value;
         var beforeQuery = proxyOpts.beforeQuery,
-            afterQuery = proxyOpts.afterQuery,
-            beforeDelete = proxyOpts.beforeDelete,
-            afterDelete = proxyOpts.afterDelete,
-            beforeSave = proxyOpts.beforeSave,
-            afterSave = proxyOpts.afterSave,
-            _a = proxyOpts.ajax,
-            ajax = _a === void 0 ? {} : _a,
-            _b = proxyOpts.props,
-            proxyProps = _b === void 0 ? {} : _b;
+          afterQuery = proxyOpts.afterQuery,
+          beforeDelete = proxyOpts.beforeDelete,
+          afterDelete = proxyOpts.afterDelete,
+          beforeSave = proxyOpts.beforeSave,
+          afterSave = proxyOpts.afterSave,
+          _a = proxyOpts.ajax,
+          ajax = _a === void 0 ? {} : _a,
+          _b = proxyOpts.props,
+          proxyProps = _b === void 0 ? {} : _b;
         var $xetable = refTable.value;
         var button = null;
         var code = null;
-
         if (_xeUtils.default.isString(proxyTarget)) {
           var buttons = toolbarOpts.buttons;
           var matchObj = toolbarConfig && buttons ? _xeUtils.default.findTree(buttons, function (item) {
@@ -874,83 +733,67 @@ var _default2 = (0, _vue.defineComponent)({
           button = proxyTarget;
           code = button.code;
         }
-
         var btnParams = button ? button.params : null;
-
         switch (code) {
           case 'insert':
             $xetable.insert({});
             break;
-
           case 'insert_actived':
             $xetable.insert({}).then(function (_a) {
               var row = _a.row;
               return $xetable.setActiveRow(row);
             });
             break;
-
           case 'mark_cancel':
             triggerPendingEvent(code);
             break;
-
           case 'remove':
             return handleDeleteRow(code, 'vxe.grid.removeSelectRecord', function () {
               return $xetable.removeCheckboxRow();
             });
-
           case 'import':
             $xetable.importData(btnParams);
             break;
-
           case 'open_import':
             $xetable.openImport(btnParams);
             break;
-
           case 'export':
             $xetable.exportData(btnParams);
             break;
-
           case 'open_export':
             $xetable.openExport(btnParams);
             break;
-
           case 'reset_custom':
             $xetable.resetColumn(true);
             break;
-
           case '_init':
           case 'reload':
           case 'query':
             {
               var ajaxMethods = ajax.query;
-
               if (ajaxMethods) {
                 var isInited = code === '_init';
                 var isReload = code === 'reload';
                 var sortList = [];
                 var filterList = [];
                 var pageParams = {};
-
                 if (pagerConfig) {
                   if (isInited || isReload) {
                     tablePage.currentPage = 1;
                   }
-
                   if ((0, _utils.isEnableConf)(pagerConfig)) {
                     pageParams = __assign({}, tablePage);
                   }
                 }
-
                 if (isInited) {
                   var computeSortOpts = $xetable.getComputeMaps().computeSortOpts;
                   var sortOpts = computeSortOpts.value;
-                  var defaultSort = sortOpts.defaultSort; // 如果使用默认排序
-
+                  var defaultSort = sortOpts.defaultSort;
+                  // 如果使用默认排序
                   if (defaultSort) {
                     if (!_xeUtils.default.isArray(defaultSort)) {
                       defaultSort = [defaultSort];
                     }
-
                     sortList = defaultSort.map(function (item) {
                       return {
                         field: item.field,
@@ -959,7 +802,6 @@ var _default2 = (0, _vue.defineComponent)({
                       };
                     });
                   }
-
                   filterList = $xetable.getCheckedFilters();
                 } else {
                   if (isReload) {
@@ -970,7 +812,6 @@ var _default2 = (0, _vue.defineComponent)({
                     filterList = $xetable.getCheckedFilters();
                   }
                 }
-
                 var params = {
                   code: code,
                   button: button,
@@ -990,15 +831,13 @@ var _default2 = (0, _vue.defineComponent)({
                   return e;
                 }).then(function (rest) {
                   reactData.tableLoading = false;
-
                   if (rest) {
                     if ((0, _utils.isEnableConf)(pagerConfig)) {
                       var total = _xeUtils.default.get(rest, proxyProps.total || 'page.total') || 0;
                       tablePage.total = _xeUtils.default.toNumber(total);
-                      reactData.tableData = _xeUtils.default.get(rest, proxyProps.result || 'result') || []; // 检验当前页码，不能超出当前最大页数
-
+                      reactData.tableData = _xeUtils.default.get(rest, proxyProps.result || 'result') || [];
+                      // 检验当前页码，不能超出当前最大页数
                       var pageCount = Math.max(Math.ceil(total / tablePage.pageSize), 1);
-
                       if (tablePage.currentPage > pageCount) {
                         tablePage.currentPage = pageCount;
                       }
@@ -1008,7 +847,6 @@ var _default2 = (0, _vue.defineComponent)({
                   } else {
                     reactData.tableData = [];
                   }
-
                   if (afterQuery) {
                     afterQuery.apply(void 0, applyArgs_1);
                   }
@@ -1018,14 +856,11 @@ var _default2 = (0, _vue.defineComponent)({
                   (0, _log.errLog)('vxe.error.notFunc', ['proxy-config.ajax.query']);
                 }
               }
-
               break;
             }
-
           case 'delete':
             {
               var ajaxMethods_1 = ajax.delete;
-
               if (ajaxMethods_1) {
                 var selectRecords_1 = gridExtendTableMethods.getCheckboxRecords();
                 var removeRecords_1 = selectRecords_1.filter(function (row) {
@@ -1041,20 +876,17 @@ var _default2 = (0, _vue.defineComponent)({
                   body: body,
                   options: ajaxMethods_1
                 }].concat(args);
-
                 if (selectRecords_1.length) {
                   return handleDeleteRow(code, 'vxe.grid.deleteSelectRecord', function () {
                     if (!removeRecords_1.length) {
                       return $xetable.remove(selectRecords_1);
                     }
-
                     reactData.tableLoading = true;
                     return Promise.resolve((beforeDelete || ajaxMethods_1).apply(void 0, applyArgs_2)).then(function (rest) {
                       reactData.tableLoading = false;
                       reactData.pendingRecords = reactData.pendingRecords.filter(function (row) {
                         return $xetable.findRowIndexOf(removeRecords_1, row) === -1;
                       });
-
                       if (isMsg) {
                         // 检测弹窗模块
                         if (process.env.NODE_ENV === 'development') {
@@ -1062,13 +894,11 @@ var _default2 = (0, _vue.defineComponent)({
                             (0, _log.errLog)('vxe.error.reqModule', ['Modal']);
                           }
                         }
-
                         _vXETable.VXETable.modal.message({
                           content: getRespMsg(rest, 'vxe.grid.delSuccess'),
                           status: 'success'
                         });
                       }
-
                       if (afterDelete) {
                         afterDelete.apply(void 0, applyArgs_2);
                       } else {
@@ -1076,14 +906,12 @@ var _default2 = (0, _vue.defineComponent)({
                       }
                     }).catch(function (rest) {
                       reactData.tableLoading = false;
-
                       if (isMsg) {
                         if (process.env.NODE_ENV === 'development') {
                           if (!_vXETable.VXETable.modal.message) {
                             (0, _log.errLog)('vxe.error.reqModule', ['Modal']);
                           }
                         }
-
                         _vXETable.VXETable.modal.message({
                           id: code,
                           content: getRespMsg(rest, 'vxe.grid.operError'),
@@ -1100,7 +928,6 @@ var _default2 = (0, _vue.defineComponent)({
                         (0, _log.errLog)('vxe.error.reqModule', ['Modal']);
                       }
                     }
-
                     _vXETable.VXETable.modal.message({
                       id: code,
                       content: _conf.default.i18n('vxe.grid.selectOneRecord'),
@@ -1113,62 +940,53 @@ var _default2 = (0, _vue.defineComponent)({
                   (0, _log.errLog)('vxe.error.notFunc', ['proxy-config.ajax.delete']);
                 }
               }
-
               break;
             }
-
           case 'save':
             {
               var ajaxMethods_2 = ajax.save;
-
               if (ajaxMethods_2) {
                 var body_1 = Object.assign({
                   pendingRecords: reactData.pendingRecords
                 }, $xetable.getRecordset());
                 var insertRecords_1 = body_1.insertRecords,
-                    removeRecords_2 = body_1.removeRecords,
-                    updateRecords_1 = body_1.updateRecords,
-                    pendingRecords_1 = body_1.pendingRecords;
+                  removeRecords_2 = body_1.removeRecords,
+                  updateRecords_1 = body_1.updateRecords,
+                  pendingRecords_1 = body_1.pendingRecords;
                 var applyArgs_3 = [{
                   $grid: $xegrid,
                   code: code,
                   button: button,
                   body: body_1,
                   options: ajaxMethods_2
-                }].concat(args); // 排除掉新增且标记为删除的数据
-
+                }].concat(args);
+                // 排除掉新增且标记为删除的数据
                 if (insertRecords_1.length) {
                   body_1.pendingRecords = pendingRecords_1.filter(function (row) {
                     return $xetable.findRowIndexOf(insertRecords_1, row) === -1;
                   });
-                } // 排除已标记为删除的数据
-
-
+                }
+                // 排除已标记为删除的数据
                 if (pendingRecords_1.length) {
                   body_1.insertRecords = insertRecords_1.filter(function (row) {
                     return $xetable.findRowIndexOf(pendingRecords_1, row) === -1;
                   });
                 }
-
                 var restPromise = Promise.resolve();
-
                 if (editRules) {
                   // 只校验新增和修改的数据
                   restPromise = $xetable.validate(body_1.insertRecords.concat(updateRecords_1));
                 }
-
                 return restPromise.then(function (errMap) {
                   if (errMap) {
                     // 如果校验不通过
                     return;
                   }
-
                   if (body_1.insertRecords.length || removeRecords_2.length || updateRecords_1.length || body_1.pendingRecords.length) {
                     reactData.tableLoading = true;
                     return Promise.resolve((beforeSave || ajaxMethods_2).apply(void 0, applyArgs_3)).then(function (rest) {
                       reactData.tableLoading = false;
                       reactData.pendingRecords = [];
-
                       if (isMsg) {
                         // 检测弹窗模块
                         if (process.env.NODE_ENV === 'development') {
@@ -1176,13 +994,11 @@ var _default2 = (0, _vue.defineComponent)({
                             (0, _log.errLog)('vxe.error.reqModule', ['Modal']);
                           }
                         }
-
                         _vXETable.VXETable.modal.message({
                           content: getRespMsg(rest, 'vxe.grid.saveSuccess'),
                           status: 'success'
                         });
                       }
-
                       if (afterSave) {
                         afterSave.apply(void 0, applyArgs_3);
                       } else {
@@ -1190,7 +1006,6 @@ var _default2 = (0, _vue.defineComponent)({
                       }
                     }).catch(function (rest) {
                       reactData.tableLoading = false;
-
                       if (isMsg) {
                         // 检测弹窗模块
                         if (process.env.NODE_ENV === 'development') {
@@ -1198,7 +1013,6 @@ var _default2 = (0, _vue.defineComponent)({
                             (0, _log.errLog)('vxe.error.reqModule', ['Modal']);
                           }
                         }
-
                         _vXETable.VXETable.modal.message({
                           id: code,
                           content: getRespMsg(rest, 'vxe.grid.operError'),
@@ -1214,7 +1028,6 @@ var _default2 = (0, _vue.defineComponent)({
                           (0, _log.errLog)('vxe.error.reqModule', ['Modal']);
                         }
                       }
-
                       _vXETable.VXETable.modal.message({
                         id: code,
                         content: _conf.default.i18n('vxe.grid.dataUnchanged'),
@@ -1228,14 +1041,11 @@ var _default2 = (0, _vue.defineComponent)({
                   (0, _log.errLog)('vxe.error.notFunc', ['proxy-config.ajax.save']);
                 }
               }
-
               break;
             }
-
           default:
             {
               var btnMethod = _vXETable.VXETable.commands.get(code);
-
               if (btnMethod) {
                 btnMethod.apply(void 0, __spreadArray([{
                   code: code,
@@ -1246,43 +1056,39 @@ var _default2 = (0, _vue.defineComponent)({
               }
             }
         }
-
         return (0, _vue.nextTick)();
       },
-      zoom: function zoom() {
+      zoom: function () {
         if (reactData.isZMax) {
           return gridMethods.revert();
         }
-
         return gridMethods.maximize();
       },
-      isMaximized: function isMaximized() {
+      isMaximized: function () {
         return reactData.isZMax;
       },
-      maximize: function maximize() {
+      maximize: function () {
         return handleZoom(true);
       },
-      revert: function revert() {
+      revert: function () {
         return handleZoom();
       },
-      getFormItems: function getFormItems(itemIndex) {
+      getFormItems: function (itemIndex) {
         var formOpts = computeFormOpts.value;
         var formConfig = props.formConfig;
         var items = formOpts.items;
         var itemList = [];
-
         _xeUtils.default.eachTree((0, _utils.isEnableConf)(formConfig) && items ? items : [], function (item) {
           itemList.push(item);
         }, {
           children: 'children'
         });
-
         return _xeUtils.default.isUndefined(itemIndex) ? itemList : itemList[itemIndex];
       },
-      getPendingRecords: function getPendingRecords() {
+      getPendingRecords: function () {
         return reactData.pendingRecords;
       },
-      getProxyInfo: function getProxyInfo() {
+      getProxyInfo: function () {
         if (props.proxyConfig) {
           var sortData = reactData.sortData;
           return {
@@ -1295,15 +1101,13 @@ var _default2 = (0, _vue.defineComponent)({
             pendingRecords: reactData.pendingRecords
           };
         }
-
         return null;
       }
-    }; // 检查插槽
-
+    };
+    // 检查插槽
     if (process.env.NODE_ENV === 'development') {
       gridMethods.loadColumn = function (columns) {
         var $xetable = refTable.value;
-
         _xeUtils.default.eachTree(columns, function (column) {
           if (column.slots) {
             _xeUtils.default.each(column.slots, function (func) {
@@ -1315,36 +1119,30 @@ var _default2 = (0, _vue.defineComponent)({
             });
           }
         });
-
         return $xetable.loadColumn(columns);
       };
-
       gridMethods.reloadColumn = function (columns) {
         gridExtendTableMethods.clearAll();
         return gridMethods.loadColumn(columns);
       };
     }
-
     var gridPrivateMethods = {
       extendTableMethods: extendTableMethods,
-      callSlot: function callSlot(slotFunc, params) {
+      callSlot: function (slotFunc, params) {
         if (slotFunc) {
           if (_xeUtils.default.isString(slotFunc)) {
             slotFunc = slots[slotFunc] || null;
           }
-
           if (_xeUtils.default.isFunction(slotFunc)) {
             return (0, _vn.getSlotVNs)(slotFunc(params));
           }
         }
-
         return [];
       },
-
       /**
        * 获取需要排除的高度
        */
-      getExcludeHeight: function getExcludeHeight() {
+      getExcludeHeight: function () {
         var height = props.height;
         var isZMax = reactData.isZMax;
         var el = refElem.value;
@@ -1356,23 +1154,21 @@ var _default2 = (0, _vue.defineComponent)({
         var parentPaddingSize = isZMax || height !== 'auto' ? 0 : (0, _dom.getPaddingTopBottomSize)(el.parentNode);
         return parentPaddingSize + (0, _dom.getPaddingTopBottomSize)(el) + (0, _dom.getOffsetHeight)(formWrapper) + (0, _dom.getOffsetHeight)(toolbarWrapper) + (0, _dom.getOffsetHeight)(topWrapper) + (0, _dom.getOffsetHeight)(bottomWrapper) + (0, _dom.getOffsetHeight)(pagerWrapper);
       },
-      getParentHeight: function getParentHeight() {
+      getParentHeight: function () {
         var el = refElem.value;
-
         if (el) {
           return (reactData.isZMax ? (0, _dom.getDomNode)().visibleHeight : _xeUtils.default.toNumber(getComputedStyle(el.parentNode).height)) - gridPrivateMethods.getExcludeHeight();
         }
-
         return 0;
       },
-      triggerToolbarBtnEvent: function triggerToolbarBtnEvent(button, evnt) {
+      triggerToolbarBtnEvent: function (button, evnt) {
         gridMethods.commitProxy(button, evnt);
         gridMethods.dispatchEvent('toolbar-button-click', {
           code: button.code,
           button: button
         }, evnt);
       },
-      triggerToolbarTolEvent: function triggerToolbarTolEvent(tool, evnt) {
+      triggerToolbarTolEvent: function (tool, evnt) {
         gridMethods.commitProxy(tool, evnt);
         gridMethods.dispatchEvent('toolbar-tool-click', {
           code: tool.code,
@@ -1380,7 +1176,7 @@ var _default2 = (0, _vue.defineComponent)({
           $event: evnt
         });
       },
-      triggerZoomEvent: function triggerZoomEvent(evnt) {
+      triggerZoomEvent: function (evnt) {
         gridMethods.zoom();
         gridMethods.dispatchEvent('zoom', {
           type: reactData.isZMax ? 'max' : 'revert'
@@ -1412,48 +1208,38 @@ var _default2 = (0, _vue.defineComponent)({
     }, function () {
       initProxy();
     });
-
-    var handleGlobalKeydownEvent = function handleGlobalKeydownEvent(evnt) {
+    var handleGlobalKeydownEvent = function (evnt) {
       var zoomOpts = computeZoomOpts.value;
       var isEsc = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ESCAPE);
-
       if (isEsc && reactData.isZMax && zoomOpts.escRestore !== false) {
         gridPrivateMethods.triggerZoomEvent(evnt);
       }
     };
-
     _vXETable.VXETable.hooks.forEach(function (options) {
       var setupGrid = options.setupGrid;
-
       if (setupGrid) {
         var hookRest = setupGrid($xegrid);
-
         if (hookRest && _xeUtils.default.isObject(hookRest)) {
           Object.assign($xegrid, hookRest);
         }
       }
     });
-
     initPages();
     (0, _vue.onMounted)(function () {
       (0, _vue.nextTick)(function () {
         var data = props.data,
-            columns = props.columns,
-            proxyConfig = props.proxyConfig;
+          columns = props.columns,
+          proxyConfig = props.proxyConfig;
         var proxyOpts = computeProxyOpts.value;
         var formOpts = computeFormOpts.value;
-
         if (proxyConfig && (data || proxyOpts.form && formOpts.data)) {
           (0, _log.errLog)('vxe.error.errConflicts', ['grid.data', 'grid.proxy-config']);
         }
-
         if (columns && columns.length) {
           $xegrid.loadColumn(columns);
         }
-
         initToolbar();
       });
-
       _event.GlobalEvent.on($xegrid, 'keydown', handleGlobalKeydownEvent);
     });
     (0, _vue.onUnmounted)(function () {
@@ -1462,10 +1248,8 @@ var _default2 = (0, _vue.defineComponent)({
     (0, _vue.nextTick)(function () {
       initProxy();
     });
-
-    var renderVN = function renderVN() {
+    var renderVN = function () {
       var _a;
-
       var vSize = computeSize.value;
       var styles = computeStyles.value;
       return (0, _vue.h)('div', {
@@ -1474,14 +1258,12 @@ var _default2 = (0, _vue.defineComponent)({
         style: styles
       }, renderForms().concat(renderToolbars(), renderTops(), renderTables(), renderBottoms(), renderPagers()));
     };
-
     $xegrid.renderVN = renderVN;
     (0, _vue.provide)('$xegrid', $xegrid);
     return $xegrid;
   },
-  render: function render() {
+  render: function () {
     return this.renderVN();
   }
 });
-
-exports.default = _default2;
+exports.default = _default;