@koi-design/uxd-ui 14.0.46 → 14.0.47

package/es/components/Table/hooks/useDraggable.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, computed, createVNode } from 'vue';
+import { ref, watch, onBeforeUnmount, computed, createVNode } from 'vue';
 import DraggableIcon from '../tableUnits/DraggableIcon.mjs';
 
 function useDraggable(props, tableRefs) {
@@ -50,28 +50,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;
@@ -82,13 +107,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";
+            }
           });
         }
       }
@@ -109,14 +138,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);
@@ -124,6 +166,9 @@ function useDraggable(props, tableRefs) {
   };
   const handleTouchmove = (event) => {
     event.preventDefault();
+    if (!sourceRowKey) {
+      return;
+    }
     handleBodyScrollY(event);
     if (!scrollTimer) {
       setRowRefsTranslate(event);
@@ -132,17 +177,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) {
@@ -151,19 +208,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
@@ -173,10 +234,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/es/components/Table/hooks/useDraggable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggable.mjs","sources":["../../../../../src/components/Table/hooks/useDraggable.tsx"],"sourcesContent":["import { computed, ref, watch } from 'vue';\nimport type { Ref } from 'vue';\nimport type { ColumnSlotParams, InnerColumn, TableProps, TableRefs } from '../Table.type';\nimport DraggableIcon from '../tableUnits/DraggableIcon.vue';\n\nexport interface RowData {\n  rowKey: string | number;\n  index: number;\n  data: Record<string, any>;\n  rowRef: Ref<HTMLElement>[];\n}\n\nexport interface BodyScrollMethod {\n  handle: null | ((e: any) => void);\n}\n\nexport default function useDraggable(props: TableProps, tableRefs: TableRefs) {\n  let sourceRowKey: string | number = '';\n  let targetIndex = 0;\n  let dragStartPosition = 0;\n  let relativeMinY = 0;\n  let relativeMaxY = 0;\n  const rowDataMap = ref<Record<string, RowData>>({});\n\n  const setRowRefs = (val: RowData) => {\n    if (props.draggable) {\n      const historyRowData = rowDataMap.value[val.rowKey.toString()];\n      if (historyRowData) {\n        const { rowRef } = historyRowData;\n        historyRowData.index = val.index;\n\n        if (rowRef[rowRef.length - 1].value) {\n          rowRef.push(...val.rowRef);\n        } else {\n          rowRef.splice(rowRef.length - 2, 1, val.rowRef[0]);\n        }\n      } else {\n        rowDataMap.value[val.rowKey.toString()] = val;\n      }\n    }\n  };\n  const clearRowRefs = () => {\n    if (props.draggable) {\n      Object.keys(rowDataMap.value).forEach((key) => {\n        const rowData = rowDataMap.value[key];\n        if (rowData.rowRef.every((item) => !item.value)) {\n          delete rowDataMap.value[key];\n        }\n      });\n    }\n  };\n  watch(\n    () => props.data,\n    () => {\n      clearRowRefs();\n    },\n    { flush: 'post' }\n  );\n\n  // Extract clientY from mouse or touch event\n  const getClientY = (event: MouseEvent | TouchEvent): number => {\n    if ('touches' in event && event.touches.length > 0) {\n      // Touch event - get Y coordinate from first touch point\n      return event.touches[0].clientY;\n    }\n    if ('clientY' in event) {\n      // Mouse event - use clientY directly\n      return event.clientY;\n    }\n    return 0;\n  };\n\n  const setRowRefsTranslate = (event: MouseEvent | TouchEvent) => {\n    const currentRowData = rowDataMap.value[sourceRowKey];\n    const { height: currentHeight } = currentRowData.rowRef[0].value.getBoundingClientRect();\n    const clientY = getClientY(event);\n    const realClientY = clientY + (tableRefs.bodyTable as any).wrapRef.scrollTop;\n    const safeTranslateY = Math.max(relativeMinY, Math.min(realClientY - dragStartPosition, relativeMaxY));\n    currentRowData.rowRef.forEach((currentItem) => {\n      currentItem.value.style.transform = `translateY(${safeTranslateY}px)`;\n      currentItem.value.style.position = 'relative';\n      currentItem.value.style.zIndex = '999';\n    });\n    targetIndex = currentRowData.index;\n    Object.keys(rowDataMap.value).forEach((rowKey) => {\n      if (rowKey !== sourceRowKey) {\n        const rowData = rowDataMap.value[rowKey];\n        const sort = rowData.index < currentRowData.index ? 1 : -1;\n\n        const { height, top } = rowData.rowRef[0].value.getBoundingClientRect();\n        const position = top + Number((height / 2).toFixed(2)) < clientY ? 1 : -1;\n\n        if (!(sort + position)) {\n          let translateY = currentHeight;\n          let index = Math.min(targetIndex, rowData.index);\n          if (sort === -1) {\n            translateY = -currentHeight;\n            index = Math.max(targetIndex, rowData.index);\n          }\n          targetIndex = index;\n          rowData.rowRef.forEach((rowRefItem) => {\n            rowRefItem.value.style.transform = `translateY(${translateY}px)`;\n            rowRefItem.value.style.transition = 'transform 0.3s';\n          });\n        } else {\n          rowData.rowRef.forEach((rowRefItem) => {\n            rowRefItem.value.style.transform = 'none';\n            rowRefItem.value.style.transition = 'transform 0.3s';\n          });\n        }\n      }\n    });\n  };\n\n  let bodyTop = 0;\n  let bodyHeight = 0;\n  let tableHeight = 0;\n  let scrollTimer: any | null = null;\n  const clearBodyScrollY = () => {\n    if (scrollTimer) {\n      clearInterval(scrollTimer);\n      scrollTimer = null;\n    }\n  };\n  const handleBodyScrollY = (event: MouseEvent | TouchEvent) => {\n    const clientY = getClientY(event);\n    if (bodyTop + bodyHeight > clientY && clientY > bodyTop) {\n      clearBodyScrollY();\n    } else if (!scrollTimer) {\n      const px = clientY < bodyTop ? -3 : 3;\n      scrollTimer = setInterval(() => {\n        (tableRefs.bodyTable as any).setScrollTop(\n          Math.max(0, Math.min((tableRefs.bodyTable as any).wrapRef.scrollTop + px, tableHeight - bodyHeight))\n        );\n        setRowRefsTranslate(event);\n      }, 10);\n    }\n  };\n\n  // Handle mouse move event\n  const handleMousemove = (event: MouseEvent) => {\n    handleBodyScrollY(event);\n\n    if (!scrollTimer) {\n      setRowRefsTranslate(event);\n    }\n  };\n\n  // Handle touch move event for mobile devices\n  const handleTouchmove = (event: TouchEvent) => {\n    // Prevent default scrolling behavior during drag\n    event.preventDefault();\n    handleBodyScrollY(event);\n\n    if (!scrollTimer) {\n      setRowRefsTranslate(event);\n    }\n  };\n\n  const disableWheel = (e: Event) => {\n    e.preventDefault();\n  };\n\n  const clearDrag = () => {\n    let targetRowKey = sourceRowKey;\n    Object.values(rowDataMap.value).forEach((rowData) => {\n      if (rowData.index === targetIndex) {\n        targetRowKey = rowData.rowKey.toString();\n      }\n      rowData.rowRef.forEach((rowRefItem) => {\n        rowRefItem.value.style.transform = 'none';\n        rowRefItem.value.style.transition = 'none';\n        rowRefItem.value.style.position = 'unset';\n        rowRefItem.value.style.zIndex = 'auto';\n      });\n    });\n    if (targetRowKey !== sourceRowKey) {\n      if (props.draggable.onDragDrop) {\n        props.draggable.onDragDrop(sourceRowKey, targetRowKey);\n      }\n    }\n    sourceRowKey = '';\n    clearBodyScrollY();\n    // Remove mouse event listeners\n    window.removeEventListener('mousemove', handleMousemove);\n    window.removeEventListener('mouseup', clearDrag);\n    window.removeEventListener('mousewheel', disableWheel);\n    // Remove touch event listeners\n    window.removeEventListener('touchmove', handleTouchmove);\n    window.removeEventListener('touchend', clearDrag);\n    window.removeEventListener('touchcancel', clearDrag);\n  };\n  const handleDragStart = (event: MouseEvent | TouchEvent, param: ColumnSlotParams) => {\n    const bodyTable = (tableRefs.bodyTable as any).wrapRef;\n\n    sourceRowKey = param.rowKey.toString();\n\n    // Get clientY from mouse or touch event\n    const clientY = getClientY(event);\n    dragStartPosition = clientY + bodyTable.scrollTop;\n\n    const sortRowData = Object.values(rowDataMap.value).sort((a, b) => a.index - b.index);\n    const { top } = rowDataMap.value[sourceRowKey].rowRef[0].value.getBoundingClientRect();\n    relativeMinY = sortRowData[0].rowRef[0].value.getBoundingClientRect().top - top;\n    relativeMaxY = sortRowData[sortRowData.length - 1].rowRef[0].value.getBoundingClientRect().top - top;\n    const { top: bodyTopInner, height: bodyHeightInner } = bodyTable.getBoundingClientRect();\n    const { height: tableHeightInner } = bodyTable.children[0].getBoundingClientRect();\n    bodyTop = bodyTopInner;\n    bodyHeight = bodyHeightInner;\n    tableHeight = tableHeightInner;\n\n    // Initialize position\n    if ('touches' in event) {\n      handleTouchmove(event as TouchEvent);\n    } else {\n      handleMousemove(event as MouseEvent);\n    }\n\n    // Add mouse event listeners for desktop\n    window.addEventListener('mousemove', handleMousemove);\n    window.addEventListener('mouseup', clearDrag);\n    window.addEventListener('mousewheel', disableWheel, { passive: false });\n\n    // Add touch event listeners for mobile\n    window.addEventListener('touchmove', handleTouchmove, { passive: false });\n    window.addEventListener('touchend', clearDrag);\n    window.addEventListener('touchcancel', clearDrag);\n\n    event.preventDefault();\n  };\n\n  const draggableColumn = computed(() => {\n    if (props.draggable) {\n      const column: InnerColumn = {\n        key: 'draggable-column',\n        type: 'draggable',\n        width: 50,\n        align: 'center',\n        render: (param) => {\n          return <DraggableIcon onDragStart={(event: MouseEvent | TouchEvent) => handleDragStart(event, param)} />;\n        }\n        // handleDragStart\n      };\n      if ('fixed' in props.draggable) {\n        column.fixed = props.draggable.fixed;\n      } else if (props.columns.some((x) => x.fixed === 'left' || x.fixed === true)) {\n        column.fixed = 'left';\n      }\n      return column;\n    }\n    return null;\n  });\n  return {\n    setRowRefs,\n    draggableColumn\n  };\n}\n"],"names":["useDraggable","props","tableRefs","sourceRowKey","targetIndex","dragStartPosition","relativeMinY","relativeMaxY","rowDataMap","ref","setRowRefs","val","draggable","historyRowData","value","rowKey","toString","rowRef","index","length","push","splice","clearRowRefs","Object","keys","forEach","key","rowData","every","item","watch","data","flush","getClientY","event","touches","clientY","setRowRefsTranslate","currentRowData","height","currentHeight","getBoundingClientRect","realClientY","bodyTable","wrapRef","scrollTop","safeTranslateY","Math","max","min","currentItem","style","transform","position","zIndex","sort","top","Number","toFixed","translateY","rowRefItem","transition","bodyTop","bodyHeight","tableHeight","scrollTimer","clearBodyScrollY","clearInterval","handleBodyScrollY","px","setInterval","setScrollTop","handleMousemove","handleTouchmove","preventDefault","disableWheel","e","clearDrag","targetRowKey","values","onDragDrop","window","removeEventListener","handleDragStart","param","sortRowData","a","b","bodyTopInner","bodyHeightInner","tableHeightInner","children","addEventListener","passive","draggableColumn","computed","column","type","width","align","render","_createVNode","DraggableIcon","fixed","columns","some","x"],"mappings":";;;SAgBwBA,aAAaC,OAAmBC,WAAsB;AAC5E,MAAIC,eAAgC;AACpC,MAAIC,cAAc;AAClB,MAAIC,oBAAoB;AACxB,MAAIC,eAAe;AACnB,MAAIC,eAAe;AACnB,QAAMC,aAAaC,IAA6B,EAAE;AAElD,QAAMC,aAAcC,SAAiB;AACnC,QAAIV,MAAMW,WAAW;AACnB,YAAMC,iBAAiBL,WAAWM,MAAMH,IAAII,OAAOC;AACnD,UAAIH,gBAAgB;AAClB,cAAM;AAAA,UAAEI;AAAAA,YAAWJ;AACnBA,uBAAeK,QAAQP,IAAIO;AAE3B,YAAID,OAAOA,OAAOE,SAAS,GAAGL,OAAO;AACnCG,iBAAOG,KAAK,GAAGT,IAAIM,MAAM;AAAA,eACpB;AACLA,iBAAOI,OAAOJ,OAAOE,SAAS,GAAG,GAAGR,IAAIM,OAAO,EAAE;AAAA;AACnD,aACK;AACLT,mBAAWM,MAAMH,IAAII,OAAOC,cAAcL;AAAAA;AAC5C;AACF;AAEF,QAAMW,eAAeA,MAAM;AACzB,QAAIrB,MAAMW,WAAW;AACnBW,aAAOC,KAAKhB,WAAWM,KAAK,EAAEW,QAASC,SAAQ;AAC7C,cAAMC,UAAUnB,WAAWM,MAAMY;AACjC,YAAIC,QAAQV,OAAOW,MAAOC,UAAS,CAACA,KAAKf,KAAK,GAAG;AAC/C,iBAAON,WAAWM,MAAMY;AAAAA;AAC1B,OACD;AAAA;AACH;AAEFI,QACE,MAAM7B,MAAM8B,MACZ,MAAM;AACJT;AAAa,KAEf;AAAA,IAAEU,OAAO;AAAA,GACX;AAGA,QAAMC,aAAcC,WAA2C;AAC7D,QAAI,aAAaA,SAASA,MAAMC,QAAQhB,SAAS,GAAG;AAElD,aAAOe,MAAMC,QAAQ,GAAGC;AAAAA;AAE1B,QAAI,aAAaF,OAAO;AAEtB,aAAOA,MAAME;AAAAA;AAEf,WAAO;AAAA;AAGT,QAAMC,sBAAuBH,WAAmC;AAC9D,UAAMI,iBAAiB9B,WAAWM,MAAMX;AACxC,UAAM;AAAA,MAAEoC,QAAQC;AAAAA,QAAkBF,eAAerB,OAAO,GAAGH,MAAM2B;AACjE,UAAML,UAAUH,WAAWC,KAAK;AAChC,UAAMQ,cAAcN,UAAWlC,UAAUyC,UAAkBC,QAAQC;AACnE,UAAMC,iBAAiBC,KAAKC,IAAI1C,cAAcyC,KAAKE,IAAIP,cAAcrC,mBAAmBE,YAAY,CAAC;AACrG+B,mBAAerB,OAAOQ,QAASyB,iBAAgB;AAC7CA,kBAAYpC,MAAMqC,MAAMC,YAAY,cAAcN;AAClDI,kBAAYpC,MAAMqC,MAAME,WAAW;AACnCH,kBAAYpC,MAAMqC,MAAMG,SAAS;AAAA,KAClC;AACDlD,kBAAckC,eAAepB;AAC7BK,WAAOC,KAAKhB,WAAWM,KAAK,EAAEW,QAASV,YAAW;AAChD,UAAIA,WAAWZ,cAAc;AAC3B,cAAMwB,UAAUnB,WAAWM,MAAMC;AACjC,cAAMwC,OAAO5B,QAAQT,QAAQoB,eAAepB,QAAQ,IAAI;AAExD,cAAM;AAAA,UAAEqB;AAAAA,UAAQiB;AAAAA,YAAQ7B,QAAQV,OAAO,GAAGH,MAAM2B;AAChD,cAAMY,WAAWG,MAAMC,QAAQlB,SAAS,GAAGmB,QAAQ,CAAC,CAAC,IAAItB,UAAU,IAAI;AAEvE,YAAI,EAAEmB,OAAOF,WAAW;AACtB,cAAIM,aAAanB;AACjB,cAAItB,QAAQ6B,KAAKE,IAAI7C,aAAauB,QAAQT,KAAK;AAC/C,cAAIqC,SAAS,IAAI;AACfI,yBAAa,CAACnB;AACdtB,oBAAQ6B,KAAKC,IAAI5C,aAAauB,QAAQT,KAAK;AAAA;AAE7Cd,wBAAcc;AACdS,kBAAQV,OAAOQ,QAASmC,gBAAe;AACrCA,uBAAW9C,MAAMqC,MAAMC,YAAY,cAAcO;AACjDC,uBAAW9C,MAAMqC,MAAMU,aAAa;AAAA,WACrC;AAAA,eACI;AACLlC,kBAAQV,OAAOQ,QAASmC,gBAAe;AACrCA,uBAAW9C,MAAMqC,MAAMC,YAAY;AACnCQ,uBAAW9C,MAAMqC,MAAMU,aAAa;AAAA,WACrC;AAAA;AACH;AACF,KACD;AAAA;AAGH,MAAIC,UAAU;AACd,MAAIC,aAAa;AACjB,MAAIC,cAAc;AAClB,MAAIC,cAA0B;AAC9B,QAAMC,mBAAmBA,MAAM;AAC7B,QAAID,aAAa;AACfE,oBAAcF,WAAW;AACzBA,oBAAc;AAAA;AAChB;AAEF,QAAMG,oBAAqBlC,WAAmC;AAC5D,UAAME,UAAUH,WAAWC,KAAK;AAChC,QAAI4B,UAAUC,aAAa3B,WAAWA,UAAU0B,SAAS;AACvDI;AAAiB,eACR,CAACD,aAAa;AACvB,YAAMI,KAAKjC,UAAU0B,UAAU,KAAK;AACpCG,oBAAcK,YAAY,MAAM;AAC7BpE,kBAAUyC,UAAkB4B,aAC3BxB,KAAKC,IAAI,GAAGD,KAAKE,IAAK/C,UAAUyC,UAAkBC,QAAQC,YAAYwB,IAAIL,cAAcD,UAAU,CAAC,CACrG;AACA1B,4BAAoBH,KAAK;AAAA,SACxB,EAAE;AAAA;AACP;AAIF,QAAMsC,kBAAmBtC,WAAsB;AAC7CkC,sBAAkBlC,KAAK;AAEvB,QAAI,CAAC+B,aAAa;AAChB5B,0BAAoBH,KAAK;AAAA;AAC3B;AAIF,QAAMuC,kBAAmBvC,WAAsB;AAE7CA,UAAMwC;AACNN,sBAAkBlC,KAAK;AAEvB,QAAI,CAAC+B,aAAa;AAChB5B,0BAAoBH,KAAK;AAAA;AAC3B;AAGF,QAAMyC,eAAgBC,OAAa;AACjCA,MAAEF;AAAe;AAGnB,QAAMG,YAAYA,MAAM;AACtB,QAAIC,eAAe3E;AACnBoB,WAAOwD,OAAOvE,WAAWM,KAAK,EAAEW,QAASE,aAAY;AACnD,UAAIA,QAAQT,UAAUd,aAAa;AACjC0E,uBAAenD,QAAQZ,OAAOC;AAAS;AAEzCW,cAAQV,OAAOQ,QAASmC,gBAAe;AACrCA,mBAAW9C,MAAMqC,MAAMC,YAAY;AACnCQ,mBAAW9C,MAAMqC,MAAMU,aAAa;AACpCD,mBAAW9C,MAAMqC,MAAME,WAAW;AAClCO,mBAAW9C,MAAMqC,MAAMG,SAAS;AAAA,OACjC;AAAA,KACF;AACD,QAAIwB,iBAAiB3E,cAAc;AACjC,UAAIF,MAAMW,UAAUoE,YAAY;AAC9B/E,cAAMW,UAAUoE,WAAW7E,cAAc2E,YAAY;AAAA;AACvD;AAEF3E,mBAAe;AACf+D;AAEAe,WAAOC,oBAAoB,aAAaV,eAAe;AACvDS,WAAOC,oBAAoB,WAAWL,SAAS;AAC/CI,WAAOC,oBAAoB,cAAcP,YAAY;AAErDM,WAAOC,oBAAoB,aAAaT,eAAe;AACvDQ,WAAOC,oBAAoB,YAAYL,SAAS;AAChDI,WAAOC,oBAAoB,eAAeL,SAAS;AAAA;AAErD,QAAMM,kBAAkBA,CAACjD,OAAgCkD,UAA4B;AACnF,UAAMzC,YAAazC,UAAUyC,UAAkBC;AAE/CzC,mBAAeiF,MAAMrE,OAAOC;AAG5B,UAAMoB,UAAUH,WAAWC,KAAK;AAChC7B,wBAAoB+B,UAAUO,UAAUE;AAExC,UAAMwC,cAAc9D,OAAOwD,OAAOvE,WAAWM,KAAK,EAAEyC,KAAK,CAAC+B,GAAGC,MAAMD,EAAEpE,QAAQqE,EAAErE,KAAK;AACpF,UAAM;AAAA,MAAEsC;AAAAA,QAAQhD,WAAWM,MAAMX,cAAcc,OAAO,GAAGH,MAAM2B;AAC/DnC,mBAAe+E,YAAY,GAAGpE,OAAO,GAAGH,MAAM2B,wBAAwBe,MAAMA;AAC5EjD,mBAAe8E,YAAYA,YAAYlE,SAAS,GAAGF,OAAO,GAAGH,MAAM2B,wBAAwBe,MAAMA;AACjG,UAAM;AAAA,MAAEA,KAAKgC;AAAAA,MAAcjD,QAAQkD;AAAAA,QAAoB9C,UAAUF;AACjE,UAAM;AAAA,MAAEF,QAAQmD;AAAAA,QAAqB/C,UAAUgD,SAAS,GAAGlD;AAC3DqB,cAAU0B;AACVzB,iBAAa0B;AACbzB,kBAAc0B;AAGd,QAAI,aAAaxD,OAAO;AACtBuC,sBAAgBvC,KAAmB;AAAA,WAC9B;AACLsC,sBAAgBtC,KAAmB;AAAA;AAIrC+C,WAAOW,iBAAiB,aAAapB,eAAe;AACpDS,WAAOW,iBAAiB,WAAWf,SAAS;AAC5CI,WAAOW,iBAAiB,cAAcjB,cAAc;AAAA,MAAEkB,SAAS;AAAA,KAAO;AAGtEZ,WAAOW,iBAAiB,aAAanB,iBAAiB;AAAA,MAAEoB,SAAS;AAAA,KAAO;AACxEZ,WAAOW,iBAAiB,YAAYf,SAAS;AAC7CI,WAAOW,iBAAiB,eAAef,SAAS;AAEhD3C,UAAMwC;AAAe;AAGvB,QAAMoB,kBAAkBC,SAAS,MAAM;AACrC,QAAI9F,MAAMW,WAAW;AACnB,YAAMoF,SAAsB;AAAA,QAC1BtE,KAAK;AAAA,QACLuE,MAAM;AAAA,QACNC,OAAO;AAAA,QACPC,OAAO;AAAA,QACPC,QAAShB,WAAU;AACjB,iBAAAiB,YAAAC;YAAA,eAAoCpE,WAAmCiD,gBAAgBjD,OAAOkD,KAAK;AAAA;;AACrG;AAGF,UAAI,WAAWnF,MAAMW,WAAW;AAC9BoF,eAAOO,QAAQtG,MAAMW,UAAU2F;AAAAA,iBACtBtG,MAAMuG,QAAQC,KAAMC,OAAMA,EAAEH,UAAU,UAAUG,EAAEH,UAAU,IAAI,GAAG;AAC5EP,eAAOO,QAAQ;AAAA;AAEjB,aAAOP;AAAAA;AAET,WAAO;AAAA,GACR;AACD,SAAO;AAAA,IACLtF;AAAAA,IACAoF;AAAAA;AAEJ;;;;"}
+{"version":3,"file":"useDraggable.mjs","sources":["../../../../../src/components/Table/hooks/useDraggable.tsx"],"sourcesContent":["import { computed, onBeforeUnmount, ref, watch } from 'vue';\nimport type { Ref } from 'vue';\nimport type { ColumnSlotParams, InnerColumn, TableProps, TableRefs } from '../Table.type';\nimport DraggableIcon from '../tableUnits/DraggableIcon.vue';\n\nexport interface RowData {\n  rowKey: string | number;\n  index: number;\n  data: Record<string, any>;\n  rowRef: Ref<HTMLElement>[];\n}\n\nexport interface BodyScrollMethod {\n  handle: null | ((e: any) => void);\n}\n\nexport default function useDraggable(props: TableProps, tableRefs: TableRefs) {\n  let sourceRowKey: string | number = '';\n  let targetIndex = 0;\n  let dragStartPosition = 0;\n  let relativeMinY = 0;\n  let relativeMaxY = 0;\n  const rowDataMap = ref<Record<string, RowData>>({});\n\n  const setRowRefs = (val: RowData) => {\n    if (props.draggable) {\n      const historyRowData = rowDataMap.value[val.rowKey.toString()];\n      if (historyRowData) {\n        const { rowRef } = historyRowData;\n        historyRowData.index = val.index;\n\n        if (rowRef[rowRef.length - 1].value) {\n          rowRef.push(...val.rowRef);\n        } else {\n          rowRef.splice(rowRef.length - 2, 1, val.rowRef[0]);\n        }\n      } else {\n        rowDataMap.value[val.rowKey.toString()] = val;\n      }\n    }\n  };\n  const clearRowRefs = () => {\n    if (props.draggable) {\n      Object.keys(rowDataMap.value).forEach((key) => {\n        const rowData = rowDataMap.value[key];\n        if (rowData.rowRef.every((item) => !item.value)) {\n          delete rowDataMap.value[key];\n        }\n      });\n    }\n  };\n  watch(\n    () => props.data,\n    () => {\n      clearRowRefs();\n    },\n    { flush: 'post' }\n  );\n\n  // Extract clientY from mouse or touch event\n  const getClientY = (event: MouseEvent | TouchEvent): number => {\n    if ('touches' in event && event.touches.length > 0) {\n      // Touch event - get Y coordinate from first touch point\n      return event.touches[0].clientY;\n    }\n    if ('clientY' in event) {\n      // Mouse event - use clientY directly\n      return event.clientY;\n    }\n    return 0;\n  };\n\n  const getBodyWrapRef = () => {\n    const body = tableRefs.bodyTable as any;\n    return body?.wrapRef ?? null;\n  };\n\n  const setRowRefsTranslate = (event: MouseEvent | TouchEvent) => {\n    if (!sourceRowKey) {\n      return;\n    }\n    const wrapRef = getBodyWrapRef();\n    if (!wrapRef) {\n      return;\n    }\n    const currentRowData = rowDataMap.value[sourceRowKey];\n    const firstRowEl = currentRowData?.rowRef[0]?.value;\n    if (!currentRowData || !firstRowEl) {\n      return;\n    }\n    const { height: currentHeight } = firstRowEl.getBoundingClientRect();\n    const clientY = getClientY(event);\n    const realClientY = clientY + wrapRef.scrollTop;\n    const safeTranslateY = Math.max(relativeMinY, Math.min(realClientY - dragStartPosition, relativeMaxY));\n    currentRowData.rowRef.forEach((currentItem) => {\n      if (!currentItem.value) {\n        return;\n      }\n      currentItem.value.style.transform = `translateY(${safeTranslateY}px)`;\n      currentItem.value.style.position = 'relative';\n      currentItem.value.style.zIndex = '999';\n    });\n    targetIndex = currentRowData.index;\n    Object.keys(rowDataMap.value).forEach((rowKey) => {\n      if (rowKey !== sourceRowKey) {\n        const rowData = rowDataMap.value[rowKey];\n        const otherFirst = rowData.rowRef[0]?.value;\n        if (!otherFirst) {\n          return;\n        }\n        const sort = rowData.index < currentRowData.index ? 1 : -1;\n\n        const { height, top } = otherFirst.getBoundingClientRect();\n        const position = top + Number((height / 2).toFixed(2)) < clientY ? 1 : -1;\n\n        if (!(sort + position)) {\n          let translateY = currentHeight;\n          let index = Math.min(targetIndex, rowData.index);\n          if (sort === -1) {\n            translateY = -currentHeight;\n            index = Math.max(targetIndex, rowData.index);\n          }\n          targetIndex = index;\n          rowData.rowRef.forEach((rowRefItem) => {\n            if (rowRefItem.value) {\n              rowRefItem.value.style.transform = `translateY(${translateY}px)`;\n              rowRefItem.value.style.transition = 'transform 0.3s';\n            }\n          });\n        } else {\n          rowData.rowRef.forEach((rowRefItem) => {\n            if (rowRefItem.value) {\n              rowRefItem.value.style.transform = 'none';\n              rowRefItem.value.style.transition = 'transform 0.3s';\n            }\n          });\n        }\n      }\n    });\n  };\n\n  let bodyTop = 0;\n  let bodyHeight = 0;\n  let tableHeight = 0;\n  let scrollTimer: any | null = null;\n  const clearBodyScrollY = () => {\n    if (scrollTimer) {\n      clearInterval(scrollTimer);\n      scrollTimer = null;\n    }\n  };\n  const handleBodyScrollY = (event: MouseEvent | TouchEvent) => {\n    const clientY = getClientY(event);\n    if (bodyTop + bodyHeight > clientY && clientY > bodyTop) {\n      clearBodyScrollY();\n    } else if (!scrollTimer) {\n      const bodyInst = tableRefs.bodyTable as any;\n      if (!bodyInst?.setScrollTop || !bodyInst.wrapRef) {\n        return;\n      }\n      const px = clientY < bodyTop ? -3 : 3;\n      scrollTimer = setInterval(() => {\n        const inst = tableRefs.bodyTable as any;\n        const wrap = inst?.wrapRef;\n        if (!inst?.setScrollTop || !wrap) {\n          clearBodyScrollY();\n          return;\n        }\n        inst.setScrollTop(Math.max(0, Math.min(wrap.scrollTop + px, tableHeight - bodyHeight)));\n        setRowRefsTranslate(event);\n      }, 10);\n    }\n  };\n\n  // Handle mouse move event\n  const handleMousemove = (event: MouseEvent) => {\n    if (!sourceRowKey) {\n      return;\n    }\n    handleBodyScrollY(event);\n\n    if (!scrollTimer) {\n      setRowRefsTranslate(event);\n    }\n  };\n\n  // Handle touch move event for mobile devices\n  const handleTouchmove = (event: TouchEvent) => {\n    // Prevent default scrolling behavior during drag\n    event.preventDefault();\n    if (!sourceRowKey) {\n      return;\n    }\n    handleBodyScrollY(event);\n\n    if (!scrollTimer) {\n      setRowRefsTranslate(event);\n    }\n  };\n\n  const disableWheel = (e: Event) => {\n    e.preventDefault();\n  };\n\n  let clearDrag: () => void;\n\n  const removeDragWindowListeners = () => {\n    clearBodyScrollY();\n    window.removeEventListener('mousemove', handleMousemove);\n    window.removeEventListener('mouseup', clearDrag);\n    window.removeEventListener('mousewheel', disableWheel);\n    window.removeEventListener('touchmove', handleTouchmove);\n    window.removeEventListener('touchend', clearDrag);\n    window.removeEventListener('touchcancel', clearDrag);\n  };\n\n  clearDrag = () => {\n    let targetRowKey = sourceRowKey;\n    Object.values(rowDataMap.value).forEach((rowData) => {\n      if (rowData.index === targetIndex) {\n        targetRowKey = rowData.rowKey.toString();\n      }\n      rowData.rowRef.forEach((rowRefItem) => {\n        if (rowRefItem.value) {\n          rowRefItem.value.style.transform = 'none';\n          rowRefItem.value.style.transition = 'none';\n          rowRefItem.value.style.position = 'unset';\n          rowRefItem.value.style.zIndex = 'auto';\n        }\n      });\n    });\n    if (targetRowKey !== sourceRowKey) {\n      if (props.draggable.onDragDrop) {\n        props.draggable.onDragDrop(sourceRowKey, targetRowKey);\n      }\n    }\n    sourceRowKey = '';\n    removeDragWindowListeners();\n  };\n\n  onBeforeUnmount(() => {\n    if (!sourceRowKey) {\n      return;\n    }\n    sourceRowKey = '';\n    removeDragWindowListeners();\n  });\n\n  const handleDragStart = (event: MouseEvent | TouchEvent, param: ColumnSlotParams) => {\n    const bodyWrap = getBodyWrapRef();\n    if (!bodyWrap) {\n      return;\n    }\n\n    sourceRowKey = param.rowKey.toString();\n\n    // Get clientY from mouse or touch event\n    const clientY = getClientY(event);\n    dragStartPosition = clientY + bodyWrap.scrollTop;\n\n    const sortRowData = Object.values(rowDataMap.value).sort((a, b) => a.index - b.index);\n    const { top } = rowDataMap.value[sourceRowKey].rowRef[0].value.getBoundingClientRect();\n    relativeMinY = sortRowData[0].rowRef[0].value.getBoundingClientRect().top - top;\n    relativeMaxY = sortRowData[sortRowData.length - 1].rowRef[0].value.getBoundingClientRect().top - top;\n    const { top: bodyTopInner, height: bodyHeightInner } = bodyWrap.getBoundingClientRect();\n    const { height: tableHeightInner } = bodyWrap.children[0].getBoundingClientRect();\n    bodyTop = bodyTopInner;\n    bodyHeight = bodyHeightInner;\n    tableHeight = tableHeightInner;\n\n    // Initialize position\n    if ('touches' in event) {\n      handleTouchmove(event as TouchEvent);\n    } else {\n      handleMousemove(event as MouseEvent);\n    }\n\n    // Add mouse event listeners for desktop\n    window.addEventListener('mousemove', handleMousemove);\n    window.addEventListener('mouseup', clearDrag);\n    window.addEventListener('mousewheel', disableWheel, { passive: false });\n\n    // Add touch event listeners for mobile\n    window.addEventListener('touchmove', handleTouchmove, { passive: false });\n    window.addEventListener('touchend', clearDrag);\n    window.addEventListener('touchcancel', clearDrag);\n\n    event.preventDefault();\n  };\n\n  const draggableColumn = computed(() => {\n    if (props.draggable) {\n      const column: InnerColumn = {\n        key: 'draggable-column',\n        type: 'draggable',\n        width: 50,\n        align: 'center',\n        render: (param) => {\n          return <DraggableIcon onDragStart={(event: MouseEvent | TouchEvent) => handleDragStart(event, param)} />;\n        }\n        // handleDragStart\n      };\n      if ('fixed' in props.draggable) {\n        column.fixed = props.draggable.fixed;\n      } else if (props.columns.some((x) => x.fixed === 'left' || x.fixed === true)) {\n        column.fixed = 'left';\n      }\n      return column;\n    }\n    return null;\n  });\n  return {\n    setRowRefs,\n    draggableColumn\n  };\n}\n"],"names":["useDraggable","props","tableRefs","sourceRowKey","targetIndex","dragStartPosition","relativeMinY","relativeMaxY","rowDataMap","ref","setRowRefs","val","draggable","historyRowData","value","rowKey","toString","rowRef","index","length","push","splice","clearRowRefs","Object","keys","forEach","key","rowData","every","item","watch","data","flush","getClientY","event","touches","clientY","getBodyWrapRef","body","bodyTable","wrapRef","setRowRefsTranslate","currentRowData","firstRowEl","height","currentHeight","getBoundingClientRect","realClientY","scrollTop","safeTranslateY","Math","max","min","currentItem","style","transform","position","zIndex","_a","otherFirst","sort","top","Number","toFixed","translateY","rowRefItem","transition","bodyTop","bodyHeight","tableHeight","scrollTimer","clearBodyScrollY","clearInterval","handleBodyScrollY","bodyInst","setScrollTop","px","setInterval","inst","wrap","handleMousemove","handleTouchmove","preventDefault","disableWheel","e","clearDrag","removeDragWindowListeners","window","removeEventListener","targetRowKey","values","onDragDrop","onBeforeUnmount","handleDragStart","param","bodyWrap","sortRowData","a","b","bodyTopInner","bodyHeightInner","tableHeightInner","children","addEventListener","passive","draggableColumn","computed","column","type","width","align","render","_createVNode","DraggableIcon","fixed","columns","some","x"],"mappings":"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"}

package/es/components/Table/hooks/useTableResize.d.ts

@@ -5,7 +5,7 @@ export default function useTableResize(updatedColumns: Ref<InnerColumn[]>, table
     tableWidth: Ref<number, number>;
     isScrollX: ComputedRef<boolean>;
     scrollPosition: Ref<string, string>;
-    resizeColumns: import("vue").ShallowRef<InnerColumn[], InnerColumn[]>;
+    resizeColumns: import("vue").ShallowRef<InnerColumn[]>;
     handleResize: () => void;
     setScrollPositionClass: () => void;
     resetScrollX: () => void;

package/es/components/Table/hooks/useTableResize.mjs

@@ -40,9 +40,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;
@@ -62,12 +66,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) => {
@@ -101,6 +116,10 @@ function useTableResize(updatedColumns, tableRefs, prefixCls, isColumnFixed, pro
       clearTimeout(syncHeightTimer);
       syncHeightTimer = null;
     }
+    if (updateBodyTableTimer) {
+      clearTimeout(updateBodyTableTimer);
+      updateBodyTableTimer = null;
+    }
   };
   return {
     tableWidth,

package/es/components/Table/hooks/useTableResize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableResize.mjs","sources":["../../../../../src/components/Table/hooks/useTableResize.ts"],"sourcesContent":["import { computed, ref, shallowRef } from 'vue';\nimport type { ComputedRef, Ref } from 'vue';\nimport { getLeafColumns, getColumnKey } from '../utils';\n// import { shallowequal } from '../../../utils/tools';\nimport type { InnerColumn, TableProps, TableRefs } from '../Table.type';\n\nexport function getWidth(width: string | number, tableWidth: number) {\n  let _width = 0;\n  if (typeof width === 'number') {\n    _width = width;\n  } else if (/^\\d*px$/.test(width)) {\n    _width = Number(width.replace('px', ''));\n  } else if (/^[\\d.]*%$/.test(width)) {\n    const percent = Number(width.replace('%', ''));\n    if (!Number.isNaN(percent)) {\n      _width = Math.floor((percent / 100) * tableWidth);\n    }\n  }\n  return _width;\n}\nexport default function useTableResize(\n  updatedColumns: Ref<InnerColumn[]>,\n  tableRefs: TableRefs,\n  prefixCls: Ref<string>,\n  isColumnFixed: ComputedRef<boolean>,\n  props: TableProps\n) {\n  const tableWidth = ref<number | undefined>(undefined);\n  const resizeColumns = shallowRef<InnerColumn[]>([]);\n  const columnWidths = ref<Record<string, number>>({});\n\n  const syncColumnsWidth = () => {\n    const { bodyTable } = tableRefs;\n    if (!bodyTable || (bodyTable as any).getWidth() === undefined) {\n      return;\n    }\n    // const wrapWidth = props.border ? bodyTable.clientWidth - 1 : bodyTable.clientWidth;\n    const wrapWidth = (bodyTable as any).getWidth();\n\n    const columns = getLeafColumns(updatedColumns.value);\n\n    const totalWidth = columns.reduce((sum, col) => sum + getWidth(col.width ?? col.minWidth, wrapWidth), 0);\n    if (totalWidth > wrapWidth) {\n      tableWidth.value = totalWidth;\n    } else {\n      tableWidth.value = undefined;\n    }\n  };\n\n  const syncColumnWidth = (width: number, column: InnerColumn) => {\n    columnWidths.value[getColumnKey(column)] = width;\n  };\n\n  let syncHeightTimer: any = null;\n  const scrollPosition = ref('left');\n\n  const setScrollPositionClass = () => {\n    const { bodyTable } = tableRefs;\n    const bodyDom = (bodyTable as any).wrapRef;\n    if (!bodyDom) {\n      return;\n    }\n\n    const scrollToLeft = bodyDom.scrollLeft === 0;\n    const scrollToRight = bodyDom.scrollLeft + 1 >= bodyDom.children[0].getBoundingClientRect().width - bodyDom.getBoundingClientRect().width;\n    if (scrollToLeft && scrollToRight) {\n      scrollPosition.value = 'both';\n    } else if (scrollToLeft) {\n      scrollPosition.value = 'left';\n    } else if (scrollToRight) {\n      scrollPosition.value = 'right';\n    } else {\n      scrollPosition.value = 'middle';\n    }\n  };\n  const handleResize = () => {\n    syncColumnsWidth();\n\n    if (isColumnFixed.value) {\n      syncHeightTimer = setTimeout(() => {\n        // syncFixedTableRowHeight();\n        setScrollPositionClass();\n      }, 0);\n    }\n    setTimeout(() => {\n      (tableRefs.bodyTable as any).update();\n    }, 0);\n  };\n\n  const setResizeWidth = (column: InnerColumn, width: number) => {\n    const columns = getLeafColumns(updatedColumns.value);\n    const _column = columns.find((c) => c === column || getColumnKey(c) === getColumnKey(column));\n    if (_column) {\n      _column.width = width;\n    }\n    resizeColumns.value = columns;\n    syncColumnWidth(width, _column);\n  };\n  const isScrollX = computed(() => {\n    const { table } = tableRefs;\n    if (table) {\n      const wrapWidth = props.border ? table.offsetWidth - 1 : table.offsetWidth;\n      return tableWidth.value && tableWidth.value > wrapWidth;\n    }\n    return false;\n  });\n\n  const resetScrollX = () => {\n    const { bodyTable, headTable } = tableRefs;\n    if (bodyTable) {\n      (bodyTable as any).setScrollLeft(0);\n    }\n    if (headTable) {\n      (headTable as any).setScrollLeft(0);\n    }\n  };\n  const clearResizeTimer = () => {\n    if (syncHeightTimer) {\n      clearTimeout(syncHeightTimer);\n      syncHeightTimer = null;\n    }\n  };\n  return {\n    // sizesMap,\n    tableWidth,\n    isScrollX,\n    scrollPosition,\n    resizeColumns,\n    handleResize,\n    setScrollPositionClass,\n    resetScrollX,\n    clearResizeTimer,\n    setResizeWidth,\n    syncColumnWidth,\n    columnWidths\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTableResize.mjs","sources":["../../../../../src/components/Table/hooks/useTableResize.ts"],"sourcesContent":["import { computed, ref, shallowRef } from 'vue';\nimport type { ComputedRef, Ref } from 'vue';\nimport { getLeafColumns, getColumnKey } from '../utils';\n// import { shallowequal } from '../../../utils/tools';\nimport type { InnerColumn, TableProps, TableRefs } from '../Table.type';\n\nexport function getWidth(width: string | number, tableWidth: number) {\n  let _width = 0;\n  if (typeof width === 'number') {\n    _width = width;\n  } else if (/^\\d*px$/.test(width)) {\n    _width = Number(width.replace('px', ''));\n  } else if (/^[\\d.]*%$/.test(width)) {\n    const percent = Number(width.replace('%', ''));\n    if (!Number.isNaN(percent)) {\n      _width = Math.floor((percent / 100) * tableWidth);\n    }\n  }\n  return _width;\n}\nexport default function useTableResize(\n  updatedColumns: Ref<InnerColumn[]>,\n  tableRefs: TableRefs,\n  prefixCls: Ref<string>,\n  isColumnFixed: ComputedRef<boolean>,\n  props: TableProps\n) {\n  const tableWidth = ref<number | undefined>(undefined);\n  const resizeColumns = shallowRef<InnerColumn[]>([]);\n  const columnWidths = ref<Record<string, number>>({});\n\n  const syncColumnsWidth = () => {\n    const { bodyTable } = tableRefs;\n    if (!bodyTable || (bodyTable as any).getWidth() === undefined) {\n      return;\n    }\n    // const wrapWidth = props.border ? bodyTable.clientWidth - 1 : bodyTable.clientWidth;\n    const wrapWidth = (bodyTable as any).getWidth();\n\n    const columns = getLeafColumns(updatedColumns.value);\n\n    const totalWidth = columns.reduce((sum, col) => sum + getWidth(col.width ?? col.minWidth, wrapWidth), 0);\n    if (totalWidth > wrapWidth) {\n      tableWidth.value = totalWidth;\n    } else {\n      tableWidth.value = undefined;\n    }\n  };\n\n  const syncColumnWidth = (width: number, column: InnerColumn) => {\n    columnWidths.value[getColumnKey(column)] = width;\n  };\n\n  let syncHeightTimer: ReturnType<typeof setTimeout> | null = null;\n  let updateBodyTableTimer: ReturnType<typeof setTimeout> | null = null;\n  const scrollPosition = ref('left');\n\n  const setScrollPositionClass = () => {\n    const { bodyTable } = tableRefs;\n    if (!bodyTable) {\n      return;\n    }\n    const bodyDom = (bodyTable as any).wrapRef;\n    if (!bodyDom) {\n      return;\n    }\n\n    const scrollToLeft = bodyDom.scrollLeft === 0;\n    const scrollToRight = bodyDom.scrollLeft + 1 >= bodyDom.children[0].getBoundingClientRect().width - bodyDom.getBoundingClientRect().width;\n    if (scrollToLeft && scrollToRight) {\n      scrollPosition.value = 'both';\n    } else if (scrollToLeft) {\n      scrollPosition.value = 'left';\n    } else if (scrollToRight) {\n      scrollPosition.value = 'right';\n    } else {\n      scrollPosition.value = 'middle';\n    }\n  };\n  const handleResize = () => {\n    syncColumnsWidth();\n\n    if (isColumnFixed.value) {\n      if (syncHeightTimer) {\n        clearTimeout(syncHeightTimer);\n      }\n      syncHeightTimer = setTimeout(() => {\n        syncHeightTimer = null;\n        setScrollPositionClass();\n      }, 0);\n    }\n    if (updateBodyTableTimer) {\n      clearTimeout(updateBodyTableTimer);\n    }\n    updateBodyTableTimer = setTimeout(() => {\n      updateBodyTableTimer = null;\n      const bt = tableRefs.bodyTable as any;\n      if (bt?.update) {\n        bt.update();\n      }\n    }, 0);\n  };\n\n  const setResizeWidth = (column: InnerColumn, width: number) => {\n    const columns = getLeafColumns(updatedColumns.value);\n    const _column = columns.find((c) => c === column || getColumnKey(c) === getColumnKey(column));\n    if (_column) {\n      _column.width = width;\n    }\n    resizeColumns.value = columns;\n    syncColumnWidth(width, _column);\n  };\n  const isScrollX = computed(() => {\n    const { table } = tableRefs;\n    if (table) {\n      const wrapWidth = props.border ? table.offsetWidth - 1 : table.offsetWidth;\n      return tableWidth.value && tableWidth.value > wrapWidth;\n    }\n    return false;\n  });\n\n  const resetScrollX = () => {\n    const { bodyTable, headTable } = tableRefs;\n    if (bodyTable) {\n      (bodyTable as any).setScrollLeft(0);\n    }\n    if (headTable) {\n      (headTable as any).setScrollLeft(0);\n    }\n  };\n  const clearResizeTimer = () => {\n    if (syncHeightTimer) {\n      clearTimeout(syncHeightTimer);\n      syncHeightTimer = null;\n    }\n    if (updateBodyTableTimer) {\n      clearTimeout(updateBodyTableTimer);\n      updateBodyTableTimer = null;\n    }\n  };\n  return {\n    // sizesMap,\n    tableWidth,\n    isScrollX,\n    scrollPosition,\n    resizeColumns,\n    handleResize,\n    setScrollPositionClass,\n    resetScrollX,\n    clearResizeTimer,\n    setResizeWidth,\n    syncColumnWidth,\n    columnWidths\n  };\n}\n"],"names":[],"mappings":"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"}

package/es/components/Table/tableUnits/ColGroup.mjs

@@ -62,7 +62,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ]);
 }
-var ColGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/ColGroup.vue"]]);
+var ColGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/gitbr/uxd-ui/src/components/Table/tableUnits/ColGroup.vue"]]);
 
 export { ColGroup as default };
 //# sourceMappingURL=ColGroup.mjs.map

package/es/components/Table/tableUnits/DraggableIcon.mjs

@@ -48,7 +48,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class", "onMousedown", "onTouchstart"]);
 }
