@mint-ui/map 1.2.0-test.17 → 1.2.0-test.18

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

@@ -332,6 +332,10 @@ var WoongCanvasLayer = function (props) {
    * 1. Shape 재사용으로 객체 생성/파괴 오버헤드 제거
    * 2. sceneFunc 한 번만 설정 (함수 재생성 제거)
    * 3. 클로저로 최신 데이터 참조
+   *
+   * 🎯 topOnHover 지원:
+   * - renderEvent가 없을 때 Base Layer에서 hover 처리 (fallback)
+   * - renderEvent가 있으면 Event Layer에서 처리 (성능 최적화)
    */
 
   var doRenderBase = function () {
@@ -346,17 +350,40 @@ var WoongCanvasLayer = function (props) {
       shape = new Konva__default["default"].Shape({
         name: 'base-render-shape',
         sceneFunc: function (context, shape) {
-          var ctx = context; // 클로저로 최신 ref 값 참조
+          var ctx = context;
+          var hovered = hoveredItemRef.current; // 클로저로 최신 ref 값 참조
 
           var visibleMarkers = enableViewportCulling ? markersRef.current.filter(function (item) {
             return isInViewport(item);
-          }) : markersRef.current;
+          }) : markersRef.current; // topOnHover가 true이고 renderEvent가 없으면 Base Layer에서 hover 처리
+
+          if (topOnHover && !renderEvent && hovered) {
+            // hover된 항목 제외하고 렌더링
+            visibleMarkers = visibleMarkers.filter(function (item) {
+              return item.id !== hovered.id;
+            });
+          } // 일반 항목 렌더링
+
+
           renderBase({
             ctx: ctx,
             items: visibleMarkers,
             selectedIds: selectedIdsRef.current,
             utils: renderUtils
-          });
+          }); // hover된 항목을 최상단에 렌더링 (renderEvent가 없을 때만)
+
+          if (topOnHover && !renderEvent && hovered) {
+            var isHoveredInViewport = enableViewportCulling ? isInViewport(hovered) : true;
+
+            if (isHoveredInViewport) {
+              renderBase({
+                ctx: ctx,
+                items: [hovered],
+                selectedIds: selectedIdsRef.current,
+                utils: renderUtils
+              });
+            }
+          }
         },
         perfectDrawEnabled: false,
         listening: false,
@@ -589,12 +616,15 @@ var WoongCanvasLayer = function (props) {
     return null;
   };
   /**
-   * Hover 상태 설정 및 Event 레이어 렌더링
+   * Hover 상태 설정 및 레이어 렌더링
    *
    * @param data hover된 마커/폴리곤 데이터 또는 null
    *
    * 최적화: RAF 제거하여 즉시 렌더링 (16ms 지연 제거)
-   * topOnHover가 true일 때는 Base 레이어도 다시 그려서 z-order 변경
+   *
+   * 🎯 topOnHover 지원:
+   * - renderEvent가 있으면: Event Layer에서만 처리 (성능 최적화)
+   * - renderEvent가 없고 topOnHover=true면: Base Layer에서 처리
    */
 
 
@@ -606,10 +636,15 @@ var WoongCanvasLayer = function (props) {
     } else {
       controller.setMapCursor(data ? 'pointer' : 'grab');
     } // 즉시 렌더링 (RAF 없이)
-    // topOnHover는 Event Layer에서만 처리 (Base Layer 재렌더링 제거로 성능 향상)
 
 
-    doRenderEvent();
+    if (renderEvent) {
+      // renderEvent가 있으면 Event Layer에서만 처리 (성능 최적화)
+      doRenderEvent();
+    } else if (topOnHover) {
+      // renderEvent가 없고 topOnHover가 true면 Base Layer에서 처리
+      doRenderBase();
+    }
   };
   /**
    * 클릭 처리 (단일/다중 선택)

package/dist/index.es.js

@@ -5952,6 +5952,10 @@ var WoongCanvasLayer = function (props) {
    * 1. Shape 재사용으로 객체 생성/파괴 오버헤드 제거
    * 2. sceneFunc 한 번만 설정 (함수 재생성 제거)
    * 3. 클로저로 최신 데이터 참조
+   *
+   * 🎯 topOnHover 지원:
+   * - renderEvent가 없을 때 Base Layer에서 hover 처리 (fallback)
+   * - renderEvent가 있으면 Event Layer에서 처리 (성능 최적화)
    */
 
   var doRenderBase = function () {
@@ -5966,17 +5970,40 @@ var WoongCanvasLayer = function (props) {
       shape = new Konva.Shape({
         name: 'base-render-shape',
         sceneFunc: function (context, shape) {
-          var ctx = context; // 클로저로 최신 ref 값 참조
+          var ctx = context;
+          var hovered = hoveredItemRef.current; // 클로저로 최신 ref 값 참조
 
           var visibleMarkers = enableViewportCulling ? markersRef.current.filter(function (item) {
             return isInViewport(item);
-          }) : markersRef.current;
+          }) : markersRef.current; // topOnHover가 true이고 renderEvent가 없으면 Base Layer에서 hover 처리
+
+          if (topOnHover && !renderEvent && hovered) {
+            // hover된 항목 제외하고 렌더링
+            visibleMarkers = visibleMarkers.filter(function (item) {
+              return item.id !== hovered.id;
+            });
+          } // 일반 항목 렌더링
+
+
           renderBase({
             ctx: ctx,
             items: visibleMarkers,
             selectedIds: selectedIdsRef.current,
             utils: renderUtils
-          });
+          }); // hover된 항목을 최상단에 렌더링 (renderEvent가 없을 때만)
+
+          if (topOnHover && !renderEvent && hovered) {
+            var isHoveredInViewport = enableViewportCulling ? isInViewport(hovered) : true;
+
+            if (isHoveredInViewport) {
+              renderBase({
+                ctx: ctx,
+                items: [hovered],
+                selectedIds: selectedIdsRef.current,
+                utils: renderUtils
+              });
+            }
+          }
         },
         perfectDrawEnabled: false,
         listening: false,
