cloud-admin-lite/src/global/utils/router.lock.js

base on vue cloud-ui.vusion template

const routerLock = {
    beforeEach(to, from, next) {
        const matched = to.matched || [];
        const locks = [];
        matched.forEach((item) => {
            if (item.meta && item.meta.locks) {
                const itemLocks = item.meta.locks;
                itemLocks.forEach((lock) => {
                    if (lock.params && lock.params.length) {
                        locks.push(lock);
                    }
                });
            }
        });
        if (!locks.length) {
            next();
            return;
        }
        const includePath = function (path) {
            if (typeof path === 'string') {
                return path === to.name || path === to.path;
            }
            if (path instanceof RegExp) {
                return path.test(to.name) || path.test(to.path);
            }
            return false;
        };

        const fromQuery = from.query;
        const toQuery = to.query;
        let isChanged = false;
        locks.forEach((lock) => {
            // 没有 include 时全通过，当前 to.path 必须是匹配收集到的每个 lock 的
            if (lock.include && !lock.include.some(includePath))
                return;
            if (lock.exclude && lock.exclude.some(includePath))
                return;

            lock.params.forEach((param) => {
                if (!(param in toQuery)) {
                    isChanged = true;
                    toQuery[param] = fromQuery[param];
                }
                if (toQuery[param] === '') {
                    toQuery[param] = undefined;
                } // 美化路由
            });
        });
        if (isChanged) {
            next({
                path: to.path,
                query: toQuery,
            });
        } else {
            next();
        }
    },
    update(query, route, router) {
        if (Object.keys(query).some((key) => query[key] !== route.query[key])) {
            router.push({
                path: route.path,
                query: {
                    ...route.query,
                    ...query,
                },
            });
        }
    },
    install(Vue) {
        Vue.prototype.$routerLock = function (query) {
            return routerLock.update(query, this.$route, this.$router);
        };
    },
};
export default routerLock;