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

package/dist/index.umd.js

@@ -654,6 +654,17 @@
   var styles$1 = {"mint-map-root":"MintMapCore-module_mint-map-root__SMfwn","mint-map-container":"MintMapCore-module_mint-map-container__8MIIr"};
   styleInject__default["default"](css_248z$1);
 
+  /**
+   * 캔버스 데이터 타입 Enum
+   * 마커인지 폴리곤인지 구분하는 상수
+   */
+  exports.CanvasDataType = void 0;
+
+  (function (CanvasDataType) {
+    CanvasDataType["MARKER"] = "MARKER";
+    CanvasDataType["POLYGON"] = "POLYGON";
+  })(exports.CanvasDataType || (exports.CanvasDataType = {}));
+
   var Drawable =
   /** @class */
   function () {
@@ -828,11 +839,11 @@
    */
 
   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 알고리즘
@@ -2694,7 +2705,7 @@
     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');
@@ -2707,6 +2718,25 @@
 
         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
 
 
@@ -2724,10 +2754,12 @@
       }); //드래그 여부 초기화를 먼저 수행하기 위해 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);
@@ -5310,6 +5342,7 @@
 
   var WoongKonvaMarkerComponent = function (_a) {
     var markers = _a.markers,
+        dataType = _a.dataType,
         onClick = _a.onClick,
         onMouseOver = _a.onMouseOver,
         onMouseOut = _a.onMouseOut,
@@ -5327,7 +5360,7 @@
         _f = _a.maxCacheSize,
         maxCacheSize = _f === void 0 ? DEFAULT_MAX_CACHE_SIZE : _f,
         externalSelectedItems = _a.selectedItems,
-        options = tslib.__rest(_a, ["markers", "onClick", "onMouseOver", "onMouseOut", "renderBase", "renderAnimation", "renderEvent", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems"]); // --------------------------------------------------------------------------
+        options = tslib.__rest(_a, ["markers", "dataType", "onClick", "onMouseOver", "onMouseOut", "renderBase", "renderAnimation", "renderEvent", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems"]); // --------------------------------------------------------------------------
     // Hooks & Context
     // --------------------------------------------------------------------------
 
@@ -5361,6 +5394,9 @@
     /** 현재 Hover 중인 항목 */
 
     var hoveredItemRef = React.useRef(null);
+    /** 마지막으로 클릭된 항목 */
+
+    var lastClickedItemRef = React.useRef(null);
     /**
      * 선택된 항목의 ID Set
      *
@@ -5444,7 +5480,7 @@
 
       if (!bbox) {
         // 폴리곤인 경우
-        if (item.paths) {
+        if (dataType === exports.CanvasDataType.POLYGON) {
           var offsets = getOrComputePolygonOffsets(item);
           if (!offsets) return false; // 바운딩 박스 계산 (최적화: 직접 비교)
 
@@ -5552,7 +5588,7 @@
       for (var _i = 0, currentMarkers_1 = currentMarkers; _i < currentMarkers_1.length; _i++) {
         var item = currentMarkers_1[_i];
 
-        if (item.paths) {
+        if (dataType === exports.CanvasDataType.POLYGON) {
           // 폴리곤: 바운딩 박스 계산 (최적화: 직접 비교)
           var offsets = getOrComputePolygonOffsets(item);
 
@@ -5688,6 +5724,7 @@
 
 
     var doRenderEvent = function () {
+      if (!renderEvent) return;
       var layer = eventLayerRef.current;
       if (!layer) return; // 🔥 Shape 재사용: 이미 존재하면 재사용, 없으면 생성
 
@@ -5706,7 +5743,8 @@
               ctx: ctx,
               hoveredItem: hoveredItemRef.current,
               utils: renderUtils,
-              selectedItems: selectedItems
+              selectedItems: selectedItems,
+              lastClickedItem: lastClickedItemRef.current
             });
           },
           perfectDrawEnabled: false,
@@ -5838,7 +5876,7 @@
       if (topOnHover && hoveredItemRef.current) {
         var hovered = hoveredItemRef.current; // 폴리곤인 경우
 
-        if (hovered.paths) {
+        if (dataType === exports.CanvasDataType.POLYGON) {
           if (isPointInPolygonData(offset, hovered, getOrComputePolygonOffsets)) {
             return hovered; // 여전히 hover된 항목 위에 있음
           }
@@ -5851,23 +5889,22 @@
       } // 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 === exports.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;
           }
@@ -5911,7 +5948,9 @@
 
 
     var handleLocalClick = function (data) {
-      // 1. 선택 상태 업데이트
+      // 0. 마지막 클릭 항목 저장
+      lastClickedItemRef.current = data; // 1. 선택 상태 업데이트
+
       if (enableMultiSelect) {
         // 다중 선택: Set과 Map 동시 업데이트
         var newSelected = new Set(selectedIdsRef.current);
@@ -6016,6 +6055,24 @@
     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 초기화
     // --------------------------------------------------------------------------
@@ -6118,7 +6175,9 @@
       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;
@@ -6159,7 +6218,8 @@
         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);
@@ -7040,20 +7100,54 @@
       }
     };
 
-    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;
 
@@ -7808,6 +7902,10 @@
       }
     };
 
+    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) {
@@ -8530,6 +8628,10 @@
       }
     };
 
+    KakaoMintMapController.prototype.restoreMarkerZIndex = function (marker) {// Kakao Maps에서는 restoreMarkerZIndex 기능을 지원하지 않습니다.
+      // 이 기능은 Naver Maps에서만 사용 가능합니다.
+    };
+
     KakaoMintMapController.prototype.clearDrawable = function (drawable) {
       var _this = this;
 
@@ -9095,6 +9197,8 @@
   exports.CanvasMarkerClaude = CanvasMarkerClaude;
   exports.CanvasMarkerHanquf = CanvasMarkerHanquf;
   exports.CircleMarker = CircleMarker;
+  exports.DEFAULT_CULLING_MARGIN = DEFAULT_CULLING_MARGIN;
+  exports.DEFAULT_MAX_CACHE_SIZE = DEFAULT_MAX_CACHE_SIZE;
   exports.Drawable = Drawable;
   exports.GeoCalulator = GeoCalulator;
   exports.GoogleMintMapController = GoogleMintMapController;
@@ -9124,6 +9228,7 @@
   exports.PolygonMarker = PolygonMarker;
   exports.Polyline = Polyline;
   exports.Position = Position;
+  exports.SPATIAL_GRID_CELL_SIZE = SPATIAL_GRID_CELL_SIZE;
   exports.SVGCircle = SVGCircle;
   exports.SVGPolygon = SVGPolygon;
   exports.SVGRect = SVGRect;
@@ -9131,8 +9236,13 @@
   exports.SpatialHashGrid = SpatialHashGrid;
   exports.Status = Status;
   exports.WoongKonvaMarker = WoongKonvaMarker;
+  exports.computeMarkerOffset = computeMarkerOffset;
+  exports.computePolygonOffsets = computePolygonOffsets;
   exports.getClusterInfo = getClusterInfo;
   exports.getMapOfType = getMapOfType;
+  exports.isPointInMarkerData = isPointInMarkerData;
+  exports.isPointInPolygon = isPointInPolygon;
+  exports.isPointInPolygonData = isPointInPolygonData;
   exports.log = log;
   exports.useKonvaMarkerContext = useKonvaMarkerContext;
   exports.useMarkerMoving = useMarkerMoving;

package/package.json

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

package/.claude/settings.local.json

@@ -1,16 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Read(//var/folders/7t/vchtbctx3m788mhcq9fn2x540000gn/T/TemporaryItems/NSIRD_screencaptureui_OsfFWn/**)",
-      "Read(//Users/hans/Desktop/**)",
-      "WebSearch",
-      "Read(//var/folders/7t/vchtbctx3m788mhcq9fn2x540000gn/T/TemporaryItems/NSIRD_screencaptureui_4DskwH/**)",
-      "WebFetch(domain:www.bdsplanet.com)",
-      "mcp__ide__getDiagnostics",
-      "Bash(npm run storybook:*)",
-      "Read(//var/folders/7t/vchtbctx3m788mhcq9fn2x540000gn/T/TemporaryItems/NSIRD_screencaptureui_HMhrPV/**)"
-    ],
-    "deny": [],
-    "ask": []
-  }
-}