@@ -6209,12 +6236,15 @@ var WoongCanvasLayer = function (props) {
     return null;
   };
   /**
-   * Hover 상태 설정 및 Event 레이어 렌더링
+   * Hover 상태 설정 및 레이어 렌더링
    *
    * @param data hover된 마커/폴리곤 데이터 또는 null
    *
    * 최적화: RAF 제거하여 즉시 렌더링 (16ms 지연 제거)
-   * topOnHover가 true일 때는 Base 레이어도 다시 그려서 z-order 변경
+   *
+   * 🎯 topOnHover 지원:
+   * - renderEvent가 있으면: Event Layer에서만 처리 (성능 최적화)
+   * - renderEvent가 없고 topOnHover=true면: Base Layer에서 처리
    */
 
 
@@ -6226,10 +6256,15 @@ var WoongCanvasLayer = function (props) {
     } else {
       controller.setMapCursor(data ? 'pointer' : 'grab');
     } // 즉시 렌더링 (RAF 없이)
-    // topOnHover는 Event Layer에서만 처리 (Base Layer 재렌더링 제거로 성능 향상)
 
 
-    doRenderEvent();
+    if (renderEvent) {
+      // renderEvent가 있으면 Event Layer에서만 처리 (성능 최적화)
+      doRenderEvent();
+    } else if (topOnHover) {
+      // renderEvent가 없고 topOnHover가 true면 Base Layer에서 처리
+      doRenderBase();
+    }
   };
   /**
    * 클릭 처리 (단일/다중 선택)

package/dist/index.umd.js

@@ -5956,6 +5956,10 @@
      * 1. Shape 재사용으로 객체 생성/파괴 오버헤드 제거
      * 2. sceneFunc 한 번만 설정 (함수 재생성 제거)
      * 3. 클로저로 최신 데이터 참조
+     *
+     * 🎯 topOnHover 지원:
+     * - renderEvent가 없을 때 Base Layer에서 hover 처리 (fallback)
+     * - renderEvent가 있으면 Event Layer에서 처리 (성능 최적화)
      */
 
     var doRenderBase = function () {
@@ -5970,17 +5974,40 @@
         shape = new Konva__default["default"].Shape({
           name: 'base-render-shape',
           sceneFunc: function (context, shape) {
-            var ctx = context; // 클로저로 최신 ref 값 참조
+            var ctx = context;
+            var hovered = hoveredItemRef.current; // 클로저로 최신 ref 값 참조
 
             var visibleMarkers = enableViewportCulling ? markersRef.current.filter(function (item) {
               return isInViewport(item);
-            }) : markersRef.current;
+            }) : markersRef.current; // topOnHover가 true이고 renderEvent가 없으면 Base Layer에서 hover 처리
+
+            if (topOnHover && !renderEvent && hovered) {
+              // hover된 항목 제외하고 렌더링
+              visibleMarkers = visibleMarkers.filter(function (item) {
+                return item.id !== hovered.id;
+              });
+            } // 일반 항목 렌더링
+
+
             renderBase({
               ctx: ctx,
               items: visibleMarkers,
               selectedIds: selectedIdsRef.current,
               utils: renderUtils
-            });
+            }); // hover된 항목을 최상단에 렌더링 (renderEvent가 없을 때만)
+
+            if (topOnHover && !renderEvent && hovered) {
+              var isHoveredInViewport = enableViewportCulling ? isInViewport(hovered) : true;
+
+              if (isHoveredInViewport) {
+                renderBase({
+                  ctx: ctx,
+                  items: [hovered],
+                  selectedIds: selectedIdsRef.current,
+                  utils: renderUtils
+                });
+              }
+            }
           },
           perfectDrawEnabled: false,
           listening: false,
@@ -6213,12 +6240,15 @@
       return null;
     };
     /**
-     * Hover 상태 설정 및 Event 레이어 렌더링
+     * Hover 상태 설정 및 레이어 렌더링
      *
      * @param data hover된 마커/폴리곤 데이터 또는 null
      *
      * 최적화: RAF 제거하여 즉시 렌더링 (16ms 지연 제거)
-     * topOnHover가 true일 때는 Base 레이어도 다시 그려서 z-order 변경
+     *
+     * 🎯 topOnHover 지원:
+     * - renderEvent가 있으면: Event Layer에서만 처리 (성능 최적화)
+     * - renderEvent가 없고 topOnHover=true면: Base Layer에서 처리
      */
 
 
@@ -6230,10 +6260,15 @@
       } else {
         controller.setMapCursor(data ? 'pointer' : 'grab');
       } // 즉시 렌더링 (RAF 없이)
-      // topOnHover는 Event Layer에서만 처리 (Base Layer 재렌더링 제거로 성능 향상)
 
 
-      doRenderEvent();
+      if (renderEvent) {
+        // renderEvent가 있으면 Event Layer에서만 처리 (성능 최적화)
+        doRenderEvent();
+      } else if (topOnHover) {
+        // renderEvent가 없고 topOnHover가 true면 Base Layer에서 처리
+        doRenderBase();
+      }
     };
     /**
      * 클릭 처리 (단일/다중 선택)

package/package.json

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