create-bubbles 0.1.1 → 0.1.3

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

@@ -0,0 +1,39 @@
+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-vite-biome/src/views/home/index.vue

@@ -0,0 +1,16 @@
+<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-vite-biome/src/views/login/index.vue

@@ -0,0 +1,11 @@
+
+<script setup lang="ts">
+let a = 123
+
+</script>
+
+<template>
+  <div>login</div>
+</template>
+
+<style lang="scss" scoped></style>

package/template-vue-vite-biome/src/views/model/index.vue

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

package/{template-vue-rolldown-oxc/tsconfig.app.json → template-vue-vite-biome/tsconfig.json}

@@ -1,7 +1,18 @@
 {
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
   "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": ["vite/client", "vue"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
 
     /* Linting */
     "strict": true,
@@ -10,6 +21,7 @@
     "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
+
     "baseUrl": ".",
     "paths": {
       "@/*": ["src/*"]
@@ -17,9 +29,8 @@
   },
   "include": [
     "src/**/*.ts",
-    "src/**/*.tsx",
+    "src/**/*.d.ts",
     "src/**/*.vue",
-    "src/types/**/*",
     "./node_modules/element-plus/global.d.ts"
   ]
 }

package/template-vue-vite-biome/uno.config.ts

@@ -0,0 +1,10 @@
+// uno.config.ts
+import { defineConfig } from 'unocss'
+
+export default defineConfig({
+  shortcuts: [
+    {
+      'flex-center': 'flex justify-center items-center',
+    },
+  ],
+})

package/template-vue-vite-biome/vite.config.ts

@@ -0,0 +1,51 @@
+import path from 'node:path'
+import Vue from '@vitejs/plugin-vue'
+import AutoImport from 'unplugin-auto-import/vite'
+import { defineConfig, loadEnv } from 'vite'
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import Inspect from 'vite-plugin-inspect'
+import UnoCSS from 'unocss/vite'
+import { PlusProComponentsResolver } from '@plus-pro-components/resolver'
+
+// https://vite.dev/config/
+export default defineConfig(({ command, mode }) => {
+  const root = process.cwd()
+  const env = loadEnv(mode, root)
+  const { VITE_PORT } = env
+
+  return {
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, 'src'),
+      },
+    },
+    server: {
+      port: Number(VITE_PORT),
+      host: '0.0.0.0',
+      open: false,
+      proxy: {},
+    },
+    plugins: [
+      Vue(),
+      AutoImport({
+        imports: ['vue', 'vue-router'],
+        resolvers: [ElementPlusResolver()],
+        dts: './src/types/auto-import.d.ts',
+      }),
+      Components({
+        resolvers: [ElementPlusResolver(), PlusProComponentsResolver()],
+        dts: './src/types/components.d.ts',
+      }),
+      createSvgIconsPlugin({
+        // Specify the icon folder to be cached
+        iconDirs: [path.resolve(__dirname, 'src/assets/icon')],
+        // Specify symbolId format
+        symbolId: 'icon-[dir]-[name]',
+      }),
+      UnoCSS(),
+      Inspect(),
+    ],
+  }
+})

package/template-vue-vite-eslint/.env

@@ -0,0 +1,4 @@
+VITE_PORT = 9405
+VITE_PATH = '/'
+VITE_APP_NAME = "xxx"
+VITE_API_AFFIX = 'api'

package/template-vue-vite-eslint/.env.development

@@ -0,0 +1 @@
+PUBLIC_API_URL = 'http://localhost:8080'

package/template-vue-vite-eslint/.env.production

@@ -0,0 +1 @@
+PUBLIC_API_URL = 'http://localhost:8080'

package/template-vue-vite-eslint/.gitlab-ci.yml

