From fbe68ba683c7f417af03ac47a94911807ef6203b Mon Sep 17 00:00:00 2001 From: kailong321200875 <321200875@qq.com> Date: Sat, 7 Oct 2023 15:07:37 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8DBUG?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/config/axios/config.ts | 10 -------- src/config/axios/service.ts | 11 ++++++--- src/hooks/web/useIntro.ts | 47 ------------------------------------- src/utils/propTypes.ts | 21 +++++++---------- 4 files changed, 16 insertions(+), 73 deletions(-) delete mode 100644 src/hooks/web/useIntro.ts diff --git a/src/config/axios/config.ts b/src/config/axios/config.ts index 7a675f3..d51c9da 100644 --- a/src/config/axios/config.ts +++ b/src/config/axios/config.ts @@ -2,7 +2,6 @@ import { AxiosConfig, AxiosResponse, AxiosRequestHeaders, - AxiosError, InternalAxiosRequestConfig } from './types' import { ElMessage } from 'element-plus' @@ -76,10 +75,6 @@ const defaultRequestInterceptors = (config: InternalAxiosRequestConfig) => { } return config } -;(error: AxiosError) => { - console.log(error) - Promise.reject(error) -} const defaultResponseInterceptors = (response: AxiosResponse) => { if (response?.config?.responseType === 'blob') { @@ -91,11 +86,6 @@ const defaultResponseInterceptors = (response: AxiosResponse) => { ElMessage.error(response.data.message) } } -;(error: AxiosError) => { - console.log('err' + error) // for debug - ElMessage.error(error.message) - return Promise.reject(error) -} export { defaultResponseInterceptors, defaultRequestInterceptors } export default config diff --git a/src/config/axios/service.ts b/src/config/axios/service.ts index 56bac12..dd66ddd 100644 --- a/src/config/axios/service.ts +++ b/src/config/axios/service.ts @@ -1,7 +1,8 @@ -import axios from 'axios' +import axios, { AxiosError } from 'axios' import config, { defaultRequestInterceptors, defaultResponseInterceptors } from './config' import { AxiosInstance, InternalAxiosRequestConfig, RequestConfig, AxiosResponse } from './types' +import { ElMessage } from 'element-plus' const { interceptors, baseUrl } = config export const PATH_URL = baseUrl[import.meta.env.VITE_API_BASE_PATH] @@ -27,9 +28,13 @@ axiosInstance.interceptors.response.use( (res: AxiosResponse) => { const url = res.config.url || '' abortControllerMap.delete(url) - return res.data + return res }, - (err: any) => err + (error: AxiosError) => { + console.log('err: ' + error) // for debug + ElMessage.error(error.message) + return Promise.reject(error) + } ) axiosInstance.interceptors.request.use(requestInterceptors || defaultRequestInterceptors) diff --git a/src/hooks/web/useIntro.ts b/src/hooks/web/useIntro.ts deleted file mode 100644 index 85604df..0000000 --- a/src/hooks/web/useIntro.ts +++ /dev/null @@ -1,47 +0,0 @@ -import introJs from 'intro.js' -import { IntroJs, Step, Options } from 'intro.js' -import 'intro.js/introjs.css' -import { useI18n } from '@/hooks/web/useI18n' -import { useDesign } from '@/hooks/web/useDesign' - -export const useIntro = (setps?: Step[], options?: Options) => { - const { t } = useI18n() - - const { variables } = useDesign() - - const defaultSetps: Step[] = setps || [ - { - element: `#${variables.namespace}-menu`, - title: t('common.menu'), - intro: t('common.menuDes'), - position: 'right' - }, - { - element: `#${variables.namespace}-tool-header`, - title: t('common.tool'), - intro: t('common.toolDes'), - position: 'left' - }, - { - element: `#${variables.namespace}-tags-view`, - title: t('common.tagsView'), - intro: t('common.tagsViewDes'), - position: 'bottom' - } - ] - - const defaultOptions: Options = options || { - prevLabel: t('common.prevLabel'), - nextLabel: t('common.nextLabel'), - skipLabel: t('common.skipLabel'), - doneLabel: t('common.doneLabel') - } - - const introRef: IntroJs = introJs() - - introRef.addSteps(defaultSetps).setOptions(defaultOptions) - - return { - introRef - } -} diff --git a/src/utils/propTypes.ts b/src/utils/propTypes.ts index 5d685f3..863f55c 100644 --- a/src/utils/propTypes.ts +++ b/src/utils/propTypes.ts @@ -1,12 +1,10 @@ -import { createTypes, VueTypesInterface, VueTypeValidableDef } from 'vue-types' +import { VueTypeValidableDef, VueTypesInterface, createTypes, toValidableType } from 'vue-types' import { CSSProperties } from 'vue' -// 自定义扩展vue-types type PropTypes = VueTypesInterface & { readonly style: VueTypeValidableDef } - -const propTypes = createTypes({ +const newPropTypes = createTypes({ func: undefined, bool: undefined, string: undefined, @@ -15,15 +13,12 @@ const propTypes = createTypes({ integer: undefined }) as PropTypes -// 需要自定义扩展的类型 -// see: https://dwightjack.github.io/vue-types/advanced/extending-vue-types.html#the-extend-method -propTypes.extend([ - { - name: 'style', - getter: true, - type: [String, Object], - default: undefined +class propTypes extends newPropTypes { + static get style() { + return toValidableType('style', { + type: [String, Object] + }) } -]) +} export { propTypes }