feat(projects): add props: true if route has params

soybeanjs · Nov 6, 2023 · f535d8b · f535d8b
1 parent 02c2382
commit f535d8b
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/examples/template-vue/src/router/elegant/routes.ts b/examples/template-vue/src/router/elegant/routes.ts
@@ -124,7 +124,6 @@ export const generatedRoutes: GeneratedRoute[] = [
     name: 'user',
     path: '/user/:id',
     component: 'layout.base$view.user',
-    props: true,
     meta: {
       title: 'user'
     }

diff --git a/examples/template-vue/src/router/elegant/transform.ts b/examples/template-vue/src/router/elegant/transform.ts
@@ -72,6 +72,11 @@ function transformElegantRouteToVueRoute(
 
   const vueRoutes: RouteRecordRaw[] = [];
 
+  // add props: true to route
+  if (route.path.includes(':') && !route.props) {
+    route.props = true;
+  }
+
   const { name, path, component, children, ...rest } = route;
 
   const vueRoute = { name, path, ...rest } as RouteRecordRaw;
@@ -132,6 +137,9 @@ function transformElegantRouteToVueRoute(
   return vueRoutes;
 }
 
+/**
+ * map of route name and route path
+ */
 const routeMap: RouteMap = {
   "root": "/",
   "not-found": "/:pathMatch(.*)*",
@@ -155,8 +163,8 @@ const routeMap: RouteMap = {
  * get route path by route name
  * @param name route name
  */
-export function getRoutePath(name: RouteKey) {
-  return routeMap[name] || null;
+export function getRoutePath<T extends RouteKey>(name: T) {
+  return routeMap[name];
 }
 
 /**

diff --git a/packages/vue/src/core/transform.ts b/packages/vue/src/core/transform.ts
@@ -98,6 +98,11 @@ function transformElegantRouteToVueRoute(
 
   const vueRoutes: RouteRecordRaw[] = [];
 
+  // add props: true to route
+  if (route.path.includes(':') && !route.props) {
+    route.props = true;
+  }
+
   const { name, path, component, children, ...rest } = route;
 
   const vueRoute = { name, path, ...rest } as RouteRecordRaw;
@@ -169,8 +174,8 @@ const routeMap: RouteMap = {
  * get route path by route name
  * @param name route name
  */
-export function getRoutePath(name: RouteKey) {
-  return routeMap[name] || null;
+export function getRoutePath<T extends RouteKey>(name: T) {
+  return routeMap[name];
 }
 
 /**