business_tms_program 0.0.0

package/src/utils/request.ts

@@ -0,0 +1,139 @@
+import type { RequestOptions, ResponseObject } from '@/types/chengyiApi';
+import { setObjToUrlParams } from './index';
+import { ContentTypeEnum, ResultEnum, unauthorizedCodes } from '@/utils/httpEnum';
+import { useUserStoreWithOut } from '@/stores/modules/user';
+import { APPID } from '@/config/app';
+import RequestCancelHandler, { AXIOS_CONFIGS } from './requestCancelHandle';
+
+const isDef = (val: any) => val !== undefined && val !== null
+const apiBaseUrl = ''//env.apiBaseUrl;
+// 默认自定义请求参数
+const defaultRequestOptions: RequestOptions = {
+  isTransformResponse: true,
+  loading: true,
+  // post请求的时候添加参数到url
+  joinParamsToUrl: false,
+  withToken: true,
+  showResToast: true,
+  
+  [AXIOS_CONFIGS.autoCancel]: true
+};
+
+function baseRequest(
+  params: UniNamespace.RequestOptions,
+  options: RequestOptions
+) {
+  return new Promise((resolve, reject) => {
+    // 合并默认和传入的参数
+    options = { ...defaultRequestOptions, ...options };
+    const { header = {}, ...restParams } = params;
+    if (options.joinParamsToUrl) {
+      restParams.url = setObjToUrlParams(restParams.url, restParams.data);
+    }
+    // 请求头添加token
+    const store = useUserStoreWithOut();
+    const token = store.getToken;
+
+    if (token && options.withToken !== false) {
+      // jwt token
+      header['Authorization'] = token;
+    }
+    if (options.permActionName) {
+      header["X-Perms"] = APPID + ":" + options.permActionName
+    }
+
+    const requestTask = uni.request({
+      header: {
+        'Content-Type': ContentTypeEnum.JSON,
+        'X-APP-ID': APPID, // 应用ID  用于区分不同应用的接口请求
+        ...header
+      },
+      ...restParams,
+      success: (res) => { 
+        const { isTransformResponse, isReturnNativeResponse, showResToast } = options;
+        // 是否返回原生响应头 比如：需要获取响应头时使用该属性
+        if (isReturnNativeResponse) {
+          resolve(res);
+        }
+        // 用于页面代码可能需要直接获取code，data，message这些信息时开启
+        if (!isTransformResponse) {
+          resolve(res.data);
+        }
+        const response = res.data as ResponseObject;
+
+        // 这里逻辑可以根据项目进行修改
+        const { code, data, msg } = response;
+        const hasSuccess = (code === ResultEnum.SUCCESS || code === ResultEnum.SUCCESS2);
+        if (hasSuccess) {
+          resolve(data);
+        } else if (unauthorizedCodes.includes(code)) {
+          uni.navigateTo({ url: '/pages/user/login' })
+          uni.showToast({
+            title: '登录已过期，请重新登录',
+            icon: 'none'
+          });
+        } else if (code === ResultEnum.ERROR) {
+          uni.showToast({
+            title: msg || '服务异常，请稍联系客服',
+            icon: 'none'
+          });
+          resolve('')
+        } else if (showResToast) {
+          uni.showToast({
+            title: msg || '网络异常，请稍后重试',
+            icon: 'none'
+          });
+          resolve('')
+        } else {
+          resolve('')
+        }
+      },
+      fail: (err) => {
+          uni.showToast({
+            title: '网络异常，请稍后重试',
+            icon: 'none'
+          });
+        reject('');
+      },
+      complete: (res) => {
+        //RequestCancelHandler.getInstance().requestFulfilled({ ...options, ...restParams })
+      }
+    });
+
+    //RequestCancelHandler.getInstance().requestAutoCancelHandle({ ...options, ...restParams }, requestTask)
+  });
+}
+
+const http = {
+  get: <T>(params: UniNamespace.RequestOptions, options: RequestOptions = {}) =>
+    baseRequest({ ...params, method: 'GET' }, options) as Promise<T>,
+
+  post: <T>(params: UniNamespace.RequestOptions, options: RequestOptions = {}) =>
+    baseRequest({ ...params, method: 'POST' }, options) as Promise<T>,
+
+  delete: <T>(params: UniNamespace.RequestOptions, options: RequestOptions = {}) =>
+    baseRequest({ ...params, method: 'DELETE' }, options) as Promise<T>
+};
+
+// 请求拦截器
+uni.addInterceptor('request', {
+  invoke(args: UniNamespace.RequestOptions) {
+    // request 触发前
+    args.url = apiBaseUrl + args.url;
+    // args.header.Authorization = `${encryptByBase64(
+    //   'csf-v:csf-v_secret'
+    // )}`;
+  },
+  success(args: UniNamespace.RequestSuccessCallbackResult) {
+    // 这里做接口权限判断，401为未登录状态
+    // if (args.statusCode === ResultEnum.Unauthorized) {
+    //   router.push('user/login');
+    // }
+  },
+  fail(err: UniNamespace.RequestSuccessCallbackResult) {
+  },
+  complete(err: UniNamespace.RequestSuccessCallbackResult) {
+  }
+});
+
+export default http;

