npm - create-bubbles - Versions diffs - 0.1.2 → 0.1.4 - Mend

create-bubbles 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (116) hide show

package/template-vue-vite-biome/biome.json ADDED Viewed

@@ -0,0 +1,109 @@
+{
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "files": {
+    "ignoreUnknown": true,
+    "includes": ["**", "!public/**/*", "!node_modules/**/*", "!dist/**/*"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "lineWidth": 100,
+    "indentWidth": 2
+  },
+  "linter": {
+    "rules": {
+      "style": {
+        "useImportType": "off",
+        "useNumberNamespace": "off",
+        "useNodejsImportProtocol": "off",
+        "noNonNullAssertion": "off",
+        "noUnusedTemplateLiteral": "off",
+        "useConst": {
+          "level": "warn",
+          "fix": "unsafe"
+        }
+      },
+      "complexity": {
+        "noUselessTypeConstraint": "off",
+        "noForEach": "off",
+        "useDateNow": "off"
+      },
+      "correctness": {
+        "useExhaustiveDependencies": "off",
+        "useHookAtTopLevel": "off",
+        "noUnusedFunctionParameters": "off",
+        "noUnusedVariables": "off",
+        "useUniqueElementIds": "off",
+        "useParseIntRadix": "off"
+      },
+      "security": {
+        "noDangerouslySetInnerHtml": "off"
+      },
+      "suspicious": {
+        "noGlobalIsNan": "off",
+        "noGlobalIsFinite": "off",
+        "noExplicitAny": "off",
+        "noArrayIndexKey": "off",
+        "noConfusingVoidType": "off",
+        "noThenProperty": "off",
+        "noTemplateCurlyInString": "off"
+      },
+      "performance": {
+        "noDelete": "off",
+        "noAccumulatingSpread": "off",
+        "noDynamicNamespaceImportAccess": "off"
+      },
+      "a11y": {
+        "noAriaHiddenOnFocusable": "off",
+        "noLabelWithoutControl": "off",
+        "useFocusableInteractive": "off",
+        "useKeyWithClickEvents": "off",
+        "useSemanticElements": "off",
+        "noStaticElementInteractions": "off",
+        "useAriaPropsSupportedByRole": "off",
+        "useAriaPropsForRole": "off",
+        "useValidAnchor": "off",
+        "useMediaCaption": "off"
+      },
+      "nursery": {
+        "useSortedClasses": {
+          "level": "warn",
+          "fix": "safe"
+        }
+      }
+    }
+  },
+  "css": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  },
+  "javascript": {
+    "jsxRuntime": "reactClassic",
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "asNeeded"
+    }
+  },
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": {
+          "level": "on",
+          "options": {
+            "identifierOrder": "natural",
+            "groups": [
+              [":NODE:", ":BUN:"],
+              ":BLANK_LINE:",
+              ["react", "react-dom/**", "react-dom", "react-router", "react-router-dom"],
+              ["vue", "vue-router"],
+              ":BLANK_LINE:",
+              ["@/**", "**"]
+            ]
+          }
+        }
+      }
+    }
+  }
+}

package/template-vue-vite-biome/commitlint.config.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export default { extends: ['@commitlint/config-conventional'] }

package/template-vue-vite-biome/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue + TS</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/template-vue-vite-biome/lefthook.yml ADDED Viewed

@@ -0,0 +1,11 @@
+pre-commit:
+  commands:
+    check:
+      glob: "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc,vue}"
+      run: npx @biomejs/biome check --write --no-errors-on-unmatched --files-ignore-unknown=true --colors=off  --diagnostic-level=warn {staged_files}
+      stage_fixed: true
+commit-msg:
+  commands:
+    "lint commit message":
+      run: npx commitlint --edit {1}

package/template-vue-vite-biome/package.json ADDED Viewed

