@mint-ui/map 1.2.0-test.7 → 1.2.0-test.9

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

@@ -38,6 +38,7 @@ export interface WoongKonvaMarkerProps<T> extends Pick<MarkerOptions, 'zIndex' |
     selectedItems?: KonvaCanvasMarkerData<T>[];
     /** 외부에서 전달된 단일 선택 아이템 (특별한 효과용) */
     selectedItem?: KonvaCanvasMarkerData<T> | null;
+    disablePointerEvents?: boolean;
 }
 /**
  * 🔥 React.memo 최적화: 마커 배열과 selectedItems 변경 체크
@@ -48,5 +49,5 @@ export interface WoongKonvaMarkerProps<T> extends Pick<MarkerOptions, 'zIndex' |
  *
  * 주의: JSON.stringify() 사용 금지! (매우 느림)
  */
-declare const WoongKonvaMarker: <T>({ markers, dataType, onClick, onMouseOver, onMouseOut, renderBase, renderAnimation, renderEvent, enableMultiSelect, topOnHover, enableViewportCulling, cullingMargin, maxCacheSize, selectedItems: externalSelectedItems, selectedItem: externalSelectedItem, ...options }: WoongKonvaMarkerProps<T>) => React.ReactPortal;
+declare const WoongKonvaMarker: <T>({ markers, dataType, onClick, onMouseOver, onMouseOut, renderBase, renderAnimation, renderEvent, enableMultiSelect, topOnHover, enableViewportCulling, cullingMargin, maxCacheSize, selectedItems: externalSelectedItems, selectedItem: externalSelectedItem, disablePointerEvents, ...options }: WoongKonvaMarkerProps<T>) => React.ReactPortal;
 export default WoongKonvaMarker;

package/dist/components/mint-map/core/advanced/woongCanvas/WoongKonvaMarker.js

