support hyphen-delimited prop

Author: njleonzhang

dev.js

@@ -13,6 +13,7 @@ function a() {
       <component visible$sync={this.test[1]}>I am newbie</component>
       <component visible$sync={this.test.a}>I am newbie</component>
       <component visible$sync={false}>I am newbie</component>
+      <component visible-leon$sync={this.test}>I am newbie</component>
     </div>
   )
 }`

index.js

@@ -1,4 +1,8 @@
 let syncRe = /(.*)\$sync/
+const camelizeRE = /-(\w)/g;
+const camelize = (str) => {
+  return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : '')
+}
 
 var genListener = function genListener(t, event, body) {
   return t.jSXAttribute(
@@ -38,7 +42,7 @@ module.exports = function(babel) {
                 return
               }
 
-              let listener = genListener(t, 'Update:' + prop,
+              let listener = genListener(t, 'Update:' + camelize(prop),
                 [genAssignmentCode(t, model)])
               attr.insertAfter(listener)
             }