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

package/README.md

@@ -129,7 +129,7 @@ npm pack
 #### 5. NPM에 배포
 스코프 패키지(`@mint-ui/map`)는 기본적으로 private이므로 public으로 배포해야 합니다.
 ```bash
-npm publish --access public
+npm publish 
 ```
 
 #### 6. 배포 완료 확인
@@ -154,7 +154,7 @@ npm version patch
 npm pack
 
 # 5단계: 배포
-npm publish --access public
+npm publish 
 ```
 
 ### 현재 패키지 정보
@@ -185,7 +185,7 @@ npm publish --access public
    npm run build
 
    # test tag로 배포
-   npm publish --access public --tag test
+   npm publish  --tag test
    ```
 
 3. **변경사항 커밋 및 푸시**
@@ -202,7 +202,7 @@ npm publish --access public
 
    # 빌드 및 배포
    npm run build
-   npm publish --access public --tag test
+   npm publish  --tag test
 
    # 커밋 및 푸시
    git add .
@@ -215,7 +215,7 @@ npm publish --access public
    git checkout -b 1.2.0-test.2
    npm version 1.2.0-test.2 --no-git-tag-version
    npm run build
-   npm publish --access public --tag test
+   npm publish  --tag test
    git add .
    git commit -m "chore: release 1.2.0-test.2"
    git push origin 1.2.0-test.2
@@ -234,7 +234,7 @@ npm publish --access public
 
    # 빌드 및 배포
    npm run build
-   npm publish --access public
+   npm publish 
 
    # main에 푸시
    git push origin main
@@ -267,5 +267,5 @@ npm install @mint-ui/map@1.2.0-test.1
 ### 주의사항
 - 배포하기 전에 반드시 `npm run build`를 실행해야 합니다
 - 버전은 한 번 배포하면 되돌릴 수 없으니 신중하게 결정하세요
-- 스코프 패키지는 `--access public` 옵션을 반드시 붙여야 합니다
+- 스코프 패키지는 `` 옵션을 반드시 붙여야 합니다
 - test tag로 배포할 때는 `--no-git-tag-version` 옵션을 사용하여 git tag 생성을 방지합니다

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

@@ -24,6 +24,7 @@ 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/MintMapCore.js

@@ -8,9 +8,11 @@ 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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -2,3 +2,4 @@ export * from './shapes';
 export * from './canvas';
 export * from './MapBuildingProjection';
 export * from './MapLoadingComponents';
+export * from './woongCanvas';

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

