@alaarab/ogrid-vue 2.1.12 → 2.1.14

package/dist/esm/index.js

@@ -2426,10 +2426,23 @@ function useColumnResize(params) {
     document.addEventListener("mouseup", onUp);
     cleanupFn = cleanup;
   };
+  const handleResizeDoubleClick = (e, col) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const columnId = col.columnId;
+    const thEl = e.currentTarget.closest("th") ?? e.currentTarget.parentElement;
+    const container = thEl?.closest("table")?.parentElement ?? void 0;
+    const idealWidth = measureColumnContentWidth(columnId, minWidth, container);
+    setColumnSizingOverrides({
+      ...columnSizingOverrides.value,
+      [columnId]: { widthPx: idealWidth }
+    });
+    onColumnResized?.(columnId, idealWidth);
+  };
   const getColumnWidth = (col) => {
     return columnSizingOverrides.value[col.columnId]?.widthPx ?? col.idealWidth ?? col.defaultWidth ?? defaultWidth;
   };
-  return { handleResizeStart, getColumnWidth };
+  return { handleResizeStart, handleResizeDoubleClick, getColumnWidth };
 }
 function useDebounce(value, delayMs) {
   const debouncedValue = ref(value.value);
@@ -3244,7 +3257,7 @@ function createDataGridTable(ui) {
         columnReorder: { isDragging: isReorderDragging, dropIndicatorX, handleHeaderMouseDown: handleReorderMouseDown },
         virtualScroll: { containerRef: vsContainerRef, visibleRange, totalHeight: _totalHeight, scrollToRow: _scrollToRow },
         virtualScrollEnabled,
-        columnResize: { handleResizeStart, getColumnWidth }
+        columnResize: { handleResizeStart, handleResizeDoubleClick, getColumnWidth }
       } = useDataGridTableSetup({ props: propsRef });
       const onWrapperMousedown = (e) => {
         lastMouseShift.value = e.shiftKey;
@@ -3480,7 +3493,7 @@ function createDataGridTable(ui) {
             style: wrapperStyle
           }, [
             h("div", { class: "ogrid-scroll-wrapper" }, [
-              h("div", { style: { minWidth: allowOverflowX ? `${minTableWidth}px` : void 0 } }, [
+              h("div", { style: { minWidth: allowOverflowX ? `${minTableWidth}px` : void 0, overflowX: "clip" } }, [
                 h("div", {
                   ref: (el) => {
                     tableContainerRef.value = el;
@@ -3610,6 +3623,7 @@ function createDataGridTable(ui) {
                                   e.stopPropagation();
                                   handleResizeStart(e, col);
                                 },
+                                onDblclick: (e) => handleResizeDoubleClick(e, col),
                                 class: "ogrid-resize-handle"
                               })
                             ]);

package/dist/types/composables/useColumnResize.d.ts

@@ -13,6 +13,7 @@ export interface UseColumnResizeParams {
 }
 export interface UseColumnResizeResult<T> {
     handleResizeStart: (e: MouseEvent, col: IColumnDef<T>) => void;
+    handleResizeDoubleClick: (e: MouseEvent, col: IColumnDef<T>) => void;
     getColumnWidth: (col: IColumnDef<T>) => number;
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-vue",
-  "version": "2.1.12",
+  "version": "2.1.14",
   "description": "OGrid Vue – Vue 3 composables, headless components, and utilities for OGrid data grids.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -36,7 +36,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-core": "2.1.12"
+    "@alaarab/ogrid-core": "2.1.14"
   },
   "peerDependencies": {
     "vue": "^3.3.0"