package/src/utils/requestCancelHandle.ts

@@ -0,0 +1,67 @@
+// 导出axios的自定义配置变量
+export const AXIOS_CONFIGS = {
+    autoAlertError: 'autoAlertError', // 默认true。 false不自动提示
+    autoDownload: 'autoDownload', // 默认true。 false在blob类型的请求不自动下载
+    autoCancel: 'autoCancel', // 默认false。 true, 与requestId配合标识的同一个请求再多次异步请求中，后发起的请求会取消掉已经提交的请求
+    requestId: 'requestId',
+    timestampKey: '_timestamp',
+    captcha: 'captcha', // 默认undefined, 若存在此值，表明当前请求需要在header部分配置captcha, captcha用于避免当前接口可直接请求和二次请求
+    rewriteUrl: 'rewriteUrl', // 使用新的url拼接，防止不同参数放在url里导致识别不了一样的请求，例如`api/test/${param}`
+  }
+  
+type requestConfigType = { [x: string]: any; url: any; method: any; }
+  /**
+   * 处理重复请求问题，避免 后请求但响应更快的结果被先请求但响应很久的结果覆盖
+   */
+  export default class RequestCancelHandler {
+    private executors: any;
+    static instance: any;
+    static getInstance() {
+      if (!this.instance) {
+        this.instance = new RequestCancelHandler()
+        this.instance.executors = new Map()
+      }
+      return this.instance
+    }
+    // 拼接 请求的唯一标识
+    getRequestKey(config: requestConfigType) {
+      // url 需要去除 baseURL的前缀，所有queryString的后缀。 用于取消请求后的回调和再次请求时识别请求的唯一性
+      const requestUrl = config[AXIOS_CONFIGS.rewriteUrl] || config.url
+      return `${config.method}.${config[AXIOS_CONFIGS.requestId] || '_blank_requestId_'}.${requestUrl.split('?')[0]}`
+    }
+    // 主动取消请求
+    cancelRequest(config: requestConfigType) {
+      const key = this.getRequestKey(config)
+      // 1. 从缓存中检查是否有未完成的请求，有则取消
+      if (this.executors.has(key)) {
+        this.executors.get(key)?.abort()
+      }
+    }
+    // 请求取消配置
+    requestAutoCancelHandle(config: requestConfigType, requestTask: any) {
+      if (config[AXIOS_CONFIGS.autoCancel]) {
+        const key = this.getRequestKey(config)
+        // 1. 从缓存中检查是否有未完成的请求，有则取消
+        if (this.executors.has(key)) {
+          this.executors.get(key)?.abort()
+        }
+        this.executors.set(key, requestTask)
+      }
+    }
+    // 请求完成
+    requestFulfilled(config: requestConfigType) {
+      if (config[AXIOS_CONFIGS.autoCancel]) {
+        const key = this.getRequestKey(config)
+        if (this.executors.has(key)) {
+          this.executors.delete(key)
+        }
+      }
+    }
+    // requestRejected(error: { isCancel: boolean; }) {
+    //   if (axios.isCancel(error)) {
+    //     // isCancel 配合业务使用， 继续显示loading
+    //     error.isCancel = true
+    //   }
+    // }
+  }
+  

package/stylelint.config.js

