create-bubbles 0.1.25 → 0.1.27

package/template-vp-react-shadcn/src/utils/request/readme.md

@@ -7,34 +7,37 @@
 请求方法会创建 alova `Method` 实例，不会在创建时立刻发送请求。可以在组件中交给 `useRequest`，也可以在普通函数里直接 `await`。
 
 ```ts
-import alovaRequest from "@/utils/request";
+import alovaRequest from '@/utils/request'
 
 interface DramaItem {
-  id: number;
-  title: string;
+  id: number
+  title: string
 }
 
 interface DramaListParams {
-  page: number;
-  pageSize: number;
+  page: number
+  pageSize: number
 }
 
 export const getDramaList = (params: DramaListParams) => {
-  return alovaRequest.Get<DramaItem[]>("/drama/list", { params });
-};
+  return alovaRequest.Get<DramaItem[]>('/drama/list', { params })
+}
 ```
 
 组件中使用：
 
 ```tsx
-import { useRequest } from "alova/client";
+import { useRequest } from 'alova/client'
 
-import { getDramaList } from "@/api";
+import { getDramaList } from '@/api'
 
 export function DramaList() {
-  const { data, loading, error } = useRequest(getDramaList({ page: 1, pageSize: 20 }), {
-    initialData: [],
-  });
+  const { data, loading, error } = useRequest(
+    getDramaList({ page: 1, pageSize: 20 }),
+    {
+      initialData: [],
+    },
+  )
 
   // ...
 }
@@ -43,7 +46,7 @@ export function DramaList() {
 普通异步函数中使用：
 
 ```ts
-const list = await getDramaList({ page: 1, pageSize: 20 });
+const list = await getDramaList({ page: 1, pageSize: 20 })
 ```
 
 ## 请求参数
@@ -51,29 +54,29 @@ const list = await getDramaList({ page: 1, pageSize: 20 });
 GET 查询参数放在第二个参数的 `params` 里：
 
 ```ts
-alovaRequest.Get<UserInfo>("/user/detail", {
+alovaRequest.Get<UserInfo>('/user/detail', {
   params: {
     id: 1,
   },
-});
+})
 ```
 
 POST、PUT、PATCH、DELETE 的 body 放在第二个参数，配置放在第三个参数：
 
 ```ts
-alovaRequest.Post<CreateUserResult>("/user/create", {
-  name: "Tom",
-});
+alovaRequest.Post<CreateUserResult>('/user/create', {
+  name: 'Tom',
+})
 
 alovaRequest.Post<CreateUserResult>(
-  "/user/create",
-  { name: "Tom" },
+  '/user/create',
+  { name: 'Tom' },
   {
     meta: {
       isShowSuccessMessage: true,
     },
   },
-);
+)
 ```
 
 ## 返回结构
@@ -82,9 +85,9 @@ alovaRequest.Post<CreateUserResult>(
 
 ```ts
 interface ApiResponse<T> {
-  code: number;
-  data: T;
-  msg: string;
+  code: number
+  data: T
+  msg: string
 }
 ```
 
@@ -101,15 +104,15 @@ interface ApiResponse<T> {
 
 ```ts
 alovaRequest.Post(
-  "/user/update",
-  { id: 1, name: "Tom" },
+  '/user/update',
+  { id: 1, name: 'Tom' },
   {
     meta: {
       isShowSuccessMessage: true,
       isShowErrorMessage: false,
     },
   },
-);
+)
 ```
 
 也可以创建一个带临时配置的请求实例：
@@ -117,11 +120,11 @@ alovaRequest.Post(
 ```ts
 const silentRequest = alovaRequest({
   isShowErrorMessage: false,
-});
+})
 
-silentRequest.Get<UserInfo>("/user/detail", {
+silentRequest.Get<UserInfo>('/user/detail', {
   params: { id: 1 },
-});
+})
 ```
 
 ## 原始响应
@@ -130,15 +133,15 @@ silentRequest.Get<UserInfo>("/user/detail", {
 
 ```ts
 const downloadFile = () => {
-  return alovaRequest.Get<Response>("/file/download", {
+  return alovaRequest.Get<Response>('/file/download', {
     meta: {
       isTransformResponse: false,
     },
-  });
-};
+  })
+}
 
