zova-ui-vuetify 5.0.97

package/src/suite/a-home/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "zova-suite-a-home",
+  "version": "5.0.0",
+  "title": "Home",
+  "type": "module",
+  "description": "",
+  "author": "zhennann",
+  "dependencies": {
+    "zova-module-a-home": "workspace:^",
+    "zova-module-home-icon": "workspace:^",
+    "zova-module-home-pagesystem": "workspace:^",
+    "zova-module-home-layout": "workspace:^",
+    "zova-module-home-router": "workspace:^",
+    "zova-module-home-mock": "workspace:^",
+    "zova-module-home-api": "workspace:^"
+  }
+}

package/src/suite/a-home/tsconfig.base.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {}
+}

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

@@ -0,0 +1,34 @@
+{
+  "name": "zova-module-a-vuetify",
+  "version": "5.0.0",
+  "title": "a-vuetify",
+  "cabloyModule": {
+    "capabilities": {
+      "monkey": true
+    }
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": [
+        "./src/index.ts",
+        "./dist/index.d.ts"
+      ],
+      "import": "./src/index.ts",
+      "default": "./dist/index.js"
+    },
+    "./*": "./*"
+  },
+  "description": "vuetify",
+  "keywords": [
+    "Cabloy Module"
+  ],
+  "author": "zhennann",
+  "files": [
+    "dist"
+  ],
+  "scripts": {},
+  "dependencies": {
+    "vuetify": "^3.5.8"
+  }
+}

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

@@ -0,0 +1,5 @@
+import { ZovaApplication } from 'zova';
+
+export const config = (_app: ZovaApplication) => {
+  return {};
+};

package/src/suite-vendor/a-vuetify/modules/a-vuetify/src/config/constants.ts

@@ -0,0 +1 @@
+export const constants = null;

package/src/suite-vendor/a-vuetify/modules/a-vuetify/src/config/errors.ts

@@ -0,0 +1 @@
+export enum Errors {}

package/src/suite-vendor/a-vuetify/modules/a-vuetify/src/config/index.ts

@@ -0,0 +1,4 @@
+export * from './locales.js';
+export * from './errors.js';
+export * from './config.js';
+export * from './constants.js';

package/src/suite-vendor/a-vuetify/modules/a-vuetify/src/config/locale/en-us.ts

@@ -0,0 +1 @@
+export default {};

package/src/suite-vendor/a-vuetify/modules/a-vuetify/src/config/locale/zh-cn.ts

@@ -0,0 +1 @@
+export default {};

package/src/suite-vendor/a-vuetify/modules/a-vuetify/src/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/suite-vendor/a-vuetify/modules/a-vuetify/src/index.ts

@@ -0,0 +1,7 @@
+export * from './config/index.js';
+export * from './resource/index.js';
+export * from './routes.js';
+export * from './types.js';
+export * from './monkey.js';
+
+import './typings.js';

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

@@ -0,0 +1,37 @@
+import { BeanBase, BeanContainerLike, BeanSimple, IMonkeySystem } from 'zova';
+import { PatchIcon } from './patch/icon.jsx';
+import { inject, reactive } from 'vue';
+import { DateAdapterSymbol } from 'vuetify/lib/composables/date/date.mjs';
+import { DefaultsSymbol } from 'vuetify/lib/composables/defaults.mjs';
+import { DisplaySymbol } from 'vuetify/lib/composables/display.mjs';
+import { IconSymbol } from 'vuetify/lib/composables/icons.mjs';
+import { LocaleSymbol } from 'vuetify/lib/composables/locale.mjs';
+import { ThemeSymbol } from 'vuetify/lib/composables/theme.mjs';
+
+export class Monkey extends BeanSimple implements IMonkeySystem {
+  async appInitialize() {
+    // icon
+    const patchIcon = await this.bean._newBean(PatchIcon, false);
+    await patchIcon.initialize();
+  }
+  async appInitialized() {}
+  async beanInit(bean: BeanContainerLike, beanInstance: BeanBase) {
+    bean.defineProperty(beanInstance, '$vuetify', {
+      enumerable: false,
+      configurable: true,
+      get() {
+        return reactive({
+          defaults: inject(DefaultsSymbol),
+          display: inject(DisplaySymbol),
+          theme: inject(ThemeSymbol),
+          icons: inject(IconSymbol),
+          locale: inject(LocaleSymbol),
+          date: inject(DateAdapterSymbol),
+        });
+      },
+    });
+  }
+  async beanInited(_bean: BeanContainerLike, _beanInstance: BeanBase) {}
+  beanDispose(_bean: BeanContainerLike, _beanInstance: BeanBase) {}
+  beanDisposed(_bean: BeanContainerLike, _beanInstance: BeanBase) {}
+}

package/src/suite-vendor/a-vuetify/modules/a-vuetify/src/patch/icon.tsx

