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

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

@@ -44,13 +44,11 @@ var WoongCanvasLayerComponent = function (props) {
       externalSelectedItem = props.selectedItem,
       _f = props.disableInteraction,
       disableInteraction = _f === void 0 ? false : _f,
-      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; // --------------------------------------------------------------------------
+      options = tslib.__rest(props, ["data", "dataType", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // --------------------------------------------------------------------------
   // Hooks & Context
   // --------------------------------------------------------------------------
 
+
   var controller = MintMapProvider.useMintMapController();
   var context$1 = context.useKonvaMarkerContext();
   var currentZIndex = options.zIndex !== undefined ? options.zIndex : 0; // --------------------------------------------------------------------------
@@ -80,6 +78,9 @@ var WoongCanvasLayerComponent = function (props) {
   /** 상호작용 비활성화 상태 (Ref로 관리하여 클로저 문제 해결) */
 
   var disableInteractionRef = React.useRef(disableInteraction);
+  /** 렌더링 설정 (Ref로 관리하여 클로저 문제 해결) */
+
+  var renderConfigRef = React.useRef(dataType === types.CanvasDataType.MARKER ? props.renderConfig : undefined);
   /** 현재 Hover 중인 항목 */
 
   var hoveredItemRef = React.useRef(null);
@@ -383,7 +384,7 @@ var WoongCanvasLayerComponent = function (props) {
             items: visibleMarkers,
             selectedIds: selectedIdsRef.current,
             utils: renderUtils,
-            config: renderConfig
+            config: renderConfigRef.current
           });
         },
         perfectDrawEnabled: false,
@@ -414,7 +415,7 @@ var WoongCanvasLayerComponent = function (props) {
       selectedIds: selectedIdsRef.current,
       items: markersRef.current,
       utils: renderUtils,
-      config: renderConfig
+      config: renderConfigRef.current
     });
   };
   /**
@@ -456,7 +457,7 @@ var WoongCanvasLayerComponent = function (props) {
             utils: renderUtils,
             selectedItems: selectedItems,
             selectedItem: selectedItemRef.current,
-            config: renderConfig
+            config: renderConfigRef.current
           });
         },
         perfectDrawEnabled: false,
@@ -968,6 +969,18 @@ var WoongCanvasLayerComponent = function (props) {
   React.useEffect(function () {
     disableInteractionRef.current = disableInteraction;
   }, [disableInteraction]); // --------------------------------------------------------------------------
+  // Lifecycle: renderConfig 동기화
+  // --------------------------------------------------------------------------
+
+  React.useEffect(function () {
+    if (dataType === types.CanvasDataType.MARKER) {
+      renderConfigRef.current = props.renderConfig; // config 변경 시 렌더링 업데이트
+
+      doRenderBase();
+      doRenderAnimation();
+      doRenderEvent();
+    }
+  }, [dataType === types.CanvasDataType.MARKER ? props.renderConfig : undefined]); // --------------------------------------------------------------------------
   // Lifecycle: 외부 selectedItems 동기화
   // --------------------------------------------------------------------------
 

package/dist/index.es.js

@@ -5656,13 +5656,11 @@ var WoongCanvasLayerComponent = function (props) {
       externalSelectedItem = props.selectedItem,
       _f = props.disableInteraction,
       disableInteraction = _f === void 0 ? false : _f,
-      options = __rest(props, ["data", "dataType", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // renderConfig 추출 (MARKER 모드에서만 존재)
-
-
-  var renderConfig = dataType === CanvasDataType.MARKER ? props.renderConfig : undefined; // --------------------------------------------------------------------------
+      options = __rest(props, ["data", "dataType", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // --------------------------------------------------------------------------
   // Hooks & Context
   // --------------------------------------------------------------------------
 
+
   var controller = useMintMapController();
   var context = useKonvaMarkerContext();
   var currentZIndex = options.zIndex !== undefined ? options.zIndex : 0; // --------------------------------------------------------------------------
@@ -5692,6 +5690,9 @@ var WoongCanvasLayerComponent = function (props) {
   /** 상호작용 비활성화 상태 (Ref로 관리하여 클로저 문제 해결) */
 
   var disableInteractionRef = useRef(disableInteraction);
+  /** 렌더링 설정 (Ref로 관리하여 클로저 문제 해결) */
+
+  var renderConfigRef = useRef(dataType === CanvasDataType.MARKER ? props.renderConfig : undefined);
   /** 현재 Hover 중인 항목 */
 
   var hoveredItemRef = useRef(null);
