vxe-table 3.12.9 → 3.12.10-beta.1

package/lib/table/src/props.js

@@ -243,11 +243,17 @@ var _default = exports.default = {
   // 空内容渲染配置项
   emptyRender: [Boolean, Object],
   // 自定义列配置项
-  customConfig: [Boolean, Object],
-  // 横向虚拟滚动配置项
+  customConfig: Object,
+  // （即将废弃）横向虚拟滚动配置项
   scrollX: Object,
-  // 纵向虚拟滚动配置项
+  // （即将废弃）纵向虚拟滚动配置项
   scrollY: Object,
+  // 横向虚拟滚动配置项
+  virtualXConfig: Object,
+  // 纵向虚拟滚动配置项
+  virtualYConfig: Object,
+  // 滚动条配置项
+  scrollbarConfig: Object,
   // （即将废弃）优化相关
   animat: {
     type: Boolean,

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../ui");let getConfig=_ui.VxeUI.getConfig;var _default=exports.default={id:[String,Function],data:Array,height:[Number,String],minHeight:{type:[Number,String],default:()=>getConfig().table.minHeight},maxHeight:[Number,String],resizable:{type:Boolean,default:()=>getConfig().table.resizable},stripe:{type:Boolean,default:()=>getConfig().table.stripe},border:{type:[Boolean,String],default:()=>getConfig().table.border},padding:{type:Boolean,default:()=>getConfig().table.padding},round:{type:Boolean,default:()=>getConfig().table.round},size:{type:String,default:()=>getConfig().table.size||getConfig().size},fit:{type:Boolean,default:()=>getConfig().table.fit},loading:Boolean,align:{type:String,default:()=>getConfig().table.align},headerAlign:{type:String,default:()=>getConfig().table.headerAlign},footerAlign:{type:String,default:()=>getConfig().table.footerAlign},showHeader:{type:Boolean,default:()=>getConfig().table.showHeader},highlightCurrentRow:{type:Boolean,default:()=>getConfig().table.highlightCurrentRow},highlightHoverRow:{type:Boolean,default:()=>getConfig().table.highlightHoverRow},highlightCurrentColumn:{type:Boolean,default:()=>getConfig().table.highlightCurrentColumn},highlightHoverColumn:{type:Boolean,default:()=>getConfig().table.highlightHoverColumn},highlightCell:Boolean,showFooter:Boolean,footerData:Array,footerMethod:Function,rowClassName:[String,Function],cellClassName:[String,Function],headerRowClassName:[String,Function],headerCellClassName:[String,Function],footerRowClassName:[String,Function],footerCellClassName:[String,Function],cellStyle:[Object,Function],headerCellStyle:[Object,Function],footerCellStyle:[Object,Function],rowStyle:[Object,Function],headerRowStyle:[Object,Function],footerRowStyle:[Object,Function],mergeCells:Array,mergeFooterItems:Array,spanMethod:Function,footerSpanMethod:Function,showOverflow:{type:[Boolean,String],default:()=>getConfig().table.showOverflow},showHeaderOverflow:{type:[Boolean,String],default:()=>getConfig().table.showHeaderOverflow},showFooterOverflow:{type:[Boolean,String],default:()=>getConfig().table.showFooterOverflow},columnKey:Boolean,rowKey:Boolean,rowId:{type:String,default:()=>getConfig().table.rowId},zIndex:Number,emptyText:{type:String,default:()=>getConfig().table.emptyText},keepSource:{type:Boolean,default:()=>getConfig().table.keepSource},autoResize:{type:Boolean,default:()=>getConfig().table.autoResize},syncResize:[Boolean,String,Number],resizeConfig:Object,columnConfig:Object,cellConfig:Object,rowConfig:Object,dragConfig:Object,rowDragConfig:Object,columnDragConfig:Object,resizableConfig:Object,seqConfig:Object,sortConfig:Object,filterConfig:Object,radioConfig:Object,checkboxConfig:Object,tooltipConfig:Object,exportConfig:[Boolean,Object],importConfig:[Boolean,Object],printConfig:Object,expandConfig:Object,treeConfig:[Boolean,Object],menuConfig:[Boolean,Object],contextMenu:[Boolean,Object],mouseConfig:Object,areaConfig:Object,keyboardConfig:Object,clipConfig:Object,fnrConfig:Object,editConfig:[Boolean,Object],validConfig:Object,editRules:Object,loadingConfig:Object,emptyRender:[Boolean,Object],customConfig:[Boolean,Object],scrollX:Object,scrollY:Object,animat:{type:Boolean,default:()=>getConfig().table.animat},delayHover:{type:Number,default:()=>getConfig().table.delayHover},params:Object};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../ui");let getConfig=_ui.VxeUI.getConfig;var _default=exports.default={id:[String,Function],data:Array,height:[Number,String],minHeight:{type:[Number,String],default:()=>getConfig().table.minHeight},maxHeight:[Number,String],resizable:{type:Boolean,default:()=>getConfig().table.resizable},stripe:{type:Boolean,default:()=>getConfig().table.stripe},border:{type:[Boolean,String],default:()=>getConfig().table.border},padding:{type:Boolean,default:()=>getConfig().table.padding},round:{type:Boolean,default:()=>getConfig().table.round},size:{type:String,default:()=>getConfig().table.size||getConfig().size},fit:{type:Boolean,default:()=>getConfig().table.fit},loading:Boolean,align:{type:String,default:()=>getConfig().table.align},headerAlign:{type:String,default:()=>getConfig().table.headerAlign},footerAlign:{type:String,default:()=>getConfig().table.footerAlign},showHeader:{type:Boolean,default:()=>getConfig().table.showHeader},highlightCurrentRow:{type:Boolean,default:()=>getConfig().table.highlightCurrentRow},highlightHoverRow:{type:Boolean,default:()=>getConfig().table.highlightHoverRow},highlightCurrentColumn:{type:Boolean,default:()=>getConfig().table.highlightCurrentColumn},highlightHoverColumn:{type:Boolean,default:()=>getConfig().table.highlightHoverColumn},highlightCell:Boolean,showFooter:Boolean,footerData:Array,footerMethod:Function,rowClassName:[String,Function],cellClassName:[String,Function],headerRowClassName:[String,Function],headerCellClassName:[String,Function],footerRowClassName:[String,Function],footerCellClassName:[String,Function],cellStyle:[Object,Function],headerCellStyle:[Object,Function],footerCellStyle:[Object,Function],rowStyle:[Object,Function],headerRowStyle:[Object,Function],footerRowStyle:[Object,Function],mergeCells:Array,mergeFooterItems:Array,spanMethod:Function,footerSpanMethod:Function,showOverflow:{type:[Boolean,String],default:()=>getConfig().table.showOverflow},showHeaderOverflow:{type:[Boolean,String],default:()=>getConfig().table.showHeaderOverflow},showFooterOverflow:{type:[Boolean,String],default:()=>getConfig().table.showFooterOverflow},columnKey:Boolean,rowKey:Boolean,rowId:{type:String,default:()=>getConfig().table.rowId},zIndex:Number,emptyText:{type:String,default:()=>getConfig().table.emptyText},keepSource:{type:Boolean,default:()=>getConfig().table.keepSource},autoResize:{type:Boolean,default:()=>getConfig().table.autoResize},syncResize:[Boolean,String,Number],resizeConfig:Object,columnConfig:Object,cellConfig:Object,rowConfig:Object,dragConfig:Object,rowDragConfig:Object,columnDragConfig:Object,resizableConfig:Object,seqConfig:Object,sortConfig:Object,filterConfig:Object,radioConfig:Object,checkboxConfig:Object,tooltipConfig:Object,exportConfig:[Boolean,Object],importConfig:[Boolean,Object],printConfig:Object,expandConfig:Object,treeConfig:[Boolean,Object],menuConfig:[Boolean,Object],contextMenu:[Boolean,Object],mouseConfig:Object,areaConfig:Object,keyboardConfig:Object,clipConfig:Object,fnrConfig:Object,editConfig:[Boolean,Object],validConfig:Object,editRules:Object,loadingConfig:Object,emptyRender:[Boolean,Object],customConfig:Object,scrollX:Object,scrollY:Object,virtualXConfig:Object,virtualYConfig:Object,scrollbarConfig:Object,animat:{type:Boolean,default:()=>getConfig().table.animat},delayHover:{type:Number,default:()=>getConfig().table.delayHover},params:Object};

package/lib/table/src/table.js

@@ -58,10 +58,11 @@ function renderFixed(h, $xetable, fixedType) {
     columnStore,
     footerTableData
   } = $xetable;
+  const isFixedLeft = fixedType === 'left';
   const fixedColumn = columnStore[`${fixedType}List`];
   return h('div', {
-    class: `vxe-table--fixed-${fixedType}-wrapper`,
-    ref: `${fixedType}Container`
+    ref: isFixedLeft ? 'refLeftContainer' : 'refRightContainer',
+    class: `vxe-table--fixed-${fixedType}-wrapper`
   }, [showHeader ? h(_header.default, {
     props: {
       fixedType,
@@ -215,7 +216,9 @@ var _default = exports.default = {
     }
   },
   data() {
+    const xID = _xeUtils.default.uniqueId();
     return {
+      xID,
       tId: `${_xeUtils.default.uniqueId()}`,
       isCalcColumn: false,
       // 低性能的静态列
@@ -436,7 +439,7 @@ var _default = exports.default = {
       dragCol: null,
       dragTipText: '',
       _isResize: false,
-      _isLoading: false
+      isLoading: false
     };
   },
   computed: Object.assign(Object.assign({}, {}), {
@@ -469,7 +472,7 @@ var _default = exports.default = {
       return this.computeSXOpts;
     },
     computeSXOpts() {
-      return Object.assign({}, getConfig().table.scrollX, this.scrollX);
+      return this.computeVirtualXOpts;
     },
     computeScrollXThreshold() {
       const $xeTable = this;
@@ -486,7 +489,22 @@ var _default = exports.default = {
       return this.computeSYOpts;
     },
     computeSYOpts() {
-      return Object.assign({}, getConfig().table.scrollY, this.scrollY);
+      return this.computeVirtualYOpts;
+    },
+    computeVirtualXOpts() {
+      const $xeTable = this;
+      const props = $xeTable;
+      return Object.assign({}, getConfig().table.scrollX, getConfig().table.virtualXConfig, props.scrollX, props.virtualXConfig);
+    },
+    computeVirtualYOpts() {
+      const $xeTable = this;
+      const props = $xeTable;
+      return Object.assign({}, getConfig().table.scrollY, getConfig().table.virtualYConfig, props.scrollY, props.virtualYConfig);
+    },
+    computeScrollbarOpts() {
+      const $xeTable = this;
+      const props = $xeTable;
+      return Object.assign({}, getConfig().table.scrollbarConfig, props.scrollbarConfig);
     },
     computeScrollYThreshold() {
       const $xeTable = this;
@@ -510,6 +528,12 @@ var _default = exports.default = {
         mini: 36
       };
     },
+    computeDefaultRowHeight() {
+      const $xeTable = this;
+      const vSize = $xeTable.computeSize;
+      const rowHeightMaps = $xeTable.computeRowHeightMaps;
+      return rowHeightMaps[vSize || 'default'];
+    },
     columnOpts() {
       return this.computeColumnOpts;
     },
@@ -657,6 +681,38 @@ var _default = exports.default = {
     computeMenuOpts() {
       return Object.assign({}, getConfig().table.menuConfig, this.contextMenu, this.menuConfig);
     },
+    computeLeftFixedWidth() {
+      const $xeTable = this;
+      const reactData = $xeTable;
+      const {
+        columnStore
+      } = reactData;
+      const {
+        leftList
+      } = columnStore;
+      let leftWidth = 0;
+      for (let i = 0; i < leftList.length; i++) {
+        const column = leftList[i];
+        leftWidth += column.renderWidth;
+      }
+      return leftWidth;
+    },
+    computeRightFixedWidth() {
+      const $xeTable = this;
+      const reactData = $xeTable;
+      const {
+        columnStore
+      } = reactData;
+      const {
+        rightList
+      } = columnStore;
+      let leftWidth = 0;
+      for (let i = 0; i < rightList.length; i++) {
+        const column = rightList[i];
+        leftWidth += column.renderWidth;
+      }
+      return leftWidth;
+    },
     exportOpts() {
       return this.computeExportOpts;
     },
@@ -699,7 +755,7 @@ var _default = exports.default = {
     computeLoadingOpts() {
       return Object.assign({}, getConfig().table.loadingConfig, this.loadingConfig);
     },
-    cellOffsetWidth() {
+    computeCellOffsetWidth() {
       return this.border ? Math.max(2, Math.ceil(this.scrollbarWidth / this.tableColumn.length)) : 1;
     },
     customOpts() {
@@ -911,16 +967,21 @@ var _default = exports.default = {
       elemStore: {},
       // 存放横向 X 虚拟滚动相关的信息
       scrollXStore: {
+        preloadSize: 0,
         offsetSize: 0,
         visibleSize: 0,
+        visibleStartIndex: 0,
+        visibleEndIndex: 0,
         startIndex: 0,
         endIndex: 0
       },
       // 存放纵向 Y 虚拟滚动相关信息
       scrollYStore: {
-        rowHeight: 0,
+        preloadSize: 0,
         offsetSize: 0,
         visibleSize: 0,
+        visibleStartIndex: 0,
+        visibleEndIndex: 0,
         startIndex: 0,
         endIndex: 0
       },
@@ -962,7 +1023,10 @@ var _default = exports.default = {
       fullDataRowIdData: {},
       fullColumnMap: new Map(),
       fullColumnIdData: {},
-      fullColumnFieldData: {}
+      fullColumnFieldData: {},
+      swYSize: 0,
+      swYInterval: 0,
+      swYTotal: 0
     });
     if (process.env.NODE_ENV === 'development') {
       if (this.rowId) {
@@ -1236,65 +1300,69 @@ var _default = exports.default = {
     const VxeUITooltipComponent = _ui.VxeUI.getComponent('VxeTooltip');
     const $xeTable = this;
     const $xeGrid = $xeTable.$xeGrid;
+    const props = $xeTable;
+    const slots = $xeTable.$scopedSlots;
+    const reactData = $xeTable;
+    const {
+      xID
+    } = $xeTable;
     const {
-      _e,
-      $scopedSlots,
-      tId,
-      isCalcColumn,
-      tableData,
-      tableColumn,
-      tableGroupColumn,
-      isGroup,
       loading,
       stripe,
       showHeader,
       height,
-      treeOpts,
       treeConfig,
       mouseConfig,
-      mouseOpts,
-      areaOpts,
-      computeSize,
-      validOpts,
       showFooter,
+      highlightCell,
+      highlightHoverRow,
+      highlightHoverColumn,
+      editConfig,
+      editRules
+    } = props;
+    const {
+      isCalcColumn,
+      isGroup,
       overflowX,
       overflowY,
       scrollXLoad,
       scrollYLoad,
       scrollbarHeight,
-      highlightCell,
-      highlightHoverRow,
-      highlightHoverColumn,
-      editConfig,
-      validTipOpts,
+      tableData,
+      tableColumn,
+      tableGroupColumn,
+      footerTableData,
       initStore,
       columnStore,
       filterStore,
       customStore,
-      ctxMenuStore,
-      ctxMenuOpts,
-      footerTableData,
-      columnOpts,
-      rowOpts,
-      checkboxOpts,
-      loadingOpts,
-      resizableOpts,
-      editRules
-    } = $xeTable;
+      tooltipStore
+    } = reactData;
     const {
       leftList,
       rightList
     } = columnStore;
-    const loadingSlot = $scopedSlots.loading;
-    const currLoading = this._isLoading || loading;
-    const vSize = computeSize;
+    const loadingSlot = slots.loading;
+    const tooltipOpts = $xeTable.computeTooltipOpts;
+    const validOpts = $xeTable.computeValidOpts;
+    const checkboxOpts = $xeTable.computeCheckboxOpts;
+    const treeOpts = $xeTable.computeTreeOpts;
+    const rowOpts = $xeTable.computeRowOpts;
+    const columnOpts = $xeTable.computeColumnOpts;
+    const vSize = $xeTable.computeSize;
     const tableBorder = $xeTable.computeTableBorder;
-    const virtualScrollBars = $xeTable.computeVirtualScrollBars;
+    const mouseOpts = $xeTable.computeMouseOpts;
+    const areaOpts = $xeTable.computeAreaOpts;
+    const loadingOpts = $xeTable.computeLoadingOpts;
+    const isMenu = $xeTable.computeIsMenu;
+    const currLoading = reactData.isLoading || loading;
+    const resizableOpts = $xeTable.computeResizableOpts;
     const isArea = mouseConfig && mouseOpts.area;
     const columnDragOpts = $xeTable.computeColumnDragOpts;
     return h('div', {
       ref: 'refElem',
-      class: ['vxe-table', 'vxe-table--render-default', `tid_${tId}`, vSize ? `size--${vSize}` : '', `border--${tableBorder}`, {
+      class: ['vxe-table', 'vxe-table--render-default', `tid_${xID}`, `border--${tableBorder}`, {
+        [`size--${vSize}`]: vSize,
         [`valid-msg--${validOpts.msgMode}`]: !!editRules,
         'vxe-editable': !!editConfig,
         'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete',
@@ -1314,9 +1382,9 @@ var _default = exports.default = {
         '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--animat': !!props.animat,
+        'is--padding': props.padding,
+        'is--round': props.round,
         'is--stripe': !treeConfig && stripe,
         'is--loading': currLoading,
         'is--empty': !currLoading && !tableData.length,
@@ -1341,6 +1409,9 @@ var _default = exports.default = {
     }, this.$slots.default), h('div', {
       key: 'tw',
       class: 'vxe-table--render-wrapper'
+    }, [h('div', {
+      ref: 'refTableViewportElem',
+      class: 'vxe-table--viewport-wrapper'
     }, [h('div', {
       class: 'vxe-table--main-wrapper'
     }, [
@@ -1348,19 +1419,19 @@ var _default = exports.default = {
      * 表头
      */
     showHeader ? h(_header.default, {
-      ref: 'tableHeader',
+      ref: 'refTableHeader',
       props: {
         tableData,
         tableColumn,
         tableGroupColumn,
         size: vSize
       }
-    }) : _e(),
+    }) : renderEmptyElement($xeTable),
     /**
-     * 表体
-     */
+    * 表体
+    */
     h(_body.default, {
-      ref: 'tableBody',
+      ref: 'refTableBody',
       props: {
         tableData,
         tableColumn,
@@ -1368,18 +1439,36 @@ var _default = exports.default = {
       }
     }),
     /**
-     * 表尾
-     */
+    * 表尾
+    */
     showFooter ? h(_footer.default, {
-      ref: 'tableFooter',
+      ref: 'refTableFooter',
       props: {
         footerTableData,
         tableColumn,
         size: vSize
       }
-    }) : _e()]), h('div', {
+    }) : renderEmptyElement($xeTable)]), h('div', {
       class: 'vxe-table--fixed-wrapper'
-    }, [leftList && leftList.length && overflowX ? renderFixed(h, this, 'left') : _e(), rightList && rightList.length && overflowX ? renderFixed(h, this, 'right') : _e()])]), virtualScrollBars.x ? h('div', {
+    }, [leftList && leftList.length && overflowX ? renderFixed(h, this, 'left') : renderEmptyElement($xeTable), rightList && rightList.length && overflowX ? renderFixed(h, this, 'right') : renderEmptyElement($xeTable)])]), h('div', {
+      ref: 'refScrollYVirtualElem',
+      class: 'vxe-table--scroll-y-virtual'
+    }, [h('div', {
+      ref: 'refScrollYTopCornerElem',
+      class: 'vxe-table--scroll-y-top-corner'
+    }), h('div', {
+      ref: 'refScrollYHandleElem',
+      class: 'vxe-table--scroll-y-handle',
+      on: {
+        scroll: this.scrollYEvent
+      }
+    }, [h('div', {
+      ref: 'refScrollYSpaceElem',
+      class: 'vxe-table--scroll-y-space'
+    })]), h('div', {
+      ref: 'refScrollYBottomCornerElem',
+      class: 'vxe-table--scroll-y-bottom-corner'
+    })])]), h('div', {
       key: 'vx',
       ref: 'refScrollXVirtualElem',
       class: 'vxe-table--scroll-x-virtual'
@@ -1387,31 +1476,21 @@ var _default = exports.default = {
       ref: 'refScrollXHandleElem',
       class: 'vxe-table--scroll-x-handle',
       on: {
-        scroll: $xeTable.scrollXEvent
+        scroll: this.scrollXEvent
       }
     }, [h('div', {
       ref: 'refScrollXSpaceElem',
       class: 'vxe-table--scroll-x-space'
-    })])]) : renderEmptyElement($xeTable), virtualScrollBars.y ? h('div', {
-      key: 'vy',
-      ref: 'refScrollYVirtualElem',
-      class: 'vxe-table--scroll-y-virtual'
-    }, [h('div', {
-      ref: 'refScrollYHandleElem',
-      class: 'vxe-table--scroll-y-handle',
-      on: {
-        scroll: $xeTable.scrollYEvent
-      }
-    }, [h('div', {
-      ref: 'refScrollYSpaceElem',
-      class: 'vxe-table--scroll-y-space'
-    })])]) : renderEmptyElement($xeTable),
+    })]), h('div', {
+      ref: 'refScrollXRightCornerElem',
+      class: 'vxe-table--scroll-x-right-corner'
+    })]),
     /**
      * 空数据
      */
     h('div', {
       key: 'tn',
-      ref: 'emptyPlaceholder',
+      ref: 'refEmptyPlaceholder',
       class: 'vxe-table--empty-placeholder'
     }, [h('div', {
       class: 'vxe-table--empty-content'
@@ -1428,15 +1507,15 @@ var _default = exports.default = {
      */
     h('div', {
       key: 'cl',
+      ref: 'refCellResizeBar',
       class: 'vxe-table--resizable-bar',
       style: overflowX ? {
         'padding-bottom': `${scrollbarHeight}px`
-      } : {},
-      ref: 'resizeBar'
+      } : undefined
     }, resizableOpts.showDragTip ? [h('div', {
       ref: 'refCellResizeTip',
       class: 'vxe-table--resizable-number-tip'
-    }, '23432px')] : []),
+    })] : []),
     /**
      * 加载中
      */
@@ -1483,7 +1562,7 @@ var _default = exports.default = {
       props: {
         filterStore
       }
-    }) : _e(),
+    }) : renderEmptyElement($xeTable),
     /**
      * 导入
      */
@@ -1493,7 +1572,7 @@ var _default = exports.default = {
         defaultOptions: this.importParams,
         storeData: this.importStore
       }
-    }) : _e(),
+    }) : renderEmptyElement($xeTable),
     /**
      * 导出
      */
@@ -1503,18 +1582,18 @@ var _default = exports.default = {
         defaultOptions: this.exportParams,
         storeData: this.exportStore
       }
-    }) : _e(),
+    }) : renderEmptyElement($xeTable),
     /**
-     * 快捷菜单
-     */
-    ctxMenuStore.visible && this.isCtxMenu ? h(_panel3.default, {
+       * 快捷菜单
+       */
+    isMenu ? h(_panel3.default, {
       key: 'tm',
-      ref: 'ctxWrapper',
+      ref: 'refTableMenu',
       props: {
-        ctxMenuStore,
-        ctxMenuOpts
+        ctxMenuStore: this.ctxMenuStore,
+        ctxMenuOpts: this.ctxMenuOpts
       }
-    }) : _e(),
+    }) : renderEmptyElement($xeTable),
     /**
      * 拖拽提示
      */
