Pr/63 (#74)

* Modifiers in v-stream directive

stopPropagation and preventDefault

* Fix modifiersExists usage

* fix typing & add test

Author: regou

src/directives/stream.js

@@ -24,11 +24,21 @@ export default {
       return
     }
 
+    const modifiersFuncs = {
+      stop: e => e.stopPropagation(),
+      prevent: e => e.preventDefault()
+    }
+
+    var modifiersExists = Object.keys(modifiersFuncs).filter(
+        key => modifiers[key]
+    )
+
     const subject = handle.subject
     const next = (subject.next || subject.onNext).bind(subject)
 
     if (!modifiers.native && vnode.componentInstance) {
       handle.subscription = vnode.componentInstance.$eventToObservable(event).subscribe(e => {
+        modifiersExists.forEach(mod => modifiersFuncs[mod](e))
         next({
           event: e,
           data: handle.data
@@ -46,6 +56,7 @@ export default {
       }
       const fromEventArgs = handle.options ? [el, event, handle.options] : [el, event]
       handle.subscription = Rx.Observable.fromEvent(...fromEventArgs).subscribe(e => {
+        modifiersExists.forEach(mod => modifiersFuncs[mod](e))
         next({
           event: e,
           data: handle.data

test/test.js

@@ -203,6 +203,32 @@ test('v-stream directive (with .native modify)', done => {
   })
 })
 
+test('v-stream directive (with .stop, .prevent modify)', done => {
+  const vm = new Vue({
+    template: `
+      <form>
+        <span>{{stoped}} {{prevented}}</span>
+        <button id="btn-stop" v-stream:click.stop="clickStop$">Stop</button>
+        <button id="btn-prevent" type="submit" v-stream:click.prevent="clickPrevent$">Submit</button>
+      </form>
+    `,
+    domStreams: ['clickStop$', 'clickPrevent$'],
+    subscriptions () {
+      return {
+        stoped: this.clickStop$.map(x => x.event.cancelBubble),
+        prevented: this.clickPrevent$.map(x => x.event.defaultPrevented)
+      }
+    }
+  }).$mount()
+
+  click(vm.$el.querySelector('#btn-stop'))
+  click(vm.$el.querySelector('#btn-prevent'))
+  nextTick(() => {
+    expect(vm.$el.querySelector('span').textContent).toBe('true true')
+    done()
+  })
+})
+
 test('v-stream directive (with data)', done => {
   const vm = new Vue({
     data: {