@brggroup/share-lib 0.1.75 → 0.1.76

package/fesm2022/brggroup-share-lib.mjs

@@ -11607,6 +11607,7 @@ class WorkflowEditorComponent extends BaseComponent {
     previewY = 0;
     /** điểm đang chọn để di chuyển */
     draggingPoint;
+    pointClickTimer = 0;
     /** đang kéo chọn nhiều node */
     isSelecting = false;
     /** điểm bắt đầu kéo */
@@ -11766,12 +11767,17 @@ class WorkflowEditorComponent extends BaseComponent {
             });
             this.lstAction = [...lstAction];
         }
+        if (this.selectedStage && this.selectedStage.IsTempId) {
+            this.selectedStage = undefined;
+        }
         this.ready = true;
         console.log('WorkflowEditorComponent afterInput');
         console.log('template', this.template);
         console.log('lstStage', this.lstStage);
         console.log('lstAction', this.lstAction);
         console.log('lstActionRef', this.lstActionRef);
+        console.log('selectedStage', this.selectedStage);
+        console.log('lstActionOfCurrentStage', this.lstActionOfCurrentStage);
         this.updateMiniMap();
     }
     onclickaction(action) {
@@ -12496,15 +12502,28 @@ class WorkflowEditorComponent extends BaseComponent {
     //#endregion
     //#region Point action
     onmousedownPoint(event, p) {
-        console.log('onmousedownPoint', p);
         event.stopPropagation();
         event.preventDefault();
-        if (!this.draggingPoint) {
-            this.draggingPoint = p;
-        }
-        else {
+        const currentTime = new Date().getTime();
+        // Nếu khoảng cách giữa 2 lần click < 300ms => Nhận diện là Double Click
+        if (currentTime - this.pointClickTimer < 300) {
+            // 1. Tìm đường nối (edge) đang chứa điểm này
+            const activeEdge = this.hoverAction || this.hoverAction;
+            // 2. Xóa điểm khỏi mảng points
+            if (activeEdge && activeEdge.editorOption.points) {
+                const index = activeEdge.editorOption.points.indexOf(p);
+                if (index > -1) {
+                    activeEdge.editorOption.points.splice(index, 1);
+                }
+            }
+            // 3. Reset trạng thái
             this.draggingPoint = undefined;
+            this.pointClickTimer = 0;
+            return;
         }
+        // Nếu click 1 lần (Single Click) => Nhận diện là bắt đầu kéo (Drag)
+        this.pointClickTimer = currentTime;
+        this.draggingPoint = p;
     }
     onRightClickPoint(event, edge, index) {
         console.log('onRightClickPoint', edge, index);
@@ -12880,13 +12899,10 @@ class WorkflowEditorComponent extends BaseComponent {
         const pt = svg.createSVGPoint();
         pt.x = event.clientX;
         pt.y = event.clientY;
+        // Áp dụng ma trận của SVG để quy đổi tọa độ màn hình -> tọa độ Canvas thực tế
         const result = pt.matrixTransform(svg.getScreenCTM().inverse());
-        if (preview) {
-            return { x: result.x, y: result.y };
-        }
-        else {
-            return { x: event.clientX, y: event.clientY };
-        }
+        // Bỏ điều kiện preview, LUÔN LUÔN trả về tọa độ result (đã quy đổi theo zoom scale)
+        return { x: result.x, y: result.y };
     }
     updateSelection() {
         if (!this.selectStart || !this.selectEnd)
@@ -18530,6 +18546,7 @@ class WF_Template_CombineEditorComponent extends BaseComponent {
     previewX = 0;
     previewY = 0;
     draggingPoint;
+    pointClickTimer = 0;
     edgeClickTimer = null;
     CLICK_DELAY = 250;
     canvasRef;
@@ -19003,7 +19020,26 @@ class WF_Template_CombineEditorComponent extends BaseComponent {
     onmousedownPoint(event, p) {
         event.stopPropagation();
         event.preventDefault();
-        this.draggingPoint = this.draggingPoint ? undefined : p;
+        const currentTime = new Date().getTime();
+        // Nếu khoảng cách giữa 2 lần click < 300ms => Nhận diện là Double Click
+        if (currentTime - this.pointClickTimer < 300) {
+            // 1. Tìm đường nối (edge) đang chứa điểm này
+            const activeEdge = this.hoverTemplateEdge || this.selectedTemplateEdge;
+            // 2. Xóa điểm khỏi mảng points
+            if (activeEdge && activeEdge.editorOption.points) {
+                const index = activeEdge.editorOption.points.indexOf(p);
+                if (index > -1) {
+                    activeEdge.editorOption.points.splice(index, 1);
+                }
+            }
+            // 3. Reset trạng thái
+            this.draggingPoint = undefined;
+            this.pointClickTimer = 0;
+            return;
+        }
+        // Nếu click 1 lần (Single Click) => Nhận diện là bắt đầu kéo (Drag)
+        this.pointClickTimer = currentTime;
+        this.draggingPoint = p;
     }
     onRightClickPoint(event, edge, index) {
         event.preventDefault();
@@ -19117,8 +19153,10 @@ class WF_Template_CombineEditorComponent extends BaseComponent {
         const pt = svg.createSVGPoint();
         pt.x = event.clientX;
         pt.y = event.clientY;
+        // Áp dụng ma trận của SVG để quy đổi tọa độ màn hình -> tọa độ Canvas thực tế
         const result = pt.matrixTransform(svg.getScreenCTM().inverse());
-        return preview ? { x: result.x, y: result.y } : { x: event.clientX, y: event.clientY };
+        // Bỏ điều kiện preview, LUÔN LUÔN trả về tọa độ result (đã quy đổi theo zoom scale)
+        return { x: result.x, y: result.y };
     }
     snapPoint(p, event) {
         if (!this.snapToGrid || event?.altKey)