create-bubbles 0.0.8 → 0.0.11

package/template-react-rsbuild/src/utils/request/axios.ts

@@ -1,93 +1,82 @@
-import { message } from 'ant-design-vue';
-import axios, { type AxiosResponse } from 'axios';
-import _ from 'lodash-es';
-
-import { router } from '@/router';
-import { useUserStoreWithOut } from '@/store/modules/user';
-
-export interface CustomConfig {
-  /** 直接返回响应体 */
-  isTransformResponse?: boolean;
-  // 成功需要提示
-  isShowSuccessMsg?: boolean;
-}
-
-export enum CodeEnum {
-  SUCCESS = 200,
-  UNAUTHORIZED = 401,
-}
-
-const unAuthFunc = _.debounce(() => {
-  message.error('暂未登录或登录已过期，请重新登录');
-  router.push('/login');
-}, 500);
-
-export default (customConfig?: CustomConfig) => {
-  // const { getToken } = useUserStore()
-  const userStore = useUserStoreWithOut();
-
-  const instance = axios.create({
-    baseURL: import.meta.env.PUBLIC_API_AFFIX,
-  });
-
-  instance.interceptors.request.use(
-    (config) => {
-      // config.headers = {
-      //   'X-Access-Token': userStore.token,
-      //   'Allow-Control-Allow-Origin': '*',
-      //   ...config?.headers,
-      // } as any
-      config.headers.set('X-Access-Token', userStore.token);
-      config.headers.set('Allow-Control-Allow-Origin', '*');
-      return config;
-    },
-    (error) => {
-      message.error('请求错误');
-      return Promise.reject(error);
-    },
-  );
-
-  interface ResponseData<T = any> {
-    code: number;
-    message: string;
-    requestId: string;
-    responseTime: number;
-    result: T;
-  }
-
-  instance.interceptors.response.use(
-    (response: AxiosResponse<ResponseData>) => {
-      const { status, data } = response;
-      if (status === 200) {
-        if (customConfig?.isTransformResponse === false) return data;
-        const { code, message: msg } = data;
-        if (code === CodeEnum.SUCCESS) {
-          if (customConfig?.isShowSuccessMsg) {
-            message.success(msg);
-          }
-          return data.result;
-        }
-        message.error(msg);
-        return Promise.reject(data);
-      }
-      if (status === CodeEnum.UNAUTHORIZED) {
-        // _.debounce(() => {
-        message.error(data.message);
-        router.push('/login');
-        // }, 500)
-      } else return Promise.reject(data.message);
-    },
-    (error) => {
-      const response = error.response;
-      const { status, data } = response;
-      if (status === CodeEnum.UNAUTHORIZED) {
-        unAuthFunc();
-      } else {
-        message.error(data?.message || '系统异常');
-        return Promise.reject(error);
-      }
-    },
-  );
-
-  return instance;
-};
+import { message } from 'antd'
+import axios, { type AxiosResponse } from 'axios'
+
+import { router } from '@/router'
+import { useUserStore } from '@/store/modules/user'
+
+export interface CustomConfig {
+  /** 直接返回响应体 */
+  isTransformResponse?: boolean
+  // 成功需要提示
+  isShowSuccessMsg?: boolean
+}
+
+export enum CodeEnum {
+  SUCCESS = 200,
+  UNAUTHORIZED = 401,
+}
+
+const unAuthFunc = () => {
+  message.error('暂未登录或登录已过期，请重新登录')
+  router.navigate('/login')
+}
+export default (customConfig?: CustomConfig) => {
+  const token = useUserStore((state) => state.token)
+
+  const instance = axios.create({
+    baseURL: import.meta.env.PUBLIC_API_AFFIX,
+  })
+
+  instance.interceptors.request.use(
+    (config) => {
+      config.headers.set('X-Access-Token', token)
+      config.headers.set('Allow-Control-Allow-Origin', '*')
+      return config
+    },
+    (error) => {
+      message.error('请求错误')
+      return Promise.reject(error)
+    },
+  )
+
+  interface ResponseData<T = any> {
+    code: number
+    message: string
+    requestId: string
+    responseTime: number
+    result: T
+  }
+
+  instance.interceptors.response.use(
+    (response: AxiosResponse<ResponseData>) => {
+      const { status, data } = response
+      if (status === 200) {
+        if (customConfig?.isTransformResponse === false) return data
+        const { code, message: msg } = data
+        if (code === CodeEnum.SUCCESS) {
+          if (customConfig?.isShowSuccessMsg) {
+            message.success(msg)
+          }
+          return data.result
+        }
+        message.error(msg)
+        return Promise.reject(data)
+      }
+      if (status === CodeEnum.UNAUTHORIZED) {
+        unAuthFunc()
+      } else return Promise.reject(data.message)
+    },
+    (error) => {
+      const response = error.response
+      const { status, data } = response
+      if (status === CodeEnum.UNAUTHORIZED) {
+        unAuthFunc()
+      } else {
+        message.error(data?.message || '系统异常')
+        return Promise.reject(error)
+      }
+    },
+  )
+
+  return instance
+}

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

