feat: added new prop onStateChange

mbj36 · Aug 26, 2018 · b5b5925 · b5b5925
1 parent 2a6992e
commit b5b5925
Show file tree

Hide file tree

Showing 12 changed files with 33 additions and 14 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,19 +1,19 @@
 <template>
     <div>
-        <Slide right noOverlay isOpen>
+        <Stack>
             <a href="#">Services</a>
             <a href="#">Clients</a>
             <a href="#">Contact</a>
             <a href="#">Refer </a>
-        </Slide>
+        </Stack>
     </div>
 </template>
 
 <script>
-    import Slide from './components/Menu/slide';
+    import Stack from './components/Menu/stack';
     export default {
       components: {
-        Slide: Slide
+        Stack: Stack
       }
     };
 </script>

diff --git a/src/components/Menu.vue b/src/components/Menu.vue
@@ -43,6 +43,10 @@
         noOverlay: {
           type: Boolean,
           required: false
+        },
+        onStateChange: {
+          type: Function,
+          required: false
         }
       },
       methods: {

diff --git a/src/components/Menu/bubble.vue b/src/components/Menu/bubble.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }

diff --git a/src/components/Menu/elastic.vue b/src/components/Menu/elastic.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }

diff --git a/src/components/Menu/fallDown.vue b/src/components/Menu/fallDown.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }

diff --git a/src/components/Menu/push.vue b/src/components/Menu/push.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }

diff --git a/src/components/Menu/pushRotate.vue b/src/components/Menu/pushRotate.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }

diff --git a/src/components/Menu/reveal.vue b/src/components/Menu/reveal.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }

diff --git a/src/components/Menu/scaleDown.vue b/src/components/Menu/scaleDown.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }

diff --git a/src/components/Menu/scaleRotate.vue b/src/components/Menu/scaleRotate.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }

diff --git a/src/components/Menu/slide.vue b/src/components/Menu/slide.vue
@@ -19,9 +19,12 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
     };
 </script>
+
+
diff --git a/src/components/Menu/stack.vue b/src/components/Menu/stack.vue
@@ -19,9 +19,13 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
     };
 </script>
+
+
+