@@ -0,0 +1,84 @@
+.send_dingtalk_notification: &send_dingtalk_notification |
+  case "$CI_JOB_STAGE" in
+    "build")
+      stage_name="构建"
+      ;;
+    "deploy")
+      stage_name="部署"
+      ;;
+  esac
+
+  if [ "$CI_JOB_STATUS" == "success" ]; then
+    title="==✅ ${stage_name}成功=="
+  else
+    title="==❌ ${stage_name}失败=="
+  fi
+
+  curl -s -X POST ${DINGTALK_WEBHOOK} \
+    -H "Content-Type: application/json" \
+    -d "{
+      \"msgtype\": \"markdown\",
+      \"markdown\": {
+        \"title\": \"GitLab CI/CD 通知\",
+        \"text\": \"### ${title}\n\n- **项目**: ${CI_PROJECT_NAME}\n- **项目地址**: ${CI_PROJECT_URL}\n- **阶段**: ${stage_name}\n- **任务**: [查看详情](${CI_JOB_URL})\n- **分支**: ${CI_COMMIT_REF_NAME}\n- **提交人**: ${CI_COMMIT_AUTHOR}\n- **提交信息**: ${CI_COMMIT_MESSAGE}\n- **时间**: $(date '+%Y-%m-%d %H:%M:%S')\"
+      }
+    }"
+
+stages:
+  - build
+  - deploy
+
+variables:
+  DEPLOY_PATH: /usr/local/bee/web/pipe-network/pipe-network-model
+  MOCK_DEPLOY_PATH: /usr/local/bee/web/pipe-network/pipe-network-model-mock
+  DINGTALK_WEBHOOK: 'https://oapi.dingtalk.com/robot/send?access_token=${DING_TALK_ACCESS_TOKEN}'
+
+cache:
+  paths:
+    - node_modules/
+
+# 打包
+build:
+  stage: build
+  script:
+    - cd ${CI_PROJECT_DIR}
+    - whoami
+    - echo "===== 开始构建 ====="
+    - pnpm install
+    - pnpm build
+    - echo "===== 构建完成 ====="
+  only:
+    - dev
+    - mock
+  artifacts:
+    paths:
+      - dist/
+  after_script:
+    # 钉钉通知
+    - *send_dingtalk_notification
+
+# 部署
+deploy:
+  stage: deploy
+  needs: [build]
+  only:
+    - dev
+    - mock
+  script:
+    - echo "-----------------开始部署------------------"
+    - |
+      if [ "$CI_COMMIT_BRANCH" == "dev" ]; then
+        ssh root@192.168.2.245 "rm -rf $DEPLOY_PATH/*" || { echo "❌ 清理245失败"; exit 1; }
+        scp -r dist/* root@192.168.2.245:$DEPLOY_PATH || { echo "❌ 传输到245失败"; exit 1; }
+        ssh root@192.168.2.57 "rm -rf $DEPLOY_PATH/*" || { echo "❌ 清理57失败"; exit 1; }
+        scp -r dist/* root@192.168.2.57:$DEPLOY_PATH || { echo "❌ 传输到57失败"; exit 1; }
+      elif [ "$CI_COMMIT_BRANCH" == "mock" ]; then
+        ssh root@192.168.2.57 "rm -rf $MOCK_DEPLOY_PATH/*" || { echo "❌ 清理57失败"; exit 1; }
+        scp -r dist/* root@192.168.2.57:$MOCK_DEPLOY_PATH || { echo "❌ 传输到57失败"; exit 1; }
+      else
+        echo "没有匹配到需要部署的分支或标签，跳过部署"
+        exit 0
+      fi
+  after_script:
+    # 钉钉通知
+    - *send_dingtalk_notification

package/template-vue-vite-eslint/.vscode/settings.json

@@ -0,0 +1,54 @@
+{
+  "oxc.enable": false,
+  "biome.enabled": false,
+  "typescript.tsdk": "node_modules\\typescript\\lib",
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off", "fixable": true },
+    { "rule": "format/*", "severity": "off", "fixable": true },
+    { "rule": "*-indent", "severity": "off", "fixable": true },
+    { "rule": "*-spacing", "severity": "off", "fixable": true },
+    { "rule": "*-spaces", "severity": "off", "fixable": true },
+    { "rule": "*-order", "severity": "off", "fixable": true },
+    { "rule": "*-dangle", "severity": "off", "fixable": true },
+    { "rule": "*-newline", "severity": "off", "fixable": true },
+    { "rule": "*quotes", "severity": "off", "fixable": true },
+    { "rule": "*semi", "severity": "off", "fixable": true }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "json5",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "svelte",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss"
+  ]
+}

package/template-vue-vite-eslint/README.md

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

package/template-vue-vite-eslint/commitlint.config.js

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

package/template-vue-vite-eslint/eslint.config.js

@@ -0,0 +1,64 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu({
+  formatters: {
+    css: true, // 启用 CSS、LESS、SCSS 及 Vue <style> 块格式化
+    html: true, // 启用 HTML 文件格式化
+  },
+  vue: true,
+  unocss: true,
+}, {
+  rules: {
+    'perfectionist/sort-imports': [ // 配置导入排序
+      'error',
+      {
+        customGroups: {
+          type: {
+            'vue-type': ['^vue$', '^vue-.+', '^@vue/.+'],
+          },
+          value: {
+            vue: ['^vue$', '^vue-.+', '^@vue/.+'], // Vue 相关库
+            components: ['^@/components/.+', '@/tmui/.+'], // 组件
+            stores: ['^@/store/.+'], // 状态管理
+            utils: ['^@/utils/.+'], // 工具函数
+            constants: ['^@/constants/.+'], // 常量
+            hooks: ['^@/hooks/.+'], // 自定义 hooks
+            api: ['^@/service/.+'], // API 服务
+          },
+        },
+        environment: 'node',
+        groups: [
+          // 类型导入
+          ['external-type', 'builtin-type', 'type'],
+          'vue-type',
+          ['parent-type', 'sibling-type', 'index-type'],
+          ['internal-type'],
+          // 值导入
+          'builtin',
+          'vue',
+          'external',
+          'internal',
+          // 内部模块
+          'components',
+          'stores',
+          'utils',
+          'constants',
+          'hooks',
+          'api',
+          // 其他
+          ['parent', 'sibling', 'index'],
+          'side-effect',
+          'side-effect-style',
+          'style',
+          'object',
+          'unknown',
+        ],
+        internalPattern: ['^@/.+'], // 内部模块路径匹配
+        newlinesBetween: 'always', // 导入组之间空行
+        order: 'asc', // 升序排序
+        type: 'natural', // 自然排序
+      },
+    ],
+  },
+
+})

package/template-vue-vite-eslint/index.html

@@ -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-eslint/lefthook.yml

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

package/template-vue-vite-eslint/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "template-vue-eslint",
+  "type": "module",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix"
+  },
+  "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": {
+    "@antfu/eslint-config": "^6.0.0",
+    "@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",
+    "@unocss/eslint-plugin": "^66.5.4",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/tsconfig": "^0.8.1",
+    "eslint": "9.38.0",
+    "eslint-plugin-format": "^1.0.2",
+    "fast-glob": "^3.3.3",
+    "lefthook": "^2.0.0",
+    "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@latest",
+    "vite-plugin-inspect": "^11.3.3",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vue-tsc": "^3.1.1"
+  }
+}

package/template-vue-vite-eslint/public/vite.svg

@@ -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-eslint/src/App.vue

@@ -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-eslint/src/assets/icon/vue.svg

@@ -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-eslint/src/components/Icon/svg-icon.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+defineProps<{
+  name: string
+}>()
+const attrs = useAttrs()
+</script>
+
+<template>
+  <svg class="svg-icon" aria-hidden="true" v-bind="attrs">
+    <use :href="`#icon-${name}`" />
+  </svg>
+</template>
+
+<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-eslint/src/layout/default/index.vue

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

package/template-vue-vite-eslint/src/main.ts

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

package/template-vue-vite-eslint/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-vue-vite-eslint/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-vue-vite-eslint/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-vue-vite-eslint/src/router/modules/index.ts

@@ -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-eslint/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)
+}