@@ -1,40 +1,41 @@
-import type { AxiosRequestConfig } from 'axios';
+import type { AxiosRequestConfig } from 'axios'
 
-import request, { type CustomConfig } from './axios';
+import request, { type CustomConfig } from './axios'
 
 interface createAxiosType {
-  get: (
+  get: <T = any>(
     config: {
-      url: string;
-      params?: AxiosRequestConfig['params'];
-      config?: AxiosRequestConfig<any>;
+      url: string
+      params?: AxiosRequestConfig['params']
+      config?: AxiosRequestConfig<any>
     },
     option?: CustomConfig,
-  ) => Promise<any>;
-  post: (
+  ) => Promise<T>
+  post: <T = any>(
     config: {
-      url: string;
-      data?: AxiosRequestConfig['data'];
-      config?: AxiosRequestConfig<any>;
+      url: string
+      data?: AxiosRequestConfig['data']
+      params?: AxiosRequestConfig['params']
+      config?: AxiosRequestConfig<any>
     },
     option?: CustomConfig,
-  ) => Promise<any>;
-  put: (
+  ) => Promise<T>
+  put: <T = any>(
     config: {
-      url: string;
-      data?: AxiosRequestConfig['data'];
-      config?: AxiosRequestConfig<any>;
+      url: string
+      data?: AxiosRequestConfig['data']
+      config?: AxiosRequestConfig<any>
     },
     option?: CustomConfig,
-  ) => Promise<any>;
-  delete: (
+  ) => Promise<T>
+  delete: <T = any>(
     config: {
-      url: string;
-      data?: AxiosRequestConfig['data'];
-      config?: AxiosRequestConfig<any>;
+      url: string
+      data?: AxiosRequestConfig['data']
+      config?: AxiosRequestConfig<any>
     },
     option?: CustomConfig,
-  ) => Promise<any>;
+  ) => Promise<T>
 }
 
 const createAxios: createAxiosType = {
@@ -44,9 +45,25 @@ const createAxios: createAxiosType = {
       ...config?.config,
     }),
   post: (
-    config: { url: string; data?: any; config?: AxiosRequestConfig<any> },
+    config: {
+      url: string
+      params?: Record<string, string>
+      data?: any
+      config?: AxiosRequestConfig<any>
+    },
     option?: CustomConfig,
-  ) => request(option).post(config.url, config?.data, config?.config),
+  ) => {
+    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,
@@ -55,6 +72,6 @@ const createAxios: createAxiosType = {
     config: { url: string; config?: AxiosRequestConfig<any> },
     customConfig?: CustomConfig,
   ) => request(customConfig).delete(config.url, config?.config),
-};
+}
 
-export default createAxios;
+export default createAxios

package/template-react-rsbuild/tsconfig.json

@@ -1,29 +1,29 @@
-{
-  "compilerOptions": {
-    "lib": ["DOM", "ES2020"],
-    "jsx": "react-jsx",
-    "target": "ES2020",
-    "noEmit": true,
-    "skipLibCheck": true,
-    "useDefineForClassFields": true,
-
-    /* modules */
-    "module": "ESNext",
-    "isolatedModules": true,
-    "resolveJsonModule": true,
-    "moduleResolution": "Bundler",
-    "allowImportingTsExtensions": true,
-
-    /* type checking */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-
-    "baseUrl": "./",
-    "paths": {
-      "@/*": ["src/*"]
-    }
-  },
-  "include": ["src"],
-  "exclude": ["node_modules", "dist"]
-}
+{
+  "compilerOptions": {
+    "lib": ["DOM", "ES2020"],
+    "jsx": "react-jsx",
+    "target": "ES2020",
+    "noEmit": true,
+    "skipLibCheck": true,
+    "useDefineForClassFields": true,
+
+    /* modules */
+    "module": "ESNext",
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}

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

@@ -1,8 +1,8 @@
-import { defineConfig, presetUno } from 'unocss';
-
-export default defineConfig({
-  content: {
-    filesystem: ['**/*.{html,js,ts,jsx,tsx,vue,svelte,astro}'],
-  },
-  presets: [presetUno()],
-});
+import { defineConfig, presetUno } from 'unocss';
+
+export default defineConfig({
+  content: {
+    filesystem: ['**/*.{html,js,ts,jsx,tsx,vue,svelte,astro}'],
+  },
+  presets: [presetUno()],
+});

package/template-vue-rsbuild/biome.json

@@ -22,7 +22,8 @@
   },
   "javascript": {
     "formatter": {
-      "quoteStyle": "single"
+      "quoteStyle": "single",
+      "semicolons": "asNeeded"
     }
   },
   "organizeImports": {

package/template-vue-rsbuild/package.json

@@ -11,6 +11,7 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
+    "ant-design-vue": "^4.2.6",
     "pinia": "^3.0.1",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0"
@@ -18,13 +19,13 @@
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
-    "@rsbuild/core": "^1.2.4",
-    "@rsbuild/plugin-vue": "^1.0.5",
+    "@rsbuild/core": "^1.3.1",
+    "@rsbuild/plugin-vue": "^1.0.7",
     "@unocss/postcss": "^65.5.0",
-    "lefthook": "^1.10.1",
-    "prettier": "^3.4.2",
-    "typescript": "^5.7.3",
+    "lefthook": "^1.11.6",
+    "prettier": "^3.5.3",
+    "typescript": "^5.8.2",
     "unocss": "^65.5.0",
-    "unplugin-auto-import": "^19.1.0"
+    "unplugin-auto-import": "^19.1.2"
   }
 }

