vxe-table 3.15.12 → 3.15.13

package/lib/index.umd.js

@@ -2220,7 +2220,7 @@ function getClass(property, params) {
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
-const version = "3.15.12";
+const version = "3.15.13";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -2422,7 +2422,7 @@ core_.VxeUI.setConfig({
     },
     virtualXConfig: {
       enabled: true,
-      gt: 28,
+      gt: 24,
       preSize: 0,
       oSize: 1
     },
@@ -2433,8 +2433,8 @@ core_.VxeUI.setConfig({
       oSize: 2
     },
     scrollbarConfig: {
-      width: 14,
-      height: 14
+      // width: 14,
+      // height: 14
     }
   },
   // export: {
@@ -2858,7 +2858,7 @@ function isNodeElement(elem) {
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"3.15.12"}`;
+const log_version = `table v${"3.15.13"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -3668,7 +3668,7 @@ function renderTitlePrefixIcon(h, params) {
   const titlePrefix = column.titlePrefix || column.titleHelp;
   if (titlePrefix) {
     return h('i', {
-      class: ['vxe-cell-title-prefix-icon', titlePrefix.icon || cell_getIcon().TABLE_TITLE_PREFIX],
+      class: ['vxe-cell-title-prefix-icon', titlePrefix.iconStatus ? `theme--${titlePrefix.iconStatus}` : '', titlePrefix.icon || cell_getIcon().TABLE_TITLE_PREFIX],
       on: {
         mouseenter(evnt) {
           $table.triggerHeaderTitleEvent(evnt, titlePrefix, params);
@@ -3689,7 +3689,7 @@ function renderTitleSuffixIcon(h, params) {
   const titleSuffix = column.titleSuffix;
   if (titleSuffix) {
     return h('i', {
-      class: ['vxe-cell-title-suffix-icon', titleSuffix.icon || cell_getIcon().TABLE_TITLE_SUFFIX],
+      class: ['vxe-cell-title-suffix-icon', titleSuffix.iconStatus ? `theme--${titleSuffix.iconStatus}` : '', titleSuffix.icon || cell_getIcon().TABLE_TITLE_SUFFIX],
       on: {
         mouseenter(evnt) {
           $table.triggerHeaderTitleEvent(evnt, titleSuffix, params);
@@ -8187,12 +8187,12 @@ function calcScrollbar($xeTable) {
   if (bodyWrapperElem) {
     overflowY = scrollYHeight > bodyWrapperElem.clientHeight;
     if (yHandleEl) {
-      reactData.scrollbarWidth = Math.max(scrollbarOpts.width || 0, yHandleEl.offsetWidth - yHandleEl.clientWidth);
+      reactData.scrollbarWidth = scrollbarOpts.width || yHandleEl.offsetWidth - yHandleEl.clientWidth || 14;
     }
     reactData.overflowY = overflowY;
     overflowX = scrollXWidth > bodyWrapperElem.clientWidth;
     if (xHandleEl) {
-      reactData.scrollbarHeight = Math.max(scrollbarOpts.height || 0, xHandleEl.offsetHeight - xHandleEl.clientHeight);
+      reactData.scrollbarHeight = scrollbarOpts.height || xHandleEl.offsetHeight - xHandleEl.clientHeight || 14;
     }
     reactData.overflowX = overflowX;
     const headerHeight = headerTableElem ? headerTableElem.clientHeight : 0;
@@ -8410,6 +8410,7 @@ function loadTableData($xeTable, datas, isReset) {
   scrollYStore.endIndex = 1;
   scrollXStore.startIndex = 0;
   scrollXStore.endIndex = 1;
+  internalData.cvCacheMaps = {};
   reactData.isRowLoading = true;
   reactData.scrollVMLoading = false;
   internalData.treeExpandedMaps = {};
@@ -8887,54 +8888,42 @@ const createGetColumnCacheProp = prop => {
     return -1;
   };
 };
-function lazyScrollXData($xeTable) {
-  const internalData = $xeTable;
-  const {
-    lxTimeout,
-    lxRunTime,
-    scrollXStore
-  } = internalData;
-  const {
-    visibleSize
-  } = scrollXStore;
-  const fpsTime = Math.max(5, Math.min(10, Math.floor(visibleSize / 3)));
-  if (lxTimeout) {
-    clearTimeout(lxTimeout);
-  }
-  if (!lxRunTime || lxRunTime + fpsTime < Date.now()) {
-    internalData.lxRunTime = Date.now();
-    loadScrollXData($xeTable);
-  }
-  internalData.lxTimeout = setTimeout(() => {
-    internalData.lxTimeout = undefined;
-    internalData.lxRunTime = undefined;
-    loadScrollXData($xeTable);
-  }, fpsTime);
-}
-function lazyScrollYData($xeTable) {
-  const internalData = $xeTable;
-  const {
-    lyTimeout,
-    lyRunTime,
-    scrollYStore
-  } = internalData;
-  const {
-    visibleSize
-  } = scrollYStore;
-  const fpsTime = Math.floor(Math.max(4, Math.min(10, visibleSize / 3)));
-  if (lyTimeout) {
-    clearTimeout(lyTimeout);
-  }
-  if (!lyRunTime || lyRunTime + fpsTime < Date.now()) {
-    internalData.lyRunTime = Date.now();
-    loadScrollYData($xeTable);
-  }
-  internalData.lyTimeout = setTimeout(() => {
-    internalData.lyTimeout = undefined;
-    internalData.lyRunTime = undefined;
-    loadScrollYData($xeTable);
-  }, fpsTime);
-}
+// function lazyScrollXData ($xeTable: VxeTableConstructor & VxeTablePrivateMethods) {
+//   const internalData = $xeTable as unknown as TableInternalData
+//   const { lxTimeout, lxRunTime, scrollXStore } = internalData
+//   const { visibleSize } = scrollXStore
+//   const fpsTime = Math.max(5, Math.min(10, Math.floor(visibleSize / 3)))
+//   if (lxTimeout) {
+//     clearTimeout(lxTimeout)
+//   }
+//   if (!lxRunTime || lxRunTime + fpsTime < Date.now()) {
+//     internalData.lxRunTime = Date.now()
+//     loadScrollXData($xeTable)
+//   }
+//   internalData.lxTimeout = setTimeout(() => {
+//     internalData.lxTimeout = undefined
+//     internalData.lxRunTime = undefined
+//     loadScrollXData($xeTable)
+//   }, fpsTime)
+// }
+// function lazyScrollYData ($xeTable: VxeTableConstructor & VxeTablePrivateMethods) {
+//   const internalData = $xeTable as unknown as TableInternalData
+//   const { lyTimeout, lyRunTime, scrollYStore } = internalData
+//   const { visibleSize } = scrollYStore
+//   const fpsTime = Math.floor(Math.max(4, Math.min(10, visibleSize / 3)))
+//   if (lyTimeout) {
+//     clearTimeout(lyTimeout)
+//   }
+//   if (!lyRunTime || lyRunTime + fpsTime < Date.now()) {
+//     internalData.lyRunTime = Date.now()
+//     loadScrollYData($xeTable)
+//   }
+//   internalData.lyTimeout = setTimeout(() => {
+//     internalData.lyTimeout = undefined
+//     internalData.lyRunTime = undefined
+//     loadScrollYData($xeTable)
+//   }, fpsTime)
+// }
 function checkLastSyncScroll($xeTable, isRollX, isRollY) {
   const reactData = $xeTable;
   const internalData = $xeTable;
@@ -15842,24 +15831,24 @@ const Methods = {
    */
   triggerScrollXEvent() {
     const $xeTable = this;
-    const virtualXOpts = $xeTable.computeVirtualXOpts;
-    if (virtualXOpts.immediate) {
-      loadScrollXData($xeTable);
-    } else {
-      lazyScrollXData($xeTable);
-    }
+    // const virtualXOpts = $xeTable.computeVirtualXOpts
+    // if (virtualXOpts.immediate) {
+    loadScrollXData($xeTable);
+    // } else {
+    //   lazyScrollXData($xeTable)
+    // }
   },
   /**
    * 纵向 Y 可视渲染事件处理
    */
   triggerScrollYEvent() {
     const $xeTable = this;
-    const virtualYOpts = $xeTable.computeVirtualYOpts;
-    if (virtualYOpts.immediate) {
-      loadScrollYData($xeTable);
-    } else {
-      lazyScrollYData($xeTable);
-    }
+    // const virtualYOpts = $xeTable.computeVirtualYOpts
+    // if (virtualYOpts.immediate) {
+    loadScrollYData($xeTable);
+    // } else {
+    //   lazyScrollYData($xeTable)
+    // }
   },
   triggerBodyScrollEvent(evnt, fixedType) {
     const $xeTable = this;
@@ -21327,6 +21316,7 @@ const {
         const hasChildMenus = item.children && item.children.some(child => child.visible !== false);
         const prefixOpts = Object.assign({}, item.prefixConfig);
         const suffixOpts = Object.assign({}, item.suffixConfig);
+        const menuContent = getFuncText(item.name);
         return item.visible === false ? null : h('li', {
           class: [item.className, {
             'link--disabled': item.disabled,
@@ -21351,8 +21341,11 @@ const {
         }, [h('i', {
           class: prefixOpts.icon || item.prefixIcon
         }), prefixOpts.content ? h('span', {}, `${prefixOpts.content}`) : _e()]), h('span', {
-          class: 'vxe-context-menu--link-content'
-        }, getFuncText(item.name)), h('div', {
+          class: 'vxe-context-menu--link-content',
+          attrs: {
+            title: menuContent
+          }
+        }, menuContent), h('div', {
           class: ['vxe-context-menu--link-suffix', suffixOpts.className || '']
         }, [h('i', {
           class: suffixOpts.icon || item.suffixIcon || (hasChildMenus ? menu_panel_getIcon().TABLE_MENU_OPTIONS : '')
@@ -21363,6 +21356,7 @@ const {
         }, item.children.map((child, cIndex) => {
           const childPrefixOpts = Object.assign({}, child.prefixConfig);
           const childSuffixOpts = Object.assign({}, child.suffixConfig);
+          const childMenuContent = getFuncText(child.name);
           return child.visible === false ? null : h('li', {
             class: [child.className, {
               'link--disabled': child.disabled,
@@ -21387,8 +21381,11 @@ const {
           }, [h('i', {
             class: childPrefixOpts.icon || child.prefixIcon
           }), childPrefixOpts.content ? h('span', `${childPrefixOpts.content}`) : _e()]), h('span', {
-            class: 'vxe-context-menu--link-content'
-          }, getFuncText(child.name)), h('div', {
+            class: 'vxe-context-menu--link-content',
+            attrs: {
+              title: childMenuContent
+            }
+          }, childMenuContent), h('div', {
             class: ['vxe-context-menu--link-suffix', childSuffixOpts.className || '']
           }, [h('i', {
             class: childSuffixOpts.icon
@@ -28377,6 +28374,7 @@ function renderBody(h, $xeTable) {
       insertRowMaps: {},
       // 已删除行
       removeRowMaps: {},
+      cvCacheMaps: {},
       swYSize: 0,
       swYInterval: 0,
       swYTotal: 0
@@ -28686,10 +28684,14 @@ function renderBody(h, $xeTable) {
   },
   beforeDestroy() {
     const $xeTable = this;
+    const internalData = $xeTable;
     const tableViewportEl = $xeTable.$refs.refTableViewportElem;
     if (tableViewportEl) {
       tableViewportEl.removeEventListener('wheel', $xeTable.triggerBodyWheelEvent);
     }
+    internalData.cvCacheMaps = {};
+    internalData.prevDragRow = null;
+    internalData.prevDragCol = null;
     if (this.$resize) {
       this.$resize.disconnect();
     }