-var DraggableIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/DraggableIcon.vue"]]);
+var DraggableIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/gitbr/uxd-ui/src/components/Table/tableUnits/DraggableIcon.vue"]]);
 
 export { DraggableIcon as default };
 //# sourceMappingURL=DraggableIcon.mjs.map

package/es/components/Table/tableUnits/DraggableIcon.vue.d.ts

@@ -43,7 +43,24 @@ declare const _default: import("vue").DefineComponent<{}, {
             handleClick: (e: any) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: Event) => boolean;
-        }, import("vue").PublicProps, {
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            rotate: {
+                type: NumberConstructor;
+            };
+            spin: BooleanConstructor;
+            size: {
+                type: NumberConstructor;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+            };
+            icon: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+            };
+        }>> & Readonly<{
+            onClick?: (ev: Event) => any;
+        }>, {
             color: string;
             spin: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {

package/es/components/Table/tableUnits/ExpandIcon.mjs

@@ -91,7 +91,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("v-if", true)
   ], 2);
 }
-var ExpandIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/ExpandIcon.vue"]]);
+var ExpandIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/gitbr/uxd-ui/src/components/Table/tableUnits/ExpandIcon.vue"]]);
 
 export { ExpandIcon as default };
 //# sourceMappingURL=ExpandIcon.mjs.map

