create-bubbles 0.1.19 → 0.1.22

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/main.ts

@@ -0,0 +1,13 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import { setupRouter } from './router'
+import { setupStore } from './store'
+import 'virtual:svg-icons-register'
+import '@/styles/index.scss'
+import 'virtual:uno.css'
+
+const app = createApp(App)
+setupRouter(app)
+setupStore(app)
+
+app.mount('#app')

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/router/guard/index.ts

@@ -0,0 +1,7 @@
+import type { Router } from "vue-router";
+
+import { createPermissionGuard } from "./permissionGuard";
+
+export function setupGuard(router: Router) {
+  createPermissionGuard(router);
+}

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/router/guard/permissionGuard.ts

@@ -0,0 +1,13 @@
+import type { Router } from "vue-router";
+
+import NProgress from "nprogress";
+
+export function createPermissionGuard(router: Router) {
+  router.beforeEach((_to, _from, next) => {
+    NProgress.start();
+    next();
+  });
+  router.afterEach((_to, _from) => {
+    NProgress.done();
+  });
+}

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/router/index.ts

@@ -0,0 +1,18 @@
+import type { App } from "vue";
+
+import { createRouter, createWebHistory } from "vue-router";
+
+import { setupGuard } from "./guard";
+import { routes } from "./modules";
+
+export const router = createRouter({
+  history: createWebHistory(import.meta.env.PUBLIC_PATH),
+  routes,
+  strict: true,
+  scrollBehavior: () => ({ left: 0, top: 0 }),
+});
+
+export function setupRouter(app: App) {
+  setupGuard(router);
+  app.use(router);
+}

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/router/interface.ts

@@ -0,0 +1,9 @@
+import type { RouteRecordRaw } from "vue-router";
+
+export type MenuRouteRecordRawType = RouteRecordRaw & {
+  meta?: {
+    title?: string;
+    icon?: string;
+    hideInMenu?: boolean;
+  };
+};

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/router/modules/index.ts

@@ -0,0 +1,33 @@
+import type { RouteRecordRaw } from 'vue-router'
+
+import type { MenuRouteRecordRawType } from '../interface'
+
+export const menuRoutes: MenuRouteRecordRawType[] = [
+  {
+    path: '/home',
+    name: 'Home',
+    meta: { title: '首页概览', icon: 'svg-home' },
+    component: () => import('@/views/home/index.vue'),
+  },
+]
+
+export const routes: RouteRecordRaw[] = [
+  {
+    path: '/',
+    name: 'layout',
+    component: () => import('@/layout/default/index.vue'),
+    children: [
+      {
+        path: '/',
+        redirect: '/home',
+      },
+      ...menuRoutes,
+    ],
+  },
+  {
+    path: '/login',
+    name: 'login',
+    meta: { title: '登录' },
+    component: () => import('@/views/login/index.vue'),
+  },
+]

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/store/index.ts

@@ -0,0 +1,11 @@
+import type { App } from "vue";
+
+import { createPinia } from "pinia";
+import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
+
+export const store = createPinia();
+store.use(piniaPluginPersistedstate);
+
+export function setupStore(app: App) {
+  app.use(store);
+}

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/store/modules/user.ts

@@ -0,0 +1,17 @@
+import { defineStore } from "pinia";
+
+import { store } from "..";
+
+export const useUserStore = defineStore("user", {
+  state: () => {
+    return {
+      name: "admin",
+      token: "admin",
+      avatar: "https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif",
+    };
+  },
+});
+
+export function useUserStoreWithOut() {
+  return useUserStore(store);
+}

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/styles/index.scss

