@mint-ui/map 1.2.0-test.44 → 1.2.0-test.46

package/dist/components/mint-map/core/advanced/shared/types.d.ts

@@ -85,6 +85,7 @@ export interface RenderBaseParams<T> {
     items: CanvasData<T>[];
     selectedIds: Set<string>;
     hoveredItem?: CanvasData<T> | null;
+    selectedItem?: CanvasData<T> | null;
     utils: RenderUtils<T>;
 }
 /**

package/dist/components/mint-map/core/advanced/woongCanvasMarker/WoongCanvasMarker.js

@@ -72,7 +72,9 @@ var WoongCanvasMarker = function (props) {
   var accumTranslateRef = React.useRef({
     x: 0,
     y: 0
-  }); // 성능 최적화 Refs
+  }); // 드래그 시작 시점의 hover 상태 저장 (드래그 중 hover 고정용)
+
+  var dragStartHoveredItemRef = React.useRef(null); // 성능 최적화 Refs
 
   var offsetCacheRef = React.useRef(new performance.LRUCache(maxCacheSize));
   var spatialIndexRef = React.useRef(new performance.SpatialHashGrid(performance.SPATIAL_GRID_CELL_SIZE));
@@ -271,14 +273,18 @@ var WoongCanvasMarker = function (props) {
       handleDragEndShared = _g.handleDragEnd;
 
   var handleDragStart = function () {
-    handleDragStartShared();
+    handleDragStartShared(); // 드래그 시작 시점의 hover 상태 저장
+
+    dragStartHoveredItemRef.current = hoveredItemRef.current;
     draggingRef.current = true;
     controller.setMapCursor('grabbing');
   };
 
   var handleDragEnd = function () {
     handleDragEndShared();
-    draggingRef.current = false;
+    draggingRef.current = false; // 드래그 종료 후 hover 상태 초기화 (다음 MOUSEMOVE에서 업데이트됨)
+
+    dragStartHoveredItemRef.current = null;
     controller.setMapCursor('grab');
   }; // Hit Test: 특정 좌표의 마커 찾기
 
@@ -309,6 +315,11 @@ var WoongCanvasMarker = function (props) {
 
 
   var setHovered = function (data) {
+    // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+    if (draggingRef.current) {
+      return;
+    }
+
     hoveredItemRef.current = data;
 
     if (draggingRef.current) {
@@ -358,6 +369,7 @@ var WoongCanvasMarker = function (props) {
 
 
   var handleClick = function (event) {
+    if (controller.isMapDragged()) return;
     if (disableInteractionRef.current) return;
     var clickedOffset = helpers.validateEvent(event, context$1, controller);
     if (!clickedOffset) return;
@@ -369,7 +381,9 @@ var WoongCanvasMarker = function (props) {
 
 
   var handleMouseMove = function (event) {
-    if (disableInteractionRef.current) return;
+    if (disableInteractionRef.current) return; // 드래그 중에는 hover 상태를 업데이트하지 않음 (드래그 시작 시점의 hover 상태 유지)
+
+    if (draggingRef.current) return;
     var mouseOffset = helpers.validateEvent(event, context$1, controller);
     if (!mouseOffset) return;
     var hoveredItem = findData(mouseOffset);

package/dist/components/mint-map/core/advanced/woongCanvasPolygon/WoongCanvasPolygon.js

@@ -82,7 +82,9 @@ var WoongCanvasPolygon = function (props) {
   var accumTranslateRef = React.useRef({
     x: 0,
     y: 0
-  }); // 성능 최적화 Refs
+  }); // 드래그 시작 시점의 hover 상태 저장 (드래그 중 hover 고정용)
+
+  var dragStartHoveredItemRef = React.useRef(null); // 성능 최적화 Refs
 
   var offsetCacheRef = React.useRef(new performance.LRUCache(maxCacheSize));
   var spatialIndexRef = React.useRef(new performance.SpatialHashGrid(performance.SPATIAL_GRID_CELL_SIZE));
@@ -255,14 +257,18 @@ var WoongCanvasPolygon = function (props) {
       handleDragEndShared = _f.handleDragEnd;
 
   var handleDragStart = function () {
-    handleDragStartShared();
+    handleDragStartShared(); // 드래그 시작 시점의 hover 상태 저장
+
+    dragStartHoveredItemRef.current = hoveredItemRef.current;
     draggingRef.current = true;
     controller.setMapCursor('grabbing');
   };
 
   var handleDragEnd = function () {
     handleDragEndShared();
-    draggingRef.current = false;
+    draggingRef.current = false; // 드래그 종료 후 hover 상태 초기화 (다음 MOUSEMOVE에서 업데이트됨)
+
+    dragStartHoveredItemRef.current = null;
     controller.setMapCursor('grab');
   }; // Hit Test: 특정 좌표의 폴리곤 찾기
 
@@ -284,6 +290,11 @@ var WoongCanvasPolygon = function (props) {
 
 
   var setHovered = function (data) {
+    // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+    if (draggingRef.current) {
+      return;
+    }
+
     hoveredItemRef.current = data;
 
     if (draggingRef.current) {
@@ -323,12 +334,12 @@ var WoongCanvasPolygon = function (props) {
       selectedIdsRef.current = newSelected;
     }
 
-    doRenderBase();
     doRenderEvent();
   }; // 클릭 이벤트 핸들러
 
 
   var handleClick = function (event) {
+    if (controller.isMapDragged()) return;
     if (disableInteractionRef.current) return;
     var clickedOffset = helpers.validateEvent(event, context$1, controller);
     if (!clickedOffset) return;
@@ -340,7 +351,9 @@ var WoongCanvasPolygon = function (props) {
 
 
   var handleMouseMove = function (event) {
-    if (disableInteractionRef.current) return;
+    if (disableInteractionRef.current) return; // 드래그 중에는 hover 상태를 업데이트하지 않음 (드래그 시작 시점의 hover 상태 유지)
+
+    if (draggingRef.current) return;
     var mouseOffset = helpers.validateEvent(event, context$1, controller);
     if (!mouseOffset) return;
     var hoveredItem = findData(mouseOffset);

package/dist/index.es.js

@@ -5712,7 +5712,9 @@ var WoongCanvasMarker = function (props) {
   var accumTranslateRef = useRef({
     x: 0,
     y: 0
-  }); // 성능 최적화 Refs
+  }); // 드래그 시작 시점의 hover 상태 저장 (드래그 중 hover 고정용)
+
+  var dragStartHoveredItemRef = useRef(null); // 성능 최적화 Refs
 
   var offsetCacheRef = useRef(new LRUCache(maxCacheSize));
   var spatialIndexRef = useRef(new SpatialHashGrid(SPATIAL_GRID_CELL_SIZE));
@@ -5911,14 +5913,18 @@ var WoongCanvasMarker = function (props) {
       handleDragEndShared = _g.handleDragEnd;
 
   var handleDragStart = function () {
-    handleDragStartShared();
+    handleDragStartShared(); // 드래그 시작 시점의 hover 상태 저장
+
+    dragStartHoveredItemRef.current = hoveredItemRef.current;
     draggingRef.current = true;
     controller.setMapCursor('grabbing');
   };
 
   var handleDragEnd = function () {
     handleDragEndShared();
-    draggingRef.current = false;
+    draggingRef.current = false; // 드래그 종료 후 hover 상태 초기화 (다음 MOUSEMOVE에서 업데이트됨)
+
+    dragStartHoveredItemRef.current = null;
     controller.setMapCursor('grab');
   }; // Hit Test: 특정 좌표의 마커 찾기
 
@@ -5949,6 +5955,11 @@ var WoongCanvasMarker = function (props) {
 
 
   var setHovered = function (data) {
+    // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+    if (draggingRef.current) {
+      return;
+    }
+
     hoveredItemRef.current = data;
 
     if (draggingRef.current) {
@@ -5998,6 +6009,7 @@ var WoongCanvasMarker = function (props) {
 
 
   var handleClick = function (event) {
+    if (controller.isMapDragged()) return;
     if (disableInteractionRef.current) return;
     var clickedOffset = validateEvent(event, context, controller);
     if (!clickedOffset) return;
@@ -6009,7 +6021,9 @@ var WoongCanvasMarker = function (props) {
 
 
   var handleMouseMove = function (event) {
-    if (disableInteractionRef.current) return;
+    if (disableInteractionRef.current) return; // 드래그 중에는 hover 상태를 업데이트하지 않음 (드래그 시작 시점의 hover 상태 유지)
+
+    if (draggingRef.current) return;
     var mouseOffset = validateEvent(event, context, controller);
     if (!mouseOffset) return;
     var hoveredItem = findData(mouseOffset);
@@ -6596,7 +6610,9 @@ var WoongCanvasPolygon = function (props) {
   var accumTranslateRef = useRef({
     x: 0,
     y: 0
-  }); // 성능 최적화 Refs
+  }); // 드래그 시작 시점의 hover 상태 저장 (드래그 중 hover 고정용)
+
+  var dragStartHoveredItemRef = useRef(null); // 성능 최적화 Refs
 
   var offsetCacheRef = useRef(new LRUCache(maxCacheSize));
   var spatialIndexRef = useRef(new SpatialHashGrid(SPATIAL_GRID_CELL_SIZE));
@@ -6769,14 +6785,18 @@ var WoongCanvasPolygon = function (props) {
       handleDragEndShared = _f.handleDragEnd;
 
   var handleDragStart = function () {
-    handleDragStartShared();
+    handleDragStartShared(); // 드래그 시작 시점의 hover 상태 저장
+
+    dragStartHoveredItemRef.current = hoveredItemRef.current;
     draggingRef.current = true;
     controller.setMapCursor('grabbing');
   };
 
   var handleDragEnd = function () {
     handleDragEndShared();
-    draggingRef.current = false;
+    draggingRef.current = false; // 드래그 종료 후 hover 상태 초기화 (다음 MOUSEMOVE에서 업데이트됨)
+
+    dragStartHoveredItemRef.current = null;
     controller.setMapCursor('grab');
   }; // Hit Test: 특정 좌표의 폴리곤 찾기
 
@@ -6798,6 +6818,11 @@ var WoongCanvasPolygon = function (props) {
 
 
   var setHovered = function (data) {
+    // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+    if (draggingRef.current) {
+      return;
+    }
+
     hoveredItemRef.current = data;
 
     if (draggingRef.current) {
@@ -6837,12 +6862,12 @@ var WoongCanvasPolygon = function (props) {
       selectedIdsRef.current = newSelected;
     }
 
-    doRenderBase();
     doRenderEvent();
   }; // 클릭 이벤트 핸들러
 
 
   var handleClick = function (event) {
+    if (controller.isMapDragged()) return;
     if (disableInteractionRef.current) return;
     var clickedOffset = validateEvent(event, context, controller);
     if (!clickedOffset) return;
@@ -6854,7 +6879,9 @@ var WoongCanvasPolygon = function (props) {
 
 
   var handleMouseMove = function (event) {
-    if (disableInteractionRef.current) return;
+    if (disableInteractionRef.current) return; // 드래그 중에는 hover 상태를 업데이트하지 않음 (드래그 시작 시점의 hover 상태 유지)
+
+    if (draggingRef.current) return;
     var mouseOffset = validateEvent(event, context, controller);
     if (!mouseOffset) return;
     var hoveredItem = findData(mouseOffset);

package/dist/index.umd.js

@@ -5716,7 +5716,9 @@
     var accumTranslateRef = React.useRef({
       x: 0,
       y: 0
-    }); // 성능 최적화 Refs
+    }); // 드래그 시작 시점의 hover 상태 저장 (드래그 중 hover 고정용)
+
+    var dragStartHoveredItemRef = React.useRef(null); // 성능 최적화 Refs
 
     var offsetCacheRef = React.useRef(new LRUCache(maxCacheSize));
     var spatialIndexRef = React.useRef(new SpatialHashGrid(SPATIAL_GRID_CELL_SIZE));
@@ -5915,14 +5917,18 @@
         handleDragEndShared = _g.handleDragEnd;
 
     var handleDragStart = function () {
-      handleDragStartShared();
+      handleDragStartShared(); // 드래그 시작 시점의 hover 상태 저장
+
+      dragStartHoveredItemRef.current = hoveredItemRef.current;
       draggingRef.current = true;
       controller.setMapCursor('grabbing');
     };
 
     var handleDragEnd = function () {
       handleDragEndShared();
-      draggingRef.current = false;
+      draggingRef.current = false; // 드래그 종료 후 hover 상태 초기화 (다음 MOUSEMOVE에서 업데이트됨)
+
+      dragStartHoveredItemRef.current = null;
       controller.setMapCursor('grab');
     }; // Hit Test: 특정 좌표의 마커 찾기
 
@@ -5953,6 +5959,11 @@
 
 
     var setHovered = function (data) {
+      // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+      if (draggingRef.current) {
+        return;
+      }
+
       hoveredItemRef.current = data;
 
       if (draggingRef.current) {
@@ -6002,6 +6013,7 @@
 
 
     var handleClick = function (event) {
+      if (controller.isMapDragged()) return;
       if (disableInteractionRef.current) return;
       var clickedOffset = validateEvent(event, context, controller);
       if (!clickedOffset) return;
@@ -6013,7 +6025,9 @@
 
 
     var handleMouseMove = function (event) {
-      if (disableInteractionRef.current) return;
+      if (disableInteractionRef.current) return; // 드래그 중에는 hover 상태를 업데이트하지 않음 (드래그 시작 시점의 hover 상태 유지)
+
+      if (draggingRef.current) return;
       var mouseOffset = validateEvent(event, context, controller);
       if (!mouseOffset) return;
       var hoveredItem = findData(mouseOffset);
@@ -6600,7 +6614,9 @@
     var accumTranslateRef = React.useRef({
       x: 0,
       y: 0
-    }); // 성능 최적화 Refs
+    }); // 드래그 시작 시점의 hover 상태 저장 (드래그 중 hover 고정용)
+
+    var dragStartHoveredItemRef = React.useRef(null); // 성능 최적화 Refs
 
     var offsetCacheRef = React.useRef(new LRUCache(maxCacheSize));
     var spatialIndexRef = React.useRef(new SpatialHashGrid(SPATIAL_GRID_CELL_SIZE));
@@ -6773,14 +6789,18 @@
         handleDragEndShared = _f.handleDragEnd;
 
     var handleDragStart = function () {
-      handleDragStartShared();
+      handleDragStartShared(); // 드래그 시작 시점의 hover 상태 저장
+
+      dragStartHoveredItemRef.current = hoveredItemRef.current;
       draggingRef.current = true;
       controller.setMapCursor('grabbing');
     };
 
     var handleDragEnd = function () {
       handleDragEndShared();
-      draggingRef.current = false;
+      draggingRef.current = false; // 드래그 종료 후 hover 상태 초기화 (다음 MOUSEMOVE에서 업데이트됨)
+
+      dragStartHoveredItemRef.current = null;
       controller.setMapCursor('grab');
     }; // Hit Test: 특정 좌표의 폴리곤 찾기
 
@@ -6802,6 +6822,11 @@
 
 
     var setHovered = function (data) {
+      // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
+      if (draggingRef.current) {
+        return;
+      }
+
       hoveredItemRef.current = data;
 
       if (draggingRef.current) {
@@ -6841,12 +6866,12 @@
         selectedIdsRef.current = newSelected;
       }
 
-      doRenderBase();
       doRenderEvent();
     }; // 클릭 이벤트 핸들러
 
 
     var handleClick = function (event) {
+      if (controller.isMapDragged()) return;
       if (disableInteractionRef.current) return;
       var clickedOffset = validateEvent(event, context, controller);
       if (!clickedOffset) return;
@@ -6858,7 +6883,9 @@
 
 
     var handleMouseMove = function (event) {
-      if (disableInteractionRef.current) return;
+      if (disableInteractionRef.current) return; // 드래그 중에는 hover 상태를 업데이트하지 않음 (드래그 시작 시점의 hover 상태 유지)
+
+      if (draggingRef.current) return;
       var mouseOffset = validateEvent(event, context, controller);
       if (!mouseOffset) return;
       var hoveredItem = findData(mouseOffset);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mint-ui/map",
-  "version": "1.2.0-test.44",
+  "version": "1.2.0-test.46",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "browser": "./dist/index.umd.js",