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

package/dist/components/mint-map/core/MintMapCore.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from 'react';
-import { MintMapProps } from '../types/MintMapProps';
+import { PropsWithChildren } from "react";
+import { MintMapProps } from "../types/MintMapProps";
 export declare function MintMapCore({ onLoad, visible, zoomLevel, center, centerMoveWithPanning, children }: PropsWithChildren<MintMapProps>): JSX.Element;

package/dist/components/mint-map/core/MintMapCore.js

@@ -5,9 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var classNames = require('classnames/bind');
 var React = require('react');
-var MintMapCore_module = require('./MintMapCore.module.scss.js');
-var MintMapProvider = require('./provider/MintMapProvider.js');
 var MapTypes = require('../types/MapTypes.js');
+var MintMapProvider = require('./provider/MintMapProvider.js');
+var MintMapCore_module = require('./MintMapCore.module.scss.js');
+var context = require('./advanced/shared/context.js');
+require('./advanced/shared/performance.js');
+require('./advanced/shared/types.js');
+require('./advanced/shared/utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -25,9 +29,9 @@ function MintMapCore(_a) {
       center = _a.center,
       _c = _a.centerMoveWithPanning,
       centerMoveWithPanning = _c === void 0 ? false : _c,
-      children = _a.children; // controller
+      children = _a.children; //controller
 
-  var controller = MintMapProvider.useMintMapController(); // 맵 초기화
+  var controller = MintMapProvider.useMintMapController(); //맵 초기화
 
   var elementRef = React.useRef(null);
 
@@ -54,7 +58,7 @@ function MintMapCore(_a) {
               map_1 = _a.sent();
 
               if (!currMapInitialized.current) {
-                currMapInitialized.current = true; // onload callback (setTimeout 으로 맵이 초기화 될 텀을 준다. 특히 google map..)
+                currMapInitialized.current = true; //onload callback (setTimeout 으로 맵이 초기화 될 텀을 준다. 특히 google map..)
 
                 setTimeout(function () {
                   // console.log('setMapInitialized true');
@@ -73,7 +77,7 @@ function MintMapCore(_a) {
         });
       });
     })();
