create-bubbles 0.1.13 → 0.1.18

package/template-vue-vite-eslint/src/router/index.ts

@@ -1,18 +0,0 @@
-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-vue-vite-eslint/src/router/interface.ts

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

package/template-vue-vite-eslint/src/router/modules/example.ts

@@ -1,21 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router'
-
-export const ExampleRoutes: RouteRecordRaw[] = [
-  {
-    path: '/example',
-    name: 'Example',
-    children: [
-      {
-        path: 'echart',
-        name: 'Echart',
-        component: () => import('@/views/example/echart/index.vue'),
-      },
-
-      {
-        path: 'tree-chart',
-        name: 'TreeChart',
-        component: () => import('@/views/example/tree-chart.vue'),
-      },
-    ],
-  },
-]

package/template-vue-vite-eslint/src/router/modules/index.ts

@@ -1,36 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router'
-
-import type { MenuRouteRecordRawType } from '../interface'
-
-import { ExampleRoutes } from './example'
-
-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,
-    ],
-  },
-  ...ExampleRoutes,
-  {
-    path: '/login',
-    name: 'login',
-    meta: { title: '登录' },
-    component: () => import('@/views/login/index.vue'),
-  },
-]

package/template-vue-vite-eslint/src/store/index.ts

@@ -1,11 +0,0 @@
-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-vue-vite-eslint/src/store/modules/user.ts

@@ -1,20 +0,0 @@
-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-vue-vite-eslint/src/styles/index.scss

@@ -1,29 +0,0 @@
-@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-vue-vite-eslint/src/styles/variables.scss

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

package/template-vue-vite-eslint/src/types/auto-import.d.ts