@@ -0,0 +1,93 @@
+import React from "react";
+import { MarkerOptions } from "../../../types";
+import { KonvaCanvasMarkerData, 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";
+/**
+ * 공통 Props (MARKER와 POLYGON 모두 사용)
+ */
+interface WoongCanvasLayerBaseProps<T> extends Pick<MarkerOptions, 'zIndex' | 'anchor' | 'visible'> {
+    /** 렌더링할 마커 데이터 배열 */
+    markers: KonvaCanvasMarkerData<T>[];
+    /** 마커 클릭 시 호출되는 콜백 (선택) */
+    onClick?: (payload: KonvaCanvasMarkerData<T>, selectedIds: Set<string>) => void;
+    /** 마커에 마우스 오버 시 호출되는 콜백 (선택) */
+    onMouseOver?: (payload: KonvaCanvasMarkerData<T>) => void;
+    /** 마커에서 마우스 아웃 시 호출되는 콜백 (선택) */
+    onMouseOut?: (payload: KonvaCanvasMarkerData<T>) => void;
+    /** 다중 선택 활성화 여부 (기본: false) */
+    enableMultiSelect?: boolean;
+    /** hover 시 마커를 최상단으로 표시 (기본: false) */
+    topOnHover?: boolean;
+    /** 뷰포트 컬링 활성화 여부 (기본: true) */
+    enableViewportCulling?: boolean;
+    /** 뷰포트 컬링 여유 공간 (기본: 100px) */
+    cullingMargin?: number;
+    /** LRU 캐시 최대 크기 (기본: 10000) */
+    maxCacheSize?: number;
+    /** 외부에서 제어하는 선택된 항목 배열 (선택) */
+    selectedItems?: KonvaCanvasMarkerData<T>[];
+    /** 외부에서 전달된 단일 선택 아이템 (특별한 효과용) */
+    selectedItem?: KonvaCanvasMarkerData<T> | null;
+    /** 상호작용 비활성화 (hover, click 등 모든 이벤트 차단) */
+    disableInteraction?: boolean;
+}
+/**
+ * MARKER 타입 Props - 커스텀 렌더링 필수
+ */
+interface WoongCanvasLayerPropsForMarker<T> extends WoongCanvasLayerBaseProps<T> {
+    /** 데이터 타입 */
+    dataType: CanvasDataType.MARKER;
+    /** Base Layer 렌더링 함수 (필수) */
+    renderBase: CustomRenderBase<T>;
+    /** Animation Layer 렌더링 함수 (선택, 애니메이션용) */
+    renderAnimation?: CustomRenderAnimation<T>;
+    /** Event Layer 렌더링 함수 (선택) */
+    renderEvent?: CustomRenderEvent<T>;
+}
+/**
+ * POLYGON 타입 Props - 스타일 속성으로 내부 처리
+ */
+interface WoongCanvasLayerPropsForPolygon<T> extends WoongCanvasLayerBaseProps<T> {
+    /** 데이터 타입 */
+    dataType: CanvasDataType.POLYGON;
+    /** 기본 폴리곤 채우기 색상 (필수) */
+    baseFillColor: string;
+    /** 기본 폴리곤 테두리 색상 (필수) */
+    baseStrokeColor: string;
+    /** 기본 폴리곤 테두리 두께 (필수) */
+    baseLineWidth: number;
+    /** 선택된 폴리곤 채우기 색상 (필수) */
+    selectedFillColor: string;
+    /** 선택된 폴리곤 테두리 색상 (필수) */
+    selectedStrokeColor: string;
+    /** 선택된 폴리곤 테두리 두께 (필수) */
+    selectedLineWidth: number;
+    /** 마지막 선택된 폴리곤 채우기 색상 (선택, 기본값: selectedFillColor) */
+    activeFillColor?: string;
+    /** 마지막 선택된 폴리곤 테두리 색상 (선택, 기본값: selectedStrokeColor) */
+    activeStrokeColor?: string;
+    /** 마지막 선택된 폴리곤 테두리 두께 (선택, 기본값: selectedLineWidth) */
+    activeLineWidth?: number;
+    /** Hover 시 폴리곤 채우기 색상 (선택, 기본값: selectedFillColor) */
+    hoveredFillColor?: string;
+    /** Hover 시 폴리곤 테두리 색상 (선택, 기본값: selectedStrokeColor) */
+    hoveredStrokeColor?: string;
+    /** Hover 시 폴리곤 테두리 두께 (선택, 기본값: selectedLineWidth) */
+    hoveredLineWidth?: number;
+}
+/**
+ * 최종 Props 타입 - Discriminated Union
+ */
+export declare type WoongCanvasLayerProps<T> = WoongCanvasLayerPropsForMarker<T> | WoongCanvasLayerPropsForPolygon<T>;
+/**
+ * 🔥 React.memo 최적화: 마커 배열과 selectedItems 변경 체크
+ *
+ * 비교 전략:
+ * 1. markers 배열 비교
+ * 2. selectedItems 배열 비교 (외부 제어)
+ *
+ * 주의: JSON.stringify() 사용 금지! (매우 느림)
+ */
+declare const WoongCanvasLayer: <T>(props: WoongCanvasLayerProps<T>) => React.ReactPortal;
+export default WoongCanvasLayer;