import Vue from 'vue'
import Cookies from 'js-cookie'
import 'normalize.css/normalize.css' // a modern alternative to CSS resets
import Element from 'element-ui'
import './styles/element-variables.scss'
import '@/styles/index.scss' // global css

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

import './icons' // icon
import './permission' // permission control
import './utils/error-log' // error log

import * as filters from './filters' // global filters

// a-mapLayer
import VueAMap from 'vue-amap'
Vue.use(VueAMap)
VueAMap.initAMapApiLoader({
  key: '52dc0f516117d530a2f73538adf20bcc',
  plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'],
  // 默认高德 sdk 版本为 1.4.4
  v: '1.4.4'
})
window._AMapSecurityConfig = {
  securityJsCode: '48f209a1a4600b2bf6247eefcc61549a'
}
// vueAwesomeCountdown
import vueAwesomeCountdown from 'vue-awesome-countdown'
Vue.use(vueAwesomeCountdown, 'vac')

// icon-fonts
import '@/iconfonts/iconfont.css'

// // ECharts
import ECharts from 'vue-echarts' // refers to components/ECharts.vue in webpack
import 'leaflet/dist/leaflet.css'
import '@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css'

Vue.component('v-chart', ECharts)

// vue-quill-editor
import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
// 组织结构图
import 'vue2-org-tree/dist/style.css'
const toolbarOptions = {
  placeholder: '请输入编辑内容',
  theme: 'snow',
  modules: {
    toolbar:
        [
          ['bold', 'italic', 'underline', 'strike'], // 加粗 斜体 下划线 删除线 -----['bold', 'italic', 'underline', 'strike']
          ['blockquote', 'code-block'], // 引用  代码块-----['blockquote', 'code-block']
          [{ header: 1 }, { header: 2 }], // 1、2 级标题-----[{ header: 1 }, { header: 2 }]
          [{ list: 'ordered' }, { list: 'bullet' }], // 有序、无序列表-----[{ list: 'ordered' }, { list: 'bullet' }]
          [{ script: 'sub' }, { script: 'super' }], // 上标/下标-----[{ script: 'sub' }, { script: 'super' }]
          [{ indent: '-1' }, { indent: '+1' }], // 缩进-----[{ indent: '-1' }, { indent: '+1' }]
          [{ 'direction': 'rtl' }], // 文本方向-----[{'direction': 'rtl'}]
          [{ size: ['small', false, 'large', 'huge'] }], // 字体大小-----[{ size: ['small', false, 'large', 'huge'] }]
          [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题-----[{ header: [1, 2, 3, 4, 5, 6, false] }]
          [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色-----[{ color: [] }, { background: [] }]
          [{ font: [] }], // 字体种类-----[{ font: [] }]
          [{ align: [] }], // 对齐方式-----[{ align: [] }]
          ['clean'], // 清除文本格式-----['clean']
          ['image'], // 链接、图片、视频-----['link', 'photo', 'video']
          [
            { table: 'TD' },
            { 'table-insert-row': 'TIR' },
            { 'table-insert-column': 'TIC' },
            { 'table-delete-row': 'TDR' },
            { 'table-delete-column': 'TDC' }
          ]
        ]
  }
}
Vue.use(VueQuillEditor, toolbarOptions)

// Contextmenu
import Contextmenu from 'vue-contextmenujs'
Vue.use(Contextmenu)

Vue.use(Element, {
  size: Cookies.get('size') || 'medium' // set element-ui default size
})

// register global utility filters
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})
import htmlToPdf from '@/utils/htmlToPdf'
Vue.use(htmlToPdf)
Vue.config.productionTip = false

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