Merge pull request alibaba#2199 from MrRaindrop/html5-feature-module-event

[html5] support module event.

Author: Hanks10100

html5/render/browser/base/moduleEvent.js

@@ -0,0 +1,41 @@
+
+/**
+ * save the original listener for 'addEventListener'.
+ * this is the dipaching listener which is waiting for feed.
+ * map structure: moduleName -> eventName -> [handlers].
+ */
+const handlerMap = {}
+
+window.addEventListener('moduleevent', event => {
+  const dt = event.detail || {}
+  const module = dt.module
+  const type = dt.type
+  try {
+    handlerMap[module][type].forEach(handler => handler(dt))
+  }
+  catch (e) {
+    console.warn(`[h5-render] no such event ${type} for module ${module}.`)
+  }
+})
+
+export function addEventListener (module, evt, callbackId, options) {
+  const once = options && !!options.once
+  let moduleMap = handlerMap[module]
+  if (!moduleMap) {
+    moduleMap = handlerMap[module] = {}
+  }
+  let handlers = moduleMap[evt]
+  if (!handlers) {
+    handlers = moduleMap[evt] = []
+  }
+  handlers.push((data) => this.sender.performCallback(callbackId, data, !once))
+}
+
+export function removeAllEventListeners (module, evt) {
+  try {
+    delete handlerMap[module][evt]
+  }
+  catch (e) {
+    // do nothing.
+  }
+}

html5/render/browser/render/register.js

@@ -2,6 +2,28 @@ import ComponentManager from '../dom/componentManager'
 import { registerLoader } from './loader'
 import { protocol } from '../bridge'
 import { extend } from '../utils'
+import { addEventListener, removeAllEventListeners } from '../base/moduleEvent'
+
+/**
+ * register module event listener for every api module except 'globalEvent'.
+ */
+function registerModuleEventListener (name, module, meta) {
+  if (name !== 'globalEvent') {
+    module['addEventListener'] = function (evt, callbackId, options) {
+      return addEventListener.call(this, name, evt, callbackId, options)
+    }
+    module['removeAllEventListeners'] = function (evt) {
+      return removeAllEventListeners.call(this, name, evt)
+    }
+    ; [{
+      name: 'addEventListener',
+      args: ['string', 'function', 'object']
+    }, {
+      name: 'removeAllEventListeners',
+      args: ['string']
+    }].forEach(info => meta[name].push(info))
+  }
+}
 
 const methods = {
   // Register a new component with the specified name.
@@ -13,6 +35,7 @@ const methods = {
   // If the module already exists, just add methods from the
   // new module to the old one.
   registerApiModule (name, module, meta) {
+    registerModuleEventListener(name, module, meta)
     if (!protocol.apiModule[name]) {
       protocol.apiModule[name] = module
     }