cabloy 5.1.49 → 5.1.50

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## 5.1.50
+
+### Features
+
+- Update tab-related behavior and rendering.
+
+### Bug Fixes
+
+- Reset tabs when the layout refreshes.
+- Improve active tab route matching.
+- Handle alias routes correctly for active tabs.
+- Improve navigation for localized home routes.
+
+### Improvements
+
+- Refine tab rendering logic.
+
 ## 5.1.49
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cabloy",
-  "version": "5.1.49",
+  "version": "5.1.50",
   "gitHead": "2c5c19284bab738e492856189acb6fad74b8a7b7",
   "description": "A Node.js fullstack framework",
   "keywords": [

package/zova/packages-zova/zova/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zova",
-  "version": "5.1.92",
+  "version": "5.1.93",
   "gitHead": "2c5c19284bab738e492856189acb6fad74b8a7b7",
   "description": "A vue3 framework with ioc",
   "keywords": [
@@ -46,7 +46,7 @@
   },
   "dependencies": {
     "zova-core": "^5.1.48",
-    "zova-suite-a-zova": "^5.1.91"
+    "zova-suite-a-zova": "^5.1.92"
   },
   "devDependencies": {
     "clean-package": "^2.2.0",

package/zova/src/suite/a-demo/modules/demo-basic/src/page/toolTwo/controller.tsx

@@ -1,4 +1,3 @@
-import { RouterLink } from '@cabloy/vue-router';
 import { z } from 'zod';
 import { BeanControllerPageBase, Use } from 'zova';
 import { Controller } from 'zova-module-a-bean';
@@ -27,7 +26,6 @@ export class ControllerPageToolTwo extends BeanControllerPageBase {
         <div>{`id: ${pageData?.id}`}</div>
         <div>{`name: ${pageData?.name}`}</div>
         <div>{`married: ${pageData?.married}`}</div>
-        <RouterLink to={this.sys.env.ROUTER_PAGE_HOME}>Go Home</RouterLink>
       </div>
     );
   }

package/zova/src/suite/a-home/modules/home-base/src/config/locale/en-us.ts

@@ -1,5 +1,6 @@
 export default {
   Home: 'Home',
+  GoHome: 'Go Home',
   LanguageEnglish: 'English',
   LanguageChinese: 'Chinese',
 };

package/zova/src/suite/a-home/modules/home-base/src/config/locale/zh-cn.ts

@@ -1,5 +1,6 @@
 export default {
   Home: '主页',
+  GoHome: '返回首页',
   LanguageEnglish: '英语',
   LanguageChinese: '简体中文',
 };

package/zova/src/suite/a-home/modules/home-base/src/page/errorNotFound/controller.tsx

@@ -1,4 +1,3 @@
-import { RouterLink } from '@cabloy/vue-router';
 import { classes } from 'typestyle';
 import { BeanControllerPageBase } from 'zova';
 import { Controller } from 'zova-module-a-bean';
@@ -26,7 +25,14 @@ export class ControllerPageErrorNotFound extends BeanControllerPageBase {
         <div>
           <div class={this.cTitle}>404</div>
           <div class={this.cDescription}>Oops. Nothing here...</div>
-          <RouterLink to={this.sys.env.ROUTER_PAGE_HOME}>Go Home</RouterLink>
+          <button
+            class="btn btn-primary"
+            onClick={() => {
+              this.app.$gotoHome();
+            }}
+          >
+            {this.scope.locale.GoHome()}
+          </button>
         </div>
       </div>
     );

package/zova/src/suite/a-home/modules/home-layoutweb/src/component/layoutWeb/controller.tsx

@@ -92,7 +92,7 @@ export class ControllerLayoutWeb extends BeanControllerBase {
         return this.$$modelMenu.retrieveMenus().data;
       },
       () => {
-        this.$$modelTabs.updateAllTabInfos(this._getInitialTabs());
+        this.$$modelTabs.resetAllTabInfos();
       },
     );
   }

package/zova/src/suite/a-home/modules/home-layoutweb/src/component/layoutWeb/render.header.tsx