@@ -0,0 +1,50 @@
+{
+  "name": "template-vue-rolldown-oxlint",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
+    "format": "biome format --write",
+    "check": "biome check --write"
+  },
+  "dependencies": {
+    "@alova/adapter-axios": "^2.0.16",
+    "@element-plus/icons-vue": "^2.3.2",
+    "@vueuse/core": "^13.9.0",
+    "alova": "^3.3.4",
+    "axios": "^1.12.2",
+    "dayjs": "^1.11.18",
+    "echarts": "^6.0.0",
+    "element-plus": "^2.11.5",
+    "nprogress": "^0.2.0",
+    "pinia": "^3.0.3",
+    "pinia-plugin-persistedstate": "^4.5.0",
+    "plus-pro-components": "^0.1.30",
+    "radashi": "^12.7.0",
+    "vue": "^3.5.22",
+    "vue-router": "^4.6.3"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.2.6",
+    "@commitlint/cli": "^20.1.0",
+    "@commitlint/config-conventional": "^20.0.0",
+    "@plus-pro-components/resolver": "^0.0.3",
+    "@types/nprogress": "^0.2.3",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/tsconfig": "^0.8.1",
+    "fast-glob": "^3.3.3",
+    "lefthook": "^1.13.6",
+    "sass": "^1.93.2",
+    "typescript": "~5.9.3",
+    "unocss": "^66.5.4",
+    "unplugin-auto-import": "^20.2.0",
+    "unplugin-vue-components": "^30.0.0",
+    "vite": "npm:rolldown-vite@7.1.17",
+    "vite-plugin-inspect": "^11.3.3",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vue-tsc": "^3.1.1"
+  }
+}

package/template-vue-vite-biome/public/vite.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/template-vue-vite-biome/src/App.vue ADDED Viewed

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
+import plusZhCn from 'plus-pro-components/es/locale/lang/zh-cn'
+const locale = {
+  ...zhCn,
+  ...plusZhCn,
+}
+</script>
+<template>
+  <el-config-provider
+    :locale="locale"
+  >
+    <RouterView />
+  </el-config-provider>
+</template>
+<style scoped></style>

package/template-vue-vite-biome/src/assets/icon/vue.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="currentColor" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="currentColor" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/template-vue-vite-biome/src/components/Icon/svg-icon.vue ADDED Viewed

@@ -0,0 +1,29 @@
+<template>
+  <svg class="svg-icon" aria-hidden="true" v-bind="attrs">
+    <use :href="`#icon-${name}`" />
+  </svg>
+</template>
+<script setup lang="ts">
+const attrs = useAttrs()
+defineProps<{
+  name: string
+}>()
+</script>
+<style lang="scss" scoped>
+.svg-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 1em;
+  height: 1em;
+  fill: currentColor;
+  overflow: hidden;
+}
+.svg-external-icon {
+  background-color: currentColor;
+  mask-size: cover !important;
+}
+</style>

package/template-vue-vite-biome/src/layout/default/index.vue ADDED Viewed

@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>

package/template-vue-vite-biome/src/main.ts ADDED Viewed

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

package/template-vue-vite-biome/src/router/guard/index.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { Router } from 'vue-router'
+import { createPermissionGuard } from './permissionGuard'
+export const setupGuard = (router: Router) => {
+  createPermissionGuard(router)
+}

package/template-vue-vite-biome/src/router/guard/permissionGuard.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import type { Router } from 'vue-router'
+import NProgress from 'nprogress'
+export const createPermissionGuard = (router: Router) => {
+  router.beforeEach((to, from, next) => {
+    NProgress.start()
+    next()
+  })
+  router.afterEach((to, from) => {
+    NProgress.done()
+  })
+}

package/template-vue-vite-biome/src/router/index.ts ADDED Viewed

@@ -0,0 +1,17 @@
+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: routes,
+  strict: true,
+  scrollBehavior: () => ({ left: 0, top: 0 }),
+})
+export const setupRouter = (app: App) => {
+  setupGuard(router)
+  app.use(router)
+}

package/template-vue-vite-biome/src/router/modules/index.ts ADDED Viewed