@@ -5995,7 +5996,7 @@ var WoongCanvasLayerComponent = function (props) {
             items: visibleMarkers,
             selectedIds: selectedIdsRef.current,
             utils: renderUtils,
-            config: renderConfig
+            config: renderConfigRef.current
           });
         },
         perfectDrawEnabled: false,
@@ -6026,7 +6027,7 @@ var WoongCanvasLayerComponent = function (props) {
       selectedIds: selectedIdsRef.current,
       items: markersRef.current,
       utils: renderUtils,
-      config: renderConfig
+      config: renderConfigRef.current
     });
   };
   /**
@@ -6068,7 +6069,7 @@ var WoongCanvasLayerComponent = function (props) {
             utils: renderUtils,
             selectedItems: selectedItems,
             selectedItem: selectedItemRef.current,
-            config: renderConfig
+            config: renderConfigRef.current
           });
         },
         perfectDrawEnabled: false,
@@ -6580,6 +6581,18 @@ var WoongCanvasLayerComponent = function (props) {
   useEffect(function () {
     disableInteractionRef.current = disableInteraction;
   }, [disableInteraction]); // --------------------------------------------------------------------------
+  // Lifecycle: renderConfig 동기화
+  // --------------------------------------------------------------------------
+
+  useEffect(function () {
+    if (dataType === CanvasDataType.MARKER) {
+      renderConfigRef.current = props.renderConfig; // config 변경 시 렌더링 업데이트
+
+      doRenderBase();
+      doRenderAnimation();
+      doRenderEvent();
+    }
+  }, [dataType === CanvasDataType.MARKER ? props.renderConfig : undefined]); // --------------------------------------------------------------------------
   // Lifecycle: 외부 selectedItems 동기화
   // --------------------------------------------------------------------------
 

package/dist/index.umd.js

@@ -5660,13 +5660,11 @@
         externalSelectedItem = props.selectedItem,
         _f = props.disableInteraction,
         disableInteraction = _f === void 0 ? false : _f,
-        options = tslib.__rest(props, ["data", "dataType", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // renderConfig 추출 (MARKER 모드에서만 존재)
-
-
-    var renderConfig = dataType === exports.CanvasDataType.MARKER ? props.renderConfig : undefined; // --------------------------------------------------------------------------
+        options = tslib.__rest(props, ["data", "dataType", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // --------------------------------------------------------------------------
     // Hooks & Context
     // --------------------------------------------------------------------------
 
+
     var controller = useMintMapController();
     var context = useKonvaMarkerContext();
     var currentZIndex = options.zIndex !== undefined ? options.zIndex : 0; // --------------------------------------------------------------------------
@@ -5696,6 +5694,9 @@
     /** 상호작용 비활성화 상태 (Ref로 관리하여 클로저 문제 해결) */
 
     var disableInteractionRef = React.useRef(disableInteraction);
+    /** 렌더링 설정 (Ref로 관리하여 클로저 문제 해결) */
+
+    var renderConfigRef = React.useRef(dataType === exports.CanvasDataType.MARKER ? props.renderConfig : undefined);
     /** 현재 Hover 중인 항목 */
 
     var hoveredItemRef = React.useRef(null);
@@ -5999,7 +6000,7 @@
               items: visibleMarkers,
               selectedIds: selectedIdsRef.current,
               utils: renderUtils,
-              config: renderConfig
+              config: renderConfigRef.current
             });
           },
           perfectDrawEnabled: false,
@@ -6030,7 +6031,7 @@
         selectedIds: selectedIdsRef.current,
         items: markersRef.current,
         utils: renderUtils,
-        config: renderConfig
+        config: renderConfigRef.current
       });
     };
     /**
@@ -6072,7 +6073,7 @@
               utils: renderUtils,
               selectedItems: selectedItems,
               selectedItem: selectedItemRef.current,
-              config: renderConfig
+              config: renderConfigRef.current
             });
           },
           perfectDrawEnabled: false,
@@ -6584,6 +6585,18 @@
     React.useEffect(function () {
       disableInteractionRef.current = disableInteraction;
     }, [disableInteraction]); // --------------------------------------------------------------------------
+    // Lifecycle: renderConfig 동기화
+    // --------------------------------------------------------------------------
+
+    React.useEffect(function () {
+      if (dataType === exports.CanvasDataType.MARKER) {
+        renderConfigRef.current = props.renderConfig; // config 변경 시 렌더링 업데이트
+
+        doRenderBase();
+        doRenderAnimation();
+        doRenderEvent();
+      }
+    }, [dataType === exports.CanvasDataType.MARKER ? props.renderConfig : undefined]); // --------------------------------------------------------------------------
     // Lifecycle: 외부 selectedItems 동기화
     // --------------------------------------------------------------------------
 

package/package.json

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