@koi-design/uxd-ui 14.0.46 → 14.0.47

package/uxd-ui.esm.mjs

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@14.0.46 */
+/*! @koi-design/uxd-ui@14.0.47 */
 
 import { defineComponent, reactive, watch, provide, inject, computed, onMounted, ref, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, withDirectives, vShow, createBlock, resolveDynamicComponent, createCommentVNode, toRaw, resolveComponent, Transition, withCtx, createVNode, toDisplayString, isVNode, Comment as Comment$1, Fragment, Text as Text$1, h, shallowRef, toRef, nextTick, onUpdated, onUnmounted, cloneVNode, Teleport, toRefs, withModifiers, mergeProps, renderList, onBeforeUpdate, createTextVNode, createStaticVNode, normalizeProps, guardReactiveProps, watchEffect, onActivated, onDeactivated, withKeys, TransitionGroup, createApp, onBeforeMount, unref } from 'vue';
 import { X, Terminal, CircleAlert, Info, CircleCheck, LoaderCircle, CircleX, Search, Eye, EyeOff, Check, CornerDownLeft, ChevronUp, ChevronDown, ChevronRight, MenuIcon, Minus, ChevronLeft, CheckIcon, ChevronsLeft, ChevronsRight, Calendar as Calendar$1, ZoomIn, ZoomOut, RotateCcw, RotateCw, PanelLeft, PanelRight, Image as Image$2, CheckCircle, XCircle, Star as Star$1, XIcon, FilterIcon, GripVertical, Plus, Clock, FileIcon, HelpCircle, CircleHelp, AlertCircle, SearchIcon } from 'lucide-vue-next';
