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;
|