package/es/components/Table/tableUnits/ExpandIcon.vue.d.ts

@@ -95,7 +95,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             handleClick: (e: any) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: Event) => boolean;
-        }, import("vue").PublicProps, {
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            rotate: {
+                type: NumberConstructor;
+            };
+            spin: BooleanConstructor;
+            size: {
+                type: NumberConstructor;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+            };
+            icon: {
+                type: PropType<IconPropType>;
+            };
+        }>> & Readonly<{
+            onClick?: (ev: Event) => any;
+        }>, {
             color: string;
             spin: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {

package/es/components/Table/tableUnits/ExpandRows.mjs

@@ -123,7 +123,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128)) : createCommentVNode("v-if", true)
   ], 64);
 }
-var ExpandRows = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/ExpandRows.vue"]]);
+var ExpandRows = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/gitbr/uxd-ui/src/components/Table/tableUnits/ExpandRows.vue"]]);
 
 export { ExpandRows as default };
 //# sourceMappingURL=ExpandRows.mjs.map

package/es/components/Table/tableUnits/ExpandRows.vue.d.ts

@@ -350,7 +350,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         handleClick: (e: any) => void;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                         click: (ev: Event) => boolean;
-                    }, import("vue").PublicProps, {
+                    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                        rotate: {
+                            type: NumberConstructor;
+                        };
+                        spin: BooleanConstructor;
+                        size: {
+                            type: NumberConstructor;
+                        };
+                        color: {
+                            type: StringConstructor;
+                            default: string;
+                        };
+                        icon: {
+                            type: PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+                        };
+                    }>> & Readonly<{
+                        onClick?: (ev: Event) => any;
+                    }>, {
                         color: string;
                         spin: boolean;
                     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -540,7 +557,62 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     'visible-change': (v: boolean) => boolean;
                     'update:visible': (v: boolean) => boolean;
-                }, import("vue").PublicProps, {
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    placement: {
+                        default: string;
+                        type: PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
+                        validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
+                    };
+                    title: {
+                        type: StringConstructor;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    visible: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    mouseEnterDelay: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
+                    mouseLeaveDelay: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
+                    dropdownStyle: {
+                        type: PropType<import("vue").CSSProperties>;
+                        default: () => {};
+                    };
+                    dropdownClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    trigger: {
+                        type: PropType<import("@koi-design/uxd-ui/es/index").TooltipTrigger>;
+                        default: string;
+                        validator: (val: "click" | "hover") => boolean;
+                    };
+                    offset: {
+                        type: PropType<number[]>;
+                        validator: (val: any[]) => boolean;
+                        default: () => number[];
+                    };
+                    destroyPopupOnHide: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    color: {
+                        type: PropType<"red" | "light" | undefined>;
+                        default: undefined | "red" | "light";
+                        validator: (val: string) => boolean;
+                    };
+                }>> & Readonly<{
+                    "onUpdate:visible"?: (v: boolean) => any;
+                    "onVisible-change"?: (v: boolean) => any;
+                }>, {
                     color: "light" | "red";
                     offset: number[];
                     visible: boolean;
@@ -620,7 +692,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>, {
                         reference: import("vue").Ref<any, any>;
                         stateVisible: import("vue").Ref<boolean, boolean>;
-                        popup: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                        popup: import("vue").ShallowRef<HTMLElement>;
                         isMounted: import("vue").Ref<boolean, boolean>;
                         onClick: (e: any) => void;
                         onMousedown: (e: any) => void;
@@ -1028,7 +1100,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     reference: import("vue").Ref<any, any>;
                     stateVisible: import("vue").Ref<boolean, boolean>;
-                    popup: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                    popup: import("vue").ShallowRef<HTMLElement>;
                     isMounted: import("vue").Ref<boolean, boolean>;
                     onClick: (e: any) => void;
                     onMousedown: (e: any) => void;
@@ -1173,7 +1245,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{}>, {
                     prefixCls: import("vue").ComputedRef<string>;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    active: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    avatar: {
+                        type: PropType<boolean | import("@koi-design/uxd-ui/es/index").avatarObject>;
+                        default: boolean;
+                    };
+                    title: {
+                        type: PropType<boolean | import("@koi-design/uxd-ui/es/index").titleObject>;
+                        default: boolean;
+                    };
+                    paragraph: {
+                        type: PropType<boolean | import("@koi-design/uxd-ui/es/index").paragraphObject>;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
                     loading: boolean;
                     title: boolean | import("@koi-design/uxd-ui/es/index").titleObject;
                     avatar: boolean | import("@koi-design/uxd-ui/es/index").avatarObject;

package/es/components/Table/tableUnits/FilterDropdown.mjs

@@ -212,7 +212,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "onVisibleChange"]);
 }
-var FilterDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/FilterDropdown.vue"]]);
+var FilterDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/gitbr/uxd-ui/src/components/Table/tableUnits/FilterDropdown.vue"]]);
 
 export { FilterDropdown as default };
 //# sourceMappingURL=FilterDropdown.mjs.map