@@ -56,7 +56,9 @@ var WoongKonvaMarkerComponent = function (_a) {
       maxCacheSize = _f === void 0 ? performance.DEFAULT_MAX_CACHE_SIZE : _f,
       externalSelectedItems = _a.selectedItems,
       externalSelectedItem = _a.selectedItem,
-      options = tslib.__rest(_a, ["markers", "dataType", "onClick", "onMouseOver", "onMouseOut", "renderBase", "renderAnimation", "renderEvent", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem"]); // --------------------------------------------------------------------------
+      _g = _a.disablePointerEvents,
+      disablePointerEvents = _g === void 0 ? false : _g,
+      options = tslib.__rest(_a, ["markers", "dataType", "onClick", "onMouseOver", "onMouseOut", "renderBase", "renderAnimation", "renderEvent", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disablePointerEvents"]); // --------------------------------------------------------------------------
   // Hooks & Context
   // --------------------------------------------------------------------------
 
@@ -420,10 +422,16 @@ var WoongKonvaMarkerComponent = function (_a) {
 
 
   var doRenderEvent = function () {
-    if (!onClick && !onMouseOver && !onMouseOut) return;
-    if (!renderEvent) return;
     var layer = eventLayerRef.current;
-    if (!layer) return; // 🔥 Shape 재사용: 이미 존재하면 재사용, 없으면 생성
+    if (!layer) return;
+
+    if (!onClick && !onMouseOver && !onMouseOut) {
+      layer.destroyChildren();
+      layer.batchDraw();
+      return;
+    }
+
+    if (!renderEvent) return; // 🔥 Shape 재사용: 이미 존재하면 재사용, 없으면 생성
 
     var shape = layer.findOne('.event-render-shape');
 
@@ -915,11 +923,7 @@ var WoongKonvaMarkerComponent = function (_a) {
       controller.removeEventListener('ZOOMSTART', handleZoomStart);
       controller.removeEventListener('ZOOM_CHANGED', handleZoomEnd);
       controller.removeEventListener('CENTER_CHANGED', handleCenterChanged);
-
-      if (onClick) {
-        controller.removeEventListener('CLICK', handleClick);
-      }
-
+      controller.removeEventListener('CLICK', handleClick);
       controller.removeEventListener('MOUSEMOVE', handleMouseMove);
       controller.removeEventListener('DRAGSTART', handleDragStart);
       controller.removeEventListener('DRAGEND', handleDragEnd);
@@ -1035,7 +1039,8 @@ var WoongKonvaMarkerComponent = function (_a) {
     style: {
       position: 'absolute',
       width: '100%',
-      height: '100%'
+      height: '100%',
+      pointerEvents: disablePointerEvents ? 'none' : 'auto'
     }
   }), divElement);
 };
@@ -1071,6 +1076,26 @@ var WoongKonvaMarker = React__default["default"].memo(WoongKonvaMarkerComponent,
     return false; // 변경됨 → 리렌더링
   }
 
+  if (prevProps.selectedItem !== nextProps.selectedItem) {
+    return false; // 변경됨 → 리렌더링
+  }
+
+  if (prevProps.onClick !== nextProps.onClick) {
+    return false; // 변경됨 → 리렌더링
+  }
+
+  if (prevProps.onMouseOver !== nextProps.onMouseOver) {
+    return false; // 변경됨 → 리렌더링
+  }
+
+  if (prevProps.onMouseOut !== nextProps.onMouseOut) {
+    return false; // 변경됨 → 리렌더링
+  }
+
+  if (prevProps.disablePointerEvents !== nextProps.disablePointerEvents) {
+    return false; // 변경됨 → 리렌더링
+  }
+
   return true; // 같음 → 리렌더링 스킵
 });
 

package/dist/index.es.js

@@ -5406,7 +5406,9 @@ var WoongKonvaMarkerComponent = function (_a) {
       maxCacheSize = _f === void 0 ? DEFAULT_MAX_CACHE_SIZE : _f,
       externalSelectedItems = _a.selectedItems,
       externalSelectedItem = _a.selectedItem,
-      options = __rest(_a, ["markers", "dataType", "onClick", "onMouseOver", "onMouseOut", "renderBase", "renderAnimation", "renderEvent", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem"]); // --------------------------------------------------------------------------
+      _g = _a.disablePointerEvents,
+      disablePointerEvents = _g === void 0 ? false : _g,
+      options = __rest(_a, ["markers", "dataType", "onClick", "onMouseOver", "onMouseOut", "renderBase", "renderAnimation", "renderEvent", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disablePointerEvents"]); // --------------------------------------------------------------------------
   // Hooks & Context
   // --------------------------------------------------------------------------
 
@@ -5770,10 +5772,16 @@ var WoongKonvaMarkerComponent = function (_a) {
 
 
   var doRenderEvent = function () {
-    if (!onClick && !onMouseOver && !onMouseOut) return;
-    if (!renderEvent) return;
     var layer = eventLayerRef.current;
-    if (!layer) return; // 🔥 Shape 재사용: 이미 존재하면 재사용, 없으면 생성
+    if (!layer) return;
+
+    if (!onClick && !onMouseOver && !onMouseOut) {
+      layer.destroyChildren();
+      layer.batchDraw();
+      return;
+    }
+
+    if (!renderEvent) return; // 🔥 Shape 재사용: 이미 존재하면 재사용, 없으면 생성
 
     var shape = layer.findOne('.event-render-shape');
 
@@ -6265,11 +6273,7 @@ var WoongKonvaMarkerComponent = function (_a) {
       controller.removeEventListener('ZOOMSTART', handleZoomStart);
       controller.removeEventListener('ZOOM_CHANGED', handleZoomEnd);
       controller.removeEventListener('CENTER_CHANGED', handleCenterChanged);
-
-      if (onClick) {
-        controller.removeEventListener('CLICK', handleClick);
-      }
-
+      controller.removeEventListener('CLICK', handleClick);
       controller.removeEventListener('MOUSEMOVE', handleMouseMove);
       controller.removeEventListener('DRAGSTART', handleDragStart);
       controller.removeEventListener('DRAGEND', handleDragEnd);
@@ -6385,7 +6389,8 @@ var WoongKonvaMarkerComponent = function (_a) {
     style: {
       position: 'absolute',
       width: '100%',
-      height: '100%'
+      height: '100%',
+      pointerEvents: disablePointerEvents ? 'none' : 'auto'
     }
   }), divElement);
 };
@@ -6421,6 +6426,26 @@ var WoongKonvaMarker = React.memo(WoongKonvaMarkerComponent, function (prevProps
     return false; // 변경됨 → 리렌더링
   }
 
+  if (prevProps.selectedItem !== nextProps.selectedItem) {
+    return false; // 변경됨 → 리렌더링
+  }
+
+  if (prevProps.onClick !== nextProps.onClick) {
+    return false; // 변경됨 → 리렌더링
+  }
+
+  if (prevProps.onMouseOver !== nextProps.onMouseOver) {
+    return false; // 변경됨 → 리렌더링
+  }
+
+  if (prevProps.onMouseOut !== nextProps.onMouseOut) {
+    return false; // 변경됨 → 리렌더링
+  }
+
+  if (prevProps.disablePointerEvents !== nextProps.disablePointerEvents) {
+    return false; // 변경됨 → 리렌더링
+  }
+
   return true; // 같음 → 리렌더링 스킵
 });
 

package/dist/index.umd.js

@@ -5410,7 +5410,9 @@
         maxCacheSize = _f === void 0 ? DEFAULT_MAX_CACHE_SIZE : _f,
         externalSelectedItems = _a.selectedItems,
         externalSelectedItem = _a.selectedItem,
-        options = tslib.__rest(_a, ["markers", "dataType", "onClick", "onMouseOver", "onMouseOut", "renderBase", "renderAnimation", "renderEvent", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem"]); // --------------------------------------------------------------------------
+        _g = _a.disablePointerEvents,
+        disablePointerEvents = _g === void 0 ? false : _g,
+        options = tslib.__rest(_a, ["markers", "dataType", "onClick", "onMouseOver", "onMouseOut", "renderBase", "renderAnimation", "renderEvent", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disablePointerEvents"]); // --------------------------------------------------------------------------
     // Hooks & Context
     // --------------------------------------------------------------------------
 
@@ -5774,10 +5776,16 @@
 
 
     var doRenderEvent = function () {
-      if (!onClick && !onMouseOver && !onMouseOut) return;
-      if (!renderEvent) return;
       var layer = eventLayerRef.current;
-      if (!layer) return; // 🔥 Shape 재사용: 이미 존재하면 재사용, 없으면 생성
+      if (!layer) return;
+
+      if (!onClick && !onMouseOver && !onMouseOut) {
+        layer.destroyChildren();
+        layer.batchDraw();
+        return;
+      }
+
+      if (!renderEvent) return; // 🔥 Shape 재사용: 이미 존재하면 재사용, 없으면 생성
 
       var shape = layer.findOne('.event-render-shape');
 
@@ -6269,11 +6277,7 @@
         controller.removeEventListener('ZOOMSTART', handleZoomStart);
         controller.removeEventListener('ZOOM_CHANGED', handleZoomEnd);
         controller.removeEventListener('CENTER_CHANGED', handleCenterChanged);
-
-        if (onClick) {
-          controller.removeEventListener('CLICK', handleClick);
-        }
-
+        controller.removeEventListener('CLICK', handleClick);
         controller.removeEventListener('MOUSEMOVE', handleMouseMove);
         controller.removeEventListener('DRAGSTART', handleDragStart);
         controller.removeEventListener('DRAGEND', handleDragEnd);
@@ -6389,7 +6393,8 @@
       style: {
         position: 'absolute',
         width: '100%',
-        height: '100%'
+        height: '100%',
+        pointerEvents: disablePointerEvents ? 'none' : 'auto'
       }
     }), divElement);
   };
@@ -6425,6 +6430,26 @@
       return false; // 변경됨 → 리렌더링
     }
 
+    if (prevProps.selectedItem !== nextProps.selectedItem) {
+      return false; // 변경됨 → 리렌더링
+    }
+
+    if (prevProps.onClick !== nextProps.onClick) {
+      return false; // 변경됨 → 리렌더링
+    }
+
+    if (prevProps.onMouseOver !== nextProps.onMouseOver) {
+      return false; // 변경됨 → 리렌더링
+    }
+
+    if (prevProps.onMouseOut !== nextProps.onMouseOut) {
+      return false; // 변경됨 → 리렌더링
+    }
+
+    if (prevProps.disablePointerEvents !== nextProps.disablePointerEvents) {
+      return false; // 변경됨 → 리렌더링
+    }
+
     return true; // 같음 → 리렌더링 스킵
   });
 

package/package.json

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