create-bubbles 0.0.19 → 0.0.21

package/template-react-rsbuild/biome.json

@@ -1,7 +1,7 @@
 {
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
   "files": {
-    "ignoreUnknown": true,
-    "ignore": ["dist/*", "node_modules", "package.json", "auto-import.d.ts", "*.js"]
+    "ignoreUnknown": true
   },
   "formatter": {
     "enabled": true,
@@ -9,15 +9,6 @@
     "lineWidth": 100,
     "indentWidth": 2
   },
-  "javascript": {
-    "formatter": {
-      "quoteStyle": "single",
-      "semicolons": "asNeeded"
-    }
-  },
-  "organizeImports": {
-    "enabled": false
-  },
   "linter": {
     "rules": {
       "style": {
@@ -29,10 +20,14 @@
       },
       "complexity": {
         "noUselessTypeConstraint": "off",
-        "noForEach": "off"
+        "noForEach": "off",
+        "useDateNow": "off"
       },
       "correctness": {
-        "useExhaustiveDependencies": "off"
+        "useExhaustiveDependencies": "off",
+        "useHookAtTopLevel": "off",
+        "noUnusedFunctionParameters": "off",
+        "noUnusedVariables": "off"
       },
       "suspicious": {
         "noGlobalIsNan": "off",
@@ -40,18 +35,27 @@
         "noExplicitAny": "off",
         "noArrayIndexKey": "off",
         "noConfusingVoidType": "off",
-        "noThenProperty": "off"
+        "noThenProperty": "off",
+        "noTemplateCurlyInString": "off"
       },
       "performance": {
         "noDelete": "off",
-        "noAccumulatingSpread": "off"
+        "noAccumulatingSpread": "off",
+        "noDynamicNamespaceImportAccess": "off"
       },
       "a11y": {
         "noAriaHiddenOnFocusable": "off",
         "noLabelWithoutControl": "off",
         "useFocusableInteractive": "off",
         "useKeyWithClickEvents": "off",
-        "useSemanticElements": "off"
+        "useSemanticElements": "off",
+        "noStaticElementInteractions": "off",
+        "useAriaPropsSupportedByRole": "off",
+        "useAriaPropsForRole": "off",
+        "useValidAnchor": "off"
+      },
+      "nursery": {
+        "useUniqueElementIds": "off"
       }
     }
   },
@@ -60,43 +64,19 @@
       "quoteStyle": "single"
     }
   },
-  "overrides": [
-    {
-      "include": ["**/*.test.ts", "**/*.test.tsx", "tests/**/*", "scripts/**/*"],
-      "linter": {
-        "rules": {
-          "style": {
-            "noParameterAssign": "off"
-          },
-          "suspicious": {
-            "noThenProperty": "off",
-            "noImplicitAnyLet": "off"
-          },
-          "complexity": {
-            "noUselessFragments": "off"
-          },
-          "a11y": {
-            "useValidAnchor": "off",
-            "useAnchorContent": "off",
-            "useKeyWithClickEvents": "off"
-          }
-        }
-      }
-    },
-    {
-      "include": ["components/*/demo/*"],
-      "linter": {
-        "rules": {
-          "correctness": {
-            "noVoidTypeReturn": "off"
-          },
-          "a11y": {
-            "useValidAnchor": "off",
-            "useAnchorContent": "off",
-            "useKeyWithClickEvents": "off"
-          }
-        }
+  "javascript": {
+    "jsxRuntime": "reactClassic",
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "asNeeded"
+    }
+  },
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": "off"
       }
     }
-  ]
+  }
 }

package/template-react-rsbuild/package.json

@@ -13,30 +13,30 @@
   },
   "dependencies": {
     "@ant-design/icons-vue": "^7.0.1",
-    "ahooks": "^3.8.4",
-    "antd": "^5.25.1",
-    "axios": "^1.9.0",
+    "ahooks": "^3.9.0",
+    "antd": "^5.26.7",
+    "axios": "^1.11.0",
     "dayjs": "^1.11.13",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-router": "^7.6.0",
-    "zustand": "^5.0.3"
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-router": "^7.8.0",
+    "zustand": "^5.0.7"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.9.4",
+    "@biomejs/biome": "^2.1.4",
     "@commitlint/config-conventional": "^19.8.1",
-    "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
-    "@rsbuild/core": "^1.3.20",
-    "@rsbuild/plugin-react": "^1.3.1",
-    "@rsbuild/plugin-sass": "^1.3.1",
-    "@rsbuild/plugin-svgr": "^1.2.0",
-    "@types/react": "^19.1.4",
-    "@types/react-dom": "^19.1.5",
-    "@unocss/postcss": "66.1.2",
-    "lefthook": "^1.11.10",
-    "prettier": "^3.5.3",
-    "typescript": "^5.8.3",
-    "unocss": "66.1.2",
-    "unplugin-auto-import": "^19.1.2"
+    "@ianvs/prettier-plugin-sort-imports": "^4.6.1",
+    "@rsbuild/core": "^1.4.15",
+    "@rsbuild/plugin-react": "^1.3.5",
+    "@rsbuild/plugin-sass": "^1.3.5",
+    "@rsbuild/plugin-svgr": "^1.2.2",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@unocss/postcss": "66.4.2",
+    "lefthook": "^1.12.2",
+    "prettier": "^3.6.2",
+    "typescript": "^5.9.2",
+    "unocss": "66.4.2",
+    "unplugin-auto-import": "^20.0.0"
   }
 }