@@ -0,0 +1,89 @@
+import { BeanBase, getZovaIcon, Local } from 'zova';
+import { ScopeModule } from '../resource/this.js';
+import { VIcon } from 'vuetify/components';
+import { computed, ref, toRef } from 'vue';
+import { provideTheme } from 'vuetify/lib/composables/theme.mjs';
+import { useIcon } from 'vuetify/lib/composables/icons.mjs';
+import { useSize } from 'vuetify/lib/composables/size.mjs';
+import { useTextColor } from 'vuetify/lib/composables/color.mjs';
+import { convertToUnit, flattenFragments } from 'vuetify/lib/util/index.mjs';
+import { VSvgIconCabloy } from './svg.js';
+
+@Local()
+export class PatchIcon extends BeanBase<ScopeModule> {
+  public async initialize() {
+    this._patchSetup();
+  }
+
+  private _patchSetup() {
+    const self = this;
+    VIcon.setup = function (props, { attrs, slots }) {
+      const slotIcon = ref<string>();
+
+      const { themeClasses } = provideTheme(props);
+      const { sizeClasses } = useSize(props);
+      const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'));
+
+      return () => {
+        const { iconData } = self._getIconData(slotIcon.value || props.icon);
+        const slotValue = slots.default?.();
+        if (slotValue) {
+          slotIcon.value = flattenFragments(slotValue).filter(
+            node => node.type === Text && node.children && typeof node.children === 'string',
+          )[0]?.children as string;
+        }
+        const hasClick = !!(attrs.onClick || attrs.onClickOnce);
+
+        return (
+          <iconData.value.component
+            tag={props.tag}
+            icon={iconData.value.icon}
+            class={[
+              'v-icon',
+              'notranslate',
+              themeClasses.value,
+              sizeClasses.value,
+              textColorClasses.value,
+              {
+                'v-icon--clickable': hasClick,
+                'v-icon--disabled': props.disabled,
+                'v-icon--start': props.start,
+                'v-icon--end': props.end,
+              },
+              props.class,
+            ]}
+            style={[
+              !sizeClasses.value
+                ? {
+                    fontSize: convertToUnit(props.size),
+                    height: convertToUnit(props.size),
+                    width: convertToUnit(props.size),
+                  }
+                : undefined,
+              textColorStyles.value,
+              props.style,
+            ]}
+            role={hasClick ? 'button' : undefined}
+            aria-hidden={!hasClick}
+            tabindex={hasClick ? (props.disabled ? -1 : 0) : undefined}
+          >
+            {slotValue}
+          </iconData.value.component>
+        );
+      };
+    };
+  }
+
+  private _getIconData(iconName) {
+    const iconInfo = getZovaIcon(iconName);
+    if (iconInfo === undefined) return useIcon(computed(() => iconName));
+    return {
+      iconData: {
+        value: {
+          component: VSvgIconCabloy,
+          icon: `#${iconInfo.symbolId}`,
+        },
+      },
+    };
+  }
+}

package/src/suite-vendor/a-vuetify/modules/a-vuetify/src/patch/svg.ts

@@ -0,0 +1,29 @@
+import { ZovaIcon } from 'zova';
+import { defineComponent } from 'vue';
+import { mergeProps as _mergeProps, createVNode as _createVNode } from 'vue';
+import { makeIconProps } from 'vuetify/lib/composables/icons.mjs';
+
+export const VSvgIconCabloy = defineComponent({
+  name: 'VSvgIconCabloy',
+  inheritAttrs: false,
+  props: makeIconProps(),
+  setup(props, _ref2) {
+    const { attrs } = _ref2;
+    return () => {
+      return _createVNode(
+        props.tag,
+        _mergeProps(attrs, {
+          style: null,
+        }),
+        {
+          default: () => [
+            _createVNode(ZovaIcon, {
+              class: 'v-icon__svg',
+              href: props.icon,
+            }),
+          ],
+        },
+      );
+    };
+  },
+});

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

@@ -0,0 +1,4 @@
+import 'zova';
+declare module 'zova' {
+  export interface IBeanRecord {}
+}

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

@@ -0,0 +1 @@
+export const components = {};

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

@@ -0,0 +1,3 @@
+export * from './scope.js';
+export * from './beans.js';
+export * from './components.js';

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

