@mint-ui/map 1.2.0-test.11 → 1.2.0-test.13

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

@@ -9,8 +9,7 @@ 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');
+require('./advanced/woongCanvas/shared/utils.js');
 var context = require('./advanced/woongCanvas/shared/context.js');
 require('./advanced/woongCanvas/shared/performance.js');
 

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

@@ -1,20 +1,20 @@
 import React from "react";
 import { MarkerOptions } from "../../../types";
-import { KonvaCanvasMarkerData, CanvasDataType, CustomRenderBase, CustomRenderAnimation, CustomRenderEvent } from "./shared";
+import { KonvaCanvasData, CanvasDataType, CustomRenderBase, CustomRenderAnimation, CustomRenderEvent } from "./shared";
 export { KonvaMarkerProvider, LRUCache, SpatialHashGrid, CanvasDataType } from "./shared";
-export type { KonvaCanvasMarkerOption, Paths, KonvaCanvasMarkerData, CustomRenderBase, CustomRenderAnimation, CustomRenderEvent, RenderUtils, RenderBaseParams, RenderAnimationParams, RenderEventParams } from "./shared";
+export type { KonvaCanvasOption, Paths, KonvaCanvasData, CustomRenderBase, CustomRenderAnimation, CustomRenderEvent, RenderUtils, RenderBaseParams, RenderAnimationParams, RenderEventParams } from "./shared";
 /**
  * 공통 Props (MARKER와 POLYGON 모두 사용)
  */
 interface WoongCanvasLayerBaseProps<T> extends Pick<MarkerOptions, 'zIndex' | 'anchor' | 'visible'> {
-    /** 렌더링할 마커 데이터 배열 */
-    markers: KonvaCanvasMarkerData<T>[];
+    /** 렌더링할 데이터 배열 (마커 또는 폴리곤) */
+    data: KonvaCanvasData<T>[];
     /** 마커 클릭 시 호출되는 콜백 (선택) */
-    onClick?: (payload: KonvaCanvasMarkerData<T>, selectedIds: Set<string>) => void;
+    onClick?: (payload: KonvaCanvasData<T>, selectedIds: Set<string>) => void;
     /** 마커에 마우스 오버 시 호출되는 콜백 (선택) */
-    onMouseOver?: (payload: KonvaCanvasMarkerData<T>) => void;
+    onMouseOver?: (payload: KonvaCanvasData<T>) => void;
     /** 마커에서 마우스 아웃 시 호출되는 콜백 (선택) */
-    onMouseOut?: (payload: KonvaCanvasMarkerData<T>) => void;
+    onMouseOut?: (payload: KonvaCanvasData<T>) => void;
     /** 다중 선택 활성화 여부 (기본: false) */
     enableMultiSelect?: boolean;
     /** hover 시 마커를 최상단으로 표시 (기본: false) */
@@ -26,24 +26,26 @@ interface WoongCanvasLayerBaseProps<T> extends Pick<MarkerOptions, 'zIndex' | 'a
     /** LRU 캐시 최대 크기 (기본: 10000) */
     maxCacheSize?: number;
     /** 외부에서 제어하는 선택된 항목 배열 (선택) */
-    selectedItems?: KonvaCanvasMarkerData<T>[];
+    selectedItems?: KonvaCanvasData<T>[];
     /** 외부에서 전달된 단일 선택 아이템 (특별한 효과용) */
-    selectedItem?: KonvaCanvasMarkerData<T> | null;
+    selectedItem?: KonvaCanvasData<T> | null;
     /** 상호작용 비활성화 (hover, click 등 모든 이벤트 차단) */
     disableInteraction?: boolean;
 }
 /**
  * MARKER 타입 Props - 커스텀 렌더링 필수
  */
