mobile-navigation-controller - npm Package Compare versions

Comparing version 1.3.5 to 1.3.6

dist/index.js

@@ -113,2 +113,8 @@ "use strict";
     _this.changePage = _this.changePage.bind(_this);
+    _this.back = _this.back.bind(_this);
+    _this.funAnimationIn1 = _this.funAnimationIn1.bind(_this);
+    _this.funAnimationIn2 = _this.funAnimationIn2.bind(_this);
+    _this.funAnimationOut1 = _this.funAnimationOut1.bind(_this);
+    _this.funAnimationOut2 = _this.funAnimationOut2.bind(_this);
+    _this.compareTwoPagesLavel = _this.compareTwoPagesLavel.bind(_this);
 
@@ -227,9 +233,8 @@ if (Array.isArray(_this.props.children)) _this.props.children.map(function (child) {
       var aniTime = 250;
+
       if (this.props.children.filter(function (x) {
         return x.key === goToPage;
-      }).length > 0) {
-        if (this.props.children.filter(function (x) {
+      })[0].props.animationTimeInMS) {
+        aniTime = this.props.children.filter(function (x) {
           return x.key === goToPage;
-        })[0].props.animationTimeInMS) aniTime = this.props.children.filter(function (x) {
-          return x.key === goToPage;
         })[0].props.animationTimeInMS;
@@ -246,7 +251,7 @@ } else {
           _options$animationIn = _options.animationIn,
-          animationIn = _options$animationIn === undefined ? this.componentTransitionIn[goToPage] ? this.componentTransitionIn[goToPage].animatioPageIn ? this.componentTransitionIn[goToPage].animatioPageIn : null : null : _options$animationIn,
+          animationIn = _options$animationIn === undefined ? this.componentTransitionIn[goToPage] ? this.componentTransitionIn[goToPage] : null : _options$animationIn,
           _options$timeAnimatio = _options.timeAnimationInMS,
           timeAnimationInMS = _options$timeAnimatio === undefined ? aniTime : _options$timeAnimatio,
           _options$animationOut = _options.animationOut,
-          animationOut = _options$animationOut === undefined ? this.swipeRight ? "slideOutRight" : this.componentTransitionOut[fromPage] ? this.componentTransitionOut[fromPage].animatioPageOut ? this.componentTransitionOut[fromPage].animatioPageOut : null : null : _options$animationOut,
+          animationOut = _options$animationOut === undefined ? this.swipeRight ? "slideOutRight" : this.componentTransitionOut[fromPage] ? this.componentTransitionOut[fromPage] : null : _options$animationOut,
           _options$callbackFun = _options.callbackFun,
@@ -359,2 +364,14 @@ callbackFun = _options$callbackFun === undefined ? null : _options$callbackFun;
     value: function back(options) {
+      var _this4 = this;
+
+      this.props.children.forEach(function (child) {
+        if (child.props.kill) {
+          _this4.historyPages = _this4.historyPages.filter(function (x) {
+            return x !== child.key;
+          });
+        }
+      });
+      this.setState({ historyPages: this.historyPages });
+
+      //---
       if (options === null || options === undefined) {
@@ -369,3 +386,3 @@ this.changePage(this.state.historyPages[this.state.historyPages.length - 2]);
     value: function render() {
-      var _this4 = this;
+      var _this5 = this;
 
@@ -411,3 +428,3 @@ var fthis = this;
 
-                    var goToPage = _this4.state.historyPages[_this4.state.historyPages.length - 2];
+                    var goToPage = _this5.state.historyPages[_this5.state.historyPages.length - 2];
 
@@ -427,3 +444,3 @@ (0, _jquery2.default)("#" + goToPage).css("z-index", 0);
               onTouchEnd: function onTouchEnd(e) {
-                var goToPage = _this4.state.historyPages[_this4.state.historyPages.length - 2];
+                var goToPage = _this5.state.historyPages[_this5.state.historyPages.length - 2];
 
@@ -458,3 +475,3 @@ if (fthis.swipeRight && fthis.state.swipeRight_x > 0.25 * innerWidth) {
                 backgroundColor: child.props.backgroundColor ? child.props.backgroundColor : "#fff",
-                height: child.props.height ? child.props.height : fthis.props.height ? _this4.props.height : "100%"
+                height: child.props.height ? child.props.height : fthis.props.height ? _this5.props.height : "100%"
               },
@@ -461,0 +478,0 @@ id: child.key,

package.json

 {
   "name": "mobile-navigation-controller",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "description": "Navigator for JavaScript mobile app, This will help you to manage your pages history in the app and change pages with animation.",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -5,2 +5,12 @@ # mobile-navigation-controller
 
+<br/><br/>
+
+I dedicate a considerable amount of my free time to developing and maintaining this plugin, along with my other Open Source software. To help ensure this Cli is kept updated, new features are added and bugfixes are implemented quickly, please donate a couple of dollars (or a little more if you can stretch) as this will help me to afford to dedicate time to its maintenance. Please consider donating if you're using this plugin in an app that makes you money, if you're being paid to make the app, if you're asking for new features or priority bug fixes.
+
+<a href="https://paypal.me/orchoban">
+  <img src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG_global.gif" width="200px" alt=""/>
+</a>
+
+<br/>
+
 #### `import Navigator from 'mobile-navigation-controller';`
@@ -20,8 +30,8 @@
            levelPage={1}
-              transitionIn={
+            transitionIn={
              animatioPageIn:"fadeInRight"
-             ,animatioPageOut:"fadeOutRight"
+             ,animatioPageOut:"fadeOutLeft"
            }
             transitionOut={{
-            animatioPageOut: "fadeOutRight"
+            animatioPageOut: "fadeOutLeft"
           }}
@@ -50,4 +60,4 @@ />
 ```
-options => {  animationIn:string // have defult
-            , animationOut:string // have defult
+options = {  animatioPageIn:"fadeInRight" // have defult
+            , animationPageOut:"fadeOutLeft" // have defult
             , timeAnimationInMS:integer // defult=250(ms)
@@ -113,9 +123,3 @@ , callbackFun:function
     <tr>
-      <td>homePageKey</td>
-     <td>string</td>
-      <td>optional</td>
-       <td>The key of the first child</td>
-       <td>(nowPageKey,levelAction) => { ... }</td>
-    </tr>
-     <tr>
+      <tr>
       <td>changeRoute</td>
@@ -127,2 +131,8 @@ <td>boolean</td>
     </tr>
+      <td>homePageKey</td>
+     <td>string</td>
+      <td>optional</td>
+       <td>The key of the first child</td>
+       <td></td>
+    </tr>
   </tbody>
@@ -173,12 +183,13 @@ </table>
     </tr>
-   <tr>
-      <td>alwaysLive</td>
-     <td>boolean</td>
+       <tr>
+      <td>transitionIn</td>
+     <td>json:{ animatioPageIn:string
+             ,animatioPageOut:string}</td>
       <td>optional</td>
-       <td>false</td>
-       <td>Don't kill the child. Life is always in the background</td>
+     <td>-</td>
+     <td></td>
     </tr>
-     <tr>
-      <td>transitionIn</td>
-     <td>json</td>
+      <tr>
+      <td>animationTimeInMS</td>
+     <td>integer</td>
       <td>optional</td>
@@ -195,2 +206,9 @@ <td>-</td>
     </tr>
+   <tr>
+      <td>alwaysLive</td>
+     <td>boolean</td>
+      <td>optional</td>
+       <td>false</td>
+       <td>Don't kill the child. Life is always in the background</td>
+    </tr>
     
@@ -197,0 +215,0 @@ </tbody>

No alert changes

Improved metrics

Total package byte prevSize

1233488

increased by0.11%

Lines of code

28899

increased by0.05%

Number of lines in readme file

261

increased by7.41%

No dependency changes