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 { language, messages } from './lang/';
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';
import crudCommon from '@/mixins/crud.js'
import { getScreen } from './utils/util'
import './permission';
import error from './error';
import avueUeditor from 'components/avue-Ueditor/main.vue'
import basicBlock from 'components/basic-block/main.vue'
import basicContainer from 'components/basic-container/main.vue'
import thirdRegister from './components/third-register/main.vue';
import flowDesign from './components/flow-design/main.vue';
import App from './App.vue'
import 'animate.css'
import dayjs from 'dayjs'
import 'styles/common.scss';
// 业务组件
import tenantPackage from './views/system/tenantpackage.vue';

window.$crudCommon = crudCommon
window.axios = axios;
const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
app.component('avueUeditor', avueUeditor)
app.component('basicContainer', basicContainer)
app.component('basicBlock', basicBlock)
app.component('thirdRegister', thirdRegister);
app.component('flowDesign', flowDesign);
app.component('tenantPackage', tenantPackage);
app.config.globalProperties.$dayjs = dayjs
app.config.globalProperties.website = website
app.config.globalProperties.getScreen = getScreen
app.use(error);
app.use(i18n)
app.use(store)
app.use(router)
app.use(ElementPlus, {
  locale: messages[language]
})
app.use(Avue, {
  axios,
  calcHeight: 10,
  locale: messages[language]
})

import NfDesignBase from '@saber/nf-design-base-elp'
app.use(NfDesignBase)

import NfDesign from '@nutflow/nf-design-elp'
import NfForm from '@nutflow/nf-form-elp'
import NfFormDesign from '@nutflow/nf-form-design-elp'
import NfCustomFields from '@/views/plugin/workflow/components/custom-fields' // 自定义字段
app.use(NfDesign, { locale: messages[language] })
  .use(NfForm)
  .use(NfFormDesign)
  .use(NfCustomFields)

app.mount('#app')