release 0.0.1

egoist · egoist · commit 3918a77b0b2d · 2015-11-18T00:54:25.000+08:00
diff --git a/README.md b/README.md
@@ -19,7 +19,7 @@ import { directive as preload } from 'vue-preload'
 Vue.directive('preload', preload)
 ```
 
-Then replace your `v-on:click="handleClick"` with `v-preload:"handleClick"`, and do make a small changes:
+Then replace your `v-on:click="handleClick"` with `v-preload:"handleClick"`, and make a small change:
 
 ```javascript
 ...
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-preload",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "description": "Preloading data for Vue component",
   "main": "index.js",
   "scripts": {
diff --git a/src/directive.js b/src/directive.js
@@ -4,30 +4,50 @@ export const directive = {
   bind() {
     this.preLoading = false
     this.tmp = {}
+    this.firstBlood = false
+    this.mouseOver = false
     this.handleMouseOver = (e) => {
       if (this.preLoading) {
         return
       }
       this.preLoading = true
       this.vm[this.expression].call(null, this, e)
     }
+    this.handleMouseLeave = (e) => {
+      this.mouseOver = false
+      this.firstBlood = false
+    }
     this.handleClick = (e) => {
       e.preventDefault()
-      for(const key in this.tmp) {
-        this.vm.$set(key, this.tmp[key])
+      if (this.mouseOver && this.firstBlood) {
+        return this.handleMouseOver(e)
       }
+      this.firstBlood = true
+      this.setState(this.tmp)
     }
     _.on(this.el, 'mouseover', this.handleMouseOver)
+    _.on(this.el, 'mouseleave', this.handleMouseLeave)
     _.on(this.el, 'click', this.handleClick)
   },
   set(obj) {
     this.tmp = obj
   },
+  setState(state) {
+    for(const key in state) {
+      this.vm.$set(key, state[key])
+    }
+  },
   end() {
     this.preLoading = false
+    if (this.mouseOver) {
+      this.setState(this.tmp)
+    }
+    this.mouseOver = true
   },
   reset() {
     _.off(this.el, 'mouseover', this.handleMouseOver)
+    _.off(this.el, 'mouseleave', this.handleMouseLeave)
+    _.off(this.el, 'click', this.handleClick)
   },
   unbind() {
     this.reset()

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "vue-preload",`
`3`		`- "version": "0.0.0",`
	`3`	`+ "version": "0.0.1",`
`4`	`4`	`"description": "Preloading data for Vue component",`
`5`	`5`	`"main": "index.js",`
`6`	`6`	`"scripts": {`