@mint-ui/map 1.2.0-test.55 → 1.2.0-test.56

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

@@ -33,6 +33,8 @@ export interface CanvasMarkerLayerProps<T> extends Pick<MarkerOptions, 'zIndex'
     selectedItem?: CanvasData<T> | null;
     /** 상호작용 비활성화 여부 (기본값: false) */
     disableInteraction?: boolean;
+    /** hover 시 레이어의 z-index를 변경할 값 (지정 시 hover 시에만 적용) */
+    hoverZIndex?: number;
     /** Base Layer 렌더링 함수 (필수) */
     renderBase: CustomRenderBase<T>;
     /** Event Layer 렌더링 함수 (선택) */

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

@@ -42,9 +42,10 @@ var CanvasMarkerLayer = function (props) {
       externalSelectedItem = props.selectedItem,
       _f = props.disableInteraction,
       disableInteraction = _f === void 0 ? false : _f,
+      hoverZIndex = props.hoverZIndex,
       renderBase = props.renderBase,
       renderEvent = props.renderEvent,
-      options = tslib.__rest(props, ["data", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction", "renderBase", "renderEvent"]);
+      options = tslib.__rest(props, ["data", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction", "hoverZIndex", "renderBase", "renderEvent"]);
 
   var controller = MintMapProvider.useMintMapController();
   var context$1 = context.useCanvasContext();
@@ -74,7 +75,9 @@ var CanvasMarkerLayer = function (props) {
     y: 0
   }); // 드래그 시작 시점의 hover 상태 저장 (드래그 중 hover 고정용)
 
-  var dragStartHoveredItemRef = React.useRef(null); // 성능 최적화 Refs
+  var dragStartHoveredItemRef = React.useRef(null); // 원래 z-index 저장 (hoverZIndex 사용 시 복원용)
+
+  var originalZIndexRef = React.useRef(currentZIndex); // 성능 최적화 Refs
 
   var offsetCacheRef = React.useRef(new performance.LRUCache(maxCacheSize));
   var spatialIndexRef = React.useRef(new performance.SpatialHashGrid(performance.SPATIAL_GRID_CELL_SIZE));
@@ -320,7 +323,21 @@ var CanvasMarkerLayer = function (props) {
       return;
     }
 
-    hoveredItemRef.current = hoveredData;
+    var prevHovered = hoveredItemRef.current;
+    hoveredItemRef.current = hoveredData; // hoverZIndex가 설정되어 있고 마커가 존재할 때 z-index 변경
+
+    if (hoverZIndex !== undefined && markerRef.current) {
+      // hover 상태가 변경될 때만 z-index 업데이트
+      if (prevHovered !== hoveredData) {
+        // 이전 hover가 끝났을 때 원래 z-index로 복원
+        if (prevHovered && !hoveredData) {
+          controller.setMarkerZIndex(markerRef.current, originalZIndexRef.current);
+        } // 새로운 hover가 시작될 때 hoverZIndex로 변경
+        else if (hoveredData && !prevHovered) {
+          controller.setMarkerZIndex(markerRef.current, hoverZIndex);
+        }
+      }
+    }
 
     if (draggingRef.current) {
       controller.setMapCursor('grabbing');
@@ -399,7 +416,12 @@ var CanvasMarkerLayer = function (props) {
     if (disableInteractionRef.current) return;
     var prevHovered = hoveredItemRef.current;
     if (!prevHovered) return;
-    hoveredItemRef.current = null;
+    hoveredItemRef.current = null; // hoverZIndex가 설정되어 있으면 원래 z-index로 복원
+
+    if (hoverZIndex !== undefined && markerRef.current) {
+      controller.setMarkerZIndex(markerRef.current, originalZIndexRef.current);
+    }
+
     controller.setMapCursor('grab');
     doRenderEvent();
     onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
@@ -424,7 +446,16 @@ var CanvasMarkerLayer = function (props) {
     }, options);
 
     if (markerRef.current) {
-      controller.updateMarker(markerRef.current, markerOptions);
+      controller.updateMarker(markerRef.current, markerOptions); // z-index가 변경되었을 때 originalZIndexRef 업데이트
+
+      if (options.zIndex !== undefined) {
+        originalZIndexRef.current = options.zIndex; // hover 상태가 아닐 때만 z-index 업데이트 (hover 중이면 hoverZIndex 유지)
+
+        if (!hoveredItemRef.current || hoverZIndex === undefined) {
+          controller.setMarkerZIndex(markerRef.current, options.zIndex);
+        }
+      }
+
       return;
     }
 
@@ -437,6 +468,7 @@ var CanvasMarkerLayer = function (props) {
     }
 
     if (options.zIndex !== undefined) {
+      originalZIndexRef.current = options.zIndex;
       controller.setMarkerZIndex(markerRef.current, options.zIndex);
     }
   }, [options]); // Konva 초기화 및 이벤트 리스너 등록

package/dist/index.es.js

@@ -3883,9 +3883,10 @@ var CanvasMarkerLayer = function (props) {
       externalSelectedItem = props.selectedItem,
       _f = props.disableInteraction,
       disableInteraction = _f === void 0 ? false : _f,
+      hoverZIndex = props.hoverZIndex,
       renderBase = props.renderBase,
       renderEvent = props.renderEvent,
-      options = __rest(props, ["data", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction", "renderBase", "renderEvent"]);
+      options = __rest(props, ["data", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction", "hoverZIndex", "renderBase", "renderEvent"]);
 
   var controller = useMintMapController();
   var context = useCanvasContext();
@@ -3915,7 +3916,9 @@ var CanvasMarkerLayer = function (props) {
     y: 0
   }); // 드래그 시작 시점의 hover 상태 저장 (드래그 중 hover 고정용)
 
-  var dragStartHoveredItemRef = useRef(null); // 성능 최적화 Refs
+  var dragStartHoveredItemRef = useRef(null); // 원래 z-index 저장 (hoverZIndex 사용 시 복원용)
+
+  var originalZIndexRef = useRef(currentZIndex); // 성능 최적화 Refs
 
   var offsetCacheRef = useRef(new LRUCache(maxCacheSize));
   var spatialIndexRef = useRef(new SpatialHashGrid(SPATIAL_GRID_CELL_SIZE));
@@ -4161,7 +4164,21 @@ var CanvasMarkerLayer = function (props) {
       return;
     }
 
-    hoveredItemRef.current = hoveredData;
+    var prevHovered = hoveredItemRef.current;
+    hoveredItemRef.current = hoveredData; // hoverZIndex가 설정되어 있고 마커가 존재할 때 z-index 변경
+
+    if (hoverZIndex !== undefined && markerRef.current) {
+      // hover 상태가 변경될 때만 z-index 업데이트
+      if (prevHovered !== hoveredData) {
+        // 이전 hover가 끝났을 때 원래 z-index로 복원
+        if (prevHovered && !hoveredData) {
+          controller.setMarkerZIndex(markerRef.current, originalZIndexRef.current);
+        } // 새로운 hover가 시작될 때 hoverZIndex로 변경
+        else if (hoveredData && !prevHovered) {
+          controller.setMarkerZIndex(markerRef.current, hoverZIndex);
+        }
+      }
+    }
 
     if (draggingRef.current) {
       controller.setMapCursor('grabbing');
@@ -4240,7 +4257,12 @@ var CanvasMarkerLayer = function (props) {
     if (disableInteractionRef.current) return;
     var prevHovered = hoveredItemRef.current;
     if (!prevHovered) return;
-    hoveredItemRef.current = null;
+    hoveredItemRef.current = null; // hoverZIndex가 설정되어 있으면 원래 z-index로 복원
+
+    if (hoverZIndex !== undefined && markerRef.current) {
+      controller.setMarkerZIndex(markerRef.current, originalZIndexRef.current);
+    }
+
     controller.setMapCursor('grab');
     doRenderEvent();
     onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
@@ -4265,7 +4287,16 @@ var CanvasMarkerLayer = function (props) {
     }, options);
 
     if (markerRef.current) {
-      controller.updateMarker(markerRef.current, markerOptions);
+      controller.updateMarker(markerRef.current, markerOptions); // z-index가 변경되었을 때 originalZIndexRef 업데이트
+
+      if (options.zIndex !== undefined) {
+        originalZIndexRef.current = options.zIndex; // hover 상태가 아닐 때만 z-index 업데이트 (hover 중이면 hoverZIndex 유지)
+
+        if (!hoveredItemRef.current || hoverZIndex === undefined) {
+          controller.setMarkerZIndex(markerRef.current, options.zIndex);
+        }
+      }
+
       return;
     }
 
@@ -4278,6 +4309,7 @@ var CanvasMarkerLayer = function (props) {
     }
 
     if (options.zIndex !== undefined) {
+      originalZIndexRef.current = options.zIndex;
       controller.setMarkerZIndex(markerRef.current, options.zIndex);
     }
   }, [options]); // Konva 초기화 및 이벤트 리스너 등록

package/dist/index.umd.js

@@ -3887,9 +3887,10 @@
         externalSelectedItem = props.selectedItem,
         _f = props.disableInteraction,
         disableInteraction = _f === void 0 ? false : _f,
+        hoverZIndex = props.hoverZIndex,
         renderBase = props.renderBase,
         renderEvent = props.renderEvent,
-        options = tslib.__rest(props, ["data", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction", "renderBase", "renderEvent"]);
+        options = tslib.__rest(props, ["data", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction", "hoverZIndex", "renderBase", "renderEvent"]);
 
     var controller = useMintMapController();
     var context = useCanvasContext();
@@ -3919,7 +3920,9 @@
       y: 0
     }); // 드래그 시작 시점의 hover 상태 저장 (드래그 중 hover 고정용)
 
-    var dragStartHoveredItemRef = React.useRef(null); // 성능 최적화 Refs
+    var dragStartHoveredItemRef = React.useRef(null); // 원래 z-index 저장 (hoverZIndex 사용 시 복원용)
+
+    var originalZIndexRef = React.useRef(currentZIndex); // 성능 최적화 Refs
 
     var offsetCacheRef = React.useRef(new LRUCache(maxCacheSize));
     var spatialIndexRef = React.useRef(new SpatialHashGrid(SPATIAL_GRID_CELL_SIZE));
@@ -4165,7 +4168,21 @@
         return;
       }
 
-      hoveredItemRef.current = hoveredData;
+      var prevHovered = hoveredItemRef.current;
+      hoveredItemRef.current = hoveredData; // hoverZIndex가 설정되어 있고 마커가 존재할 때 z-index 변경
+
+      if (hoverZIndex !== undefined && markerRef.current) {
+        // hover 상태가 변경될 때만 z-index 업데이트
+        if (prevHovered !== hoveredData) {
+          // 이전 hover가 끝났을 때 원래 z-index로 복원
+          if (prevHovered && !hoveredData) {
+            controller.setMarkerZIndex(markerRef.current, originalZIndexRef.current);
+          } // 새로운 hover가 시작될 때 hoverZIndex로 변경
+          else if (hoveredData && !prevHovered) {
+            controller.setMarkerZIndex(markerRef.current, hoverZIndex);
+          }
+        }
+      }
 
       if (draggingRef.current) {
         controller.setMapCursor('grabbing');
@@ -4244,7 +4261,12 @@
       if (disableInteractionRef.current) return;
       var prevHovered = hoveredItemRef.current;
       if (!prevHovered) return;
-      hoveredItemRef.current = null;
+      hoveredItemRef.current = null; // hoverZIndex가 설정되어 있으면 원래 z-index로 복원
+
+      if (hoverZIndex !== undefined && markerRef.current) {
+        controller.setMarkerZIndex(markerRef.current, originalZIndexRef.current);
+      }
+
       controller.setMapCursor('grab');
       doRenderEvent();
       onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
@@ -4269,7 +4291,16 @@
       }, options);
 
       if (markerRef.current) {
-        controller.updateMarker(markerRef.current, markerOptions);
+        controller.updateMarker(markerRef.current, markerOptions); // z-index가 변경되었을 때 originalZIndexRef 업데이트
+
+        if (options.zIndex !== undefined) {
+          originalZIndexRef.current = options.zIndex; // hover 상태가 아닐 때만 z-index 업데이트 (hover 중이면 hoverZIndex 유지)
+
+          if (!hoveredItemRef.current || hoverZIndex === undefined) {
+            controller.setMarkerZIndex(markerRef.current, options.zIndex);
+          }
+        }
+
         return;
       }
 
@@ -4282,6 +4313,7 @@
       }
 
       if (options.zIndex !== undefined) {
+        originalZIndexRef.current = options.zIndex;
         controller.setMarkerZIndex(markerRef.current, options.zIndex);
       }
     }, [options]); // Konva 초기화 및 이벤트 리스너 등록

package/package.json

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