feat: add support for on-event props (#126)

Signed-off-by: herbluo <[email protected]>

Author: HerbLuo

lib/group-props.js

@@ -1,7 +1,6 @@
 var makeMap = require('./make-map')
 var isTopLevel = makeMap('class,staticClass,style,key,ref,refInFor,slot,scopedSlots')
-var isNestable = makeMap('domProps,on,nativeOn,hook')
-var nestableRE = /^(domProps|on|nativeOn|hook)([\-_A-Z])/
+var nestableRE = /^(props|domProps|on|nativeOn|hook)([\-_A-Z])/
 var dirRE = /^v-/
 var xlinkRE = /^xlink([A-Z])/
 

test/test.js

@@ -62,12 +62,14 @@ describe('babel-plugin-transform-vue-jsx', () => {
     const noop = _ => _
     const vnode = render(h => (
       <div
+        props-on-success={noop}
         on-click={noop}
         on-kebab-case={noop}
         domProps-innerHTML="<p>hi</p>"
         hook-insert={noop}>
       </div>
     ))
+    expect(vnode.data.props['on-success']).to.equal(noop)
     expect(vnode.data.on.click).to.equal(noop)
     expect(vnode.data.on['kebab-case']).to.equal(noop)
     expect(vnode.data.domProps.innerHTML).to.equal('<p>hi</p>')
@@ -78,12 +80,14 @@ describe('babel-plugin-transform-vue-jsx', () => {
     const noop = _ => _
     const vnode = render(h => (
       <div
+        propsOnSuccess={noop}
         onClick={noop}
         onCamelCase={noop}
         domPropsInnerHTML="<p>hi</p>"
         hookInsert={noop}>
       </div>
     ))
+    expect(vnode.data.props.onSuccess).to.equal(noop)
     expect(vnode.data.on.click).to.equal(noop)
     expect(vnode.data.on.camelCase).to.equal(noop)
     expect(vnode.data.domProps.innerHTML).to.equal('<p>hi</p>')