@mint-ui/map 1.2.0-test.60 → 1.2.0-test.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/mint-map/core/advanced/CanvasMarkerLayer/CanvasMarkerLayer.d.ts +3 -8
- package/dist/components/mint-map/core/advanced/CanvasMarkerLayer/CanvasMarkerLayer.js +4 -6
- package/dist/components/mint-map/core/advanced/shared/types.d.ts +11 -0
- package/dist/index.es.js +4 -6
- package/dist/index.umd.js +4 -6
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { MarkerOptions
|
|
2
|
+
import { MarkerOptions } from '../../../types';
|
|
3
3
|
import { CanvasData, CustomRenderBase, CustomRenderEvent } from '../shared';
|
|
4
4
|
export { CanvasDataType, CanvasProvider, LRUCache, SpatialHashGrid } from '../shared';
|
|
5
|
-
export type { CanvasData, CanvasOption, CustomRenderBase, CustomRenderEvent, RenderBaseParams, RenderEventParams, RenderUtils } from '../shared';
|
|
5
|
+
export type { CanvasData, CanvasOption, CustomRenderBase, CustomRenderEvent, MarkerBoundingBox, RenderBaseParams, RenderEventParams, RenderUtils } from '../shared';
|
|
6
6
|
/**
|
|
7
7
|
* CanvasMarkerLayer Props
|
|
8
8
|
*
|
|
@@ -14,12 +14,7 @@ export interface CanvasMarkerLayerProps<T> extends Pick<MarkerOptions, 'zIndex'
|
|
|
14
14
|
/** 마커 클릭 시 호출되는 콜백 함수 */
|
|
15
15
|
onClick?: (payload: CanvasData<T>, selectedIds: Set<string>) => void;
|
|
16
16
|
/** 마커에 마우스 오버 시 호출되는 콜백 함수 */
|
|
17
|
-
onMouseOver?: (payload: CanvasData<T>
|
|
18
|
-
boundingBox?: {
|
|
19
|
-
bottomRight: Position;
|
|
20
|
-
leftTop: Position;
|
|
21
|
-
};
|
|
22
|
-
}) => void;
|
|
17
|
+
onMouseOver?: (payload: CanvasData<T>) => void;
|
|
23
18
|
/** 마커에서 마우스 아웃 시 호출되는 콜백 함수 */
|
|
24
19
|
onMouseOut?: (payload: CanvasData<T>) => void;
|
|
25
20
|
/** 다중 선택 활성화 여부 (기본값: false) */
|
|
@@ -416,12 +416,11 @@ var CanvasMarkerLayer = function (props) {
|
|
|
416
416
|
if (prevHovered) onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
|
|
417
417
|
|
|
418
418
|
if (hoveredItem) {
|
|
419
|
-
var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 명시적으로 포함 (
|
|
419
|
+
var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 명시적으로 포함 (CanvasData<T>에 boundingBox 속성이 포함됨)
|
|
420
420
|
|
|
421
421
|
var payload = tslib.__assign(tslib.__assign({}, hoveredItem), {
|
|
422
422
|
boundingBox: boundingBox || undefined
|
|
423
|
-
});
|
|
424
|
-
|
|
423
|
+
});
|
|
425
424
|
|
|
426
425
|
onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(payload);
|
|
427
426
|
}
|
|
@@ -535,12 +534,11 @@ var CanvasMarkerLayer = function (props) {
|
|
|
535
534
|
if (context$1) {
|
|
536
535
|
// context를 통한 onMouseOver 호출 시에도 boundingBox를 포함하도록 래핑
|
|
537
536
|
var wrappedOnMouseOver = onMouseOver ? function (payload) {
|
|
538
|
-
var boundingBox = getMarkerBoundingBoxCoordinates(payload); // boundingBox를 명시적으로 포함 (
|
|
537
|
+
var boundingBox = getMarkerBoundingBoxCoordinates(payload); // boundingBox를 명시적으로 포함 (CanvasData<T>에 boundingBox 속성이 포함됨)
|
|
539
538
|
|
|
540
539
|
var enhancedPayload = tslib.__assign(tslib.__assign({}, payload), {
|
|
541
540
|
boundingBox: boundingBox || undefined
|
|
542
|
-
});
|
|
543
|
-
|
|
541
|
+
});
|
|
544
542
|
|
|
545
543
|
onMouseOver(enhancedPayload);
|
|
546
544
|
} : undefined;
|
|
@@ -14,6 +14,15 @@ export interface Paths {
|
|
|
14
14
|
type: string;
|
|
15
15
|
coordinates: number[][][][];
|
|
16
16
|
}
|
|
17
|
+
/**
|
|
18
|
+
* 마커 바운딩 박스 좌표 (위도/경도)
|
|
19
|
+
*/
|
|
20
|
+
export interface MarkerBoundingBox {
|
|
21
|
+
/** 왼쪽 상단 좌표 */
|
|
22
|
+
leftTop: Position;
|
|
23
|
+
/** 우측 하단 좌표 */
|
|
24
|
+
bottomRight: Position;
|
|
25
|
+
}
|
|
17
26
|
/**
|
|
18
27
|
* 캔버스 마커/폴리곤의 기본 필수 속성
|
|
19
28
|
*/
|
|
@@ -29,6 +38,8 @@ export interface CanvasOption {
|
|
|
29
38
|
offsetX?: number;
|
|
30
39
|
/** 렌더링 오프셋 Y (픽셀 단위, 기본값: 0) */
|
|
31
40
|
offsetY?: number;
|
|
41
|
+
/** 마커 바운딩 박스 좌표 (onMouseOver 이벤트에서만 제공됨) */
|
|
42
|
+
boundingBox?: MarkerBoundingBox;
|
|
32
43
|
}
|
|
33
44
|
/**
|
|
34
45
|
* 서버 데이터와 캔버스 옵션을 결합한 타입
|
package/dist/index.es.js
CHANGED
|
@@ -4257,12 +4257,11 @@ var CanvasMarkerLayer = function (props) {
|
|
|
4257
4257
|
if (prevHovered) onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
|
|
4258
4258
|
|
|
4259
4259
|
if (hoveredItem) {
|
|
4260
|
-
var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 명시적으로 포함 (
|
|
4260
|
+
var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 명시적으로 포함 (CanvasData<T>에 boundingBox 속성이 포함됨)
|
|
4261
4261
|
|
|
4262
4262
|
var payload = __assign(__assign({}, hoveredItem), {
|
|
4263
4263
|
boundingBox: boundingBox || undefined
|
|
4264
|
-
});
|
|
4265
|
-
|
|
4264
|
+
});
|
|
4266
4265
|
|
|
4267
4266
|
onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(payload);
|
|
4268
4267
|
}
|
|
@@ -4376,12 +4375,11 @@ var CanvasMarkerLayer = function (props) {
|
|
|
4376
4375
|
if (context) {
|
|
4377
4376
|
// context를 통한 onMouseOver 호출 시에도 boundingBox를 포함하도록 래핑
|
|
4378
4377
|
var wrappedOnMouseOver = onMouseOver ? function (payload) {
|
|
4379
|
-
var boundingBox = getMarkerBoundingBoxCoordinates(payload); // boundingBox를 명시적으로 포함 (
|
|
4378
|
+
var boundingBox = getMarkerBoundingBoxCoordinates(payload); // boundingBox를 명시적으로 포함 (CanvasData<T>에 boundingBox 속성이 포함됨)
|
|
4380
4379
|
|
|
4381
4380
|
var enhancedPayload = __assign(__assign({}, payload), {
|
|
4382
4381
|
boundingBox: boundingBox || undefined
|
|
4383
|
-
});
|
|
4384
|
-
|
|
4382
|
+
});
|
|
4385
4383
|
|
|
4386
4384
|
onMouseOver(enhancedPayload);
|
|
4387
4385
|
} : undefined;
|
package/dist/index.umd.js
CHANGED
|
@@ -4261,12 +4261,11 @@
|
|
|
4261
4261
|
if (prevHovered) onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(prevHovered);
|
|
4262
4262
|
|
|
4263
4263
|
if (hoveredItem) {
|
|
4264
|
-
var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 명시적으로 포함 (
|
|
4264
|
+
var boundingBox = getMarkerBoundingBoxCoordinates(hoveredItem); // boundingBox를 명시적으로 포함 (CanvasData<T>에 boundingBox 속성이 포함됨)
|
|
4265
4265
|
|
|
4266
4266
|
var payload = tslib.__assign(tslib.__assign({}, hoveredItem), {
|
|
4267
4267
|
boundingBox: boundingBox || undefined
|
|
4268
|
-
});
|
|
4269
|
-
|
|
4268
|
+
});
|
|
4270
4269
|
|
|
4271
4270
|
onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(payload);
|
|
4272
4271
|
}
|
|
@@ -4380,12 +4379,11 @@
|
|
|
4380
4379
|
if (context) {
|
|
4381
4380
|
// context를 통한 onMouseOver 호출 시에도 boundingBox를 포함하도록 래핑
|
|
4382
4381
|
var wrappedOnMouseOver = onMouseOver ? function (payload) {
|
|
4383
|
-
var boundingBox = getMarkerBoundingBoxCoordinates(payload); // boundingBox를 명시적으로 포함 (
|
|
4382
|
+
var boundingBox = getMarkerBoundingBoxCoordinates(payload); // boundingBox를 명시적으로 포함 (CanvasData<T>에 boundingBox 속성이 포함됨)
|
|
4384
4383
|
|
|
4385
4384
|
var enhancedPayload = tslib.__assign(tslib.__assign({}, payload), {
|
|
4386
4385
|
boundingBox: boundingBox || undefined
|
|
4387
|
-
});
|
|
4388
|
-
|
|
4386
|
+
});
|
|
4389
4387
|
|
|
4390
4388
|
onMouseOver(enhancedPayload);
|
|
4391
4389
|
} : undefined;
|