@mint-ui/map 1.2.3-test.1 → 1.2.4

package/.claude/settings.local.json

@@ -1,23 +1,11 @@
 {
   "permissions": {
     "allow": [
-      "Read(//var/folders/7t/vchtbctx3m788mhcq9fn2x540000gn/T/TemporaryItems/NSIRD_screencaptureui_OsfFWn/**)",
-      "Read(//Users/hans/Desktop/**)",
-      "WebSearch",
-      "Read(//var/folders/7t/vchtbctx3m788mhcq9fn2x540000gn/T/TemporaryItems/NSIRD_screencaptureui_4DskwH/**)",
-      "WebFetch(domain:www.bdsplanet.com)",
-      "mcp__ide__getDiagnostics",
-      "Bash(npm run storybook:*)",
-      "Read(//var/folders/7t/vchtbctx3m788mhcq9fn2x540000gn/T/TemporaryItems/NSIRD_screencaptureui_HMhrPV/**)",
-      "Bash(gh pr view:*)",
-      "Bash(brew list:*)",
-      "WebFetch(domain:github.com)",
-      "Bash(brew install:*)",
-      "Bash(gh auth status:*)",
-      "Bash(git fetch:*)",
-      "Bash(git grep:*)"
-    ],
-    "deny": [],
-    "ask": []
+      "Bash(npx tsc:*)",
+      "Bash(./node_modules/.bin/tsc --noEmit --pretty)",
+      "Bash(python3 -c \"import json,sys; d=json.load\\(sys.stdin\\); print\\(json.dumps\\(d.get\\('scripts',{}\\), indent=2\\)\\)\")",
+      "Bash(npm run:*)",
+      "Bash(npm install:*)"
+    ]
   }
 }

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

