import Vue from 'vue';
import App from './App.vue';
import ElementUI from 'element-ui';
import Viewer from 'v-viewer';
import { bootstrap } from '@/cool/core';

import router from '@/router';
import routes from '@/router/routes/views';
import store from '@/store';

import '@/mock';
import '@/icons/index';
import '@/filter/index';
import '@/assets/css/element-variables.scss';
import '@/assets/css/viewer.css';

import '@/assets/iconfont/iconfont.css';

import '@/config/config';
import util from '@/utils/util';
Vue.prototype.$util = util;

Vue.use(Viewer);
Vue.use(ElementUI);

Vue.config.productionTip = false;
Vue.config.keyCodes = {
	// camelCase 不可用
	keyAdd: 107,//+
	keyMinus: 107,//-
	keyQ: 81,//Q
	keyBackspace: 8,//回退
	// 取而代之的是 kebab-case 且用双引号括起来
	"key-add": 107,
	"key-minus": 109,
	"key-q": 81,
	"key-backspace": 8,
}

const conf = {
	store,
	router,
	['view-routes']: routes,
	['x-crud']: {
		crud: {
			// dict: {
			// 	sort: {
			// 		prop: 'order',
			// 		order: 'sort'
			// 	}
			// },
			pagination: {
				props: {
          			layout: 'total, prev, pager, next, sizes, jumper', 
				}
			},
			dict: {
				// 搜索
				search: {
					keyWord: 'search' // 模糊查询的关键字
				},
				// 分页参数
				pagination: {
					page: 'page', // 页数
					size: 'pageSize' // 每页显示的条目
				}
			},
			search: {
				key: {
					placeholder: '这里搜索'
				}
			},
			fn: {
				permission(that) {
					// const { permission } = that.$store.state.menu;
					// const { add, delete: del, update } = that.service.permission || {};

					return {
						// add: permission.includes(add),
						// delete: permission.includes(del),
						// update: permission.includes(update)
						add: true,
						delete: true,
						update: true
					};
				}
			}
		}
	}
};

bootstrap(conf).then(({ router, store }) => {
	store.dispatch('appLoad');

	new Vue({
		router,
		store,
		render: h => h(App)
	}).$mount('#app');
});