@@ -0,0 +1,87 @@
+// @ts-check
+
+/** @type {import("stylelint").Config} */
+export default {
+  extends: [
+    "stylelint-config-standard",
+    "stylelint-config-html/vue",
+    "stylelint-config-recess-order"
+  ],
+  plugins: ["stylelint-scss", "stylelint-order", "stylelint-prettier"],
+  overrides: [
+    {
+      files: ["**/*.(css|html|vue)"],
+      customSyntax: "postcss-html"
+    },
+    {
+      files: ["*.scss", "**/*.scss"],
+      customSyntax: "postcss-scss",
+      extends: [
+        "stylelint-config-standard-scss",
+        "stylelint-config-recommended-vue/scss"
+      ]
+    }
+  ],
+  rules: {
+    "prettier/prettier": true,
+    "selector-class-pattern": null,
+    "no-descending-specificity": null,
+    "scss/dollar-variable-pattern": null,
+    "selector-pseudo-class-no-unknown": [
+      true,
+      {
+        ignorePseudoClasses: ["deep", "global"]
+      }
+    ],
+    "selector-pseudo-element-no-unknown": [
+      true,
+      {
+        ignorePseudoElements: ["v-deep", "v-global", "v-slotted"]
+      }
+    ],
+    "at-rule-no-unknown": [
+      true,
+      {
+        ignoreAtRules: [
+          "tailwind",
+          "apply",
+          "variants",
+          "responsive",
+          "screen",
+          "function",
+          "if",
+          "each",
+          "include",
+          "mixin",
+          "use"
+        ]
+      }
+    ],
+    "rule-empty-line-before": [
+      "always",
+      {
+        ignore: ["after-comment", "first-nested"]
+      }
+    ],
+    "unit-no-unknown": [true, { ignoreUnits: ["rpx"] }],
+    "order/order": [
+      [
+        "dollar-variables",
+        "custom-properties",
+        "at-rules",
+        "declarations",
+        {
+          type: "at-rule",
+          name: "supports"
+        },
+        {
+          type: "at-rule",
+          name: "media"
+        },
+        "rules"
+      ],
+      { severity: "warning" }
+    ]
+  },
+  ignoreFiles: ["**/*.js", "**/*.ts", "**/*.jsx", "**/*.tsx", "report.html"]
+};

package/tsconfig.docs.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["src/hooks/useForm.ts"],
+  "exclude": [
+    "node_modules",
+    "**/*.spec.ts",
+    "src/components",
+    "src/utils",
+    "**/__tests__/**"
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.json",
+  "compilerOptions": {
+    "sourceMap": true,
+    "baseUrl": ".",    
+    "strict": true,
+    "jsx": "preserve",
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "importHelpers": true,
+    "allowSyntheticDefaultImports": true,
+    "useDefineForClassFields": true,
+    "resolveJsonModule": true,
+    "verbatimModuleSyntax": true,
+    "importsNotUsedAsValues": "remove",
+    "preserveValueImports": false,
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "lib": ["esnext", "dom"],
+    "types": ["@dcloudio/types", "vue"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "exclude": [
+    "node_modules",
+    "unpackage",
+    "src/**/*.nvue"
+  ]
+}

package/typedoc.json

@@ -0,0 +1,6 @@
+{
+  "entryPoints": ["src/hooks/useForm.ts"],
+  "out": "docs/markdown",
+  "theme": "default",
+  "excludeExternals": true,
+}

package/vite.config.ts

@@ -0,0 +1,55 @@
+import { defineConfig } from "vite";
+import uni from "@dcloudio/vite-plugin-uni";
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from '@uni-helper/vite-plugin-uni-components'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  	plugins: [
+		uni(),
+		Components({
+			dts: true,
+			dirs: ['src/components'],
+			include: [/\.vue$/, /\.vue\?vue/],
+		}),
+		AutoImport({
+			dts: 'src/auto-imports.d.ts',
+			imports: [
+				'vue',
+				'uni-app',
+				'pinia',
+				{
+					'@/helper/pinia-auto-refs': ['useStore']
+				}
+			],
+			exclude: ['createApp'],
+			eslintrc: {
+				enabled: true
+			}
+		}),
+	],
+	define: {
+		'process.env.VUE_APP_DEV': JSON.stringify('dev'),
+	},
+	build: {
+		minify: 'terser',
+		 sourcemap: false,
+		// terserOptions: {
+		//   compress: {
+		// 	drop_console: false,
+		// 	pure_funcs: ['console.log'], // 移除 console.log
+		//   },
+		// },
+	  },
+	server: {
+    open: true, // 自动打开
+    proxy: {
+      // 本地开发环境通过代理实现跨域，生产环境使用 nginx 转发
+    //   '/tms': {
+    //     target: 'http://192.168.101.23:8184',
+    //     changeOrigin: true,
+    //     rewrite: (path) => path.replace(/^\/tms/, 'tms')
+    //   }
+    }
+  }
+});