vxe-table 4.10.9 → 4.10.11

package/lib/index.umd.js

@@ -3138,7 +3138,7 @@ function eqEmptyValue(cellValue) {
 ;// ./packages/ui/index.ts
 
 
-const version = "4.10.9";
+const version = "4.10.11";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -3585,7 +3585,7 @@ var esnext_iterator_some = __webpack_require__(7550);
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"4.10.9"}`;
+const log_version = `table v${"4.10.11"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// ./packages/table/src/columnInfo.ts
@@ -7229,8 +7229,10 @@ const header_renderType = 'header';
         const showResizable = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable;
         const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
         let isVNPreEmptyStatus = false;
-        if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
-          isVNPreEmptyStatus = true;
+        if (!isGroup) {
+          if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+            isVNPreEmptyStatus = true;
+          }
         }
         const tcStyle = {};
         if (hasEllipsis) {
@@ -10541,6 +10543,12 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
         isHeader: false,
         isFooter: false
       },
+      rowHeightStore: {
+        default: 48,
+        medium: 44,
+        small: 40,
+        mini: 36
+      },
       scrollVMLoading: false,
       calcCellHeightFlag: 1,
       resizeHeightFlag: 0,
@@ -10635,6 +10643,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
     let tableMethods = {};
     let tablePrivateMethods = {};
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refVarElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refTooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refCommTooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refValidTooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -10743,12 +10752,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
       return 0;
     });
     const computeRowHeightMaps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return {
-        default: 48,
-        medium: 44,
-        small: 40,
-        mini: 36
-      };
+      return reactData.rowHeightStore;
     });
     const computeDefaultRowHeight = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const vSize = computeSize.value;
@@ -21055,6 +21059,17 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-table-slots'
       }, slots.default ? slots.default({}) : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refVarElem,
+        class: 'vxe-table-vars'
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-table-var-default'
+      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-table-var-medium'
+      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-table-var-small'
+      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-table-var-mini'
+      })]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         key: 'tw',
         class: 'vxe-table--render-wrapper'
       }, scrollbarXToTop ? [renderScrollX(), renderBody()] : [renderBody(), renderScrollX()]),
@@ -21381,9 +21396,28 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
       });
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      const {
+        rowHeightStore
+      } = reactData;
+      const varEl = refVarElem.value;
       const columnOpts = computeColumnOpts.value;
       const rowOpts = computeRowOpts.value;
       const customOpts = computeCustomOpts.value;
+      if (varEl) {
+        const [defEl, mediumEl, smallEl, miniEl] = varEl.children;
+        if (defEl) {
+          rowHeightStore.default = defEl.clientHeight;
+        }
+        if (mediumEl) {
+          rowHeightStore.medium = mediumEl.clientHeight;
+        }
+        if (smallEl) {
+          rowHeightStore.small = smallEl.clientHeight;
+        }
+        if (miniEl) {
+          rowHeightStore.mini = miniEl.clientHeight;
+        }
+      }
       if (columnOpts.drag || rowOpts.drag || customOpts.allowSort) {
         initTpImg();
       }