refactor(projects): 代码优化

ISSUES CLOSED: \
This commit is contained in:
Soybean 2022-05-19 00:15:37 +08:00
parent 028096e53f
commit 095c432363
9 changed files with 12 additions and 37 deletions

View File

@ -15,9 +15,8 @@ export function getThemeSettings() {
type ColorType = 'primary' | 'info' | 'success' | 'warning' | 'error'; type ColorType = 'primary' | 'info' | 'success' | 'warning' | 'error';
type ColorScene = '' | 'Suppl' | 'Hover' | 'Pressed' | 'Active'; type ColorScene = '' | 'Suppl' | 'Hover' | 'Pressed' | 'Active';
type ColorKey = `${ColorType}Color${ColorScene}`; type ColorKey = `${ColorType}Color${ColorScene}`;
type ThemeColor = { type ThemeColor = Partial<Record<ColorKey, string>>;
[key in ColorKey]?: string;
};
interface ColorAction { interface ColorAction {
scene: ColorScene; scene: ColorScene;
handler: (color: string) => string; handler: (color: string) => string;

View File

@ -1,16 +0,0 @@
/* eslint-disable no-console */
/** 打印log */
export function consoleLog(message?: any, ...optionalParams: any[]) {
console.log(message, ...optionalParams);
}
/** 打印警告 */
export function consoleWarn(message?: any, ...optionalParams: any[]) {
console.warn(message, ...optionalParams);
}
/** 打印错误 */
export function consoleError(message?: any, ...optionalParams: any[]) {
console.error(message, ...optionalParams);
}

View File

@ -1,5 +1,4 @@
export * from './typeof'; export * from './typeof';
export * from './console';
export * from './color'; export * from './color';
export * from './number'; export * from './number';
export * from './object'; export * from './object';

View File

@ -2,7 +2,6 @@ import type { Component } from 'vue';
import { EnumLayoutComponentName } from '@/enum'; import { EnumLayoutComponentName } from '@/enum';
import { BasicLayout, BlankLayout } from '@/layouts'; import { BasicLayout, BlankLayout } from '@/layouts';
import { views } from '@/views'; import { views } from '@/views';
import { consoleError } from '../common';
type LayoutComponent = Record<EnumType.LayoutComponentName, () => Promise<Component>>; type LayoutComponent = Record<EnumType.LayoutComponentName, () => Promise<Component>>;
@ -24,7 +23,7 @@ export function getLayoutComponent(layoutType: EnumType.LayoutComponentName) {
*/ */
export function getViewComponent(routeKey: AuthRoute.RouteKey) { export function getViewComponent(routeKey: AuthRoute.RouteKey) {
if (!views[routeKey]) { if (!views[routeKey]) {
consoleError(`路由“${routeKey}”没有对应的组件文件!`); window.console.error(`路由“${routeKey}”没有对应的组件文件!`);
} }
return () => setViewComponentName(views[routeKey], routeKey) as Promise<Component>; return () => setViewComponentName(views[routeKey], routeKey) as Promise<Component>;
} }

View File

@ -1,5 +1,4 @@
import type { RouteRecordRaw } from 'vue-router'; import type { RouteRecordRaw } from 'vue-router';
import { consoleError } from '../common';
import { getLayoutComponent, getViewComponent } from './component'; import { getLayoutComponent, getViewComponent } from './component';
/** /**
@ -113,7 +112,7 @@ function transformAuthRouteToVueRoute(item: AuthRoute.Route) {
Object.assign(itemRoute, { meta: { ...itemRoute.meta, multi: true } }); Object.assign(itemRoute, { meta: { ...itemRoute.meta, multi: true } });
delete itemRoute.component; delete itemRoute.component;
} else { } else {
consoleError('多级路由缺少子路由: ', item); window.console.error('多级路由缺少子路由: ', item);
} }
}, },
self() { self() {
@ -124,17 +123,17 @@ function transformAuthRouteToVueRoute(item: AuthRoute.Route) {
if (item.component) { if (item.component) {
action[item.component](); action[item.component]();
} else { } else {
consoleError('路由组件解析失败: ', item); window.console.error('路由组件解析失败: ', item);
} }
} catch { } catch {
consoleError('路由组件解析失败: ', item); window.console.error('路由组件解析失败: ', item);
} }
} }
// 注意单独路由没有children // 注意单独路由没有children
if (isSingleRoute(item)) { if (isSingleRoute(item)) {
if (hasChildren(item)) { if (hasChildren(item)) {
consoleError('单独路由不应该有子路由: ', item); window.console.error('单独路由不应该有子路由: ', item);
} }
// 捕获无效路由的需特殊处理 // 捕获无效路由的需特殊处理
@ -169,7 +168,7 @@ function transformAuthRouteToVueRoute(item: AuthRoute.Route) {
// 找出第一个不为多级路由中间级的子路由路径作为重定向路径 // 找出第一个不为多级路由中间级的子路由路径作为重定向路径
const redirectPath: AuthRoute.RoutePath = (children.find(v => !v.meta?.multi)?.path || '/') as AuthRoute.RoutePath; const redirectPath: AuthRoute.RoutePath = (children.find(v => !v.meta?.multi)?.path || '/') as AuthRoute.RoutePath;
if (redirectPath === '/') { if (redirectPath === '/') {
consoleError('该多级路由没有有效的子路径', item); window.console.error('该多级路由没有有效的子路径', item);
} }
if (item.component === 'multi') { if (item.component === 'multi') {

View File

@ -1,5 +1,3 @@
import { consoleError } from '../common';
/** /**
* *
* @param routes - * @param routes -
@ -20,7 +18,7 @@ export function handleModuleRoutes(modules: AuthRoute.RouteModule) {
if (item) { if (item) {
routes.push(item); routes.push(item);
} else { } else {
consoleError(`路由模块解析出错: key = ${key}`); window.console.error(`路由模块解析出错: key = ${key}`);
} }
}); });

View File

@ -1,5 +1,4 @@
import { NO_ERROR_MSG_CODE, ERROR_MSG_DURATION } from '@/config'; import { NO_ERROR_MSG_CODE, ERROR_MSG_DURATION } from '@/config';
import { consoleWarn } from '../common';
/** 错误消息栈,防止同一错误同时出现 */ /** 错误消息栈,防止同一错误同时出现 */
const errorMsgStack = new Map<string | number, string>([]); const errorMsgStack = new Map<string | number, string>([]);
@ -23,7 +22,7 @@ export function showErrorMsg(error: Service.RequestError) {
if (!NO_ERROR_MSG_CODE.includes(error.code)) { if (!NO_ERROR_MSG_CODE.includes(error.code)) {
if (!hasErrorMsg(error)) { if (!hasErrorMsg(error)) {
addErrorMsg(error); addErrorMsg(error);
consoleWarn(error.code, error.msg); window.console.warn(error.code, error.msg);
window.$message?.error(error.msg, { duration: ERROR_MSG_DURATION }); window.$message?.error(error.msg, { duration: ERROR_MSG_DURATION });
setTimeout(() => { setTimeout(() => {
removeErrorMsg(error); removeErrorMsg(error);

View File

@ -19,8 +19,7 @@ async function renderBaiduMap() {
center: [114.05834626586915, 22.546789983033168], center: [114.05834626586915, 22.546789983033168],
viewMode: '3D' viewMode: '3D'
}); });
// eslint-disable-next-line no-console window.console.log(map);
console.log('map: ', map);
} }
onMounted(() => { onMounted(() => {

View File

@ -19,8 +19,7 @@ async function renderBaiduMap() {
zoom: 11, zoom: 11,
viewMode: '3D' viewMode: '3D'
}); });
// eslint-disable-next-line no-console window.console.log(map);
console.log('map: ', map);
} }
onMounted(() => { onMounted(() => {