add: dom dispatchEvent

hilongjw · Jun 18, 2017 · 6978fe4 · 6978fe4
1 parent fe2dce0
commit 6978fe4
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 8 deletions.
diff --git a/build.js b/build.js
@@ -20,16 +20,20 @@ rollup.rollup({
     ]
 })
 .then(bundle => {
-    return write(path.resolve(__dirname, 'vue-lazyload.js'), bundle.generate({
-        format: 'umd',
-        moduleName: 'VueLazyload'
-    }).code)
+  return write(path.resolve(__dirname, 'vue-lazyload.js'), rewriteVersion(bundle.generate({
+      format: 'umd',
+      moduleName: 'VueLazyload'
+  }).code))
 })
 .then(() => {
     console.log('Vue-Lazyload.js v' + version + ' builded')
 })
 .catch(console.log)
 
+function rewriteVersion (code) {
+  return code.replace('__VUE_LAZYLOAD_VERSION__', version)
+}
+
 function getSize (code) {
   return (code.length / 1024).toFixed(2) + 'kb'
 }

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-lazyload",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Vue module for lazy-loading images in your vue.js applications.",
   "main": "vue-lazyload.js",
   "scripts": {

diff --git a/src/lazy.js b/src/lazy.js
@@ -20,12 +20,14 @@ const DEFAULT_EVENTS = ['scroll', 'wheel', 'mousewheel', 'resize', 'animationend
 
 export default function (Vue) {
     return class Lazy {
-        constructor ({ preLoad, error, preLoadTop, loading, attempt, silent, scale, listenEvents, hasbind, filter, adapter }) {
+        constructor ({ preLoad, error, preLoadTop, dispatchEvent, loading, attempt, silent, scale, listenEvents, hasbind, filter, adapter }) {
+            this.version = '__VUE_LAZYLOAD_VERSION__'
             this.ListenerQueue = []
             this.TargetIndex = 0
             this.TargetQueue = []
             this.options = {
                 silent: silent || true,
+                dispatchEvent: !!dispatchEvent,
                 preLoad: preLoad || 1.3,
                 preLoadTop: preLoadTop || 0,
                 error: error || DEFAULT_URL,
@@ -313,6 +315,13 @@ export default function (Vue) {
 
             this.$emit(state, listener, cache)
             this.options.adapter[state] && this.options.adapter[state](listener, this.options)
+
+            if (this.options.dispatchEvent) {
+                const event = new CustomEvent(state, {
+                    detail: listener
+                })
+                el.dispatchEvent(event)
+            }
         }
 
         /**