create-bubbles 0.1.13 → 0.1.18

package/template-vue-rolldown-oxc/.prettierignore

@@ -1,34 +0,0 @@
-**/*.png
-**/*.svg
-CODEOWNERS
-.dockerignore
-Dockerfile.ui-test
-.dumi/tmp
-.dumi/tmp-production
-!dumi
-# AUTHORS.txt
-lib/
-es/
-dist/
-# _site/
-# server
-# coverage/
-# CNAME
-LICENSE
-yarn.lock
-# netlify.toml
-yarn-error.log
-*.sh
-*.snap
-components/*/*.js
-components/*/*.jsx
-.gitignore
-.npmignore
-.prettierignore
-.DS_Store
-.editorconfig
-.eslintignore
-.history
-**/*.yml
-*.html
-CHANGELOG.*.md

package/template-vue-rolldown-oxc/.prettierrc

@@ -1,18 +0,0 @@
-{
-  "singleQuote": true,
-  "jsxSingleQuote": false,
-  "trailingComma": "all",
-  "printWidth": 100,
-  "proseWrap": "never",
-  "semi": false,
-  "importOrder": ["^(vue|vue-router)$", "^([a-z]|@[a-z])", "", ".*"],
-  "plugins": ["@ianvs/prettier-plugin-sort-imports", "@prettier/plugin-oxc"],
-  "overrides": [
-    {
-      "files": ".prettierrc",
-      "options": {
-        "parser": "json"
-      }
-    }
-  ]
-}

package/template-vue-rolldown-oxc/.vscode/settings.json

@@ -1,11 +0,0 @@
-{
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "editor.codeActionsOnSave": {
-    "source.fixAll.oxc": "explicit",
-    "source.organizeImports.prettier": "explicit"
-  },
-  "cSpell.words": ["Alova", "alove", "AMAP", "autofit", "unocss", "VITE"],
-  "biome.enabled": false,
-  "eslint.enable": false
-}

package/template-vue-rolldown-oxc/README.md

@@ -1,3 +0,0 @@
-### ui 组件库
-
-element-plus pro-components

package/template-vue-rolldown-oxc/commitlint.config.js

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

package/template-vue-rolldown-oxc/index.html

@@ -1,13 +0,0 @@
-<!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-rolldown-oxc/lefthook.yml

@@ -1,11 +0,0 @@
-pre-commit:
-  commands:
-    check:
-      glob: '*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc,vue}'
-      run: npx oxlint --fix --fix-suggestions {staged_files}
-      stage_fixed: true
-
-commit-msg:
-  commands:
-    'lint commit message':
-      run: npx commitlint --edit {1}

package/template-vue-rolldown-oxc/package.json

@@ -1,55 +0,0 @@
-{
-  "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",
-    "lint": "pnpm lint:oxlint",
-    "lint:oxlint": "oxlint --fix",
-    "format": "prettier --write ."
-  },
-  "lint-staged": {
-    "**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx,vue,astro,svelte}": "oxlint"
-  },
-  "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",
-    "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": {
-    "@commitlint/cli": "^20.1.0",
-    "@commitlint/config-conventional": "^20.0.0",
-    "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
-    "@plus-pro-components/resolver": "^0.0.3",
-    "@prettier/plugin-oxc": "^0.0.4",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vue/tsconfig": "^0.8.1",
-    "fast-glob": "^3.3.3",
-    "lefthook": "^1.13.6",
-    "oxlint": "^1.23.0",
-    "prettier": "^3.6.2",
-    "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-rolldown-oxc/public/vite.svg

@@ -1 +0,0 @@
-<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-rolldown-oxc/src/App.vue

@@ -1,17 +0,0 @@
-<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'
-</script>
-
-<template>
-  <el-config-provider
-    :locale="{
-      ...zhCn,
-      ...plusZhCn,
-    }"
-  >
-    <RouterView />
-  </el-config-provider>
-</template>
-
-<style scoped></style>

package/template-vue-rolldown-oxc/src/assets/icon/vue.svg

@@ -1 +0,0 @@
-<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-rolldown-oxc/src/components/Icon/svg-icon.vue

@@ -1,29 +0,0 @@
-<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-rolldown-oxc/src/layout/default/index.vue

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

package/template-vue-rolldown-oxc/src/main.ts

@@ -1,13 +0,0 @@
-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-rolldown-oxc/src/router/guard/index.tsx

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

package/template-vue-rolldown-oxc/src/router/guard/permissionGuard.ts

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

package/template-vue-rolldown-oxc/src/router/index.tsx

@@ -1,15 +0,0 @@
-import type { App } from 'vue'
-import { createRouter, createWebHistory } from 'vue-router'
-
-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) => {
-  app.use(router)
-}

package/template-vue-rolldown-oxc/src/router/modules/index.tsx

@@ -1,31 +0,0 @@
-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区数字孪生可视化大屏', isHideBack: true },
-        component: () => import('@/views/home/index.vue'),
-      },
-    ],
-  },
-  {
-    path: '/model',
-    name: 'model',
-    meta: {},
-    component: () => import('@/views/model/index.vue'),
-  },
-]

package/template-vue-rolldown-oxc/src/store/index.ts

@@ -1,10 +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 const setupStore = (app: App) => {
-  app.use(store)
-}

package/template-vue-rolldown-oxc/src/store/modules/user.ts

@@ -1,17 +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-rolldown-oxc/src/styles/element-plus-variables.css

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

package/template-vue-rolldown-oxc/src/styles/index.scss

@@ -1,31 +0,0 @@
-@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-rolldown-oxc/src/styles/variables.scss

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

package/template-vue-rolldown-oxc/src/utils/env.ts

@@ -1,10 +0,0 @@
-/**
- * 通过一个文件导出所有的环境变量这样方便统一修改
- * @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-rolldown-oxc/src/utils/request/core/index.ts

@@ -1,166 +0,0 @@
-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-rolldown-oxc/src/utils/request/core/utils.ts

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

package/template-vue-rolldown-oxc/src/utils/request/index.ts

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

package/template-vue-rolldown-oxc/src/views/home/index.vue

@@ -1,16 +0,0 @@
-<script setup lang="ts">
-import SvgIcon from '@/components/Icon/svg-icon.vue'
-
-const a = ref()
-</script>
-
-<template>
-  <div class="text-red flex-center">
-    home
-    <el-date-picker v-model="a" type="date" value-format="yyyy-MM-dd" />
-    <SvgIcon name="vue" class="text-green" />
-    <el-button type="primary">按钮</el-button>
-  </div>
-</template>
-
-<style lang="scss" scoped></style>

package/template-vue-rolldown-oxc/src/views/model/index.vue

@@ -1,7 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <div>model</div>
-</template>
-
-<style lang="scss" scoped></style>