react-map4d-map 1.3.0 → 1.3.2-tesst

package/dist/index.js

@@ -486,6 +486,13 @@ var MFDirectionsRenderer = function MFDirectionsRenderer(props) {
       directionRef.current.onMouseMove = onMouseMove;
       onCreated && onCreated(directionRef.current);
     }
+
+    return function () {
+      var _directionRef$current2;
+
+      (_directionRef$current2 = directionRef.current) === null || _directionRef$current2 === void 0 ? void 0 : _directionRef$current2.setMap(null);
+      console.log("remove when chang map");
+    };
   }, [theMap]);
   React.useEffect(function () {
     if (directionRef.current) {
@@ -509,46 +516,48 @@ var MFDirectionsRenderer = function MFDirectionsRenderer(props) {
   }, [onMouseMove]);
   React.useEffect(function () {
     if (theMap) {
-      var _directionRef$current2;
+      var _directionRef$current3;
 
-      (_directionRef$current2 = directionRef.current) === null || _directionRef$current2 === void 0 ? void 0 : _directionRef$current2.setMap(theMap);
+      (_directionRef$current3 = directionRef.current) === null || _directionRef$current3 === void 0 ? void 0 : _directionRef$current3.setMap(theMap);
     }
 
     return function () {
-      var _directionRef$current3;
+      var _directionRef$current4;
 
-      (_directionRef$current3 = directionRef.current) === null || _directionRef$current3 === void 0 ? void 0 : _directionRef$current3.setMap(null);
+      (_directionRef$current4 = directionRef.current) === null || _directionRef$current4 === void 0 ? void 0 : _directionRef$current4.setMap(null);
+      console.log("remove when chang map");
     };
   }, [theMap]);
   React.useEffect(function () {
     return function () {
-      var _directionRef$current4;
+      var _directionRef$current5;
 
-      (_directionRef$current4 = directionRef.current) === null || _directionRef$current4 === void 0 ? void 0 : _directionRef$current4.setMap(null);
+      (_directionRef$current5 = directionRef.current) === null || _directionRef$current5 === void 0 ? void 0 : _directionRef$current5.setMap(null);
+      console.log("remove when unmount");
     };
   }, []);
   React.useEffect(function () {
-    var _directionRef$current5;
+    var _directionRef$current6;
 
-    routes != undefined && ((_directionRef$current5 = directionRef.current) === null || _directionRef$current5 === void 0 ? void 0 : _directionRef$current5.setRoutes(routes));
+    routes != undefined && ((_directionRef$current6 = directionRef.current) === null || _directionRef$current6 === void 0 ? void 0 : _directionRef$current6.setRoutes(routes));
   }, [routes]);
   React.useEffect(function () {
-    var _directionRef$current6;
+    var _directionRef$current7;
 
-    activedIndex != undefined && ((_directionRef$current6 = directionRef.current) === null || _directionRef$current6 === void 0 ? void 0 : _directionRef$current6.setActivedIndex(activedIndex));
+    activedIndex != undefined && ((_directionRef$current7 = directionRef.current) === null || _directionRef$current7 === void 0 ? void 0 : _directionRef$current7.setActivedIndex(activedIndex));
   }, [activedIndex]);
   React.useEffect(function () {
-    var _directionRef$current7;
+    var _directionRef$current8;
 
-    activeStrokePattern != undefined && ((_directionRef$current7 = directionRef.current) === null || _directionRef$current7 === void 0 ? void 0 : _directionRef$current7.setActiveStrokePattern(activeStrokePattern));
+    activeStrokePattern != undefined && ((_directionRef$current8 = directionRef.current) === null || _directionRef$current8 === void 0 ? void 0 : _directionRef$current8.setActiveStrokePattern(activeStrokePattern));
   }, [activeStrokePattern]);
   React.useEffect(function () {
-    var _directionRef$current8;
+    var _directionRef$current9;
 
-    inactiveStrokePattern != undefined && ((_directionRef$current8 = directionRef.current) === null || _directionRef$current8 === void 0 ? void 0 : _directionRef$current8.setInactiveStrokePattern(inactiveStrokePattern));
+    inactiveStrokePattern != undefined && ((_directionRef$current9 = directionRef.current) === null || _directionRef$current9 === void 0 ? void 0 : _directionRef$current9.setInactiveStrokePattern(inactiveStrokePattern));
   }, [inactiveStrokePattern]);
   React.useEffect(function () {
-    var _directionRef$current9;
+    var _directionRef$current10;
 
     var option = {
       routes: routes,
@@ -573,7 +582,7 @@ var MFDirectionsRenderer = function MFDirectionsRenderer(props) {
         delete option[key];
       }
     });
-    (_directionRef$current9 = directionRef.current) === null || _directionRef$current9 === void 0 ? void 0 : _directionRef$current9.setOptions(option);
+    (_directionRef$current10 = directionRef.current) === null || _directionRef$current10 === void 0 ? void 0 : _directionRef$current10.setOptions(option);
   }, [activeStrokeWidth, activeStrokeColor, activeOutlineWidth, activeOutlineColor, inactiveStrokeColor, inactiveOutlineWidth, inactiveOutlineColor, originMarkerOptions, destinationMarkerOptions, waypointMarkerOptions, onMarkerDragEnd]);
   return null;
 };
