/* eslint-disable no-console */
/* eslint-disable no-restricted-globals */
import './config/AirGlobal'

// 引入Vue createApp
import { createApp } from 'vue'

import './assets/css/iconfont/iconfont.css'

// 引入Element Plus
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import './assets/css/element.rewrite.scss'
import * as Icons from '@element-plus/icons-vue'

// 引入样式
import './assets/css/animation.scss'
import './assets/css/font.css'
import './assets/css/global.scss'

// Element Plus 中文
import zhCn from 'element-plus/es/locale/lang/zh-cn'

// 入口视图
import { createPinia } from 'pinia'
import App from './App.vue'

// AirConfig
import { AirConfig } from './config/AirConfig'
import { AirStore } from './store/AirStore'
import { AirVersion } from './helper/AirVersion'

// Vue初始化
const app = createApp(App)

app.use(createPinia())

// Element Plus 初始化
app.use(ElementPlus, { zIndex: 3000, locale: zhCn })

// 全局注册Element Plus 图标
Object.keys(Icons).forEach((key) => {
  app.component(key, Icons[key as keyof typeof Icons])
})

export { app }

console.clear()

console.log(
  `%c©%cAirPower%c4T%c${AirConfig.version}%c\n已支持: Web、微信小程序、uniapp\n\n%c🔥🔥🔥AirPower系列开源项目推荐\n
%c基础脚手架: https://github.com/HammCn/AirPower
%c后端(Java): https://github.com/HammCn/AirPower4J
  `,
  `padding:20px 0px 0px 0px;
  font-size:24px;font-weight:bold;
  color:#f39800;`,
  'font-size:24px;color:#f39800;',
  'font-size:24px;color:#0083c0;',
  'font-size:12px;color:#fff;background-color:#ff4500;padding:1px 5px;border-radius:3px;',
  'font-size:12px;color:#ccc;padding-bottom:50px;',

  'font-size:10px;color:#333;padding-bottom:5px;',
  'font-size:10px;color:#ccc;padding-bottom:5px;',
  'font-size:10px;color:#ccc;padding-bottom:5px;',
)
console.groupCollapsed('%cRuntime', 'font-size:12px;color:#333;font-weight:300;')
console.log(
  `%cVue\t\t\t\t%cv${app.version}`,
  'font-size:12px;color:#999;',
  'font-size:12px;color:#333;',
)
console.log(
  `%cElement Plus\t%cv${ElementPlus.version}`,
  'font-size:12px;color:#999;',
  'font-size:12px;color:#333;',
)
console.log(import.meta.env)
console.groupEnd()
if (!import.meta.env.DEV) {
  console.groupCollapsed('%cConsole', 'font-size:12px;color:#333;font-weight:300;')
}

AirVersion.check()

app.directive('tip', {
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  mounted(el: any, binding: any) {
    el.addEventListener('mouseover', () => {
      if (binding.value) {
        AirStore().tooltipRef = el
        AirStore().tooltip = binding.value
      }
    })
  },
})