@mint-ui/map 1.2.0-test.69 → 1.2.0-test.70

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

@@ -28,17 +28,15 @@ var CanvasMarkerLayer = function (props) {
   var hasRenderEvent = 'renderEvent' in props && props.renderEvent !== undefined; // renderEvent가 있는 경우와 없는 경우를 구분하여 props 추출
 
   var data = props.data,
-      _a = props.enableViewportCulling,
-      enableViewportCulling = _a === void 0 ? false : _a,
-      _b = props.cullingMargin,
-      cullingMargin = _b === void 0 ? performance.DEFAULT_CULLING_MARGIN : _b,
-      _c = props.maxCacheSize,
-      maxCacheSize = _c === void 0 ? performance.DEFAULT_MAX_CACHE_SIZE : _c,
+      _a = props.cullingMargin,
+      cullingMargin = _a === void 0 ? performance.DEFAULT_CULLING_MARGIN : _a,
+      _b = props.maxCacheSize,
+      maxCacheSize = _b === void 0 ? performance.DEFAULT_MAX_CACHE_SIZE : _b,
       renderBase = props.renderBase,
-      options = tslib.__rest(props, ["data", "enableViewportCulling", "cullingMargin", "maxCacheSize", "renderBase"]); // renderEvent가 있는 경우에만 인터랙션 관련 props 추출
+      options = tslib.__rest(props, ["data", "cullingMargin", "maxCacheSize", "renderBase"]); // renderEvent가 있는 경우에만 인터랙션 관련 props 추출
 
 
-  var _d = hasRenderEvent && 'renderEvent' in props ? props : {
+  var _c = hasRenderEvent && 'renderEvent' in props ? props : {
     disableInteraction: false,
     onClick: undefined,
     onMouseOut: undefined,
@@ -48,15 +46,15 @@ var CanvasMarkerLayer = function (props) {
     selectedItems: undefined,
     topStageZIndex: undefined
   },
-      _e = _d.disableInteraction,
-      disableInteraction = _e === void 0 ? false : _e,
-      onClick = _d.onClick,
-      onMouseOut = _d.onMouseOut,
-      onMouseOver = _d.onMouseOver,
-      renderEvent = _d.renderEvent,
-      externalSelectedItem = _d.selectedItem,
-      externalSelectedItems = _d.selectedItems,
-      rawTopStageZIndex = _d.topStageZIndex; // topStageZIndex가 있으면 hover 최상단 표시 활성화, 없으면 비활성화 (성능 우선)
+      _d = _c.disableInteraction,
+      disableInteraction = _d === void 0 ? false : _d,
+      onClick = _c.onClick,
+      onMouseOut = _c.onMouseOut,
+      onMouseOver = _c.onMouseOver,
+      renderEvent = _c.renderEvent,
+      externalSelectedItem = _c.selectedItem,
+      externalSelectedItems = _c.selectedItems,
+      rawTopStageZIndex = _c.topStageZIndex; // topStageZIndex가 있으면 hover 최상단 표시 활성화, 없으면 비활성화 (성능 우선)
 
 
   var topStageZIndex = rawTopStageZIndex;
@@ -82,7 +80,6 @@ var CanvasMarkerLayer = function (props) {
 
   var dataRef = React.useRef(data);
   var disableInteractionRef = React.useRef(disableInteraction);
-  var enableViewportCullingRef = React.useRef(enableViewportCulling);
   var hoveredItemRef = React.useRef(null);
   var selectedItemRef = React.useRef(externalSelectedItem);
   var selectedIdsRef = React.useRef(new Set());
@@ -164,11 +161,11 @@ var CanvasMarkerLayer = function (props) {
         name: 'base-render-shape',
         perfectDrawEnabled: false,
         sceneFunc: function (konvaContext) {
-          var ctx = konvaContext; // 뷰포트 컬링: 화면에 보이는 항목만 필터링
+          var ctx = konvaContext; // 뷰포트 컬링: 화면에 보이는 항목만 필터링 (항상 활성화)
 
-          var visibleItems = enableViewportCullingRef.current ? dataRef.current.filter(function (item) {
+          var visibleItems = dataRef.current.filter(function (item) {
             return isInViewport(item);
-          }) : dataRef.current; // Base Layer는 기본 마커만 렌더링 (hover된 항목도 포함)
+          }); // Base Layer는 기본 마커만 렌더링 (hover된 항목도 포함)
           // hover 스타일은 Event Layer와 Top Layer에서 덧그려짐
 
           renderBase({
@@ -271,9 +268,9 @@ var CanvasMarkerLayer = function (props) {
       var ctx = konvaContext;
       var currentHovered = hoveredItemRef.current; // hover된 항목이 없으면 아무것도 그리지 않음
 
-      if (!currentHovered) return; // 뷰포트 컬링 확인
+      if (!currentHovered) return; // 뷰포트 컬링 확인 (항상 활성화)
 
-      if (enableViewportCullingRef.current && !isInViewport(currentHovered)) {
+      if (!isInViewport(currentHovered)) {
         return;
       }
 
@@ -313,10 +310,7 @@ var CanvasMarkerLayer = function (props) {
 
 
   var renderAllImmediate = function () {
-    if (enableViewportCullingRef.current) {
-      updateViewport();
-    }
-
+    updateViewport();
     buildSpatialIndex();
     doRenderBase();
     doRenderEvent(); // 메인 stage의 transform을 topStage에도 동기화
@@ -331,7 +325,7 @@ var CanvasMarkerLayer = function (props) {
   }; // 지도 이벤트 핸들러 생성
 
 
-  var _f = hooks.createMapEventHandlers({
+  var _e = hooks.createMapEventHandlers({
     accumTranslateRef: accumTranslateRef,
     boundingBoxCacheRef: boundingBoxCacheRef,
     containerRef: containerRef,
@@ -342,12 +336,12 @@ var CanvasMarkerLayer = function (props) {
     prevCenterOffsetRef: prevCenterOffsetRef,
     renderAllImmediate: renderAllImmediate
   }),
-      handleIdleShared = _f.handleIdle,
-      handleZoomStart = _f.handleZoomStart,
-      handleZoomEnd = _f.handleZoomEnd,
-      handleCenterChangedShared = _f.handleCenterChanged,
-      handleDragStartShared = _f.handleDragStart,
-      handleDragEndShared = _f.handleDragEnd; // handleIdle 래핑: topStage transform 제거 추가
+      handleIdleShared = _e.handleIdle,
+      handleZoomStart = _e.handleZoomStart,
+      handleZoomEnd = _e.handleZoomEnd,
+      handleCenterChangedShared = _e.handleCenterChanged,
+      handleDragStartShared = _e.handleDragStart,
+      handleDragEndShared = _e.handleDragEnd; // handleIdle 래핑: topStage transform 제거 추가
 
 
   var handleIdle = function () {
@@ -601,11 +595,7 @@ var CanvasMarkerLayer = function (props) {
     eventLayerRef.current = eventLayer;
     stage.add(baseLayer);
     stage.add(eventLayer);
-
-    if (enableViewportCulling) {
-      updateViewport();
-    } // ResizeObserver: 맵 크기 변경 감지 (RAF로 debounce)
-
+    updateViewport(); // ResizeObserver: 맵 크기 변경 감지 (RAF로 debounce)
 
     var resizeRafId = null;
     var resizeObserver = new ResizeObserver(function () {
@@ -618,11 +608,7 @@ var CanvasMarkerLayer = function (props) {
         stage.height(mapDiv.offsetHeight);
         offsetCacheRef.current.clear();
         boundingBoxCacheRef.current.clear();
-
-        if (enableViewportCullingRef.current) {
-          updateViewport();
-        }
-
+        updateViewport();
         renderAllImmediate();
         resizeRafId = null;
       });
@@ -704,36 +690,7 @@ var CanvasMarkerLayer = function (props) {
 
   React.useEffect(function () {
     disableInteractionRef.current = disableInteraction;
-  }, [disableInteraction]); // enableViewportCulling 동기화
-
-  React.useEffect(function () {
-    enableViewportCullingRef.current = enableViewportCulling;
-
-    if (stageRef.current) {
-      // 뷰포트 컬링 설정이 변경되면 shape 재생성 필요
-      var baseLayer = baseLayerRef.current;
-
-      if (baseLayer) {
-        var shape = baseLayer.findOne('.base-render-shape');
-
-        if (shape) {
-          shape.destroy();
-        }
-      }
-
-      var eventLayer = eventLayerRef.current;
-
-      if (eventLayer) {
-        var shape = eventLayer.findOne('.event-render-shape');
-
-        if (shape) {
-          shape.destroy();
-        }
-      }
-
-      renderAllImmediate();
-    }
-  }, [enableViewportCulling]); // Top Layer용 별도 캔버스 DOM 생성 (topStageZIndex가 설정된 경우)
+  }, [disableInteraction]); // Top Layer용 별도 캔버스 DOM 생성 (topStageZIndex가 설정된 경우)
 
   React.useEffect(function () {
     if (topStageZIndex === undefined) return;

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

@@ -8,8 +8,6 @@ import type { CanvasData, CustomRenderBase, CustomRenderEvent } from '../shared'
 export interface CanvasMarkerLayerPropsWithoutEvent<T> extends Pick<MarkerOptions, 'zIndex' | 'anchor' | 'visible'> {
     /** 렌더링할 마커 데이터 배열 */
     data: CanvasData<T>[];
-    /** 뷰포트 컬링 활성화 여부 (기본값: false) */
-    enableViewportCulling?: boolean;
     /** 뷰포트 컬링 여유 공간 (픽셀 단위, 기본값: 100) */
     cullingMargin?: number;
     /** Queue 캐시 최대 크기 (기본값: 30000) */
@@ -43,8 +41,6 @@ export interface CanvasMarkerLayerPropsWithEventWithSelectedItem<T> extends Pick
     onMouseOver?: (payload: CanvasData<T>) => void;
     /** 마커에서 마우스 아웃 시 호출되는 콜백 함수 */
     onMouseOut?: (payload: CanvasData<T>) => void;
-    /** 뷰포트 컬링 활성화 여부 (기본값: false) */
-    enableViewportCulling?: boolean;
     /** 뷰포트 컬링 여유 공간 (픽셀 단위, 기본값: 100) */
     cullingMargin?: number;
     /** Queue 캐시 최대 크기 (기본값: 30000) */
@@ -77,8 +73,6 @@ export interface CanvasMarkerLayerPropsWithEventWithSelectedItems<T> extends Pic
     onMouseOver?: (payload: CanvasData<T>) => void;
     /** 마커에서 마우스 아웃 시 호출되는 콜백 함수 */
     onMouseOut?: (payload: CanvasData<T>) => void;
-    /** 뷰포트 컬링 활성화 여부 (기본값: false) */
-    enableViewportCulling?: boolean;
     /** 뷰포트 컬링 여유 공간 (픽셀 단위, 기본값: 100) */
     cullingMargin?: number;
     /** Queue 캐시 최대 크기 (기본값: 30000) */
@@ -111,8 +105,6 @@ export interface CanvasMarkerLayerPropsWithEventWithoutSelection<T> extends Pick
     onMouseOver?: (payload: CanvasData<T>) => void;
     /** 마커에서 마우스 아웃 시 호출되는 콜백 함수 */
     onMouseOut?: (payload: CanvasData<T>) => void;
-    /** 뷰포트 컬링 활성화 여부 (기본값: false) */
-    enableViewportCulling?: boolean;
     /** 뷰포트 컬링 여유 공간 (픽셀 단위, 기본값: 100) */
     cullingMargin?: number;
     /** Queue 캐시 최대 크기 (기본값: 30000) */
@@ -146,8 +138,6 @@ export interface CanvasMarkerLayerPropsWithEventWithTopStageWithSelectedItem<T>
     onMouseOver?: (payload: CanvasData<T>) => void;
     /** 마커에서 마우스 아웃 시 호출되는 콜백 함수 */
     onMouseOut?: (payload: CanvasData<T>) => void;
-    /** 뷰포트 컬링 활성화 여부 (기본값: false) */
-    enableViewportCulling?: boolean;
     /** 뷰포트 컬링 여유 공간 (픽셀 단위, 기본값: 100) */
     cullingMargin?: number;
     /** Queue 캐시 최대 크기 (기본값: 30000) */
@@ -181,8 +171,6 @@ export interface CanvasMarkerLayerPropsWithEventWithTopStageWithSelectedItems<T>
     onMouseOver?: (payload: CanvasData<T>) => void;
     /** 마커에서 마우스 아웃 시 호출되는 콜백 함수 */
     onMouseOut?: (payload: CanvasData<T>) => void;
-    /** 뷰포트 컬링 활성화 여부 (기본값: false) */
-    enableViewportCulling?: boolean;
     /** 뷰포트 컬링 여유 공간 (픽셀 단위, 기본값: 100) */
     cullingMargin?: number;
     /** Queue 캐시 최대 크기 (기본값: 30000) */
@@ -216,8 +204,6 @@ export interface CanvasMarkerLayerPropsWithEventWithTopStageWithoutSelection<T>
     onMouseOver?: (payload: CanvasData<T>) => void;
     /** 마커에서 마우스 아웃 시 호출되는 콜백 함수 */
     onMouseOut?: (payload: CanvasData<T>) => void;
-    /** 뷰포트 컬링 활성화 여부 (기본값: false) */
-    enableViewportCulling?: boolean;
     /** 뷰포트 컬링 여유 공간 (픽셀 단위, 기본값: 100) */
     cullingMargin?: number;
     /** Queue 캐시 최대 크기 (기본값: 30000) */

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { CanvasPolygonLayerProps } from './types';
-export { CanvasProvider, QueueCache, SpatialHashGrid } from '../shared';
-export type { CanvasData, CanvasOption, RenderUtils } from '../shared';
+export { CanvasProvider, QueueCache, RenderSource, SpatialHashGrid } from '../shared';
+export type { CanvasData, CanvasOption, CustomRenderEvent, RenderUtils } from '../shared';
 export type { CanvasPolygonLayerBaseProps, CanvasPolygonLayerProps, CanvasPolygonLayerPropsWithCustomStyle, CanvasPolygonLayerPropsWithIndividualStyles, CanvasPolygonLayerPropsWithObjectStyle, PolygonStyle, PolygonStyleContext, PolygonStyleCustomizer, PolygonStyleCustomizerWithDeps, PolygonStyleObject } from './types';
 declare const CanvasPolygonLayer: <T>(props: CanvasPolygonLayerProps<T>) => React.ReactPortal;
 /**

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

@@ -15,7 +15,7 @@ var context = require('../shared/context.js');
 var helpers = require('../shared/helpers.js');
 var hooks = require('../shared/hooks.js');
 var performance = require('../shared/performance.js');
-require('../shared/types.js');
+var types = require('../shared/types.js');
 var utils = require('../shared/utils.js');
 var viewport = require('../shared/viewport.js');
 
@@ -29,17 +29,15 @@ var CanvasPolygonLayer = function (props) {
       onClick = props.onClick,
       _a = props.enableMultiSelect,
       enableMultiSelect = _a === void 0 ? false : _a,
-      _b = props.enableViewportCulling,
-      enableViewportCulling = _b === void 0 ? false : _b,
-      _c = props.cullingMargin,
-      cullingMargin = _c === void 0 ? performance.DEFAULT_CULLING_MARGIN : _c,
-      _d = props.maxCacheSize,
-      maxCacheSize = _d === void 0 ? performance.DEFAULT_MAX_CACHE_SIZE : _d,
+      _b = props.cullingMargin,
+      cullingMargin = _b === void 0 ? performance.DEFAULT_CULLING_MARGIN : _b,
+      _c = props.maxCacheSize,
+      maxCacheSize = _c === void 0 ? performance.DEFAULT_MAX_CACHE_SIZE : _c,
       externalSelectedItems = props.selectedItems,
       externalSelectedItem = props.selectedItem,
-      _e = props.disableInteraction,
-      disableInteraction = _e === void 0 ? false : _e,
-      options = tslib.__rest(props, ["data", "onClick", "enableMultiSelect", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // customStyle은 다른 방식과 함께 사용 가능
+      _d = props.disableInteraction,
+      disableInteraction = _d === void 0 ? false : _d,
+      options = tslib.__rest(props, ["data", "onClick", "enableMultiSelect", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // customStyle은 다른 방식과 함께 사용 가능
 
 
   var hasCustomStyle = 'customStyle' in props && props.customStyle !== undefined;
@@ -70,7 +68,6 @@ var CanvasPolygonLayer = function (props) {
 
   var dataRef = React.useRef(data);
   var disableInteractionRef = React.useRef(disableInteraction);
-  var enableViewportCullingRef = React.useRef(enableViewportCulling);
   var hoveredItemRef = React.useRef(null);
   var selectedItemRef = React.useRef(externalSelectedItem);
   var selectedIdsRef = React.useRef(new Set());
@@ -203,11 +200,11 @@ var CanvasPolygonLayer = function (props) {
         perfectDrawEnabled: false,
         sceneFunc: function (konvaContext) {
           var ctx = konvaContext;
-          var hovered = hoveredItemRef.current; // 뷰포트 컬링: 화면에 보이는 항목만 필터링
+          var hovered = hoveredItemRef.current; // 뷰포트 컬링: 화면에 보이는 항목만 필터링 (항상 활성화)
 
-          var visibleItems = enableViewportCullingRef.current ? dataRef.current.filter(function (item) {
+          var visibleItems = dataRef.current.filter(function (item) {
             return isInViewport(item);
-          }) : dataRef.current;
+          });
           renderBase({
             ctx: ctx,
             hoveredItem: hovered,
@@ -241,7 +238,9 @@ var CanvasPolygonLayer = function (props) {
           var selectedItems = helpers.mapValuesToArray(selectedItemsMapRef.current);
           renderEvent({
             ctx: ctx,
+            hasTopStage: false,
             hoveredItem: hovered,
+            renderSource: types.RenderSource.EVENT,
             selectedItem: selectedItemRef.current,
             selectedItems: selectedItems,
             utils: renderUtils
@@ -256,17 +255,14 @@ var CanvasPolygonLayer = function (props) {
 
 
   var renderAllImmediate = function () {
-    if (enableViewportCullingRef.current) {
-      updateViewport();
-    }
-
+    updateViewport();
     buildSpatialIndex();
     doRenderBase();
     doRenderEvent();
   }; // 지도 이벤트 핸들러 생성
 
 
-  var _f = hooks.createMapEventHandlers({
+  var _e = hooks.createMapEventHandlers({
     accumTranslateRef: accumTranslateRef,
     boundingBoxCacheRef: boundingBoxCacheRef,
     containerRef: containerRef,
@@ -277,12 +273,12 @@ var CanvasPolygonLayer = function (props) {
     prevCenterOffsetRef: prevCenterOffsetRef,
     renderAllImmediate: renderAllImmediate
   }),
-      handleIdle = _f.handleIdle,
-      handleZoomStart = _f.handleZoomStart,
-      handleZoomEnd = _f.handleZoomEnd,
-      handleCenterChanged = _f.handleCenterChanged,
-      handleDragStartShared = _f.handleDragStart,
-      handleDragEndShared = _f.handleDragEnd;
+      handleIdle = _e.handleIdle,
+      handleZoomStart = _e.handleZoomStart,
+      handleZoomEnd = _e.handleZoomEnd,
+      handleCenterChanged = _e.handleCenterChanged,
+      handleDragStartShared = _e.handleDragStart,
+      handleDragEndShared = _e.handleDragEnd;
 
   var handleDragStart = function () {
     handleDragStartShared(); // 드래그 시작 시점의 hover 상태 저장
@@ -455,11 +451,7 @@ var CanvasPolygonLayer = function (props) {
     eventLayerRef.current = eventLayer;
     stage.add(baseLayer);
     stage.add(eventLayer);
-
-    if (enableViewportCulling) {
-      updateViewport();
-    } // ResizeObserver: 맵 크기 변경 감지 (RAF로 debounce)
-
+    updateViewport(); // ResizeObserver: 맵 크기 변경 감지 (RAF로 debounce)
 
     var resizeRafId = null;
     var resizeObserver = new ResizeObserver(function () {
@@ -472,11 +464,7 @@ var CanvasPolygonLayer = function (props) {
         stage.height(mapDiv.offsetHeight);
         offsetCacheRef.current.clear();
         boundingBoxCacheRef.current.clear();
-
-        if (enableViewportCullingRef.current) {
-          updateViewport();
-        }
-
+        updateViewport();
         renderAllImmediate();
         resizeRafId = null;
       });
@@ -546,36 +534,7 @@ var CanvasPolygonLayer = function (props) {
 
   React.useEffect(function () {
     disableInteractionRef.current = disableInteraction;
-  }, [disableInteraction]); // enableViewportCulling 동기화
-
-  React.useEffect(function () {
-    enableViewportCullingRef.current = enableViewportCulling;
-
-    if (stageRef.current) {
-      // 뷰포트 컬링 설정이 변경되면 shape 재생성 필요
-      var baseLayer = baseLayerRef.current;
-
-      if (baseLayer) {
-        var shape = baseLayer.findOne('.base-render-shape');
-
-        if (shape) {
-          shape.destroy();
-        }
-      }
-
-      var eventLayer = eventLayerRef.current;
-
-      if (eventLayer) {
-        var shape = eventLayer.findOne('.event-render-shape');
-
-        if (shape) {
-          shape.destroy();
-        }
-      }
-
-      renderAllImmediate();
-    }
-  }, [enableViewportCulling]); // 외부 selectedItems 동기화
+  }, [disableInteraction]); // 외부 selectedItems 동기화
 
   React.useEffect(function () {
     if (!stageRef.current) return;
@@ -631,4 +590,8 @@ var CanvasPolygonLayer = function (props) {
 exports.CanvasProvider = context.CanvasProvider;
 exports.QueueCache = performance.QueueCache;
 exports.SpatialHashGrid = performance.SpatialHashGrid;
+Object.defineProperty(exports, 'RenderSource', {
+    enumerable: true,
+    get: function () { return types.RenderSource; }
+});
 exports["default"] = CanvasPolygonLayer;

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

@@ -113,8 +113,6 @@ export interface CanvasPolygonLayerBaseProps<T> extends Pick<MarkerOptions, 'zIn
     onClick?: (payload: CanvasData<T>, selectedIds: Set<string>) => void;
     /** 다중 선택 활성화 여부 (기본값: false) */
     enableMultiSelect?: boolean;
-    /** 뷰포트 컬링 활성화 여부 (기본값: false) */
-    enableViewportCulling?: boolean;
     /** 뷰포트 컬링 여유 공간 (픽셀 단위, 기본값: 100) */
     cullingMargin?: number;
     /** Queue 캐시 최대 크기 (기본값: 30000) */

package/dist/index.es.js

@@ -3952,17 +3952,15 @@ var CanvasMarkerLayer = function (props) {
   var hasRenderEvent = 'renderEvent' in props && props.renderEvent !== undefined; // renderEvent가 있는 경우와 없는 경우를 구분하여 props 추출
 
   var data = props.data,
-      _a = props.enableViewportCulling,
-      enableViewportCulling = _a === void 0 ? false : _a,
-      _b = props.cullingMargin,
-      cullingMargin = _b === void 0 ? DEFAULT_CULLING_MARGIN : _b,
-      _c = props.maxCacheSize,
-      maxCacheSize = _c === void 0 ? DEFAULT_MAX_CACHE_SIZE : _c,
+      _a = props.cullingMargin,
+      cullingMargin = _a === void 0 ? DEFAULT_CULLING_MARGIN : _a,
+      _b = props.maxCacheSize,
+      maxCacheSize = _b === void 0 ? DEFAULT_MAX_CACHE_SIZE : _b,
       renderBase = props.renderBase,
-      options = __rest(props, ["data", "enableViewportCulling", "cullingMargin", "maxCacheSize", "renderBase"]); // renderEvent가 있는 경우에만 인터랙션 관련 props 추출
+      options = __rest(props, ["data", "cullingMargin", "maxCacheSize", "renderBase"]); // renderEvent가 있는 경우에만 인터랙션 관련 props 추출
 
 
-  var _d = hasRenderEvent && 'renderEvent' in props ? props : {
+  var _c = hasRenderEvent && 'renderEvent' in props ? props : {
     disableInteraction: false,
     onClick: undefined,
     onMouseOut: undefined,
@@ -3972,15 +3970,15 @@ var CanvasMarkerLayer = function (props) {
     selectedItems: undefined,
     topStageZIndex: undefined
   },
-      _e = _d.disableInteraction,
-      disableInteraction = _e === void 0 ? false : _e,
-      onClick = _d.onClick,
-      onMouseOut = _d.onMouseOut,
-      onMouseOver = _d.onMouseOver,
-      renderEvent = _d.renderEvent,
-      externalSelectedItem = _d.selectedItem,
-      externalSelectedItems = _d.selectedItems,
-      rawTopStageZIndex = _d.topStageZIndex; // topStageZIndex가 있으면 hover 최상단 표시 활성화, 없으면 비활성화 (성능 우선)
+      _d = _c.disableInteraction,
+      disableInteraction = _d === void 0 ? false : _d,
+      onClick = _c.onClick,
+      onMouseOut = _c.onMouseOut,
+      onMouseOver = _c.onMouseOver,
+      renderEvent = _c.renderEvent,
+      externalSelectedItem = _c.selectedItem,
+      externalSelectedItems = _c.selectedItems,
+      rawTopStageZIndex = _c.topStageZIndex; // topStageZIndex가 있으면 hover 최상단 표시 활성화, 없으면 비활성화 (성능 우선)
 
 
   var topStageZIndex = rawTopStageZIndex;
@@ -4006,7 +4004,6 @@ var CanvasMarkerLayer = function (props) {
 
   var dataRef = useRef(data);
   var disableInteractionRef = useRef(disableInteraction);
-  var enableViewportCullingRef = useRef(enableViewportCulling);
   var hoveredItemRef = useRef(null);
   var selectedItemRef = useRef(externalSelectedItem);
   var selectedIdsRef = useRef(new Set());
@@ -4088,11 +4085,11 @@ var CanvasMarkerLayer = function (props) {
         name: 'base-render-shape',
         perfectDrawEnabled: false,
         sceneFunc: function (konvaContext) {
-          var ctx = konvaContext; // 뷰포트 컬링: 화면에 보이는 항목만 필터링
+          var ctx = konvaContext; // 뷰포트 컬링: 화면에 보이는 항목만 필터링 (항상 활성화)
 
-          var visibleItems = enableViewportCullingRef.current ? dataRef.current.filter(function (item) {
+          var visibleItems = dataRef.current.filter(function (item) {
             return isInViewport$1(item);
-          }) : dataRef.current; // Base Layer는 기본 마커만 렌더링 (hover된 항목도 포함)
+          }); // Base Layer는 기본 마커만 렌더링 (hover된 항목도 포함)
           // hover 스타일은 Event Layer와 Top Layer에서 덧그려짐
 
           renderBase({
@@ -4195,9 +4192,9 @@ var CanvasMarkerLayer = function (props) {
       var ctx = konvaContext;
       var currentHovered = hoveredItemRef.current; // hover된 항목이 없으면 아무것도 그리지 않음
 
-      if (!currentHovered) return; // 뷰포트 컬링 확인
+      if (!currentHovered) return; // 뷰포트 컬링 확인 (항상 활성화)
 
-      if (enableViewportCullingRef.current && !isInViewport$1(currentHovered)) {
+      if (!isInViewport$1(currentHovered)) {
         return;
       }
 
@@ -4237,10 +4234,7 @@ var CanvasMarkerLayer = function (props) {
 
 
   var renderAllImmediate = function () {
-    if (enableViewportCullingRef.current) {
-      updateViewport$1();
-    }
-
+    updateViewport$1();
     buildSpatialIndex$1();
     doRenderBase();
     doRenderEvent(); // 메인 stage의 transform을 topStage에도 동기화
@@ -4255,7 +4249,7 @@ var CanvasMarkerLayer = function (props) {
   }; // 지도 이벤트 핸들러 생성
 
 
-  var _f = createMapEventHandlers({
+  var _e = createMapEventHandlers({
     accumTranslateRef: accumTranslateRef,
     boundingBoxCacheRef: boundingBoxCacheRef,
     containerRef: containerRef,
@@ -4266,12 +4260,12 @@ var CanvasMarkerLayer = function (props) {
     prevCenterOffsetRef: prevCenterOffsetRef,
     renderAllImmediate: renderAllImmediate
   }),
-      handleIdleShared = _f.handleIdle,
-      handleZoomStart = _f.handleZoomStart,
-      handleZoomEnd = _f.handleZoomEnd,
-      handleCenterChangedShared = _f.handleCenterChanged,
-      handleDragStartShared = _f.handleDragStart,
-      handleDragEndShared = _f.handleDragEnd; // handleIdle 래핑: topStage transform 제거 추가
+      handleIdleShared = _e.handleIdle,
+      handleZoomStart = _e.handleZoomStart,
+      handleZoomEnd = _e.handleZoomEnd,
+      handleCenterChangedShared = _e.handleCenterChanged,
+      handleDragStartShared = _e.handleDragStart,
+      handleDragEndShared = _e.handleDragEnd; // handleIdle 래핑: topStage transform 제거 추가
 
 
   var handleIdle = function () {
@@ -4525,11 +4519,7 @@ var CanvasMarkerLayer = function (props) {
     eventLayerRef.current = eventLayer;
     stage.add(baseLayer);
     stage.add(eventLayer);
-
-    if (enableViewportCulling) {
-      updateViewport$1();
-    } // ResizeObserver: 맵 크기 변경 감지 (RAF로 debounce)
-
+    updateViewport$1(); // ResizeObserver: 맵 크기 변경 감지 (RAF로 debounce)
 
     var resizeRafId = null;
     var resizeObserver = new ResizeObserver(function () {
@@ -4542,11 +4532,7 @@ var CanvasMarkerLayer = function (props) {
         stage.height(mapDiv.offsetHeight);
         offsetCacheRef.current.clear();
         boundingBoxCacheRef.current.clear();
-
-        if (enableViewportCullingRef.current) {
-          updateViewport$1();
-        }
-
+        updateViewport$1();
         renderAllImmediate();
         resizeRafId = null;
       });
@@ -4628,36 +4614,7 @@ var CanvasMarkerLayer = function (props) {
 
   useEffect(function () {
     disableInteractionRef.current = disableInteraction;
-  }, [disableInteraction]); // enableViewportCulling 동기화
-
-  useEffect(function () {
-    enableViewportCullingRef.current = enableViewportCulling;
-
-    if (stageRef.current) {
-      // 뷰포트 컬링 설정이 변경되면 shape 재생성 필요
-      var baseLayer = baseLayerRef.current;
-
-      if (baseLayer) {
-        var shape = baseLayer.findOne('.base-render-shape');
-
-        if (shape) {
-          shape.destroy();
-        }
-      }
-
-      var eventLayer = eventLayerRef.current;
-
-      if (eventLayer) {
-        var shape = eventLayer.findOne('.event-render-shape');
-
-        if (shape) {
-          shape.destroy();
-        }
-      }
-
-      renderAllImmediate();
-    }
-  }, [enableViewportCulling]); // Top Layer용 별도 캔버스 DOM 생성 (topStageZIndex가 설정된 경우)
+  }, [disableInteraction]); // Top Layer용 별도 캔버스 DOM 생성 (topStageZIndex가 설정된 경우)
 
   useEffect(function () {
     if (topStageZIndex === undefined) return;
@@ -5968,17 +5925,15 @@ var CanvasPolygonLayer = function (props) {
       onClick = props.onClick,
       _a = props.enableMultiSelect,
       enableMultiSelect = _a === void 0 ? false : _a,
-      _b = props.enableViewportCulling,
-      enableViewportCulling = _b === void 0 ? false : _b,
-      _c = props.cullingMargin,
-      cullingMargin = _c === void 0 ? DEFAULT_CULLING_MARGIN : _c,
-      _d = props.maxCacheSize,
-      maxCacheSize = _d === void 0 ? DEFAULT_MAX_CACHE_SIZE : _d,
+      _b = props.cullingMargin,
+      cullingMargin = _b === void 0 ? DEFAULT_CULLING_MARGIN : _b,
+      _c = props.maxCacheSize,
+      maxCacheSize = _c === void 0 ? DEFAULT_MAX_CACHE_SIZE : _c,
       externalSelectedItems = props.selectedItems,
       externalSelectedItem = props.selectedItem,
-      _e = props.disableInteraction,
-      disableInteraction = _e === void 0 ? false : _e,
-      options = __rest(props, ["data", "onClick", "enableMultiSelect", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // customStyle은 다른 방식과 함께 사용 가능
+      _d = props.disableInteraction,
+      disableInteraction = _d === void 0 ? false : _d,
+      options = __rest(props, ["data", "onClick", "enableMultiSelect", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // customStyle은 다른 방식과 함께 사용 가능
 
 
   var hasCustomStyle = 'customStyle' in props && props.customStyle !== undefined;
@@ -6009,7 +5964,6 @@ var CanvasPolygonLayer = function (props) {
 
   var dataRef = useRef(data);
   var disableInteractionRef = useRef(disableInteraction);
-  var enableViewportCullingRef = useRef(enableViewportCulling);
   var hoveredItemRef = useRef(null);
   var selectedItemRef = useRef(externalSelectedItem);
   var selectedIdsRef = useRef(new Set());
@@ -6142,11 +6096,11 @@ var CanvasPolygonLayer = function (props) {
         perfectDrawEnabled: false,
         sceneFunc: function (konvaContext) {
           var ctx = konvaContext;
-          var hovered = hoveredItemRef.current; // 뷰포트 컬링: 화면에 보이는 항목만 필터링
+          var hovered = hoveredItemRef.current; // 뷰포트 컬링: 화면에 보이는 항목만 필터링 (항상 활성화)
 
-          var visibleItems = enableViewportCullingRef.current ? dataRef.current.filter(function (item) {
+          var visibleItems = dataRef.current.filter(function (item) {
             return isInViewport$1(item);
-          }) : dataRef.current;
+          });
           renderBase({
             ctx: ctx,
             hoveredItem: hovered,
@@ -6180,7 +6134,9 @@ var CanvasPolygonLayer = function (props) {
           var selectedItems = mapValuesToArray(selectedItemsMapRef.current);
           renderEvent({
             ctx: ctx,
+            hasTopStage: false,
             hoveredItem: hovered,
+            renderSource: RenderSource.EVENT,
             selectedItem: selectedItemRef.current,
             selectedItems: selectedItems,
             utils: renderUtils
@@ -6195,17 +6151,14 @@ var CanvasPolygonLayer = function (props) {
 
 
   var renderAllImmediate = function () {
-    if (enableViewportCullingRef.current) {
-      updateViewport$1();
-    }
-
+    updateViewport$1();
     buildSpatialIndex$1();
     doRenderBase();
     doRenderEvent();
   }; // 지도 이벤트 핸들러 생성
 
 
-  var _f = createMapEventHandlers({
+  var _e = createMapEventHandlers({
     accumTranslateRef: accumTranslateRef,
     boundingBoxCacheRef: boundingBoxCacheRef,
     containerRef: containerRef,
@@ -6216,12 +6169,12 @@ var CanvasPolygonLayer = function (props) {
     prevCenterOffsetRef: prevCenterOffsetRef,
     renderAllImmediate: renderAllImmediate
   }),
-      handleIdle = _f.handleIdle,
-      handleZoomStart = _f.handleZoomStart,
-      handleZoomEnd = _f.handleZoomEnd,
-      handleCenterChanged = _f.handleCenterChanged,
-      handleDragStartShared = _f.handleDragStart,
-      handleDragEndShared = _f.handleDragEnd;
+      handleIdle = _e.handleIdle,
+      handleZoomStart = _e.handleZoomStart,
+      handleZoomEnd = _e.handleZoomEnd,
+      handleCenterChanged = _e.handleCenterChanged,
+      handleDragStartShared = _e.handleDragStart,
+      handleDragEndShared = _e.handleDragEnd;
 
   var handleDragStart = function () {
     handleDragStartShared(); // 드래그 시작 시점의 hover 상태 저장
@@ -6394,11 +6347,7 @@ var CanvasPolygonLayer = function (props) {
     eventLayerRef.current = eventLayer;
     stage.add(baseLayer);
     stage.add(eventLayer);
-
-    if (enableViewportCulling) {
-      updateViewport$1();
-    } // ResizeObserver: 맵 크기 변경 감지 (RAF로 debounce)
-
+    updateViewport$1(); // ResizeObserver: 맵 크기 변경 감지 (RAF로 debounce)
 
     var resizeRafId = null;
     var resizeObserver = new ResizeObserver(function () {
@@ -6411,11 +6360,7 @@ var CanvasPolygonLayer = function (props) {
         stage.height(mapDiv.offsetHeight);
         offsetCacheRef.current.clear();
         boundingBoxCacheRef.current.clear();
-
-        if (enableViewportCullingRef.current) {
-          updateViewport$1();
-        }
-
+        updateViewport$1();
         renderAllImmediate();
         resizeRafId = null;
       });
@@ -6485,36 +6430,7 @@ var CanvasPolygonLayer = function (props) {
 
   useEffect(function () {
     disableInteractionRef.current = disableInteraction;
-  }, [disableInteraction]); // enableViewportCulling 동기화
-
-  useEffect(function () {
-    enableViewportCullingRef.current = enableViewportCulling;
-
-    if (stageRef.current) {
-      // 뷰포트 컬링 설정이 변경되면 shape 재생성 필요
-      var baseLayer = baseLayerRef.current;
-
-      if (baseLayer) {
-        var shape = baseLayer.findOne('.base-render-shape');
-
-        if (shape) {
-          shape.destroy();
-        }
-      }
-
-      var eventLayer = eventLayerRef.current;
-
-      if (eventLayer) {
-        var shape = eventLayer.findOne('.event-render-shape');
-
-        if (shape) {
-          shape.destroy();
-        }
-      }
-
-      renderAllImmediate();
-    }
-  }, [enableViewportCulling]); // 외부 selectedItems 동기화
+  }, [disableInteraction]); // 외부 selectedItems 동기화
 
   useEffect(function () {
     if (!stageRef.current) return;

package/dist/index.umd.js

@@ -3956,17 +3956,15 @@
     var hasRenderEvent = 'renderEvent' in props && props.renderEvent !== undefined; // renderEvent가 있는 경우와 없는 경우를 구분하여 props 추출
 
     var data = props.data,
-        _a = props.enableViewportCulling,
-        enableViewportCulling = _a === void 0 ? false : _a,
-        _b = props.cullingMargin,
-        cullingMargin = _b === void 0 ? DEFAULT_CULLING_MARGIN : _b,
-        _c = props.maxCacheSize,
-        maxCacheSize = _c === void 0 ? DEFAULT_MAX_CACHE_SIZE : _c,
+        _a = props.cullingMargin,
+        cullingMargin = _a === void 0 ? DEFAULT_CULLING_MARGIN : _a,
+        _b = props.maxCacheSize,
+        maxCacheSize = _b === void 0 ? DEFAULT_MAX_CACHE_SIZE : _b,
         renderBase = props.renderBase,
-        options = tslib.__rest(props, ["data", "enableViewportCulling", "cullingMargin", "maxCacheSize", "renderBase"]); // renderEvent가 있는 경우에만 인터랙션 관련 props 추출
+        options = tslib.__rest(props, ["data", "cullingMargin", "maxCacheSize", "renderBase"]); // renderEvent가 있는 경우에만 인터랙션 관련 props 추출
 
 
-    var _d = hasRenderEvent && 'renderEvent' in props ? props : {
+    var _c = hasRenderEvent && 'renderEvent' in props ? props : {
       disableInteraction: false,
       onClick: undefined,
       onMouseOut: undefined,
@@ -3976,15 +3974,15 @@
       selectedItems: undefined,
       topStageZIndex: undefined
     },
-        _e = _d.disableInteraction,
-        disableInteraction = _e === void 0 ? false : _e,
-        onClick = _d.onClick,
-        onMouseOut = _d.onMouseOut,
-        onMouseOver = _d.onMouseOver,
-        renderEvent = _d.renderEvent,
-        externalSelectedItem = _d.selectedItem,
-        externalSelectedItems = _d.selectedItems,
-        rawTopStageZIndex = _d.topStageZIndex; // topStageZIndex가 있으면 hover 최상단 표시 활성화, 없으면 비활성화 (성능 우선)
+        _d = _c.disableInteraction,
+        disableInteraction = _d === void 0 ? false : _d,
+        onClick = _c.onClick,
+        onMouseOut = _c.onMouseOut,
+        onMouseOver = _c.onMouseOver,
+        renderEvent = _c.renderEvent,
+        externalSelectedItem = _c.selectedItem,
+        externalSelectedItems = _c.selectedItems,
+        rawTopStageZIndex = _c.topStageZIndex; // topStageZIndex가 있으면 hover 최상단 표시 활성화, 없으면 비활성화 (성능 우선)
 
 
     var topStageZIndex = rawTopStageZIndex;
@@ -4010,7 +4008,6 @@
 
     var dataRef = React.useRef(data);
     var disableInteractionRef = React.useRef(disableInteraction);
-    var enableViewportCullingRef = React.useRef(enableViewportCulling);
     var hoveredItemRef = React.useRef(null);
     var selectedItemRef = React.useRef(externalSelectedItem);
     var selectedIdsRef = React.useRef(new Set());
@@ -4092,11 +4089,11 @@
           name: 'base-render-shape',
           perfectDrawEnabled: false,
           sceneFunc: function (konvaContext) {
-            var ctx = konvaContext; // 뷰포트 컬링: 화면에 보이는 항목만 필터링
+            var ctx = konvaContext; // 뷰포트 컬링: 화면에 보이는 항목만 필터링 (항상 활성화)
 
-            var visibleItems = enableViewportCullingRef.current ? dataRef.current.filter(function (item) {
+            var visibleItems = dataRef.current.filter(function (item) {
               return isInViewport$1(item);
-            }) : dataRef.current; // Base Layer는 기본 마커만 렌더링 (hover된 항목도 포함)
+            }); // Base Layer는 기본 마커만 렌더링 (hover된 항목도 포함)
             // hover 스타일은 Event Layer와 Top Layer에서 덧그려짐
 
             renderBase({
@@ -4199,9 +4196,9 @@
         var ctx = konvaContext;
         var currentHovered = hoveredItemRef.current; // hover된 항목이 없으면 아무것도 그리지 않음
 
-        if (!currentHovered) return; // 뷰포트 컬링 확인
+        if (!currentHovered) return; // 뷰포트 컬링 확인 (항상 활성화)
 
-        if (enableViewportCullingRef.current && !isInViewport$1(currentHovered)) {
+        if (!isInViewport$1(currentHovered)) {
           return;
         }
 
@@ -4241,10 +4238,7 @@
 
 
     var renderAllImmediate = function () {
-      if (enableViewportCullingRef.current) {
-        updateViewport$1();
-      }
-
+      updateViewport$1();
       buildSpatialIndex$1();
       doRenderBase();
       doRenderEvent(); // 메인 stage의 transform을 topStage에도 동기화
@@ -4259,7 +4253,7 @@
     }; // 지도 이벤트 핸들러 생성
 
 
-    var _f = createMapEventHandlers({
+    var _e = createMapEventHandlers({
       accumTranslateRef: accumTranslateRef,
       boundingBoxCacheRef: boundingBoxCacheRef,
       containerRef: containerRef,
@@ -4270,12 +4264,12 @@
       prevCenterOffsetRef: prevCenterOffsetRef,
       renderAllImmediate: renderAllImmediate
     }),
-        handleIdleShared = _f.handleIdle,
-        handleZoomStart = _f.handleZoomStart,
-        handleZoomEnd = _f.handleZoomEnd,
-        handleCenterChangedShared = _f.handleCenterChanged,
-        handleDragStartShared = _f.handleDragStart,
-        handleDragEndShared = _f.handleDragEnd; // handleIdle 래핑: topStage transform 제거 추가
+        handleIdleShared = _e.handleIdle,
+        handleZoomStart = _e.handleZoomStart,
+        handleZoomEnd = _e.handleZoomEnd,
+        handleCenterChangedShared = _e.handleCenterChanged,
+        handleDragStartShared = _e.handleDragStart,
+        handleDragEndShared = _e.handleDragEnd; // handleIdle 래핑: topStage transform 제거 추가
 
 
     var handleIdle = function () {
@@ -4529,11 +4523,7 @@
       eventLayerRef.current = eventLayer;
       stage.add(baseLayer);
       stage.add(eventLayer);
-
-      if (enableViewportCulling) {
-        updateViewport$1();
-      } // ResizeObserver: 맵 크기 변경 감지 (RAF로 debounce)
-
+      updateViewport$1(); // ResizeObserver: 맵 크기 변경 감지 (RAF로 debounce)
 
       var resizeRafId = null;
       var resizeObserver = new ResizeObserver(function () {
@@ -4546,11 +4536,7 @@
           stage.height(mapDiv.offsetHeight);
           offsetCacheRef.current.clear();
           boundingBoxCacheRef.current.clear();
-
-          if (enableViewportCullingRef.current) {
-            updateViewport$1();
-          }
-
+          updateViewport$1();
           renderAllImmediate();
           resizeRafId = null;
         });
@@ -4632,36 +4618,7 @@
 
     React.useEffect(function () {
       disableInteractionRef.current = disableInteraction;
-    }, [disableInteraction]); // enableViewportCulling 동기화
-
-    React.useEffect(function () {
-      enableViewportCullingRef.current = enableViewportCulling;
-
-      if (stageRef.current) {
-        // 뷰포트 컬링 설정이 변경되면 shape 재생성 필요
-        var baseLayer = baseLayerRef.current;
-
-        if (baseLayer) {
-          var shape = baseLayer.findOne('.base-render-shape');
-
-          if (shape) {
-            shape.destroy();
-          }
-        }
-
-        var eventLayer = eventLayerRef.current;
-
-        if (eventLayer) {
-          var shape = eventLayer.findOne('.event-render-shape');
-
-          if (shape) {
-            shape.destroy();
-          }
-        }
-
-        renderAllImmediate();
-      }
-    }, [enableViewportCulling]); // Top Layer용 별도 캔버스 DOM 생성 (topStageZIndex가 설정된 경우)
+    }, [disableInteraction]); // Top Layer용 별도 캔버스 DOM 생성 (topStageZIndex가 설정된 경우)
 
     React.useEffect(function () {
       if (topStageZIndex === undefined) return;
@@ -5972,17 +5929,15 @@
         onClick = props.onClick,
         _a = props.enableMultiSelect,
         enableMultiSelect = _a === void 0 ? false : _a,
-        _b = props.enableViewportCulling,
-        enableViewportCulling = _b === void 0 ? false : _b,
-        _c = props.cullingMargin,
-        cullingMargin = _c === void 0 ? DEFAULT_CULLING_MARGIN : _c,
-        _d = props.maxCacheSize,
-        maxCacheSize = _d === void 0 ? DEFAULT_MAX_CACHE_SIZE : _d,
+        _b = props.cullingMargin,
+        cullingMargin = _b === void 0 ? DEFAULT_CULLING_MARGIN : _b,
+        _c = props.maxCacheSize,
+        maxCacheSize = _c === void 0 ? DEFAULT_MAX_CACHE_SIZE : _c,
         externalSelectedItems = props.selectedItems,
         externalSelectedItem = props.selectedItem,
-        _e = props.disableInteraction,
-        disableInteraction = _e === void 0 ? false : _e,
-        options = tslib.__rest(props, ["data", "onClick", "enableMultiSelect", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // customStyle은 다른 방식과 함께 사용 가능
+        _d = props.disableInteraction,
+        disableInteraction = _d === void 0 ? false : _d,
+        options = tslib.__rest(props, ["data", "onClick", "enableMultiSelect", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // customStyle은 다른 방식과 함께 사용 가능
 
 
     var hasCustomStyle = 'customStyle' in props && props.customStyle !== undefined;
@@ -6013,7 +5968,6 @@
 
     var dataRef = React.useRef(data);
     var disableInteractionRef = React.useRef(disableInteraction);
-    var enableViewportCullingRef = React.useRef(enableViewportCulling);
     var hoveredItemRef = React.useRef(null);
     var selectedItemRef = React.useRef(externalSelectedItem);
     var selectedIdsRef = React.useRef(new Set());
@@ -6146,11 +6100,11 @@
           perfectDrawEnabled: false,
           sceneFunc: function (konvaContext) {
             var ctx = konvaContext;
-            var hovered = hoveredItemRef.current; // 뷰포트 컬링: 화면에 보이는 항목만 필터링
+            var hovered = hoveredItemRef.current; // 뷰포트 컬링: 화면에 보이는 항목만 필터링 (항상 활성화)
 
-            var visibleItems = enableViewportCullingRef.current ? dataRef.current.filter(function (item) {
+            var visibleItems = dataRef.current.filter(function (item) {
               return isInViewport$1(item);
-            }) : dataRef.current;
+            });
             renderBase({
               ctx: ctx,
               hoveredItem: hovered,
@@ -6184,7 +6138,9 @@
             var selectedItems = mapValuesToArray(selectedItemsMapRef.current);
             renderEvent({
               ctx: ctx,
+              hasTopStage: false,
               hoveredItem: hovered,
+              renderSource: exports.RenderSource.EVENT,
               selectedItem: selectedItemRef.current,
               selectedItems: selectedItems,
               utils: renderUtils
@@ -6199,17 +6155,14 @@
 
 
     var renderAllImmediate = function () {
-      if (enableViewportCullingRef.current) {
-        updateViewport$1();
-      }
-
+      updateViewport$1();
       buildSpatialIndex$1();
       doRenderBase();
       doRenderEvent();
     }; // 지도 이벤트 핸들러 생성
 
 
-    var _f = createMapEventHandlers({
+    var _e = createMapEventHandlers({
       accumTranslateRef: accumTranslateRef,
       boundingBoxCacheRef: boundingBoxCacheRef,
       containerRef: containerRef,
@@ -6220,12 +6173,12 @@
       prevCenterOffsetRef: prevCenterOffsetRef,
       renderAllImmediate: renderAllImmediate
     }),
-        handleIdle = _f.handleIdle,
-        handleZoomStart = _f.handleZoomStart,
-        handleZoomEnd = _f.handleZoomEnd,
-        handleCenterChanged = _f.handleCenterChanged,
-        handleDragStartShared = _f.handleDragStart,
-        handleDragEndShared = _f.handleDragEnd;
+        handleIdle = _e.handleIdle,
+        handleZoomStart = _e.handleZoomStart,
+        handleZoomEnd = _e.handleZoomEnd,
+        handleCenterChanged = _e.handleCenterChanged,
+        handleDragStartShared = _e.handleDragStart,
+        handleDragEndShared = _e.handleDragEnd;
 
     var handleDragStart = function () {
       handleDragStartShared(); // 드래그 시작 시점의 hover 상태 저장
@@ -6398,11 +6351,7 @@
       eventLayerRef.current = eventLayer;
       stage.add(baseLayer);
       stage.add(eventLayer);
-
-      if (enableViewportCulling) {
-        updateViewport$1();
-      } // ResizeObserver: 맵 크기 변경 감지 (RAF로 debounce)
-
+      updateViewport$1(); // ResizeObserver: 맵 크기 변경 감지 (RAF로 debounce)
 
       var resizeRafId = null;
       var resizeObserver = new ResizeObserver(function () {
@@ -6415,11 +6364,7 @@
           stage.height(mapDiv.offsetHeight);
           offsetCacheRef.current.clear();
           boundingBoxCacheRef.current.clear();
-
-          if (enableViewportCullingRef.current) {
-            updateViewport$1();
-          }
-
+          updateViewport$1();
           renderAllImmediate();
           resizeRafId = null;
         });
@@ -6489,36 +6434,7 @@
 
     React.useEffect(function () {
       disableInteractionRef.current = disableInteraction;
-    }, [disableInteraction]); // enableViewportCulling 동기화
-
-    React.useEffect(function () {
-      enableViewportCullingRef.current = enableViewportCulling;
-
-      if (stageRef.current) {
-        // 뷰포트 컬링 설정이 변경되면 shape 재생성 필요
-        var baseLayer = baseLayerRef.current;
-
-        if (baseLayer) {
-          var shape = baseLayer.findOne('.base-render-shape');
-
-          if (shape) {
-            shape.destroy();
-          }
-        }
-
-        var eventLayer = eventLayerRef.current;
-
-        if (eventLayer) {
-          var shape = eventLayer.findOne('.event-render-shape');
-
-          if (shape) {
-            shape.destroy();
-          }
-        }
-
-        renderAllImmediate();
-      }
-    }, [enableViewportCulling]); // 외부 selectedItems 동기화
+    }, [disableInteraction]); // 외부 selectedItems 동기화
 
     React.useEffect(function () {
       if (!stageRef.current) return;

package/package.json

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