yoho-plugin-router.js 1.72 KB
import Router from 'vue-router';
import pageRoutes from '../pages';
import layout from '../pages/layout';
import common from '../pages/common';
import _ from 'lodash';

const plugin = {
    loadRouters(rous, paths, children) {
        if (_.has(rous, 'path')) {
            let ps = _.flattenDeep(paths).filter(p => p);

            rous.name = _.join(ps, '.');
            if (!children) {
                if (rous.path) {
                    rous.path = _.join(_.dropRight(ps, 1), '/') + (rous.path[0] === '/' ? '' : '/') + rous.path;
                } else {
                    rous.path = _.join(ps, '/') + '.html';
                }
            }

            if (rous.children) {
                _.each(rous.children, child => this.loadRouters(child, [paths, child.name], true));
                return [rous];
            }
            return [rous];
        }
        if (rous.length) {
            return _.map(rous, r => {
                return this.loadRouters(r, [paths, r.name]);
            });
        } else {
            return _.map(rous, (rou, k) => {
                return this.loadRouters(rou, [paths, k]);
            });
        }
    },
    install(Vue) {
        let childRouters = _.flattenDeep(this.loadRouters(pageRoutes));

        if (Vue.$config.homePage) {
            let homePage = _.find(childRouters, router => router.name === Vue.$config.homePage);

            homePage && (homePage.path = '/');
        }

        let routes = [{
            path: '/',
            component: layout,
            children: childRouters
        }];

        routes = routes.concat(common);
        Vue.$router = new Router({
            routes: routes,
            mode: Vue.$config.historyMode
        });
    }
};

export default plugin;