@@ -17,7 +17,7 @@ export class RenderHeader extends BeanRenderBase {
             <button
               class="btn btn-square btn-ghost"
               onClick={() => {
-                this.app.$gotoHome({ params: { locale: true } });
+                this.app.$gotoHome();
               }}
             >
               <ZIcon name=":social:cabloy" width={24}></ZIcon>

package/zova/src/suite/a-home/modules/home-layoutweb/src/component/layoutWeb/render.locale.tsx

@@ -22,13 +22,10 @@ export class RenderLocale extends BeanRenderBase {
                     <a
                       onClick={event => {
                         if (metaLocale) {
-                          const fullPath = this.$router.resolveName(currentRoute.name as any, {
-                            params: Object.assign({}, currentRoute.params, {
-                              locale: key === this.sys.config.locale.default ? '' : key,
-                            }),
+                          this.app.$gotoPage(currentRoute.matched[0].path, {
+                            params: { ...currentRoute.params, locale: key },
                             query: currentRoute.query,
                           });
-                          this.$router.push(fullPath);
                         } else {
                           this.$$serviceLocale.setLocale(key as any);
                         }

package/zova/src/suite/a-home/modules/home-layoutweb/src/component/layoutWeb/render.tabs.tsx

@@ -16,7 +16,6 @@ export class RenderTabs extends BeanRenderBase {
   public renderTabs(): VNode | undefined {
     const $$modelTabs = this.$$modelTabs;
     if (!$$modelTabs) return;
-
     const domTabs = $$modelTabs.tabs.map(tab => {
       return this._renderMenuItem(tab.info as TypeMenuItem, true, tab.tabKey);
     });
@@ -144,9 +143,7 @@ export class RenderTabs extends BeanRenderBase {
 
   private _isMenuLeafCurrent(item: TypeMenuLeaf): boolean {
     if (item.external || !item.link) return false;
-    const currentRoute = this.$currentRoute;
-    if (!currentRoute) return false;
-    return currentRoute.fullPath === item.link;
+    return this.$router.checkActiveOfFullPath(item.link);
   }
 
   private _getMenuItemKey(item: TypeMenuItem): string {

package/zova/src/suite-vendor/a-zova/modules/a-router/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zova-module-a-router",
-  "version": "5.1.22",
+  "version": "5.1.23",
   "gitHead": "09d901d17140a80ee0764211b441cda72fd94663",
   "description": "router",
   "keywords": [

package/zova/src/suite-vendor/a-zova/modules/a-router/src/bean/sys.router.ts

@@ -1,6 +1,7 @@
 import type {
   RouteLocationMatched,
   RouteLocationNormalizedLoaded,
+  RouteLocationNormalizedLoadedGeneric,
   RouteLocationResolvedGeneric,
   Router,
   RouterOptions,
@@ -18,7 +19,7 @@ import {
 import { BeanBase, cast, deepExtend } from 'zova';
 import { Sys } from 'zova-module-a-bean';
 
-import { getRealRouteName, getRouteMatched, isRouterName } from '../lib/utils.js';
+import { getCurrentRoute, getRealRouteName, getRouteMatched, isRouterName } from '../lib/utils.js';
 import {
   IModuleRoute,
   IModuleRouteComponent,
@@ -98,11 +99,10 @@ export class SysRouter extends BeanBase {
   ) {
     const query = options?.query;
     let params = options?.params;
-    if (cast(params)?.locale === true) {
-      const locale =
-        this.app.meta.locale.current === this.sys.config.locale.default
-          ? undefined
-          : this.app.meta.locale.current;
+    const paramsLocale = cast(params)?.locale;
+    if (paramsLocale !== undefined) {
+      const localeCurrent = paramsLocale === true ? this.app.meta.locale.current : paramsLocale;
+      const locale = localeCurrent === this.sys.config.locale.default ? undefined : localeCurrent;
       params = Object.assign({}, params, { locale });
     }
     const pagePath = combineParamsAndQuery(path, { params, query });
@@ -144,6 +144,28 @@ export class SysRouter extends BeanBase {
     return this.sys.meta.module.exists(moduleName);
   }
 
+  public checkActiveOfFullPath(
+    fullPath: string,
+    currentRoute?: RouteLocationNormalizedLoadedGeneric,
+  ): boolean {
+    if (!currentRoute) {
+      currentRoute = getCurrentRoute(this.ctx)?.value;
+    }
+    if (!currentRoute) return false;
+    if (currentRoute.fullPath === fullPath) return true;
+    if (!currentRoute.matched || currentRoute.matched.length === 0) return false;
+    return currentRoute.matched.some(routeAlias => {
+      const fullPathAlias = this.getPagePath(
+        routeAlias.path as never,
+        {
+          params: currentRoute.params,
+          query: currentRoute.query,
+        } as never,
+      );
+      return fullPathAlias === fullPath;
+    });
+  }
+
   public async ensureRoute(pagePath: string) {
     // try to resolve, support alias route
     let route = this._vueRouterSys.resolve(pagePath);

package/zova/src/suite-vendor/a-zova/modules/a-router/src/monkeySys.ts

@@ -57,7 +57,7 @@ export class MonkeySys
       if (options?.returnTo) {
         const returnTo =
           typeof options?.returnTo === 'string' ? options?.returnTo : app.$getCurrentPagePath();
-        if (returnTo !== app.sys.env.ROUTER_PAGE_HOME) {
+        if (returnTo !== app.$getPagePathHome()) {
           query[app.sys.env.ROUTER_KEY_RETURNTO] = returnTo;
         }
       }
@@ -81,7 +81,8 @@ export class MonkeySys
       }
     };
     app.$gotoHome = (options?: IGotoPageOptions) => {
-      return app.$gotoPage(app.sys.env.ROUTER_PAGE_HOME, options);
+      const pagePath = app.$getPagePathHome(options);
+      return app.$gotoPage(pagePath, { ...options, params: undefined });
     };
     app.$gotoLogin = (returnTo?: string, cause?: string) => {
       if (!returnTo && cast(app.meta.$router.currentRoute)?.path === app.sys.env.ROUTER_PAGE_LOGIN)
@@ -102,7 +103,7 @@ export class MonkeySys
       const pagePath =
         returnTo ||
         cast(app.meta.$router.currentRoute)?.query?.[app.sys.env.ROUTER_KEY_RETURNTO] ||
-        app.sys.env.ROUTER_PAGE_HOME;
+        app.$getPagePathHome();
       return pagePath;
     };
     app.$getCurrentPagePath = (): string | undefined => {
@@ -114,5 +115,16 @@ export class MonkeySys
       }
       return cast(app.meta.$router.currentRoute)?.fullPath;
     };
+    app.$getPagePathHome = (options?: IGotoPageOptions): string => {
+      let params = options?.params;
+      if (params?.locale === undefined) {
+        params = Object.assign({}, params, { locale: true });
+      }
+      // not handle options?.query
+      return app.meta.$router.getPagePath(
+        app.sys.env.ROUTER_PAGE_HOME as never,
+        { params } as never,
+      );
+    };
   }
 }

package/zova/src/suite-vendor/a-zova/modules/a-router/src/types/router.ts

@@ -55,6 +55,7 @@ declare module 'zova' {
     $gotoReturnTo(returnTo?: string): TypeGotoPageResult;
     $getReturnTo(returnTo?: string): string;
     $getCurrentPagePath(): string | undefined;
+    $getPagePathHome(options?: IGotoPageOptions): string;
   }
 
   export interface AppMeta {

package/zova/src/suite-vendor/a-zova/modules/a-routertabs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zova-module-a-routertabs",
-  "version": "5.1.24",
+  "version": "5.1.25",
   "gitHead": "09d901d17140a80ee0764211b441cda72fd94663",
   "description": "routertabs",
   "keywords": [

package/zova/src/suite-vendor/a-zova/modules/a-routertabs/src/model/tabs.ts

@@ -183,6 +183,10 @@ export class ModelTabs extends BeanModelBase {
     return true;
   }
 
+  resetAllTabInfos() {
+    this.tabs = this._getInitialTabs() as RouteTab[];
+  }
+
   updateAllTabInfos(tabInitials?: RouteTabInitial[]) {
     for (const tab of this.tabs) {
       const tabInitial = tabInitials?.find(item => item.tabKey === tab.tabKey);

package/zova/src/suite-vendor/a-zova/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zova-suite-a-zova",
-  "version": "5.1.91",
+  "version": "5.1.92",
   "gitHead": "2c5c19284bab738e492856189acb6fad74b8a7b7",
   "description": "zova",
   "license": "MIT",
@@ -23,9 +23,9 @@
     "zova-module-a-meta": "^5.1.15",
     "zova-module-a-model": "^5.1.23",
     "zova-module-a-openapi": "^5.1.30",
-    "zova-module-a-router": "^5.1.22",
+    "zova-module-a-router": "^5.1.23",
     "zova-module-a-routerstack": "^5.1.20",
-    "zova-module-a-routertabs": "^5.1.24",
+    "zova-module-a-routertabs": "^5.1.25",
     "zova-module-a-ssr": "^5.1.18",
     "zova-module-a-ssrhmr": "^5.1.16",
     "zova-module-a-ssrserver": "^5.1.15",