create-bubbles 0.1.20 → 0.1.23

package/template-vue-vp-eslint/src/views/example/echart/index.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { useECharts } from "@/hooks/chart/useEcharts";
+
+import { getOption } from "./config";
+
+const dom = useTemplateRef("chart");
+const { setOptions } = useECharts(dom);
+
+onMounted(() => {
+  setOptions(getOption());
+});
+</script>
+
+<template>
+  <div class="h-100vh w-full bg-black">
+    <div ref="chart" class="h-30% w-30%" />
+  </div>
+</template>
+
+<style lang="scss" scoped></style>

package/template-vue-vp-eslint/src/views/example/tree-chart.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+
+
+defineOptions({ name: 'tree-chart' })
+
+</script>
+
+<template>
+    <div class="tree-chart-container">
+        
+    </div>
+</template>
+
+<style lang="scss" scoped>
+
+</style>

package/template-vue-vp-eslint/src/views/home/index.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div class="flex-center flex-col gap-4 h-full w-full">
+    <h1 class="text-2xl font-bold">
+      Welcome to Vue Template
+    </h1>
+    <p class="text-gray-500">
+      Vite+ + Vue 3 + Antdv Next + UnoCSS + ESLint
+    </p>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>

package/template-vue-vp-eslint/src/views/login/index.vue

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

package/template-vue-vp-eslint/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "moduleDetection": "force",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "types": ["vite/client", "vue", "node"],
+    "allowImportingTsExtensions": true,
+
+    /* Linting */
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": true,
+    "verbatimModuleSyntax": true,
+    "erasableSyntaxOnly": true,
+    "skipLibCheck": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue", "node_modules/antdv-next/global.d.ts"]
+}

package/template-vue-vp-eslint/uno.config.ts

@@ -0,0 +1,17 @@
+import presetAttributify from "@unocss/preset-attributify";
+import presetWind4 from "@unocss/preset-wind4";
+import { defineConfig } from "unocss";
+
+export default defineConfig({
+  // content: {
+  //   filesystem: [
+  //     '**/*.{html,js,ts,jsx,tsx,vue,svelte,astro}',
+  //   ],
+  // },
+  shortcuts: [
+    {
+      "flex-center": "flex justify-center items-center",
+    },
+  ],
+  presets: [presetWind4(), presetAttributify()],
+});

package/template-vue-vp-eslint/vite.config.ts

