@mint-ui/map 1.2.0-test.27 → 1.2.0-test.29

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

@@ -447,13 +447,47 @@ var WoongCanvasLayer = function (props) {
           var ctx = context; // 클로저로 최신 ref 값 참조
 
           var selectedItems = Array.from(selectedItemsMapRef.current.values());
-          renderEvent({
-            ctx: ctx,
-            hoveredItem: hoveredItemRef.current,
-            utils: renderUtils,
-            selectedItems: selectedItems,
-            selectedItem: selectedItemRef.current
-          });
+          var hovered = hoveredItemRef.current; // topOnHover가 true이면 hover된 항목을 최상단에 렌더링
+
+          if (topOnHover && hovered) {
+            // 1. 먼저 일반 항목들 렌더링 (hover된 항목 제외)
+            renderEvent({
+              ctx: ctx,
+              hoveredItem: null,
+              utils: renderUtils,
+              selectedItems: selectedItems.filter(function (item) {
+                return item.id !== hovered.id;
+              }),
+              selectedItem: selectedItemRef.current
+            }); // 2. hover된 항목을 최상단에 렌더링
+
+            var isHoveredInViewport = enableViewportCulling ? isInViewport(hovered) : true;
+
+            if (isHoveredInViewport) {
+              // hover된 항목이 선택되어 있다면 hoverSelectedItems에 포함시켜서 
+              // renderEvent에서 hover 스타일만 적용되도록 함
+              var hoveredIsSelected = selectedItems.some(function (item) {
+                return item.id === hovered.id;
+              });
+              var hoverSelectedItems = hoveredIsSelected ? [hovered] : [];
+              renderEvent({
+                ctx: ctx,
+                hoveredItem: hovered,
+                utils: renderUtils,
+                selectedItems: hoverSelectedItems,
+                selectedItem: selectedItemRef.current
+              });
+            }
+          } else {
+            // topOnHover가 false이거나 hover된 항목이 없으면 일반 렌더링
+            renderEvent({
+              ctx: ctx,
+              hoveredItem: hovered,
+              utils: renderUtils,
+              selectedItems: selectedItems,
+              selectedItem: selectedItemRef.current
+            });
+          }
         },
         perfectDrawEnabled: false,
         listening: false,

package/dist/index.es.js

@@ -6074,13 +6074,47 @@ var WoongCanvasLayer = function (props) {
           var ctx = context; // 클로저로 최신 ref 값 참조
 
           var selectedItems = Array.from(selectedItemsMapRef.current.values());
-          renderEvent({
-            ctx: ctx,
-            hoveredItem: hoveredItemRef.current,
-            utils: renderUtils,
-            selectedItems: selectedItems,
-            selectedItem: selectedItemRef.current
-          });
+          var hovered = hoveredItemRef.current; // topOnHover가 true이면 hover된 항목을 최상단에 렌더링
+
+          if (topOnHover && hovered) {
+            // 1. 먼저 일반 항목들 렌더링 (hover된 항목 제외)
+            renderEvent({
+              ctx: ctx,
+              hoveredItem: null,
+              utils: renderUtils,
+              selectedItems: selectedItems.filter(function (item) {
+                return item.id !== hovered.id;
+              }),
+              selectedItem: selectedItemRef.current
+            }); // 2. hover된 항목을 최상단에 렌더링
+
+            var isHoveredInViewport = enableViewportCulling ? isInViewport(hovered) : true;
+
+            if (isHoveredInViewport) {
+              // hover된 항목이 선택되어 있다면 hoverSelectedItems에 포함시켜서 
+              // renderEvent에서 hover 스타일만 적용되도록 함
+              var hoveredIsSelected = selectedItems.some(function (item) {
+                return item.id === hovered.id;
+              });
+              var hoverSelectedItems = hoveredIsSelected ? [hovered] : [];
+              renderEvent({
+                ctx: ctx,
+                hoveredItem: hovered,
+                utils: renderUtils,
+                selectedItems: hoverSelectedItems,
+                selectedItem: selectedItemRef.current
+              });
+            }
+          } else {
+            // topOnHover가 false이거나 hover된 항목이 없으면 일반 렌더링
+            renderEvent({
+              ctx: ctx,
+              hoveredItem: hovered,
+              utils: renderUtils,
+              selectedItems: selectedItems,
+              selectedItem: selectedItemRef.current
+            });
+          }
         },
         perfectDrawEnabled: false,
         listening: false,

package/dist/index.umd.js

@@ -6078,13 +6078,47 @@
             var ctx = context; // 클로저로 최신 ref 값 참조
 
             var selectedItems = Array.from(selectedItemsMapRef.current.values());
-            renderEvent({
-              ctx: ctx,
-              hoveredItem: hoveredItemRef.current,
-              utils: renderUtils,
-              selectedItems: selectedItems,
-              selectedItem: selectedItemRef.current
-            });
+            var hovered = hoveredItemRef.current; // topOnHover가 true이면 hover된 항목을 최상단에 렌더링
+
+            if (topOnHover && hovered) {
+              // 1. 먼저 일반 항목들 렌더링 (hover된 항목 제외)
+              renderEvent({
+                ctx: ctx,
+                hoveredItem: null,
+                utils: renderUtils,
+                selectedItems: selectedItems.filter(function (item) {
+                  return item.id !== hovered.id;
+                }),
+                selectedItem: selectedItemRef.current
+              }); // 2. hover된 항목을 최상단에 렌더링
+
+              var isHoveredInViewport = enableViewportCulling ? isInViewport(hovered) : true;
+
+              if (isHoveredInViewport) {
+                // hover된 항목이 선택되어 있다면 hoverSelectedItems에 포함시켜서 
+                // renderEvent에서 hover 스타일만 적용되도록 함
+                var hoveredIsSelected = selectedItems.some(function (item) {
+                  return item.id === hovered.id;
+                });
+                var hoverSelectedItems = hoveredIsSelected ? [hovered] : [];
+                renderEvent({
+                  ctx: ctx,
+                  hoveredItem: hovered,
+                  utils: renderUtils,
+                  selectedItems: hoverSelectedItems,
+                  selectedItem: selectedItemRef.current
+                });
+              }
+            } else {
+              // topOnHover가 false이거나 hover된 항목이 없으면 일반 렌더링
+              renderEvent({
+                ctx: ctx,
+                hoveredItem: hovered,
+                utils: renderUtils,
+                selectedItems: selectedItems,
+                selectedItem: selectedItemRef.current
+              });
+            }
           },
           perfectDrawEnabled: false,
           listening: false,

package/package.json

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