-  }, [controller, elementRef]); // 줌레벨
+  }, [controller, elementRef]); //줌레벨
 
   React.useEffect(function () {
     if (zoomLevel && controller && mapInitialized) {
@@ -83,7 +87,7 @@ function MintMapCore(_a) {
         controller === null || controller === void 0 ? void 0 : controller.setZoomLevel(zoomLevel);
       }
     }
-  }, [zoomLevel]); // 센터
+  }, [zoomLevel]); //센터
 
   React.useEffect(function () {
     if (center && controller && mapInitialized) {
@@ -96,12 +100,12 @@ function MintMapCore(_a) {
   }, [center]);
   return React__default["default"].createElement("div", {
     className: cn('mint-map-root')
-  }, mapInitialized && children, React__default["default"].createElement("div", {
+  }, mapInitialized && React__default["default"].createElement(context.CanvasProvider, null, children), React__default["default"].createElement("div", {
     className: cn('mint-map-container'),
-    ref: elementRef,
     style: {
       visibility: visible ? 'inherit' : 'hidden'
-    }
+    },
+    ref: elementRef
   }));
 }
 

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/components/mint-map/core/advanced/shared/context.js

@@ -52,67 +52,119 @@ var CanvasProvider = function (_a) {
   var handleGlobalClick = React.useCallback(function (event) {
     var _a, _b;
 
-    if (!((_a = event === null || event === void 0 ? void 0 : event.param) === null || _a === void 0 ? void 0 : _a.position)) return;
-    var clickedOffset = controller.positionToOffset(event.param.position); // zIndex 내림차순으로 정렬된 컴포넌트 순회 (높은 zIndex가 먼저 처리)
-
-    for (var _i = 0, _c = componentsRef.current; _i < _c.length; _i++) {
-      var component = _c[_i];
-      if (component.isInteractionDisabled()) continue;
-      var data = component.findData(clickedOffset);
-      if (!data) continue; // 첫 번째로 찾은 항목만 처리하고 종료 (zIndex 우선순위)
-
-      component.handleLocalClick(data);
-      (_b = component.onClick) === null || _b === void 0 ? void 0 : _b.call(component, data, component.getSelectedIds());
-      return;
+    try {
+      if (!((_a = event === null || event === void 0 ? void 0 : event.param) === null || _a === void 0 ? void 0 : _a.position)) return;
+      var clickedOffset = void 0;
+
+      try {
+        clickedOffset = controller.positionToOffset(event.param.position);
+      } catch (error) {
+        // positionToOffset 실패 시 조용히 종료 (기존 동작 보장)
+        console.warn('[CanvasProvider] positionToOffset failed:', error);
+        return;
+      } // zIndex 내림차순으로 정렬된 컴포넌트 순회 (높은 zIndex가 먼저 처리)
+
+
+      for (var _i = 0, _c = componentsRef.current; _i < _c.length; _i++) {
+        var component = _c[_i];
+
+        try {
+          if (component.isInteractionDisabled()) continue;
+          var data = component.findData(clickedOffset);
+          if (!data) continue; // 첫 번째로 찾은 항목만 처리하고 종료 (zIndex 우선순위)
+
+          component.handleLocalClick(data);
+          (_b = component.onClick) === null || _b === void 0 ? void 0 : _b.call(component, data, component.getSelectedIds());
+          return;
+        } catch (error) {
+          // 개별 컴포넌트 처리 중 에러 발생 시 다음 컴포넌트로 계속 진행
+          console.warn('[CanvasProvider] Component click handler error:', error);
+          continue;
+        }
+      }
+    } catch (error) {
+      // 전체 핸들러 에러 시 조용히 종료 (앱 크래시 방지)
+      console.error('[CanvasProvider] handleGlobalClick error:', error);
     }
   }, [controller]); // 전역 마우스 이동 핸들러 (zIndex 우선순위)
 
   var handleGlobalMouseMove = React.useCallback(function (event) {
     var _a;
 
-    if (draggingRef.current || !((_a = event === null || event === void 0 ? void 0 : event.param) === null || _a === void 0 ? void 0 : _a.position)) return;
-    var mouseOffset = controller.positionToOffset(event.param.position); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    try {
+      if (draggingRef.current || !((_a = event === null || event === void 0 ? void 0 : event.param) === null || _a === void 0 ? void 0 : _a.position)) return;
+      var mouseOffset = void 0;
 
-    var newHoveredComponent = null; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      try {
+        mouseOffset = controller.positionToOffset(event.param.position);
+      } catch (error) {
+        // positionToOffset 실패 시 조용히 종료 (기존 동작 보장)
+        console.warn('[CanvasProvider] positionToOffset failed:', error);
+        return;
+      } // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-    var newHoveredData = null; // zIndex 내림차순으로 정렬된 컴포넌트 순회 (높은 zIndex가 먼저 처리)
 
-    for (var _i = 0, _b = componentsRef.current; _i < _b.length; _i++) {
-      var component = _b[_i];
-      if (component.isInteractionDisabled()) continue;
-      var data = component.findData(mouseOffset);
-      if (!data) continue; // 첫 번째로 찾은 항목만 hover 처리 (zIndex 우선순위)
+      var newHoveredComponent = null; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-      newHoveredComponent = component;
-      newHoveredData = data;
-      break;
-    } // hover 상태가 변경되지 않았으면 종료 (불필요한 렌더링 방지)
+      var newHoveredData = null; // zIndex 내림차순으로 정렬된 컴포넌트 순회 (높은 zIndex가 먼저 처리)
 
+      for (var _i = 0, _b = componentsRef.current; _i < _b.length; _i++) {
+        var component = _b[_i];
 
-    if (currentHoveredRef.current === newHoveredComponent && currentHoveredDataRef.current === newHoveredData) {
-      return;
-    } // 기존 hover 항목에 mouseOut 이벤트 발생
+        try {
+          if (component.isInteractionDisabled()) continue;
+          var data = component.findData(mouseOffset);
+          if (!data) continue; // 첫 번째로 찾은 항목만 hover 처리 (zIndex 우선순위)
 
+          newHoveredComponent = component;
+          newHoveredData = data;
+          break;
+        } catch (error) {
+          // 개별 컴포넌트 처리 중 에러 발생 시 다음 컴포넌트로 계속 진행
+          console.warn('[CanvasProvider] Component mouse move handler error:', error);
+          continue;
+        }
+      } // hover 상태가 변경되지 않았으면 종료 (불필요한 렌더링 방지)
 
-    if (currentHoveredRef.current) {
-      currentHoveredRef.current.setHovered(null);
 
-      if (currentHoveredRef.current.onMouseOut && currentHoveredDataRef.current) {
-        currentHoveredRef.current.onMouseOut(currentHoveredDataRef.current);
-      }
-    } // 새 hover 항목에 mouseOver 이벤트 발생
+      if (currentHoveredRef.current === newHoveredComponent && currentHoveredDataRef.current === newHoveredData) {
+        return;
+      } // 기존 hover 항목에 mouseOut 이벤트 발생
+
+
+      if (currentHoveredRef.current) {
+        try {
+          currentHoveredRef.current.setHovered(null);
+
+          if (currentHoveredRef.current.onMouseOut && currentHoveredDataRef.current) {
+            currentHoveredRef.current.onMouseOut(currentHoveredDataRef.current);
+          }
+        } catch (error) {
+          // mouseOut 이벤트 에러 시 조용히 처리 (기존 동작 보장)
+          console.warn('[CanvasProvider] mouseOut handler error:', error);
+        }
+      } // 새 hover 항목에 mouseOver 이벤트 발생
 
 
-    if (newHoveredComponent && newHoveredData) {
-      newHoveredComponent.setHovered(newHoveredData);
+      if (newHoveredComponent && newHoveredData) {
+        try {
+          newHoveredComponent.setHovered(newHoveredData);
 
-      if (newHoveredComponent.onMouseOver) {
-        newHoveredComponent.onMouseOver(newHoveredData);
+          if (newHoveredComponent.onMouseOver) {
+            newHoveredComponent.onMouseOver(newHoveredData);
+          }
+        } catch (error) {
+          // mouseOver 이벤트 에러 시 조용히 처리 (기존 동작 보장)
+          console.warn('[CanvasProvider] mouseOver handler error:', error);
+        }
       }
-    }
 
-    currentHoveredRef.current = newHoveredComponent;
-    currentHoveredDataRef.current = newHoveredData;
+      currentHoveredRef.current = newHoveredComponent;
+      currentHoveredDataRef.current = newHoveredData;
+    } catch (error) {
+      // 전체 핸들러 에러 시 조용히 종료 (앱 크래시 방지)
+      console.error('[CanvasProvider] handleGlobalMouseMove error:', error);
+    }
   }, [controller]);
   var handleZoomStart = React.useCallback(function () {
     draggingRef.current = true;
@@ -121,15 +173,27 @@ var CanvasProvider = function (_a) {
     draggingRef.current = false;
   }, []);
   React.useEffect(function () {
-    controller.addEventListener('CLICK', handleGlobalClick);
-    controller.addEventListener('MOUSEMOVE', handleGlobalMouseMove);
-    controller.addEventListener('ZOOMSTART', handleZoomStart);
-    controller.addEventListener('IDLE', handleIdle);
+    try {
+      controller.addEventListener('CLICK', handleGlobalClick);
+      controller.addEventListener('MOUSEMOVE', handleGlobalMouseMove);
+      controller.addEventListener('ZOOMSTART', handleZoomStart);
+      controller.addEventListener('IDLE', handleIdle);
+    } catch (error) {
+      // 이벤트 리스너 등록 실패 시 경고만 출력 (기존 동작 보장)
+      console.warn('[CanvasProvider] Failed to add event listeners:', error);
+    }
+
     return function () {
-      controller.removeEventListener('CLICK', handleGlobalClick);
-      controller.removeEventListener('MOUSEMOVE', handleGlobalMouseMove);
-      controller.removeEventListener('ZOOMSTART', handleZoomStart);
-      controller.removeEventListener('IDLE', handleIdle);
+      try {
+        controller.removeEventListener('CLICK', handleGlobalClick);
+        controller.removeEventListener('MOUSEMOVE', handleGlobalMouseMove);
+        controller.removeEventListener('ZOOMSTART', handleZoomStart);
+        controller.removeEventListener('IDLE', handleIdle);
+      } catch (error) {
+        // cleanup 중 에러 발생 시 조용히 처리 (controller가 이미 destroy된 경우 등)
+        // 에러를 무시해도 메모리 누수는 발생하지 않음 (이벤트 리스너는 자동으로 정리됨)
+        console.warn('[CanvasProvider] Failed to remove event listeners:', error);
+      }
     };
   }, [controller, handleGlobalClick, handleGlobalMouseMove, handleZoomStart, handleIdle]);
   var contextValue = React.useMemo(function () {

package/dist/components/mint-map/core/index.d.ts

@@ -1,9 +1,8 @@
-export * from './advanced';
-export * from './hooks';
+export * from "./MintMapCore";
+export * from "./MintMapController";
 export * from './MintMapCanvasRenderer';
-export * from './MintMapController';
-export * from './MintMapCore';
-export * from './provider';
+export * from "./advanced";
+export * from "./hooks";
+export * from "./provider";
 export * from './util';
 export * from './wrapper';
-export { CanvasProvider, useCanvasContext } from './advanced/shared/context';

package/dist/components/mint-map/google/GoogleMintMapController.js

@@ -9,6 +9,7 @@ var MintMapController = require('../core/MintMapController.js');
 var waiting = require('../core/util/waiting.js');
 var MapEventTypes = require('../types/MapEventTypes.js');
 var MapTypes = require('../types/MapTypes.js');
+require('../core/MintMapCore.js');
 require('react');
 require('../core/provider/MintMapProvider.js');
 require('../types/MapDrawables.js');
@@ -24,7 +25,6 @@ require('../core/util/animation.js');
 require('../core/advanced/MapLoadingComponents.js');
 var polygon = require('../core/util/polygon.js');
 require('../naver/NaverMintMapController.js');
-require('../core/MintMapCore.js');
 require('../core/wrapper/MapControlWrapper.js');
 
 var GoogleMintMapController =

package/dist/components/mint-map/index.d.ts

@@ -1,6 +1,5 @@
-export * from './core';
-export * from './google/GoogleMintMapController';
 export * from './MintMap';
+export * from './core';
 export * from './naver/NaverMintMapController';
+export * from './google/GoogleMintMapController';
 export * from './types';
-export { CanvasProvider, useCanvasContext } from './core/advanced/shared/context';

package/dist/components/mint-map/kakao/KakaoMintMapController.js

@@ -10,6 +10,7 @@ var MapTypes = require('../types/MapTypes.js');
 var MapEventTypes = require('../types/MapEventTypes.js');
 var log = require('../core/util/log.js');
 var status = require('../core/util/status.js');
+require('../core/MintMapCore.js');
 require('react');
 require('../core/provider/MintMapProvider.js');
 require('../types/MapDrawables.js');
@@ -25,7 +26,6 @@ require('../core/util/animation.js');
 require('../core/advanced/MapLoadingComponents.js');
 var polygon = require('../core/util/polygon.js');
 require('../naver/NaverMintMapController.js');
-require('../core/MintMapCore.js');
 require('../core/wrapper/MapControlWrapper.js');
 
 var KakaoMintMapController =

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

@@ -10,6 +10,7 @@ var MapTypes = require('../types/MapTypes.js');
 var MapEventTypes = require('../types/MapEventTypes.js');
 var log = require('../core/util/log.js');
 var status = require('../core/util/status.js');
+require('../core/MintMapCore.js');
 require('react');
 require('../core/provider/MintMapProvider.js');
 require('../types/MapDrawables.js');
@@ -24,7 +25,6 @@ require('../core/util/geo.js');
 require('../core/util/animation.js');
 require('../core/advanced/MapLoadingComponents.js');
 var polygon = require('../core/util/polygon.js');
-require('../core/MintMapCore.js');
 require('../core/wrapper/MapControlWrapper.js');
 
 var NaverMintMapController =