import header from "../components/header.vue";
import hotsale from "../components/hotsale.vue";
import banner from "../components/banner.vue";

export default {
  // 路由勾子
  // 增强体验的推荐做法
  route: {
    data() {
      return {
        // 因为 AOP 实现的 $httpWithAuth 方法有性能损耗
        // 有一些职责清晰的业务可能还是需要直接调用 $http
        // 所以，通过将 $httpWithAuth 这个全新方法挂载到上下文来解决
        testData: this.$httpWithAuth
          .get("https://api.test.com/test")
          .then(function (res) {
            return {
              testData: res,
            };
          }),
      };
    },
  },
  ready() {
    console.dir(this.$http);
    console.dir(this.$route);
  },
  data() {
    return {
      testData: {},
    };
  },
  methods: {},
  components: {
    // 注册组件实例
    header,
    hotsale,
    banner,
  },
};

function install(Vue) {
  var _ = require("./util")(Vue);

  // $httpWithAuth
  // 代理 Vue.$http
  // Vue.$resource 是 $http 的上层
  Object.defineProperties(Vue.prototype, {
    $httpWithAuth: {
      get: function () {
        return _handleWrapper(this, this.$http);
      },
    },
  });

  // 代理 $http 模块
  function _handleWrapper(vm, originModule) {
    // 验证方法
    function _auth(promise) {
      promise.then(
        function (rs) {
          // 返回 Promise
          // 这里需要返回 Promise 给组件实例的 route 选项用
          return promise;
        },
        function (err) {
          // 重定向到某个业务 path
          // 一般为 /login 登陆业务
          vm.$route.router.go("/login");
        }
      );
    }

    for (var method in originModule) {
      if (
        originModule.hasOwnProperty(method) &&
        _.isFunction(originModule[method])
      ) {
        // 模块原方法
        var _oF = originModule[method];
        originModule[method] = function () {
          // 绑定验证
          return _auth(_oF.apply(this, arguments));
        }.bind(originModule);
      }
    }

    return originModule;
  }
}

if (window.Vue) {
  Vue.use(install);
}

module.exports = install;