package/template-vue-rolldown-oxlint/.env

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

package/template-vue-rolldown-oxlint/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

package/template-vue-rolldown-oxlint/.gitlab-ci.yml

@@ -0,0 +1,76 @@
+.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- **阶段**: ${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'
+  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
+  artifacts:
+    paths:
+      - dist/
+  after_script:
+    #钉钉通知
+    - *send_dingtalk_notification
+
+# 部署
+deploy:
+  stage: deploy
+  needs: ['build']
+  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; }
+      else 
+        echo "没有匹配到需要部署的分支或标签，跳过部署"
+        exit 0
+      fi
+  after_script:
+    #钉钉通知
+    - *send_dingtalk_notification

package/template-vue-rolldown-oxlint/.npmrc

@@ -0,0 +1,5 @@
+registry=https://registry.npmmirror.com
+
+
+# registry=http://192.168.2.68:8085/nexus/repository/npm-group/
+# //192.168.2.68:8085/nexus/repository/npm-group/:_authToken cae0c186-b50e-30c3-a2c8-f5a530ceea4d

package/template-vue-rolldown-oxlint/.oxlintrc.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": ["typescript", "import", "unicorn"],
+  "env": {
+    "browser": true,
+    "es2022": true,
+    "node": true
+  },
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "rules": {
+    "@typescript-eslint/no-unused-vars": "warn"
+  },
+  "ignorePatterns": ["node_modules", "dist", "public", "*.d.ts"]
+}

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

@@ -0,0 +1,18 @@
+{
+  "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-oxlint/README.md

@@ -0,0 +1,31 @@
+### 安装依赖
+
+> pnpm install
+
+### 启动
+
+> pnpm dev
+
+### css 全局变量
+
+@/styles/variables.scss
+
+### 字体 引入
+
+@/styles/font/\*
+
+### css 方案
+
+unocss
+
+### 时间方案
+
+dayjs
+
+### 工具库
+
+radash
+
+### 发布
+
+待补充

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

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

package/template-vue-rolldown-oxlint/components.d.ts

@@ -0,0 +1,18 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElDrawer: typeof import('element-plus/es')['ElDrawer']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SvgIcon: typeof import('./src/components/Icon/svg-icon.vue')['default']
+  }
+}

package/template-vue-rolldown-oxlint/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-rolldown-oxlint/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: 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-oxlint/package.json

@@ -0,0 +1,51 @@
+{
+  "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": {
+    "@element-plus/icons-vue": "^2.3.2",
+    "@vueuse/core": "^13.6.0",
+    "dayjs": "^1.11.13",
+    "echarts": "^6.0.0",
+    "element-plus": "^2.10.6",
+    "pinia": "^3.0.3",
+    "pinia-plugin-persistedstate": "^4.4.1",
+    "radash": "^12.1.1",
+    "vue": "^3.5.18",
+    "vue-router": "^4.5.1"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
+    "@ianvs/prettier-plugin-sort-imports": "^4.6.1",
+    "@prettier/plugin-oxc": "^0.0.4",
+    "@unocss/postcss": "^66.4.2",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/tsconfig": "^0.7.0",
+    "fast-glob": "^3.3.3",
+    "lefthook": "^1.12.2",
+    "oxlint": "^1.11.1",
+    "prettier": "^3.6.2",
+    "sass": "^1.90.0",
+    "typescript": "~5.9.2",
+    "unocss": "^66.4.2",
+    "unplugin-auto-import": "^20.0.0",
+    "unplugin-vue-components": "^29.0.0",
+    "vite": "npm:rolldown-vite@latest",
+    "vite-plugin-inspect": "^11.3.2",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vue-tsc": "^3.0.5"
+  }
+}

package/template-vue-rolldown-oxlint/postcss.config.js

@@ -0,0 +1,5 @@
+import UnoCSS from '@unocss/postcss'
+
+export default {
+  plugins: [UnoCSS()],
+}

package/template-vue-rolldown-oxlint/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-rolldown-oxlint/src/App.vue

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

package/template-vue-rolldown-oxlint/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-rolldown-oxlint/src/components/Icon/svg-icon.vue

@@ -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-rolldown-oxlint/src/layout/default/index.vue

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

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

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

package/template-vue-rolldown-oxlint/src/router/guard/index.tsx

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

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

@@ -0,0 +1,8 @@
+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-oxlint/src/router/index.tsx

@@ -0,0 +1,15 @@
+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-oxlint/src/router/modules/index.tsx

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

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

@@ -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-rolldown-oxlint/src/styles/element-plus-variables.css

@@ -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-rolldown-oxlint/src/styles/index.scss

@@ -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;
+}