cabloy 5.1.46 → 5.1.48

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## 5.1.48
+
+### Bug Fixes
+
+- Prevent crashes caused by disposed modules during SSR history navigation.
+
+### Improvements
+
+- Update the `ssrMenuGroup` demo.
+
+## 5.1.47
+
+### Bug Fixes
+
+- Fix web header navigation rendering.
+- Prevent web header dropdown menus from being clipped.
+
+### Improvements
+
+- Update internal project dependencies and maintenance changes.
+
 ## 5.1.46
 
 ### Improvements

package/package.json

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

package/vona/src/suite/a-demo/modules/demo-basic/src/bean/ssrMenuGroup.demo.ts

@@ -13,7 +13,7 @@ export interface ISsrMenuGroupOptionsDemo extends IDecoratorSsrMenuGroupOptions<
   item: {
     title: $locale('Demo'),
     order: $order(2),
-    icon: ':editor:code-block',
+    icon: undefined,
   },
   site: ['basic-siteweb:web'],
 })

package/zova/packages-utils/zova-jsx/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zova-jsx",
-  "version": "1.1.53",
+  "version": "1.1.54",
   "gitHead": "2c5c19284bab738e492856189acb6fad74b8a7b7",
   "description": "Zova JSX",
   "keywords": [
@@ -50,7 +50,7 @@
     "@cabloy/word-utils": "^2.1.14",
     "typestyle": "^2.4.0",
     "vue": "^3.5.32",
-    "zova-core": "^5.1.47"
+    "zova-core": "^5.1.48"
   },
   "devDependencies": {
     "clean-package": "^2.2.0",

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

@@ -1,6 +1,6 @@
 {
   "name": "zova",
-  "version": "5.1.90",
+  "version": "5.1.91",
   "gitHead": "2c5c19284bab738e492856189acb6fad74b8a7b7",
   "description": "A vue3 framework with ioc",
   "keywords": [
@@ -45,8 +45,8 @@
     "postpack": "clean-package restore"
   },
   "dependencies": {
-    "zova-core": "^5.1.47",
-    "zova-suite-a-zova": "^5.1.89"
+    "zova-core": "^5.1.48",
+    "zova-suite-a-zova": "^5.1.90"
   },
   "devDependencies": {
     "clean-package": "^2.2.0",

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

@@ -1,6 +1,6 @@
 {
   "name": "zova-core",
-  "version": "5.1.47",
+  "version": "5.1.48",
   "gitHead": "2c5c19284bab738e492856189acb6fad74b8a7b7",
   "description": "A vue3 framework with ioc",
   "keywords": [

package/zova/packages-zova/zova-core/src/core/component/module.ts

@@ -11,6 +11,7 @@ import type {
   IMonkeyApp,
   IMonkeyController,
   IMonkeyModule,
+  PluginZovaModulesMeta,
   TypeMonkeyName,
 } from '../../types/index.ts';
 
@@ -23,6 +24,14 @@ export class AppModule extends BeanSimple {
   private mainInstances: Record<string, IModuleMain> = {};
   private monkeyInstances: Record<string, IMonkeyModule & IMonkeyApp & IMonkeyController> = {};
 
+  private _ensureModulesMeta(): PluginZovaModulesMeta {
+    const modulesMeta = this.sys.meta.module.getModulesMeta();
+    if (!modulesMeta) {
+      throw new Error('module registry has been disposed');
+    }
+    return modulesMeta;
+  }
+
   /** @internal */
   public async initialize() {
     await this._requireAllSpecifics('preload');
@@ -34,6 +43,7 @@ export class AppModule extends BeanSimple {
   get(moduleName: string, forceLoad?: boolean): IModule | undefined;
   get(moduleName: IModuleInfo, forceLoad?: boolean): IModule | undefined;
   get(moduleName: string | IModuleInfo, forceLoad?: boolean): IModule | undefined {
+    if (!this.sys.meta.module.getModulesMeta()) return undefined;
     // module info
     if (!moduleName) return undefined;
     const moduleInfo =
@@ -67,8 +77,9 @@ export class AppModule extends BeanSimple {
     // should not try check get directly
     // const module = this.getOnly(relativeName);
     // if (module) return module;
+    const modulesMeta = this._ensureModulesMeta();
     // module
-    const moduleRepo = this.sys.meta.module.modulesMeta.modules[relativeName];
+    const moduleRepo = modulesMeta.modules[relativeName];
     if (!moduleRepo) throw new Error(`module not exists: ${relativeName}`);
     // install
     await this._install(relativeName, moduleRepo);
@@ -84,15 +95,16 @@ export class AppModule extends BeanSimple {
   }
 
   private async _requireAllSpecifics(capabilityName: 'preload' | 'monkey' | 'sync') {
-    const moduleNames = this.sys.meta.module.modulesMeta.moduleNames.filter(moduleName => {
-      const module = this.sys.meta.module.modulesMeta.modules[moduleName];
+    const modulesMeta = this._ensureModulesMeta();
+    const moduleNames = modulesMeta.moduleNames.filter(moduleName => {
+      const module = modulesMeta.modules[moduleName];
       return module.info.capabilities?.[capabilityName];
     });
     // if (moduleNames.length > 0) {
     //   this.sys.meta.logger.child('module', 'default').debug(`app modules: ${capabilityName}: ${moduleNames.join(',')}`);
     // }
     for (const moduleName of moduleNames) {
-      const module = this.sys.meta.module.modulesMeta.modules[moduleName];
+      const module = modulesMeta.modules[moduleName];
       await this._install(moduleName, module);
     }
   }
@@ -167,6 +179,8 @@ export class AppModule extends BeanSimple {
     moduleTarget?: IModule,
     ...monkeyData: any[]
   ) {
+    const modulesMeta = this.sys.meta.module.getModulesMeta();
+    if (!modulesMeta) return;
     // self: main
     if (moduleTarget) {
       const mainInstance = this.mainInstances[moduleTarget.info.relativeName];
@@ -178,8 +192,8 @@ export class AppModule extends BeanSimple {
       }
     }
     // module monkey
-    await forEach(this.sys.meta.module.modulesMeta.moduleNames, order, async key => {
-      const moduleMonkey: IModule = this.sys.meta.module.modulesMeta.modules[key];
+    await forEach(modulesMeta.moduleNames, order, async key => {
+      const moduleMonkey: IModule = modulesMeta.modules[key];
       if (moduleMonkey.info.capabilities?.monkey) {
         const monkeyInstance = this.monkeyInstances[key];
         if (monkeyInstance && monkeyInstance[monkeyName]) {
@@ -217,6 +231,8 @@ export class AppModule extends BeanSimple {
     moduleTarget?: IModule,
     ...monkeyData: any[]
   ) {
+    const modulesMeta = this.sys.meta.module.getModulesMeta();
+    if (!modulesMeta) return;
     // self: main
     if (moduleTarget) {
       const mainInstance = this.mainInstances[moduleTarget.info.relativeName];
@@ -228,8 +244,8 @@ export class AppModule extends BeanSimple {
       }
     }
     // module monkey
-    forEachSync(this.sys.meta.module.modulesMeta.moduleNames, order, key => {
-      const moduleMonkey: IModule = this.sys.meta.module.modulesMeta.modules[key];
+    forEachSync(modulesMeta.moduleNames, order, key => {
+      const moduleMonkey: IModule = modulesMeta.modules[key];
       if (moduleMonkey.info.capabilities?.monkey) {
         const monkeyInstance = this.monkeyInstances[key];
         if (monkeyInstance && monkeyInstance[monkeyName]) {

package/zova/packages-zova/zova-core/src/core/sys/module.ts

@@ -20,7 +20,7 @@ import { StateLock } from '../../utils/stateLock.ts';
 import { deepExtend } from '../sys/util.ts';
 
 export class SysModule extends BeanSimple {
-  public modulesMeta: PluginZovaModulesMeta;
+  public modulesMeta: PluginZovaModulesMeta | undefined;
   private modules: Record<string, IModule> = shallowReactive({});
   private mainInstances: Record<string, IModuleMainSys> = {};
   private monkeyInstances: Record<string, IMonkeyModuleSys & IMonkeySys> = {};
@@ -39,13 +39,26 @@ export class SysModule extends BeanSimple {
 
   /** @internal */
   public dispose() {
-    this.modulesMeta = undefined as any;
+    this.modulesMeta = undefined;
+  }
+
+  public getModulesMeta(): PluginZovaModulesMeta | undefined {
+    return this.modulesMeta;
+  }
+
+  private _ensureModulesMeta(): PluginZovaModulesMeta {
+    const modulesMeta = this.modulesMeta;
+    if (!modulesMeta) {
+      throw new Error('module registry has been disposed');
+    }
+    return modulesMeta;
   }
 
   get<K extends TypeBeanScopeRecordKeys>(moduleName: K): IModule | undefined;
   get(moduleName: string): IModule | undefined;
   get(moduleName: IModuleInfo): IModule | undefined;
   get(moduleName: string | IModuleInfo): IModule | undefined {
+    if (!this.modulesMeta) return undefined;
     // module info
     if (!moduleName) return undefined;
     const moduleInfo =
@@ -75,8 +88,9 @@ export class SysModule extends BeanSimple {
     // should not try check get directly
     // const module = this.getOnly(relativeName);
     // if (module) return module;
+    const modulesMeta = this._ensureModulesMeta();
     // module
-    const moduleRepo = this.modulesMeta.modules[relativeName];
+    const moduleRepo = modulesMeta.modules[relativeName];
     if (!moduleRepo) throw new Error(`module not exists: ${relativeName}`);
     // install
     await this._install(relativeName, moduleRepo);
@@ -88,19 +102,22 @@ export class SysModule extends BeanSimple {
   exists(moduleName: string): boolean;
   exists(moduleName: IModuleInfo): boolean;
   exists(moduleName: string | IModuleInfo): boolean {
+    const modulesMeta = this.modulesMeta;
+    if (!modulesMeta) return false;
     // module info
     if (!moduleName) return false;
     const moduleInfo =
       typeof moduleName === 'string' ? ModuleInfo.parseInfo(moduleName) : moduleName;
     if (!moduleInfo) throw new Error(`invalid module name: ${moduleName}`);
-    const moduleRepo = this.modulesMeta.modules[moduleInfo.relativeName];
+    const moduleRepo = modulesMeta.modules[moduleInfo.relativeName];
     return !!moduleRepo;
   }
 
   private async _loadAllMonkeysAndSyncsAndPreloads() {
+    const modulesMeta = this._ensureModulesMeta();
     const moduleNames: string[] = [];
-    for (const moduleName of this.modulesMeta.moduleNames) {
-      const module = this.modulesMeta.modules[moduleName];
+    for (const moduleName of modulesMeta.moduleNames) {
+      const module = modulesMeta.modules[moduleName];
       const info = module.info;
       const shouldLoad =
         process.env.SERVER ||
@@ -119,10 +136,11 @@ export class SysModule extends BeanSimple {
 
   public async loadModules(moduleNames: string[]) {
     if (moduleNames.length === 0) return;
+    const modulesMeta = this._ensureModulesMeta();
     const promises: Promise<IModuleResource>[] = [];
     const moduleNamesLoading: string[] = [];
     for (const moduleName of moduleNames) {
-      const module = this.modulesMeta.modules[moduleName];
+      const module = modulesMeta.modules[moduleName];
       if (!module) throw new Error(`module not found: ${moduleName}`);
       const moduleResource = module.resource as any;
       if (typeof moduleResource === 'function') {
@@ -137,13 +155,14 @@ export class SysModule extends BeanSimple {
     const modulesResource = await Promise.all(promises);
     for (let i = 0; i < modulesResource.length; i++) {
       const moduleName = moduleNamesLoading[i];
-      this.modulesMeta.modules[moduleName].resource = modulesResource[i];
+      modulesMeta.modules[moduleName].resource = modulesResource[i];
     }
   }
 
   private async _requireAllSpecifics(capabilityName: 'preload' | 'monkey' | 'sync') {
-    const moduleNames = this.modulesMeta.moduleNames.filter(moduleName => {
-      const module = this.modulesMeta.modules[moduleName];
+    const modulesMeta = this._ensureModulesMeta();
+    const moduleNames = modulesMeta.moduleNames.filter(moduleName => {
+      const module = modulesMeta.modules[moduleName];
       return module.info.capabilities?.[capabilityName];
     });
     if (moduleNames.length > 0) {
@@ -152,14 +171,15 @@ export class SysModule extends BeanSimple {
         .debug(`modules ${capabilityName}: ${moduleNames.join(',')}`);
     }
     for (const moduleName of moduleNames) {
-      const module = this.modulesMeta.modules[moduleName];
+      const module = modulesMeta.modules[moduleName];
       await this._install(moduleName, module);
     }
   }
 
   private async _requireAllOthers() {
-    for (const moduleName of this.modulesMeta.moduleNames) {
-      const module = this.modulesMeta.modules[moduleName];
+    const modulesMeta = this._ensureModulesMeta();
+    for (const moduleName of modulesMeta.moduleNames) {
+      const module = modulesMeta.modules[moduleName];
       const info = module.info;
       const shouldInstall =
         !info.capabilities?.monkey && !info.capabilities?.sync && !info.capabilities?.preload;
@@ -273,6 +293,8 @@ export class SysModule extends BeanSimple {
     moduleTarget?: IModule,
     ...monkeyData: any[]
   ) {
+    const modulesMeta = this.modulesMeta;
+    if (!modulesMeta) return;
     // self: main
     if (moduleTarget) {
       const mainInstance = this.mainInstances[moduleTarget.info.relativeName];
@@ -281,8 +303,8 @@ export class SysModule extends BeanSimple {
       }
     }
     // module monkey
-    await forEach(this.modulesMeta.moduleNames, order, async key => {
-      const moduleMonkey: IModule = this.modulesMeta.modules[key];
+    await forEach(modulesMeta.moduleNames, order, async key => {
+      const moduleMonkey: IModule = modulesMeta.modules[key];
       if (moduleMonkey.info.capabilities?.monkey) {
         const monkeyInstance = this.monkeyInstances[key];
         if (monkeyInstance && monkeyInstance[monkeyName]) {
@@ -316,6 +338,8 @@ export class SysModule extends BeanSimple {
     moduleTarget?: IModule,
     ...monkeyData: any[]
   ) {
+    const modulesMeta = this.modulesMeta;
+    if (!modulesMeta) return;
     // self: main
     if (moduleTarget) {
       const mainInstance = this.mainInstances[moduleTarget.info.relativeName];
@@ -324,8 +348,8 @@ export class SysModule extends BeanSimple {
       }
     }
     // module monkey
-    forEachSync(this.modulesMeta.moduleNames, order, key => {
-      const moduleMonkey: IModule = this.modulesMeta.modules[key];
+    forEachSync(modulesMeta.moduleNames, order, key => {
+      const moduleMonkey: IModule = modulesMeta.modules[key];
       if (moduleMonkey.info.capabilities?.monkey) {
         const monkeyInstance = this.monkeyInstances[key];
         if (monkeyInstance && monkeyInstance[monkeyName]) {

package/zova/packages-zova/zova-core/src/core/sys/sys.ts

@@ -96,11 +96,12 @@ export class ZovaSys {
       viteHot.on('vite:beforeFullReload', hook);
     }
     if (process.env.CLIENT && typeof window !== 'undefined') {
-      const hook = () => {
+      const hook = (event: PageTransitionEvent) => {
+        if (event.persisted) return;
         this.close();
-        window.removeEventListener('beforeunload', hook);
+        window.removeEventListener('pagehide', hook);
       };
-      window.addEventListener('beforeunload', hook);
+      window.addEventListener('pagehide', hook);
     }
   }
 

package/zova/src/suite/a-home/modules/home-base/src/component/itemLink/controller.tsx

@@ -9,6 +9,7 @@ export interface ControllerItemLinkProps {
   icon?: keyof IIconRecord;
   href?: string;
   to?: string | object;
+  target?: string;
 }
 
 @Controller()
@@ -16,6 +17,7 @@ export class ControllerItemLink extends BeanControllerBase {
   static $propsDefault = {
     description: '',
     icon: '',
+    target: '_blank',
   };
 
   _renderLink() {
@@ -28,7 +30,7 @@ export class ControllerItemLink extends BeanControllerBase {
     ];
     if (this.$props.href) {
       return (
-        <a href={this.$props.href} target="_blank">
+        <a href={this.$props.href} target={this.$props.target}>
           {domContent}
         </a>
       );

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

@@ -24,7 +24,7 @@ export class RenderHeader extends BeanRenderBase {
             </button>
           </div>
           <div class="text-xl px-4">{this.sys.env.APP_TITLE}</div>
-          <div class="mx-2 flex-2 px-2">{this.$$r.$$renderTabs.renderTabs()}</div>
+          <div class="mx-2 min-w-0 flex-1 px-2">{this.$$r.$$renderTabs.renderTabs()}</div>
           <div class="hidden flex-none lg:block">
             <ul class="menu menu-horizontal">
               {this.$$r.$$renderLocale.render()}

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

@@ -1,11 +1,15 @@
 import type { VNode } from 'vue';
-import type { RouteTab } from 'zova-module-a-routertabs';
 
+import { RouterLink } from '@cabloy/vue-router';
 import { BeanRenderBase, ClientOnly } from 'zova';
 import { Render } from 'zova-module-a-bean';
-import { $iconName, ZIcon } from 'zova-module-a-icon';
+import { ZIcon } from 'zova-module-a-icon';
 import { ZRouterViewTabs } from 'zova-module-a-routertabs';
-import { closeNearestDetails, ZItemLink } from 'zova-module-home-base';
+import { closeNearestDetails } from 'zova-module-home-base';
+
+import type { TypeMenuGroup, TypeMenuItem } from '../../model/menu.js';
+
+type TypeMenuLeaf = Exclude<TypeMenuItem, TypeMenuGroup>;
 
 @Render()
 export class RenderTabs extends BeanRenderBase {
@@ -13,84 +17,171 @@ export class RenderTabs extends BeanRenderBase {
     const $$modelTabs = this.$$modelTabs;
     if (!$$modelTabs) return;
 
-    const domTabs = $$modelTabs.tabs.map(tab => this._renderTab(tab));
+    const domTabs = $$modelTabs.tabs.map(tab => {
+      return this._renderMenuItem(tab.info as TypeMenuItem, true, tab.tabKey);
+    });
     const domWrapper = (
-      <div role="tablist" class="tabs tabs-lifted">
-        {domTabs}
-      </div>
+      <ul class="menu menu-horizontal w-max min-w-full flex-nowrap gap-1 px-0">{domTabs}</ul>
     );
     if (!$$modelTabs.cache) return domWrapper;
     return <ClientOnly>{domWrapper}</ClientOnly>;
   }
 
-  private _renderTab(tab: RouteTab): VNode {
-    const $$modelTabs = this.$$modelTabs;
-    const { tabKey, info } = tab;
-    const titleLocale = info?.title || '';
-    const tabIcon = this.getTabIcon(tab);
-    if (info.folder) {
+  private _renderMenuItem(item: TypeMenuItem, topLevel: boolean = false, tabKey?: string): VNode {
+    if (item.folder) {
+      return this._renderMenuFolder(item, topLevel);
+    }
+    if (item.separator) {
+      return this._renderMenuSeparator(item, topLevel);
+    }
+    return this._renderMenuLeaf(item, topLevel, tabKey);
+  }
+
+  private _renderMenuFolder(item: TypeMenuGroup, topLevel: boolean): VNode {
+    const isActive = this._hasActiveDescendant(item);
+    const className = this._getMenuItemClassName(isActive);
+    const title = item.title ?? '';
+    const childrenClass = topLevel ? 'w-56' : 'w-52';
+    return (
+      <li key={this._getMenuItemKey(item)}>
+        <details>
+          <summary class={className}>
+            {this._renderItemIcon(item.icon as any)}
+            <span>{title}</span>
+          </summary>
+          <ul class={`bg-base-100 rounded-t-none p-2 shadow ${childrenClass}`}>
+            {item.children.map(child => this._renderMenuItem(child))}
+          </ul>
+        </details>
+      </li>
+    );
+  }
+
+  private _renderMenuLeaf(item: TypeMenuLeaf, topLevel: boolean, tabKey?: string): VNode {
+    const title = item.title ?? '';
+    const key = this._getMenuItemKey(item);
+    const className = this._getMenuItemClassName(this._isMenuLeafActive(item, tabKey));
+    const domContent = this._renderMenuItemContent(item.icon as any, title);
+    const onClick = topLevel ? undefined : closeNearestDetails;
+
+    if (item.external) {
       return (
-        <li>
-          <details>
-            <summary>
-              {!!tabIcon && <ZIcon name={tabIcon as any} width="24"></ZIcon>}
-              {titleLocale}
-            </summary>
-            <ClientOnly>
-              <ul class="bg-base-100 rounded-t-none p-2 w-48">
-                {info.children
-                  ?.filter(item => !item.folder)
-                  .map(item => (
-                    <li key={item.link} onClick={closeNearestDetails}>
-                      <ZItemLink
-                        title={item.title!}
-                        icon={(item.icon as any) ?? $iconName('::none')}
-                        href={item.link && item.external ? item.link : undefined}
-                        to={item.link && !item.external ? item.link : undefined}
-                      ></ZItemLink>
-                    </li>
-                  ))}
-              </ul>
-            </ClientOnly>
-          </details>
+        <li key={key} onClick={onClick}>
+          <a class={className} href={item.link} target={item.target ?? '_blank'}>
+            {domContent}
+          </a>
         </li>
       );
     }
-    // not external
-    if (!info.external) {
-      const className = tabKey === $$modelTabs.tabKeyCurrent ? 'text-primary' : '';
 
+    if (topLevel && tabKey) {
       return (
-        <a
-          key={tabKey}
-          role="tab"
-          class={`tab ${className}`}
-          onClick={() => {
-            $$modelTabs.activeTab(tabKey);
-          }}
-        >
-          {!!tabIcon && <ZIcon name={tabIcon as any} width="24"></ZIcon>}
-          {titleLocale}
-        </a>
+        <li key={key}>
+          <a
+            class={className}
+            onClick={() => {
+              void this.$$modelTabs.activeTab(tabKey);
+            }}
+          >
+            {domContent}
+          </a>
+        </li>
       );
     }
-    // external
+
+    return (
+      <li key={key} onClick={onClick}>
+        <RouterLink class={className} to={this._buildMenuTo(item)}>
+          {domContent}
+        </RouterLink>
+      </li>
+    );
+  }
+
+  private _renderMenuSeparator(item: TypeMenuLeaf, topLevel: boolean): VNode {
+    const key = `${this._getMenuItemKey(item)}:separator`;
+    if (topLevel) {
+      return (
+        <li key={key} class="mx-1 self-center opacity-30">
+          <span class="pointer-events-none px-0">|</span>
+        </li>
+      );
+    }
+    return <li key={key} class="menu-disabled my-1 h-px bg-base-300"></li>;
+  }
+
+  private _buildMenuTo(item: TypeMenuLeaf) {
+    let to: any;
+    if (!item.external) {
+      to = {};
+      if (this.$router.isRouterName(item.link)) {
+        to.name = item.link;
+      } else {
+        to.path = item.link;
+      }
+      if (item.meta?.params && to.name) {
+        to.params = item.meta.params;
+      }
+      if (item.meta?.query) {
+        to.query = item.meta.query;
+      }
+    }
+    return to;
+  }
+
+  private _hasActiveDescendant(item: TypeMenuGroup): boolean {
+    return item.children.some(child => {
+      if (child.folder) return this._hasActiveDescendant(child);
+      return this._isMenuLeafCurrent(child);
+    });
+  }
+
+  private _isMenuLeafActive(item: TypeMenuLeaf, tabKey?: string): boolean {
+    if (item.external || !item.link) return false;
+    if (tabKey && tabKey === this.$$modelTabs.tabKeyCurrent) return true;
+    return this._isMenuLeafCurrent(item);
+  }
+
+  private _isMenuLeafCurrent(item: TypeMenuLeaf): boolean {
+    if (item.external || !item.link) return false;
+    const currentRoute = this.$currentRoute;
+    if (!currentRoute) return false;
+    const fullPath = this.$router.isRouterName(item.link)
+      ? this.$router.resolveName(
+          item.link as never,
+          {
+            params: item.meta?.params,
+            query: item.meta?.query,
+          } as never,
+        )
+      : this.$router.resolvePath(item.link as never, item.meta?.query as never);
+    return currentRoute.fullPath === fullPath;
+  }
+
+  private _getMenuItemKey(item: TypeMenuItem): string {
+    if (item.folder) return item.name || item.title || '';
+    return item.name || item.link || item.title || '';
+  }
+
+  private _getMenuItemClassName(isActive: boolean): string {
+    return isActive ? 'active text-primary' : '';
+  }
+
+  private _renderMenuItemContent(icon: string | undefined, title: string): VNode {
     return (
-      <ZItemLink
-        key={tabKey}
-        title={titleLocale}
-        icon={info.icon as any}
-        href={info.link}
-      ></ZItemLink>
+      <>
+        {this._renderItemIcon(icon)}
+        <span>{title}</span>
+      </>
     );
   }
 
-  public getTabIcon(tab: RouteTab) {
-    const { info } = tab;
-    return info?.icon ? info?.icon : '';
+  private _renderItemIcon(icon?: string): VNode | undefined {
+    if (!icon) return;
+    return <ZIcon name={icon as any} width="20" height="20"></ZIcon>;
   }
 
-  _renderRouterViewTabs() {
+  public _renderRouterViewTabs(): VNode {
     return <ZRouterViewTabs></ZRouterViewTabs>;
   }
 }

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

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

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

@@ -4,9 +4,13 @@ import { BeanSimple } from 'zova';
 
 export class MonkeySys extends BeanSimple implements IMonkeySysInitialize {
   async sysInitialize() {
+    const modulesMeta = this.sys.meta.module.getModulesMeta();
+    if (!modulesMeta) {
+      throw new Error('module registry has been disposed');
+    }
     let beansPreload: string[] = [];
-    for (const moduleName in this.sys.meta.module.modulesMeta.modules) {
-      const module = this.sys.meta.module.modulesMeta.modules[moduleName];
+    for (const moduleName in modulesMeta.modules) {
+      const module = modulesMeta.modules[moduleName];
       if (!module.info.onionsMeta?.beansPreload) continue;
       beansPreload = beansPreload.concat(module.info.onionsMeta?.beansPreload);
     }

package/zova/src/suite-vendor/a-zova/modules/a-bean/src/service/onion_.ts

@@ -1,5 +1,6 @@
 import type { ISwapDepsItem } from '@cabloy/deps';
 import type { OnionSceneMeta } from '@cabloy/module-info';
+import type { PluginZovaModulesMeta } from 'zova';
 import type { Next } from 'zova';
 
 import { compose as _compose } from '@cabloy/compose';
@@ -39,19 +40,23 @@ export class ServiceOnion<OPTIONS, ONIONNAME extends string> extends BeanSimple
     if (process.env.DEV && this.bean.containerType !== 'sys') {
       throw new Error('should in sys container');
     }
+    const modulesMeta = this.sys.meta.module.getModulesMeta();
+    if (!modulesMeta) {
+      throw new Error('module registry has been disposed');
+    }
     this.sysOnion = sysOnion;
     this.sceneName = sceneName;
-    this.sceneMeta = getOnionScenesMeta(this.sys.meta.module.modulesMeta.modules)[this.sceneName];
+    this.sceneMeta = getOnionScenesMeta(modulesMeta.modules)[this.sceneName];
     if (this.sceneMeta.optionsPackage) {
-      this._initOnionsAll();
+      this._initOnionsAll(modulesMeta);
       this._swapOnions(this.onionsAll);
     }
   }
 
-  private _initOnionsAll() {
+  private _initOnionsAll(modulesMeta: PluginZovaModulesMeta) {
     this.onionsAll = [];
-    for (const moduleName in this.sys.meta.module.modulesMeta.modules) {
-      const module = this.sys.meta.module.modulesMeta.modules[moduleName];
+    for (const moduleName in modulesMeta.modules) {
+      const module = modulesMeta.modules[moduleName];
       const nodeItems = module.info.onionsMeta?.onionsConfig?.[this.sceneName];
       if (!nodeItems) continue;
       for (const itemName in nodeItems) {

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

@@ -1,6 +1,6 @@
 {
   "name": "zova-module-a-zova",
-  "version": "5.1.59",
+  "version": "5.1.60",
   "gitHead": "2c5c19284bab738e492856189acb6fad74b8a7b7",
   "description": "zova",
   "keywords": [
@@ -43,7 +43,7 @@
     "@cabloy/word-utils": "^2.1.14",
     "defu": "^6.1.7",
     "luxon": "^3.7.2",
-    "zova-jsx": "^1.1.53"
+    "zova-jsx": "^1.1.54"
   },
   "devDependencies": {
     "@cabloy/cli": "^3.1.14",

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

@@ -1,6 +1,6 @@
 {
   "name": "zova-suite-a-zova",
-  "version": "5.1.89",
+  "version": "5.1.90",
   "gitHead": "2c5c19284bab738e492856189acb6fad74b8a7b7",
   "description": "zova",
   "license": "MIT",
@@ -10,7 +10,7 @@
   "dependencies": {
     "zova-module-a-api": "^5.1.15",
     "zova-module-a-app": "^5.1.18",
-    "zova-module-a-bean": "^5.1.24",
+    "zova-module-a-bean": "^5.1.25",
     "zova-module-a-behavior": "^5.1.19",
     "zova-module-a-behaviors": "^5.1.15",
     "zova-module-a-boundary": "^5.1.15",
@@ -32,7 +32,7 @@
     "zova-module-a-style": "^5.1.25",
     "zova-module-a-table": "^5.1.27",
     "zova-module-a-zod": "^5.1.23",
-    "zova-module-a-zova": "^5.1.59"
+    "zova-module-a-zova": "^5.1.60"
   },
   "title": "a-zova"
 }