import { createApp } from 'vue'
import website from './config/website'
import axios from './axios';
import router from './router/';
import store from './store';
import i18n from './lang/';
import ElementPlus from 'element-plus'
import * as ElIconModules from '@element-plus/icons-vue'
import 'element-plus/dist/index.css'
import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';
import { getScreen } from './utils/util'
import './permission';
import error from './error';
import md5 from 'md5';
import basicBlock from '../src/components/basic-block/main.vue'
import basicContainer from '../src/components/basic-container/main.vue'
import App from './App.vue'
import 'animate.css'
import dayjs from 'dayjs'
import '../src/styles/common.scss';
import VuePdf from 'vue3-pdfjs'
import OSS from './utils/OSSConf'
axios.defaults.baseURL = '/api'
const app = createApp(App)
//注册全局容器

globalIconComponentHandle(ElIconModules)
app.component('basicContainer', basicContainer)
app.component('basicBlock', basicBlock)
app.config.globalProperties.$dayjs = dayjs
app.config.globalProperties.website = website
app.config.globalProperties.$md5 = md5;
app.config.globalProperties.getScreen = getScreen
app.config.globalProperties.$OSS = OSS
app.use(error);
app.use(i18n)
app.use(store)
app.use(router)
app.use(VuePdf)
app.use(ElementPlus)
app.use(Avue, { axios })
app.mount('#app')

/**添加全局图标 */
function globalIconComponentHandle(icons){
  for(const iconName in icons){
    app.component(iconName,icons[iconName])
  }
}