vxe-table 4.10.8 → 4.10.10

package/lib/index.umd.js

@@ -3138,7 +3138,7 @@ function eqEmptyValue(cellValue) {
 ;// ./packages/ui/index.ts
 
 
-const version = "4.10.8";
+const version = "4.10.10";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -3184,12 +3184,14 @@ core_.VxeUI.setConfig({
     rowDragConfig: {
       showIcon: true,
       animation: true,
-      showGuidesStatus: true
+      showGuidesStatus: true,
+      showDragTip: true
     },
     columnDragConfig: {
       showIcon: true,
       animation: true,
-      showGuidesStatus: true
+      showGuidesStatus: true,
+      showDragTip: true
     },
     checkboxConfig: {
       // trigger: 'default',
@@ -3583,7 +3585,7 @@ var esnext_iterator_some = __webpack_require__(7550);
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"4.10.8"}`;
+const log_version = `table v${"4.10.10"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// ./packages/table/src/columnInfo.ts
@@ -10539,6 +10541,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,
@@ -10633,6 +10641,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)();
@@ -10741,12 +10750,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;
@@ -20820,7 +20824,8 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
     };
     const renderDragTip = () => {
       const {
-        dragRow
+        dragRow,
+        dragCol
       } = reactData;
       const rowOpts = computeRowOpts.value;
       const columnOpts = computeColumnOpts.value;
@@ -20839,7 +20844,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
           class: ['vxe-table--drag-col-line', {
             'is--guides': columnDragOpts.showGuidesStatus
           }]
-        }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        }), dragRow && rowDragOpts.showDragTip || dragCol && columnDragOpts.showDragTip ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           ref: refDragTipElem,
           class: 'vxe-table--drag-sort-tip'
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -20854,7 +20859,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
           class: ['vxe-table--drag-sort-tip-disabled-status', table_getIcon().TABLE_DRAG_DISABLED]
         })]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-table--drag-sort-tip-content'
-        }, renderDragTipContents())])])]);
+        }, renderDragTipContents())])]) : table_renderEmptyElement($xeTable)]);
       }
       return table_renderEmptyElement($xeTable);
     };
@@ -21052,6 +21057,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()]),
@@ -21378,9 +21394,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();
       }