@@ -0,0 +1,29 @@
+@use "./font.scss";
+@use "./variables.scss";
+
+html,
+body,
+#root {
+  width: 100%;
+  height: 100%;
+  font-family: "SourceHanSansCN";
+}
+
+*,
+*::before,
+*::after {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+//弹窗的标题样式
+.dialog-title {
+  border-left: 3px solid #22b5ffff;
+  padding-left: 10px;
+  height: 16px;
+  color: #ffffffb8;
+  font: 700;
+  font-size: 16px;
+  line-height: 16px;
+}

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/styles/variables.scss

@@ -0,0 +1,3 @@
+:root {
+  --header-height: 80px;
+}

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/types/auto-import.d.ts

@@ -0,0 +1,78 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: typeof import('vue').EffectScope
+  const computed: typeof import('vue').computed
+  const createApp: typeof import('vue').createApp
+  const customRef: typeof import('vue').customRef
+  const defineAsyncComponent: typeof import('vue').defineAsyncComponent
+  const defineComponent: typeof import('vue').defineComponent
+  const effectScope: typeof import('vue').effectScope
+  const getCurrentInstance: typeof import('vue').getCurrentInstance
+  const getCurrentScope: typeof import('vue').getCurrentScope
+  const getCurrentWatcher: typeof import('vue').getCurrentWatcher
+  const h: typeof import('vue').h
+  const inject: typeof import('vue').inject
+  const isProxy: typeof import('vue').isProxy
+  const isReactive: typeof import('vue').isReactive
+  const isReadonly: typeof import('vue').isReadonly
+  const isRef: typeof import('vue').isRef
+  const isShallow: typeof import('vue').isShallow
+  const markRaw: typeof import('vue').markRaw
+  const nextTick: typeof import('vue').nextTick
+  const onActivated: typeof import('vue').onActivated
+  const onBeforeMount: typeof import('vue').onBeforeMount
+  const onBeforeRouteLeave: typeof import('vue-router').onBeforeRouteLeave
+  const onBeforeRouteUpdate: typeof import('vue-router').onBeforeRouteUpdate
+  const onBeforeUnmount: typeof import('vue').onBeforeUnmount
+  const onBeforeUpdate: typeof import('vue').onBeforeUpdate
+  const onDeactivated: typeof import('vue').onDeactivated
+  const onErrorCaptured: typeof import('vue').onErrorCaptured
+  const onMounted: typeof import('vue').onMounted
+  const onRenderTracked: typeof import('vue').onRenderTracked
+  const onRenderTriggered: typeof import('vue').onRenderTriggered
+  const onScopeDispose: typeof import('vue').onScopeDispose
+  const onServerPrefetch: typeof import('vue').onServerPrefetch
+  const onUnmounted: typeof import('vue').onUnmounted
+  const onUpdated: typeof import('vue').onUpdated
+  const onWatcherCleanup: typeof import('vue').onWatcherCleanup
+  const provide: typeof import('vue').provide
+  const reactive: typeof import('vue').reactive
+  const readonly: typeof import('vue').readonly
+  const ref: typeof import('vue').ref
+  const resolveComponent: typeof import('vue').resolveComponent
+  const shallowReactive: typeof import('vue').shallowReactive
+  const shallowReadonly: typeof import('vue').shallowReadonly
+  const shallowRef: typeof import('vue').shallowRef
+  const toRaw: typeof import('vue').toRaw
+  const toRef: typeof import('vue').toRef
+  const toRefs: typeof import('vue').toRefs
+  const toValue: typeof import('vue').toValue
+  const triggerRef: typeof import('vue').triggerRef
+  const unref: typeof import('vue').unref
+  const useAttrs: typeof import('vue').useAttrs
+  const useCssModule: typeof import('vue').useCssModule
+  const useCssVars: typeof import('vue').useCssVars
+  const useId: typeof import('vue').useId
+  const useLink: typeof import('vue-router').useLink
+  const useModel: typeof import('vue').useModel
+  const useRoute: typeof import('vue-router').useRoute
+  const useRouter: typeof import('vue-router').useRouter
+  const useSlots: typeof import('vue').useSlots
+  const useTemplateRef: typeof import('vue').useTemplateRef
+  const watch: typeof import('vue').watch
+  const watchEffect: typeof import('vue').watchEffect
+  const watchPostEffect: typeof import('vue').watchPostEffect
+  const watchSyncEffect: typeof import('vue').watchSyncEffect
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/types/components.d.ts

@@ -0,0 +1,26 @@
+/* eslint-disable */
+// @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    AAvatar: typeof import('antdv-next')['Avatar']
+    AButton: typeof import('antdv-next')['Button']
+    ADropdown: typeof import('antdv-next')['Dropdown']
+    ALayout: typeof import('antdv-next')['Layout']
+    ALayoutContent: typeof import('antdv-next')['LayoutContent']
+    ALayoutHeader: typeof import('antdv-next')['LayoutHeader']
+    ALayoutSider: typeof import('antdv-next')['LayoutSider']
+    AMenu: typeof import('antdv-next')['Menu']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SvgIcon: typeof import('./../components/Icon/svg-icon.vue')['default']
+  }
+}

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/types/vite-env.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="vite/client" />
+
+/* eslint-disable */
+declare module "*.vue" {
+  import type { DefineComponent } from "vue";
+
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}
+
+// vite-plugin-svg-icons 类型声明
+declare module "virtual:svg-icons-register" {
+  const register: () => void;
+  export default register;
+}

package/template-vp-monorepo-react-nestjs/apps/web-vue/src/utils/env.ts

@@ -0,0 +1,11 @@
+/**
+ * 通过一个文件导出所有的环境变量这样方便统一修改
+ * @returns
+ */
+export const envVariables = {
+  PORT: import.meta.env.VITE_PORT,
+  PATH: import.meta.env.VITE_PATH,
+  APP_NAME: import.meta.env.VITE_APP_NAME,
+  /** 后端接口前缀 */
+  API_AFFIX: import.meta.env.VITE_API_AFFIX,
+};