@mint-ui/map 1.2.0-test.57 → 1.2.0-test.58

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MarkerOptions } from '../../../types';
+import { MarkerOptions, Position } from '../../../types';
 import { CanvasData, CustomRenderBase, CustomRenderEvent } from '../shared';
 export { CanvasDataType, CanvasProvider, LRUCache, SpatialHashGrid } from '../shared';
 export type { CanvasData, CanvasOption, CustomRenderBase, CustomRenderEvent, RenderBaseParams, RenderEventParams, RenderUtils } from '../shared';
@@ -14,7 +14,12 @@ export interface CanvasMarkerLayerProps<T> extends Pick<MarkerOptions, 'zIndex'
     /** 마커 클릭 시 호출되는 콜백 함수 */
     onClick?: (payload: CanvasData<T>, selectedIds: Set<string>) => void;
     /** 마커에 마우스 오버 시 호출되는 콜백 함수 */
-    onMouseOver?: (payload: CanvasData<T>) => void;
+    onMouseOver?: (payload: CanvasData<T> & {
+        boundingBox?: {
+            bottomRight: Position;
+            leftTop: Position;
+        };
+    }) => void;
     /** 마커에서 마우스 아웃 시 호출되는 콜백 함수 */
     onMouseOut?: (payload: CanvasData<T>) => void;
     /** 다중 선택 활성화 여부 (기본값: false) */

package/dist/components/mint-map/core/advanced/CanvasMarkerLayer/CanvasMarkerLayer.js

@@ -7,7 +7,7 @@ var Konva = require('konva');
 var React = require('react');
 var reactDom = require('react-dom');
 var MapDrawables = require('../../../types/MapDrawables.js');
-require('../../../types/MapTypes.js');
+var MapTypes = require('../../../types/MapTypes.js');
 require('../../../types/MapEventTypes.js');
 var MintMapProvider = require('../../provider/MintMapProvider.js');
 var context = require('../shared/context.js');
@@ -377,6 +377,29 @@ var CanvasMarkerLayer = function (props) {
     if (!clickedData) return;
     handleLocalClick(clickedData);
     onClick === null || onClick === void 0 ? void 0 : onClick(clickedData, selectedIdsRef.current);
+  }; // 마커 바운딩 박스의 왼쪽 상단과 우측 하단을 위도/경도로 변환
+
+
+  var getMarkerBoundingBoxCoordinates = function (item) {
+    try {
+      var offset = getOrComputeMarkerOffset(item);
+      if (!offset) return null;
+      var boundingBox = computeBoundingBox(item);
+      if (!boundingBox) return null; // 왼쪽 상단 좌표 (minX, minY)
+
+      var leftTopOffset = new MapTypes.Offset(boundingBox.minX, boundingBox.minY);
+      var leftTop = controller.offsetToPosition(leftTopOffset); // 우측 하단 좌표 (maxX, maxY)
+
+      var bottomRightOffset = new MapTypes.Offset(boundingBox.maxX, boundingBox.maxY);
+      var bottomRight = controller.offsetToPosition(bottomRightOffset);
+      return {
+        bottomRight: bottomRight,
+        leftTop: leftTop
+      };
+    } catch (error) {
+      console.error('[CanvasMarkerLayer] getMarkerBoundingBoxCoordinates error:', error, item);
+      return null;
+    }
   }; // 마우스 이동 이벤트 핸들러 (hover 감지)
 
 
@@ -391,7 +414,16 @@ var CanvasMarkerLayer = function (props) {
     if (prevHovered === hoveredItem) return;
     setHovered(hoveredItem);
     if (prevHovered) onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
-    if (hoveredItem) onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(hoveredItem);
+
+    if (hoveredItem) {
+      var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 항상 포함하도록 수정
+
+      var payload = tslib.__assign(tslib.__assign({}, hoveredItem), {
+        boundingBox: boundingBox || undefined
+      });
+
+      onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(payload);
+    }
   }; // 마우스가 맵 영역을 벗어날 때 hover 상태 초기화
 
 
