vxe-table 3.9.0-rc.9 → 3.9.0

package/lib/table/src/table.js

@@ -27,16 +27,14 @@ var _mixin5 = _interopRequireDefault(require("../module/keyboard/mixin"));
 var _mixin6 = _interopRequireDefault(require("../module/validator/mixin"));
 var _mixin7 = _interopRequireDefault(require("../module/custom/mixin"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var getConfig = _ui.VxeUI.getConfig,
-  getI18n = _ui.VxeUI.getI18n,
-  renderer = _ui.VxeUI.renderer,
-  globalResize = _ui.VxeUI.globalResize,
-  globalEvents = _ui.VxeUI.globalEvents,
-  globalMixins = _ui.VxeUI.globalMixins;
+const {
+  getConfig,
+  getI18n,
+  renderer,
+  globalResize,
+  globalEvents,
+  globalMixins
+} = _ui.VxeUI;
 /**
  * 渲染浮固定列
  * 分别渲染左边固定列和右边固定列
@@ -46,61 +44,65 @@ var getConfig = _ui.VxeUI.getConfig,
  * @param {String} fixedType 固定列类型
  */
 function renderFixed(h, $xetable, fixedType) {
-  var _e = $xetable._e,
-    tableData = $xetable.tableData,
-    tableColumn = $xetable.tableColumn,
-    tableGroupColumn = $xetable.tableGroupColumn,
-    vSize = $xetable.vSize,
-    showHeader = $xetable.showHeader,
-    showFooter = $xetable.showFooter,
-    columnStore = $xetable.columnStore,
-    footerTableData = $xetable.footerTableData;
-  var fixedColumn = columnStore["".concat(fixedType, "List")];
+  const {
+    _e,
+    tableData,
+    tableColumn,
+    tableGroupColumn,
+    vSize,
+    showHeader,
+    showFooter,
+    columnStore,
+    footerTableData
+  } = $xetable;
+  const fixedColumn = columnStore[`${fixedType}List`];
   return h('div', {
-    class: "vxe-table--fixed-".concat(fixedType, "-wrapper"),
-    ref: "".concat(fixedType, "Container")
+    class: `vxe-table--fixed-${fixedType}-wrapper`,
+    ref: `${fixedType}Container`
   }, [showHeader ? h(_header.default, {
     props: {
-      fixedType: fixedType,
-      tableData: tableData,
-      tableColumn: tableColumn,
-      tableGroupColumn: tableGroupColumn,
+      fixedType,
+      tableData,
+      tableColumn,
+      tableGroupColumn,
       size: vSize,
-      fixedColumn: fixedColumn
+      fixedColumn
     },
-    ref: "".concat(fixedType, "Header")
+    ref: `${fixedType}Header`
   }) : _e(), h(_body.default, {
     props: {
-      fixedType: fixedType,
-      tableData: tableData,
-      tableColumn: tableColumn,
-      fixedColumn: fixedColumn,
+      fixedType,
+      tableData,
+      tableColumn,
+      fixedColumn,
       size: vSize
     },
-    ref: "".concat(fixedType, "Body")
+    ref: `${fixedType}Body`
   }), showFooter ? h(_footer.default, {
     props: {
-      footerTableData: footerTableData,
-      tableColumn: tableColumn,
-      fixedColumn: fixedColumn,
-      fixedType: fixedType,
+      footerTableData,
+      tableColumn,
+      fixedColumn,
+      fixedType,
       size: vSize
     },
-    ref: "".concat(fixedType, "Footer")
+    ref: `${fixedType}Footer`
   }) : _e()]);
 }
 function renderEmptyContenet(h, _vm) {
-  var $scopedSlots = _vm.$scopedSlots,
-    emptyOpts = _vm.emptyOpts;
-  var emptyContent = '';
-  var params = {
+  const {
+    $scopedSlots,
+    emptyOpts
+  } = _vm;
+  let emptyContent = '';
+  const params = {
     $table: _vm
   };
   if ($scopedSlots.empty) {
     emptyContent = $scopedSlots.empty.call(_vm, params, h);
   } else {
-    var compConf = emptyOpts.name ? renderer.get(emptyOpts.name) : null;
-    var renderTableEmptyView = compConf ? compConf.renderTableEmptyView || compConf.renderEmpty : null;
+    const compConf = emptyOpts.name ? renderer.get(emptyOpts.name) : null;
+    const renderTableEmptyView = compConf ? compConf.renderTableEmptyView || compConf.renderEmpty : null;
     if (renderTableEmptyView) {
       emptyContent = (0, _vn.getSlotVNs)(renderTableEmptyView.call(_vm, h, emptyOpts, params));
     } else {
@@ -110,7 +112,9 @@ function renderEmptyContenet(h, _vm) {
   return emptyContent;
 }
 function handleUupdateResize(_vm) {
-  var $el = _vm.$el;
+  const {
+    $el
+  } = _vm;
   if ($el && $el.clientWidth && $el.clientHeight) {
     _vm.recalculate();
   }
@@ -119,7 +123,7 @@ var _default = exports.default = {
   name: 'VxeTable',
   mixins: [globalMixins.sizeMixin, _mixin.default, _mixin2.default, _mixin3.default, _mixin4.default, _mixin5.default, _mixin6.default, _mixin7.default],
   props: _props.default,
-  provide: function provide() {
+  provide() {
     return {
       $xetable: this,
       $xeTable: this,
@@ -127,6 +131,9 @@ var _default = exports.default = {
     };
   },
   inject: {
+    $xeTabs: {
+      default: null
+    },
     $xeGrid: {
       default: null
     },
@@ -134,9 +141,9 @@ var _default = exports.default = {
       default: null
     }
   },
-  data: function data() {
+  data() {
     return {
-      tId: "".concat(_xeUtils.default.uniqueId()),
+      tId: `${_xeUtils.default.uniqueId()}`,
       isCalcColumn: false,
       // 低性能的静态列
       staticColumns: [],
@@ -353,40 +360,42 @@ var _default = exports.default = {
       _isLoading: false
     };
   },
-  computed: {
-    tableId: function tableId() {
-      var id = this.id;
+  computed: Object.assign(Object.assign({}, {}), {
+    tableId() {
+      const {
+        id
+      } = this;
       if (id) {
         if (_xeUtils.default.isFunction(id)) {
-          return "".concat(id({
+          return `${id({
             $table: this
-          }) || '');
+          }) || ''}`;
         }
-        return "".concat(id);
+        return `${id}`;
       }
       return '';
     },
-    validOpts: function validOpts() {
+    validOpts() {
       return this.computeValidOpts;
     },
-    computeValidOpts: function computeValidOpts() {
+    computeValidOpts() {
       return Object.assign({
         message: 'default'
-      }, getConfig().table.validConfig, this.validConfig);
+      }, _xeUtils.default.clone(getConfig().table.validConfig, true), this.validConfig);
     },
-    sXOpts: function sXOpts() {
+    sXOpts() {
       return this.computeSXOpts;
     },
-    computeSXOpts: function computeSXOpts() {
-      return Object.assign({}, getConfig().table.scrollX, this.scrollX);
+    computeSXOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.scrollX, true), this.scrollX);
     },
-    sYOpts: function sYOpts() {
+    sYOpts() {
       return this.computeSYOpts;
     },
-    computeSYOpts: function computeSYOpts() {
-      return Object.assign({}, getConfig().table.scrollY, this.scrollY);
+    computeSYOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.scrollY, true), this.scrollY);
     },
-    rowHeightMaps: function rowHeightMaps() {
+    rowHeightMaps() {
       return {
         default: 48,
         medium: 44,
@@ -394,225 +403,227 @@ var _default = exports.default = {
         mini: 36
       };
     },
-    columnOpts: function columnOpts() {
+    columnOpts() {
       return this.computeColumnOpts;
     },
-    computeColumnOpts: function computeColumnOpts() {
-      return Object.assign({}, getConfig().table.columnConfig, this.columnConfig);
+    computeColumnOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.columnConfig, true), this.columnConfig);
     },
-    rowOpts: function rowOpts() {
+    rowOpts() {
       return this.computeRowOpts;
     },
-    computeRowOpts: function computeRowOpts() {
-      return Object.assign({}, getConfig().table.rowConfig, this.rowConfig);
+    computeRowOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.rowConfig, true), this.rowConfig);
     },
-    resizeOpts: function resizeOpts() {
+    resizeOpts() {
       return this.computeResizeOpts;
     },
-    computeResizeOpts: function computeResizeOpts() {
-      return Object.assign({}, getConfig().table.resizeConfig, this.resizeConfig);
+    computeResizeOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.resizeConfig, true), this.resizeConfig);
     },
-    resizableOpts: function resizableOpts() {
+    resizableOpts() {
       return this.computeResizableOpts;
     },
-    computeResizableOpts: function computeResizableOpts() {
-      return Object.assign({}, getConfig().table.resizableConfig, this.resizableConfig);
+    computeResizableOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.resizableConfig, true), this.resizableConfig);
     },
-    seqOpts: function seqOpts() {
+    seqOpts() {
       return this.computeSeqOpts;
     },
-    computeSeqOpts: function computeSeqOpts() {
+    computeSeqOpts() {
       return Object.assign({
         startIndex: 0
-      }, getConfig().table.seqConfig, this.seqConfig);
+      }, _xeUtils.default.clone(getConfig().table.seqConfig, true), this.seqConfig);
     },
-    radioOpts: function radioOpts() {
+    radioOpts() {
       return this.computeRadioOpts;
     },
-    computeRadioOpts: function computeRadioOpts() {
-      return Object.assign({}, getConfig().table.radioConfig, this.radioConfig);
+    computeRadioOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.radioConfig, true), this.radioConfig);
     },
-    checkboxOpts: function checkboxOpts() {
+    checkboxOpts() {
       return this.computeCheckboxOpts;
     },
-    computeCheckboxOpts: function computeCheckboxOpts() {
-      return Object.assign({}, getConfig().table.checkboxConfig, this.checkboxConfig);
+    computeCheckboxOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.checkboxConfig, true), this.checkboxConfig);
     },
-    tooltipOpts: function tooltipOpts() {
+    tooltipOpts() {
       return this.computeTooltipOpts;
     },
-    computeTooltipOpts: function computeTooltipOpts() {
-      return Object.assign({}, getConfig().tooltip, getConfig().table.tooltipConfig, this.tooltipConfig);
+    computeTooltipOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().tooltip, true), _xeUtils.default.clone(getConfig().table.tooltipConfig, true), this.tooltipConfig);
     },
-    tipConfig: function tipConfig() {
+    tipConfig() {
       return Object.assign({}, this.tooltipOpts);
     },
-    validTipOpts: function validTipOpts() {
+    validTipOpts() {
       return Object.assign({
         isArrow: false
       }, this.tooltipOpts);
     },
-    editOpts: function editOpts() {
+    editOpts() {
       return this.computeEditOpts;
     },
-    computeEditOpts: function computeEditOpts() {
-      return Object.assign({}, getConfig().table.editConfig, this.editConfig);
+    computeEditOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.editConfig, true), this.editConfig);
     },
-    sortOpts: function sortOpts() {
+    sortOpts() {
       return this.computeSortOpts;
     },
-    computeSortOpts: function computeSortOpts() {
+    computeSortOpts() {
       return Object.assign({
         orders: ['asc', 'desc', null]
-      }, getConfig().table.sortConfig, this.sortConfig);
+      }, _xeUtils.default.clone(getConfig().table.sortConfig, true), this.sortConfig);
     },
-    filterOpts: function filterOpts() {
+    filterOpts() {
       return this.computeFilterOpts;
     },
-    computeFilterOpts: function computeFilterOpts() {
-      return Object.assign({}, getConfig().table.filterConfig, this.filterConfig);
+    computeFilterOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.filterConfig, true), this.filterConfig);
     },
-    mouseOpts: function mouseOpts() {
+    mouseOpts() {
       return this.computeMouseOpts;
     },
-    computeMouseOpts: function computeMouseOpts() {
-      return Object.assign({}, getConfig().table.mouseConfig, this.mouseConfig);
+    computeMouseOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.mouseConfig, true), this.mouseConfig);
     },
-    areaOpts: function areaOpts() {
+    areaOpts() {
       return this.computeAreaOpts;
     },
-    computeAreaOpts: function computeAreaOpts() {
-      return Object.assign({}, getConfig().table.areaConfig, this.areaConfig);
+    computeAreaOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.areaConfig, true), this.areaConfig);
     },
-    keyboardOpts: function keyboardOpts() {
+    keyboardOpts() {
       return this.computeKeyboardOpts;
     },
-    computeKeyboardOpts: function computeKeyboardOpts() {
-      return Object.assign({}, getConfig().table.keyboardConfig, this.keyboardConfig);
+    computeKeyboardOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.keyboardConfig, true), this.keyboardConfig);
     },
-    clipOpts: function clipOpts() {
+    clipOpts() {
       return this.computeClipOpts;
     },
-    computeClipOpts: function computeClipOpts() {
-      return Object.assign({}, getConfig().table.clipConfig, this.clipConfig);
+    computeClipOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.clipConfig, true), this.clipConfig);
     },
-    fnrOpts: function fnrOpts() {
+    fnrOpts() {
       return this.computeFNROpts;
     },
-    computeFNROpts: function computeFNROpts() {
-      return Object.assign({}, getConfig().table.fnrConfig, this.fnrConfig);
-    },
-    hasTip: function hasTip() {
-      return true;
-      // return VXETable._tooltip
+    computeFNROpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.fnrConfig, true), this.fnrConfig);
     },
-    headerCtxMenu: function headerCtxMenu() {
-      var headerOpts = this.ctxMenuOpts.header;
+    headerCtxMenu() {
+      const headerOpts = this.ctxMenuOpts.header;
       return headerOpts && headerOpts.options ? headerOpts.options : [];
     },
-    bodyCtxMenu: function bodyCtxMenu() {
-      var bodyOpts = this.ctxMenuOpts.body;
+    bodyCtxMenu() {
+      const bodyOpts = this.ctxMenuOpts.body;
       return bodyOpts && bodyOpts.options ? bodyOpts.options : [];
     },
-    footerCtxMenu: function footerCtxMenu() {
-      var footerOpts = this.ctxMenuOpts.footer;
+    footerCtxMenu() {
+      const footerOpts = this.ctxMenuOpts.footer;
       return footerOpts && footerOpts.options ? footerOpts.options : [];
     },
-    isCtxMenu: function isCtxMenu() {
+    isCtxMenu() {
       return !!((this.contextMenu || this.menuConfig) && (0, _utils.isEnableConf)(this.ctxMenuOpts) && (this.headerCtxMenu.length || this.bodyCtxMenu.length || this.footerCtxMenu.length));
     },
-    ctxMenuList: function ctxMenuList() {
-      var rest = [];
-      this.ctxMenuStore.list.forEach(function (list) {
-        list.forEach(function (item) {
+    ctxMenuList() {
+      const rest = [];
+      this.ctxMenuStore.list.forEach(list => {
+        list.forEach(item => {
           rest.push(item);
         });
       });
       return rest;
     },
-    ctxMenuOpts: function ctxMenuOpts() {
+    ctxMenuOpts() {
       return this.computeMenuOpts;
     },
-    computeMenuOpts: function computeMenuOpts() {
-      return Object.assign({}, getConfig().table.menuConfig, this.contextMenu, this.menuConfig);
+    computeMenuOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.menuConfig, true), this.contextMenu, this.menuConfig);
     },
-    exportOpts: function exportOpts() {
+    exportOpts() {
       return this.computeExportOpts;
     },
-    computeExportOpts: function computeExportOpts() {
-      return Object.assign({}, getConfig().table.exportConfig, this.exportConfig);
+    computeExportOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.exportConfig, true), this.exportConfig);
     },
-    importOpts: function importOpts() {
+    importOpts() {
       return this.computeImportOpts;
     },
-    computeImportOpts: function computeImportOpts() {
-      return Object.assign({}, getConfig().table.importConfig, this.importConfig);
+    computeImportOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.importConfig, true), this.importConfig);
     },
-    printOpts: function printOpts() {
+    printOpts() {
       return this.computePrintOpts;
     },
-    computePrintOpts: function computePrintOpts() {
-      return Object.assign({}, getConfig().table.printConfig, this.printConfig);
+    computePrintOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.printConfig, true), this.printConfig);
     },
-    expandOpts: function expandOpts() {
+    expandOpts() {
       return this.computeExpandOpts;
     },
-    computeExpandOpts: function computeExpandOpts() {
-      return Object.assign({}, getConfig().table.expandConfig, this.expandConfig);
+    computeExpandOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.expandConfig, true), this.expandConfig);
     },
-    treeOpts: function treeOpts() {
+    treeOpts() {
       return this.computeTreeOpts;
     },
-    computeTreeOpts: function computeTreeOpts() {
-      return Object.assign({}, getConfig().table.treeConfig, this.treeConfig);
+    computeTreeOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.treeConfig, true), this.treeConfig);
     },
-    emptyOpts: function emptyOpts() {
+    emptyOpts() {
       return this.computeEmptyOpts;
     },
-    computeEmptyOpts: function computeEmptyOpts() {
-      return Object.assign({}, getConfig().table.emptyRender, this.emptyRender);
+    computeEmptyOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.emptyRender, true), this.emptyRender);
     },
-    loadingOpts: function loadingOpts() {
+    loadingOpts() {
       return this.computeLoadingOpts;
     },
-    computeLoadingOpts: function computeLoadingOpts() {
-      return Object.assign({}, getConfig().table.loadingConfig, this.loadingConfig);
+    computeLoadingOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.loadingConfig, true), this.loadingConfig);
     },
-    cellOffsetWidth: function cellOffsetWidth() {
+    cellOffsetWidth() {
       return this.border ? Math.max(2, Math.ceil(this.scrollbarWidth / this.tableColumn.length)) : 1;
     },
-    customOpts: function customOpts() {
+    customOpts() {
       return this.computeCustomOpts;
     },
-    computeCustomOpts: function computeCustomOpts() {
-      return Object.assign({}, getConfig().table.customConfig, this.customConfig);
-    },
-    autoWidthColumnList: function autoWidthColumnList() {
-      var tableColumn = this.tableColumn,
-        visibleColumn = this.visibleColumn;
-      return tableColumn.length || visibleColumn.length ? visibleColumn.filter(function (column) {
-        return column.width === 'auto' || column.minWidth === 'auto';
-      }) : [];
-    },
-    fixedColumnSize: function fixedColumnSize() {
-      var collectColumn = this.collectColumn;
-      var fixedSize = 0;
-      collectColumn.forEach(function (column) {
+    computeCustomOpts() {
+      return Object.assign({}, _xeUtils.default.clone(getConfig().table.customConfig, true), this.customConfig);
+    },
+    autoWidthColumnList() {
+      const {
+        tableColumn,
+        visibleColumn
+      } = this;
+      return tableColumn.length || visibleColumn.length ? visibleColumn.filter(column => column.width === 'auto' || column.minWidth === 'auto') : [];
+    },
+    fixedColumnSize() {
+      const {
+        collectColumn
+      } = this;
+      let fixedSize = 0;
+      collectColumn.forEach(column => {
         if (column.renderFixed) {
           fixedSize++;
         }
       });
       return fixedSize;
     },
-    isMaxFixedColumn: function isMaxFixedColumn() {
-      var maxFixedSize = this.columnOpts.maxFixedSize;
+    isMaxFixedColumn() {
+      const {
+        maxFixedSize
+      } = this.columnOpts;
       if (maxFixedSize) {
         return this.fixedColumnSize >= maxFixedSize;
       }
       return false;
     },
-    tableBorder: function tableBorder() {
-      var border = this.border;
+    tableBorder() {
+      const {
+        border
+      } = this;
       if (border === true) {
         return 'full';
       }
@@ -624,13 +635,17 @@ var _default = exports.default = {
     /**
      * 判断列全选的复选框是否禁用
      */
-    isAllCheckboxDisabled: function isAllCheckboxDisabled() {
-      var tableFullData = this.tableFullData,
-        tableData = this.tableData,
-        treeConfig = this.treeConfig,
-        checkboxOpts = this.checkboxOpts;
-      var strict = checkboxOpts.strict,
-        checkMethod = checkboxOpts.checkMethod;
+    isAllCheckboxDisabled() {
+      const {
+        tableFullData,
+        tableData,
+        treeConfig,
+        checkboxOpts
+      } = this;
+      const {
+        strict,
+        checkMethod
+      } = checkboxOpts;
       if (strict) {
         if (tableData.length || tableFullData.length) {
           if (checkMethod) {
@@ -638,176 +653,156 @@ var _default = exports.default = {
               // 暂时不支持树形结构
             }
             // 如果所有行都被禁用
-            return tableFullData.every(function (row) {
-              return !checkMethod({
-                row: row
-              });
-            });
+            return tableFullData.every(row => !checkMethod({
+              row
+            }));
           }
           return false;
         }
         return true;
       }
       return false;
+    },
+    tabsResizeFlag() {
+      const $xeTable = this;
+      const $xeTabs = $xeTable.$xeTabs;
+      return $xeTabs ? $xeTabs.reactData.resizeFlag : null;
     }
-  },
+  }),
   watch: {
-    data: function data(value) {
-      var _this = this;
-      var inited = this.inited,
-        initStatus = this.initStatus;
-      this.loadTableData(value).then(function () {
-        _this.inited = true;
-        _this.initStatus = true;
+    data(value) {
+      const {
+        inited,
+        initStatus
+      } = this;
+      this.loadTableData(value).then(() => {
+        this.inited = true;
+        this.initStatus = true;
         if (!initStatus) {
-          _this.handleLoadDefaults();
+          this.handleLoadDefaults();
         }
         if (!inited) {
-          _this.handleInitDefaults();
+          this.handleInitDefaults();
         }
         // const checkboxColumn = this.tableFullColumn.find(column => column.type === 'checkbox')
         // if (checkboxColumn && this.tableFullData.length > 300 && !this.checkboxOpts.checkField) {
         //   warnLog('vxe.error.checkProp', ['checkbox-config.checkField'])
         // }
-        if ((_this.scrollXLoad || _this.scrollYLoad) && _this.expandColumn) {
+        if ((this.scrollXLoad || this.scrollYLoad) && this.expandColumn) {
           (0, _log.warnLog)('vxe.error.scrollErrProp', ['column.type=expand']);
         }
-        _this.recalculate();
+        this.recalculate();
       });
     },
-    staticColumns: function staticColumns(value) {
+    staticColumns(value) {
       this.handleColumn(value);
     },
-    tableColumn: function tableColumn() {
+    tableColumn() {
       this.analyColumnWidth();
     },
-    upDataFlag: function upDataFlag() {
-      var _this2 = this;
-      this.$nextTick().then(function () {
-        return _this2.updateData();
-      });
+    upDataFlag() {
+      this.$nextTick().then(() => this.updateData());
     },
-    reColumnFlag: function reColumnFlag() {
-      var _this3 = this;
-      this.$nextTick().then(function () {
-        return _this3.refreshColumn();
-      });
+    reColumnFlag() {
+      this.$nextTick().then(() => this.refreshColumn());
     },
-    showHeader: function showHeader() {
-      var _this4 = this;
-      this.$nextTick(function () {
-        _this4.recalculate(true).then(function () {
-          return _this4.refreshScroll();
-        });
+    showHeader() {
+      this.$nextTick(() => {
+        this.recalculate(true).then(() => this.refreshScroll());
       });
     },
-    showFooter: function showFooter() {
-      var _this5 = this;
-      this.$nextTick(function () {
-        _this5.recalculate(true).then(function () {
-          return _this5.refreshScroll();
-        });
+    showFooter() {
+      this.$nextTick(() => {
+        this.recalculate(true).then(() => this.refreshScroll());
       });
     },
-    height: function height() {
-      var _this6 = this;
-      this.$nextTick(function () {
-        return _this6.recalculate(true);
-      });
+    height() {
+      this.$nextTick(() => this.recalculate(true));
     },
-    maxHeight: function maxHeight() {
-      var _this7 = this;
-      this.$nextTick(function () {
-        return _this7.recalculate(true);
-      });
+    maxHeight() {
+      this.$nextTick(() => this.recalculate(true));
     },
-    syncResize: function syncResize(value) {
-      var _this8 = this;
+    syncResize(value) {
       if (value) {
         handleUupdateResize(this);
-        this.$nextTick(function () {
-          handleUupdateResize(_this8);
-          setTimeout(function () {
-            return handleUupdateResize(_this8);
-          });
+        this.$nextTick(() => {
+          handleUupdateResize(this);
+          setTimeout(() => handleUupdateResize(this));
         });
       }
     },
-    mergeCells: function mergeCells(value) {
-      var _this9 = this;
+    tabsResizeFlag() {
+      this.handleGlobalResizeEvent();
+    },
+    mergeCells(value) {
       this.clearMergeCells();
-      this.$nextTick(function () {
-        return _this9.setMergeCells(value);
-      });
+      this.$nextTick(() => this.setMergeCells(value));
     },
-    mergeFooterItems: function mergeFooterItems(value) {
-      var _this10 = this;
+    mergeFooterItems(value) {
       this.clearMergeFooterItems();
-      this.$nextTick(function () {
-        return _this10.setMergeFooterItems(value);
-      });
+      this.$nextTick(() => this.setMergeFooterItems(value));
     }
   },
-  created: function created() {
-    var _this11 = this;
-    var _Object$assign = Object.assign(this, {
-        tZindex: 0,
-        elemStore: {},
-        // 存放横向 X 虚拟滚动相关的信息
-        scrollXStore: {},
-        // 存放纵向 Y 虚拟滚动相关信息
-        scrollYStore: {},
-        // 表格宽度
-        tableWidth: 0,
-        // 表格高度
-        tableHeight: 0,
-        // 表头高度
-        headerHeight: 0,
-        // 表尾高度
-        footerHeight: 0,
-        // 当前 hover 行
-        // hoverRow: null,
-        // 最后滚动位置
-        lastScrollLeft: 0,
-        lastScrollTop: 0,
-        // 单选框属性，已选中保留的行
-        radioReserveRow: null,
-        // 复选框属性，已选中保留的行
-        checkboxReserveRowMap: {},
-        // 行数据，已展开保留的行
-        rowExpandedReserveRowMap: {},
-        // 树结构数据，已展开保留的行
-        treeExpandedReserveRowMap: {},
-        // 完整数据、条件处理后
-        tableFullData: [],
-        afterFullData: [],
-        // 列表条件处理后数据集合
-        afterFullRowMaps: {},
-        // 收集的列配置（带分组）
-        collectColumn: [],
-        // 完整所有列（不带分组）
-        tableFullColumn: [],
-        // 渲染所有列
-        visibleColumn: [],
-        // 缓存数据集
-        fullAllDataRowMap: new Map(),
-        fullAllDataRowIdData: {},
-        fullDataRowMap: new Map(),
-        fullDataRowIdData: {},
-        fullColumnMap: new Map(),
-        fullColumnIdData: {},
-        fullColumnFieldData: {}
-      }),
-      scrollXStore = _Object$assign.scrollXStore,
-      sYOpts = _Object$assign.sYOpts,
-      scrollYStore = _Object$assign.scrollYStore,
-      data = _Object$assign.data,
-      editOpts = _Object$assign.editOpts,
-      treeOpts = _Object$assign.treeOpts,
-      treeConfig = _Object$assign.treeConfig,
-      showOverflow = _Object$assign.showOverflow,
-      rowOpts = _Object$assign.rowOpts;
-    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+  created() {
+    const {
+      scrollXStore,
+      sYOpts,
+      scrollYStore,
+      data,
+      editOpts,
+      treeOpts,
+      treeConfig,
+      showOverflow,
+      rowOpts
+    } = Object.assign(this, {
+      tZindex: 0,
+      elemStore: {},
+      // 存放横向 X 虚拟滚动相关的信息
+      scrollXStore: {},
+      // 存放纵向 Y 虚拟滚动相关信息
+      scrollYStore: {},
+      // 表格宽度
+      tableWidth: 0,
+      // 表格高度
+      tableHeight: 0,
+      // 表头高度
+      headerHeight: 0,
+      // 表尾高度
+      footerHeight: 0,
+      // 当前 hover 行
+      // hoverRow: null,
+      // 最后滚动位置
+      lastScrollLeft: 0,
+      lastScrollTop: 0,
+      // 单选框属性，已选中保留的行
+      radioReserveRow: null,
+      // 复选框属性，已选中保留的行
+      checkboxReserveRowMap: {},
+      // 行数据，已展开保留的行
+      rowExpandedReserveRowMap: {},
+      // 树结构数据，已展开保留的行
+      treeExpandedReserveRowMap: {},
+      // 完整数据、条件处理后
+      tableFullData: [],
+      afterFullData: [],
+      // 列表条件处理后数据集合
+      afterFullRowMaps: {},
+      // 收集的列配置（带分组）
+      collectColumn: [],
+      // 完整所有列（不带分组）
+      tableFullColumn: [],
+      // 渲染所有列
+      visibleColumn: [],
+      // 缓存数据集
+      fullAllDataRowMap: new Map(),
+      fullAllDataRowIdData: {},
+      fullDataRowMap: new Map(),
+      fullDataRowIdData: {},
+      fullColumnMap: new Map(),
+      fullColumnIdData: {},
+      fullColumnFieldData: {}
+    });
+    if (process.env.NODE_ENV === 'development') {
       if (this.rowId) {
         (0, _log.warnLog)('vxe.error.delProp', ['row-id', 'row-config.keyField']);
       }
@@ -848,23 +843,21 @@ var _default = exports.default = {
       //   warnLog('vxe.error.delProp', ['highlight-hover-column', 'column-config.isHover'])
       // }
       // 检查导入导出类型，如果自定义导入导出方法，则不校验类型
-      var exportConfig = this.exportConfig,
-        exportOpts = this.exportOpts,
-        importConfig = this.importConfig,
-        importOpts = this.importOpts;
+      const {
+        exportConfig,
+        exportOpts,
+        importConfig,
+        importOpts
+      } = this;
       if (importConfig && importOpts.types && !importOpts.importMethod && !_xeUtils.default.includeArrays(_xeUtils.default.keys(importOpts._typeMaps), importOpts.types)) {
-        (0, _log.warnLog)('vxe.error.errProp', ["export-config.types=".concat(importOpts.types.join(',')), importOpts.types.filter(function (type) {
-          return _xeUtils.default.includes(_xeUtils.default.keys(importOpts._typeMaps), type);
-        }).join(',') || _xeUtils.default.keys(importOpts._typeMaps).join(',')]);
+        (0, _log.warnLog)('vxe.error.errProp', [`export-config.types=${importOpts.types.join(',')}`, importOpts.types.filter(type => _xeUtils.default.includes(_xeUtils.default.keys(importOpts._typeMaps), type)).join(',') || _xeUtils.default.keys(importOpts._typeMaps).join(',')]);
       }
       if (exportConfig && exportOpts.types && !exportOpts.exportMethod && !_xeUtils.default.includeArrays(_xeUtils.default.keys(exportOpts._typeMaps), exportOpts.types)) {
-        (0, _log.warnLog)('vxe.error.errProp', ["export-config.types=".concat(exportOpts.types.join(',')), exportOpts.types.filter(function (type) {
-          return _xeUtils.default.includes(_xeUtils.default.keys(exportOpts._typeMaps), type);
-        }).join(',') || _xeUtils.default.keys(exportOpts._typeMaps).join(',')]);
+        (0, _log.warnLog)('vxe.error.errProp', [`export-config.types=${exportOpts.types.join(',')}`, exportOpts.types.filter(type => _xeUtils.default.includes(_xeUtils.default.keys(exportOpts._typeMaps), type)).join(',') || _xeUtils.default.keys(exportOpts._typeMaps).join(',')]);
       }
     }
-    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-      var customOpts = this.customOpts;
+    if (process.env.NODE_ENV === 'development') {
+      const customOpts = this.customOpts;
       if (!this.id && this.customConfig && (customOpts.storage === true || customOpts.storage && customOpts.storage.resizable || customOpts.storage && customOpts.storage.visible)) {
         (0, _log.errLog)('vxe.error.reqProp', ['id']);
       }
@@ -903,37 +896,37 @@ var _default = exports.default = {
       }
     }
     // v4 中只支持对象类型
-    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+    if (process.env.NODE_ENV === 'development') {
       // 在 v3.0 中废弃 context-menu
       if (this.contextMenu) {
         (0, _log.warnLog)('vxe.error.delProp', ['context-menu', 'menu-config']);
         if (!_xeUtils.default.isObject(this.contextMenu)) {
-          (0, _log.warnLog)('vxe.error.errProp', ["table.context-menu=".concat(this.contextMenu), 'table.context-menu={}']);
+          (0, _log.warnLog)('vxe.error.errProp', [`table.context-menu=${this.contextMenu}`, 'table.context-menu={}']);
         }
       }
       if (this.menuConfig && !_xeUtils.default.isObject(this.menuConfig)) {
-        (0, _log.warnLog)('vxe.error.errProp', ["table.menu-config=".concat(this.menuConfig), 'table.menu-config={}']);
+        (0, _log.warnLog)('vxe.error.errProp', [`table.menu-config=${this.menuConfig}`, 'table.menu-config={}']);
       }
       if (this.exportConfig && !_xeUtils.default.isObject(this.exportConfig)) {
-        (0, _log.warnLog)('vxe.error.errProp', ["table.export-config=".concat(this.exportConfig), 'table.export-config={}']);
+        (0, _log.warnLog)('vxe.error.errProp', [`table.export-config=${this.exportConfig}`, 'table.export-config={}']);
       }
       if (this.importConfig && !_xeUtils.default.isObject(this.importConfig)) {
-        (0, _log.warnLog)('vxe.error.errProp', ["table.import-config=".concat(this.importConfig), 'table.import-config={}']);
+        (0, _log.warnLog)('vxe.error.errProp', [`table.import-config=${this.importConfig}`, 'table.import-config={}']);
       }
       if (this.printConfig && !_xeUtils.default.isObject(this.printConfig)) {
-        (0, _log.warnLog)('vxe.error.errProp', ["table.print-config=".concat(this.printConfig), 'table.print-config={}']);
+        (0, _log.warnLog)('vxe.error.errProp', [`table.print-config=${this.printConfig}`, 'table.print-config={}']);
       }
       if (this.treeConfig && !_xeUtils.default.isObject(this.treeConfig)) {
-        (0, _log.warnLog)('vxe.error.errProp', ["table.tree-config=".concat(this.treeConfig), 'table.tree-config={}']);
+        (0, _log.warnLog)('vxe.error.errProp', [`table.tree-config=${this.treeConfig}`, 'table.tree-config={}']);
       }
       if (this.customConfig && !_xeUtils.default.isObject(this.customConfig)) {
-        (0, _log.warnLog)('vxe.error.errProp', ["table.custom-config=".concat(this.customConfig), 'table.custom-config={}']);
+        (0, _log.warnLog)('vxe.error.errProp', [`table.custom-config=${this.customConfig}`, 'table.custom-config={}']);
       }
       if (this.editConfig && !_xeUtils.default.isObject(this.editConfig)) {
-        (0, _log.warnLog)('vxe.error.errProp', ["table.edit-config=".concat(this.editConfig), 'table.edit-config={}']);
+        (0, _log.warnLog)('vxe.error.errProp', [`table.edit-config=${this.editConfig}`, 'table.edit-config={}']);
       }
       if (this.emptyRender && !_xeUtils.default.isObject(this.emptyRender)) {
-        (0, _log.warnLog)('vxe.error.errProp', ["table.empty-render=".concat(this.emptyRender), 'table.empty-render={}']);
+        (0, _log.warnLog)('vxe.error.errProp', [`table.empty-render=${this.emptyRender}`, 'table.empty-render={}']);
       }
       if (this.editConfig && this.editOpts.activeMethod) {
         (0, _log.warnLog)('vxe.error.delProp', ['table.edit-config.activeMethod', 'table.edit-config.beforeEditMethod']);
@@ -946,7 +939,7 @@ var _default = exports.default = {
       }
     }
     // 检查是否有安装需要的模块
-    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+    if (process.env.NODE_ENV === 'development') {
       if (this.editConfig && !this._insert) {
         (0, _log.errLog)('vxe.error.reqModule', ['Edit']);
       }
@@ -971,14 +964,14 @@ var _default = exports.default = {
       endIndex: 1,
       visibleSize: 0
     });
-    this.loadTableData(data).then(function () {
+    this.loadTableData(data).then(() => {
       if (data && data.length) {
-        _this11.inited = true;
-        _this11.initStatus = true;
-        _this11.handleLoadDefaults();
-        _this11.handleInitDefaults();
+        this.inited = true;
+        this.initStatus = true;
+        this.handleLoadDefaults();
+        this.handleInitDefaults();
       }
-      _this11.updateStyle();
+      this.updateStyle();
     });
     globalEvents.on(this, 'paste', this.handleGlobalPasteEvent);
     globalEvents.on(this, 'copy', this.handleGlobalCopyEvent);
@@ -991,10 +984,13 @@ var _default = exports.default = {
     globalEvents.on(this, 'contextmenu', this.handleGlobalContextmenuEvent);
     this.preventEvent(null, 'created');
   },
-  mounted: function mounted() {
-    var _this12 = this;
-    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-      var $listeners = this.$listeners;
+  mounted() {
+    const $xeTable = this;
+    const props = $xeTable;
+    if (process.env.NODE_ENV === 'development') {
+      const {
+        $listeners
+      } = this;
       if (!this.menuConfig && ($listeners['menu-click'] || $listeners['cell-menu'] || $listeners['header-cell-menu'] || $listeners['footer-cell-menu'])) {
         (0, _log.warnLog)('vxe.error.reqProp', ['menu-config']);
       }
@@ -1002,20 +998,35 @@ var _default = exports.default = {
         (0, _log.warnLog)('vxe.error.reqProp', ['tooltip-config']);
       }
     }
+    if (process.env.NODE_ENV === 'development') {
+      // 使用已安装的组件，如果未安装则不渲染
+      const VxeUILoadingComponent = _ui.VxeUI.getComponent('VxeLoading');
+      const VxeUITooltipComponent = _ui.VxeUI.getComponent('VxeTooltip');
+      $xeTable.$nextTick(() => {
+        if (props.loading) {
+          if (!VxeUILoadingComponent) {
+            (0, _log.errLog)('vxe.error.reqComp', ['vxe-loading']);
+          }
+        }
+        if (props.showOverflow === true || props.showOverflow === 'tooltip' || props.showHeaderOverflow === true || props.showHeaderOverflow === 'tooltip' || props.showFooterOverflow === true || props.showFooterOverflow === 'tooltip' || props.tooltipConfig || props.editRules) {
+          if (!VxeUITooltipComponent) {
+            (0, _log.errLog)('vxe.error.reqComp', ['vxe-tooltip']);
+          }
+        }
+      });
+    }
     if (this.autoResize) {
-      var handleWrapperResize = this.resizeOpts.refreshDelay ? _xeUtils.default.throttle(function () {
-        return _this12.recalculate(true);
-      }, this.resizeOpts.refreshDelay, {
+      const handleWrapperResize = this.resizeOpts.refreshDelay ? _xeUtils.default.throttle(() => this.recalculate(true), this.resizeOpts.refreshDelay, {
         leading: true,
         trailing: true
       }) : null;
-      var resizeObserver = globalResize.create(handleWrapperResize ? function () {
-        if (_this12.autoResize) {
-          requestAnimationFrame(handleWrapperResize);
+      const resizeObserver = globalResize.create(handleWrapperResize ? () => {
+        if (this.autoResize) {
+          handleWrapperResize();
         }
-      } : function () {
-        if (_this12.autoResize) {
-          _this12.recalculate(true);
+      } : () => {
+        if (this.autoResize) {
+          this.recalculate(true);
         }
       });
       resizeObserver.observe(this.$el);
@@ -1024,17 +1035,14 @@ var _default = exports.default = {
     }
     this.preventEvent(null, 'mounted');
   },
-  activated: function activated() {
-    var _this13 = this;
-    this.recalculate().then(function () {
-      return _this13.refreshScroll();
-    });
+  activated() {
+    this.recalculate().then(() => this.refreshScroll());
     this.preventEvent(null, 'activated');
   },
-  deactivated: function deactivated() {
+  deactivated() {
     this.preventEvent(null, 'deactivated');
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeDestroy() {
     if (this.$resize) {
       this.$resize.disconnect();
     }
@@ -1042,7 +1050,7 @@ var _default = exports.default = {
     this.closeMenu();
     this.preventEvent(null, 'beforeDestroy');
   },
-  destroyed: function destroyed() {
+  destroyed() {
     globalEvents.off(this, 'paste');
     globalEvents.off(this, 'copy');
     globalEvents.off(this, 'cut');
@@ -1054,56 +1062,89 @@ var _default = exports.default = {
     globalEvents.off(this, 'contextmenu');
     this.preventEvent(null, 'destroyed');
   },
-  render: function render(h) {
-    var _ref;
-    var _e = this._e,
-      $scopedSlots = this.$scopedSlots,
-      tId = this.tId,
-      isCalcColumn = this.isCalcColumn,
-      tableData = this.tableData,
-      tableColumn = this.tableColumn,
-      tableGroupColumn = this.tableGroupColumn,
-      isGroup = this.isGroup,
-      loading = this.loading,
-      stripe = this.stripe,
-      showHeader = this.showHeader,
-      height = this.height,
-      tableBorder = this.tableBorder,
-      treeOpts = this.treeOpts,
-      treeConfig = this.treeConfig,
-      mouseConfig = this.mouseConfig,
-      mouseOpts = this.mouseOpts,
-      vSize = this.vSize,
-      validOpts = this.validOpts,
-      showFooter = this.showFooter,
-      overflowX = this.overflowX,
-      overflowY = this.overflowY,
-      scrollXLoad = this.scrollXLoad,
-      scrollYLoad = this.scrollYLoad,
-      scrollbarHeight = this.scrollbarHeight,
-      highlightCell = this.highlightCell,
-      highlightHoverRow = this.highlightHoverRow,
-      highlightHoverColumn = this.highlightHoverColumn,
-      editConfig = this.editConfig,
-      validTipOpts = this.validTipOpts,
-      initStore = this.initStore,
-      columnStore = this.columnStore,
-      filterStore = this.filterStore,
-      customStore = this.customStore,
-      ctxMenuStore = this.ctxMenuStore,
-      ctxMenuOpts = this.ctxMenuOpts,
-      footerTableData = this.footerTableData,
-      hasTip = this.hasTip,
-      columnOpts = this.columnOpts,
-      rowOpts = this.rowOpts,
-      checkboxOpts = this.checkboxOpts,
-      loadingOpts = this.loadingOpts,
-      editRules = this.editRules;
-    var leftList = columnStore.leftList,
-      rightList = columnStore.rightList;
-    var currLoading = this._isLoading || loading;
+  render(h) {
+    // 使用已安装的组件，如果未安装则不渲染
+    const VxeUILoadingComponent = _ui.VxeUI.getComponent('VxeLoading');
+    const VxeUITooltipComponent = _ui.VxeUI.getComponent('VxeTooltip');
+    const {
+      _e,
+      $scopedSlots,
+      tId,
+      isCalcColumn,
+      tableData,
+      tableColumn,
+      tableGroupColumn,
+      isGroup,
+      loading,
+      stripe,
+      showHeader,
+      height,
+      tableBorder,
+      treeOpts,
+      treeConfig,
+      mouseConfig,
+      mouseOpts,
+      computeSize,
+      validOpts,
+      showFooter,
+      overflowX,
+      overflowY,
+      scrollXLoad,
+      scrollYLoad,
+      scrollbarHeight,
+      highlightCell,
+      highlightHoverRow,
+      highlightHoverColumn,
+      editConfig,
+      validTipOpts,
+      initStore,
+      columnStore,
+      filterStore,
+      customStore,
+      ctxMenuStore,
+      ctxMenuOpts,
+      footerTableData,
+      columnOpts,
+      rowOpts,
+      checkboxOpts,
+      loadingOpts,
+      editRules
+    } = this;
+    const {
+      leftList,
+      rightList
+    } = columnStore;
+    const currLoading = this._isLoading || loading;
+    const vSize = computeSize;
     return h('div', {
-      class: ['vxe-table', 'vxe-table--render-default', "tid_".concat(tId), vSize ? "size--".concat(vSize) : '', "border--".concat(tableBorder), (_ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "valid-msg--".concat(validOpts.msgMode), !!editRules), 'vxe-editable', !!editConfig), 'old-cell-valid', editRules && getConfig().cellVaildMode === 'obsolete'), 'cell--highlight', highlightCell), 'cell--selected', mouseConfig && mouseOpts.selected), 'cell--area', mouseConfig && mouseOpts.area), 'row--highlight', rowOpts.isHover || highlightHoverRow), 'column--highlight', columnOpts.isHover || highlightHoverColumn), 'checkbox--range', checkboxOpts.range), 'column--calc', isCalcColumn), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, 'is--header', showHeader), 'is--footer', showFooter), 'is--group', isGroup), 'is--tree-line', treeConfig && (treeOpts.showLine || treeOpts.line)), 'is--fixed-left', leftList.length), 'is--fixed-right', rightList.length), 'is--animat', !!this.animat), 'is--round', this.round), 'is--stripe', !treeConfig && stripe), 'is--loading', currLoading), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, 'is--empty', !currLoading && !tableData.length), 'is--scroll-y', overflowY), 'is--scroll-x', overflowX), 'is--virtual-x', scrollXLoad), 'is--virtual-y', scrollYLoad))],
+      class: ['vxe-table', 'vxe-table--render-default', `tid_${tId}`, vSize ? `size--${vSize}` : '', `border--${tableBorder}`, {
+        [`valid-msg--${validOpts.msgMode}`]: !!editRules,
+        'vxe-editable': !!editConfig,
+        'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete',
+        'cell--highlight': highlightCell,
+        'cell--selected': mouseConfig && mouseOpts.selected,
+        'cell--area': mouseConfig && mouseOpts.area,
+        'row--highlight': rowOpts.isHover || highlightHoverRow,
+        'column--highlight': columnOpts.isHover || highlightHoverColumn,
+        'checkbox--range': checkboxOpts.range,
+        'column--calc': isCalcColumn,
+        'is--header': showHeader,
+        'is--footer': showFooter,
+        'is--group': isGroup,
+        'is--tree-line': treeConfig && (treeOpts.showLine || treeOpts.line),
+        'is--fixed-left': leftList.length,
+        'is--fixed-right': rightList.length,
+        'is--animat': !!this.animat,
+        'is--padding': this.padding,
+        'is--round': this.round,
+        'is--stripe': !treeConfig && stripe,
+        'is--loading': currLoading,
+        'is--empty': !currLoading && !tableData.length,
+        'is--scroll-y': overflowY,
+        'is--scroll-x': overflowX,
+        'is--virtual-x': scrollXLoad,
+        'is--virtual-y': scrollYLoad
+      }],
       attrs: {
         spellcheck: false
       },
@@ -1128,9 +1169,9 @@ var _default = exports.default = {
     showHeader ? h(_header.default, {
       ref: 'tableHeader',
       props: {
-        tableData: tableData,
-        tableColumn: tableColumn,
-        tableGroupColumn: tableGroupColumn,
+        tableData,
+        tableColumn,
+        tableGroupColumn,
         size: vSize
       }
     }) : _e(),
@@ -1140,8 +1181,8 @@ var _default = exports.default = {
     h(_body.default, {
       ref: 'tableBody',
       props: {
-        tableData: tableData,
-        tableColumn: tableColumn,
+        tableData,
+        tableColumn,
         size: vSize
       }
     }),
@@ -1151,8 +1192,8 @@ var _default = exports.default = {
     showFooter ? h(_footer.default, {
       ref: 'tableFooter',
       props: {
-        footerTableData: footerTableData,
-        tableColumn: tableColumn,
+        footerTableData,
+        tableColumn,
         size: vSize
       }
     }) : _e()]), h('div', {
@@ -1187,28 +1228,28 @@ var _default = exports.default = {
     h('div', {
       class: 'vxe-table--resizable-bar',
       style: overflowX ? {
-        'padding-bottom': "".concat(scrollbarHeight, "px")
+        'padding-bottom': `${scrollbarHeight}px`
       } : {},
       ref: 'resizeBar'
     }),
     /**
      * 加载中
      */
-    h('vxe-loading', {
+    VxeUILoadingComponent ? h(VxeUILoadingComponent, {
       class: 'vxe-table--loading',
       props: {
         value: currLoading,
         icon: loadingOpts.icon,
         text: loadingOpts.text
       }
-    }, this.callSlot($scopedSlots.loading, {}, h)),
+    }, this.callSlot($scopedSlots.loading, {}, h)) : _e(),
     /**
      * 自定义列
      */
     initStore.custom ? h(_panel.default, {
       ref: 'customWrapper',
       props: {
-        customStore: customStore
+        customStore
       }
     }) : _e(),
     /**
@@ -1217,7 +1258,7 @@ var _default = exports.default = {
     initStore.filter ? h(_panel2.default, {
       ref: 'filterWrapper',
       props: {
-        filterStore: filterStore
+        filterStore
       }
     }) : _e(),
     /**
@@ -1244,14 +1285,14 @@ var _default = exports.default = {
     ctxMenuStore.visible && this.isCtxMenu ? h(_panel3.default, {
       ref: 'ctxWrapper',
       props: {
-        ctxMenuStore: ctxMenuStore,
-        ctxMenuOpts: ctxMenuOpts
+        ctxMenuStore,
+        ctxMenuOpts
       }
     }) : _e(), h('div', {}, [
     /**
      * 通用提示
      */
-    hasTip ? h('vxe-tooltip', {
+    VxeUITooltipComponent ? h(VxeUITooltipComponent, {
       ref: 'commTip',
       props: {
         isArrow: false,
@@ -1261,14 +1302,14 @@ var _default = exports.default = {
     /**
      * 工具提示
      */
-    hasTip ? h('vxe-tooltip', {
+    VxeUITooltipComponent ? h(VxeUITooltipComponent, {
       ref: 'tooltip',
       props: Object.assign({}, this.tipConfig, this.tooltipStore.currOpts)
     }) : _e(),
     /**
      * 校验提示
      */
-    hasTip && this.editRules && validOpts.showMessage && (validOpts.message === 'default' ? !height : validOpts.message === 'tooltip') ? h('vxe-tooltip', {
+    VxeUITooltipComponent && this.editRules && validOpts.showMessage && (validOpts.message === 'default' ? !height : validOpts.message === 'tooltip') ? h(VxeUITooltipComponent, {
       ref: 'validTip',
       class: [{
         'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete'