import website from '@/config/website'

const modules = import.meta.glob('../**/**/*.vue')

function isURL(s) {
	return /^http[s]?:\/\/.*/.test(s)
}

let RouterPlugin = function () {
	this.$router = null
	this.$store = null
}
RouterPlugin.install = function (option = {}) {
	this.$router = option.router
	this.$store = option.store
	let i18n = option.i18n.global
	this.$router.$avueRouter = {
		safe: this,
		// 设置标题
		setTitle: title => {
			const defaultTitle = i18n.t('title')
			title = title ? `${title} | ${defaultTitle}` : defaultTitle
			document.title = title
		},
		closeTag: value => {
			let tag = value || this.$store.getters.tag
			if (typeof value === 'string') {
				tag = this.$store.getters.tagList.find(ele => ele.fullPath === value)
			}
			this.$store.commit('DEL_TAG', tag)
		},
		generateTitle: (item, props = {}) => {
			let query = item[props.query || 'query'] || {}
			let title = query.name || item[props.label || 'label']
			let meta = item[props.meta || 'meta'] || {}
			let key = meta.i18n
			if (key) {
				const hasKey = i18n.te('route.' + key)
				if (hasKey) return i18n.t('route.' + key)
			}
			return title ? title.split(',')[0] : title
		},
		//动态路由
		formatRoutes: function (aMenu = [], first) {
			const aRouter = []
			const propsDefault = website.menu

			if (aMenu && aMenu.length === 0) return
			for (let i = 0; i < aMenu.length; i++) {
				const oMenu = aMenu[i]
				let path = oMenu[propsDefault.path],
					isComponent = true,
					component = oMenu.component,
					name = oMenu[propsDefault.label] + ',' + oMenu.id,
					icon = oMenu[propsDefault.icon],
					children = oMenu[propsDefault.children],
					query = oMenu[propsDefault.query],
					meta = oMenu[propsDefault.meta]
				if (option.keepAlive) {
					meta.keepAlive = option.keepAlive
				}
				const isChild = !!(children && children.length !== 0)
				const oRouter = {
					path: path,
					component: (() => {
						// 判断是否为首路由
						if (first) {
							return modules[
								option.store.getters.isMacOs || !website.setting.menu
									? '../page/index/layout.vue'
									: '../page/index/index.vue'
							]
							// 判断是否为多层路由
						} else if (isChild && !first) {
							return modules['../page/index/layout.vue']
							// 判断是否为最终的页面视图
						} else {
							let result = modules[`../${component}.vue`]
							if (result) result().then(mod => (mod.default.name = path))
							else {
								isComponent = false
							}
							return result
						}
					})(),
					name,
					icon,
					meta,
					query,
					redirect: (() => {
						if (!isChild && first) return `${path}`
						else return ''
					})(),
					// 处理是否为一级路由
					children: !isChild
						? (() => {
								if (first) {
									oMenu[propsDefault.path] = `${path}`
									let result = modules[`../${component}.vue`]
									if (result) result().then(mod => (mod.default.name = path))
									else {
										isComponent = false
									}
									return [
										{
											component: result,
											icon: icon,
											name: name,
											meta: meta,
											query: query,
											path: '',
										},
									]
								}
								return []
						  })()
						: (() => {
								return this.formatRoutes(children, false)
						  })(),
				}
				if (!isURL(path) && isComponent) aRouter.push(oRouter)
			}
			if (first) {
				aRouter.forEach(ele => this.safe.$router.addRoute(ele))
			} else {
				return aRouter
			}
		},
	}
}
export const formatPath = (ele, first) => {
	const propsDefault = website.menu
	const icon = ele[propsDefault.icon]
	ele[propsDefault.icon] = !icon ? propsDefault.iconDefault : icon
	ele.meta = {
		keepAlive: ele.isOpen === 2,
	}
	const iframeComponent = 'components/iframe/main'
	const iframeSrc = href => {
		return href.replace(/&/g, '#')
	}
	const isChild = !!(ele[propsDefault.children] && ele[propsDefault.children].length !== 0)
	if (!isChild && first) {
		ele.component = 'views' + ele[propsDefault.path]
		if (isURL(ele[propsDefault.href])) {
			let href = ele[propsDefault.href]
			ele.component = iframeComponent
			ele[propsDefault.query] = {
				url: iframeSrc(href),
			}
		}
	} else {
		ele[propsDefault.children] &&
			ele[propsDefault.children].forEach(child => {
				child.component = 'views' + child[propsDefault.path]
				child.meta = {
					keepAlive: child.isOpen === 2,
				}
				if (isURL(child[propsDefault.href])) {
					let href = child[propsDefault.href]
					child[propsDefault.path] = ele[propsDefault.path] + '/' + child.code
					child.component = iframeComponent
					child[propsDefault.query] = {
						url: iframeSrc(href),
					}
				}
				formatPath(child)
			})
	}
}
export default RouterPlugin