@@ -1,78 +0,0 @@
-/* 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-vue-vite-eslint/src/types/components.d.ts

@@ -1,18 +0,0 @@
-/* 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 {
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    SvgIcon: typeof import('./../components/Icon/svg-icon.vue')['default']
-  }
-}

package/template-vue-vite-eslint/src/types/vite-env.d.ts

@@ -1,15 +0,0 @@
-/// <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-vue-vite-eslint/src/utils/env.ts

@@ -1,11 +0,0 @@
-/**
- * 通过一个文件导出所有的环境变量这样方便统一修改
- * @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,
-}

package/template-vue-vite-eslint/src/utils/request/core/index.ts

@@ -1,186 +0,0 @@
-import type { AlovaGenerics, AlovaOptions } from 'alova'
-
-import { createAlova } from 'alova'
-import adapterFetch from 'alova/fetch'
-
-import { deepMergeObject, isReadableStream } from './utils'
-
-interface statusMap {
-  success?: number
-  unAuthorized?: number
-}
-
-interface codeMap {
-  success?: number[]
-  unAuthorized?: number[]
-}
-
-export interface baseRequestOption<AG extends AlovaGenerics> {
-  baseUrl?: string
-  timeout?: number
-  commonHeaders?: Record<string, string | (() => string)>
-  statusMap?: statusMap
-  isWrapped?: boolean
-  cacheFor?: AlovaOptions<AG>['cacheFor']
-  cacheLogger?: boolean
-  codeMap?: codeMap
-  responseDataKey?: string
-  responseMessageKey?: string
-  isTransformResponse?: boolean
-  isShowSuccessMessage?: boolean
-  successDefaultMessage?: string
-  isShowErrorMessage?: boolean
-  errorDefaultMessage?: string
-  statesHook?: AlovaOptions<AG>['statesHook']
-  successMessageFunc?: (message: string) => void
-  errorMessageFunc?: (message: string) => void
-  unAuthorizedResponseFunc?: () => void
-  requestAdapter?: AlovaOptions<AG>['requestAdapter']
-}
-
-export interface CustomConfig {
-  isTransformResponse?: boolean
-  isShowSuccessMessage?: boolean
-  isShowErrorMessage?: boolean
-}
-
-type requestOption = baseRequestOption<AlovaGenerics> & CustomConfig
-
-export function createInstance(option: requestOption) {
-  const defaultOption: requestOption = {
-    baseUrl: '/',
-    timeout: 0,
-    statusMap: {
-      success: 200,
-      unAuthorized: 401,
-    },
-    isWrapped: true,
-    cacheFor: null,
-    cacheLogger: true,
-    codeMap: {
-      success: [200],
-      unAuthorized: [401],
-    },
-    responseDataKey: 'data',
-    responseMessageKey: 'message',
-    isTransformResponse: true,
-    isShowSuccessMessage: false,
-    successDefaultMessage: '操作成功',
-    isShowErrorMessage: true,
-    errorDefaultMessage: '服务异常',
-    requestAdapter: adapterFetch(),
-  }
-
-  const mergeOption: baseRequestOption<AlovaGenerics> & CustomConfig = deepMergeObject(
-    defaultOption,
-    option,
-  )
-
-  const instance = createAlova({
-    baseURL: mergeOption.baseUrl,
-    timeout: mergeOption.timeout,
-    cacheFor: mergeOption.cacheFor,
-    cacheLogger: mergeOption.cacheLogger,
-    statesHook: mergeOption?.statesHook,
-    requestAdapter: mergeOption.requestAdapter as AlovaOptions<AlovaGenerics>['requestAdapter'],
-    beforeRequest: async (method) => {
-      for (const [key, value] of Object.entries(option?.commonHeaders ?? {})) {
-        method.config.headers[key] = typeof value === 'function' ? value() : value
-      }
-    },
-    responded: {
-      onSuccess: async (response) => {
-        if (!mergeOption?.isTransformResponse)
-          return response
-        const { status } = response
-
-        // 判断响应类型：如果使用 adapterFetch，response.data 是可读流，则调用 json()；否则直接使用 response.data
-        const data
-          = response?.body && isReadableStream(response.body)
-            ? await response.json() // adapterFetch 的响应，使用 json() 解析可读流
-            : response.data // 其他适配器的响应
-        // 不成功的情况
-        if (status !== mergeOption.statusMap?.success) {
-          // 如果后端使用status 字段来表示未授权，则返回401
-          if (mergeOption?.statusMap?.unAuthorized === status) {
-            mergeOption?.unAuthorizedResponseFunc?.()
-          }
-          return Promise.reject(response)
-        }
-        const { isWrapped, isShowSuccessMessage, successDefaultMessage } = mergeOption
-        if (!isWrapped) {
-          if (isShowSuccessMessage) {
-            mergeOption?.successMessageFunc?.(successDefaultMessage!)
-          }
-          return data
-        }
-
-        const {
-          responseDataKey,
-          codeMap,
-          responseMessageKey,
-          errorDefaultMessage,
-          isShowErrorMessage,
-        } = mergeOption
-        const {
-          code,
-          [responseDataKey as string]: responseData,
-          [responseMessageKey as string]: responseMessage,
-        } = data
-        if (!codeMap?.success?.includes(+code)) {
-          // code unAuthorized 处理
-          if (codeMap?.unAuthorized?.includes(+code)) {
-            mergeOption?.unAuthorizedResponseFunc?.()
-            return Promise.reject(response)
-          }
-          // 其他错误直接打印msg
-
-          const errorMessage = data[responseMessageKey as string] ?? errorDefaultMessage
-          if (isShowErrorMessage)
-            mergeOption?.errorMessageFunc?.(errorMessage)
-          return Promise.reject(response)
-        }
-        if (isShowSuccessMessage)
-          mergeOption?.successMessageFunc?.(responseMessage ?? successDefaultMessage)
-        return responseData
-      },
-      onError: (error) => {
-        if (mergeOption?.isShowErrorMessage) {
-          mergeOption.errorMessageFunc?.(
-            mergeOption?.errorDefaultMessage ?? error.message,
-          )
-        }
-      },
-      // onComplete: (_method) => {},
-    },
-  })
-
-  return instance
-}
-
-// 🚀 创建双重调用实例的工厂函数
-export function createDualCallInstance(baseConfig: baseRequestOption<AlovaGenerics>) {
-  // 创建默认实例
-  const defaultInstance = createInstance(baseConfig)
-
-  // 双重调用函数
-  const dualInstance = (option?: CustomConfig) => {
-    if (option) {
-      // 合并配置并创建新实例
-      const mergedConfig = { ...baseConfig, ...option }
-      return createInstance(mergedConfig)
-    }
-    return defaultInstance
-  }
-
-  dualInstance.Get = defaultInstance.Get.bind(defaultInstance)
-  dualInstance.Post = defaultInstance.Post.bind(defaultInstance)
-  dualInstance.Put = defaultInstance.Put.bind(defaultInstance)
-  dualInstance.Delete = defaultInstance.Delete.bind(defaultInstance)
-  dualInstance.Patch = defaultInstance.Patch.bind(defaultInstance)
-  dualInstance.Head = defaultInstance.Head.bind(defaultInstance)
-  dualInstance.Options = defaultInstance.Options.bind(defaultInstance)
-  dualInstance.Request = defaultInstance.Request.bind(defaultInstance)
-
-  return dualInstance
-}

package/template-vue-vite-eslint/src/utils/request/core/utils.ts

@@ -1,41 +0,0 @@
-export function deepMergeObject<T = any>(source: T, target: Partial<T>): T {
-  const isObject = (obj: any): obj is Record<string, any> =>
-    obj && typeof obj === 'object' && !Array.isArray(obj)
-
-  const merge = (src: any, tgt: any): any => {
-    if (isObject(src) && isObject(tgt)) {
-      Object.keys(tgt).forEach((key) => {
-        if (isObject(tgt[key])) {
-          src[key] = merge(src[key] || {}, tgt[key])
-        }
-        else {
-          src[key] = tgt[key]
-        }
-      })
-    }
-    return src
-  }
-
-  return merge({ ...source }, target)
-}
-
-/**
- * 判断一个变量是不是可读流
- * @param data
- */
-export function isReadableStream(data: unknown): boolean {
-  if (!(data instanceof ReadableStream)) {
-    return false
-  }
-  if (typeof data.locked !== 'boolean')
-    return false
-
-  const instanceFunc = ['cancel', 'getReader', 'pipeThrough', 'pipeTo', 'tee'] as const
-
-  for (const func of instanceFunc) {
-    if (typeof data[func] !== 'function')
-      return false
-  }
-
-  return true
-}

