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;