@mint-ui/map 1.2.0-test.2 → 1.2.0-test.4

package/dist/components/mint-map/naver/NaverMintMapController.js

@@ -21,6 +21,7 @@ var polygon = require('../core/util/polygon.js');
 require('../core/advanced/canvas/CanvasMarkerClaude.js');
 require('../core/advanced/MapLoadingComponents.js');
 require('../core/advanced/woongCanvas/WoongKonvaMarker.js');
+require('../core/advanced/woongCanvas/shared/types.js');
 require('../core/advanced/woongCanvas/shared/context.js');
 require('../core/advanced/woongCanvas/shared/performance.js');
 require('../core/wrapper/MapControlWrapper.js');
@@ -339,20 +340,54 @@ function (_super) {
     }
   };
 
-  NaverMintMapController.prototype.setMarkerZIndex = function (marker, zIndex) {
+  NaverMintMapController.prototype.getCurrentZIndex = function (marker) {
     if (this.map && marker.element && marker.element instanceof HTMLElement) {
       var parent_1 = marker.element.parentElement;
 
-      if (parent_1) {
-        parent_1.style.zIndex = String(zIndex);
+      if (parent_1 && parent_1.style.zIndex) {
+        var zIndex = Number(parent_1.style.zIndex);
+        return isNaN(zIndex) ? undefined : zIndex;
+      }
+    }
+
+    return undefined;
+  };
+
+  NaverMintMapController.prototype.setMarkerZIndex = function (marker, zIndex) {
+    if (this.map && marker.element && marker.element instanceof HTMLElement) {
+      var parent_2 = marker.element.parentElement;
+
+      if (parent_2) {
+        parent_2.style.zIndex = String(zIndex);
       }
     }
   };
 
   NaverMintMapController.prototype.markerToTheTop = function (marker) {
+    // 이미 최상위로 올라간 상태면 (원래 zIndex가 이미 저장됨) 중복 실행 방지
+    if (this.markerOriginalZIndex !== undefined) {
+      return;
+    }
+
+    var currentZIndex = this.getCurrentZIndex(marker); // undefined면 null로 저장 (원래 zIndex가 없었음을 표시)
+
+    this.markerOriginalZIndex = currentZIndex !== undefined ? currentZIndex : null;
     this.setMarkerZIndex(marker, this.getMaxZIndex(1));
   };
 
+  NaverMintMapController.prototype.restoreMarkerZIndex = function (marker) {
+    if (this.markerOriginalZIndex !== undefined) {
+      if (this.markerOriginalZIndex === null) {
+        // 원래 zIndex가 없었으면 제거 (또는 초기값 0으로)
+        this.setMarkerZIndex(marker, 0);
+      } else {
+        this.setMarkerZIndex(marker, this.markerOriginalZIndex);
+      }
+
+      this.markerOriginalZIndex = undefined;
+    }
+  };
+
   NaverMintMapController.prototype.clearDrawable = function (drawable) {
     var _a;
 

package/dist/index.es.js

@@ -650,6 +650,17 @@ var css_248z$1 = ".MintMapCore-module_mint-map-root__SMfwn {\n  position: relati
 var styles$1 = {"mint-map-root":"MintMapCore-module_mint-map-root__SMfwn","mint-map-container":"MintMapCore-module_mint-map-container__8MIIr"};
 styleInject(css_248z$1);
 
+/**
+ * 캔버스 데이터 타입 Enum
+ * 마커인지 폴리곤인지 구분하는 상수
+ */
+var CanvasDataType;
+
+(function (CanvasDataType) {
+  CanvasDataType["MARKER"] = "MARKER";
+  CanvasDataType["POLYGON"] = "POLYGON";
+})(CanvasDataType || (CanvasDataType = {}));
+
 var Drawable =
 /** @class */
 function () {
@@ -824,11 +835,11 @@ var computePolygonOffsets = function (polygonData, controller) {
  */
 
 var computeMarkerOffset = function (markerData, controller) {
-  if (!markerData.position || markerData.position.length === 0) {
+  if (!markerData.position) {
     return null;
   }
 
-  return controller.positionToOffset(markerData.position[0]);
+  return controller.positionToOffset(markerData.position);
 };
 /**
  * Point-in-Polygon 알고리즘
@@ -2690,7 +2701,7 @@ function MapMarkerWrapper(_a) {
   var onMouseOverHandler = function (e) {
     var _a;
 
-    var marker = markerRef.current; //console.log('onMouseOverHandler', marker);
+    var marker = markerRef.current;
 
     if (marker) {
       var mouseOverHandler = (_a = options === null || options === void 0 ? void 0 : options.event) === null || _a === void 0 ? void 0 : _a.get('mouseover');
@@ -2703,6 +2714,25 @@ function MapMarkerWrapper(_a) {
 
       next && topOnHover && controller.markerToTheTop(marker);
     }
+  }; // 20251014 | 장한별 | mouseleave 이벤트 추가, 마우스가 마커 위에서 떠날 때 원래 zindex 를 복구하기 위함
+
+
+  var onMouseLeaveHandler = function (e) {
+    var _a;
+
+    var marker = markerRef.current;
+
+    if (marker) {
+      var mouseOutHandler = (_a = options === null || options === void 0 ? void 0 : options.event) === null || _a === void 0 ? void 0 : _a.get('mouseout');
+      var next = true;
+
+      if (mouseOutHandler) {
+        var hasNext = mouseOutHandler(e);
+        hasNext !== undefined && (next = hasNext);
+      }
+
+      next && topOnHover && controller.restoreMarkerZIndex(marker);
+    }
   }; //create object
 
 
@@ -2720,10 +2750,12 @@ function MapMarkerWrapper(_a) {
     }); //드래그 여부 초기화를 먼저 수행하기 위해 capture : true 처리
 
     divElement.addEventListener('mouseover', onMouseOverHandler);
+    divElement.addEventListener('mouseleave', onMouseLeaveHandler);
     return function () {
       divElement.removeEventListener('click', onClickHandler);
       divElement.removeEventListener('mousedown', onMousedownHandler);
       divElement.removeEventListener('mouseover', onMouseOverHandler);
+      divElement.removeEventListener('mouseleave', onMouseLeaveHandler);
 
       if (markerRef.current) {
         controller.clearDrawable(markerRef.current);
@@ -5306,6 +5338,7 @@ function LoadingImage(_a) {
 
 var WoongKonvaMarkerComponent = function (_a) {
   var markers = _a.markers,
+      dataType = _a.dataType,
       onClick = _a.onClick,
       onMouseOver = _a.onMouseOver,
       onMouseOut = _a.onMouseOut,
@@ -5323,7 +5356,7 @@ var WoongKonvaMarkerComponent = function (_a) {
       _f = _a.maxCacheSize,
       maxCacheSize = _f === void 0 ? DEFAULT_MAX_CACHE_SIZE : _f,
       externalSelectedItems = _a.selectedItems,
-      options = __rest(_a, ["markers", "onClick", "onMouseOver", "onMouseOut", "renderBase", "renderAnimation", "renderEvent", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems"]); // --------------------------------------------------------------------------
+      options = __rest(_a, ["markers", "dataType", "onClick", "onMouseOver", "onMouseOut", "renderBase", "renderAnimation", "renderEvent", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems"]); // --------------------------------------------------------------------------
   // Hooks & Context
   // --------------------------------------------------------------------------
 
@@ -5357,6 +5390,9 @@ var WoongKonvaMarkerComponent = function (_a) {
   /** 현재 Hover 중인 항목 */
 
   var hoveredItemRef = useRef(null);
+  /** 마지막으로 클릭된 항목 */
+
+  var lastClickedItemRef = useRef(null);
   /**
    * 선택된 항목의 ID Set
    *
@@ -5440,7 +5476,7 @@ var WoongKonvaMarkerComponent = function (_a) {
 
     if (!bbox) {
       // 폴리곤인 경우
-      if (item.paths) {
+      if (dataType === CanvasDataType.POLYGON) {
         var offsets = getOrComputePolygonOffsets(item);
         if (!offsets) return false; // 바운딩 박스 계산 (최적화: 직접 비교)
 
@@ -5548,7 +5584,7 @@ var WoongKonvaMarkerComponent = function (_a) {
     for (var _i = 0, currentMarkers_1 = currentMarkers; _i < currentMarkers_1.length; _i++) {
       var item = currentMarkers_1[_i];
 
-      if (item.paths) {
+      if (dataType === CanvasDataType.POLYGON) {
         // 폴리곤: 바운딩 박스 계산 (최적화: 직접 비교)
         var offsets = getOrComputePolygonOffsets(item);
 
@@ -5684,6 +5720,7 @@ var WoongKonvaMarkerComponent = function (_a) {
 
 
   var doRenderEvent = function () {
+    if (!renderEvent) return;
     var layer = eventLayerRef.current;
     if (!layer) return; // 🔥 Shape 재사용: 이미 존재하면 재사용, 없으면 생성
 
@@ -5702,7 +5739,8 @@ var WoongKonvaMarkerComponent = function (_a) {
             ctx: ctx,
             hoveredItem: hoveredItemRef.current,
             utils: renderUtils,
-            selectedItems: selectedItems
+            selectedItems: selectedItems,
+            lastClickedItem: lastClickedItemRef.current
           });
         },
         perfectDrawEnabled: false,
@@ -5834,7 +5872,7 @@ var WoongKonvaMarkerComponent = function (_a) {
     if (topOnHover && hoveredItemRef.current) {
       var hovered = hoveredItemRef.current; // 폴리곤인 경우
 
-      if (hovered.paths) {
+      if (dataType === CanvasDataType.POLYGON) {
         if (isPointInPolygonData(offset, hovered, getOrComputePolygonOffsets)) {
           return hovered; // 여전히 hover된 항목 위에 있음
         }
@@ -5847,23 +5885,22 @@ var WoongKonvaMarkerComponent = function (_a) {
     } // Spatial Index로 후보 항목만 빠르게 추출 (30,000개 → ~10개)
 
 
-    var candidates = spatialIndexRef.current.queryPoint(offset.x, offset.y); // 마커 우선 체크 (마커가 폴리곤 위에 표시됨)
+    var candidates = spatialIndexRef.current.queryPoint(offset.x, offset.y); // 데이터 타입에 따라 적절한 히트 테스트 수행
 
-    for (var i = candidates.length - 1; i >= 0; i--) {
-      var item = candidates[i];
+    if (dataType === CanvasDataType.MARKER) {
+      // 마커 체크
+      for (var i = candidates.length - 1; i >= 0; i--) {
+        var item = candidates[i];
 
-      if (!item.paths) {
         if (isPointInMarkerData(offset, item, getOrComputeMarkerOffset)) {
           return item;
         }
       }
-    } // 폴리곤 체크
-
-
-    for (var i = candidates.length - 1; i >= 0; i--) {
-      var item = candidates[i];
+    } else {
+      // 폴리곤 체크
+      for (var i = candidates.length - 1; i >= 0; i--) {
+        var item = candidates[i];
 
-      if (item.paths) {
         if (isPointInPolygonData(offset, item, getOrComputePolygonOffsets)) {
           return item;
         }
@@ -5907,7 +5944,9 @@ var WoongKonvaMarkerComponent = function (_a) {
 
 
   var handleLocalClick = function (data) {
-    // 1. 선택 상태 업데이트
+    // 0. 마지막 클릭 항목 저장
+    lastClickedItemRef.current = data; // 1. 선택 상태 업데이트
+
     if (enableMultiSelect) {
       // 다중 선택: Set과 Map 동시 업데이트
       var newSelected = new Set(selectedIdsRef.current);
@@ -6012,6 +6051,24 @@ var WoongKonvaMarkerComponent = function (_a) {
   var handleDragEnd = function () {
     draggingRef.current = false;
     controller.setMapCursor('grab');
+  };
+  /**
+   * 마우스가 canvas를 벗어날 때 hover cleanup
+   */
+
+
+  var handleMouseLeave = function () {
+    var prevHovered = hoveredItemRef.current;
+
+    if (prevHovered) {
+      hoveredItemRef.current = null;
+      controller.setMapCursor('grab');
+      doRenderEvent();
+
+      if (onMouseOut) {
+        onMouseOut(prevHovered);
+      }
+    }
   }; // --------------------------------------------------------------------------
   // Lifecycle: DOM 초기화
   // --------------------------------------------------------------------------
@@ -6114,7 +6171,9 @@ var WoongKonvaMarkerComponent = function (_a) {
     controller.addEventListener('CLICK', handleClick);
     controller.addEventListener('MOUSEMOVE', handleMouseMove);
     controller.addEventListener('DRAGSTART', handleDragStart);
-    controller.addEventListener('DRAGEND', handleDragEnd);
+    controller.addEventListener('DRAGEND', handleDragEnd); // 맵 컨테이너에 mouseleave 이벤트 추가
+
+    mapDiv.addEventListener('mouseleave', handleMouseLeave);
     renderAllImmediate(); // Context 사용 시 컴포넌트 등록 (다중 인스턴스 관리)
 
     var componentInstance = null;
@@ -6155,7 +6214,8 @@ var WoongKonvaMarkerComponent = function (_a) {
       controller.removeEventListener('CLICK', handleClick);
       controller.removeEventListener('MOUSEMOVE', handleMouseMove);
       controller.removeEventListener('DRAGSTART', handleDragStart);
-      controller.removeEventListener('DRAGEND', handleDragEnd); // Context 정리
+      controller.removeEventListener('DRAGEND', handleDragEnd);
+      mapDiv.removeEventListener('mouseleave', handleMouseLeave); // Context 정리
 
       if (context && componentInstance) {
         context.unregisterComponent(componentInstance);
@@ -7036,20 +7096,54 @@ function (_super) {
     }
   };
 
-  NaverMintMapController.prototype.setMarkerZIndex = function (marker, zIndex) {
+  NaverMintMapController.prototype.getCurrentZIndex = function (marker) {
     if (this.map && marker.element && marker.element instanceof HTMLElement) {
       var parent_1 = marker.element.parentElement;
 
-      if (parent_1) {
-        parent_1.style.zIndex = String(zIndex);
+      if (parent_1 && parent_1.style.zIndex) {
+        var zIndex = Number(parent_1.style.zIndex);
+        return isNaN(zIndex) ? undefined : zIndex;
+      }
+    }
+
+    return undefined;
+  };
+
+  NaverMintMapController.prototype.setMarkerZIndex = function (marker, zIndex) {
+    if (this.map && marker.element && marker.element instanceof HTMLElement) {
+      var parent_2 = marker.element.parentElement;
+
+      if (parent_2) {
+        parent_2.style.zIndex = String(zIndex);
       }
     }
   };
 
   NaverMintMapController.prototype.markerToTheTop = function (marker) {
+    // 이미 최상위로 올라간 상태면 (원래 zIndex가 이미 저장됨) 중복 실행 방지
+    if (this.markerOriginalZIndex !== undefined) {
+      return;
+    }
+
+    var currentZIndex = this.getCurrentZIndex(marker); // undefined면 null로 저장 (원래 zIndex가 없었음을 표시)
+
+    this.markerOriginalZIndex = currentZIndex !== undefined ? currentZIndex : null;
     this.setMarkerZIndex(marker, this.getMaxZIndex(1));
   };
 
+  NaverMintMapController.prototype.restoreMarkerZIndex = function (marker) {
+    if (this.markerOriginalZIndex !== undefined) {
+      if (this.markerOriginalZIndex === null) {
+        // 원래 zIndex가 없었으면 제거 (또는 초기값 0으로)
+        this.setMarkerZIndex(marker, 0);
+      } else {
+        this.setMarkerZIndex(marker, this.markerOriginalZIndex);
+      }
+
+      this.markerOriginalZIndex = undefined;
+    }
+  };
+
   NaverMintMapController.prototype.clearDrawable = function (drawable) {
     var _a;
 
@@ -7804,6 +7898,10 @@ function (_super) {
     }
   };
 
+  GoogleMintMapController.prototype.restoreMarkerZIndex = function (marker) {// Google Maps에서는 restoreMarkerZIndex 기능을 지원하지 않습니다.
+    // 이 기능은 Naver Maps에서만 사용 가능합니다.
+  };
+
   GoogleMintMapController.prototype.clearDrawable = function (drawable) {
     if (drawable && drawable.native) {
       if (drawable.native instanceof google.maps.Marker || drawable.native instanceof google.maps.Polygon || drawable.native instanceof google.maps.Polyline) {
@@ -8526,6 +8624,10 @@ function (_super) {
     }
   };
 
+  KakaoMintMapController.prototype.restoreMarkerZIndex = function (marker) {// Kakao Maps에서는 restoreMarkerZIndex 기능을 지원하지 않습니다.
+    // 이 기능은 Naver Maps에서만 사용 가능합니다.
+  };
+
   KakaoMintMapController.prototype.clearDrawable = function (drawable) {
     var _this = this;
 
@@ -9085,4 +9187,4 @@ function MintMap(_a) {
   }), loading));
 }
 
-export { AnimationPlayer, Bounds, CanvasMarker, CanvasMarkerClaude, CanvasMarkerHanquf, CircleMarker, Drawable, GeoCalulator, GoogleMintMapController, KonvaMarkerProvider, LRUCache, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SVGCircle, SVGPolygon, SVGRect, Spacing, SpatialHashGrid, Status, WoongKonvaMarker, getClusterInfo, getMapOfType, log, useKonvaMarkerContext, useMarkerMoving, useMintMapController, waiting };
+export { AnimationPlayer, Bounds, CanvasDataType, CanvasMarker, CanvasMarkerClaude, CanvasMarkerHanquf, CircleMarker, DEFAULT_CULLING_MARGIN, DEFAULT_MAX_CACHE_SIZE, Drawable, GeoCalulator, GoogleMintMapController, KonvaMarkerProvider, LRUCache, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SPATIAL_GRID_CELL_SIZE, SVGCircle, SVGPolygon, SVGRect, Spacing, SpatialHashGrid, Status, WoongKonvaMarker, computeMarkerOffset, computePolygonOffsets, getClusterInfo, getMapOfType, isPointInMarkerData, isPointInPolygon, isPointInPolygonData, log, useKonvaMarkerContext, useMarkerMoving, useMintMapController, waiting };

package/dist/index.js

@@ -17,9 +17,8 @@ var CanvasMarkerClaude = require('./components/mint-map/core/advanced/canvas/Can
 var MapBuildingProjection = require('./components/mint-map/core/advanced/MapBuildingProjection.js');
 var MapLoadingComponents = require('./components/mint-map/core/advanced/MapLoadingComponents.js');
 var WoongKonvaMarker = require('./components/mint-map/core/advanced/woongCanvas/WoongKonvaMarker.js');
-var MapDrawables = require('./components/mint-map/types/MapDrawables.js');
-var MapTypes = require('./components/mint-map/types/MapTypes.js');
-var MapEventTypes = require('./components/mint-map/types/MapEventTypes.js');
+var types = require('./components/mint-map/core/advanced/woongCanvas/shared/types.js');
+var utils = require('./components/mint-map/core/advanced/woongCanvas/shared/utils.js');
 var context = require('./components/mint-map/core/advanced/woongCanvas/shared/context.js');
 var performance = require('./components/mint-map/core/advanced/woongCanvas/shared/performance.js');
 var MarkerMovingHook = require('./components/mint-map/core/hooks/MarkerMovingHook.js');
@@ -40,6 +39,9 @@ var MapCanvasWrapper = require('./components/mint-map/core/wrapper/MapCanvasWrap
 var MapCanvasMarkerWrapper = require('./components/mint-map/core/wrapper/MapCanvasMarkerWrapper.js');
 var NaverMintMapController = require('./components/mint-map/naver/NaverMintMapController.js');
 var GoogleMintMapController = require('./components/mint-map/google/GoogleMintMapController.js');
+var MapDrawables = require('./components/mint-map/types/MapDrawables.js');
+var MapTypes = require('./components/mint-map/types/MapTypes.js');
+var MapEventTypes = require('./components/mint-map/types/MapEventTypes.js');
 
 
 
@@ -59,19 +61,21 @@ exports.MapBuildingProjection = MapBuildingProjection.MapBuildingProjection;
 exports.MapLoadingWithImage = MapLoadingComponents.MapLoadingWithImage;
 exports.PointLoading = MapLoadingComponents.PointLoading;
 exports.WoongKonvaMarker = WoongKonvaMarker["default"];
-exports.Drawable = MapDrawables.Drawable;
-exports.Marker = MapDrawables.Marker;
-exports.Polygon = MapDrawables.Polygon;
-exports.Polyline = MapDrawables.Polyline;
-exports.Bounds = MapTypes.Bounds;
-exports.Offset = MapTypes.Offset;
-exports.Position = MapTypes.Position;
-exports.Spacing = MapTypes.Spacing;
-exports.MapEvent = MapEventTypes.MapEvent;
-exports.MapUIEvent = MapEventTypes.MapUIEvent;
+Object.defineProperty(exports, 'CanvasDataType', {
+	enumerable: true,
+	get: function () { return types.CanvasDataType; }
+});
+exports.computeMarkerOffset = utils.computeMarkerOffset;
+exports.computePolygonOffsets = utils.computePolygonOffsets;
+exports.isPointInMarkerData = utils.isPointInMarkerData;
+exports.isPointInPolygon = utils.isPointInPolygon;
+exports.isPointInPolygonData = utils.isPointInPolygonData;
 exports.KonvaMarkerProvider = context.KonvaMarkerProvider;
 exports.useKonvaMarkerContext = context.useKonvaMarkerContext;
+exports.DEFAULT_CULLING_MARGIN = performance.DEFAULT_CULLING_MARGIN;
+exports.DEFAULT_MAX_CACHE_SIZE = performance.DEFAULT_MAX_CACHE_SIZE;
 exports.LRUCache = performance.LRUCache;
+exports.SPATIAL_GRID_CELL_SIZE = performance.SPATIAL_GRID_CELL_SIZE;
 exports.SpatialHashGrid = performance.SpatialHashGrid;
 exports.useMarkerMoving = MarkerMovingHook.useMarkerMoving;
 exports.MintMapProvider = MintMapProvider.MintMapProvider;
@@ -92,3 +96,13 @@ exports.MapCanvasWrapper = MapCanvasWrapper.MapCanvasWrapper;
 exports.MapCanvasMarkerWrapper = MapCanvasMarkerWrapper.MapCanvasMarkerWrapper;
 exports.NaverMintMapController = NaverMintMapController.NaverMintMapController;
 exports.GoogleMintMapController = GoogleMintMapController.GoogleMintMapController;
+exports.Drawable = MapDrawables.Drawable;
+exports.Marker = MapDrawables.Marker;
+exports.Polygon = MapDrawables.Polygon;
+exports.Polyline = MapDrawables.Polyline;
+exports.Bounds = MapTypes.Bounds;
+exports.Offset = MapTypes.Offset;
+exports.Position = MapTypes.Position;
+exports.Spacing = MapTypes.Spacing;
+exports.MapEvent = MapEventTypes.MapEvent;
+exports.MapUIEvent = MapEventTypes.MapUIEvent;