import Pagination from "/@/components/Pagination/index.vue"
import RightToolbar from "/@/components/RightToolbar/index.vue"
import DictTag from "/@/components/DictTag/index.vue"
import DictSelect from "/@/components/DictSelect/index.vue"
import UploadExcel from "/@/components/Upload/Excel.vue"
import UploadFile from "/@/components/Upload/index.vue"
import UploadImg from "/@/components/Upload/Image.vue"
import UploadImgs from "/@/components/Upload/Images.vue"
import UploadQnImgs from "/@/components/Upload/qnImages.vue"

import DelWrap from "/@/components/DelWrap/index.vue"
import Editor from "/@/components/Editor/index.vue"
import Tip from "/@/components/Tip/index.vue"
import TagList from "/@/components/TagList/index.vue"
import SvgIcon from "/@/components/SvgIcon/index.vue"
import PreviewImage from "/@/components/PreviewImage/index.vue"
import PreviewJson from "/@/components/PreviewJson/index.vue"
import DraggableDepTree from "/@/components/DraggableDepTree/index.vue"

// 业务组件
import TreeMultipleSelect from "/@/components/TreeMultipleSelect/index.vue"

import SelectUser from "/@/components/Select/SelectUser.vue"
import SelectWalletType from "/@/components/Select/SelectWalletType.vue"
import SelectMch from "/@/components/Select/SelectMch.vue"
import SelectDept from "/@/components/Select/SelectDept.vue"
import SelectCtcg from "/@/components/Select/SelectCtcg.vue"
import SelectCtcgol from "/@/components/Select/SelectCtcgol.vue"
import SelectHandlerUser from "/@/components/Select/SelectHandlerUser.vue"
import SelectSupermarketSupplier from "/@/components/Select/SelectSupermarketSupplier.vue"
import SelectMchRule from "/@/components/Select/SelectMchRule.vue"
import SelectHardSpuCategory from "/@/components/Select/SelectHardSpuCategory.vue"
import SelectHard from "/@/components/Select/SelectHard.vue"
import SelectHardSpu from "/@/components/Select/SelectHardSpu.vue"
import SelectHardGroup from "/@/components/Select/selectHardGroup.vue"
import SelectRole from "/@/components/Select/SelectRole.vue"
import SelectCabinet from "/@/components/Select/SelectCabinet.vue"
import SelectMchCatory from "/@/components/Select/SelectMchCatory.vue"
import SelectCanteenSupplier from "/@/components/Select/SelectCanteenSupplier.vue"
import SelectWalletInvoice from "/@/components/Select/SelectWalletInvoice.vue"
import SelectNotice from "/@/components/Select/SelectNotice.vue"
import SelectAct from "/@/components/Select/SelectAct.vue"
// 地图组件
import MapSelect from "/@/components/map/map-select.vue"

// 第三方组件
import ElementPlus from "element-plus"
import * as ElementPlusIconsVue from "@element-plus/icons-vue"
import "element-plus/dist/index.css"
import { Pane, Splitpanes } from "splitpanes"
import "splitpanes/dist/splitpanes.css"
// 日历组件
import { setupCalendar } from "v-calendar"
// @ts-ignore 引入VForm3库
import VForm3 from "form-designer-plus" //
import "form-designer-plus/dist/designer.style.css" //引入VForm3样式
// 部门树组件
import vue3TreeOrg from "vue3-tree-org"
import "vue3-tree-org/lib/vue3-tree-org.css"

// 导入声明
import { App } from "vue"

export default {
	install(app: App) {
		app.component("DictTag", DictTag)
		app.component("DictSelect", DictSelect)
		app.component("Pagination", Pagination)
		app.component("RightToolbar", RightToolbar)
		app.component("uploadExcel", UploadExcel)
		app.component("UploadFile", UploadFile)
		app.component("UploadImg", UploadImg)
		app.component("UploadImgs", UploadImgs)
		app.component("UploadQnImgs", UploadQnImgs)
		app.component("Editor", Editor)
		app.component("Tip", Tip)
		app.component("DelWrap", DelWrap)
		app.component("TagList", TagList)
		app.component("SvgIcon", SvgIcon)
		app.component("PreviewImage", PreviewImage)
		app.component("PreviewJson", PreviewJson)
		app.component("DraggableDepTree", DraggableDepTree)
		app.component("TreeMultipleSelect", TreeMultipleSelect)
		app.component("SelectHard", SelectHard)
		app.component("SelectHardSpuCategory", SelectHardSpuCategory)
		app.component("SelectHardSpu", SelectHardSpu)
		app.component("SelectMchCatory", SelectMchCatory)

		app.component("SelectUser", SelectUser)
		app.component("SelectWalletType", SelectWalletType)
		app.component("SelectMch", SelectMch)
		app.component("SelectDept", SelectDept)
		app.component("SelectCtcg", SelectCtcg)
		app.component("SelectCtcgol", SelectCtcgol)
		app.component("SelectHardGroup", SelectHardGroup)
		app.component("SelectHandlerUser", SelectHandlerUser)
		app.component("SelectSupermarketSupplier", SelectSupermarketSupplier)
		app.component("SelectMchRule", SelectMchRule)
		app.component("SelectRole", SelectRole)
		app.component("SelectCabinet", SelectCabinet)
		app.component("SelectCanteenSupplier", SelectCanteenSupplier)
		app.component("SelectWalletInvoice", SelectWalletInvoice)
		app.component("SelectNotice", SelectNotice)
		app.component("SelectAct", SelectAct)

		app.component("MapSelect", MapSelect)

		// 导入全部的elmenet-plus的图标
		for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
			app.component(key, component)
			// 兼容性
			app.component(`ele-${key}`, component)
		}
		// 导入布局插件
		app.component("Splitpanes", Splitpanes)
		app.component("Pane", Pane)
		app.use(ElementPlus) // ELEMENT 组件
		app.use(setupCalendar, {}) // 日历组件
		app.use(VForm3) // 表单设计
		app.use(vue3TreeOrg) // 组织架构组件
	},
}