zova-ui-empty 5.0.271 → 5.0.273

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zova-ui-empty",
-  "version": "5.0.271",
+  "version": "5.0.273",
   "description": "A vue3 empty framework with ioc",
   "publishConfig": {
     "access": "public"
@@ -24,9 +24,6 @@
     "lint": "eslint . --fix --ignore-path .gitignore"
   },
   "keywords": [
-    "nodejs",
-    "full-stack",
-    "workflow-engine",
     "vue3",
     "ioc",
     "zova"
@@ -47,9 +44,8 @@
     "quasar": "^2.16.8",
     "typestyle": "^2.4.0",
     "vue": "^3.5.6",
-    "vue-router": "^4.4.5",
     "zod": "^3.23.8",
-    "zova": "^5.0.196"
+    "zova": "^5.0.201"
   },
   "devDependencies": {
     "@cabloy/lint": "^4.0.11",
@@ -66,14 +62,13 @@
     "sass": "^1.77.5",
     "typescript": "^5.4.5",
     "vite": "^5.3.1",
-    "vue-router": "^4.4.5",
     "vue-tsc": "^2.0.29",
     "zova-module-a-core": "^5.0.44",
     "zova-module-a-demo": "^5.0.0",
     "zova-module-a-model": "^5.0.26",
     "zova-module-a-pinia": "^5.0.26",
     "zova-module-a-router": "^5.0.61",
-    "zova-module-a-style": "^5.0.37",
+    "zova-module-a-style": "^5.0.38",
     "zova-module-a-tabs": "^5.0.20",
     "zova-module-home-api": "^5.0.0",
     "zova-module-home-component": "^5.0.0",
@@ -88,5 +83,5 @@
     "zova-vite": "^1.0.166"
   },
   "license": "MIT",
-  "gitHead": "5d8d52c780d38a2e85a20cd8c1050b688cb4d9d5"
+  "gitHead": "28b30fcba2849578d41bc9c5dca6e61a498660f3"
 }

package/package.original.json

@@ -23,7 +23,7 @@
     "tsc": "vue-tsc --noEmit --project tsconfig.vue-tsc.json",
     "lint": "eslint . --fix --ignore-path .gitignore"
   },
-  "keywords": ["nodejs", "full-stack", "workflow-engine", "vue3", "ioc", "zova"],
+  "keywords": ["vue3", "ioc", "zova"],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cabloy/zova.git"
@@ -40,7 +40,6 @@
     "quasar": "^2.16.8",
     "typestyle": "^2.4.0",
     "vue": "^3.5.6",
-    "vue-router": "^4.4.5",
     "zod": "^3.23.8",
     "zova": "^5.0.196"
   },

package/src/css/settings.scss

@@ -17,3 +17,7 @@ body {
 .text-center {
   text-align: center;
 }
+
+.router-link-active {
+  color: orange;
+}

package/src/suite/a-home/modules/home-layout/src/component/layoutDefault/controller.ts

@@ -1,4 +1,5 @@
 import { BeanControllerBase, Local, Use, PropsBase } from 'zova';
+import { ScopeModule } from '../../.metadata/this.js';
 import { ModelMenu } from '../../bean/model.menu.js';
 
 export interface Props extends PropsBase<ControllerLayoutDefault, Slots> {}
@@ -8,7 +9,7 @@ export type Emits = {};
 export interface Slots {}
 
 @Local()
-export class ControllerLayoutDefault extends BeanControllerBase<unknown, Props, Emits, Slots> {
+export class ControllerLayoutDefault extends BeanControllerBase<ScopeModule, Props, Emits, Slots> {
   static $propsDefault = {};
 
   @Use()

package/src/suite/a-home/modules/home-layout/src/component/layoutDefault/index.vue

@@ -6,7 +6,8 @@
 import { useController } from 'zova';
 import { ControllerLayoutDefault, Props, Emits } from './controller.js';
 import { RenderLayoutDefault } from './render.jsx';
+import { StyleLayoutDefault } from './style.js';
 const props = withDefaults(defineProps<Props>(), ControllerLayoutDefault.$propsDefault);
 const emit = defineEmits<Emits>();
-useController(props, emit, ControllerLayoutDefault, RenderLayoutDefault);
+useController(props, emit, ControllerLayoutDefault, RenderLayoutDefault, StyleLayoutDefault);
 </script>

package/src/suite/a-home/modules/home-layout/src/component/layoutDefault/render.tsx

@@ -1,14 +1,15 @@
 import { BeanRenderBase, Local } from 'zova';
-import type { ControllerLayoutDefault } from './controller.js';
+import type { StyleLayoutDefault } from './style.js';
 import { JSX } from 'vue/jsx-runtime';
+import { ScopeModule } from '../../.metadata/this.js';
 import EssentialLink from '../essentialLink/index.vue';
 import { RouterView } from 'vue-router';
 import { ServiceMenuEntity } from '../../service/menu.js';
 
-export interface RenderLayoutDefault extends ControllerLayoutDefault {}
+export interface RenderLayoutDefault extends StyleLayoutDefault {}
 
 @Local()
-export class RenderLayoutDefault extends BeanRenderBase {
+export class RenderLayoutDefault extends BeanRenderBase<ScopeModule> {
   _renderMenuItem(item: ServiceMenuEntity) {
     if (item.separator) {
       return <div class="menu-separator"> - - - </div>;
@@ -34,7 +35,7 @@ export class RenderLayoutDefault extends BeanRenderBase {
     for (const item of queryMenus.data) {
       domItems.push(this._renderMenuItem(item));
     }
-    return <div class="menu-list">{domItems}</div>;
+    return <div class={this.cMenuList}>{domItems}</div>;
   }
 
   render() {

package/src/suite/a-home/modules/home-layout/src/component/layoutDefault/style.ts

@@ -0,0 +1,24 @@
+import { BeanStyleBase, Local } from 'zova';
+import type { ControllerLayoutDefault } from './controller.js';
+import { ScopeModule } from '../../.metadata/this.js';
+
+export interface StyleLayoutDefault extends ControllerLayoutDefault {}
+
+@Local()
+export class StyleLayoutDefault extends BeanStyleBase<ScopeModule> {
+  cMenuList: string;
+
+  protected async __init__() {
+    this.cMenuList = this.$style({
+      backgroundColor: 'whitesmoke',
+      display: 'flex',
+      $nest: {
+        a: {
+          display: 'flex',
+          alignItems: 'center',
+          padding: '6px',
+        },
+      },
+    });
+  }
+}

package/src/suite/a-home/modules/home-layout/src/index.ts

@@ -1,2 +1 @@
 export * from './.metadata/index.js';
-import './assets/css/module.scss';

package/src/suite/a-home/modules/home-layout/src/assets/css/module.scss

@@ -1,14 +0,0 @@
-.menu-list {
-  background-color: whitesmoke;
-  display: flex;
-
-  a {
-    display: flex;
-    align-items: center;
-    padding: 6px;
-  }
-}
-
-.router-link-active {
-  color: orange;
-}