@@ -1524,31 +1603,33 @@ var _default = exports.default = {
      */
     VxeUITooltipComponent ? h(VxeUITooltipComponent, {
       key: 'ctp',
-      ref: 'commTip',
+      ref: 'refCommTooltip',
       props: {
         isArrow: false,
         enterable: false
       }
-    }) : _e(),
+    }) : renderEmptyElement($xeTable),
     /**
      * 工具提示
      */
     VxeUITooltipComponent ? h(VxeUITooltipComponent, {
       key: 'btp',
       ref: 'tooltip',
-      props: Object.assign({}, this.tipConfig, this.tooltipStore.currOpts)
-    }) : _e(),
+      props: Object.assign({}, tooltipOpts, tooltipStore.currOpts)
+    }) : renderEmptyElement($xeTable),
     /**
      * 校验提示
      */
     VxeUITooltipComponent && this.editRules && validOpts.showMessage && (validOpts.message === 'default' ? !height : validOpts.message === 'tooltip') ? h(VxeUITooltipComponent, {
       key: 'vtp',
-      ref: 'validTip',
+      ref: 'refValidTooltip',
       class: [{
         'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete'
       }, 'vxe-table--valid-error'],
-      props: validOpts.message === 'tooltip' || tableData.length === 1 ? validTipOpts : null
-    }) : _e()])]);
+      props: validOpts.message === 'tooltip' || tableData.length === 1 ? Object.assign({
+        isArrow: false
+      }, tooltipOpts) : {}
+    }) : renderEmptyElement($xeTable)])]);
   },
   methods: _methods.default
 };