/*
 * @Author       : yuan
 * @Date         : 2025-10-13 10:25:10
 * @LastEditors  : yuan
 * @LastEditTime : 2025-10-13 15:41:02
 * @FilePath     : \src\main.js
 * @Description  :
 * Copyright 2025 OBKoro1, All Rights Reserved.
 * 2025-10-13 10:25:10
 */
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 Vant from 'vant'
// 2. 引入组件样式
import 'vant/lib/index.css'
import { setToastDefaultOptions, resetToastDefaultOptions } from 'vant';
setToastDefaultOptions({ position: 'top' });

import Avue from '@smallwei/avue'
import '@smallwei/avue/lib/index.css'
import avueUeditor from 'avue-plugin-ueditor'
import crudCommon from '@/mixins/crud.js'
import { getScreen } from './utils/util'
import './permission'
import error from './error'
import App from './App.vue'
import 'animate.css'
import dayjs from 'dayjs'
import 'styles/common.scss'

// 系统组件
import debug from './debug'
import VueClipboard from 'vue3-clipboard'
import basicBlock from './components/basic-block/main.vue'
import basicContainer from './components/basic-container/main.vue'
import SvgIcon from './components/SvgIcon.vue'
import thirdRegister from './components/third-register/main.vue'
import flowDesign from './components/flow-design/main.vue'
import flowDesignStep from './components/flow-design-step/main.vue'
// 全局组件
import globalComponents from '@/components'
import globalDirections from '@/directive'

import { onResize, pxToRem } from '@/utils/rem'
onResize()
import 'virtual:svg-icons-register'
window.$crudCommon = crudCommon
debug()
window.axios = axios

const { VITE_APP_BASE, VITE_APP_CESIUM_TOKEN } = import.meta.env

const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
	app.component(key, component)
}
app.component('basicContainer', basicContainer)
app.component('basicBlock', basicBlock)
app.component('thirdRegister', thirdRegister)
app.component('flowDesign', flowDesign)
app.component('flowDesignStep', flowDesignStep)
app.component('SvgIcon', SvgIcon)
// app.component('codeSetting', codeSetting);
// app.component('formSetting', formSetting);
// app.component('tenantPackage', tenantPackage);
// app.component('tenantDatasource', tenantDatasource);
app.config.globalProperties.$app = app
app.config.globalProperties.$dayjs = dayjs
app.config.globalProperties.website = website
app.config.globalProperties.getScreen = getScreen
app.config.globalProperties.pxToRem = pxToRem

app.use(error)
app.use(i18n)
app.use(store)
app.use(router)
app.use(ElementPlus, {
	locale: messages[language],
})
app.use(Vant)

app.use(Avue, {
	axios,
	calcHeight: 10,
	locale: messages[language],
})
app.use(avueUeditor, { axios })
app.use(VueClipboard, {
	autoSetContainer: true,
	appendToBody: true, // 这可以帮助解决一些更复杂的使用场景下的问题
})
app.use(globalComponents)
app.use(globalDirections)
app.mount('#app')