maxilo-vue/core/libs/route.js

maxilo web framework.

import utils from '../utils/index.js';
export const route = function(){
    this.routes = [];

    this.more = [];
    this.middlewares = [];
    this.currentIndex = 0;
    this.mGroup = false;

    this.merge = (b) => {
        this.routes.push(...b);
    };

    this.add = (path, component, meta = {}) => {
        let params = {
            name: meta.name,
            path,
            component,
            meta,
            beforeEnter: meta.beforeEnter
        };

        if(this.middleware.length != 0) {
            params['meta']['middlewares'] = this.middlewares;
            this.middlewares = [];
        }

        this.currentIndex = this.routes.push(params);
        return this.mgroup ? this.currentIndex : this;
    };

    this.group = (path, component, callback, meta = {}) => {
        let group = {
            name: meta.name,
            path,
            meta,
            beforeEnter: meta.beforeEnter
        };

        if(component != '') {
            group.component = component;
        }else {
            group.component = {
                render(){
                    return <router-view></router-view>
                }
            }
        }

        if(this.middleware.length != 0) {
            group['meta']['middlewares'] = this.middlewares;
            this.middlewares = [];
        }

        let tmp = new routeItem();
        callback(tmp);
        group.children = tmp.getRoutes();
        this.currentIndex = this.routes.push(group);
        return this.mgroup ? this.currentIndex : this;
    };

    this.middleware = (ms) => {
        this.middlewares = [];
        if(utils.tool.isString(ms)) {
            ms = [ms];
        }

        this.middlewares = ms;
        return this;
    },

    this.middlewareGroup = (ms, rs) => {
        this.mgroup = true;
        if(utils.tool.isString(ms)) {
            ms = [ms];
        }
        let r = rs();
        r.forEach((v) => {
            this.currentIndex = v;
            this.addMiddleware(ms);
        });
        this.mgroup = false;
    };

    this.addMiddleware = (ms) => {
        if(this.currentIndex == 0) {return; }

        if(utils.tool.isString(ms)) {
            ms = [ms];
        }

        this.routes[this.currentIndex - 1]['meta'].middlewares = ms;
        this.currentIndex = 0;
    };

    this.getRoutes = () => {
        return this.routes;
    };
};

let routeItem = function() {
    this.items = [];
    this.add = (path, component, meta = {}) => {
        this.items.push({
            name: meta.name,
            path,
            component,
            meta,
            beforeEnter: meta.beforeEnter
        });
    };

    this.group = (path, component, callback, meta = {}) => {
        let group = {
            name: meta.name,
            path,
            meta,
            beforeEnter: meta.beforeEnter
        };

        if(component != '') {
            group.component = component;
        }

        let tmp = new routeItem();
        callback(tmp);
        group.children = tmp.getRoutes();
        this.items.push(group);
    };

    this.getRoutes = () => {
        return this.items;
    };
};

export default route;