@@ -0,0 +1,58 @@
+import path from 'node:path'
+import process from 'node:process'
+
+import { AntdvNextResolver } from '@antdv-next/auto-import-resolver'
+import Vue from '@vitejs/plugin-vue'
+import UnoCSS from 'unocss/vite'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import Inspect from 'vite-plugin-inspect'
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
+import { defineConfig, lazyPlugins, loadEnv } from 'vite-plus'
+
+// https://vite.dev/config/
+export default defineConfig(({ mode }) => {
+  const root = process.cwd()
+  const env = loadEnv(mode, root)
+  const { VITE_PORT, VITE_API_URL, VITE_API_AFFIX } = env
+
+  return {
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, 'src'),
+      },
+    },
+    server: {
+      port: Number(VITE_PORT),
+      host: '0.0.0.0',
+      open: false,
+      proxy: {
+        [`^/${VITE_API_AFFIX}`]: {
+          target: VITE_API_URL,
+          changeOrigin: true,
+          // secure: false, // Disable SSL certificate verification
+          rewrite: path => path.replace(new RegExp(`^/${VITE_API_AFFIX}`), ''),
+        },
+      },
+    },
+    plugins: lazyPlugins(() => [
+      Vue(),
+      AutoImport({
+        imports: ['vue', 'vue-router'],
+        dts: './src/types/auto-import.d.ts',
+      }),
+      Components({
+        resolvers: [AntdvNextResolver()],
+        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-vp-monorepo-react-nestjs/.oxfmtrc.jsonc

@@ -1,8 +0,0 @@
-{
-  "printWidth": 80,
-  "semi": false,
-  "singleQuote": true,
-  "sortImports": {},
-  "sortTailwindcss": {},
-  "sortPackageJson": true,
-}

package/template-vp-monorepo-react-nestjs/.oxlintrc.jsonc

@@ -1,3 +0,0 @@
-{
-  "plugins": ["import", "promise", "jsdoc", "vitest"],
-}

package/template-vp-monorepo-react-nestjs/.specs//351/234/200/346/261/202.md

@@ -1,5 +0,0 @@
-##
-
-一共分为两个端一个前端一个后端
-
-

package/template-vp-monorepo-react-nestjs/apps/service/.oxlintrc.jsonc

@@ -1,3 +0,0 @@
-{
-  "plugins": ["node"],
-}

package/template-vp-monorepo-react-nestjs/apps/web/.oxlintrc.jsonc

@@ -1,4 +0,0 @@
-{
-  "extends": ["../.oxlintrc.jsonc"],
-  "plugins": ["react", "react-perf", "jsx-a11y"],
-}

package/template-vp-monorepo-react-nestjs/packages/utils/README.md

@@ -1,23 +0,0 @@
-# tsdown-starter
-
-A starter for creating a TypeScript package.
-
-## Development
-
-- Install dependencies:
-
-```bash
-npm install
-```
-
-- Run the unit tests:
-
-```bash
-npm run test
-```
-
-- Build the library:
-
-```bash
-npm run build
-```

package/template-vp-monorepo-react-nestjs/packages/utils/package.json

@@ -1,39 +0,0 @@
-{
-  "name": "utils",
-  "version": "0.0.0",
-  "description": "A starter for creating a TypeScript package.",
-  "homepage": "https://github.com/author/library#readme",
-  "bugs": {
-    "url": "https://github.com/author/library/issues"
-  },
-  "license": "MIT",
-  "author": "Author Name <author.name@mail.com>",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/author/library.git"
-  },
-  "files": [
-    "dist"
-  ],
-  "type": "module",
-  "exports": {
-    ".": "./dist/index.mjs",
-    "./package.json": "./package.json"
-  },
-  "scripts": {
-    "build": "vp pack",
-    "dev": "vp pack --watch",
-    "test": "vp test",
-    "typecheck": "tsc --noEmit",
-    "release": "bumpp",
-    "prepublishOnly": "pnpm run build"
-  },
-  "devDependencies": {
-    "@types/node": "^25.5.0",
-    "@typescript/native-preview": "7.0.0-dev.20260328.1",
-    "bumpp": "^11.0.1",
-    "typescript": "^6.0.2",
-    "vite-plus": "catalog:",
-    "vitest": "catalog:"
-  }
-}

package/template-vp-monorepo-react-nestjs/packages/utils/src/index.ts

@@ -1,3 +0,0 @@
-export function fn() {
-  return "Hello, tsdown!";
-}

package/template-vp-monorepo-react-nestjs/packages/utils/tests/index.test.ts

@@ -1,6 +0,0 @@
-import { expect, test } from "vite-plus/test";
-import { fn } from "../src";
-
-test("fn", () => {
-  expect(fn()).toBe("Hello, tsdown!");
-});

package/template-vp-monorepo-react-nestjs/packages/utils/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "lib": ["es2023"],
-    "moduleDetection": "force",
-    "module": "preserve",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "types": ["node"],
-    "strict": true,
-    "noUnusedLocals": true,
-    "declaration": true,
-    "emitDeclarationOnly": true,
-    "esModuleInterop": true,
-    "isolatedModules": true,
-    "verbatimModuleSyntax": true,
-    "skipLibCheck": true
-  },
-  "include": ["src"]
-}

package/template-vp-monorepo-react-nestjs/packages/utils/tsdown.config.ts

@@ -1,9 +0,0 @@
-import { defineConfig } from "vite-plus/pack";
-
-export default defineConfig({
-  dts: {
-    tsgo: true,
-  },
-  exports: true,
-  // ...config options
-});

package/template-vp-monorepo-react-nestjs/packages/utils/vite.config.ts

@@ -1,7 +0,0 @@
-import tsdownConfig from "./tsdown.config.js";
-
-import { defineConfig } from "vite-plus";
-
-export default defineConfig({
-  pack: tsdownConfig,
-});

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

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

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

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

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

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

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

@@ -1,69 +0,0 @@
-import antfu from '@antfu/eslint-config'
-
-export default antfu({
-  formatters: {
-    css: true, // 启用 CSS、LESS、SCSS 及 Vue <style> 块格式化
-    html: true, // 启用 HTML 文件格式化
-  },
-  vue: true,
-  unocss: true,
-},
-// import rules
-{
-  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', // 自然排序
-      },
-    ],
-  },
-}, {
-  rules: {
-    'n/prefer-global/process': 'off',
-  },
-})

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

