import Vue from 'vue'
import App from './App'
import store from '@/store';
import Loading from '@/components/window-loading/index.vue'

Vue.config.productionTip = false;

App.mpType = 'app';

// 引入全局uView
import uView from 'uview-ui'
Vue.use(uView);

// 引入vuex
const vuexStore = require("@/store/$u.mixin.js");
Vue.mixin(vuexStore);

// 创建对象
const app = new Vue({
	store,
	...App
});

// 接口集中管理
import httpInstall from '@/http/install.js'
Vue.use(httpInstall, app)

import http from '@/http/api.js'
Vue.prototype.$http = http

// 公共函数
import globalFunc from '@/utils/func.js'
Vue.use(globalFunc, app);

// #ifdef H5
Vue.directive('loading', {
	bind(el, binding) {
		const loading = new Vue({
			data: {
				isLoading: binding.value
			},
			render(h) {
				return h(Loading, {
					props: {
						isLoading: this.isLoading
					}
				})
			}
		}).$mount()
		el.appendChild(loading.$el)
	},
	update(el, binding) {
		if (binding.value !== binding.oldValue) {
			el.querySelector('.loading-mask').style.display = binding.value ? 'block' : 'none'
		}
	}
})
// #endif

app.$mount()