@mint-ui/map 0.10.0-beta-test1 → 0.10.0-beta-test2

package/dist/components/mint-map/core/provider/MarkerAutoTransitionProvider.d.ts

@@ -8,7 +8,10 @@ export interface MarkerAutoTransitionOption {
 }
 export interface MarkerAutoTransitionContextType {
     option: Required<MarkerAutoTransitionOption>;
-    transition: (pos: Position) => Position;
+    transition: (pos: Position) => {
+        pos: Position;
+        no?: number;
+    };
 }
 export declare const MarkerAutoTransitionContext: React.Context<MarkerAutoTransitionContextType>;
 export declare const baseCenter: Position;

package/dist/components/mint-map/core/provider/MarkerAutoTransitionProvider.js

@@ -23,7 +23,10 @@ var MarkerAutoTransitionContext = React.createContext({
     type: 'diagonal'
   },
   transition: function (pos) {
-    return pos;
+    return {
+      pos: pos,
+      no: undefined
+    };
   }
 }); // provider
 
@@ -66,14 +69,20 @@ function MarkerAutoTransitionProvider(_a) {
     if (count === undefined) {
       count = 1;
       posMap.set(key, count);
-      return pos;
+      return {
+        no: count,
+        pos: pos
+      };
     } //type : diagonal
 
 
     var newPos = new MapTypes.Position(pos.lat + count * deltaLat, pos.lng + count * deltaLng);
     count += 1;
     posMap.set(key, count);
-    return newPos;
+    return {
+      no: count,
+      pos: newPos
+    };
   };
 
   return React__default["default"].createElement(MarkerAutoTransitionContext.Provider, {

package/dist/components/mint-map/core/wrapper/MapMarkerWrapper.js

@@ -216,10 +216,18 @@ function MapMarkerWrapper(_a) {
   }, []); //create / update object
 
   var transition = React.useContext(MarkerAutoTransitionProvider.MarkerAutoTransitionContext).transition;
+  var positionNo = React.useRef();
   React.useEffect(function () {
     if (options) {
       if (!Array.isArray(options.position)) {
-        options.position = transition(options.position);
+        var _a = transition(options.position),
+            no = _a.no,
+            pos = _a.pos;
+
+        if (positionNo.current !== no) {
+          options.position = pos;
+          positionNo.current = no;
+        }
       }
 
       if (markerRef.current) {

package/dist/index.es.js

@@ -4289,7 +4289,10 @@ var MarkerAutoTransitionContext = createContext({
     type: 'diagonal'
   },
   transition: function (pos) {
-    return pos;
+    return {
+      pos: pos,
+      no: undefined
+    };
   }
 }); // provider
 
@@ -4332,14 +4335,20 @@ function MarkerAutoTransitionProvider(_a) {
     if (count === undefined) {
       count = 1;
       posMap.set(key, count);
-      return pos;
+      return {
+        no: count,
+        pos: pos
+      };
     } //type : diagonal
 
 
     var newPos = new Position(pos.lat + count * deltaLat, pos.lng + count * deltaLng);
     count += 1;
     posMap.set(key, count);
-    return newPos;
+    return {
+      no: count,
+      pos: newPos
+    };
   };
 
   return React.createElement(MarkerAutoTransitionContext.Provider, {
@@ -4563,10 +4572,18 @@ function MapMarkerWrapper(_a) {
   }, []); //create / update object
 
   var transition = useContext(MarkerAutoTransitionContext).transition;
+  var positionNo = useRef();
   useEffect(function () {
     if (options) {
       if (!Array.isArray(options.position)) {
-        options.position = transition(options.position);
+        var _a = transition(options.position),
+            no = _a.no,
+            pos = _a.pos;
+
+        if (positionNo.current !== no) {
+          options.position = pos;
+          positionNo.current = no;
+        }
       }
 
       if (markerRef.current) {

package/dist/index.umd.js

@@ -4293,7 +4293,10 @@
       type: 'diagonal'
     },
     transition: function (pos) {
-      return pos;
+      return {
+        pos: pos,
+        no: undefined
+      };
     }
   }); // provider
 
@@ -4336,14 +4339,20 @@
       if (count === undefined) {
         count = 1;
         posMap.set(key, count);
-        return pos;
+        return {
+          no: count,
+          pos: pos
+        };
       } //type : diagonal
 
 
       var newPos = new Position(pos.lat + count * deltaLat, pos.lng + count * deltaLng);
       count += 1;
       posMap.set(key, count);
-      return newPos;
+      return {
+        no: count,
+        pos: newPos
+      };
     };
 
     return React__default["default"].createElement(MarkerAutoTransitionContext.Provider, {
@@ -4567,10 +4576,18 @@
     }, []); //create / update object
 
     var transition = React.useContext(MarkerAutoTransitionContext).transition;
+    var positionNo = React.useRef();
     React.useEffect(function () {
       if (options) {
         if (!Array.isArray(options.position)) {
-          options.position = transition(options.position);
+          var _a = transition(options.position),
+              no = _a.no,
+              pos = _a.pos;
+
+          if (positionNo.current !== no) {
+            options.position = pos;
+            positionNo.current = no;
+          }
         }
 
         if (markerRef.current) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mint-ui/map",
-  "version": "0.10.0-beta-test1",
+  "version": "0.10.0-beta-test2",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "browser": "./dist/index.umd.js",