@@ -500,6 +532,24 @@ var CanvasMarkerLayer = function (props) {
     var componentInstance = null;
 
     if (context$1) {
+      // context를 통한 onMouseOver 호출 시에도 boundingBox를 포함하도록 래핑
+      var wrappedOnMouseOver = onMouseOver ? function (payload) {
+        var boundingBox = getMarkerBoundingBoxCoordinates(payload);
+
+        if (boundingBox) {
+          var enhancedPayload = tslib.__assign(tslib.__assign({}, payload), {
+            boundingBox: boundingBox
+          });
+
+          onMouseOver(enhancedPayload);
+        } else {
+          var enhancedPayload = tslib.__assign(tslib.__assign({}, payload), {
+            boundingBox: undefined
+          });
+
+          onMouseOver(enhancedPayload);
+        }
+      } : undefined;
       componentInstance = {
         findData: findData,
         getSelectedIds: function () {
@@ -514,7 +564,7 @@ var CanvasMarkerLayer = function (props) {
         },
         onClick: onClick,
         onMouseOut: onMouseOut,
-        onMouseOver: onMouseOver,
+        onMouseOver: wrappedOnMouseOver,
         setHovered: setHovered,
         zIndex: currentZIndex
       };

package/dist/index.es.js

@@ -4218,6 +4218,29 @@ var CanvasMarkerLayer = function (props) {
     if (!clickedData) return;
     handleLocalClick(clickedData);
     onClick === null || onClick === void 0 ? void 0 : onClick(clickedData, selectedIdsRef.current);
+  }; // 마커 바운딩 박스의 왼쪽 상단과 우측 하단을 위도/경도로 변환
+
+
+  var getMarkerBoundingBoxCoordinates = function (item) {
+    try {
+      var offset = getOrComputeMarkerOffset(item);
+      if (!offset) return null;
+      var boundingBox = computeBoundingBox(item);
+      if (!boundingBox) return null; // 왼쪽 상단 좌표 (minX, minY)
+
+      var leftTopOffset = new Offset(boundingBox.minX, boundingBox.minY);
+      var leftTop = controller.offsetToPosition(leftTopOffset); // 우측 하단 좌표 (maxX, maxY)
+
+      var bottomRightOffset = new Offset(boundingBox.maxX, boundingBox.maxY);
+      var bottomRight = controller.offsetToPosition(bottomRightOffset);
+      return {
+        bottomRight: bottomRight,
+        leftTop: leftTop
+      };
+    } catch (error) {
+      console.error('[CanvasMarkerLayer] getMarkerBoundingBoxCoordinates error:', error, item);
+      return null;
+    }
   }; // 마우스 이동 이벤트 핸들러 (hover 감지)
 
 
@@ -4232,7 +4255,16 @@ var CanvasMarkerLayer = function (props) {
     if (prevHovered === hoveredItem) return;
     setHovered(hoveredItem);
     if (prevHovered) onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
-    if (hoveredItem) onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(hoveredItem);
+
+    if (hoveredItem) {
+      var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 항상 포함하도록 수정
+
+      var payload = __assign(__assign({}, hoveredItem), {
+        boundingBox: boundingBox || undefined
+      });
+
+      onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(payload);
+    }
   }; // 마우스가 맵 영역을 벗어날 때 hover 상태 초기화
 
 
@@ -4341,6 +4373,24 @@ var CanvasMarkerLayer = function (props) {
     var componentInstance = null;
 
     if (context) {
+      // context를 통한 onMouseOver 호출 시에도 boundingBox를 포함하도록 래핑
+      var wrappedOnMouseOver = onMouseOver ? function (payload) {
+        var boundingBox = getMarkerBoundingBoxCoordinates(payload);
+
+        if (boundingBox) {
+          var enhancedPayload = __assign(__assign({}, payload), {
+            boundingBox: boundingBox
+          });
+
+          onMouseOver(enhancedPayload);
+        } else {
+          var enhancedPayload = __assign(__assign({}, payload), {
+            boundingBox: undefined
+          });
+
+          onMouseOver(enhancedPayload);
+        }
+      } : undefined;
       componentInstance = {
         findData: findData,
         getSelectedIds: function () {
@@ -4355,7 +4405,7 @@ var CanvasMarkerLayer = function (props) {
         },
         onClick: onClick,
         onMouseOut: onMouseOut,
-        onMouseOver: onMouseOver,
+        onMouseOver: wrappedOnMouseOver,
         setHovered: setHovered,
         zIndex: currentZIndex
       };

package/dist/index.umd.js

@@ -4222,6 +4222,29 @@
       if (!clickedData) return;
       handleLocalClick(clickedData);
       onClick === null || onClick === void 0 ? void 0 : onClick(clickedData, selectedIdsRef.current);
+    }; // 마커 바운딩 박스의 왼쪽 상단과 우측 하단을 위도/경도로 변환
+
+
+    var getMarkerBoundingBoxCoordinates = function (item) {
+      try {
+        var offset = getOrComputeMarkerOffset(item);
+        if (!offset) return null;
+        var boundingBox = computeBoundingBox(item);
+        if (!boundingBox) return null; // 왼쪽 상단 좌표 (minX, minY)
+
+        var leftTopOffset = new Offset(boundingBox.minX, boundingBox.minY);
+        var leftTop = controller.offsetToPosition(leftTopOffset); // 우측 하단 좌표 (maxX, maxY)
+
+        var bottomRightOffset = new Offset(boundingBox.maxX, boundingBox.maxY);
+        var bottomRight = controller.offsetToPosition(bottomRightOffset);
+        return {
+          bottomRight: bottomRight,
+          leftTop: leftTop
+        };
+      } catch (error) {
+        console.error('[CanvasMarkerLayer] getMarkerBoundingBoxCoordinates error:', error, item);
+        return null;
+      }
     }; // 마우스 이동 이벤트 핸들러 (hover 감지)
 
 
@@ -4236,7 +4259,16 @@
       if (prevHovered === hoveredItem) return;
       setHovered(hoveredItem);
       if (prevHovered) onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
-      if (hoveredItem) onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(hoveredItem);
+
+      if (hoveredItem) {
+        var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 항상 포함하도록 수정
+
+        var payload = tslib.__assign(tslib.__assign({}, hoveredItem), {
+          boundingBox: boundingBox || undefined
+        });
+
+        onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(payload);
+      }
     }; // 마우스가 맵 영역을 벗어날 때 hover 상태 초기화
 
 
@@ -4345,6 +4377,24 @@
       var componentInstance = null;
 
       if (context) {
+        // context를 통한 onMouseOver 호출 시에도 boundingBox를 포함하도록 래핑
+        var wrappedOnMouseOver = onMouseOver ? function (payload) {
+          var boundingBox = getMarkerBoundingBoxCoordinates(payload);
+
+          if (boundingBox) {
+            var enhancedPayload = tslib.__assign(tslib.__assign({}, payload), {
+              boundingBox: boundingBox
+            });
+
+            onMouseOver(enhancedPayload);
+          } else {
+            var enhancedPayload = tslib.__assign(tslib.__assign({}, payload), {
+              boundingBox: undefined
+            });
+
+            onMouseOver(enhancedPayload);
+          }
+        } : undefined;
         componentInstance = {
           findData: findData,
           getSelectedIds: function () {
@@ -4359,7 +4409,7 @@
           },
           onClick: onClick,
           onMouseOut: onMouseOut,
-          onMouseOver: onMouseOver,
+          onMouseOver: wrappedOnMouseOver,
           setHovered: setHovered,
           zIndex: currentZIndex
         };

package/package.json

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