bm-admin-ui 1.0.21-alpha → 1.0.22-alpha

package/lib/components/float-table/index.js

@@ -72,7 +72,7 @@ const _sfc_main = {
         showHeaderOverflow: true,
         align: null,
         columns: [],
-        tooltipConfig: { leaveDelay: 10 },
+        tooltipConfig: { leaveDelay: 1e6 },
         data: [],
         pagerConfig: {},
         emptyText: "\u6682\u65E0\u6570\u636E",
@@ -238,7 +238,9 @@ const _sfc_main = {
         if (state.floatHandleDomCol)
           return;
         let id = column.id;
-        state.floatHandleDomCol = floatTable.value.querySelector(`.vxe-table--header-wrapper .vxe-header--row .${id}`);
+        state.floatHandleDomCol = floatTable.value.querySelector(
+          `.vxe-table--header-wrapper .vxe-header--row .${id}`
+        );
       },
       leaveFloatTable() {
         let timer = setTimeout(() => {
@@ -299,36 +301,43 @@ const _sfc_main = {
     let closeSetRow;
     let headerWrapper;
     if (props.isNeedFloatHandle) {
-      inObserverDom = new IntersectionObserver((entries) => {
-        entries.forEach((item) => {
-          if (item.intersectionRatio > 0.1) {
-            closeSetRow = closeSetRow || item.target.closest(".vxe-header--row");
-            headerWrapper = headerWrapper || item.target.closest(".vxe-table--header-wrapper");
-            if (closeSetRow.clientWidth <= headerWrapper.clientWidth && !isHasOver) {
-              inObserverDom.disconnect();
+      inObserverDom = new IntersectionObserver(
+        (entries) => {
+          entries.forEach((item) => {
+            if (item.intersectionRatio > 0.1) {
+              closeSetRow = closeSetRow || item.target.closest(".vxe-header--row");
+              headerWrapper = headerWrapper || item.target.closest(".vxe-table--header-wrapper");
+              if (closeSetRow.clientWidth <= headerWrapper.clientWidth && !isHasOver) {
+                inObserverDom.disconnect();
+              } else {
+                isHasOver = true;
+              }
+              state.isShowFloatHandle = false;
+              state.atVisible = true;
             } else {
-              isHasOver = true;
-            }
-            state.isShowFloatHandle = false;
-            state.atVisible = true;
-          } else {
-            if (gridOptions.value.data && gridOptions.value.data.length > 0) {
-              state.goAnimationEnd = false;
-              state.isShowFloatHandle = true;
-              state.atVisible = false;
+              if (gridOptions.value.data && gridOptions.value.data.length > 0) {
+                state.goAnimationEnd = false;
+                state.isShowFloatHandle = true;
+                state.atVisible = false;
+              }
             }
+          });
+        },
+        {
+          threshold: 0.1
+        }
+      );
+      vue.watch(
+        () => state.floatHandleDomCol,
+        function(col) {
+          if (col) {
+            inObserverDom.observe(col);
           }
-        });
-      }, {
-        threshold: 0.1
-      });
-      vue.watch(() => state.floatHandleDomCol, function(col) {
-        if (col) {
-          inObserverDom.observe(col);
+        },
+        {
+          immediate: true
         }
-      }, {
-        immediate: true
-      });
+      );
     }
     return {
       floatTable,