create-bubbles 0.0.8 → 0.0.12

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/.prettierrc

@@ -4,6 +4,7 @@
   "trailingComma": "all",
   "printWidth": 100,
   "proseWrap": "never",
+  "semi": false,
   "importOrder": ["^(vue|vue-router)$", "^([a-z]|@[a-z])", "", ".*"],
   "plugins": ["@ianvs/prettier-plugin-sort-imports"],
   "overrides": [

package/template-vue-rsbuild/.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "biomejs.biome",
+  "[vue]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}

package/template-vue-rsbuild/biome.json

@@ -1,112 +1,102 @@
-{
-  "files": {
-    "ignoreUnknown": true,
-    "ignore": [
-      ".dumi/tmp*",
-      ".dumi/scripts/clarity.js",
-      "dist/*",
-      "es/**/*",
-      "lib/**/*",
-      "_site/**/*",
-      "node_modules",
-      "server",
-      "scripts/previewEditor/**/*",
-      "package.json"
-    ]
-  },
-  "formatter": {
-    "enabled": true,
-    "indentStyle": "space",
-    "lineWidth": 100,
-    "indentWidth": 2
-  },
-  "javascript": {
-    "formatter": {
-      "quoteStyle": "single"
-    }
-  },
-  "organizeImports": {
-    "enabled": false
-  },
-  "linter": {
-    "rules": {
-      "style": {
-        "useImportType": "off",
-        "useNumberNamespace": "off",
-        "useNodejsImportProtocol": "off",
-        "noNonNullAssertion": "off",
-        "noUnusedTemplateLiteral": "off"
-      },
-      "complexity": {
-        "noUselessTypeConstraint": "off",
-        "noForEach": "off"
-      },
-      "correctness": {
-        "useExhaustiveDependencies": "off"
-      },
-      "suspicious": {
-        "noGlobalIsNan": "off",
-        "noGlobalIsFinite": "off",
-        "noExplicitAny": "off",
-        "noArrayIndexKey": "off",
-        "noConfusingVoidType": "off",
-        "noThenProperty": "off"
-      },
-      "performance": {
-        "noDelete": "off",
-        "noAccumulatingSpread": "off"
-      },
-      "a11y": {
-        "noAriaHiddenOnFocusable": "off",
-        "noLabelWithoutControl": "off",
-        "useFocusableInteractive": "off",
-        "useKeyWithClickEvents": "off",
-        "useSemanticElements": "off"
-      }
-    }
-  },
-  "css": {
-    "formatter": {
-      "quoteStyle": "single"
-    }
-  },
-  "overrides": [
-    {
-      "include": ["**/*.test.ts", "**/*.test.tsx", "tests/**/*", "scripts/**/*", ".dumi/**/*"],
-      "linter": {
-        "rules": {
-          "style": {
-            "noParameterAssign": "off"
-          },
-          "suspicious": {
-            "noThenProperty": "off",
-            "noImplicitAnyLet": "off"
-          },
-          "complexity": {
-            "noUselessFragments": "off"
-          },
-          "a11y": {
-            "useValidAnchor": "off",
-            "useAnchorContent": "off",
-            "useKeyWithClickEvents": "off"
-          }
-        }
-      }
-    },
-    {
-      "include": ["components/*/demo/*"],
-      "linter": {
-        "rules": {
-          "correctness": {
-            "noVoidTypeReturn": "off"
-          },
-          "a11y": {
-            "useValidAnchor": "off",
-            "useAnchorContent": "off",
-            "useKeyWithClickEvents": "off"
-          }
-        }
-      }
-    }
-  ]
-}
+{
+  "files": {
+    "ignoreUnknown": true,
+    "ignore": ["dist/*", "node_modules", "package.json"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "lineWidth": 100,
+    "indentWidth": 2
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "asNeeded"
+    }
+  },
+  "organizeImports": {
+    "enabled": false
+  },
+  "linter": {
+    "rules": {
+      "style": {
+        "useImportType": "off",
+        "useNumberNamespace": "off",
+        "useNodejsImportProtocol": "off",
+        "noNonNullAssertion": "off",
+        "noUnusedTemplateLiteral": "off"
+      },
+      "complexity": {
+        "noUselessTypeConstraint": "off",
+        "noForEach": "off"
+      },
+      "correctness": {
+        "useExhaustiveDependencies": "off"
+      },
+      "suspicious": {
+        "noGlobalIsNan": "off",
+        "noGlobalIsFinite": "off",
+        "noExplicitAny": "off",
+        "noArrayIndexKey": "off",
+        "noConfusingVoidType": "off",
+        "noThenProperty": "off"
+      },
+      "performance": {
+        "noDelete": "off",
+        "noAccumulatingSpread": "off"
+      },
+      "a11y": {
+        "noAriaHiddenOnFocusable": "off",
+        "noLabelWithoutControl": "off",
+        "useFocusableInteractive": "off",
+        "useKeyWithClickEvents": "off",
+        "useSemanticElements": "off"
+      }
+    }
+  },
+  "css": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  },
+  "overrides": [
+    {
+      "include": ["**/*.test.ts", "**/*.test.tsx", "tests/**/*", "scripts/**/*", ".dumi/**/*"],
+      "linter": {
+        "rules": {
+          "style": {
+            "noParameterAssign": "off"
+          },
+          "suspicious": {
+            "noThenProperty": "off",
+            "noImplicitAnyLet": "off"
+          },
+          "complexity": {
+            "noUselessFragments": "off"
+          },
+          "a11y": {
+            "useValidAnchor": "off",
+            "useAnchorContent": "off",
+            "useKeyWithClickEvents": "off"
+          }
+        }
+      }
+    },
+    {
+      "include": ["components/*/demo/*"],
+      "linter": {
+        "rules": {
+          "correctness": {
+            "noVoidTypeReturn": "off"
+          },
+          "a11y": {
+            "useValidAnchor": "off",
+            "useAnchorContent": "off",
+            "useKeyWithClickEvents": "off"
+          }
+        }
+      }
+    }
+  ]
+}

package/template-vue-rsbuild/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: npx @biomejs/biome check --write --no-errors-on-unmatched --files-ignore-unknown=true --colors=off {staged_files}
+      stage_fixed: true
+
+commit-msg:
+  commands:
+    'lint commit message':
+      run: npx commitlint --edit {1}