import Vue from 'vue'
import Cookies from 'js-cookie'
import 'normalize.css/normalize.css'
import Element from 'element-ui'

// 数据字典
import dict from './components/Dict'

// 权限指令
import checkPer from '@/utils/permission'
import permission from './components/Permission'
import './assets/styles/element-variables.scss'
// global css
import './assets/styles/index.scss'
import './assets/iconfonts/iconfont.js'

// 代码高亮
import VueHighlightJS from 'vue-highlightjs'
import 'highlight.js/styles/atom-one-dark.css'

import App from './App'
import store from './store'
import router from './router/routers'

import './assets/icons' // icon
import './router/index' // permission control
import 'echarts-gl'

import uploader from 'vue-simple-uploader'

import ArchivesListModule from './views/components/archivesListModule/index'
Vue.component('ArchivesListModule', ArchivesListModule)

import VueViewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'

import Print from 'vue-print-nb'

// 加载用户主题
if (localStorage.getItem('themeValue')) {
  window.document.documentElement.setAttribute('data-theme', localStorage.getItem('themeValue'))
}

// 全局注册过滤 - 时间
import { parseTime } from '@/utils/index.js'
Vue.filter('parseTime', function(time, cFormat) {
  return parseTime(time, cFormat)
})

// 记得把样式也一起引入进来
// import VueKatex from 'vue-katex'
// import 'katex/dist/katex.min.css'
// Vue.use(VueKatex, {
//   globalOptions: {
//     // 定义好界定符，好让它能够找到渲染的latex公式块
//     delimiters: [
//       { left: '$$', right: '$$', display: true },
//       { left: '$', right: '$', display: false },
//       { left: '\\(', right: '\\)', display: false },
//       { left: '\\[', right: '\\]', display: true }
//     ],
//     throwOnError: false
//     // ... Define globally applied KaTeX options here
//   }
// })

import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'

Vue.use(mavonEditor)

Vue.use(uploader)
Vue.use(checkPer)
Vue.use(VueHighlightJS)
Vue.use(VueViewer)
Vue.use(permission)
Vue.use(dict)
Vue.use(Element, {
  size: Cookies.get('size') || 'small' // set element-ui default size
})
Vue.use(Print)

import X2js from 'x2js' // xml数据处理插件
Vue.prototype.$x2js = new X2js() // 创建x2js对象，挂到vue原型上

Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})