zova-ui-vuetify 5.0.97

package/.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

package/.eslintignore

@@ -0,0 +1,8 @@
+**/dist
+/distMockServer
+/src-capacitor
+/src-cordova
+/.zova
+/node_modules
+.eslintrc.cjs
+vite.config.ts.timestamp-*

package/.eslintrc.cjs

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: [require.resolve('@cabloy/lint/front/eslint.js')],
+};

package/.gitattributes

@@ -0,0 +1,2 @@
+* text=auto eol=lf
+*.{png,jpg,jpeg,gif,webp,woff,woff2} binary

package/.gitignore

@@ -0,0 +1,66 @@
+!.gitignore
+!.npmrc
+
+.DS_Store
+.thumbs.db
+# pnpm-lock.yaml
+# package-lock.json
+node_modules
+miniprogram_npm
+vite.config.ts.timestamp-*
+
+**/dist
+distMockServer
+
+# zova core related directories
+.zova
+
+# Cordova related directories and files
+/src-cordova/node_modules
+/src-cordova/platforms
+/src-cordova/plugins
+/src-cordova/www
+
+# Capacitor related directories and files
+/src-capacitor/www
+/src-capacitor/node_modules
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.nx
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+
+# mine .env files
+env/.env*.mine
+
+**/*.tsbuildinfo
+
+/src/front/config
+
+/src/suite/*
+!/src/suite/.gitkeep
+!/src/suite/a-base
+!/src/suite/a-cms
+!/src/suite/a-core
+!/src/suite/a-demo
+!/src/suite/a-flow
+!/src/suite/a-home
+!/src/suite/test-party
+
+/src/suite-vendor/*
+!/src/suite-vendor/.gitkeep
+!/src/suite-vendor/a-vuetify
+
+/src/module/*
+!/src/module/.gitkeep
+
+/src/module-vendor/*
+!/src/module-vendor/.gitkeep

package/.npmrc

@@ -0,0 +1,29 @@
+# pnpm-related options
+# shamefully-hoist=true
+strict-peer-dependencies=false
+# to get the latest compatible packages when creating the project https://github.com/pnpm/pnpm/issues/6463
+resolution-mode=highest
+# cabloy
+hoist = true
+hoist-workspace-packages = true
+public-hoist-pattern[]=*terser*
+public-hoist-pattern[]=*babel*
+public-hoist-pattern[]=*@babel*
+public-hoist-pattern[]=*eslint*
+public-hoist-pattern[]=*prettier*
+public-hoist-pattern[]=*types*
+public-hoist-pattern[]=lerna
+public-hoist-pattern[]=*cabloy*
+public-hoist-pattern[]=*@cabloy*
+public-hoist-pattern[]=*egg-born*
+public-hoist-pattern[]=*zova*
+public-hoist-pattern[]=*vue*
+public-hoist-pattern[]=*@vue*
+public-hoist-pattern[]=*vite*
+public-hoist-pattern[]=*@vitejs*
+public-hoist-pattern[]=*vuetify*
+public-hoist-pattern[]=*@vuetify*
+public-hoist-pattern[]=*zod*
+public-hoist-pattern[]=*pinia*
+link-workspace-packages = 'deep'
+prefer-workspace-packages = true

package/.vscode/extensions.json

@@ -0,0 +1,9 @@
+{
+  "recommendations": ["vscodevim.vim", "dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "vue.volar"],
+  "unwantedRecommendations": [
+    "octref.vetur",
+    "hookyqr.beautify",
+    "dbaeumer.jshint",
+    "ms-vscode.vscode-typescript-tslint-plugin"
+  ]
+}

package/.vscode/settings.json

@@ -0,0 +1,57 @@
+{
+  "editor.bracketPairColorization.enabled": true,
+  "editor.guides.bracketPairs": true,
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"],
+  "prettier.singleQuote": true,
+  "prettier.jsxSingleQuote": false,
+  "[html]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[less]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[vue]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "files.eol": "\n",
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.disableAutomaticTypeAcquisition": false,
+  "typescript.format.enable": true,
+  "typescript.implementationsCodeLens.enabled": true,
+  "typescript.tsserver.useSyntaxServer": "auto",
+  "typescript.validate.enable": true,
+  "typescript.suggest.autoImports": true,
+  "typescript.suggest.includeCompletionsForImportStatements": true,
+  "typescript.preferences.importModuleSpecifier": "shortest",
+  "typescript.preferences.importModuleSpecifierEnding": "js",
+  "typescript.preferences.includePackageJsonAutoImports": "on",
+  // associations
+  "files.associations": {
+    "*.ejs": "html",
+    "*.code-snippets": "text",
+    "docker-compose-dockerfile-app": "dockerfile"
+  }
+}

package/.vscode/zova.code-snippets

@@ -0,0 +1,18 @@
+/**
+ * supported code snippets as follows:
+ *   __init__ __dispose__
+ **/
+{
+  "__init__": {
+    "scope": "typescript,typescriptreact",
+    "prefix": "init",
+    "body": ["protected async __init__() {", "  $0", "}"],
+    "description": "__init__",
+  },
+  "__dispose__": {
+    "scope": "typescript,typescriptreact",
+    "prefix": "dispose",
+    "body": ["protected __dispose__() {", "  $0", "}"],
+    "description": "__dispose__",
+  },
+}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016-present Zova
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,124 @@
+# zova-ui-vuetify
+
+zova-ui-vuetify is a vue3 framework with ioc container. With the support of ioc container, defining reactive states no longer needs `ref/reactive`, nor `ref.value`
+
+[![LICENSE MIT][license-image]][license-url]
+[![NPM version][npm-image]][npm-url]
+[![NPM download][download-image]][download-url]
+
+[license-image]: https://img.shields.io/badge/license-MIT-blue.svg
+[license-url]: https://github.com/cabloy/zova/blob/master/LICENSE
+[npm-image]: https://img.shields.io/npm/v/zova-ui-vuetify.svg?style=flat-square
+[npm-url]: https://npmjs.com/package/zova-ui-vuetify
+[download-image]: https://img.shields.io/npm/dm/zova-ui-vuetify?color=orange&label=npm%20downloads
+[download-url]: https://npmjs.com/package/zova-ui-vuetify
+
+## Documentation
+
+- [Get Started](https://zova.cabloy.com/guide/start/introduction.html)
+- [Why Vue3+IOC?](https://zova.cabloy.com/guide/start/why.html)
+
+## Features
+
+zova-ui-vuetify has introduced the following distinct features for Vue3:
+
+1. `No ref/reactive`: With the support of ioc container, defining reactive states no longer needs `ref/reactive`
+2. `No ref.value`: Without `ref`, naturally there is no need to write a lot of `ref.value`
+3. `Modularization`: In a large web business system, as the business grows and changes, it is also necessary to divide the system into relatively independent modules in order to avoid code bloating. This is why Cabloy-Front introduces modularization
+
+## Gif demonstration
+
+![No ref/reactive](../zova-docs/assets/img/state-no-ref-reactive.gif)
+
+## Demonstration: no `ref/reactive`, no `ref.value`
+
+### 1. Define reactive state
+
+Define a reactive variable `count` in the component and add two methods to modify its value
+
+```typescript
+export class ControllerPageCounter {
+  count: number = 0;
+
+  inrement() {
+    this.count++;
+  }
+
+  decrement() {
+    this.count--;
+  }
+}
+```
+
+### 2. Use reactive state
+
+Use `count` in render class
+
+```typescript
+export class RenderPageCounter {
+  render() {
+    return (
+      <div>
+        <div>count(ref): {this.count}</div>
+        <button onClick={() => this.inrement()}>Inrement</button>
+        <button onClick={() => this.decrement()}>Decrement</button>
+      </div>
+    );
+  }
+}
+```
+
+## Demonstration: dependency injection
+
+### 1. Logic Reuse
+
+Create a `Counter` Bean to implement the logic of `count`
+
+```typescript
+@Local()
+export class Counter {
+  count: number = 0;
+
+  inrement() {
+    this.count++;
+  }
+
+  decrement() {
+    this.count--;
+  }
+}
+```
+
+### 2. Inject and use in a component
+
+```typescript
+export class ControllerPageCounter {
+  @Use()
+  $$counter: Counter;
+}
+```
+
+```typescript
+export class RenderPageCounter {
+  render() {
+    return (
+      <div>
+        <div>count(ref): {this.$$counter.count}</div>
+        <button onClick={() => this.$$counter.inrement()}>Inrement</button>
+        <button onClick={() => this.$$counter.decrement()}>Decrement</button>
+      </div>
+    );
+  }
+}
+```
+
+## Stay In Touch
+
+- [Twitter](https://twitter.com/zhennann2024)
+- [Wechat](../zova-docs/zh/assets/img/wx-zhennann.jpg)
+
+## License
+
+[MIT](./LICENSE)
+
+Copyright (c) 2016-present, CabloyJS

package/env/.env

@@ -0,0 +1,29 @@
+APP_SERVER = false
+APP_ROUTER_MODE = hash
+APP_ROUTER_BASE =
+APP_PUBLIC_PATH =
+APP_NAME = CabloyJS
+APP_TITLE = CabloyJS
+APP_VERSION = 5.0.0
+
+DEV_SERVER_HOST =
+DEV_SERVER_PORT = 3000
+
+PROJECT_DISABLED_MODULES = a-pinia
+PROJECT_DISABLED_SUITES =
+
+API_BASE_URL=
+API_PREFIX = /api
+
+PROXY_API_ENABLED = $MOCK_BUILD
+PROXY_API_BASE_URL = http://localhost:$MOCK_BUILD_PORT
+PROXY_API_PREFIX = $API_PREFIX
+
+MOCK_ENABLED = true
+MOCK_PATH = src/suite/a-home/modules/home-mock/src/mock
+MOCK_LOGGER = false
+MOCK_BASE_NAME = $API_PREFIX
+MOCK_BUILD = false
+MOCK_BUILD_PORT = 8888
+MOCK_BUILD_OUTPUT = distMockServer
+MOCK_BUILD_CORS = true

package/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Welcome to Vuetify 3</title>
+  </head>
+
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/boot/main.ts"></script>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "zova-ui-vuetify",
+  "version": "5.0.97",
+  "description": "A vue3 vuetify framework with ioc",
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "zhennann <zhen.nann@icloud.com>",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc --noEmit --project tsconfig.vue-tsc.json",
+    "preview": "vite preview",
+    "tsc": "vue-tsc --noEmit --project tsconfig.vue-tsc.json",
+    "lint": "eslint . --fix --ignore-path .gitignore"
+  },
+  "keywords": [
+    "nodejs",
+    "full-stack",
+    "workflow-engine",
+    "vue3",
+    "ioc",
+    "zova"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cabloy/zova.git"
+  },
+  "homepage": "https://github.com/cabloy/zova#readme",
+  "bugs": {
+    "url": "https://github.com/cabloy/zova/issues"
+  },
+  "dependencies": {
+    "roboto-fontface": "^0.10.0",
+    "vue": "^3.4.27",
+    "vue-router": "^4.3.2",
+    "vuetify": "^3.6.7",
+    "zova": "^5.0.74"
+  },
+  "devDependencies": {
+    "@cabloy/lint": "^4.0.10",
+    "@types/node": "^20.12.12",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "sass": "^1.77.2",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.11",
+    "vite-plugin-vuetify": "^2.0.3",
+    "vue-tsc": "^2.0.19",
+    "zova-vite": "^1.0.74"
+  },
+  "license": "MIT",
+  "gitHead": "e452293f92ba46b87ab8d1bb19d4e507cb8a4654"
+}

package/pnpm-workspace.yaml

@@ -0,0 +1,7 @@
+packages:
+  - 'src/module/*'
+  - 'src/module-vendor/*'
+  - 'src/suite/*'
+  - 'src/suite/*/modules/*'
+  - 'src/suite-vendor/*'
+  - 'src/suite-vendor/*/modules/*'

package/prettier.config.cjs

@@ -0,0 +1,2 @@
+const config = require('@cabloy/lint/front/prettier.js');
+module.exports = config;

package/src/boot/app.vue

@@ -0,0 +1,9 @@
+<template>
+  <router-view />
+</template>
+
+<script setup lang="ts">
+defineOptions({
+  name: 'App',
+});
+</script>

package/src/boot/main.ts

@@ -0,0 +1,22 @@
+/**
+ * main.ts
+ *
+ * Bootstraps Vuetify and other plugins then mounts the App`
+ */
+
+import { createApp } from 'vue';
+import 'roboto-fontface/css/roboto/sass/roboto-fontface.scss';
+import vuetify from './vuetify.js';
+import router from './router.js';
+import App from './app.vue';
+import { zova } from './zova.js';
+
+async function start({ app, router }) {
+  await zova({ app, router });
+  app.use(router);
+  app.mount('#app');
+}
+
+const app = createApp(App);
+app.use(vuetify);
+start({ app, router });

package/src/boot/router.ts

@@ -0,0 +1,14 @@
+import { createMemoryHistory, createRouter, createWebHashHistory, createWebHistory } from 'vue-router';
+
+const createHistory =
+  process.env.APP_SERVER === 'true'
+    ? createMemoryHistory
+    : process.env.APP_ROUTER_MODE === 'history'
+      ? createWebHistory
+      : createWebHashHistory;
+
+export default createRouter({
+  scrollBehavior: () => ({ left: 0, top: 0 }),
+  routes: [],
+  history: createHistory(process.env.APP_ROUTER_BASE),
+});

package/src/boot/vuetify.ts

@@ -0,0 +1,18 @@
+/**
+ * plugins/vuetify.ts
+ *
+ * Framework documentation: https://vuetifyjs.com`
+ */
+
+// Styles
+import 'vuetify/styles';
+
+// Composables
+import { createVuetify } from 'vuetify';
+
+// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
+export default createVuetify({
+  theme: {
+    defaultTheme: 'dark',
+  },
+});

package/src/boot/zova.ts

@@ -0,0 +1,14 @@
+/* eslint-disable */
+
+import { App } from 'vue';
+import { PluginZova } from 'zova';
+import { modulesMeta } from '../../.zova/modules-meta.js';
+import { AppMonkey } from '../front/config/monkey.js';
+import { locales } from '../front/config/locales.js';
+import config from '../../.zova/config.js';
+import { Router } from 'vue-router';
+
+export async function zova({ app, router }: { app: App; router: Router }) {
+  app.provide('a-router:appRouter', router);
+  await PluginZova.install(app, { modulesMeta, AppMonkey, locales, config });
+}

package/src/css/settings.scss

@@ -0,0 +1,10 @@
+/**
+ * src/styles/settings.scss
+ *
+ * Configures SASS variables and Vuetify overwrites
+ */
+
+// https://vuetifyjs.com/features/sass-variables/`
+// @use 'vuetify/settings' with (
+//   $color-pack: false
+// );

package/src/front/_config/config/config.app.ts

@@ -0,0 +1,16 @@
+// npm run build
+// FLAVOR=app npm run build
+import { ZovaConfigMeta, ZovaConfigOptional } from 'zova';
+
+export default function (_meta: ZovaConfigMeta) {
+  const config = {
+    base: {
+      jwt: true,
+    },
+  } as ZovaConfigOptional;
+
+  // module config
+  config.modules = {};
+
+  return config;
+}

package/src/front/_config/config/config.ts

@@ -0,0 +1,17 @@
+import { ZovaConfigMeta, ZovaConfigOptional } from 'zova';
+
+export default function (_meta: ZovaConfigMeta) {
+  const config = {
+    base: {},
+    api: {
+      baseURL: process.env.API_BASE_URL,
+      prefix: process.env.API_PREFIX,
+    },
+    layout: {},
+  } as ZovaConfigOptional;
+
+  // module config
+  config.modules = {};
+
+  return config;
+}

package/src/front/_config/config/config.web.ts

@@ -0,0 +1,15 @@
+// FLAVOR=web npm run build
+import { ZovaConfigMeta, ZovaConfigOptional } from 'zova';
+
+export default function (_meta: ZovaConfigMeta) {
+  const config = {
+    base: {
+      jwt: false,
+    },
+  } as ZovaConfigOptional;
+
+  // module config
+  config.modules = {};
+
+  return config;
+}

package/src/front/_config/locale/en-us.ts

@@ -0,0 +1,5 @@
+import { ZovaLocaleOptional } from 'zova';
+
+export default {
+  modules: {},
+} as ZovaLocaleOptional;

package/src/front/_config/locale/zh-cn.ts

@@ -0,0 +1,5 @@
+import { ZovaLocaleOptional } from 'zova';
+
+export default {
+  modules: {},
+} as ZovaLocaleOptional;

package/src/front/_config/locales.ts

@@ -0,0 +1,7 @@
+import en_us from './locale/en-us.js';
+import zh_cn from './locale/zh-cn.js';
+
+export const locales = {
+  'en-us': en_us,
+  'zh-cn': zh_cn,
+};

package/src/front/_config/monkey.ts

@@ -0,0 +1,24 @@
+import {
+  BeanBase,
+  BeanContainerLike,
+  BeanSimple,
+  IModule,
+  IMonkeyApp,
+  IMonkeyController,
+  IMonkeySystem,
+  IControllerData,
+} from 'zova';
+
+export class AppMonkey extends BeanSimple implements IMonkeyApp, IMonkeySystem, IMonkeyController {
+  async moduleLoading(_module: IModule) {}
+  async moduleLoaded(_module: IModule) {}
+  async configLoaded(_module: IModule, _config) {}
+  async appInitialize() {}
+  async appInitialized() {}
+  async beanInit(_bean: BeanContainerLike, _beanInstance: BeanBase) {}
+  async beanInited(_bean: BeanContainerLike, _beanInstance: BeanBase) {}
+  beanDispose(_bean: BeanContainerLike, _beanInstance: BeanBase) {}
+  beanDisposed(_bean: BeanContainerLike, _beanInstance: BeanBase) {}
+  controllerDataPrepare(_controllerData: IControllerData) {}
+  controllerDataInit(_controllerData: IControllerData, _controller: BeanBase) {}
+}