import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import FtButton from 'components/common/FTButton/index.vue'
import FtDialog from 'components/common/FTDialog/index.vue'
import FtStream from 'components/common/FTStream/index.vue'
import FtTable from 'components/common/FTTable/index.vue'
import ElementPlus from 'element-plus'
import locale from 'element-plus/es/locale/lang/zh-cn'
import ImagesViewerVue3 from 'images-viewer-vue3'
import pinia from 'stores/index'
import { createApp } from 'vue'
import App from './app.vue'
import router from './router'
import 'element-plus/dist/index.css'
import 'assets/styles/main.scss'

const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
app.use(pinia)
app.use(ImagesViewerVue3, {
  zIndex: 999, // Default 999
  language: 'zh-cn', // Default language 'zh'
  scaleRatio: 1, // Default 1
  rotateRatio: 90, // Default 90 degrees
  isEnableDrag: true, // Enabled by default
  isEnableWheel: true, // Enabled by default
  playSpeed: 2000, // playSpeed Default 2000 ms
  isDownLoad: true, // Enabled by default
  isHiddenSiderNav: false, // Enabled by default
  isHiddenSearch: false, // Disable by default
})
app.component('FtTable', FtTable)
app.component('FtButton', FtButton)
app.component('FtDialog', FtDialog)
app.component('FtStream', FtStream)
app
  .use(router)
  .use(ElementPlus, { locale, zIndex: 3000 })
  .mount('#app')