@@ -19,7 +19,7 @@ const camelize$1 = cacheStringFunction(
 );
 /*! #__NO_SIDE_EFFECTS__ */
 /**
-* @vue/shared v3.5.13
+* @vue/shared v3.5.4
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -32625,9 +32625,13 @@ function useTableResize(updatedColumns, tableRefs, prefixCls, isColumnFixed, pro
     columnWidths.value[getColumnKey(column)] = width;
   };
   let syncHeightTimer = null;
+  let updateBodyTableTimer = null;
   const scrollPosition = ref("left");
   const setScrollPositionClass = () => {
     const { bodyTable } = tableRefs;
+    if (!bodyTable) {
+      return;
+    }
     const bodyDom = bodyTable.wrapRef;
     if (!bodyDom) {
       return;
@@ -32647,12 +32651,23 @@ function useTableResize(updatedColumns, tableRefs, prefixCls, isColumnFixed, pro
   const handleResize = () => {
     syncColumnsWidth();
     if (isColumnFixed.value) {
+      if (syncHeightTimer) {
+        clearTimeout(syncHeightTimer);
+      }
       syncHeightTimer = setTimeout(() => {
+        syncHeightTimer = null;
         setScrollPositionClass();
       }, 0);
     }
-    setTimeout(() => {
-      tableRefs.bodyTable.update();
+    if (updateBodyTableTimer) {
+      clearTimeout(updateBodyTableTimer);
+    }
+    updateBodyTableTimer = setTimeout(() => {
+      updateBodyTableTimer = null;
+      const bt = tableRefs.bodyTable;
+      if (bt == null ? void 0 : bt.update) {
+        bt.update();
+      }
     }, 0);
   };
   const setResizeWidth = (column, width) => {
@@ -32686,6 +32701,10 @@ function useTableResize(updatedColumns, tableRefs, prefixCls, isColumnFixed, pro
       clearTimeout(syncHeightTimer);
       syncHeightTimer = null;
     }
+    if (updateBodyTableTimer) {
+      clearTimeout(updateBodyTableTimer);
+      updateBodyTableTimer = null;
+    }
   };
   return {
     tableWidth,
@@ -35046,28 +35065,53 @@ function useDraggable(props, tableRefs) {
     }
     return 0;
   };
+  const getBodyWrapRef = () => {
+    var _a;
+    const body = tableRefs.bodyTable;
+    return (_a = body == null ? void 0 : body.wrapRef) != null ? _a : null;
+  };
   const setRowRefsTranslate = (event) => {
+    var _a;
+    if (!sourceRowKey) {
+      return;
+    }
+    const wrapRef = getBodyWrapRef();
+    if (!wrapRef) {
+      return;
+    }
     const currentRowData = rowDataMap.value[sourceRowKey];
+    const firstRowEl = (_a = currentRowData == null ? void 0 : currentRowData.rowRef[0]) == null ? void 0 : _a.value;
+    if (!currentRowData || !firstRowEl) {
+      return;
+    }
     const {
       height: currentHeight
-    } = currentRowData.rowRef[0].value.getBoundingClientRect();
+    } = firstRowEl.getBoundingClientRect();
     const clientY = getClientY(event);
-    const realClientY = clientY + tableRefs.bodyTable.wrapRef.scrollTop;
+    const realClientY = clientY + wrapRef.scrollTop;
     const safeTranslateY = Math.max(relativeMinY, Math.min(realClientY - dragStartPosition, relativeMaxY));
     currentRowData.rowRef.forEach((currentItem) => {
+      if (!currentItem.value) {
+        return;
+      }
       currentItem.value.style.transform = `translateY(${safeTranslateY}px)`;
       currentItem.value.style.position = "relative";
       currentItem.value.style.zIndex = "999";
     });
     targetIndex = currentRowData.index;
     Object.keys(rowDataMap.value).forEach((rowKey) => {
+      var _a2;
       if (rowKey !== sourceRowKey) {
         const rowData = rowDataMap.value[rowKey];
+        const otherFirst = (_a2 = rowData.rowRef[0]) == null ? void 0 : _a2.value;
+        if (!otherFirst) {
+          return;
+        }
         const sort = rowData.index < currentRowData.index ? 1 : -1;
         const {
           height,
           top
-        } = rowData.rowRef[0].value.getBoundingClientRect();
+        } = otherFirst.getBoundingClientRect();
         const position = top + Number((height / 2).toFixed(2)) < clientY ? 1 : -1;
         if (!(sort + position)) {
           let translateY = currentHeight;
@@ -35078,13 +35122,17 @@ function useDraggable(props, tableRefs) {
           }
           targetIndex = index;
           rowData.rowRef.forEach((rowRefItem) => {
-            rowRefItem.value.style.transform = `translateY(${translateY}px)`;
-            rowRefItem.value.style.transition = "transform 0.3s";
+            if (rowRefItem.value) {
+              rowRefItem.value.style.transform = `translateY(${translateY}px)`;
+              rowRefItem.value.style.transition = "transform 0.3s";
+            }
           });
         } else {
           rowData.rowRef.forEach((rowRefItem) => {
-            rowRefItem.value.style.transform = "none";
-            rowRefItem.value.style.transition = "transform 0.3s";
+            if (rowRefItem.value) {
+              rowRefItem.value.style.transform = "none";
+              rowRefItem.value.style.transition = "transform 0.3s";
+            }
           });
         }
       }
@@ -35105,14 +35153,27 @@ function useDraggable(props, tableRefs) {
     if (bodyTop + bodyHeight > clientY && clientY > bodyTop) {
       clearBodyScrollY();
     } else if (!scrollTimer) {
+      const bodyInst = tableRefs.bodyTable;
+      if (!(bodyInst == null ? void 0 : bodyInst.setScrollTop) || !bodyInst.wrapRef) {
+        return;
+      }
       const px = clientY < bodyTop ? -3 : 3;
       scrollTimer = setInterval(() => {
-        tableRefs.bodyTable.setScrollTop(Math.max(0, Math.min(tableRefs.bodyTable.wrapRef.scrollTop + px, tableHeight - bodyHeight)));
+        const inst = tableRefs.bodyTable;
+        const wrap = inst == null ? void 0 : inst.wrapRef;
+        if (!(inst == null ? void 0 : inst.setScrollTop) || !wrap) {
+          clearBodyScrollY();
+          return;
+        }
+        inst.setScrollTop(Math.max(0, Math.min(wrap.scrollTop + px, tableHeight - bodyHeight)));
         setRowRefsTranslate(event);
       }, 10);
     }
   };
   const handleMousemove = (event) => {
+    if (!sourceRowKey) {
+      return;
+    }
     handleBodyScrollY(event);
     if (!scrollTimer) {
       setRowRefsTranslate(event);
@@ -35120,6 +35181,9 @@ function useDraggable(props, tableRefs) {
   };
   const handleTouchmove = (event) => {
     event.preventDefault();
+    if (!sourceRowKey) {
+      return;
+    }
     handleBodyScrollY(event);
     if (!scrollTimer) {
       setRowRefsTranslate(event);
@@ -35128,17 +35192,29 @@ function useDraggable(props, tableRefs) {
   const disableWheel = (e) => {
     e.preventDefault();
   };
-  const clearDrag = () => {
+  let clearDrag;
+  const removeDragWindowListeners = () => {
+    clearBodyScrollY();
+    window.removeEventListener("mousemove", handleMousemove);
+    window.removeEventListener("mouseup", clearDrag);
+    window.removeEventListener("mousewheel", disableWheel);
+    window.removeEventListener("touchmove", handleTouchmove);
+    window.removeEventListener("touchend", clearDrag);
+    window.removeEventListener("touchcancel", clearDrag);
+  };
+  clearDrag = () => {
     let targetRowKey = sourceRowKey;
     Object.values(rowDataMap.value).forEach((rowData) => {
       if (rowData.index === targetIndex) {
         targetRowKey = rowData.rowKey.toString();
       }
       rowData.rowRef.forEach((rowRefItem) => {
-        rowRefItem.value.style.transform = "none";
-        rowRefItem.value.style.transition = "none";
-        rowRefItem.value.style.position = "unset";
-        rowRefItem.value.style.zIndex = "auto";
+        if (rowRefItem.value) {
+          rowRefItem.value.style.transform = "none";
+          rowRefItem.value.style.transition = "none";
+          rowRefItem.value.style.position = "unset";
+          rowRefItem.value.style.zIndex = "auto";
+        }
       });
     });
     if (targetRowKey !== sourceRowKey) {
@@ -35147,19 +35223,23 @@ function useDraggable(props, tableRefs) {
       }
     }
     sourceRowKey = "";
-    clearBodyScrollY();
-    window.removeEventListener("mousemove", handleMousemove);
-    window.removeEventListener("mouseup", clearDrag);
-    window.removeEventListener("mousewheel", disableWheel);
-    window.removeEventListener("touchmove", handleTouchmove);
-    window.removeEventListener("touchend", clearDrag);
-    window.removeEventListener("touchcancel", clearDrag);
+    removeDragWindowListeners();
   };
+  onBeforeUnmount(() => {
+    if (!sourceRowKey) {
+      return;
+    }
+    sourceRowKey = "";
+    removeDragWindowListeners();
+  });
   const handleDragStart = (event, param) => {
-    const bodyTable = tableRefs.bodyTable.wrapRef;
+    const bodyWrap = getBodyWrapRef();
+    if (!bodyWrap) {
+      return;
+    }
     sourceRowKey = param.rowKey.toString();
     const clientY = getClientY(event);
-    dragStartPosition = clientY + bodyTable.scrollTop;
+    dragStartPosition = clientY + bodyWrap.scrollTop;
     const sortRowData = Object.values(rowDataMap.value).sort((a, b) => a.index - b.index);
     const {
       top
@@ -35169,10 +35249,10 @@ function useDraggable(props, tableRefs) {
     const {
       top: bodyTopInner,
       height: bodyHeightInner
-    } = bodyTable.getBoundingClientRect();
+    } = bodyWrap.getBoundingClientRect();
     const {
       height: tableHeightInner
-    } = bodyTable.children[0].getBoundingClientRect();
+    } = bodyWrap.children[0].getBoundingClientRect();
     bodyTop = bodyTopInner;
     bodyHeight = bodyHeightInner;
     tableHeight = tableHeightInner;

package/uxd-ui.umd.js

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@14.0.46 */
+/*! @koi-design/uxd-ui@14.0.47 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('lucide-vue-next')) :
@@ -22,7 +22,7 @@
   );
   /*! #__NO_SIDE_EFFECTS__ */
   /**
-  * @vue/shared v3.5.13
+  * @vue/shared v3.5.4
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -32628,9 +32628,13 @@
       columnWidths.value[getColumnKey(column)] = width;
     };
     let syncHeightTimer = null;
+    let updateBodyTableTimer = null;
     const scrollPosition = vue.ref("left");
     const setScrollPositionClass = () => {
       const { bodyTable } = tableRefs;
+      if (!bodyTable) {
+        return;
+      }
       const bodyDom = bodyTable.wrapRef;
       if (!bodyDom) {
         return;
@@ -32650,12 +32654,23 @@
     const handleResize = () => {
       syncColumnsWidth();
       if (isColumnFixed.value) {
+        if (syncHeightTimer) {
+          clearTimeout(syncHeightTimer);
+        }
         syncHeightTimer = setTimeout(() => {
+          syncHeightTimer = null;
           setScrollPositionClass();
         }, 0);
       }
-      setTimeout(() => {
-        tableRefs.bodyTable.update();
+      if (updateBodyTableTimer) {
+        clearTimeout(updateBodyTableTimer);
+      }
+      updateBodyTableTimer = setTimeout(() => {
+        updateBodyTableTimer = null;
+        const bt = tableRefs.bodyTable;
+        if (bt == null ? void 0 : bt.update) {
+          bt.update();
+        }
       }, 0);
     };
     const setResizeWidth = (column, width) => {
@@ -32689,6 +32704,10 @@
         clearTimeout(syncHeightTimer);
         syncHeightTimer = null;
       }
+      if (updateBodyTableTimer) {
+        clearTimeout(updateBodyTableTimer);
+        updateBodyTableTimer = null;
+      }
     };
     return {
       tableWidth,
@@ -35049,28 +35068,53 @@
       }
       return 0;
     };
+    const getBodyWrapRef = () => {
+      var _a;
+      const body = tableRefs.bodyTable;
+      return (_a = body == null ? void 0 : body.wrapRef) != null ? _a : null;
+    };
     const setRowRefsTranslate = (event) => {
+      var _a;
+      if (!sourceRowKey) {
+        return;
+      }
+      const wrapRef = getBodyWrapRef();
+      if (!wrapRef) {
+        return;
+      }
       const currentRowData = rowDataMap.value[sourceRowKey];
+      const firstRowEl = (_a = currentRowData == null ? void 0 : currentRowData.rowRef[0]) == null ? void 0 : _a.value;
+      if (!currentRowData || !firstRowEl) {
+        return;
+      }
       const {
         height: currentHeight
-      } = currentRowData.rowRef[0].value.getBoundingClientRect();
+      } = firstRowEl.getBoundingClientRect();
       const clientY = getClientY(event);
-      const realClientY = clientY + tableRefs.bodyTable.wrapRef.scrollTop;
+      const realClientY = clientY + wrapRef.scrollTop;
       const safeTranslateY = Math.max(relativeMinY, Math.min(realClientY - dragStartPosition, relativeMaxY));
       currentRowData.rowRef.forEach((currentItem) => {
+        if (!currentItem.value) {
+          return;
+        }
         currentItem.value.style.transform = `translateY(${safeTranslateY}px)`;
         currentItem.value.style.position = "relative";
         currentItem.value.style.zIndex = "999";
       });
       targetIndex = currentRowData.index;
       Object.keys(rowDataMap.value).forEach((rowKey) => {
+        var _a2;
         if (rowKey !== sourceRowKey) {
           const rowData = rowDataMap.value[rowKey];
+          const otherFirst = (_a2 = rowData.rowRef[0]) == null ? void 0 : _a2.value;
+          if (!otherFirst) {
+            return;
+          }
           const sort = rowData.index < currentRowData.index ? 1 : -1;
           const {
             height,
             top
-          } = rowData.rowRef[0].value.getBoundingClientRect();
+          } = otherFirst.getBoundingClientRect();
           const position = top + Number((height / 2).toFixed(2)) < clientY ? 1 : -1;
           if (!(sort + position)) {
             let translateY = currentHeight;
@@ -35081,13 +35125,17 @@
             }
             targetIndex = index;
             rowData.rowRef.forEach((rowRefItem) => {
-              rowRefItem.value.style.transform = `translateY(${translateY}px)`;
-              rowRefItem.value.style.transition = "transform 0.3s";
+              if (rowRefItem.value) {
+                rowRefItem.value.style.transform = `translateY(${translateY}px)`;
+                rowRefItem.value.style.transition = "transform 0.3s";
+              }
             });
           } else {
             rowData.rowRef.forEach((rowRefItem) => {
-              rowRefItem.value.style.transform = "none";
-              rowRefItem.value.style.transition = "transform 0.3s";
+              if (rowRefItem.value) {
+                rowRefItem.value.style.transform = "none";
+                rowRefItem.value.style.transition = "transform 0.3s";
+              }
             });
           }
         }
@@ -35108,14 +35156,27 @@
       if (bodyTop + bodyHeight > clientY && clientY > bodyTop) {
         clearBodyScrollY();
       } else if (!scrollTimer) {
+        const bodyInst = tableRefs.bodyTable;
+        if (!(bodyInst == null ? void 0 : bodyInst.setScrollTop) || !bodyInst.wrapRef) {
+          return;
+        }
         const px = clientY < bodyTop ? -3 : 3;
         scrollTimer = setInterval(() => {
-          tableRefs.bodyTable.setScrollTop(Math.max(0, Math.min(tableRefs.bodyTable.wrapRef.scrollTop + px, tableHeight - bodyHeight)));
+          const inst = tableRefs.bodyTable;
+          const wrap = inst == null ? void 0 : inst.wrapRef;
+          if (!(inst == null ? void 0 : inst.setScrollTop) || !wrap) {
+            clearBodyScrollY();
+            return;
+          }
+          inst.setScrollTop(Math.max(0, Math.min(wrap.scrollTop + px, tableHeight - bodyHeight)));
           setRowRefsTranslate(event);
         }, 10);
       }
     };
     const handleMousemove = (event) => {
+      if (!sourceRowKey) {
+        return;
+      }
       handleBodyScrollY(event);
       if (!scrollTimer) {
         setRowRefsTranslate(event);
@@ -35123,6 +35184,9 @@
     };
     const handleTouchmove = (event) => {
       event.preventDefault();
+      if (!sourceRowKey) {
+        return;
+      }
       handleBodyScrollY(event);
       if (!scrollTimer) {
         setRowRefsTranslate(event);
@@ -35131,17 +35195,29 @@
     const disableWheel = (e) => {
       e.preventDefault();
     };
-    const clearDrag = () => {
+    let clearDrag;
+    const removeDragWindowListeners = () => {
+      clearBodyScrollY();
+      window.removeEventListener("mousemove", handleMousemove);
+      window.removeEventListener("mouseup", clearDrag);
+      window.removeEventListener("mousewheel", disableWheel);
+      window.removeEventListener("touchmove", handleTouchmove);
+      window.removeEventListener("touchend", clearDrag);
+      window.removeEventListener("touchcancel", clearDrag);
+    };
+    clearDrag = () => {
       let targetRowKey = sourceRowKey;
       Object.values(rowDataMap.value).forEach((rowData) => {
         if (rowData.index === targetIndex) {
           targetRowKey = rowData.rowKey.toString();
         }
         rowData.rowRef.forEach((rowRefItem) => {
-          rowRefItem.value.style.transform = "none";
-          rowRefItem.value.style.transition = "none";
-          rowRefItem.value.style.position = "unset";
-          rowRefItem.value.style.zIndex = "auto";
+          if (rowRefItem.value) {
+            rowRefItem.value.style.transform = "none";
+            rowRefItem.value.style.transition = "none";
+            rowRefItem.value.style.position = "unset";
+            rowRefItem.value.style.zIndex = "auto";
+          }
         });
       });
       if (targetRowKey !== sourceRowKey) {
@@ -35150,19 +35226,23 @@
         }
       }
       sourceRowKey = "";
-      clearBodyScrollY();
-      window.removeEventListener("mousemove", handleMousemove);
-      window.removeEventListener("mouseup", clearDrag);
-      window.removeEventListener("mousewheel", disableWheel);
-      window.removeEventListener("touchmove", handleTouchmove);
-      window.removeEventListener("touchend", clearDrag);
-      window.removeEventListener("touchcancel", clearDrag);
+      removeDragWindowListeners();
     };
+    vue.onBeforeUnmount(() => {
+      if (!sourceRowKey) {
+        return;
+      }
+      sourceRowKey = "";
+      removeDragWindowListeners();
+    });
     const handleDragStart = (event, param) => {
-      const bodyTable = tableRefs.bodyTable.wrapRef;
+      const bodyWrap = getBodyWrapRef();
+      if (!bodyWrap) {
+        return;
+      }
       sourceRowKey = param.rowKey.toString();
       const clientY = getClientY(event);
-      dragStartPosition = clientY + bodyTable.scrollTop;
+      dragStartPosition = clientY + bodyWrap.scrollTop;
       const sortRowData = Object.values(rowDataMap.value).sort((a, b) => a.index - b.index);
       const {
         top
@@ -35172,10 +35252,10 @@
       const {
         top: bodyTopInner,
         height: bodyHeightInner
-      } = bodyTable.getBoundingClientRect();
+      } = bodyWrap.getBoundingClientRect();
       const {
         height: tableHeightInner
-      } = bodyTable.children[0].getBoundingClientRect();
+      } = bodyWrap.children[0].getBoundingClientRect();
       bodyTop = bodyTopInner;
       bodyHeight = bodyHeightInner;
       tableHeight = tableHeightInner;