support render-function & support .native modifier for user defined cmps.

Author: MrRaindrop

src/config.js

@@ -3,6 +3,35 @@ const config = {
     click: 'weex$tap',
     scroll: 'weex$scroll'
   },
+  // these components should auto bind events with .native.
+  weexRegisteredComponents: [
+    'input',
+    'switch',
+    'list',
+    'scroller',
+    'waterfall',
+    'header',
+    'loading',
+    'refresh',
+    'loading-indicator',
+    'slider',
+    'cycleslider',
+    'slider-neighbor',
+    'indicator',
+    'textarea',
+    'video',
+    'web'
+  ],
+  // these components should not bind events with .native.
+  weexBuiltInComponents: [
+    'div',
+    'container',
+    'text',
+    'image',
+    'img',
+    'cell',
+    'a'
+  ],
   // add .stop to stop propagation for weex native events only.
   // user defined events may not have the stopPropagation method.
   weexEvents: [

src/hooks/events.js

@@ -80,15 +80,14 @@ function checkBubble (el) {
  *  - with all weex events: stop propagation by default.
  *  - with click and scroll events: weex$tap and weex$scroll.
  */
-function bindEvents(evts, el, attrs, weexEvents) {
+function bindEvents(evts, el, attrs, weexEvents, appearAttached) {
   const evtKeys = Object.keys(evts)
-  el._markedAppear = false
   for (let i = 0, l = evtKeys.length; i < l; i++) {
     const key = evtKeys[i]
     const transKey = transEvtsMap[key]
     const evtName = transKey || key
-    if (transKey && !el._markedAppear) {
-      el._markedAppear = true
+    if (transKey && !appearAttached.value) {
+      appearAttached.value = true
       attrs.push({
         name: `weex-appear`,
         value: '""'
@@ -151,23 +150,44 @@ module.exports = function eventsHook (
 
   const { weexEvents } = this.config
   let evts = el.events
-  const nativeEvts = el.nativeEvents
+  let nativeEvts = el.nativeEvents
 
-  try {
+  if (nativeEvts && el._builtIn) {
+    /**
+     * for div, image, text, cell, a, ...
+     * user should bind all events without .native.
+     */
+    nativeEvts = null
+    delete el.nativeEvents
+  }
+  if (el._weexRegistered) {
+    /**
+     * for slider, list, ...
+     * user should bind events without .native.
+     * in our events handling, all events should transfer to
+     * .native binding.
+     */
+    delete el.nativeEvents
+    nativeEvts = null
     if (evts) {
-      bindEvents(evts, el, attrs, weexEvents)
-    }
-    if (nativeEvts) {
-      bindEvents(nativeEvts, el, attrs, weexEvents)
+      nativeEvts = el.nativeEvents = evts
     }
-    else {
-      delete el.nativeEvents
-    }
-  } catch (err) {
-    console.error('err=======>', err)
+    evts = null
+    delete el.events
+  }
+
+  const appearAttached = {
+    value: false
+  }
+  if (evts) {
+    bindEvents(evts, el, attrs, weexEvents, appearAttached)
+  }
+  if (nativeEvts) {
+    bindEvents(nativeEvts, el, attrs, weexEvents, appearAttached)
+  }
+  else {
+    delete el.nativeEvents
   }
-  
-  delete el._markedAppear
 
   /**
    * binding a weex$tap to <a> element to stop propagation if there

src/index.js

@@ -31,6 +31,18 @@ class Precompiler {
     const args = [el, attrsMap, attrsList, attrs, staticClass]
 
     const tag = identifyTag(el)
+
+    const { weexBuiltInComponents, weexRegisteredComponents } = this.config
+    if (weexBuiltInComponents.indexOf(el._origTag || el.tag) > -1) {
+      el._weexBuiltIn = true
+    }
+    else if (weexRegisteredComponents.indexOf(el.tag) > -1) {
+      el._weexRegistered = true
+    }
+    else {
+      el._userRegistered = true
+    }
+
     // use component processors to process components' special attrs.
     const processor = components[tag]
     if (processor) {

test/input/hooks/events.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <some-cmp @someEvent="someHandler" @appear.native="appear"></some-cmp>
+    <slider @change="change" @appear="appear"></slider>
     <div @click="click" @appear="appear"></div>
   </div>
 </template>

test/output/components/a.js

@@ -2,6 +2,7 @@ module.exports = [
   {
     type: 1,
     tag: 'a',
+    _weexBuiltIn: true,
     _hasBubbleParent: false,
     events: {
       'weex$tap': {
@@ -23,6 +24,7 @@ module.exports = [
   }, {
     type: 1,
     tag: 'div',
+    _weexBuiltIn: true,
     plain: false,
     attrs: [
       {

test/output/components/cell.js

@@ -3,6 +3,7 @@ module.exports = [
     type: 1,
     tag: 'section',
     _origTag: 'cell',
+    _weexBuiltIn: true,
     plain: false,
     static: false,
     attrs: [

test/output/components/custom.js

@@ -3,6 +3,7 @@ module.exports = [
     type: 1,
     tag: 'custom-component',
     _hasBubbleParent: false,
+    _userRegistered: true,
     nativeEvents: {
       'click': {
         value: '$stopOuterA'

test/output/components/image.js

@@ -3,6 +3,7 @@ module.exports = [
     type: 1,
     tag: 'figure',
     _origTag: 'image',
+    _weexBuiltIn: true,
     plain: false,
     hasBindings: true,
     attrs: [
@@ -36,6 +37,8 @@ module.exports = [
   }, {
     type: 1,
     tag: 'div',
+    _origTag: 'div',
+    _weexBuiltIn: true,
     plain: false,
     attrs: [
       {
@@ -44,7 +47,6 @@ module.exports = [
       }
     ],
     staticClass: '" weex-ct weex-div"',
-    static: false,
-    _origTag: 'div'
+    static: false
   }
 ]

test/output/components/text.js

@@ -5,6 +5,7 @@ module.exports = [
     type: 1,
     tag: 'p',
     _origTag: 'text',
+    _weexBuiltIn: true,
     plain: false,
     attrs: [
       {
@@ -25,6 +26,8 @@ module.exports = [
   }, {
     type: 1,
     tag: 'div',
+    _origTag: 'div',
+    _weexBuiltIn: true,
     plain: false,
     attrs: [
       {
@@ -33,7 +36,6 @@ module.exports = [
       }
     ],
     staticClass: '" weex-ct weex-div"',
-    static: false,
-    _origTag: 'div'
+    static: false
   }
 ]

test/output/hooks/a-bubble.js

@@ -4,6 +4,8 @@ module.exports = [
     ref: '"inner"',
     refInFor: false,
     tag: 'div',
+    _origTag: 'div',
+    _weexBuiltIn: true,
     plain: false,
     hasBindings: true,
     _hasBubbleParent: false,
@@ -27,11 +29,11 @@ module.exports = [
         value: '""'
       }
     ],
-    staticClass: '" weex-ct weex-div"',
-    _origTag: 'div'
+    staticClass: '" weex-ct weex-div"'
   }, {
     type: 1,
     tag: 'a',
+    _weexBuiltIn: true,
     _hasBubbleParent: false,
     events: {
       'weex$tap': {
@@ -52,6 +54,8 @@ module.exports = [
   }, {
     type: 1,
     tag: 'div',
+    _origTag: 'div',
+    _weexBuiltIn: true,
     ref: '"outer"',
     refInFor: false,
     _hasBubbleParent: false,
@@ -78,7 +82,6 @@ module.exports = [
     ],
     hasBindings: true,
     staticClass: '" weex-ct weex-div"',
-    static: false,
-    _origTag: 'div'
+    static: false
   }
 ]