kn-cli 1.0.45 → 1.0.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kn-cli",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "description": "",
   "main": "index.js",
   "scripts": {

package/readme.md

@@ -66,6 +66,12 @@ module.exports = {
 ```
 
 # 更新日志
+* 1.0.47  
+  后管模板工程对菜单路由的隐藏子路由控制方法  
+
+* 1.0.46  
+  模板工程下增加jsconfig.json用于解决配置资源根目录别名后vscode无法快捷定位文件  
+  
 * 1.0.45  
   后管模板创建不了的问题  
   

package/templates/template_admin/jsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "paths": {
+      "@/*": ["./public/src/*"]
+    }
+  },
+}

package/templates/template_admin/public/src/components/Menu/index.jsx

@@ -62,10 +62,19 @@ const LeftMenu=(props)=>{
     let groupKeys=[];
     for(let key in menuList){
       const menuItem = menuList[key];
-      const {path,routeTemplate}= menuItem.source;
+      const {path,routeTemplate,subRoute}= menuItem.source;
       if(path){
         let fn = matchPath;
         let match= fn(routeTemplate||path,curRoute.pathname);
+        if(!match&&subRoute){
+          match= subRoute.some(sub=>{
+            let subMatch= fn(sub.routeTemplate||sub.path,curRoute.pathname);
+            if(subMatch){
+              return true;
+            }
+            return false;
+          })
+        }
         if(match){
           groupKeys = menuItem.routepath?menuItem.routepath.split('-'):'';
         }

package/templates/template_admin/public/src/components/TopMenu/index.jsx

@@ -11,7 +11,22 @@ import styles from './index.less';
 import {GET_MENU} from '@/services/auth';
 
 
-
+/**
+ * 菜单下的隐藏子路由集
+ * 当这些隐藏子路由打开的时候，导航栏的选中菜单会显示被匹配的这个子菜单
+ */
+const SUB_MENU_CONFIG=[
+  {
+    path:'/video',//匹配菜单路由是/video的菜单
+    // routeTemplate:''匹配某个模板菜单的模板
+    subRoute:[
+      {
+        path:'/video/detail',//将video/detail这个路由匹配给菜单/video
+        // routeTemplate:''//也可以将某个路由模板匹配给某个菜单
+      }
+    ]
+  },
+]
 
 /**
  * 顶部导航栏
@@ -66,17 +81,31 @@ const TopMenu=(props)=>{
     return item;
   }
 
+  const getSubConfig=(menu)=>{
+    const {url,routeTemplate}= menu;
+    for(let i=0;i<SUB_MENU_CONFIG.length;i++){
+      let sub= SUB_MENU_CONFIG[i];
+      if(routeTemplate&&sub.routeTemplate&&routeTemplate==sub.routeTemplate){
+        return sub.subRoute;
+      }
+      if(url&&sub.path&&url==sub.path){
+        return sub.subRoute;
+      }
+    }
+    return null;
+  }
   const transServicesMenuChildren=(menu)=>{
     let req=[];
     for(let i=0;i<menu.length;i++){
       let item= menu[i];
-      const {url:path,name:label,icon,children:menus}= item;
+      const {url:path,name:label,icon,children:menus,routeTemplate}= item;
       let children;
       if(menus&&menus.length>0){
         children= transServicesMenuChildren(menus);
       }
+      let subRoute= getSubConfig(item);
       req.push({
-        path,label,icon,children
+        path,label,icon,children,routeTemplate,subRoute
       })
     }
     return req;
@@ -111,10 +140,20 @@ const TopMenu=(props)=>{
   }
 
   const GET_ROUTE_MENU=(menu)=>{
-    const {routeTemplate,path} = menu;
+    const {routeTemplate,path,subRoute} = menu;
     const children = menu.children||menu.menus||null;
     if(routeTemplate||path){
       let match= matchPath(routeTemplate||path,curRoute.pathname);
+      if(!match&&subRoute){
+        match= subRoute.some(sub=>{
+          let subMatch= matchPath(sub.routeTemplate||sub.path,curRoute.pathname);
+          if(subMatch){
+            console.log(`match sub route: ${sub.routeTemplate||sub.path} -> ${curRoute.pathname}` )
+            return true;
+          }
+          return false;
+        });
+      }
       if(match){
         console.log(`match route: ${routeTemplate||path} -> ${curRoute.pathname}` )
         return true;

package/templates/template_app/jsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "paths": {
+      "@/*": ["./public/src/*"]
+    }
+  },
+}