create-bubbles 0.1.2 → 0.1.3

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)
+}

package/template-vue-vite-eslint/src/store/modules/user.ts

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

@@ -0,0 +1,30 @@
+@use './font.scss';
+@use './variables.scss';
+@use './element-plus-variables.css';
+
+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

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

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

@@ -0,0 +1,15 @@
+/// <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

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