@ai-table/grid 0.0.48 → 0.0.49

package/esm2022/utils/style.mjs

@@ -1,7 +1,7 @@
 import { AI_TABLE_FIELD_ADD_BUTTON, AI_TABLE_FIELD_HEAD_MORE, AI_TABLE_FIELD_HEAD_OPACITY_LINE, AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX, AI_TABLE_ROW_ADD_BUTTON, AI_TABLE_ROW_SELECT_CHECKBOX } from '../constants';
 import { AITableAreaType } from '../types';
 import { getDetailByTargetName } from './common';
-export const handleMouseStyle = (realTargetName, areaType = AITableAreaType.grid, container) => {
+export const handleMouseStyle = (realTargetName, areaType = AITableAreaType.grid, container, isReadOnly) => {
     const { targetName, mouseStyle } = getDetailByTargetName(realTargetName);
     if (mouseStyle)
         return setMouseStyle(mouseStyle, container);
@@ -16,6 +16,9 @@ export const handleMouseStyle = (realTargetName, areaType = AITableAreaType.grid
             return setMouseStyle('pointer', container);
         }
         case AI_TABLE_FIELD_HEAD_OPACITY_LINE: {
+            if (isReadOnly) {
+                return setMouseStyle('default', container);
+            }
             return setMouseStyle('col-resize', container);
         }
         default:
@@ -25,4 +28,4 @@ export const handleMouseStyle = (realTargetName, areaType = AITableAreaType.grid
 export const setMouseStyle = (mouseStyle, container) => {
     container.style.cursor = mouseStyle;
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9ncmlkL3NyYy91dGlscy9zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gseUJBQXlCLEVBQ3pCLHdCQUF3QixFQUN4QixnQ0FBZ0MsRUFDaEMsbUNBQW1DLEVBQ25DLHVCQUF1QixFQUN2Qiw0QkFBNEIsRUFDL0IsTUFBTSxjQUFjLENBQUM7QUFDdEIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUMzQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFakQsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxjQUFzQixFQUFFLFdBQTRCLGVBQWUsQ0FBQyxJQUFJLEVBQUUsU0FBeUIsRUFBRSxFQUFFO0lBQ3BJLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcscUJBQXFCLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDekUsSUFBSSxVQUFVO1FBQUUsT0FBTyxhQUFhLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQzVELElBQUksUUFBUSxLQUFLLGVBQWUsQ0FBQyxJQUFJO1FBQUUsT0FBTyxhQUFhLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ2xGLFFBQVEsVUFBVSxFQUFFLENBQUM7UUFDakIsS0FBSyxtQ0FBbUMsQ0FBQztRQUN6QyxLQUFLLHdCQUF3QixDQUFDO1FBQzlCLEtBQUssNEJBQTRCLENBQUM7UUFDbEMsS0FBSyx1QkFBdUIsQ0FBQztRQUM3QixLQUFLLHlCQUF5QixDQUFDLENBQUMsQ0FBQztZQUM3QixPQUFPLGFBQWEsQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDL0MsQ0FBQztRQUNELEtBQUssZ0NBQWdDLENBQUMsQ0FBQyxDQUFDO1lBQ3BDLE9BQU8sYUFBYSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQztRQUNsRCxDQUFDO1FBRUQ7WUFDSSxPQUFPLGFBQWEsQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDbkQsQ0FBQztBQUNMLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxDQUFDLFVBQWtCLEVBQUUsU0FBeUIsRUFBRSxFQUFFO0lBQzNFLFNBQVMsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLFVBQVUsQ0FBQztBQUN4QyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFJX1RBQkxFX0ZJRUxEX0FERF9CVVRUT04sXG4gICAgQUlfVEFCTEVfRklFTERfSEVBRF9NT1JFLFxuICAgIEFJX1RBQkxFX0ZJRUxEX0hFQURfT1BBQ0lUWV9MSU5FLFxuICAgIEFJX1RBQkxFX0ZJRUxEX0hFQURfU0VMRUNUX0NIRUNLQk9YLFxuICAgIEFJX1RBQkxFX1JPV19BRERfQlVUVE9OLFxuICAgIEFJX1RBQkxFX1JPV19TRUxFQ1RfQ0hFQ0tCT1hcbn0gZnJvbSAnLi4vY29uc3RhbnRzJztcbmltcG9ydCB7IEFJVGFibGVBcmVhVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldERldGFpbEJ5VGFyZ2V0TmFtZSB9IGZyb20gJy4vY29tbW9uJztcblxuZXhwb3J0IGNvbnN0IGhhbmRsZU1vdXNlU3R5bGUgPSAocmVhbFRhcmdldE5hbWU6IHN0cmluZywgYXJlYVR5cGU6IEFJVGFibGVBcmVhVHlwZSA9IEFJVGFibGVBcmVhVHlwZS5ncmlkLCBjb250YWluZXI6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgY29uc3QgeyB0YXJnZXROYW1lLCBtb3VzZVN0eWxlIH0gPSBnZXREZXRhaWxCeVRhcmdldE5hbWUocmVhbFRhcmdldE5hbWUpO1xuICAgIGlmIChtb3VzZVN0eWxlKSByZXR1cm4gc2V0TW91c2VTdHlsZShtb3VzZVN0eWxlLCBjb250YWluZXIpO1xuICAgIGlmIChhcmVhVHlwZSA9PT0gQUlUYWJsZUFyZWFUeXBlLm5vbmUpIHJldHVybiBzZXRNb3VzZVN0eWxlKCdkZWZhdWx0JywgY29udGFpbmVyKTtcbiAgICBzd2l0Y2ggKHRhcmdldE5hbWUpIHtcbiAgICAgICAgY2FzZSBBSV9UQUJMRV9GSUVMRF9IRUFEX1NFTEVDVF9DSEVDS0JPWDpcbiAgICAgICAgY2FzZSBBSV9UQUJMRV9GSUVMRF9IRUFEX01PUkU6XG4gICAgICAgIGNhc2UgQUlfVEFCTEVfUk9XX1NFTEVDVF9DSEVDS0JPWDpcbiAgICAgICAgY2FzZSBBSV9UQUJMRV9ST1dfQUREX0JVVFRPTjpcbiAgICAgICAgY2FzZSBBSV9UQUJMRV9GSUVMRF9BRERfQlVUVE9OOiB7XG4gICAgICAgICAgICByZXR1cm4gc2V0TW91c2VTdHlsZSgncG9pbnRlcicsIGNvbnRhaW5lcik7XG4gICAgICAgIH1cbiAgICAgICAgY2FzZSBBSV9UQUJMRV9GSUVMRF9IRUFEX09QQUNJVFlfTElORToge1xuICAgICAgICAgICAgcmV0dXJuIHNldE1vdXNlU3R5bGUoJ2NvbC1yZXNpemUnLCBjb250YWluZXIpO1xuICAgICAgICB9XG5cbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiBzZXRNb3VzZVN0eWxlKCdkZWZhdWx0JywgY29udGFpbmVyKTtcbiAgICB9XG59O1xuXG5leHBvcnQgY29uc3Qgc2V0TW91c2VTdHlsZSA9IChtb3VzZVN0eWxlOiBzdHJpbmcsIGNvbnRhaW5lcjogSFRNTERpdkVsZW1lbnQpID0+IHtcbiAgICBjb250YWluZXIuc3R5bGUuY3Vyc29yID0gbW91c2VTdHlsZTtcbn07XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9ncmlkL3NyYy91dGlscy9zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gseUJBQXlCLEVBQ3pCLHdCQUF3QixFQUN4QixnQ0FBZ0MsRUFDaEMsbUNBQW1DLEVBQ25DLHVCQUF1QixFQUN2Qiw0QkFBNEIsRUFDL0IsTUFBTSxjQUFjLENBQUM7QUFDdEIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUMzQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFakQsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsQ0FDNUIsY0FBc0IsRUFDdEIsV0FBNEIsZUFBZSxDQUFDLElBQUksRUFDaEQsU0FBeUIsRUFDekIsVUFBb0IsRUFDdEIsRUFBRTtJQUNBLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcscUJBQXFCLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDekUsSUFBSSxVQUFVO1FBQUUsT0FBTyxhQUFhLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQzVELElBQUksUUFBUSxLQUFLLGVBQWUsQ0FBQyxJQUFJO1FBQUUsT0FBTyxhQUFhLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ2xGLFFBQVEsVUFBVSxFQUFFLENBQUM7UUFDakIsS0FBSyxtQ0FBbUMsQ0FBQztRQUN6QyxLQUFLLHdCQUF3QixDQUFDO1FBQzlCLEtBQUssNEJBQTRCLENBQUM7UUFDbEMsS0FBSyx1QkFBdUIsQ0FBQztRQUM3QixLQUFLLHlCQUF5QixDQUFDLENBQUMsQ0FBQztZQUM3QixPQUFPLGFBQWEsQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDL0MsQ0FBQztRQUNELEtBQUssZ0NBQWdDLENBQUMsQ0FBQyxDQUFDO1lBQ3BDLElBQUksVUFBVSxFQUFFLENBQUM7Z0JBQ2IsT0FBTyxhQUFhLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1lBQy9DLENBQUM7WUFDRCxPQUFPLGFBQWEsQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDbEQsQ0FBQztRQUVEO1lBQ0ksT0FBTyxhQUFhLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ25ELENBQUM7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FBQyxVQUFrQixFQUFFLFNBQXlCLEVBQUUsRUFBRTtJQUMzRSxTQUFTLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxVQUFVLENBQUM7QUFDeEMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBSV9UQUJMRV9GSUVMRF9BRERfQlVUVE9OLFxuICAgIEFJX1RBQkxFX0ZJRUxEX0hFQURfTU9SRSxcbiAgICBBSV9UQUJMRV9GSUVMRF9IRUFEX09QQUNJVFlfTElORSxcbiAgICBBSV9UQUJMRV9GSUVMRF9IRUFEX1NFTEVDVF9DSEVDS0JPWCxcbiAgICBBSV9UQUJMRV9ST1dfQUREX0JVVFRPTixcbiAgICBBSV9UQUJMRV9ST1dfU0VMRUNUX0NIRUNLQk9YXG59IGZyb20gJy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBBSVRhYmxlQXJlYVR5cGUgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXREZXRhaWxCeVRhcmdldE5hbWUgfSBmcm9tICcuL2NvbW1vbic7XG5cbmV4cG9ydCBjb25zdCBoYW5kbGVNb3VzZVN0eWxlID0gKFxuICAgIHJlYWxUYXJnZXROYW1lOiBzdHJpbmcsXG4gICAgYXJlYVR5cGU6IEFJVGFibGVBcmVhVHlwZSA9IEFJVGFibGVBcmVhVHlwZS5ncmlkLFxuICAgIGNvbnRhaW5lcjogSFRNTERpdkVsZW1lbnQsXG4gICAgaXNSZWFkT25seT86IGJvb2xlYW5cbikgPT4ge1xuICAgIGNvbnN0IHsgdGFyZ2V0TmFtZSwgbW91c2VTdHlsZSB9ID0gZ2V0RGV0YWlsQnlUYXJnZXROYW1lKHJlYWxUYXJnZXROYW1lKTtcbiAgICBpZiAobW91c2VTdHlsZSkgcmV0dXJuIHNldE1vdXNlU3R5bGUobW91c2VTdHlsZSwgY29udGFpbmVyKTtcbiAgICBpZiAoYXJlYVR5cGUgPT09IEFJVGFibGVBcmVhVHlwZS5ub25lKSByZXR1cm4gc2V0TW91c2VTdHlsZSgnZGVmYXVsdCcsIGNvbnRhaW5lcik7XG4gICAgc3dpdGNoICh0YXJnZXROYW1lKSB7XG4gICAgICAgIGNhc2UgQUlfVEFCTEVfRklFTERfSEVBRF9TRUxFQ1RfQ0hFQ0tCT1g6XG4gICAgICAgIGNhc2UgQUlfVEFCTEVfRklFTERfSEVBRF9NT1JFOlxuICAgICAgICBjYXNlIEFJX1RBQkxFX1JPV19TRUxFQ1RfQ0hFQ0tCT1g6XG4gICAgICAgIGNhc2UgQUlfVEFCTEVfUk9XX0FERF9CVVRUT046XG4gICAgICAgIGNhc2UgQUlfVEFCTEVfRklFTERfQUREX0JVVFRPTjoge1xuICAgICAgICAgICAgcmV0dXJuIHNldE1vdXNlU3R5bGUoJ3BvaW50ZXInLCBjb250YWluZXIpO1xuICAgICAgICB9XG4gICAgICAgIGNhc2UgQUlfVEFCTEVfRklFTERfSEVBRF9PUEFDSVRZX0xJTkU6IHtcbiAgICAgICAgICAgIGlmIChpc1JlYWRPbmx5KSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHNldE1vdXNlU3R5bGUoJ2RlZmF1bHQnLCBjb250YWluZXIpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmV0dXJuIHNldE1vdXNlU3R5bGUoJ2NvbC1yZXNpemUnLCBjb250YWluZXIpO1xuICAgICAgICB9XG5cbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiBzZXRNb3VzZVN0eWxlKCdkZWZhdWx0JywgY29udGFpbmVyKTtcbiAgICB9XG59O1xuXG5leHBvcnQgY29uc3Qgc2V0TW91c2VTdHlsZSA9IChtb3VzZVN0eWxlOiBzdHJpbmcsIGNvbnRhaW5lcjogSFRNTERpdkVsZW1lbnQpID0+IHtcbiAgICBjb250YWluZXIuc3R5bGUuY3Vyc29yID0gbW91c2VTdHlsZTtcbn07XG4iXX0=

package/fesm2022/ai-table-grid.mjs

@@ -956,7 +956,7 @@ class Coordinate {
      * 根据 columnIndex 获取对应列宽
      */
     getColumnWidth(index) {
-        return this.columnIndicesSizeMap[index];
+        return this.columnIndicesSizeMap[index] ?? 0;
     }
     /**
      * 获取每个 cell 垂直/水平方向的坐标信息
@@ -980,7 +980,7 @@ class Coordinate {
                 offset = itemMetadata.offset + itemMetadata.size;
             }
             for (let i = lastMeasuredIndex + 1; i <= index; i++) {
-                const size = isColumnType ? this.columnIndicesSizeMap[i] : (this.rowIndicesSizeMap[i] ?? this.rowHeight);
+                const size = isColumnType ? (this.columnIndicesSizeMap[i] ?? 0) : (this.rowIndicesSizeMap[i] ?? this.rowHeight);
                 cellMetadataMap[i] = {
                     offset,
                     size
@@ -4211,7 +4211,7 @@ const getHoverEditorBoxOffset = () => {
     return borderSpace / 2;
 };
 
-const handleMouseStyle = (realTargetName, areaType = AITableAreaType.grid, container) => {
+const handleMouseStyle = (realTargetName, areaType = AITableAreaType.grid, container, isReadOnly) => {
     const { targetName, mouseStyle } = getDetailByTargetName(realTargetName);
     if (mouseStyle)
         return setMouseStyle(mouseStyle, container);
@@ -4226,6 +4226,9 @@ const handleMouseStyle = (realTargetName, areaType = AITableAreaType.grid, conta
             return setMouseStyle('pointer', container);
         }
         case AI_TABLE_FIELD_HEAD_OPACITY_LINE: {
+            if (isReadOnly) {
+                return setMouseStyle('default', container);
+            }
             return setMouseStyle('col-resize', container);
         }
         default:
@@ -6775,10 +6778,13 @@ class AITableAddField {
         this.rectConfig = computed(() => {
             const { pointPosition: { targetName }, readonly } = this.config();
             const fill = targetName === AI_TABLE_FIELD_ADD_BUTTON ? Colors.gray80 : Colors.white;
+            const fields = this.config().fields || [];
+            const index = this.config().columnStopIndex;
+            const fieldId = fields.length && index < fields.length ? fields[index]._id : '';
             return {
                 name: generateTargetName({
                     targetName: AI_TABLE_FIELD_ADD_BUTTON,
-                    fieldId: this.config().fields[this.config().columnStopIndex]._id,
+                    fieldId,
                     mouseStyle: readonly ? 'default' : 'pointer'
                 }),
                 x: AI_TABLE_OFFSET,
@@ -7813,7 +7819,7 @@ const createCells = (config) => {
         // 获取该列对应的宽度
         const columnWidth = coordinate.getColumnWidth(columnIndex);
         const x = coordinate.getColumnOffset(columnIndex) + AI_TABLE_OFFSET;
-        const isLastColumn = columnIndex === aiTable.fields.length - 1;
+        const isLastColumn = columnIndex === aiTable.gridData().fields?.length - 1;
         if (columnIndex === 1) {
             cellDrawer.initStyle(field, { fontWeight: DEFAULT_FONT_STYLE });
         }
@@ -8996,6 +9002,8 @@ class AITableDragComponent {
         this.draggedData = null;
         this.mouseStartPosition = null;
         this.aiTableDrag = null;
+        this.mouseDownTimeout = null;
+        this.isDraggingEnabled = false;
         effect(() => this.handleDragStateChange());
     }
     ngOnInit() {
@@ -9009,8 +9017,18 @@ class AITableDragComponent {
     setupEventListeners() {
         this.mousedownListener = this.render2.listen('window', 'mousedown', (e) => {
             this.mouseStartPosition = { x: e.x, y: e.y };
+            if (this.mouseDownTimeout) {
+                clearTimeout(this.mouseDownTimeout);
+            }
+            this.isDraggingEnabled = false;
+            this.mouseDownTimeout = setTimeout(() => {
+                this.isDraggingEnabled = true;
+            }, 200);
         });
         this.mousemoveListener = this.render2.listen('window', 'mousemove', (e) => {
+            if (!this.isDraggingEnabled) {
+                return;
+            }
             if (this.timer) {
                 cancelAnimationFrame(this.timer);
             }
@@ -9021,6 +9039,11 @@ class AITableDragComponent {
             });
         });
         this.mouseupListener = this.render2.listen('window', 'mouseup', () => {
+            if (this.mouseDownTimeout) {
+                clearTimeout(this.mouseDownTimeout);
+                this.mouseDownTimeout = null;
+            }
+            this.isDraggingEnabled = false;
             this.mouseStartPosition = null;
             this.aiTableDrag = null;
             this.handleDragEnd();
@@ -9135,11 +9158,26 @@ class AITableDragComponent {
         };
     }
     handleDragEnd() {
-        this.setDisplayStyle('none');
         if (this.draggedData) {
             this.dragEnd.emit({ ...this.draggedData });
-            this.draggedData = null;
         }
+        this.clearDragState();
+    }
+    clearDragState() {
+        this.setDisplayStyle('none');
+        this.setRectStyles({
+            width: '0',
+            height: '0',
+            top: '0',
+            left: '0'
+        });
+        this.setAuxiliaryLineStyles({
+            width: '0',
+            height: '0',
+            top: '0',
+            left: '0'
+        });
+        this.draggedData = null;
     }
     calculateDragWidth(fields, coordinate, drag) {
         let width = 0;
@@ -9373,7 +9411,7 @@ class AITableGrid extends AITableGridBase {
             const { context } = this.aiTable;
             const { x, y } = pos;
             const curMousePosition = getMousePosition(this.aiTable, x, y, this.coordinate(), AITable.getVisibleFields(this.aiTable), context, targetName);
-            handleMouseStyle(curMousePosition.realTargetName, curMousePosition.areaType, this.containerElement());
+            handleMouseStyle(curMousePosition.realTargetName, curMousePosition.areaType, this.containerElement(), this.aiReadonly());
             context.setPointPosition(curMousePosition);
             this.timer = null;
             if (this.isDragSelecting) {
@@ -9410,12 +9448,7 @@ class AITableGrid extends AITableGridBase {
                 mouseEvent.preventDefault();
                 if (!fieldId)
                     return;
-                this.aiTableGridSelectionService.drag({
-                    type: DragType.columnWidth,
-                    sourceIds: new Set([fieldId]),
-                    scroll: this.getScrollPosition(),
-                    coordinate: this.coordinate()
-                });
+                this.handleFieldWidthDragStart(fieldId);
                 return;
             case AI_TABLE_CELL:
                 if (!recordId || !fieldId)
@@ -9467,6 +9500,11 @@ class AITableGrid extends AITableGridBase {
         });
     }
     stageClick(e) {
+        const targetNameDetail = getDetailByTargetName(e.event.target.name());
+        this.aiClick.emit({
+            ...e,
+            targetNameDetail
+        });
         const mouseEvent = e.event.evt;
         mouseEvent.preventDefault();
         this.aiTableGridEventService.closeCellEditor();
@@ -9528,23 +9566,15 @@ class AITableGrid extends AITableGridBase {
                 }
                 break;
         }
-        const targetNameDetail = getDetailByTargetName(e.event.target.name());
-        this.aiClick.emit({
-            ...e,
-            targetNameDetail
-        });
         return;
     }
     stageDblclick(e) {
         const _targetName = e.event.target.name();
         const targetNameDetail = getDetailByTargetName(_targetName);
-        if (this.aiReadonly()) {
-            this.aiDbClick.emit({
-                ...e,
-                targetNameDetail
-            });
-            return;
-        }
+        this.aiDbClick.emit({
+            ...e,
+            targetNameDetail
+        });
         const { fieldId, recordId } = targetNameDetail;
         if (!recordId || !fieldId) {
             return;
@@ -9566,12 +9596,6 @@ class AITableGrid extends AITableGridBase {
                 });
             }, 0);
         }
-        else {
-            this.aiDbClick.emit({
-                ...e,
-                targetNameDetail
-            });
-        }
     }
     bindWheel() {
         fromEvent(this.containerElement(), 'wheel', { passive: false })
@@ -9739,6 +9763,16 @@ class AITableGrid extends AITableGridBase {
             });
         }
     }
+    handleFieldWidthDragStart(fieldId) {
+        if (!this.aiReadonly() && fieldId) {
+            this.aiTableGridSelectionService.drag({
+                type: DragType.columnWidth,
+                sourceIds: new Set([fieldId]),
+                scroll: this.getScrollPosition(),
+                coordinate: this.coordinate()
+            });
+        }
+    }
     getScrollPosition() {
         const horizontalBar = this.horizontalBarRef()?.nativeElement;
         const verticalBar = this.verticalBarRef()?.nativeElement;