@@ -0,0 +1,31 @@
+import type { RouteRecordRaw } from 'vue-router'
+/**
+ * IsMaskAll 代表 是不是要和模型交互 为true 全部遮罩
+ */
+export const routes: RouteRecordRaw[] = [
+  {
+    path: '/',
+    name: 'layout',
+    component: () => import('@/layout/default/index.vue'),
+    children: [
+      {
+        path: '/',
+        redirect: '/home',
+      },
+      {
+        path: '/home',
+        name: 'Home',
+        meta: { title: '研发A区数字孪生可视化大屏' },
+        component: () => import('@/views/home/index.vue'),
+      },
+    ],
+  },
+  {
+    path: '/login',
+    name: 'login',
+    meta: { title: '登录' },
+    component: () => import('@/views/login/index.vue'),
+  },
+]

package/template-vue-vite-biome/src/store/index.ts ADDED Viewed

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

package/template-vue-vite-biome/src/store/modules/user.ts ADDED Viewed

@@ -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-vue-vite-biome/src/styles/element-plus-variables.css ADDED Viewed

@@ -0,0 +1,4 @@
+:root:has(#app) {
+  --el-color-primary: #284471;
+  --el-color-primary-light-3: rgb(40, 68, 113, 0.8);
+}

package/template-vue-vite-biome/src/styles/font.scss ADDED Viewed

File without changes

package/template-vue-vite-biome/src/styles/index.scss ADDED Viewed

@@ -0,0 +1,31 @@
+@use './font.scss';
+@use './variables.scss';
+@use './element-plus-variables.css';
+@unocss;
+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-biome/src/styles/variables.scss ADDED Viewed

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

package/template-vue-vite-biome/src/types/vite-env.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+/// <reference types="vite/client" />
+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-biome/src/utils/env.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/**
+ * 通过一个文件导出所有的环境变量这样方便统一修改
+ * @returns
+ */
+export const envVariables = {
+  PUBLIC_PORT: import.meta.env.PUBLIC_PORT,
+  PUBLIC_PATH: import.meta.env.PUBLIC_PATH,
+  PUBLIC_APP_NAME: import.meta.env.PUBLIC_APP_NAME,
+  PUBLIC_API_AFFIX: import.meta.env.PUBLIC_API_AFFIX,
+}

package/template-vue-vite-biome/src/utils/request/core/index.ts ADDED Viewed

@@ -0,0 +1,166 @@
+import { type AlovaGenerics, type AlovaOptions, createAlova } from 'alova'
+import { deepMergeObject, isReadableStream } from './utils'
+import adapterFetch from 'alova/fetch'
+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
+  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 const createInstance = (option: requestOption) => {
+  const defaultOption: requestOption = {
+    baseUrl: '/',
+    timeout: 0,
+    statusMap: {
+      success: 200,
+      unAuthorized: 401,
+    },
+    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,
+    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 {
+          responseDataKey,
+          codeMap,
+          isShowSuccessMessage,
+          responseMessageKey,
+          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] ?? mergeOption.errorDefaultMessage
+          if (isShowErrorMessage) mergeOption?.errorMessageFunc?.(errorMessage)
+          return Promise.reject(response)
+        }
+        if (isShowSuccessMessage)
+          mergeOption?.successMessageFunc?.(responseMessage ?? mergeOption.successDefaultMessage)
+        return responseData
+      },
+      onError: (error) => {
+        if (mergeOption?.isShowErrorMessage)
+          mergeOption.errorMessageFunc?.(
+            error.response?.data?.message ?? mergeOption?.errorDefaultMessage,
+          )
+      },
+      // onComplete: (_method) => {},
+    },
+  })
+  return instance
+}
+// 🚀 创建双重调用实例的工厂函数
+export const createDualCallInstance = (baseConfig: baseRequestOption<AlovaGenerics>) => {
+  // 创建默认实例
+  const defaultInstance = createInstance(baseConfig)
+  // 双重调用函数
+  const dualInstance = (option?: CustomConfig) => {
+    if (option) {
+      // 合并配置并创建新实例
+      const mergedConfig = { ...baseConfig, ...option }
+      return createInstance(mergedConfig)
+    }
+    return defaultInstance
+  }
+  // 🎯 直接绑定 HTTP 方法，无需复杂类型注释
+  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-biome/src/utils/request/core/utils.ts ADDED Viewed

@@ -0,0 +1,38 @@
+export const 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 const 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
+}