@@ -1,56 +0,0 @@
-{
-  "name": "bubbles-project",
-  "type": "module",
-  "version": "0.0.1",
-  "private": true,
-  "scripts": {
-    "dev": "vite --mode development",
-    "build": "vue-tsc -b && vite build",
-    "preview": "vite preview",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix"
-  },
-  "dependencies": {
-    "@alova/adapter-axios": "^2.0.18",
-    "@antdv-next/icons": "^1.0.8",
-    "@unocss/preset-wind3": "^66.7.0",
-    "alova": "^3.5.1",
-    "antdv-next": "^1.3.3",
-    "axios": "^1.17.0",
-    "dayjs": "^1.11.21",
-    "echarts": "^6.1.0",
-    "nprogress": "^0.2.0",
-    "pinia": "^3.0.4",
-    "pinia-plugin-persistedstate": "^4.7.1",
-    "plus-pro-components": "^0.1.31",
-    "radashi": "^12.9.1",
-    "vue": "^3.5.35",
-    "vue-router": "^5.1.0"
-  },
-  "devDependencies": {
-    "@antdv-next/auto-import-resolver": "^1.1.0",
-    "@antfu/eslint-config": "^9.0.0",
-    "@commitlint/cli": "^21.0.2",
-    "@commitlint/config-conventional": "^21.0.2",
-    "@plus-pro-components/resolver": "^0.0.3",
-    "@types/node": "^24.12.3",
-    "@types/nprogress": "^0.2.3",
-    "@unocss/eslint-plugin": "^66.7.0",
-    "@unocss/preset-attributify": "^66.7.0",
-    "@vitejs/plugin-vue": "^6.0.7",
-    "@vue/tsconfig": "^0.9.1",
-    "eslint": "10.4.1",
-    "eslint-plugin-format": "^2.0.1",
-    "fast-glob": "^3.3.3",
-    "lefthook": "^2.1.6",
-    "sass": "^1.100.0",
-    "typescript": "~6.0.3",
-    "unocss": "66.6.8",
-    "unplugin-auto-import": "^21.0.0",
-    "unplugin-vue-components": "^32.1.0",
-    "vite": "8.0.11",
-    "vite-plugin-inspect": "^11.4.1",
-    "vite-plugin-svg-icons": "^2.0.1",
-    "vue-tsc": "^3.3.4"
-  }
-}

package/template-vue-vite-eslint/src/App.vue

@@ -1,19 +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'
-
-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/api/index.ts

@@ -1,12 +0,0 @@
-import request from '@/utils/request'
-
-export const EXPIRE_TIME = 60 * 10 * 1000
-
-export function getTree() {
-  return request.Get('/xxx/xx', {
-    cacheFor: {
-      mode: 'restore',
-      expire: EXPIRE_TIME,
-    },
-  })
-}

package/template-vue-vite-eslint/src/hooks/chart/useEcharts.ts

