zova-ui-vuetify 5.0.136 → 5.0.138

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zova-ui-vuetify",
-  "version": "5.0.136",
+  "version": "5.0.138",
   "description": "A vue3 vuetify framework with ioc",
   "publishConfig": {
     "access": "public"
@@ -37,7 +37,7 @@
     "vue-router": "^4.3.3",
     "vuetify": "^3.6.9",
     "zod": "^3.23.8",
-    "zova": "^5.0.94"
+    "zova": "^5.0.95"
   },
   "devDependencies": {
     "@cabloy/lint": "^4.0.10",
@@ -45,11 +45,11 @@
     "@vitejs/plugin-vue": "^5.0.5",
     "sass": "^1.77.5",
     "typescript": "^5.4.5",
-    "vite": "^5.2.13",
+    "vite": "^5.3.0",
     "vite-plugin-vuetify": "^2.0.3",
     "vue-tsc": "^2.0.21",
-    "zova-vite": "^1.0.100"
+    "zova-vite": "^1.0.101"
   },
   "license": "MIT",
-  "gitHead": "499e7924959a60e59c1641b37bc5bc188e7a5a7f"
+  "gitHead": "66609919a02dea2e2e6818412225d719223ae290"
 }

package/src/suite/a-demo/modules/a-demo/src/bean/theme.orange.ts

@@ -1,4 +1,4 @@
-import { BeanBase, Cast, Theme } from 'zova';
+import { BeanBase, Theme } from 'zova';
 import { ScopeModule } from '../resource/this.js';
 import { ThemeApplyParams, ThemeApplyResult, ThemeBase } from 'zova-module-a-style';
 import { ThemeToken } from 'zova-module-a-vuetify';
@@ -81,12 +81,9 @@ const themeDark = {
 
 @Theme()
 export class ThemeOrange extends BeanBase<ScopeModule> implements ThemeBase {
-  async apply({ name, dark }: ThemeApplyParams): Promise<ThemeApplyResult> {
+  async apply({ name: _name, dark }: ThemeApplyParams): Promise<ThemeApplyResult> {
     // token
     const token: ThemeToken = dark ? themeDark : themeLight;
-    // theme
-    Cast(this.$vuetify.theme.global).name = name;
-    Cast(this.$vuetify.theme.themes)[name] = token;
-    return { token };
+    return { token, handler: 'a-vuetify.tool.themeHandler' };
   }
 }

package/src/suite/a-home/modules/home-theme/src/bean/theme.default.ts

@@ -1,4 +1,4 @@
-import { BeanBase, Cast, Theme } from 'zova';
+import { BeanBase, Theme } from 'zova';
 import { ScopeModule } from '../resource/this.js';
 import { ThemeApplyParams, ThemeApplyResult, ThemeBase } from 'zova-module-a-style';
 import { ThemeToken } from 'zova-module-a-vuetify';
@@ -81,12 +81,9 @@ const themeDark = {
 
 @Theme()
 export class ThemeDefault extends BeanBase<ScopeModule> implements ThemeBase {
-  async apply({ name, dark }: ThemeApplyParams): Promise<ThemeApplyResult> {
+  async apply({ name: _name, dark }: ThemeApplyParams): Promise<ThemeApplyResult> {
     // token
     const token: ThemeToken = dark ? themeDark : themeLight;
-    // theme
-    Cast(this.$vuetify.theme.global).name = name;
-    Cast(this.$vuetify.theme.themes)[name] = token;
-    return { token };
+    return { token, handler: 'a-vuetify.tool.themeHandler' };
   }
 }

package/src/suite-vendor/a-vuetify/modules/a-vuetify/src/bean/tool.themeHandler.ts

@@ -0,0 +1,12 @@
+import { BeanBase, Cast, Tool } from 'zova';
+import { ScopeModule } from '../resource/this.js';
+import { ThemeHandler, ThemeHandlerApplyParams } from 'zova-module-a-style';
+
+@Tool()
+export class ToolThemeHandler extends BeanBase<ScopeModule> implements ThemeHandler {
+  async apply({ name, token }: ThemeHandlerApplyParams): Promise<void> {
+    // theme
+    Cast(this.$vuetify.theme.global).name = name;
+    Cast(this.$vuetify.theme.themes)[name] = token;
+  }
+}

package/src/suite-vendor/a-vuetify/modules/a-vuetify/src/resource/beans.ts

@@ -1,4 +1,8 @@
+export * from '../bean/tool.themeHandler.js';
+import { ToolThemeHandler } from '../bean/tool.themeHandler.js';
 import 'zova';
 declare module 'zova' {
-  export interface IBeanRecord {}
+  export interface IBeanRecord {
+    'a-vuetify.tool.themeHandler': ToolThemeHandler;
+  }
 }

package/src/suite-vendor/a-vuetify/modules/a-vuetify/src/types.ts

@@ -24,4 +24,8 @@ declare module 'zova-module-a-style' {
   export interface ThemeApplyResult {
     token: ThemeToken;
   }
+
+  export interface ThemeHandlerApplyParams {
+    token: ThemeToken;
+  }
 }