blackteay/fes.js
1
0
Fork 0
mirror of https://github.com/WeBankFinTech/fes.js.git synced 2025-04-06 03:59:53 +08:00
Code Issues Projects Releases Wiki Activity

fix: 添加[...slug].vue方式替换*.vue实现模糊匹配 (#182)

Browse Source 
* fix: 添加[...slug].vue方式替换*.vue实现模糊匹配

* fix: 兼容大写
This commit is contained in:
听海 2023-04-06 16:28:32 +08:00 committed by GitHub
parent 8bc6bb1af2
commit 8cd4e4d6c8
4 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/guide/route.md
View File

@ -34,7 +34,7 @@ export default {
``` ```
pages pages
├── index.vue # 根路由页面 路径为 / ├── index.vue # 根路由页面 路径为 /
├── *.vue # 模糊匹配 路径为 * ├── [...slug].vue # 模糊匹配 路径为 /:slug(.*)
├── a.vue # 路径 /a ├── a.vue # 路径 /a
├── b # 文件夹b ├── b # 文件夹b
│ ├── index.vue # 路径 /b │ ├── index.vue # 路径 /b

15
packages/fes-preset-built-in/src/plugins/misc/route/index.js
View File

@ -13,7 +13,7 @@ const logger = new Logger('fes:router');
// pages // pages
// ├── index.vue # 根路由页面 路径 / // ├── index.vue # 根路由页面 路径 /
// ├── *.vue # 模糊匹配 路径 * // ├── [...slug].vue # 模糊匹配 路径 /:slug(.*)
// ├── a.vue # 路径 /a // ├── a.vue # 路径 /a
// ├── b // ├── b
// │ ├── index.vue # 路径 /b // │ ├── index.vue # 路径 /b
@ -49,7 +49,8 @@ const getRouteName = function (parentRoutePath, fileName) {
.slice(1) .slice(1)
.replace(/\//g, '_') .replace(/\//g, '_')
.replace(/@/g, '_') .replace(/@/g, '_')
.replace(/\*/g, 'FUZZYMATCH'); .replace(/\*/g, 'FUZZYMATCH')
.replace(/\[...([a-zA-Z]*)\]/, 'FUZZYMATCH-$1');
}; };
const getRoutePath = function (parentRoutePath, fileName, isFile = true) { const getRoutePath = function (parentRoutePath, fileName, isFile = true) {
@ -61,10 +62,14 @@ const getRoutePath = function (parentRoutePath, fileName, isFile = true) {
if (fileName.startsWith('@')) { if (fileName.startsWith('@')) {
fileName = fileName.replace(/@/, ':'); fileName = fileName.replace(/@/, ':');
} }
// /*.vue -> :pathMatch(.*) // /*.vue -> /:pathMatch(.*)
if (fileName.includes('*')) { if (fileName.includes('*')) {
fileName = fileName.replace('*', ':pathMatch(.*)'); fileName = fileName.replace('*', ':pathMatch(.*)');
} }
// /[...slug].vue -> /:slug(.*)
if (/\[...[a-zA-Z]*\]/.test(fileName)) {
fileName = fileName.replace(/\[...([a-zA-Z]*)\]/, ':$1(.*)').replace(':(.*)', ':pathMatch(.*)');
}
return winPath(join(parentRoutePath, fileName)); return winPath(join(parentRoutePath, fileName));
}; };
@ -195,9 +200,9 @@ const rank = function (routes) {
let count = 0; let count = 0;
arr.forEach((sonPath) => { arr.forEach((sonPath) => {
count += 4; count += 4;
if (sonPath.indexOf(':') !== -1 && sonPath.indexOf(':pathMatch(.*)') === -1) { if (sonPath.indexOf(':') !== -1 && sonPath.indexOf('(.*)') === -1) {
count += 2; count += 2;
} else if (sonPath.indexOf(':pathMatch(.*)') !== -1) { } else if (sonPath.indexOf('(.*)') !== -1) {
count -= 1; count -= 1;
} else if (sonPath === '') { } else if (sonPath === '') {
count += 1; count += 1;

0
packages/fes-template/src/pages/@id/add.vue
View File

9
packages/fes-template/src/pages/[...].vue Normal file
View File

@ -0,0 +1,9 @@
<template>
<div> * </div>
</template>
<script setup>
import { useRoute } from '@fesjs/fes';
const route = useRoute();
console.log(route.params);
</script>