@@ -0,0 +1,30 @@
+import { BeanScopeBase, Scope, TypeLocaleBase, TypeModuleResource } from 'zova';
+import { config, Errors, locales, constants } from '../config/index.js';
+import { components } from './components.js';
+
+@Scope()
+export class ScopeModuleAVuetify extends BeanScopeBase {}
+
+export interface ScopeModuleAVuetify
+  extends TypeModuleResource<
+    typeof components,
+    typeof config,
+    typeof Errors,
+    (typeof locales)[TypeLocaleBase],
+    typeof constants
+  > {}
+
+import 'zova';
+declare module 'zova' {
+  export interface IBeanScopeRecord {
+    'a-vuetify': ScopeModuleAVuetify;
+  }
+
+  export interface IBeanScopeConfig {
+    'a-vuetify': ReturnType<typeof config>;
+  }
+
+  export interface IBeanScopeLocale {
+    'a-vuetify': (typeof locales)[TypeLocaleBase];
+  }
+}

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

@@ -0,0 +1,4 @@
+export const __ThisModule__ = 'a-vuetify';
+export type __ThisModuleType__ = typeof __ThisModule__;
+
+export { ScopeModuleAVuetify as ScopeModule } from './scope.js';

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

@@ -0,0 +1,3 @@
+import { IModuleRoute } from 'zova-module-a-router';
+
+export const routes: IModuleRoute[] = [];

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

@@ -0,0 +1,18 @@
+import { ExtractComposable } from 'zova';
+import { DateInstance, DefaultsInstance, DisplayInstance, LocaleInstance, ThemeInstance } from 'vuetify';
+
+export interface VuetifyGlobal {
+  defaults: ExtractComposable<DefaultsInstance>;
+  display: ExtractComposable<DisplayInstance>;
+  theme: ExtractComposable<ThemeInstance>;
+  icons: Record<string, any>;
+  locale: ExtractComposable<LocaleInstance>;
+  date: ExtractComposable<DateInstance>;
+}
+
+import 'zova';
+declare module 'zova' {
+  export interface BeanBase {
+    $vuetify: VuetifyGlobal;
+  }
+}

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

@@ -0,0 +1 @@
+export {};

package/src/suite-vendor/a-vuetify/modules/a-vuetify/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {},
+  "exclude": ["dist", "node_modules"]
+}

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

@@ -0,0 +1,11 @@
+{
+  "name": "zova-suite-a-vuetify",
+  "version": "5.0.0",
+  "title": "a-vuetify",
+  "type": "module",
+  "description": "vuetify",
+  "author": "zhennann",
+  "dependencies": {
+    "zova-module-a-vuetify": "workspace:^"
+  }
+}

package/src/suite-vendor/a-vuetify/tsconfig.base.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {}
+}

package/tsconfig.base.cjs.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@cabloy/lint/front/tsconfig.base.cjs"
+}

package/tsconfig.base.esm.json

@@ -0,0 +1,12 @@
+{
+  "extends": "@cabloy/lint/front/tsconfig.base.esm",
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "jsx": "preserve",
+    "jsxImportSource": "vue",
+    "lib": ["esnext", "dom"],
+    "types": ["vite/client", "node"]
+  }
+}

package/tsconfig.base.json

@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.base.esm",
+  "compilerOptions": {
+    "noEmit": true
+  }
+}

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {},
+  "exclude": ["./dist", "./distMockServer", "./.zova", "./node_modules"]
+}

package/tsconfig.vue-tsc.json

@@ -0,0 +1,5 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {},
+  "exclude": ["./dist", "./distMockServer", "./.zova", "./node_modules", "vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,53 @@
+// Plugins
+import Vue from '@vitejs/plugin-vue';
+import Vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';
+
+// Utilities
+import { defineConfig, mergeConfig } from 'vite';
+import { getAppMode, getFlavor } from 'zova-vite';
+import { ZovaConfigMeta } from 'zova';
+import { generateZovaViteMeta } from 'zova-vite';
+
+// https://vitejs.dev/config/
+export default defineConfig(async ({ mode }) => {
+  const flavor = getFlavor();
+  const appMode = getAppMode();
+  const configMeta: ZovaConfigMeta = {
+    flavor,
+    mode,
+    appMode,
+  };
+  const configOptions = {
+    appDir: process.cwd(),
+    runtimeDir: '.zova',
+    zovaManualChunk: {
+      debug: false,
+      vendors: [{ match: ['vuetify'], output: 'vuetify' }],
+    },
+  };
+  // zovaViteMeta
+  const zovaViteMeta = await generateZovaViteMeta(configMeta, configOptions);
+  // plugins
+  const plugins = [
+    Vue({
+      template: { transformAssetUrls },
+    }),
+    // https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#readme
+    Vuetify({
+      autoImport: false,
+      styles: {
+        configFile: 'src/css/settings.scss',
+      },
+    }),
+  ];
+  for (const plugin of zovaViteMeta.vitePlugins) {
+    const pluginFn = plugin[1];
+    const pluginOptions = plugin[2];
+    plugins.push(pluginFn(pluginOptions));
+  }
+  // viteConfig
+  const viteConfig = mergeConfig(zovaViteMeta.viteConfig, {
+    plugins,
+  });
+  return viteConfig;
+});