@@ -11,8 +11,7 @@ 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('../types/MapDrawables.js');
-require('../types/MapEventTypes.js');
+require('./advanced/shared/utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/components/mint-map/core/advanced/CanvasPolygonLayer/CanvasPolygonLayer.js

@@ -31,6 +31,8 @@ var CanvasPolygonLayer = function (props) {
       _b = props.cullingMargin,
       cullingMargin = _b === void 0 ? performance.DEFAULT_CULLING_MARGIN : _b,
       onClick = props.onClick,
+      onMouseOver = props.onMouseOver,
+      onMouseOut = props.onMouseOut,
       onOptimizationDataUpdate = props.onOptimizationDataUpdate,
       externalSelectedItems = props.selectedItems,
       externalSelectedItem = props.selectedItem,
@@ -38,7 +40,7 @@ var CanvasPolygonLayer = function (props) {
       disableInteraction = _c === void 0 ? false : _c,
       _d = props.spatialGridCellSize,
       spatialGridCellSize = _d === void 0 ? performance.SPATIAL_GRID_CELL_SIZE : _d,
-      options = tslib.__rest(props, ["data", "enableMultiSelect", "cullingMargin", "onClick", "onOptimizationDataUpdate", "selectedItems", "selectedItem", "disableInteraction", "spatialGridCellSize"]); // customStyle은 다른 방식과 함께 사용 가능
+      options = tslib.__rest(props, ["data", "enableMultiSelect", "cullingMargin", "onClick", "onMouseOver", "onMouseOut", "onOptimizationDataUpdate", "selectedItems", "selectedItem", "disableInteraction", "spatialGridCellSize"]); // customStyle은 다른 방식과 함께 사용 가능
 
 
   var hasCustomStyle = 'customStyle' in props && props.customStyle !== undefined;
@@ -357,7 +359,17 @@ var CanvasPolygonLayer = function (props) {
       return;
     }
 
-    hoveredItemRef.current = hoveredData;
+    var prevHovered = hoveredItemRef.current;
+    hoveredItemRef.current = hoveredData; // onMouseOut: 이전 hover 항목에서 벗어남
+
+    if (prevHovered && prevHovered !== hoveredData) {
+      onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
+    } // onMouseOver: 새로운 항목에 hover
+
+
+    if (hoveredData && hoveredData !== prevHovered) {
+      onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(hoveredData);
+    }
 
     if (draggingRef.current) {
       controller.setMapCursor('grabbing');
@@ -431,6 +443,7 @@ var CanvasPolygonLayer = function (props) {
     var prevHovered = hoveredItemRef.current;
     if (!prevHovered) return;
     hoveredItemRef.current = null;
+    onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
     controller.setMapCursor('grab');
     doRenderEvent();
   }; // DOM 초기화

package/dist/components/mint-map/core/advanced/CanvasPolygonLayer/types.d.ts

@@ -111,6 +111,10 @@ export interface CanvasPolygonLayerBaseProps<T> extends Pick<MarkerOptions, 'zIn
     data: CanvasData<T>[];
     /** 폴리곤 클릭 시 호출되는 콜백 함수 */
     onClick?: (payload: CanvasData<T>, selectedIds: Set<string>) => void;
+    /** 폴리곤에 마우스가 올라갔을 때 호출되는 콜백 함수 */
+    onMouseOver?: (payload: CanvasData<T>) => void;
+    /** 폴리곤에서 마우스가 벗어났을 때 호출되는 콜백 함수 */
+    onMouseOut?: (payload: CanvasData<T>) => void;
     /** 다중 선택 활성화 여부 (기본값: false) */
     enableMultiSelect?: boolean;
     /** 뷰포트 컬링 여유 공간 (픽셀 단위, 기본값: 100) */

package/dist/components/mint-map/core/advanced/shared/types.js

@@ -2,10 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('tslib');
-require('../../../types/MapDrawables.js');
-require('../../../types/MapTypes.js');
-require('../../../types/MapEventTypes.js');
+var utils = require('./utils.js');
 
 /**
  * 캔버스 데이터 타입 Enum
@@ -29,3 +26,6 @@ exports.RenderSource = void 0;
   RenderSource["EVENT"] = "EVENT";
   RenderSource["TOP"] = "TOP";
 })(exports.RenderSource || (exports.RenderSource = {}));
+
+exports.createCanvasData = utils.createCanvasData;
+exports.createCanvasDataArray = utils.createCanvasDataArray;

package/dist/components/mint-map/core/advanced/shared/utils.js

@@ -195,6 +195,8 @@ var hexToRgba = function (hexColor, alpha) {
   var b = parseInt(hex.substring(4, 6), 16);
   return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
 };
+var tempCanvas = document.createElement('canvas');
+var tempCtx = tempCanvas.getContext('2d');
 /**
  * 텍스트 박스 너비 계산
  *
@@ -211,8 +213,6 @@ var calculateTextBoxWidth = function (_a) {
       minWidth = _a.minWidth,
       padding = _a.padding,
       text = _a.text;
-  var tempCanvas = document.createElement('canvas');
-  var tempCtx = tempCanvas.getContext('2d');
   if (!tempCtx) return 0;
   tempCtx.font = fontConfig;
   var textWidth = tempCtx.measureText(text).width;

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

@@ -18,6 +18,7 @@ require('../core/advanced/canvas/CanvasMarkerClaude.js');
 require('../core/advanced/shared/context.js');
 require('../core/advanced/shared/performance.js');
 require('../core/advanced/shared/types.js');
+require('../core/advanced/shared/utils.js');
 require('konva');
 require('../core/util/geo.js');
 require('../core/util/animation.js');

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

@@ -19,6 +19,7 @@ require('../core/advanced/canvas/CanvasMarkerClaude.js');
 require('../core/advanced/shared/context.js');
 require('../core/advanced/shared/performance.js');
 require('../core/advanced/shared/types.js');
+require('../core/advanced/shared/utils.js');
 require('konva');
 require('../core/util/geo.js');
 require('../core/util/animation.js');

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

@@ -19,6 +19,7 @@ require('../core/advanced/canvas/CanvasMarkerClaude.js');
 require('../core/advanced/shared/context.js');
 require('../core/advanced/shared/performance.js');
 require('../core/advanced/shared/types.js');
+require('../core/advanced/shared/utils.js');
 require('konva');
 require('../core/util/geo.js');
 require('../core/util/animation.js');

package/dist/index.es.js

@@ -1687,6 +1687,8 @@ var hexToRgba = function (hexColor, alpha) {
   var b = parseInt(hex.substring(4, 6), 16);
   return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
 };
+var tempCanvas = document.createElement('canvas');
+var tempCtx = tempCanvas.getContext('2d');
 /**
  * 텍스트 박스 너비 계산
  *
@@ -1703,8 +1705,6 @@ var calculateTextBoxWidth = function (_a) {
       minWidth = _a.minWidth,
       padding = _a.padding,
       text = _a.text;
-  var tempCanvas = document.createElement('canvas');
-  var tempCtx = tempCanvas.getContext('2d');
   if (!tempCtx) return 0;
   tempCtx.font = fontConfig;
   var textWidth = tempCtx.measureText(text).width;
@@ -5996,6 +5996,8 @@ var CanvasPolygonLayer = function (props) {
       _b = props.cullingMargin,
       cullingMargin = _b === void 0 ? DEFAULT_CULLING_MARGIN : _b,
       onClick = props.onClick,
+      onMouseOver = props.onMouseOver,
+      onMouseOut = props.onMouseOut,
       onOptimizationDataUpdate = props.onOptimizationDataUpdate,
       externalSelectedItems = props.selectedItems,
       externalSelectedItem = props.selectedItem,
@@ -6003,7 +6005,7 @@ var CanvasPolygonLayer = function (props) {
       disableInteraction = _c === void 0 ? false : _c,
       _d = props.spatialGridCellSize,
       spatialGridCellSize = _d === void 0 ? SPATIAL_GRID_CELL_SIZE : _d,
-      options = __rest(props, ["data", "enableMultiSelect", "cullingMargin", "onClick", "onOptimizationDataUpdate", "selectedItems", "selectedItem", "disableInteraction", "spatialGridCellSize"]); // customStyle은 다른 방식과 함께 사용 가능
+      options = __rest(props, ["data", "enableMultiSelect", "cullingMargin", "onClick", "onMouseOver", "onMouseOut", "onOptimizationDataUpdate", "selectedItems", "selectedItem", "disableInteraction", "spatialGridCellSize"]); // customStyle은 다른 방식과 함께 사용 가능
 
 
   var hasCustomStyle = 'customStyle' in props && props.customStyle !== undefined;
@@ -6322,7 +6324,17 @@ var CanvasPolygonLayer = function (props) {
       return;
     }
 
-    hoveredItemRef.current = hoveredData;
+    var prevHovered = hoveredItemRef.current;
+    hoveredItemRef.current = hoveredData; // onMouseOut: 이전 hover 항목에서 벗어남
+
+    if (prevHovered && prevHovered !== hoveredData) {
+      onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
+    } // onMouseOver: 새로운 항목에 hover
+
+
+    if (hoveredData && hoveredData !== prevHovered) {
+      onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(hoveredData);
+    }
 
     if (draggingRef.current) {
       controller.setMapCursor('grabbing');
@@ -6396,6 +6408,7 @@ var CanvasPolygonLayer = function (props) {
     var prevHovered = hoveredItemRef.current;
     if (!prevHovered) return;
     hoveredItemRef.current = null;
+    onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
     controller.setMapCursor('grab');
     doRenderEvent();
   }; // DOM 초기화

package/dist/index.umd.js

@@ -1691,6 +1691,8 @@
     var b = parseInt(hex.substring(4, 6), 16);
     return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
   };
+  var tempCanvas = document.createElement('canvas');
+  var tempCtx = tempCanvas.getContext('2d');
   /**
    * 텍스트 박스 너비 계산
    *
@@ -1707,8 +1709,6 @@
         minWidth = _a.minWidth,
         padding = _a.padding,
         text = _a.text;
-    var tempCanvas = document.createElement('canvas');
-    var tempCtx = tempCanvas.getContext('2d');
     if (!tempCtx) return 0;
     tempCtx.font = fontConfig;
     var textWidth = tempCtx.measureText(text).width;
@@ -6000,6 +6000,8 @@
         _b = props.cullingMargin,
         cullingMargin = _b === void 0 ? DEFAULT_CULLING_MARGIN : _b,
         onClick = props.onClick,
+        onMouseOver = props.onMouseOver,
+        onMouseOut = props.onMouseOut,
         onOptimizationDataUpdate = props.onOptimizationDataUpdate,
         externalSelectedItems = props.selectedItems,
         externalSelectedItem = props.selectedItem,
@@ -6007,7 +6009,7 @@
         disableInteraction = _c === void 0 ? false : _c,
         _d = props.spatialGridCellSize,
         spatialGridCellSize = _d === void 0 ? SPATIAL_GRID_CELL_SIZE : _d,
-        options = tslib.__rest(props, ["data", "enableMultiSelect", "cullingMargin", "onClick", "onOptimizationDataUpdate", "selectedItems", "selectedItem", "disableInteraction", "spatialGridCellSize"]); // customStyle은 다른 방식과 함께 사용 가능
+        options = tslib.__rest(props, ["data", "enableMultiSelect", "cullingMargin", "onClick", "onMouseOver", "onMouseOut", "onOptimizationDataUpdate", "selectedItems", "selectedItem", "disableInteraction", "spatialGridCellSize"]); // customStyle은 다른 방식과 함께 사용 가능
 
 
     var hasCustomStyle = 'customStyle' in props && props.customStyle !== undefined;
@@ -6326,7 +6328,17 @@
         return;
       }
 
-      hoveredItemRef.current = hoveredData;
+      var prevHovered = hoveredItemRef.current;
+      hoveredItemRef.current = hoveredData; // onMouseOut: 이전 hover 항목에서 벗어남
+
+      if (prevHovered && prevHovered !== hoveredData) {
+        onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
+      } // onMouseOver: 새로운 항목에 hover
+
+
+      if (hoveredData && hoveredData !== prevHovered) {
+        onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(hoveredData);
+      }
 
       if (draggingRef.current) {
         controller.setMapCursor('grabbing');
@@ -6400,6 +6412,7 @@
       var prevHovered = hoveredItemRef.current;
       if (!prevHovered) return;
       hoveredItemRef.current = null;
+      onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
       controller.setMapCursor('grab');
       doRenderEvent();
     }; // DOM 초기화

package/package.json

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