@@ -1,65 +0,0 @@
-import type { EChartsOption } from 'echarts'
-
-import type { ShallowRef } from 'vue'
-
-import { debounce } from 'radashi'
-
-import echarts from './lib'
-
-type setOptionsType = (options: EChartsOption, clear?: boolean) => void
-
-export function useECharts(elRef: Ref<HTMLDivElement> | Readonly<ShallowRef<HTMLDivElement | null>>) {
-  let chartInstance: echarts.ECharts | null = null
-  let resizeObserver: ResizeObserver | undefined
-
-  const resize = () => {
-    chartInstance?.resize()
-  }
-
-  const initCharts = () => {
-    if (!elRef)
-      return
-    const el = unref(elRef)
-    if (!el)
-      return
-
-    resizeObserver = new ResizeObserver(debounce(
-      {
-        delay: 100,
-      },
-      resize,
-    ))
-    resizeObserver.observe(el)
-
-    chartInstance = echarts.init(el)
-  }
-
-  const setOptions: setOptionsType = (options, clear = true) => {
-    if (!chartInstance) {
-      initCharts()
-      if (!chartInstance)
-        return
-    }
-    clear && chartInstance?.clear()
-    chartInstance?.setOption(options)
-  }
-
-  const getInstance: () => echarts.ECharts | null = () => {
-    if (!chartInstance)
-      initCharts()
-    return chartInstance
-  }
-
-  onUnmounted(() => {
-    chartInstance?.dispose()
-    resizeObserver?.disconnect()
-    resizeObserver = undefined
-  })
-
-  return {
-    setOptions,
-    resize,
-    echarts,
-    getInstance,
-  }
-}

package/template-vue-vite-eslint/src/layout/default/header/index.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <div class="index-container">
-    111
-  </div>
-</template>
-
-<style lang="scss" scoped>
-
-</style>

package/template-vue-vite-eslint/src/layout/default/index.vue

@@ -1,55 +0,0 @@
-<script lang="ts" setup>
-import type { MenuRouteRecordRawType } from '@/router/interface'
-
-import LogoIcon from '@/assets/icon/logo.svg'
-import { menuRoutes } from '@/router/modules'
-
-import SvgIcon from '@/components/Icon/svg-icon.vue'
-
-import Header from './header/index.vue'
-
-function getRoutes(routes: MenuRouteRecordRawType[]) {
-  const result = routes.map((item) => {
-    const isSvgIcon = (item.meta?.icon as string | undefined)?.startsWith('svg-')
-    return ({
-      path: item.path,
-      name: item.name,
-      component: item.component,
-      meta: {
-        title: item.meta?.title,
-        icon: isSvgIcon ? h(SvgIcon, { icon: (item.meta?.icon as string).replace('svg-', ''), style: { fontSize: '20px' } }) : undefined,
-        hideInMenu: item.meta?.hideInMenu,
-      },
-      children: item.children,
-    })
-  })
-  result.forEach((item) => {
-    if (item.children) {
-      item.children = getRoutes(item.children) as MenuRouteRecordRawType[]
-    }
-  })
-  return result
-}
-
-const routes = getRoutes(menuRoutes)
-</script>
-
-<template>
-  <PlusLayout
-    :sidebar-props="{ routes }"
-    :has-breadcrumb="false"
-    :header-props="{
-      hasUserInfo: false,
-    }"
-  >
-    <template #header-left>
-      <h1>111</h1>
-    </template>
-
-    <template #header-right>
-      <Header />
-    </template>
-
-    <router-view />
-  </PlusLayout>
-</template>

package/template-vue-vite-eslint/src/router/guard/index.ts

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

package/template-vue-vite-eslint/src/router/interface.ts

@@ -1,9 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router'
-
-export type MenuRouteRecordRawType = RouteRecordRaw & {
-  meta?: {
-    title?: string
-    icon?: string
-    hideInMenu?: boolean
-  }
-}

package/template-vue-vite-eslint/src/router/modules/example.ts

@@ -1,21 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router'
-
-export const ExampleRoutes: RouteRecordRaw[] = [
-  {
-    path: '/example',
-    name: 'Example',
-    children: [
-      {
-        path: 'echart',
-        name: 'Echart',
-        component: () => import('@/views/example/echart/index.vue'),
-      },
-
-      {
-        path: 'tree-chart',
-        name: 'TreeChart',
-        component: () => import('@/views/example/tree-chart.vue'),
-      },
-    ],
-  },
-]