package/template-vue-rsbuild/rsbuild.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from '@rsbuild/core';
-import { pluginVue } from '@rsbuild/plugin-vue';
-import AutoImport from 'unplugin-auto-import/rspack';
+import { defineConfig } from '@rsbuild/core'
+import { pluginVue } from '@rsbuild/plugin-vue'
+import AutoImport from 'unplugin-auto-import/rspack'
 
 export default defineConfig({
   html: {
@@ -25,4 +25,4 @@ export default defineConfig({
       ],
     },
   },
-});
+})

package/template-vue-rsbuild/src/env.d.ts

@@ -1,9 +1,17 @@
-/// <reference types="@rsbuild/core/types" />
-
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue';
-
-  // biome-ignore lint/complexity/noBannedTypes: reason
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}
+/// <reference types="@rsbuild/core/types" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+
+  // biome-ignore lint/complexity/noBannedTypes: reason
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}
+
+interface ImportMetaEnv {
+  readonly PUBLIC_PATH: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

package/template-vue-rsbuild/src/index.ts

@@ -4,4 +4,12 @@ import App from './App.vue';
 
 import '@/styles/index.css';
 
-createApp(App).mount('#root');
+import { setupRouter } from './router';
+import { setupStore } from './store';
+
+const app = createApp(App);
+
+setupRouter(app);
+setupStore(app);
+
+app.mount('#root');

package/template-vue-rsbuild/src/router/guard/index.tsx

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

package/template-vue-rsbuild/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-rsbuild/src/router/index.tsx

@@ -0,0 +1,14 @@
+import { createRouter, createWebHistory } from 'vue-router';
+import { routes } from './modules';
+import type { App } from 'vue';
+
+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-rsbuild/src/router/modules/index.tsx

@@ -0,0 +1,10 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+export const routes: RouteRecordRaw[] = [
+  {
+    path: '/home',
+    name: 'Home',
+    meta: {},
+    component: () => import('@/views/home/index.vue'),
+  },
+];

package/template-vue-rsbuild/src/store/index.ts

@@ -0,0 +1,7 @@
+import type { App } from "vue"
+import { createPinia } from "pinia"
+
+export const store = createPinia()
+export const setupStore = (app: App) => {
+  app.use(store)
+}

package/template-vue-rsbuild/src/store/modules/user.ts

@@ -0,0 +1,17 @@
+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-rsbuild/src/utils/request/axios.ts

@@ -0,0 +1,83 @@
+import { message } from 'ant-design-vue'
+import axios, { type AxiosResponse } from 'axios'
+
+import { router } from '@/router'
+import { useUserStore } from '@/store/modules/user'
+
+export interface CustomConfig {
+  /** 直接返回响应体 */
+  isTransformResponse?: boolean
+  // 成功需要提示
+  isShowSuccessMsg?: boolean
+}
+
+export enum CodeEnum {
+  SUCCESS = 200,
+  UNAUTHORIZED = 401,
+}
+
+const unAuthFunc = () => {
+  message.error('暂未登录或登录已过期，请重新登录')
+  router.navigate('/login')
+}
+export default (customConfig?: CustomConfig) => {
+  const userStore = useUserStore()
+  const token = userStore.token
+
+  const instance = axios.create({
+    baseURL: import.meta.env.PUBLIC_API_AFFIX,
+  })
+
+  instance.interceptors.request.use(
+    (config) => {
+      config.headers.set('X-Access-Token', token)
+      config.headers.set('Allow-Control-Allow-Origin', '*')
+      return config
+    },
+    (error) => {
+      message.error('请求错误')
+      return Promise.reject(error)
+    },
+  )
+
+  interface ResponseData<T = any> {
+    code: number
+    message: string
+    requestId: string
+    responseTime: number
+    result: T
+  }
+
+  instance.interceptors.response.use(
+    (response: AxiosResponse<ResponseData>) => {
+      const { status, data } = response
+      if (status === 200) {
+        if (customConfig?.isTransformResponse === false) return data
+        const { code, message: msg } = data
+        if (code === CodeEnum.SUCCESS) {
+          if (customConfig?.isShowSuccessMsg) {
+            message.success(msg)
+          }
+          return data.result
+        }
+        message.error(msg)
+        return Promise.reject(data)
+      }
+      if (status === CodeEnum.UNAUTHORIZED) {
+        unAuthFunc()
+      } else return Promise.reject(data.message)
+    },
+    (error) => {
+      const response = error.response
+      const { status, data } = response
+      if (status === CodeEnum.UNAUTHORIZED) {
+        unAuthFunc()
+      } else {
+        message.error(data?.message || '系统异常')
+        return Promise.reject(error)
+      }
+    },
+  )
+
+  return instance
+}