create-bubbles 0.1.0 → 0.1.2

package/dist/index.js

@@ -11,7 +11,7 @@ Available templates:
 ${s.vue(`vue-rsbuild-biome        vue`)}
 ${s.vue(`vue-rolldown-oxc         vue`)}
 ${s.react(`react-rsbuild-biome       react`)}
-${s.react(`react-rolldown-oxc       react`)}`,d=e=>e.trim().replace(/\/+$/g,``),f=e=>{if(!e)return;let t=e.split(` `)[0].split(`/`);return{name:t[0],version:t[1]}},p=t=>{let n=e.readdirSync(t);return n.length===0||n.length===1&&n[0]===`.git`},m=async n=>{await Promise.all(e.readdirSync(n).filter(e=>e!==`.git`).map(r=>e.promises.rm(t.resolve(n,r),{recursive:!0,force:!0})))},h=e=>/^(?:@[a-z\d\-*~][a-z\d\-*._~]*\/)?[a-z\d\-~][a-z\d\-._~]*$/.test(e),g=e=>e.trim().toLowerCase().replace(/\s+/g,`-`).replace(/^[._]/,``).replace(/[^a-z\d\-~]+g/,`-`),_=[{name:`vue`,display:`Vue`,color:s.vue,variants:[{name:`vue-rsbuild-biome`,display:`rsbuild + biome`,color:s.vue},{name:`vue-rolldown-oxc`,display:`rolldown + oxc`,color:s.vue}]},{name:`react`,display:`React`,color:s.react,variants:[{name:`react-rsbuild-biome`,display:`rsbuild-biome`,color:s.react}]},{name:`others`,display:`Others`,color:s.others,variants:[{name:`create-eletron-vite`,display:`Electron ↗`,color:s.others,customCommand:`pnpm create electron-vite@latest TARGET_DIR`}]}],v=_.map(e=>e.variants.map(e=>`${e.name}`)).reduce((e,t)=>e.concat(t),[]),y=(e,t)=>{console.log(`💦customCommand`,e,t);let n=t?t.name:`npm`,r=n===`yarn`&&t?.version.startsWith(`1.`);return e.replace(/^npm create (?:-- )?/,()=>n===`bun`?`bun x create-`:n===`pnpm`?`pnpm create `:e.startsWith(`npm create -- `)?`${n} create -- `:`${n} create `).replace(`@latest`,()=>r?``:`@latest`).replace(/^npm exec/,()=>n===`pnpm`?`pnpm dlx`:n===`yarn`&&!r?`yarn dlx`:n===`bun`?`bun x`:`npm exec`)},b={_gitignore:`.gitignore`},x=(n,r)=>{e.mkdirSync(r,{recursive:!0});for(let i of e.readdirSync(n)){let e=t.resolve(n,i),a=t.resolve(r,i);S(e,a)}},S=(t,n)=>{e.statSync(t).isDirectory()?x(t,n):e.copyFileSync(t,n)},C=(t,n)=>{let r=e.readFileSync(t,`utf-8`);e.writeFileSync(t,n(r),`utf-8`)},w=(e,n)=>{C(t.resolve(e,`package.json`),e=>e.replace(/"@vitejs\/plugin-react": ".+?"/,`"@vitejs/plugin-react-swc": "^4.0.1"`)),C(t.resolve(e,`vite.config.${n?`ts`:`js`}`),e=>e.replace(`@vitejs/plugin-react`,`@vitejs/plugin-react-swc`))};(async()=>{console.log(c);let i=c._[0]?d(c._[0]):void 0,x=c.template,C=c.overwrite,T=`bubbles-project`;if(c.help){console.log(u);return}let E=f(process.env.npm_config_user_agent),D=()=>n.cancel(`Operation cancelled`),O=i;if(!O){let e=await n.text({message:`Project name`,defaultValue:T,placeholder:T,validate:e=>e.length===0||d(e).length>0?void 0:`Invalid project name`});if(n.isCancel(e))return D();O=d(e)}if(e.existsSync(O)&&!p(O)){let e=C?`yes`:await n.select({message:O===`.`?`Current directory`:`Target directory "${O}" is not empty. Please choose how to proceed:`,options:[{label:`${s.vue(`Cancel operation`)}`,value:`no`},{label:`Remove existing files and continue`,value:`yes`},{label:`Ignore files and continue`,value:`ignore`}]});if(n.isCancel(e))return D();switch(e){case`yes`:m(O);break;case`no`:D();return}}let k=t.basename(t.resolve(O));if(!h(k)){let e=await n.text({message:`Package name is invalid. please input again:`,defaultValue:g(k),placeholder:g(k),validate(e){if(!h(e))return`Invalid package.json name`}});if(n.isCancel(e))return D();k=e}let A=x,j=!1;if(x&&!v.includes(x)&&(A=void 0,j=!0),!A){let e=await n.select({message:j?`"${x}" isn't a valia template. please choose from below:`:`Select a framework`,options:_.map(e=>{let t=e.color;return{label:t(e.display),value:e}})});if(n.isCancel(e))return D();console.log(`💦pkgInfo`,E);let t=await n.select({message:`Select a variant:`,options:e.variants.map(e=>{let t=e.color,n=e.customCommand?y(e.customCommand,E).replace(/ TARGET_DIR$/,``):void 0;return{label:t(e.display||e.name),value:e.name,hint:n}})});if(n.isCancel(t))return D();A=t}let M=t.join(l,O);e.mkdirSync(M,{recursive:!0});let N=!1;A.includes(`-swc`)&&(N=!0,A=A.replace(`-swc`,``));let P=E?E.name:`npm`,{customCommand:F}=_.flatMap(e=>e.variants).find(e=>e.name===A)??{};if(F){let[e,...t]=y(F,E).split(` `),n=t.map(e=>e.replace(`TARGET_DIR`,()=>O));console.log(`💦replacedArgs`,n);let{status:r}=a.sync(e,n,{stdio:`inherit`});process.exit(r??0)}n.log.step(`scaffolding project in ${M}...`);let I=t.resolve(o(import.meta.url),`../..`,`template-${A}`),L=(n,r)=>{let i=t.join(M,b[n]??n);r?e.writeFileSync(i,r):S(t.join(I,n),i)},R=e.readdirSync(I);for(let e of R)e!==`package.json`&&L(e);let z=JSON.parse(e.readFileSync(t.join(I,`package.json`),`utf-8`));z.name=k,L(`package.json`,`${JSON.stringify(z,null,2)}\n`),N&&w(M,A.endsWith(`-ts`));let B=``,V=t.relative(l,M);switch(console.log(`💦cwd`,l),console.log(`💦root`,M),console.log(`💦cdProjectName`,V),B+=`Done. Now run:
+${s.react(`react-rolldown-oxc       react`)}`,d=e=>e.trim().replace(/\/+$/g,``),f=e=>{if(!e)return;let t=e.split(` `)[0].split(`/`);return{name:t[0],version:t[1]}},p=t=>{let n=e.readdirSync(t);return n.length===0||n.length===1&&n[0]===`.git`},m=async n=>{await Promise.all(e.readdirSync(n).filter(e=>e!==`.git`).map(r=>e.promises.rm(t.resolve(n,r),{recursive:!0,force:!0})))},h=e=>/^(?:@[a-z\d\-*~][a-z\d\-*._~]*\/)?[a-z\d\-~][a-z\d\-._~]*$/.test(e),g=e=>e.trim().toLowerCase().replace(/\s+/g,`-`).replace(/^[._]/,``).replace(/[^a-z\d\-~]+g/,`-`),_=[{name:`vue`,display:`Vue`,color:s.vue,variants:[{name:`vue-rsbuild-biome`,display:`rsbuild + biome`,color:s.vue},{name:`vue-rolldown-oxc`,display:`rolldown + oxc`,color:s.vue}]},{name:`react`,display:`React`,color:s.react,variants:[{name:`react-rsbuild-biome`,display:`rsbuild-biome`,color:s.react}]},{name:`others`,display:`Others`,color:s.others,variants:[{name:`create-eletron-vite`,display:`Electron ↗`,color:s.others,customCommand:`pnpm create electron-vite@latest TARGET_DIR`}]}],v=_.map(e=>e.variants.map(e=>`${e.name}`)).reduce((e,t)=>e.concat(t),[]),y=(e,t)=>{console.log(`💦customCommand`,e,t);let n=t?t.name:`npm`,r=n===`yarn`&&t?.version.startsWith(`1.`);return e.replace(/^npm create (?:-- )?/,()=>n===`bun`?`bun x create-`:n===`pnpm`?`pnpm create `:e.startsWith(`npm create -- `)?`${n} create -- `:`${n} create `).replace(`@latest`,()=>r?``:`@latest`).replace(/^npm exec/,()=>n===`pnpm`?`pnpm dlx`:n===`yarn`&&!r?`yarn dlx`:n===`bun`?`bun x`:`npm exec`)},b={_gitignore:`.gitignore`},x=(n,r)=>{e.mkdirSync(r,{recursive:!0});for(let i of e.readdirSync(n))S(t.resolve(n,i),t.resolve(r,i))},S=(t,n)=>{e.statSync(t).isDirectory()?x(t,n):e.copyFileSync(t,n)},C=(t,n)=>{let r=e.readFileSync(t,`utf-8`);e.writeFileSync(t,n(r),`utf-8`)},w=(e,n)=>{C(t.resolve(e,`package.json`),e=>e.replace(/"@vitejs\/plugin-react": ".+?"/,`"@vitejs/plugin-react-swc": "^4.0.1"`)),C(t.resolve(e,`vite.config.${n?`ts`:`js`}`),e=>e.replace(`@vitejs/plugin-react`,`@vitejs/plugin-react-swc`))};(async()=>{console.log(c);let i=c._[0]?d(c._[0]):void 0,x=c.template,C=c.overwrite,T=`bubbles-project`;if(c.help){console.log(u);return}let E=f(process.env.npm_config_user_agent),D=()=>n.cancel(`Operation cancelled`),O=i;if(!O){let e=await n.text({message:`Project name`,defaultValue:T,placeholder:T,validate:e=>e.length===0||d(e).length>0?void 0:`Invalid project name`});if(n.isCancel(e))return D();O=d(e)}if(e.existsSync(O)&&!p(O)){let e=C?`yes`:await n.select({message:O===`.`?`Current directory`:`Target directory "${O}" is not empty. Please choose how to proceed:`,options:[{label:`${s.vue(`Cancel operation`)}`,value:`no`},{label:`Remove existing files and continue`,value:`yes`},{label:`Ignore files and continue`,value:`ignore`}]});if(n.isCancel(e))return D();switch(e){case`yes`:m(O);break;case`no`:D();return}}let k=t.basename(t.resolve(O));if(!h(k)){let e=await n.text({message:`Package name is invalid. please input again:`,defaultValue:g(k),placeholder:g(k),validate(e){if(!h(e))return`Invalid package.json name`}});if(n.isCancel(e))return D();k=e}let A=x,j=!1;if(x&&!v.includes(x)&&(A=void 0,j=!0),!A){let e=await n.select({message:j?`"${x}" isn't a valia template. please choose from below:`:`Select a framework`,options:_.map(e=>{let t=e.color;return{label:t(e.display),value:e}})});if(n.isCancel(e))return D();console.log(`💦pkgInfo`,E);let t=await n.select({message:`Select a variant:`,options:e.variants.map(e=>{let t=e.color,n=e.customCommand?y(e.customCommand,E).replace(/ TARGET_DIR$/,``):void 0;return{label:t(e.display||e.name),value:e.name,hint:n}})});if(n.isCancel(t))return D();A=t}let M=t.join(l,O);e.mkdirSync(M,{recursive:!0});let N=!1;A.includes(`-swc`)&&(N=!0,A=A.replace(`-swc`,``));let P=E?E.name:`npm`,{customCommand:F}=_.flatMap(e=>e.variants).find(e=>e.name===A)??{};if(F){let[e,...t]=y(F,E).split(` `),n=t.map(e=>e.replace(`TARGET_DIR`,()=>O));console.log(`💦replacedArgs`,n);let{status:r}=a.sync(e,n,{stdio:`inherit`});process.exit(r??0)}n.log.step(`scaffolding project in ${M}...`);let I=t.resolve(o(import.meta.url),`../..`,`template-${A}`),L=(n,r)=>{let i=t.join(M,b[n]??n);r?e.writeFileSync(i,r):S(t.join(I,n),i)},R=e.readdirSync(I);for(let e of R)e!==`package.json`&&L(e);let z=JSON.parse(e.readFileSync(t.join(I,`package.json`),`utf-8`));z.name=k,L(`package.json`,`${JSON.stringify(z,null,2)}\n`),N&&w(M,A.endsWith(`-ts`));let B=``,V=t.relative(l,M);switch(console.log(`💦cwd`,l),console.log(`💦root`,M),console.log(`💦cdProjectName`,V),B+=`Done. Now run:
 `,M!==l&&(B+=`\n cd ${V.includes(` `)?`"${V}"`:V} `),P){case`yarn`:B+=`
  yarn`,B+=`
  yarn dev`;break;default:B+=r([`pink`,`white`])(`\n  ${P} install`),B+=r([`pink`,`white`])(`\n  ${P} run dev`);break}n.outro(B)})().catch(e=>{console.error(`💦`,e)});export{};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-bubbles",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "author": "bubbles plant",
   "bin": {

package/template-react-rsbuild-biome/.prettierrc

@@ -4,8 +4,7 @@
   "trailingComma": "all",
   "printWidth": 100,
   "proseWrap": "never",
-  "importOrder": ["^(react|react-dom)$", "^([a-z]|@[a-z])", "", ".*"],
-  "plugins": ["@ianvs/prettier-plugin-sort-imports"],
+
   "overrides": [
     {
       "files": ".prettierrc",

package/template-react-rsbuild-biome/.vscode/settings.json

@@ -1,14 +1,10 @@
 {
   "editor.formatOnSave": true,
-  "editor.defaultFormatter": "biomejs.biome", // 控制相关文件嵌套展示
-  "explorer.fileNesting.enabled": true,
-  "explorer.fileNesting.expand": false,
-  "explorer.fileNesting.patterns": {
-    "*.ts": "$(capture).test.ts, $(capture).test.tsx",
-    "*.tsx": "$(capture).test.ts, $(capture).test.tsx",
-    "*.env": "$(capture).env.*",
-    "package.json": "pnpm-lock.yaml",
-    ".prettierrc": ".prettierignore"
+  "editor.defaultFormatter": "biomejs.biome",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.biome": "explicit"
   },
-  "cSpell.words": ["ahooks", "ianvs", "lefthook", "rsbuild", "rspack", "unocss", "unplugin"]
+  "[less]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
 }

package/template-react-rsbuild-biome/biome.json

@@ -1,7 +1,8 @@
 {
   "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
   "files": {
-    "ignoreUnknown": true
+    "ignoreUnknown": true,
+    "includes": ["**", "!public/**/*", "!node_modules/**/*", "!dist/**/*"]
   },
   "formatter": {
     "enabled": true,
@@ -54,9 +55,7 @@
         "useAriaPropsForRole": "off",
         "useValidAnchor": "off"
       },
-      "nursery": {
-        "useUniqueElementIds": "off"
-      }
+      "nursery": "off"
     }
   },
   "css": {
@@ -75,7 +74,20 @@
     "enabled": true,
     "actions": {
       "source": {
-        "organizeImports": "off"
+        "organizeImports": {
+          "level": "on",
+          "options": {
+            "identifierOrder": "natural",
+            "groups": [
+              [":NODE:", ":BUN:"],
+              ":BLANK_LINE:",
+              ["react", "react-dom/**", "react-dom", "react-router", "react-router-dom"],
+              ["vue", "vue-router"],
+              ":BLANK_LINE:",
+              ["@/**", "**"]
+            ]
+          }
+        }
       }
     }
   }

package/template-react-rsbuild-biome/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "critical-care-engineering-center",
+  "name": "bubbles-project",
   "private": true,
   "version": "1.0.0",
   "scripts": {
@@ -12,31 +12,31 @@
     "reinstall": "rimraf pnpm-lock.yaml && rimraf node_modules && pnpm install"
   },
   "dependencies": {
+    "@alova/adapter-axios": "^2.0.16",
     "@ant-design/icons-vue": "^7.0.1",
-    "ahooks": "^3.9.0",
-    "antd": "^5.26.7",
-    "axios": "^1.11.0",
-    "dayjs": "^1.11.13",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "react-router": "^7.8.0",
-    "zustand": "^5.0.7"
+    "ahooks": "^3.9.5",
+    "alova": "^3.3.4",
+    "antd": "^5.27.5",
+    "dayjs": "^1.11.18",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-router": "^7.9.4",
+    "zustand": "^5.0.8"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.1.4",
-    "@commitlint/config-conventional": "^19.8.1",
-    "@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",
+    "@biomejs/biome": "^2.2.6",
+    "@commitlint/config-conventional": "^20.0.0",
+    "@rsbuild/core": "^1.5.17",
+    "@rsbuild/plugin-react": "^1.4.1",
+    "@rsbuild/plugin-sass": "^1.4.0",
     "@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",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@unocss/postcss": "^66.5.4",
+    "lefthook": "^1.13.6",
     "prettier": "^3.6.2",
-    "typescript": "^5.9.2",
-    "unocss": "66.4.2",
-    "unplugin-auto-import": "^20.0.0"
+    "typescript": "^5.9.3",
+    "unocss": "^66.5.4",
+    "unplugin-auto-import": "^20.2.0"
   }
 }

package/template-react-rsbuild-biome/rsbuild.config.ts

@@ -1,9 +1,9 @@
 import { defineConfig } from '@rsbuild/core'
 import { pluginReact } from '@rsbuild/plugin-react'
-import AutoImport from 'unplugin-auto-import/rspack'
-import UnoCSS from '@unocss/postcss'
 import { pluginSass } from '@rsbuild/plugin-sass'
 import { pluginSvgr } from '@rsbuild/plugin-svgr'
+import UnoCSS from '@unocss/postcss'
+import AutoImport from 'unplugin-auto-import/rspack'
 
 export default defineConfig({
   html: {

package/template-react-rsbuild-biome/src/App.tsx

@@ -1,9 +1,8 @@
-import { RouterProvider } from 'react-router';
-
-import router from './router';
+import { RouterProvider } from 'react-router'
+import router from './router'
 
 const App = () => {
-  return <RouterProvider router={router} />;
-};
+  return <RouterProvider router={router} />
+}
 
-export default App;
+export default App

package/template-react-rsbuild-biome/src/index.tsx

@@ -2,10 +2,8 @@ import React, { Suspense } from 'react'
 import ReactDOM from 'react-dom/client'
 
 import App from './App'
-
-import '@/styles/index.scss'
-
 import Loading from './components/Loading/PageLoading'
+import '@/styles/index.scss'
 
 const rootEl = document.getElementById('root')
 if (rootEl) {

package/template-react-rsbuild-biome/src/pages/home/index.tsx

@@ -1,5 +1,5 @@
 const Home = () => {
-  return <h1 className="flex-center w-full h-full text-green  abc-var(--menu-bg)">111</h1>
+  return <h1 className="flex-center w-full h-full text-red  abc-var(--menu-bg)">1112</h1>
 }
 
 export default Home

package/template-react-rsbuild-biome/src/styles/index.scss

@@ -1,4 +1,5 @@
-@unocss;
+@unocss preflights;
+@unocss default;  
 @import "./variables.scss";
 @import "./fonts.scss";
 

package/template-react-rsbuild-biome/src/utils/request/core/index.ts

@@ -0,0 +1,166 @@
+import { type AlovaGenerics, type AlovaOptions, createAlova } from 'alova'
+import { deepMergeObject, isReadableStream } from './utils'
+import adapterFetch from 'alova/fetch'
+
+interface statusMap {
+  success?: number
+  unAuthorized?: number
+}
+
+interface codeMap {
+  success?: number[]
+  unAuthorized?: number[]
+}
+
+export interface baseRequestOption<AG extends AlovaGenerics> {
+  baseUrl?: string
+  timeout?: number
+  commonHeaders?: Record<string, string | (() => string)>
+  statusMap?: statusMap
+  codeMap?: codeMap
+  responseDataKey?: string
+  responseMessageKey?: string
+  isTransformResponse?: boolean
+  isShowSuccessMessage?: boolean
+  successDefaultMessage?: string
+  isShowErrorMessage?: boolean
+  errorDefaultMessage?: string
+  statesHook?: AlovaOptions<AG>['statesHook']
+  successMessageFunc?: (message: string) => void
+  errorMessageFunc?: (message: string) => void
+  unAuthorizedResponseFunc?: () => void
+  requestAdapter?: AlovaOptions<AG>['requestAdapter']
+}
+
+export interface CustomConfig {
+  isTransformResponse?: boolean
+  isShowSuccessMessage?: boolean
+  isShowErrorMessage?: boolean
+}
+
+type requestOption = baseRequestOption<AlovaGenerics> & CustomConfig
+
+export const createInstance = (option: requestOption) => {
+  const defaultOption: requestOption = {
+    baseUrl: '/',
+    timeout: 0,
+    statusMap: {
+      success: 200,
+      unAuthorized: 401,
+    },
+    codeMap: {
+      success: [200],
+      unAuthorized: [401],
+    },
+    responseDataKey: 'data',
+    responseMessageKey: 'message',
+    isTransformResponse: true,
+    isShowSuccessMessage: false,
+    successDefaultMessage: '操作成功',
+    isShowErrorMessage: true,
+    errorDefaultMessage: '服务异常',
+    requestAdapter: adapterFetch(),
+  }
+
+  const mergeOption: baseRequestOption<AlovaGenerics> & CustomConfig = deepMergeObject(
+    defaultOption,
+    option,
+  )
+
+  const instance = createAlova({
+    baseURL: mergeOption.baseUrl,
+    timeout: mergeOption.timeout,
+    statesHook: mergeOption?.statesHook,
+    requestAdapter: mergeOption.requestAdapter as AlovaOptions<AlovaGenerics>['requestAdapter'],
+    beforeRequest: async (method) => {
+      for (const [key, value] of Object.entries(option?.commonHeaders ?? {})) {
+        method.config.headers[key] = typeof value === 'function' ? value() : value
+      }
+    },
+    responded: {
+      onSuccess: async (response) => {
+        if (!mergeOption?.isTransformResponse) return response
+        const { status } = response
+
+        // 判断响应类型：如果使用 adapterFetch，response.data 是可读流，则调用 json()；否则直接使用 response.data
+        const data =
+          response?.body && isReadableStream(response.body)
+            ? await response.json() // adapterFetch 的响应，使用 json() 解析可读流
+            : response.data // 其他适配器的响应
+        // 不成功的情况
+        if (status !== mergeOption.statusMap?.success) {
+          // 如果后端使用status 字段来表示未授权，则返回401
+          if (mergeOption?.statusMap?.unAuthorized === status) {
+            mergeOption?.unAuthorizedResponseFunc?.()
+          }
+          return Promise.reject(response)
+        }
+
+        const {
+          responseDataKey,
+          codeMap,
+          isShowSuccessMessage,
+          responseMessageKey,
+          isShowErrorMessage,
+        } = mergeOption
+        const {
+          code,
+          [responseDataKey as string]: responseData,
+          [responseMessageKey as string]: responseMessage,
+        } = data
+        if (!codeMap?.success?.includes(+code)) {
+          // code unAuthorized 处理
+          if (codeMap?.unAuthorized?.includes(+code)) {
+            mergeOption?.unAuthorizedResponseFunc?.()
+            return Promise.reject(response)
+          }
+          // 其他错误直接打印msg
+
+          const errorMessage = data[responseMessageKey as string] ?? mergeOption.errorDefaultMessage
+          if (isShowErrorMessage) mergeOption?.errorMessageFunc?.(errorMessage)
+          return Promise.reject(response)
+        }
+        if (isShowSuccessMessage)
+          mergeOption?.successMessageFunc?.(responseMessage ?? mergeOption.successDefaultMessage)
+        return responseData
+      },
+      onError: (error) => {
+        if (mergeOption?.isShowErrorMessage)
+          mergeOption.errorMessageFunc?.(
+            error.response?.data?.message ?? mergeOption?.errorDefaultMessage,
+          )
+      },
+      // onComplete: (_method) => {},
+    },
+  })
+
+  return instance
+}
+
+// 🚀 创建双重调用实例的工厂函数
+export const createDualCallInstance = (baseConfig: baseRequestOption<AlovaGenerics>) => {
+  // 创建默认实例
+  const defaultInstance = createInstance(baseConfig)
+
+  // 双重调用函数
+  const dualInstance = (option?: CustomConfig) => {
+    if (option) {
+      // 合并配置并创建新实例
+      const mergedConfig = { ...baseConfig, ...option }
+      return createInstance(mergedConfig)
+    }
+    return defaultInstance
+  }
+
+  // 🎯 直接绑定 HTTP 方法，无需复杂类型注释
+  dualInstance.Get = defaultInstance.Get.bind(defaultInstance)
+  dualInstance.Post = defaultInstance.Post.bind(defaultInstance)
+  dualInstance.Put = defaultInstance.Put.bind(defaultInstance)
+  dualInstance.Delete = defaultInstance.Delete.bind(defaultInstance)
+  dualInstance.Patch = defaultInstance.Patch.bind(defaultInstance)
+  dualInstance.Head = defaultInstance.Head.bind(defaultInstance)
+  dualInstance.Options = defaultInstance.Options.bind(defaultInstance)
+  dualInstance.Request = defaultInstance.Request.bind(defaultInstance)
+
+  return dualInstance
+}

package/template-react-rsbuild-biome/src/utils/request/core/utils.ts

@@ -0,0 +1,38 @@
+export const deepMergeObject = <T = any>(source: T, target: Partial<T>): T => {
+  const isObject = (obj: any): obj is Record<string, any> =>
+    obj && typeof obj === 'object' && !Array.isArray(obj)
+
+  const merge = (src: any, tgt: any): any => {
+    if (isObject(src) && isObject(tgt)) {
+      Object.keys(tgt).forEach((key) => {
+        if (isObject(tgt[key])) {
+          src[key] = merge(src[key] || {}, tgt[key])
+        } else {
+          src[key] = tgt[key]
+        }
+      })
+    }
+    return src
+  }
+
+  return merge({ ...source }, target)
+}
+
+/**
+ * 判断一个变量是不是可读流
+ * @param data
+ */
+export const isReadableStream = (data: unknown): boolean => {
+  if (!(data instanceof ReadableStream)) {
+    return false
+  }
+  if (typeof data.locked !== 'boolean') return false
+
+  const instanceFunc = ['cancel', 'getReader', 'pipeThrough', 'pipeTo', 'tee'] as const
+
+  for (const func of instanceFunc) {
+    if (typeof data[func] !== 'function') return false
+  }
+
+  return true
+}

package/template-react-rsbuild-biome/src/utils/request/index.ts

@@ -1,77 +1,43 @@
-import type { AxiosRequestConfig } from 'axios'
+import { envVariables } from '../env'
+import { createDualCallInstance } from './core'
+import { router } from '@/router'
+import { message } from 'antd'
+import 'element-plus/es/components/message/style/css'
+import vueHook from 'alova/vue'
+import { axiosRequestAdapter } from '@alova/adapter-axios'
 
-import request, { type CustomConfig } from './axios'
+// 🎯 获取基础配置
+const getBaseConfig = (): Parameters<typeof createDualCallInstance>[0] => {
 
-interface createAxiosType {
-  get: <T = any>(
-    config: {
-      url: string
-      params?: AxiosRequestConfig['params']
-      config?: AxiosRequestConfig<any>
+  return {
+    baseUrl: `/${envVariables.PUBLIC_API_AFFIX}`,
+    statusMap: {
+      success: 200,
+      unAuthorized: 401,
     },
-    option?: CustomConfig,
-  ) => Promise<T>
-  post: <T = any>(
-    config: {
-      url: string
-      data?: AxiosRequestConfig['data']
-      params?: AxiosRequestConfig['params']
-      config?: AxiosRequestConfig<any>
+    codeMap: {
+      success: [200],
     },
-    option?: CustomConfig,
-  ) => Promise<T>
-  put: <T = any>(
-    config: {
-      url: string
-      data?: AxiosRequestConfig['data']
-      config?: AxiosRequestConfig<any>
+    responseDataKey: 'data',
+    responseMessageKey: 'msg',
+    commonHeaders: {
     },
-    option?: CustomConfig,
-  ) => Promise<T>
-  delete: <T = any>(
-    config: {
-      url: string
-      data?: AxiosRequestConfig['data']
-      config?: AxiosRequestConfig<any>
+    successMessageFunc: (msg: string) => {
+      message.success(msg)
     },
-    option?: CustomConfig,
-  ) => Promise<T>
-}
-
-const createAxios: createAxiosType = {
-  get: (config, option) =>
-    request(option).get(config.url, {
-      params: config.params,
-      ...config?.config,
-    }),
-  post: (
-    config: {
-      url: string
-      params?: Record<string, string>
-      data?: any
-      config?: AxiosRequestConfig<any>
+    errorMessageFunc: (msg: string) => {
+      message.error(msg)
     },
-    option?: CustomConfig,
-  ) => {
-    let url = config.url
-    if (config.params instanceof Object) {
-      url += '?'
-      const entries = Object.entries(config.params)
-      for (let i = 0; i < entries.length; i++) {
-        const [key, value] = entries[i]
-        url += `${key}=${value}${i < entries.length - 1 ? '&' : ''}`
-      }
-    }
-    return request(option).post(url, config?.data, config?.config)
-  },
-  put: (
-    config: { url: string; data?: any; config?: AxiosRequestConfig<any> },
-    option?: CustomConfig,
-  ) => request(option).put(config.url, config?.data, config?.config),
-  delete: (
-    config: { url: string; config?: AxiosRequestConfig<any> },
-    customConfig?: CustomConfig,
-  ) => request(customConfig).delete(config.url, config?.config),
+    unAuthorizedResponseFunc: () => {
+      router.navigate('/login')
+      message.error('登录过期或未登录')
+    },
+    statesHook: vueHook,
+    requestAdapter: axiosRequestAdapter(),
+  }
 }
 
-export default createAxios
+// 🚀 使用 alova-core 的双重调用功能，超级简洁！
+const alovaRequest = createDualCallInstance(getBaseConfig())
+
+export default alovaRequest

package/template-react-rsbuild-biome/uno.config.ts

@@ -1,10 +1,8 @@
-import { defineConfig, presetWind3 } from 'unocss'
+import { defineConfig, presetUno } from 'unocss'
 
 export default defineConfig({
   content: {
-    filesystem: ['**/*.{html,js,ts,jsx,tsx,vue,svelte,astro}'],
+    filesystem: ['./src/**/*.{html,js,ts,jsx,tsx}'],
   },
-  presets: [presetWind3()],
-  rules: [],
-  shortcuts: [['flex-center', 'flex items-center justify-center']],
+  presets: [presetUno()],
 })

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

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

package/template-vue-rolldown-oxc/.env.development

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

package/template-vue-rolldown-oxc/.env.production

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

package/template-vue-rolldown-oxc/.prettierignore

@@ -0,0 +1,34 @@
+**/*.png
+**/*.svg
+CODEOWNERS
+.dockerignore
+Dockerfile.ui-test
+.dumi/tmp
+.dumi/tmp-production
+!dumi
+# AUTHORS.txt
+lib/
+es/
+dist/
+# _site/
+# server
+# coverage/
+# CNAME
+LICENSE
+yarn.lock
+# netlify.toml
+yarn-error.log
+*.sh
+*.snap
+components/*/*.js
+components/*/*.jsx
+.gitignore
+.npmignore
+.prettierignore
+.DS_Store
+.editorconfig
+.eslintignore
+.history
+**/*.yml
+*.html
+CHANGELOG.*.md