refactor(projects): 代码优化
ISSUES CLOSED: \
This commit is contained in:
parent
028096e53f
commit
095c432363
@ -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;
|
||||||
|
@ -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);
|
|
||||||
}
|
|
@ -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';
|
||||||
|
@ -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>;
|
||||||
}
|
}
|
||||||
|
@ -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') {
|
||||||
|
@ -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}`);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -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);
|
||||||
|
@ -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(() => {
|
||||||
|
@ -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(() => {
|
||||||
|
Loading…
Reference in New Issue
Block a user