pwfe-dom/src/lib/match.js

palmg web front end dom

import {get} from './context'

const matchRoutes = [];
let hasInit = false, //标识是否已经完成初始化
    //hasRoutes = false, //标识是否存在routes列表
    routes = false
/*const initMatchRoutes = (routes) => { //初始化路由匹配
        if (routes && 0 < routes.length) {
            for (let i of routes) {
                const {url, id, module} = i, flag = ':', pos = url.indexOf(flag) - 1,
                    suffix = 0 < pos ? url.match(/\:[\w]+/g) : false
                matchRoutes.push({
                    url: suffix ? url.replace(/\:[\w]+/g, "[\\w]+") : url,
                    id: id,
                    module: module,
                    suffix: suffix
                })
            }
            hasRoutes = true
        }
    },
    getMatchRoute = (url) => {
        for (let i of matchRoutes) {
            let match; //标识是否匹配上[true|false]
            let reg = new RegExp(`^${i.url}\/?$`);
            match = (-1 < url.search(reg))
            if (match) return i
        }
        //代码执行到这里证明没有匹配上
        console.warn("url match none!check you routes's config")
        return false
    }*/

const getMatchRoute = (path) => {
    for(let route of routes){
        if(route.url === path){
            return route
        }
    }
    return false
}

/**
 * 获取与url匹配的route。
 * 如果没有初始化匹配列表，或单个URL匹配失败则返回fasle。
 * @param url
 * @returns {*}
 */
export default (path) => { //根据传入的url从路由匹配中获取route数据
    !hasInit && (() => {
        routes = get('routes')
        hasInit = true
    })()

    return routes ? getMatchRoute(path) : false
}