-interface WoongCanvasLayerPropsForMarker<T> extends WoongCanvasLayerBaseProps<T> {
+interface WoongCanvasLayerPropsForMarker<T, C = any> extends WoongCanvasLayerBaseProps<T> {
     /** 데이터 타입 */
     dataType: CanvasDataType.MARKER;
     /** Base Layer 렌더링 함수 (필수) */
-    renderBase: CustomRenderBase<T>;
+    renderBase: CustomRenderBase<T, C>;
     /** Animation Layer 렌더링 함수 (선택, 애니메이션용) */
-    renderAnimation?: CustomRenderAnimation<T>;
+    renderAnimation?: CustomRenderAnimation<T, C>;
     /** Event Layer 렌더링 함수 (선택) */
-    renderEvent?: CustomRenderEvent<T>;
+    renderEvent?: CustomRenderEvent<T, C>;
+    /** 렌더링 설정 (색상, 표시 여부, 모양 등) */
+    renderConfig?: C;
 }
 /**
  * POLYGON 타입 Props - 스타일 속성으로 내부 처리
@@ -78,16 +80,88 @@ interface WoongCanvasLayerPropsForPolygon<T> extends WoongCanvasLayerBaseProps<T
 }
 /**
  * 최종 Props 타입 - Discriminated Union
+ *
+ * @template T 데이터 타입
+ * @template C 렌더링 설정 타입 (MARKER 모드에서만 사용)
  */
-export declare type WoongCanvasLayerProps<T> = WoongCanvasLayerPropsForMarker<T> | WoongCanvasLayerPropsForPolygon<T>;
+export declare type WoongCanvasLayerProps<T, C = any> = WoongCanvasLayerPropsForMarker<T, C> | WoongCanvasLayerPropsForPolygon<T>;
 /**
- * 🔥 React.memo 최적화: 마커 배열과 selectedItems 변경 체크
+ * 🚀 WoongCanvasLayer - Konva 기반 초고성능 마커/폴리곤 렌더링 컴포넌트
+ *
+ * ## 📌 주요 특징
+ * - **30,000개 이상의 폴리곤/마커를 60fps로 렌더링**
+ * - **Multi-Layer 아키텍처**: Base/Animation/Event 레이어 분리
+ * - **Spatial Hash Grid**: O(1) 수준의 빠른 Hit Test
+ * - **LRU 캐시**: 좌표 변환 결과 캐싱으로 성능 최적화
+ * - **Viewport Culling**: 화면에 보이는 영역만 렌더링
+ * - **Discriminated Union Props**: 타입 안전한 MARKER/POLYGON 모드
+ *
+ * ## 🎯 사용 방법
+ *
+ * ### 1️⃣ POLYGON 모드 (자동 렌더링)
+ * ```tsx
+ * <WoongCanvasLayer
+ *   dataType={CanvasDataType.POLYGON}
+ *   data={polygons}
+ *   baseFillColor="rgba(255, 100, 100, 0.5)"
+ *   baseStrokeColor="rgba(200, 50, 50, 0.8)"
+ *   baseLineWidth={2}
+ *   selectedFillColor="rgba(255, 193, 7, 0.7)"
+ *   selectedStrokeColor="rgba(255, 152, 0, 1)"
+ *   selectedLineWidth={4}
+ *   hoveredFillColor="rgba(100, 150, 255, 0.8)"  // optional
+ *   hoveredStrokeColor="rgba(0, 100, 200, 1)"    // optional
+ *   hoveredLineWidth={3}                         // optional
+ *   enableMultiSelect={true}
+ *   onClick={handleClick}
+ * />
+ * ```
+ *
+ * ### 2️⃣ MARKER 모드 (커스텀 렌더링)
+ * ```tsx
+ * <WoongCanvasLayer
+ *   dataType={CanvasDataType.MARKER}
+ *   data={markers}
+ *   renderBase={renderMarkerBase}              // required
+ *   renderAnimation={renderMarkerAnimation}    // optional
+ *   renderEvent={renderMarkerEvent}            // optional
+ *   topOnHover={true}
+ *   onClick={handleClick}
+ * />
+ * ```
+ *
+ * ## 📊 데이터 형식
+ * ```typescript
+ * const data: KonvaCanvasData<T>[] = [
+ *   {
+ *     id: 'unique-id',
+ *     position: new Position(lat, lng),
+ *     // POLYGON: paths 필수
+ *     paths: [[[lat, lng], [lat, lng], ...]],
+ *     // MARKER: boxWidth/boxHeight 권장 (Hit Test 정확도)
+ *     boxWidth: 60,
+ *     boxHeight: 75,
+ *     // 커스텀 데이터
+ *     ...customData
+ *   }
+ * ];
+ * ```
+ *
+ * ## ⚡ 성능 최적화 팁
+ * 1. **동적 boxWidth 계산**: `measureText()`로 실제 너비 계산 후 전달
+ * 2. **enableViewportCulling**: 대량 데이터 시 필수 (기본 true)
+ * 3. **selectedItems 외부 관리**: 상태를 외부에서 관리하여 리렌더링 최소화
+ * 4. **React.memo 최적화**: 컴포넌트가 자동으로 불필요한 리렌더링 방지
+ *
+ * @template T 마커/폴리곤 데이터의 추가 속성 타입
  *
- * 비교 전략:
- * 1. markers 배열 비교
- * 2. selectedItems 배열 비교 (외부 제어)
+ * @example
+ * // 동적 boxWidth 계산 예시
+ * const tempCtx = document.createElement('canvas').getContext('2d');
+ * tempCtx.font = 'bold 15px Arial';
+ * const boxWidth = Math.max(60, tempCtx.measureText(text).width + 20);
  *
- * 주의: JSON.stringify() 사용 금지! (매우 느림)
+ * @see {@link https://github.com/your-repo/docs/WoongCanvasLayer.md} 전체 문서
  */
-declare const WoongCanvasLayer: <T>(props: WoongCanvasLayerProps<T>) => React.ReactPortal;
+declare const WoongCanvasLayer: <T, C = any>(props: WoongCanvasLayerProps<T, C>) => React.ReactPortal;
 export default WoongCanvasLayer;

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

@@ -24,20 +24,8 @@ var Konva__default = /*#__PURE__*/_interopDefaultLegacy(Konva);
 // 메인 컴포넌트
 // ============================================================================
 
-/**
- * Konva 기반 고성능 마커/폴리곤 렌더링 컴포넌트
- *
- * 특징:
- * - Base/Event 레이어 분리로 성능 최적화
- * - LRU 캐시로 좌표 변환 결과 캐싱
- * - Spatial Hash Grid로 빠른 Hit Test
- * - Viewport Culling으로 보이는 영역만 렌더링
- *
- * @template T 마커 데이터의 추가 속성 타입
- */
-
 var WoongCanvasLayerComponent = function (props) {
-  var markers = props.markers,
+  var data = props.data,
       dataType = props.dataType,
       onClick = props.onClick,
       onMouseOver = props.onMouseOver,
@@ -56,11 +44,13 @@ var WoongCanvasLayerComponent = function (props) {
       externalSelectedItem = props.selectedItem,
       _f = props.disableInteraction,
       disableInteraction = _f === void 0 ? false : _f,
-      options = tslib.__rest(props, ["markers", "dataType", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // --------------------------------------------------------------------------
+      options = tslib.__rest(props, ["data", "dataType", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // renderConfig 추출 (MARKER 모드에서만 존재)
+
+
+  var renderConfig = dataType === types.CanvasDataType.MARKER ? props.renderConfig : undefined; // --------------------------------------------------------------------------
   // Hooks & Context
   // --------------------------------------------------------------------------
 
-
   var controller = MintMapProvider.useMintMapController();
   var context$1 = context.useKonvaMarkerContext();
   var currentZIndex = options.zIndex !== undefined ? options.zIndex : 0; // --------------------------------------------------------------------------
@@ -81,9 +71,9 @@ var WoongCanvasLayerComponent = function (props) {
   // Data Refs - 선택 및 Hover 상태 관리
   // --------------------------------------------------------------------------
 
-  /** markers prop을 ref로 추적 (stale closure 방지, useEffect에서 동기화) */
+  /** data prop을 ref로 추적 (stale closure 방지, useEffect에서 동기화) */
 
-  var markersRef = React.useRef(markers); // --------------------------------------------------------------------------
+  var markersRef = React.useRef(data); // --------------------------------------------------------------------------
   // State Refs - 선택 및 Hover 상태 관리
   // --------------------------------------------------------------------------
 
@@ -255,6 +245,7 @@ var WoongCanvasLayerComponent = function (props) {
   };
   /**
    * 마커 좌표 변환 결과를 캐시하고 반환
+   *
    * @param markerData 마커 데이터
    * @returns 변환된 좌표 또는 null
    */
@@ -391,7 +382,8 @@ var WoongCanvasLayerComponent = function (props) {
             ctx: ctx,
             items: visibleMarkers,
             selectedIds: selectedIdsRef.current,
-            utils: renderUtils
+            utils: renderUtils,
+            config: renderConfig
           });
         },
         perfectDrawEnabled: false,
@@ -421,7 +413,8 @@ var WoongCanvasLayerComponent = function (props) {
       layer: layer,
       selectedIds: selectedIdsRef.current,
       items: markersRef.current,
-      utils: renderUtils
+      utils: renderUtils,
+      config: renderConfig
     });
   };
   /**
@@ -462,7 +455,8 @@ var WoongCanvasLayerComponent = function (props) {
             hoveredItem: hoveredItemRef.current,
             utils: renderUtils,
             selectedItems: selectedItems,
-            selectedItem: selectedItemRef.current
+            selectedItem: selectedItemRef.current,
+            config: renderConfig
           });
         },
         perfectDrawEnabled: false,
@@ -725,11 +719,11 @@ var WoongCanvasLayerComponent = function (props) {
 
     try {
       var clickedOffset = controller.positionToOffset(event.param.position);
-      var data = findData(clickedOffset);
+      var data_1 = findData(clickedOffset);
 
-      if (data) {
-        handleLocalClick(data);
-        onClick(data, selectedIdsRef.current);
+      if (data_1) {
+        handleLocalClick(data_1);
+        onClick(data_1, selectedIdsRef.current);
       }
     } catch (error) {
       console.error('[WoongKonvaMarker] handleClick error:', error);
@@ -1006,13 +1000,13 @@ var WoongCanvasLayerComponent = function (props) {
 
     doRenderEvent();
   }, [externalSelectedItem]); // --------------------------------------------------------------------------
-  // Lifecycle: 마커 데이터 변경 시 렌더링
+  // Lifecycle: 데이터 변경 시 렌더링
   // --------------------------------------------------------------------------
 
   React.useEffect(function () {
     if (!stageRef.current) return; // markersRef 동기화
 
-    markersRef.current = markers; // 데이터 변경 시 즉시 transform 제거 및 캐시 정리 (겹침 방지)
+    markersRef.current = data; // 데이터 변경 시 즉시 transform 제거 및 캐시 정리 (겹침 방지)
 
     if (containerRef.current) {
       containerRef.current.style.transform = '';
@@ -1029,18 +1023,18 @@ var WoongCanvasLayerComponent = function (props) {
     /**
      * 선택 상태 동기화 (최적화 버전)
      *
-     * markers가 변경되면 selectedItemsMapRef도 업데이트 필요
+     * data가 변경되면 selectedItemsMapRef도 업데이트 필요
      * (참조가 바뀌므로 기존 Map의 데이터는 stale 상태)
      *
-     * 🔥 중요: 화면 밖 마커도 선택 상태 유지!
-     * - 현재 markers에 있으면 최신 데이터로 업데이트
+     * 🔥 중요: 화면 밖 데이터도 선택 상태 유지!
+     * - 현재 data에 있으면 최신 데이터로 업데이트
      * - 없으면 기존 selectedItemsMapRef의 데이터 유지
      *
-     * 최적화: markers를 Map으로 먼저 변환하여 find() 순회 제거
-     * - O(전체 마커 수 + 선택된 개수) - 매우 효율적
+     * 최적화: data를 Map으로 먼저 변환하여 find() 순회 제거
+     * - O(전체 데이터 수 + 선택된 개수) - 매우 효율적
      */
 
-    var markersMap = new Map(markers.map(function (m) {
+    var markersMap = new Map(data.map(function (m) {
       return [m.id, m];
     }));
     var newSelectedItemsMap = new Map();
@@ -1063,7 +1057,7 @@ var WoongCanvasLayerComponent = function (props) {
     selectedItemsMapRef.current = newSelectedItemsMap; // 즉시 렌더링
 
     renderAllImmediate();
-  }, [markers]);
+  }, [data]);
   return reactDom.createPortal(React__default["default"].createElement("div", {
     ref: containerRef,
     style: {
@@ -1074,27 +1068,96 @@ var WoongCanvasLayerComponent = function (props) {
   }), divElement);
 };
 /**
- * 🔥 React.memo 최적화: 마커 배열과 selectedItems 변경 체크
+ * 🚀 WoongCanvasLayer - Konva 기반 초고성능 마커/폴리곤 렌더링 컴포넌트
+ *
+ * ## 📌 주요 특징
+ * - **30,000개 이상의 폴리곤/마커를 60fps로 렌더링**
+ * - **Multi-Layer 아키텍처**: Base/Animation/Event 레이어 분리
+ * - **Spatial Hash Grid**: O(1) 수준의 빠른 Hit Test
+ * - **LRU 캐시**: 좌표 변환 결과 캐싱으로 성능 최적화
+ * - **Viewport Culling**: 화면에 보이는 영역만 렌더링
+ * - **Discriminated Union Props**: 타입 안전한 MARKER/POLYGON 모드
+ *
+ * ## 🎯 사용 방법
+ *
+ * ### 1️⃣ POLYGON 모드 (자동 렌더링)
+ * ```tsx
+ * <WoongCanvasLayer
+ *   dataType={CanvasDataType.POLYGON}
+ *   data={polygons}
+ *   baseFillColor="rgba(255, 100, 100, 0.5)"
+ *   baseStrokeColor="rgba(200, 50, 50, 0.8)"
+ *   baseLineWidth={2}
+ *   selectedFillColor="rgba(255, 193, 7, 0.7)"
+ *   selectedStrokeColor="rgba(255, 152, 0, 1)"
+ *   selectedLineWidth={4}
+ *   hoveredFillColor="rgba(100, 150, 255, 0.8)"  // optional
+ *   hoveredStrokeColor="rgba(0, 100, 200, 1)"    // optional
+ *   hoveredLineWidth={3}                         // optional
+ *   enableMultiSelect={true}
+ *   onClick={handleClick}
+ * />
+ * ```
  *
- * 비교 전략:
- * 1. markers 배열 비교
- * 2. selectedItems 배열 비교 (외부 제어)
+ * ### 2️⃣ MARKER 모드 (커스텀 렌더링)
+ * ```tsx
+ * <WoongCanvasLayer
+ *   dataType={CanvasDataType.MARKER}
+ *   data={markers}
+ *   renderBase={renderMarkerBase}              // required
+ *   renderAnimation={renderMarkerAnimation}    // optional
+ *   renderEvent={renderMarkerEvent}            // optional
+ *   topOnHover={true}
+ *   onClick={handleClick}
+ * />
+ * ```
  *
- * 주의: JSON.stringify() 사용 금지! (매우 느림)
+ * ## 📊 데이터 형식
+ * ```typescript
+ * const data: KonvaCanvasData<T>[] = [
+ *   {
+ *     id: 'unique-id',
+ *     position: new Position(lat, lng),
+ *     // POLYGON: paths 필수
+ *     paths: [[[lat, lng], [lat, lng], ...]],
+ *     // MARKER: boxWidth/boxHeight 권장 (Hit Test 정확도)
+ *     boxWidth: 60,
+ *     boxHeight: 75,
+ *     // 커스텀 데이터
+ *     ...customData
+ *   }
+ * ];
+ * ```
+ *
+ * ## ⚡ 성능 최적화 팁
+ * 1. **동적 boxWidth 계산**: `measureText()`로 실제 너비 계산 후 전달
+ * 2. **enableViewportCulling**: 대량 데이터 시 필수 (기본 true)
+ * 3. **selectedItems 외부 관리**: 상태를 외부에서 관리하여 리렌더링 최소화
+ * 4. **React.memo 최적화**: 컴포넌트가 자동으로 불필요한 리렌더링 방지
+ *
+ * @template T 마커/폴리곤 데이터의 추가 속성 타입
+ *
+ * @example
+ * // 동적 boxWidth 계산 예시
+ * const tempCtx = document.createElement('canvas').getContext('2d');
+ * tempCtx.font = 'bold 15px Arial';
+ * const boxWidth = Math.max(60, tempCtx.measureText(text).width + 20);
+ *
+ * @see {@link https://github.com/your-repo/docs/WoongCanvasLayer.md} 전체 문서
  */
 
 
 var WoongCanvasLayer = React__default["default"].memo(WoongCanvasLayerComponent, function (prevProps, nextProps) {
-  // 1. markers 비교
-  var prevMarkers = prevProps.markers;
-  var nextMarkers = nextProps.markers; // 참조가 같으면 스킵
+  // 1. data 비교
+  var prevData = prevProps.data;
+  var nextData = nextProps.data; // 참조가 같으면 스킵
 
-  if (prevMarkers !== nextMarkers) {
+  if (prevData !== nextData) {
     // 길이가 다르면 변경됨
-    if (prevMarkers.length !== nextMarkers.length) return false; // 각 마커의 ID 비교
+    if (prevData.length !== nextData.length) return false; // 각 데이터의 ID 비교
 
-    for (var i = 0; i < prevMarkers.length; i++) {
-      if (prevMarkers[i].id !== nextMarkers[i].id) {
+    for (var i = 0; i < prevData.length; i++) {
+      if (prevData[i].id !== nextData[i].id) {
         return false; // 변경됨 → 리렌더링
       }
     }
@@ -1109,18 +1172,6 @@ var WoongCanvasLayer = React__default["default"].memo(WoongCanvasLayerComponent,
     return false; // 변경됨 → 리렌더링
   }
 
-  if (prevProps.onClick !== nextProps.onClick) {
-    return false; // 변경됨 → 리렌더링
-  }
-
-  if (prevProps.onMouseOver !== nextProps.onMouseOver) {
-    return false; // 변경됨 → 리렌더링
-  }
-
-  if (prevProps.onMouseOut !== nextProps.onMouseOut) {
-    return false; // 변경됨 → 리렌더링
-  }
-
   if (prevProps.disableInteraction !== nextProps.disableInteraction) {
     return false; // 변경됨 → 리렌더링
   }

package/dist/components/mint-map/core/advanced/woongCanvas/shared/context.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Offset } from "../../../../types";
-import { KonvaCanvasMarkerData } from "./types";
+import { KonvaCanvasData } from "./types";
 /**
  * 다중 WoongKonvaMarker 인스턴스를 관리하기 위한 Context
  *
@@ -12,12 +12,12 @@ import { KonvaCanvasMarkerData } from "./types";
 export interface ComponentInstance<T> {
     zIndex: number;
     hitTest: (offset: Offset) => boolean;
-    onClick?: (payload: KonvaCanvasMarkerData<T>, selectedIds: Set<string>) => void;
-    onMouseOver?: (payload: KonvaCanvasMarkerData<T>) => void;
-    onMouseOut?: (payload: KonvaCanvasMarkerData<T>) => void;
-    findData: (offset: Offset) => KonvaCanvasMarkerData<T> | null;
-    setHovered: (data: KonvaCanvasMarkerData<T> | null) => void;
-    handleLocalClick: (data: KonvaCanvasMarkerData<T>) => void;
+    onClick?: (payload: KonvaCanvasData<T>, selectedIds: Set<string>) => void;
+    onMouseOver?: (payload: KonvaCanvasData<T>) => void;
+    onMouseOut?: (payload: KonvaCanvasData<T>) => void;
+    findData: (offset: Offset) => KonvaCanvasData<T> | null;
+    setHovered: (data: KonvaCanvasData<T> | null) => void;
+    handleLocalClick: (data: KonvaCanvasData<T>) => void;
     getSelectedIds: () => Set<string>;
     isInteractionDisabled: () => boolean;
 }

package/dist/components/mint-map/core/advanced/woongCanvas/shared/renderer.d.ts

@@ -3,7 +3,7 @@
  *
  * 이 파일은 폴리곤 렌더링을 위한 헬퍼 함수와 팩토리 함수를 제공합니다.
  */
-import { CustomRenderBase, CustomRenderEvent, KonvaCanvasMarkerData } from "./types";
+import { CustomRenderBase, CustomRenderEvent, KonvaCanvasData } from "./types";
 /**
  * 폴리곤 그리기 헬퍼 함수 (도넛 폴리곤 지원)
  */
@@ -30,7 +30,7 @@ export declare const drawPolygon: ({ ctx, polygonOffsets, isDonutPolygon, fillCo
  *   2
  * );
  */
-export declare const renderPolygonBase: <T = any>(baseFillColor: string, baseStrokeColor: string, baseLineWidth: number) => CustomRenderBase<KonvaCanvasMarkerData<T>>;
+export declare const renderPolygonBase: <T = any>(baseFillColor: string, baseStrokeColor: string, baseLineWidth: number) => CustomRenderBase<KonvaCanvasData<T>, any>;
 /**
  * 폴리곤 Event 렌더링 함수
  *
@@ -56,4 +56,4 @@ export declare const renderPolygonBase: <T = any>(baseFillColor: string, baseStr
  *   'rgba(100, 150, 255, 0.8)'
  * );
  */
-export declare const renderPolygonEvent: <T = any>(selectedFillColor: string, selectedStrokeColor: string, selectedLineWidth: number, activeFillColor?: string, activeStrokeColor?: string, activeLineWidth?: number, hoveredFillColor?: string, hoveredStrokeColor?: string, hoveredLineWidth?: number) => CustomRenderEvent<KonvaCanvasMarkerData<T>>;
+export declare const renderPolygonEvent: <T = any>(selectedFillColor: string, selectedStrokeColor: string, selectedLineWidth: number, activeFillColor?: string, activeStrokeColor?: string, activeLineWidth?: number, hoveredFillColor?: string, hoveredStrokeColor?: string, hoveredLineWidth?: number) => CustomRenderEvent<KonvaCanvasData<T>, any>;