@@ -1626,6 +1635,7 @@ var MFPolygon = function MFPolygon(props) {
   var map4dContext = React.useContext(Map4dContext);
   var theMap = map || map4dContext.map;
   var polygonRef = React.useRef();
+  var a = React.useRef();
   React.useEffect(function () {
     if (theMap && !polygonRef.current) {
       var _polygonRef$current;
@@ -1648,6 +1658,8 @@ var MFPolygon = function MFPolygon(props) {
         }
       });
       polygonRef.current = new map4d.Polygon(option);
+      a.current = theMap;
+      console.log(a.current);
       (_polygonRef$current = polygonRef.current) === null || _polygonRef$current === void 0 ? void 0 : _polygonRef$current.setMap(theMap);
       polygonRef.current.onHover = props.onHover;
       onCreated && onCreated(polygonRef.current);
@@ -1679,54 +1691,61 @@ var MFPolygon = function MFPolygon(props) {
     }
   }, [onHover]);
   React.useEffect(function () {
-    var _polygonRef$current5;
+    var _polygonRef$current6;
 
-    (_polygonRef$current5 = polygonRef.current) === null || _polygonRef$current5 === void 0 ? void 0 : _polygonRef$current5.setPaths(paths);
+    if (polygonRef.current) {
+      var _polygonRef$current5;
+
+      var c = (_polygonRef$current5 = polygonRef.current) === null || _polygonRef$current5 === void 0 ? void 0 : _polygonRef$current5.getMap();
+      console.log(c == a.current);
+    }
+
+    (_polygonRef$current6 = polygonRef.current) === null || _polygonRef$current6 === void 0 ? void 0 : _polygonRef$current6.setPaths(paths);
   }, [paths]);
   React.useEffect(function () {
-    var _polygonRef$current6;
+    var _polygonRef$current7;
 
-    fillColor != undefined && ((_polygonRef$current6 = polygonRef.current) === null || _polygonRef$current6 === void 0 ? void 0 : _polygonRef$current6.setFillColor(fillColor));
+    fillColor != undefined && ((_polygonRef$current7 = polygonRef.current) === null || _polygonRef$current7 === void 0 ? void 0 : _polygonRef$current7.setFillColor(fillColor));
   }, [fillColor]);
   React.useEffect(function () {
-    var _polygonRef$current7;
+    var _polygonRef$current8;
 
-    fillOpacity != undefined && ((_polygonRef$current7 = polygonRef.current) === null || _polygonRef$current7 === void 0 ? void 0 : _polygonRef$current7.setFillOpacity(fillOpacity));
+    fillOpacity != undefined && ((_polygonRef$current8 = polygonRef.current) === null || _polygonRef$current8 === void 0 ? void 0 : _polygonRef$current8.setFillOpacity(fillOpacity));
   }, [fillOpacity]);
   React.useEffect(function () {
-    var _polygonRef$current8;
+    var _polygonRef$current9;
 
-    (_polygonRef$current8 = polygonRef.current) === null || _polygonRef$current8 === void 0 ? void 0 : _polygonRef$current8.setVisible(visible);
+    (_polygonRef$current9 = polygonRef.current) === null || _polygonRef$current9 === void 0 ? void 0 : _polygonRef$current9.setVisible(visible);
   }, [visible]);
   React.useEffect(function () {
-    var _polygonRef$current9;
+    var _polygonRef$current10;
 
-    strokeColor != undefined && ((_polygonRef$current9 = polygonRef.current) === null || _polygonRef$current9 === void 0 ? void 0 : _polygonRef$current9.setStrokeColor(strokeColor));
+    strokeColor != undefined && ((_polygonRef$current10 = polygonRef.current) === null || _polygonRef$current10 === void 0 ? void 0 : _polygonRef$current10.setStrokeColor(strokeColor));
   }, [strokeColor]);
   React.useEffect(function () {
-    var _polygonRef$current10;
+    var _polygonRef$current11;
 
-    strokeWidth != undefined && ((_polygonRef$current10 = polygonRef.current) === null || _polygonRef$current10 === void 0 ? void 0 : _polygonRef$current10.setStrokeWidth(strokeWidth));
+    strokeWidth != undefined && ((_polygonRef$current11 = polygonRef.current) === null || _polygonRef$current11 === void 0 ? void 0 : _polygonRef$current11.setStrokeWidth(strokeWidth));
   }, [strokeWidth]);
   React.useEffect(function () {
-    var _polygonRef$current11;
+    var _polygonRef$current12;
 
-    draggable != undefined && ((_polygonRef$current11 = polygonRef.current) === null || _polygonRef$current11 === void 0 ? void 0 : _polygonRef$current11.setDraggable(draggable));
+    draggable != undefined && ((_polygonRef$current12 = polygonRef.current) === null || _polygonRef$current12 === void 0 ? void 0 : _polygonRef$current12.setDraggable(draggable));
   }, [draggable]);
   React.useEffect(function () {
-    var _polygonRef$current12;
+    var _polygonRef$current13;
 
-    elevation != undefined && ((_polygonRef$current12 = polygonRef.current) === null || _polygonRef$current12 === void 0 ? void 0 : _polygonRef$current12.setElevation(elevation));
+    elevation != undefined && ((_polygonRef$current13 = polygonRef.current) === null || _polygonRef$current13 === void 0 ? void 0 : _polygonRef$current13.setElevation(elevation));
   }, [elevation]);
   React.useEffect(function () {
-    var _polygonRef$current13;
+    var _polygonRef$current14;
 
-    zIndex != undefined && ((_polygonRef$current13 = polygonRef.current) === null || _polygonRef$current13 === void 0 ? void 0 : _polygonRef$current13.setZIndex(zIndex));
+    zIndex != undefined && ((_polygonRef$current14 = polygonRef.current) === null || _polygonRef$current14 === void 0 ? void 0 : _polygonRef$current14.setZIndex(zIndex));
   }, [zIndex]);
   React.useEffect(function () {
-    var _polygonRef$current14;
+    var _polygonRef$current15;
 
-    userInteractionEnabled != undefined && ((_polygonRef$current14 = polygonRef.current) === null || _polygonRef$current14 === void 0 ? void 0 : _polygonRef$current14.setUserInteraction(userInteractionEnabled));
+    userInteractionEnabled != undefined && ((_polygonRef$current15 = polygonRef.current) === null || _polygonRef$current15 === void 0 ? void 0 : _polygonRef$current15.setUserInteraction(userInteractionEnabled));
   }, [userInteractionEnabled]);
   return null;
 };