package/template-vue-vite-eslint/src/utils/request/index.ts

@@ -1,42 +0,0 @@
-import { axiosRequestAdapter } from '@alova/adapter-axios'
-import vueHook from 'alova/vue'
-import { message } from 'antdv-next'
-
-import { router } from '@/router'
-
-import { envVariables } from '../env'
-import { createDualCallInstance } from './core'
-
-import 'element-plus/es/components/message/style/css'
-
-function getBaseConfig(): Parameters<typeof createDualCallInstance>[0] {
-  return {
-    baseUrl: `/${envVariables.API_AFFIX}`,
-    statusMap: {
-      success: 200,
-      unAuthorized: 401,
-    },
-    codeMap: {
-      success: [200],
-    },
-    responseDataKey: 'data',
-    responseMessageKey: 'msg',
-    commonHeaders: {},
-    successMessageFunc: (msg: string) => {
-      message.success(msg)
-    },
-    errorMessageFunc: (msg: string) => {
-      message.error(msg)
-    },
-    unAuthorizedResponseFunc: () => {
-      router.push('/login')
-      message.error('登录过期或未登录')
-    },
-    statesHook: vueHook,
-    requestAdapter: axiosRequestAdapter(),
-  }
-}
-
-const alovaRequest = createDualCallInstance(getBaseConfig())
-
-export default alovaRequest