const RouterPlugin = function() {
|
this.$router = null
|
this.$store = null
|
}
|
RouterPlugin.install = function(router, store) {
|
this.$router = router
|
this.$store = store
|
function isURL(s) {
|
return /^http[s]?:\/\/.*/.test(s)
|
}
|
function objToform(obj) {
|
const result = []
|
Object.keys(obj).forEach(ele => {
|
result.push(`${ele}=${obj[ele]}`)
|
})
|
return result.join('&')
|
}
|
this.$router.$avueRouter = {
|
// 全局配置
|
$website: this.$store.getters.website,
|
routerList: [],
|
group: '',
|
safe: this,
|
// 设置标题
|
setTitle: function(title) {
|
title = title ? `${title}——${this.$website.title}` : this.$website.title
|
document.title = title
|
},
|
closeTag: (value) => {
|
const tag = value || this.$store.getters.tag
|
this.$store.commit('DEL_TAG', tag)
|
},
|
// 处理路由
|
getPath: function(params) {
|
const { src } = params
|
let result = src || '/'
|
if (src.includes('http') || src.includes('https')) {
|
result = `/myiframe/urlPath?${objToform(params)}`
|
}
|
return result
|
},
|
// 正则处理路由
|
vaildPath: function(list, path) {
|
let result = false
|
list.forEach(ele => {
|
if (new RegExp('^' + ele + '.*', 'g').test(path)) {
|
result = true
|
}
|
})
|
return result
|
},
|
// 设置路由值
|
getValue: function(route) {
|
let value = ''
|
if (route.query.src) {
|
value = route.query.src
|
} else {
|
value = route.path
|
}
|
return value
|
},
|
// 动态路由
|
formatRoutes: function(aMenu = [], first) {
|
const aRouter = []
|
const propsConfig = this.$website.menu.props
|
const propsDefault = {
|
label: propsConfig.label || 'label',
|
path: propsConfig.path || 'path',
|
icon: propsConfig.icon || 'icon',
|
children: propsConfig.children || 'children',
|
meta: propsConfig.meta || 'meta'
|
}
|
if (aMenu.length === 0) return
|
for (let i = 0; i < aMenu.length; i++) {
|
const oMenu = aMenu[i]
|
if (this.routerList.includes(oMenu[propsDefault.path])) return
|
const path = (() => {
|
if (!oMenu[propsDefault.path]) {
|
return
|
} else if (first) {
|
return oMenu[propsDefault.path].replace('/index', '')
|
} else {
|
return oMenu[propsDefault.path]
|
}
|
})()
|
|
//特殊处理组件
|
const component = 'views' + oMenu.path
|
|
const name = oMenu[propsDefault.label]
|
|
const icon = oMenu[propsDefault.icon]
|
|
const children = oMenu[propsDefault.children]
|
|
const meta = {
|
keepAlive: Number(oMenu['keepAlive']) === 1
|
}
|
const isChild = children.length !== 0
|
const oRouter = {
|
path: path,
|
component(resolve) {
|
// 判断是否为首路由
|
if (first) {
|
require(['../page/index'], resolve)
|
|
// 判断是否为多层路由
|
} else if (isChild && !first) {
|
require(['../page/index/layout'], resolve)
|
|
// 判断是否为最终的页面视图
|
} else {
|
require([`../${component}.vue`], resolve)
|
}
|
},
|
name: name,
|
icon: icon,
|
meta: meta,
|
redirect: (() => {
|
if (!isChild && first && !isURL(path)) return `${path}/index`
|
else return ''
|
})(),
|
// 处理是否为一级路由
|
children: !isChild ? (() => {
|
if (first) {
|
if (!isURL(path)) oMenu[propsDefault.path] = `${path}/index`
|
return [{
|
component(resolve) { require([`../${component}.vue`], resolve) },
|
icon: icon,
|
name: name,
|
meta: meta,
|
path: 'index'
|
}]
|
}
|
return []
|
})() : (() => {
|
return this.formatRoutes(children, false)
|
})()
|
}
|
aRouter.push(oRouter)
|
}
|
if (first) {
|
if (!this.routerList.includes(aRouter[0][propsDefault.path])) {
|
this.safe.$router.addRoutes(aRouter)
|
this.routerList.push(aRouter[0][propsDefault.path])
|
}
|
} else {
|
return aRouter
|
}
|
}
|
}
|
}
|
export default RouterPlugin
|
