@mint-ui/map 1.2.0-test.21 → 1.2.0-test.23

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

@@ -24,7 +24,6 @@ export declare abstract class MintMapController {
     abstract updateMarker(marker: Marker, options: MarkerOptions): void;
     abstract clearDrawable(drawable: Drawable): boolean;
     abstract markerToTheTop(marker: Marker): void;
-    abstract restoreMarkerZIndex(marker: Marker): void;
     abstract isMapDragged(): boolean;
     abstract setMapDragged(value: boolean): void;
     abstract setMarkerZIndex(marker: Marker, zIndex: number): void;

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

@@ -466,27 +466,24 @@ var WoongCanvasLayer = function (props) {
           var selectedItem = selectedItemRef.current; // topOnHover가 true이면 hover된 항목을 최상단에 렌더링
 
           if (topOnHover && hovered) {
-            // 1. 먼저 일반 항목들 렌더링 (hover된 항목 제외)
-            renderEvent({
-              ctx: ctx,
-              hoveredItem: null,
-              utils: renderUtils,
-              selectedItems: selectedItems.filter(function (item) {
-                return item && item.id !== hovered.id;
-              }),
-              selectedItem: selectedItem
-            }); // 2. hover된 항목을 최상단에 렌더링
-
+            // hover된 항목만 최상단에 렌더링 (renderEvent 없이 직접 렌더링)
             var isHoveredInViewport = enableViewportCulling ? isInViewport(hovered) : true;
 
             if (isHoveredInViewport) {
-              renderEvent({
-                ctx: ctx,
-                hoveredItem: hovered,
-                utils: renderUtils,
-                selectedItems: selectedItems,
-                selectedItem: selectedItem
-              });
+              // hover된 항목을 빨간색으로 직접 렌더링
+              var position = renderUtils.getOrComputeMarkerOffset(hovered);
+
+              if (position) {
+                ctx.save();
+                ctx.fillStyle = '#E53935';
+                ctx.strokeStyle = '#C62828';
+                ctx.lineWidth = 2;
+                ctx.beginPath();
+                ctx.arc(position.x, position.y, 10, 0, 2 * Math.PI);
+                ctx.fill();
+                ctx.stroke();
+                ctx.restore();
+              }
             }
           } else {
             // topOnHover가 false이거나 hover된 항목이 없으면 일반 렌더링

package/dist/components/mint-map/core/wrapper/MapMarkerWrapper.js

@@ -172,7 +172,7 @@ function MapMarkerWrapper(_a) {
   var onMouseOverHandler = function (e) {
     var _a;
 
-    var marker = markerRef.current;
+    var marker = markerRef.current; //console.log('onMouseOverHandler', marker);
 
     if (marker) {
       var mouseOverHandler = (_a = options === null || options === void 0 ? void 0 : options.event) === null || _a === void 0 ? void 0 : _a.get('mouseover');
@@ -185,25 +185,6 @@ function MapMarkerWrapper(_a) {
 
       next && topOnHover && controller.markerToTheTop(marker);
     }
-  }; // 20251014 | 장한별 | mouseleave 이벤트 추가, 마우스가 마커 위에서 떠날 때 원래 zindex 를 복구하기 위함
-
-
-  var onMouseLeaveHandler = function (e) {
-    var _a;
-
-    var marker = markerRef.current;
-
-    if (marker) {
-      var mouseOutHandler = (_a = options === null || options === void 0 ? void 0 : options.event) === null || _a === void 0 ? void 0 : _a.get('mouseout');
-      var next = true;
-
-      if (mouseOutHandler) {
-        var hasNext = mouseOutHandler(e);
-        hasNext !== undefined && (next = hasNext);
-      }
-
-      next && topOnHover && controller.restoreMarkerZIndex(marker);
-    }
   }; //create object
 
 
@@ -221,12 +202,10 @@ function MapMarkerWrapper(_a) {
     }); //드래그 여부 초기화를 먼저 수행하기 위해 capture : true 처리
 
     divElement.addEventListener('mouseover', onMouseOverHandler);
-    divElement.addEventListener('mouseleave', onMouseLeaveHandler);
     return function () {
       divElement.removeEventListener('click', onClickHandler);
       divElement.removeEventListener('mousedown', onMousedownHandler);
       divElement.removeEventListener('mouseover', onMouseOverHandler);
-      divElement.removeEventListener('mouseleave', onMouseLeaveHandler);
 
       if (markerRef.current) {
         controller.clearDrawable(markerRef.current);

package/dist/components/mint-map/google/GoogleMintMapController.d.ts

@@ -28,7 +28,6 @@ export declare class GoogleMintMapController extends MintMapController {
     private getMaxZIndex;
     setMarkerZIndex(marker: Marker, zIndex: number): void;
     markerToTheTop(marker: Marker): void;
-    restoreMarkerZIndex(marker: Marker): void;
     clearDrawable(drawable: Drawable): boolean;
     private dragged;
     isMapDragged(): boolean;

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

@@ -341,10 +341,6 @@ function (_super) {
     }
   };
 
-  GoogleMintMapController.prototype.restoreMarkerZIndex = function (marker) {// Google Maps에서는 restoreMarkerZIndex 기능을 지원하지 않습니다.
-    // 이 기능은 Naver Maps에서만 사용 가능합니다.
-  };
-
   GoogleMintMapController.prototype.clearDrawable = function (drawable) {
     if (drawable && drawable.native) {
       if (drawable.native instanceof google.maps.Marker || drawable.native instanceof google.maps.Polygon || drawable.native instanceof google.maps.Polyline) {

package/dist/components/mint-map/kakao/KakaoMintMapController.d.ts

@@ -31,7 +31,6 @@ export declare class KakaoMintMapController extends MintMapController {
     private getMaxZIndex;
     setMarkerZIndex(marker: Marker, zIndex: number): void;
     markerToTheTop(marker: Marker): void;
-    restoreMarkerZIndex(marker: Marker): void;
     clearDrawable(drawable: Drawable): boolean;
     private dragged;
     isMapDragged(): boolean;

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

@@ -349,10 +349,6 @@ function (_super) {
     }
   };
 
-  KakaoMintMapController.prototype.restoreMarkerZIndex = function (marker) {// Kakao Maps에서는 restoreMarkerZIndex 기능을 지원하지 않습니다.
-    // 이 기능은 Naver Maps에서만 사용 가능합니다.
-  };
-
   KakaoMintMapController.prototype.clearDrawable = function (drawable) {
     var _this = this;
 

package/dist/components/mint-map/naver/NaverMintMapController.d.ts

@@ -27,12 +27,9 @@ export declare class NaverMintMapController extends MintMapController {
     createMarker(marker: Marker): void;
     updateMarker(marker: Marker, options: MarkerOptions): void;
     private markerMaxZIndex;
-    private markerOriginalZIndex;
     private getMaxZIndex;
-    private getCurrentZIndex;
     setMarkerZIndex(marker: Marker, zIndex: number): void;
     markerToTheTop(marker: Marker): void;
-    restoreMarkerZIndex(marker: Marker): void;
     clearDrawable(drawable: Drawable): boolean;
     private dragged;
     isMapDragged(): boolean;

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

@@ -341,54 +341,20 @@ function (_super) {
     }
   };
 
-  NaverMintMapController.prototype.getCurrentZIndex = function (marker) {
-    if (this.map && marker.element && marker.element instanceof HTMLElement) {
-      var parent_1 = marker.element.parentElement;
-
-      if (parent_1 && parent_1.style.zIndex) {
-        var zIndex = Number(parent_1.style.zIndex);
-        return isNaN(zIndex) ? undefined : zIndex;
-      }
-    }
-
-    return undefined;
-  };
-
   NaverMintMapController.prototype.setMarkerZIndex = function (marker, zIndex) {
     if (this.map && marker.element && marker.element instanceof HTMLElement) {
-      var parent_2 = marker.element.parentElement;
+      var parent_1 = marker.element.parentElement;
 
-      if (parent_2) {
-        parent_2.style.zIndex = String(zIndex);
+      if (parent_1) {
+        parent_1.style.zIndex = String(zIndex);
       }
     }
   };
 
   NaverMintMapController.prototype.markerToTheTop = function (marker) {
-    // 이미 최상위로 올라간 상태면 (원래 zIndex가 이미 저장됨) 중복 실행 방지
-    if (this.markerOriginalZIndex !== undefined) {
-      return;
-    }
-
-    var currentZIndex = this.getCurrentZIndex(marker); // undefined면 null로 저장 (원래 zIndex가 없었음을 표시)
-
-    this.markerOriginalZIndex = currentZIndex !== undefined ? currentZIndex : null;
     this.setMarkerZIndex(marker, this.getMaxZIndex(1));
   };
 
-  NaverMintMapController.prototype.restoreMarkerZIndex = function (marker) {
-    if (this.markerOriginalZIndex !== undefined) {
-      if (this.markerOriginalZIndex === null) {
-        // 원래 zIndex가 없었으면 제거 (또는 초기값 0으로)
-        this.setMarkerZIndex(marker, 0);
-      } else {
-        this.setMarkerZIndex(marker, this.markerOriginalZIndex);
-      }
-
-      this.markerOriginalZIndex = undefined;
-    }
-  };
-
   NaverMintMapController.prototype.clearDrawable = function (drawable) {
     var _a;
 

package/dist/index.es.js

@@ -3327,7 +3327,7 @@ function MapMarkerWrapper(_a) {
   var onMouseOverHandler = function (e) {
     var _a;
 
-    var marker = markerRef.current;
+    var marker = markerRef.current; //console.log('onMouseOverHandler', marker);
 
     if (marker) {
       var mouseOverHandler = (_a = options === null || options === void 0 ? void 0 : options.event) === null || _a === void 0 ? void 0 : _a.get('mouseover');
@@ -3340,25 +3340,6 @@ function MapMarkerWrapper(_a) {
 
       next && topOnHover && controller.markerToTheTop(marker);
     }
-  }; // 20251014 | 장한별 | mouseleave 이벤트 추가, 마우스가 마커 위에서 떠날 때 원래 zindex 를 복구하기 위함
-
-
-  var onMouseLeaveHandler = function (e) {
-    var _a;
-
-    var marker = markerRef.current;
-
-    if (marker) {
-      var mouseOutHandler = (_a = options === null || options === void 0 ? void 0 : options.event) === null || _a === void 0 ? void 0 : _a.get('mouseout');
-      var next = true;
-
-      if (mouseOutHandler) {
-        var hasNext = mouseOutHandler(e);
-        hasNext !== undefined && (next = hasNext);
-      }
-
-      next && topOnHover && controller.restoreMarkerZIndex(marker);
-    }
   }; //create object
 
 
@@ -3376,12 +3357,10 @@ function MapMarkerWrapper(_a) {
     }); //드래그 여부 초기화를 먼저 수행하기 위해 capture : true 처리
 
     divElement.addEventListener('mouseover', onMouseOverHandler);
-    divElement.addEventListener('mouseleave', onMouseLeaveHandler);
     return function () {
       divElement.removeEventListener('click', onClickHandler);
       divElement.removeEventListener('mousedown', onMousedownHandler);
       divElement.removeEventListener('mouseover', onMouseOverHandler);
-      divElement.removeEventListener('mouseleave', onMouseLeaveHandler);
 
       if (markerRef.current) {
         controller.clearDrawable(markerRef.current);
@@ -6392,27 +6371,24 @@ var WoongCanvasLayer = function (props) {
           var selectedItem = selectedItemRef.current; // topOnHover가 true이면 hover된 항목을 최상단에 렌더링
 
           if (topOnHover && hovered) {
-            // 1. 먼저 일반 항목들 렌더링 (hover된 항목 제외)
-            renderEvent({
-              ctx: ctx,
-              hoveredItem: null,
-              utils: renderUtils,
-              selectedItems: selectedItems.filter(function (item) {
-                return item && item.id !== hovered.id;
-              }),
-              selectedItem: selectedItem
-            }); // 2. hover된 항목을 최상단에 렌더링
-
+            // hover된 항목만 최상단에 렌더링 (renderEvent 없이 직접 렌더링)
             var isHoveredInViewport = enableViewportCulling ? isInViewport(hovered) : true;
 
             if (isHoveredInViewport) {
-              renderEvent({
-                ctx: ctx,
-                hoveredItem: hovered,
-                utils: renderUtils,
-                selectedItems: selectedItems,
-                selectedItem: selectedItem
-              });
+              // hover된 항목을 빨간색으로 직접 렌더링
+              var position = renderUtils.getOrComputeMarkerOffset(hovered);
+
+              if (position) {
+                ctx.save();
+                ctx.fillStyle = '#E53935';
+                ctx.strokeStyle = '#C62828';
+                ctx.lineWidth = 2;
+                ctx.beginPath();
+                ctx.arc(position.x, position.y, 10, 0, 2 * Math.PI);
+                ctx.fill();
+                ctx.stroke();
+                ctx.restore();
+              }
             }
           } else {
             // topOnHover가 false이거나 hover된 항목이 없으면 일반 렌더링
@@ -7789,54 +7765,20 @@ function (_super) {
     }
   };
 
-  NaverMintMapController.prototype.getCurrentZIndex = function (marker) {
-    if (this.map && marker.element && marker.element instanceof HTMLElement) {
-      var parent_1 = marker.element.parentElement;
-
-      if (parent_1 && parent_1.style.zIndex) {
-        var zIndex = Number(parent_1.style.zIndex);
-        return isNaN(zIndex) ? undefined : zIndex;
-      }
-    }
-
-    return undefined;
-  };
-
   NaverMintMapController.prototype.setMarkerZIndex = function (marker, zIndex) {
     if (this.map && marker.element && marker.element instanceof HTMLElement) {
-      var parent_2 = marker.element.parentElement;
+      var parent_1 = marker.element.parentElement;
 
-      if (parent_2) {
-        parent_2.style.zIndex = String(zIndex);
+      if (parent_1) {
+        parent_1.style.zIndex = String(zIndex);
       }
     }
   };
 
   NaverMintMapController.prototype.markerToTheTop = function (marker) {
-    // 이미 최상위로 올라간 상태면 (원래 zIndex가 이미 저장됨) 중복 실행 방지
-    if (this.markerOriginalZIndex !== undefined) {
-      return;
-    }
-
-    var currentZIndex = this.getCurrentZIndex(marker); // undefined면 null로 저장 (원래 zIndex가 없었음을 표시)
-
-    this.markerOriginalZIndex = currentZIndex !== undefined ? currentZIndex : null;
     this.setMarkerZIndex(marker, this.getMaxZIndex(1));
   };
 
-  NaverMintMapController.prototype.restoreMarkerZIndex = function (marker) {
-    if (this.markerOriginalZIndex !== undefined) {
-      if (this.markerOriginalZIndex === null) {
-        // 원래 zIndex가 없었으면 제거 (또는 초기값 0으로)
-        this.setMarkerZIndex(marker, 0);
-      } else {
-        this.setMarkerZIndex(marker, this.markerOriginalZIndex);
-      }
-
-      this.markerOriginalZIndex = undefined;
-    }
-  };
-
   NaverMintMapController.prototype.clearDrawable = function (drawable) {
     var _a;
 
@@ -8591,10 +8533,6 @@ function (_super) {
     }
   };
 
-  GoogleMintMapController.prototype.restoreMarkerZIndex = function (marker) {// Google Maps에서는 restoreMarkerZIndex 기능을 지원하지 않습니다.
-    // 이 기능은 Naver Maps에서만 사용 가능합니다.
-  };
-
   GoogleMintMapController.prototype.clearDrawable = function (drawable) {
     if (drawable && drawable.native) {
       if (drawable.native instanceof google.maps.Marker || drawable.native instanceof google.maps.Polygon || drawable.native instanceof google.maps.Polyline) {
@@ -9317,10 +9255,6 @@ function (_super) {
     }
   };
 
-  KakaoMintMapController.prototype.restoreMarkerZIndex = function (marker) {// Kakao Maps에서는 restoreMarkerZIndex 기능을 지원하지 않습니다.
-    // 이 기능은 Naver Maps에서만 사용 가능합니다.
-  };
-
   KakaoMintMapController.prototype.clearDrawable = function (drawable) {
     var _this = this;
 

package/dist/index.umd.js

@@ -3331,7 +3331,7 @@
     var onMouseOverHandler = function (e) {
       var _a;
 
-      var marker = markerRef.current;
+      var marker = markerRef.current; //console.log('onMouseOverHandler', marker);
 
       if (marker) {
         var mouseOverHandler = (_a = options === null || options === void 0 ? void 0 : options.event) === null || _a === void 0 ? void 0 : _a.get('mouseover');
@@ -3344,25 +3344,6 @@
 
         next && topOnHover && controller.markerToTheTop(marker);
       }
-    }; // 20251014 | 장한별 | mouseleave 이벤트 추가, 마우스가 마커 위에서 떠날 때 원래 zindex 를 복구하기 위함
-
-
-    var onMouseLeaveHandler = function (e) {
-      var _a;
-
-      var marker = markerRef.current;
-
-      if (marker) {
-        var mouseOutHandler = (_a = options === null || options === void 0 ? void 0 : options.event) === null || _a === void 0 ? void 0 : _a.get('mouseout');
-        var next = true;
-
-        if (mouseOutHandler) {
-          var hasNext = mouseOutHandler(e);
-          hasNext !== undefined && (next = hasNext);
-        }
-
-        next && topOnHover && controller.restoreMarkerZIndex(marker);
-      }
     }; //create object
 
 
@@ -3380,12 +3361,10 @@
       }); //드래그 여부 초기화를 먼저 수행하기 위해 capture : true 처리
 
       divElement.addEventListener('mouseover', onMouseOverHandler);
-      divElement.addEventListener('mouseleave', onMouseLeaveHandler);
       return function () {
         divElement.removeEventListener('click', onClickHandler);
         divElement.removeEventListener('mousedown', onMousedownHandler);
         divElement.removeEventListener('mouseover', onMouseOverHandler);
-        divElement.removeEventListener('mouseleave', onMouseLeaveHandler);
 
         if (markerRef.current) {
           controller.clearDrawable(markerRef.current);
@@ -6396,27 +6375,24 @@
             var selectedItem = selectedItemRef.current; // topOnHover가 true이면 hover된 항목을 최상단에 렌더링
 
             if (topOnHover && hovered) {
-              // 1. 먼저 일반 항목들 렌더링 (hover된 항목 제외)
-              renderEvent({
-                ctx: ctx,
-                hoveredItem: null,
-                utils: renderUtils,
-                selectedItems: selectedItems.filter(function (item) {
-                  return item && item.id !== hovered.id;
-                }),
-                selectedItem: selectedItem
-              }); // 2. hover된 항목을 최상단에 렌더링
-
+              // hover된 항목만 최상단에 렌더링 (renderEvent 없이 직접 렌더링)
               var isHoveredInViewport = enableViewportCulling ? isInViewport(hovered) : true;
 
               if (isHoveredInViewport) {
-                renderEvent({
-                  ctx: ctx,
-                  hoveredItem: hovered,
-                  utils: renderUtils,
-                  selectedItems: selectedItems,
-                  selectedItem: selectedItem
-                });
+                // hover된 항목을 빨간색으로 직접 렌더링
+                var position = renderUtils.getOrComputeMarkerOffset(hovered);
+
+                if (position) {
+                  ctx.save();
+                  ctx.fillStyle = '#E53935';
+                  ctx.strokeStyle = '#C62828';
+                  ctx.lineWidth = 2;
+                  ctx.beginPath();
+                  ctx.arc(position.x, position.y, 10, 0, 2 * Math.PI);
+                  ctx.fill();
+                  ctx.stroke();
+                  ctx.restore();
+                }
               }
             } else {
               // topOnHover가 false이거나 hover된 항목이 없으면 일반 렌더링
@@ -7793,54 +7769,20 @@
       }
     };
 
-    NaverMintMapController.prototype.getCurrentZIndex = function (marker) {
-      if (this.map && marker.element && marker.element instanceof HTMLElement) {
-        var parent_1 = marker.element.parentElement;
-
-        if (parent_1 && parent_1.style.zIndex) {
-          var zIndex = Number(parent_1.style.zIndex);
-          return isNaN(zIndex) ? undefined : zIndex;
-        }
-      }
-
-      return undefined;
-    };
-
     NaverMintMapController.prototype.setMarkerZIndex = function (marker, zIndex) {
       if (this.map && marker.element && marker.element instanceof HTMLElement) {
-        var parent_2 = marker.element.parentElement;
+        var parent_1 = marker.element.parentElement;
 
-        if (parent_2) {
-          parent_2.style.zIndex = String(zIndex);
+        if (parent_1) {
+          parent_1.style.zIndex = String(zIndex);
         }
       }
     };
 
     NaverMintMapController.prototype.markerToTheTop = function (marker) {
-      // 이미 최상위로 올라간 상태면 (원래 zIndex가 이미 저장됨) 중복 실행 방지
-      if (this.markerOriginalZIndex !== undefined) {
-        return;
-      }
-
-      var currentZIndex = this.getCurrentZIndex(marker); // undefined면 null로 저장 (원래 zIndex가 없었음을 표시)
-
-      this.markerOriginalZIndex = currentZIndex !== undefined ? currentZIndex : null;
       this.setMarkerZIndex(marker, this.getMaxZIndex(1));
     };
 
-    NaverMintMapController.prototype.restoreMarkerZIndex = function (marker) {
-      if (this.markerOriginalZIndex !== undefined) {
-        if (this.markerOriginalZIndex === null) {
-          // 원래 zIndex가 없었으면 제거 (또는 초기값 0으로)
-          this.setMarkerZIndex(marker, 0);
-        } else {
-          this.setMarkerZIndex(marker, this.markerOriginalZIndex);
-        }
-
-        this.markerOriginalZIndex = undefined;
-      }
-    };
-
     NaverMintMapController.prototype.clearDrawable = function (drawable) {
       var _a;
 
@@ -8595,10 +8537,6 @@
       }
     };
 
-    GoogleMintMapController.prototype.restoreMarkerZIndex = function (marker) {// Google Maps에서는 restoreMarkerZIndex 기능을 지원하지 않습니다.
-      // 이 기능은 Naver Maps에서만 사용 가능합니다.
-    };
-
     GoogleMintMapController.prototype.clearDrawable = function (drawable) {
       if (drawable && drawable.native) {
         if (drawable.native instanceof google.maps.Marker || drawable.native instanceof google.maps.Polygon || drawable.native instanceof google.maps.Polyline) {
@@ -9321,10 +9259,6 @@
       }
     };
 
-    KakaoMintMapController.prototype.restoreMarkerZIndex = function (marker) {// Kakao Maps에서는 restoreMarkerZIndex 기능을 지원하지 않습니다.
-      // 이 기능은 Naver Maps에서만 사용 가능합니다.
-    };
-
     KakaoMintMapController.prototype.clearDrawable = function (drawable) {
       var _this = this;
 

package/package.json

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