-const response = await downloadFile();
-const blob = await response.blob();
+const response = await downloadFile()
+const blob = await response.blob()
 ```
 
 ## 错误处理
@@ -146,13 +149,13 @@ const blob = await response.blob();
 HTTP 状态码错误、业务 `code` 错误都会抛出 `RequestError`，alova hook 会进入 `error` 分支。
 
 ```ts
-import { RequestError } from "@/utils/request/alova-core";
+import { RequestError } from '@/utils/request/alova-core'
 
 try {
-  await getDramaList({ page: 1, pageSize: 20 });
+  await getDramaList({ page: 1, pageSize: 20 })
 } catch (error) {
   if (error instanceof RequestError) {
-    console.log(error.status, error.code, error.message);
+    console.log(error.status, error.code, error.message)
   }
 }
 ```

package/template-vp-react-shadcn/tsconfig.json

@@ -4,7 +4,7 @@
     "useDefineForClassFields": true,
     "module": "ESNext",
     "lib": ["ES2023", "DOM", "DOM.Iterable"],
-    "types": ["vite/client"],
+    "types": ["vite/client", "vite-plugin-svgr/client"],
     "skipLibCheck": true,
 
     /* Bundler mode */
@@ -23,9 +23,8 @@
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
 
-    "baseUrl": ".",
     "paths": {
-      "@/*": ["src/*"]
+      "@/*": ["./src/*"]
     }
   },
   "include": ["src"]

package/template-vp-react-shadcn/vite.config.ts

@@ -1,35 +1,49 @@
-import path from "path";
+import path from 'path'
 
-import tailwindcss from "@tailwindcss/vite";
-import react from "@vitejs/plugin-react";
-import AutoImport from "unplugin-auto-import/vite";
-import { defineConfig, loadEnv } from "vite-plus";
+import tailwindcss from '@tailwindcss/vite'
+import react from '@vitejs/plugin-react'
+import AutoImport from 'unplugin-auto-import/vite'
+import svgr from 'vite-plugin-svgr'
+import { defineConfig, loadEnv } from 'vite-plus'
 
 export default defineConfig(({ mode }) => {
-  const root = process.cwd();
-  const env = loadEnv(mode, root);
-  const { VITE_PORT } = env;
+  const root = process.cwd()
+  const env = loadEnv(mode, root)
+  const { VITE_PORT } = env
 
   return {
+    fmt: {
+      printWidth: 80,
+      semi: false,
+      singleQuote: true,
+      sortImports: {},
+      sortTailwindcss: {},
+      sortPackageJson: true,
+      ignorePatterns: ['.agents/skills/**', 'skills-lock.json', 'src/types/auto-imports.d.ts'],
+    },
+    lint: {
+      plugins: ['import', 'jsdoc', 'promise', 'react', 'react-perf', 'jsx-a11y'],
+    },
     resolve: {
       alias: {
-        "@": path.resolve(__dirname, "src"),
+        '@': path.resolve(__dirname, 'src'),
       },
     },
     server: {
       port: Number(VITE_PORT),
-      host: "0.0.0.0",
+      host: '0.0.0.0',
     },
     plugins: [
       react(),
+      svgr({ svgrOptions: { icon: true, ref: true } }),
       AutoImport({
-        imports: ["react", "react-router", "react-dom"],
-        dts: "./src/types/auto-imports.d.ts",
+        imports: ['react', 'react-router', 'react-dom'],
+        dts: './src/types/auto-imports.d.ts',
       }),
       tailwindcss(),
     ],
     staged: {
-      "*": "vp check --fix",
+      '*': 'vp check --fix',
     },
-  };
-});
+  }
+})

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

@@ -1,11 +1,11 @@
 {
   "name": "template-vp-vue-eslint-vapor",
+  "type": "module",
   "version": "0.0.1",
   "private": true,
-  "type": "module",
   "scripts": {
     "dev": "vp dev --mode development",
-    "build": "vue-tsc -b && vp build",
+    "build": "vp build && vue-tsc -b",
     "preview": "vp preview",
     "lint": "oxlint && eslint",
     "lint:fix": "oxlint && eslint --fix",
@@ -13,52 +13,45 @@
   },
   "dependencies": {
     "@alova/adapter-axios": "^2.0.20",
-    "@antdv-next/icons": "^1.1.1",
-    "alova": "^3.5.3",
-    "antdv-next": "^1.4.5",
-    "axios": "^1.18.1",
-    "dayjs": "^1.11.21",
+    "@antdv-next/icons": "^1.1.2",
+    "alova": "^3.5.5",
+    "antdv-next": "^1.6.0",
+    "axios": "^1.20.0",
+    "dayjs": "^1.11.23",
     "echarts": "^6.1.0",
+    "lodash-es": "^4.18.1",
     "nprogress": "^0.2.0",
-    "pinia": "^4.0.2",
+    "pinia": "^4.0.3",
     "pinia-plugin-persistedstate": "^4.7.1",
-    "radashi": "^12.9.1",
-    "vue": "3.6.0-rc.2",
-    "vue-router": "^5.2.0"
+    "vue": "3.6.0-rc.10",
+    "vue-router": "^5.4.0"
   },
   "devDependencies": {
-    "@antdv-next/auto-import-resolver": "^1.1.0",
-    "@antfu/eslint-config": "^9.2.0",
-    "@commitlint/cli": "^21.2.1",
-    "@commitlint/config-conventional": "^21.2.0",
-    "@types/node": "^26.1.1",
+    "@antdv-next/auto-import-resolver": "^1.2.0",
+    "@antfu/eslint-config": "^9.5.1",
+    "@commitlint/cli": "^21.2.3",
+    "@commitlint/config-conventional": "^21.2.3",
+    "@types/node": "^26.6.4",
     "@types/nprogress": "^0.2.3",
-    "@unocss/eslint-plugin": "^66.7.5",
-    "@unocss/preset-attributify": "^66.7.5",
-    "@unocss/preset-wind4": "^66.7.5",
-    "@vitejs/plugin-vue": "^6.0.8",
+    "@unocss/eslint-plugin": "^66.10.5",
+    "@unocss/preset-attributify": "^66.10.5",
+    "@unocss/preset-wind4": "^66.10.5",
+    "@vitejs/plugin-vue": "^6.0.9",
     "@vue/tsconfig": "^0.9.1",
-    "eslint": "10.8.0",
+    "eslint": "10.12.0",
     "eslint-plugin-format": "^2.0.1",
-    "eslint-plugin-oxlint": "^1.75.0",
+    "eslint-plugin-oxlint": "^1.87.0",
     "fast-glob": "^3.3.3",
-    "oxlint": "^1.75.0",
-    "sass": "^1.102.0",
+    "oxlint": "^1.87.0",
+    "sass": "^1.105.1",
     "typescript": "^6.0.3",
-    "unocss": "66.7.5",
-    "unplugin-auto-import": "^21.0.0",
+    "unocss": "66.10.5",
+    "unplugin-auto-import": "^21.1.0",
     "unplugin-vue-components": "^32.1.0",
-    "vite": "npm:@voidzero-dev/vite-plus-core@0.2.6",
+    "vite": "npm:@voidzero-dev/vite-plus-core@1.1.0",
     "vite-plugin-inspect": "^12.0.2",
     "vite-plugin-svg-icons": "^2.0.1",
-    "vite-plus": "^0.2.6",
-    "vue-tsc": "^3.3.8"
-  },
-  "devEngines": {
-    "packageManager": {
-      "name": "pnpm",
-      "version": "11.11.0",
-      "onFail": "download"
-    }
+    "vite-plus": "^1.1.0",
+    "vue-tsc": "^3.3.12"
   }
 }

package/template-vp-vue-eslint-vapor/pnpm-workspace.yaml

@@ -1,2 +1,30 @@
+minimumReleaseAgeExcludePrune: true
+minimumReleaseAgeExclude:
+  - '@oxlint/binding-android-arm-eabi@1.82.0'
+  - '@oxlint/binding-android-arm64@1.82.0'
+  - '@oxlint/binding-darwin-arm64@1.82.0'
+  - '@oxlint/binding-darwin-x64@1.82.0'
+  - '@oxlint/binding-freebsd-x64@1.82.0'
+  - '@oxlint/binding-linux-arm-gnueabihf@1.82.0'
+  - '@oxlint/binding-linux-arm-musleabihf@1.82.0'
+  - '@oxlint/binding-linux-arm64-gnu@1.82.0'
+  - '@oxlint/binding-linux-arm64-musl@1.82.0'
+  - '@oxlint/binding-linux-ppc64-gnu@1.82.0'
+  - '@oxlint/binding-linux-riscv64-gnu@1.82.0'
+  - '@oxlint/binding-linux-riscv64-musl@1.82.0'
+  - '@oxlint/binding-linux-s390x-gnu@1.82.0'
+  - '@oxlint/binding-linux-x64-gnu@1.82.0'
+  - '@oxlint/binding-linux-x64-musl@1.82.0'
+  - '@oxlint/binding-openharmony-arm64@1.82.0'
+  - '@oxlint/binding-win32-arm64-msvc@1.82.0'
+  - '@oxlint/binding-win32-ia32-msvc@1.82.0'
+  - '@oxlint/binding-win32-x64-msvc@1.82.0'
+  - '@types/node@26.5.0'
+  - eslint-plugin-oxlint@1.82.0
+  - oxlint@1.82.0
+
+trustPolicy: no-downgrade
+shellEmulator: true
+
 allowBuilds:
-  "@parcel/watcher": false
+  '@parcel/watcher': false

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

@@ -8,7 +8,7 @@ Vue 3 项目模板，基于 Vite+ 统一工具链，集成 Antdv Next UI 组件
 |------|------|------|
 | 构建工具 | Vite+ (`vp`) | 统一工具链，封装 Vite + Rolldown + Oxlint |
 | 框架 | Vue 3 | Composition API + `<script setup>` |
-| 语言 | TypeScript 6/7 并存 | TS7 编译 + TS6 支持 typescript-eslint/vue-tsc |
+| 语言 | TypeScript 6 | 兼容 typescript-eslint 和 vue-tsc |
 | UI 组件库 | Antdv Next | 自动按需导入 |
 | 状态管理 | Pinia | 含持久化插件 |
 | 路由 | Vue Router 5 | |
@@ -80,16 +80,9 @@ src/
 | `VITE_API_AFFIX` | API 路由前缀（用于代理） |
 | `VITE_APP_NAME` | 应用名称 |
 
-## TypeScript 6/7 并存说明
+## TypeScript 版本说明
 
-TypeScript 7.0 使用 Go 重写了编译器，但暂不提供程序化 API，因此 `typescript-eslint` 和 `vue-tsc` 暂不兼容。
-
-本项目采用微软官方推荐的并存方案：
-
-- `typescript` → 指向 `@typescript/typescript6`（供 ESLint、vue-tsc 使用）
-- `@typescript/native` → 指向 TypeScript 7（可手动调用 `npx @typescript/native tsc`）
-
-VS Code 中安装 [TypeScript (Native Preview)](https://marketplace.visualstudio.com/items?itemName=TypeScriptTeam.native-preview) 扩展可享受 TS7 的语言服务加速。
+模板保留 `typescript@^6.0.3`，用于 ESLint 和 `vue-tsc`。TypeScript 7 更换了编译器接口，当前工具链仍依赖 TypeScript 6 的接口，因此暂不升级到 7。
 
 ## 代码规范
 

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

@@ -1,8 +1,8 @@
 {
   "name": "template-vp-vue-eslint",
-  "type": "module",
   "version": "0.0.1",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "vp dev --mode development",
     "build": "vue-tsc -b && vp build",
@@ -12,52 +12,45 @@
   },
   "dependencies": {
     "@alova/adapter-axios": "^2.0.20",
-    "@antdv-next/icons": "^1.1.1",
-    "alova": "^3.5.3",
-    "antdv-next": "^1.4.5",
-    "axios": "^1.18.1",
-    "dayjs": "^1.11.21",
+    "@antdv-next/icons": "^1.1.2",
+    "alova": "^3.5.5",
+    "antdv-next": "^1.5.3",
+    "axios": "^1.20.0",
+    "dayjs": "^1.11.23",
     "echarts": "^6.1.0",
     "nprogress": "^0.2.0",
-    "pinia": "^4.0.2",
+    "pinia": "^4.0.3",
     "pinia-plugin-persistedstate": "^4.7.1",
     "radashi": "^12.9.1",
-    "vue": "^3.5.40",
-    "vue-router": "^5.2.0"
+    "vue": "^3.5.42",
+    "vue-router": "^5.3.1"
   },
   "devDependencies": {
-    "@antdv-next/auto-import-resolver": "^1.1.0",
-    "@antfu/eslint-config": "^9.2.0",
-    "@commitlint/cli": "^21.2.1",
-    "@commitlint/config-conventional": "^21.2.0",
-    "@types/node": "^26.1.1",
+    "@antdv-next/auto-import-resolver": "^1.2.0",
+    "@antfu/eslint-config": "^9.5.1",
+    "@commitlint/cli": "^21.2.2",
+    "@commitlint/config-conventional": "^21.2.2",
+    "@types/node": "^26.5.0",
     "@types/nprogress": "^0.2.3",
-    "@unocss/eslint-plugin": "^66.7.5",
-    "@unocss/preset-attributify": "^66.7.5",
-    "@unocss/preset-wind4": "^66.7.5",
+    "@unocss/eslint-plugin": "^66.10.0",
+    "@unocss/preset-attributify": "^66.10.0",
+    "@unocss/preset-wind4": "^66.10.0",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/tsconfig": "^0.9.1",
-    "eslint": "10.8.0",
+    "eslint": "10.10.0",
     "eslint-plugin-format": "^2.0.1",
-    "eslint-plugin-oxlint": "^1.75.0",
-    "lefthook": "^2.1.10",
-    "oxlint": "^1.75.0",
-    "sass": "^1.102.0",
+    "eslint-plugin-oxlint": "^1.82.0",
+    "lefthook": "^2.1.12",
+    "oxlint": "^1.82.0",
+    "sass": "^1.104.0",
     "typescript": "^6.0.3",
-    "unocss": "66.7.5",
-    "unplugin-auto-import": "^21.0.0",
+    "unocss": "66.10.0",
+    "unplugin-auto-import": "^21.1.0",
     "unplugin-vue-components": "^32.1.0",
-    "vite": "npm:@voidzero-dev/vite-plus-core@0.2.6",
+    "vite": "npm:@voidzero-dev/vite-plus-core@0.3.0",
     "vite-plugin-inspect": "^12.0.2",
     "vite-plugin-svg-icons": "^2.0.1",
-    "vite-plus": "^0.2.6",
-    "vue-tsc": "^3.3.8"
-  },
-  "devEngines": {
-    "packageManager": {
-      "name": "pnpm",
-      "version": "11.11.0",
-      "onFail": "download"
-    }
+    "vite-plus": "0.3.0",
+    "vue-tsc": "^3.3.11"
   }
 }

package/template-vue-vp-eslint/pnpm-workspace.yaml

@@ -1,3 +1,28 @@
+minimumReleaseAgeExcludePrune: true
+trustPolicy: no-downgrade
+
+peerDependencyRules:
+  allowedVersions:
+    # Vite+ core 使用自己的版本号，但提供兼容 Vite 的接口。
+    vite: 0.3.0
+
+shellEmulator: true
+
+overrides:
+  vite: npm:@voidzero-dev/vite-plus-core@0.3.0
+  vitest: 4.1.11
+
+packageExtensions:
+  '@unocss/inspector@66.10.0':
+    dependencies:
+      # 与 inspector 使用的 @devframes/vite 对齐，避免解析到旧版 hub。
+      '@devframes/hub': 0.9.12
+
+  vite-plugin-svg-icons@2.0.1:
+    dependencies:
+      # 插件使用了 fast-glob，但发布包未声明此依赖。
+      fast-glob: ^3.3.3
+
 allowBuilds:
-  '@parcel/watcher': set this to true or false
-  lefthook: set this to true or false
+  '@parcel/watcher': true
+  lefthook: true

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

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import type { MenuItemType } from 'antdv-next'
 import type { MenuRouteRecordRawType } from '@/router/interface'
 
 import SvgIcon from '@/components/Icon/svg-icon.vue'
@@ -43,7 +44,7 @@ function renderIcon(icon?: string) {
   return null
 }
 
-function getMenuItems(routes: MenuRouteRecordRawType[]) {
+function getMenuItems(routes: MenuRouteRecordRawType[]): MenuItemType[] {
   return routes
     .filter(item => !item.meta?.hideInMenu)
     .map((item) => {
@@ -51,14 +52,14 @@ function getMenuItems(routes: MenuRouteRecordRawType[]) {
       if (hasChildren) {
         return {
           key: item.name as string,
-          label: item.meta?.title ?? item.name,
+          label: item.meta?.title ?? String(item.name ?? ''),
           icon: renderIcon(item.meta?.icon),
           children: getMenuItems(item.children as MenuRouteRecordRawType[]),
         }
       }
       return {
         key: item.name as string,
-        label: item.meta?.title ?? item.name,
+        label: item.meta?.title ?? String(item.name ?? ''),
         icon: renderIcon(item.meta?.icon),
       }
     })