@mint-ui/map 1.2.0-test.5 → 1.2.0-test.51

package/CLAUDE.md

@@ -90,7 +90,6 @@ The project uses Storybook for component development and documentation:
 
 Canvas markers are a key feature for high-performance rendering:
 - `CanvasMarker.tsx` - Main canvas marker component
-- `CanvasMarkerHanquf.tsx` - Specialized canvas marker variant
 - Renderer function pattern for custom drawing logic
 - Supports geohash-based clustering
 

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

@@ -8,11 +8,10 @@ var React = require('react');
 var MapTypes = require('../types/MapTypes.js');
 var MintMapProvider = require('./provider/MintMapProvider.js');
 var MintMapCore_module = require('./MintMapCore.module.scss.js');
-require('./advanced/woongCanvas/shared/types.js');
-require('../types/MapDrawables.js');
-require('../types/MapEventTypes.js');
-var context = require('./advanced/woongCanvas/shared/context.js');
-require('./advanced/woongCanvas/shared/performance.js');
+require('./advanced/shared/types.js');
+require('./advanced/shared/utils.js');
+var context = require('./advanced/shared/context.js');
+require('./advanced/shared/performance.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -101,7 +100,7 @@ function MintMapCore(_a) {
   }, [center]);
   return React__default["default"].createElement("div", {
     className: cn('mint-map-root')
-  }, mapInitialized && React__default["default"].createElement(context.KonvaMarkerProvider, null, children), React__default["default"].createElement("div", {
+  }, mapInitialized && React__default["default"].createElement(context.CanvasProvider, null, children), React__default["default"].createElement("div", {
     className: cn('mint-map-container'),
     style: {
       visibility: visible ? 'inherit' : 'hidden'

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

@@ -0,0 +1,47 @@
+import React from "react";
+import { MarkerOptions } from "../../../types";
+import { CanvasData, CustomRenderBase, CustomRenderEvent } from "../shared";
+export { CanvasProvider, LRUCache, SpatialHashGrid, CanvasDataType } from "../shared";
+export type { CanvasOption, CanvasData, CustomRenderBase, CustomRenderEvent, RenderUtils, RenderBaseParams, RenderEventParams } from "../shared";
+/**
+ * CanvasMarkerLayer Props
+ *
+ * @template T 마커 데이터의 추가 속성 타입
+ */
+export interface CanvasMarkerLayerProps<T> extends Pick<MarkerOptions, 'zIndex' | 'anchor' | 'visible'> {
+    /** 렌더링할 마커 데이터 배열 */
+    data: CanvasData<T>[];
+    /** 마커 클릭 시 호출되는 콜백 함수 */
+    onClick?: (payload: CanvasData<T>, selectedIds: Set<string>) => void;
+    /** 마커에 마우스 오버 시 호출되는 콜백 함수 */
+    onMouseOver?: (payload: CanvasData<T>) => void;
+    /** 마커에서 마우스 아웃 시 호출되는 콜백 함수 */
+    onMouseOut?: (payload: CanvasData<T>) => void;
+    /** 다중 선택 활성화 여부 (기본값: false) */
+    enableMultiSelect?: boolean;
+    /** hover 시 마커를 최상단으로 표시할지 여부 (기본값: false) */
+    topOnHover?: boolean;
+    /** 뷰포트 컬링 활성화 여부 (기본값: false) */
+    enableViewportCulling?: boolean;
+    /** 뷰포트 컬링 여유 공간 (픽셀 단위, 기본값: 100) */
+    cullingMargin?: number;
+    /** LRU 캐시 최대 크기 (기본값: 10000) */
+    maxCacheSize?: number;
+    /** 외부에서 제어하는 선택된 항목 배열 */
+    selectedItems?: CanvasData<T>[];
+    /** 외부에서 전달된 단일 선택 아이템 */
+    selectedItem?: CanvasData<T> | null;
+    /** 상호작용 비활성화 여부 (기본값: false) */
+    disableInteraction?: boolean;
+    /** Base Layer 렌더링 함수 (필수) */
+    renderBase: CustomRenderBase<T>;
+    /** Event Layer 렌더링 함수 (선택) */
+    renderEvent?: CustomRenderEvent<T>;
+}
+declare const CanvasMarkerLayer: <T>(props: CanvasMarkerLayerProps<T>) => React.ReactPortal;
+/**
+ * CanvasMarkerLayer - Konva 기반 고성능 마커 렌더링 컴포넌트
+ *
+ * @template T 마커 데이터의 추가 속성 타입
+ */
+export default CanvasMarkerLayer;