vue-preload/lib/directive.js

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.directive = undefined;

var _vue = require('vue');

var directive = exports.directive = {
  bind: function bind() {
    var _this = this;

    this.preLoading = false;
    this.tmp = null;
    this.clickToPreload = false;
    this.handleMouseOver = function (e) {
      if (_this.preLoading) {
        return;
      }
      _this.preLoading = true;
      _this.vm[_this.expression].call(null, _this, e);
    };
    this.handleMouseLeave = function (e) {};
    this.handleClick = function (e) {
      e.preventDefault();
      if (!_this.tmp && !_this.preLoading) {
        _this.clickToPreload = true;
        return _this.handleMouseOver(e);
      }
      _this.setState(_this.tmp);
    };
    _vue.util.on(this.el, 'mouseover', this.handleMouseOver);
    _vue.util.on(this.el, 'mouseleave', this.handleMouseLeave);
    _vue.util.on(this.el, 'click', this.handleClick);
  },
  set: function set(obj) {
    this.tmp = obj;
  },
  setState: function setState(state) {
    for (var key in state) {
      this.vm.$set(key, state[key]);
    }
    this.tmp = null;
  },
  end: function end() {
    this.preLoading = false;
    if (this.clickToPreload) {
      this.setState(this.tmp);
      this.clickToPreload = false;
    }
  },
  reset: function reset() {
    _vue.util.off(this.el, 'mouseover', this.handleMouseOver);
    _vue.util.off(this.el, 'mouseleave', this.handleMouseLeave);
    _vue.util.off(this.el, 'click', this.handleClick);
  },
  unbind: function unbind() {
    this.reset();
  }
};