tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 💄 代碼統一格式化

Browse Source 
Former-commit-id: 7639f722803b80a3e1391f9652430d8e759e1a64
This commit is contained in:
郝先瑞
2023-04-18 23:16:13 +08:00
parent dcf30a7793
commit 5efbfab47b
7 changed files with 119 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/store/modules/app.ts
View File

@@ -1,29 +1,29 @@
import { defineStore } from 'pinia';
import { useStorage } from '@vueuse/core';
import defaultSettings from '@/settings';
import { defineStore } from "pinia";
import { useStorage } from "@vueuse/core";
import defaultSettings from "@/settings";
// 导入 Element Plus 中英文语言包
import zhCn from 'element-plus/es/locale/lang/zh-cn';
import en from 'element-plus/es/locale/lang/en';
import zhCn from "element-plus/es/locale/lang/zh-cn";
import en from "element-plus/es/locale/lang/en";
// setup
export const useAppStore = defineStore('app', () => {
export const useAppStore = defineStore("app", () => {
// state
const device = useStorage('device', 'desktop');
const size = useStorage<any>('size', defaultSettings.size);
const language = useStorage('language', defaultSettings.language);
const device = useStorage("device", "desktop");
const size = useStorage<any>("size", defaultSettings.size);
const language = useStorage("language", defaultSettings.language);
const sidebarStatus = useStorage('sidebarStatus', 'closed');
const sidebarStatus = useStorage("sidebarStatus", "closed");
const sidebar = reactive({
opened: sidebarStatus.value !== 'closed',
withoutAnimation: false
opened: sidebarStatus.value !== "closed",
withoutAnimation: false,
});
/**
* 根据语言标识读取对应的语言包
*/
const locale = computed(() => {
if (language?.value == 'en') {
if (language?.value == "en") {
return en;
} else {
return zhCn;
@@ -35,22 +35,22 @@ export const useAppStore = defineStore('app', () => {
sidebar.opened = !sidebar.opened;
sidebar.withoutAnimation = withoutAnimation;
if (sidebar.opened) {
sidebarStatus.value = 'opened';
sidebarStatus.value = "opened";
} else {
sidebarStatus.value = 'closed';
sidebarStatus.value = "closed";
}
}
function closeSideBar(withoutAnimation: boolean) {
sidebar.opened = false;
sidebar.withoutAnimation = withoutAnimation;
sidebarStatus.value = 'closed';
sidebarStatus.value = "closed";
}
function openSideBar(withoutAnimation: boolean) {
sidebar.opened = true;
sidebar.withoutAnimation = withoutAnimation;
sidebarStatus.value = 'opened';
sidebarStatus.value = "opened";
}
function toggleDevice(val: string) {
@@ -80,6 +80,6 @@ export const useAppStore = defineStore('app', () => {
changeLanguage,
toggleSidebar,
closeSideBar,
openSideBar
openSideBar,
};
});

26
src/store/modules/permission.ts
View File

@@ -1,11 +1,11 @@
import { RouteRecordRaw } from 'vue-router';
import { defineStore } from 'pinia';
import { constantRoutes } from '@/router';
import { store } from '@/store';
import { listRoutes } from '@/api/menu';
import { RouteRecordRaw } from "vue-router";
import { defineStore } from "pinia";
import { constantRoutes } from "@/router";
import { store } from "@/store";
import { listRoutes } from "@/api/menu";
const modules = import.meta.glob('../../views/**/**.vue');
const Layout = () => import('@/layout/index.vue');
const modules = import.meta.glob("../../views/**/**.vue");
const Layout = () => import("@/layout/index.vue");
/**
* Use meta.role to determine if the current user has permission
@@ -17,10 +17,10 @@ const Layout = () => import('@/layout/index.vue');
const hasPermission = (roles: string[], route: RouteRecordRaw) => {
if (route.meta && route.meta.roles) {
// 角色【超级管理员】拥有所有权限，忽略校验
if (roles.includes('ROOT')) {
if (roles.includes("ROOT")) {
return true;
}
return roles.some(role => {
return roles.some((role) => {
if (route.meta?.roles !== undefined) {
return (route.meta.roles as string[]).includes(role);
}
@@ -39,12 +39,12 @@ const hasPermission = (roles: string[], route: RouteRecordRaw) => {
const filterAsyncRoutes = (routes: RouteRecordRaw[], roles: string[]) => {
const asyncRoutes: RouteRecordRaw[] = [];
routes.forEach(route => {
routes.forEach((route) => {
const tmpRoute = { ...route }; // ES6扩展运算符复制新对象
// 判断用户(角色)是否有该路由的访问权限
if (hasPermission(roles, tmpRoute)) {
if (tmpRoute.component?.toString() == 'Layout') {
if (tmpRoute.component?.toString() == "Layout") {
tmpRoute.component = Layout;
console.log();
} else {
@@ -68,7 +68,7 @@ const filterAsyncRoutes = (routes: RouteRecordRaw[], roles: string[]) => {
};
// setup
export const usePermissionStore = defineStore('permission', () => {
export const usePermissionStore = defineStore("permission", () => {
// state
const routes = ref<RouteRecordRaw[]>([]);
@@ -92,7 +92,7 @@ export const usePermissionStore = defineStore('permission', () => {
setRoutes(accessedRoutes);
resolve(accessedRoutes);
})
.catch(error => {
.catch((error) => {
reject(error);
});
});

24
src/store/modules/settings.ts
View File

@@ -1,34 +1,34 @@
import { defineStore } from 'pinia';
import defaultSettings from '@/settings';
import { useStorage } from '@vueuse/core';
import { defineStore } from "pinia";
import defaultSettings from "@/settings";
import { useStorage } from "@vueuse/core";
export const useSettingsStore = defineStore('setting', () => {
export const useSettingsStore = defineStore("setting", () => {
// state
const tagsView = useStorage<boolean>('tagsView', defaultSettings.tagsView);
const tagsView = useStorage<boolean>("tagsView", defaultSettings.tagsView);
const showSettings = ref<boolean>(defaultSettings.showSettings);
const fixedHeader = ref<boolean>(defaultSettings.fixedHeader);
const sidebarLogo = ref<boolean>(defaultSettings.sidebarLogo);
const layout = useStorage<string>('layout', defaultSettings.layout);
const layout = useStorage<string>("layout", defaultSettings.layout);
// actions
function changeSetting(param: { key: string; value: any }) {
const { key, value } = param;
switch (key) {
case 'showSettings':
case "showSettings":
showSettings.value = value;
break;
case 'fixedHeader':
case "fixedHeader":
fixedHeader.value = value;
break;
case 'tagsView':
case "tagsView":
tagsView.value = value;
break;
case 'sidevarLogo':
case "sidevarLogo":
sidebarLogo.value = value;
break;
case 'layout':
case "layout":
layout.value = value;
break;
default:
@@ -42,6 +42,6 @@ export const useSettingsStore = defineStore('setting', () => {
fixedHeader,
sidebarLogo,
layout,
changeSetting
changeSetting,
};
});

62
src/store/modules/tagsView.ts
View File

@@ -1,30 +1,30 @@
import { defineStore } from 'pinia';
import { ref } from 'vue';
import { RouteLocationNormalized } from 'vue-router';
import { defineStore } from "pinia";
import { ref } from "vue";
import { RouteLocationNormalized } from "vue-router";
export interface TagView extends Partial<RouteLocationNormalized> {
title?: string;
}
// setup
export const useTagsViewStore = defineStore('tagsView', () => {
export const useTagsViewStore = defineStore("tagsView", () => {
// state
const visitedViews = ref<TagView[]>([]);
const cachedViews = ref<string[]>([]);
// actions
function addVisitedView(view: TagView) {
if (visitedViews.value.some(v => v.path === view.path)) return;
if (visitedViews.value.some((v) => v.path === view.path)) return;
if (view.meta && view.meta.affix) {
visitedViews.value.unshift(
Object.assign({}, view, {
title: view.meta?.title || 'no-name'
title: view.meta?.title || "no-name",
})
);
} else {
visitedViews.value.push(
Object.assign({}, view, {
title: view.meta?.title || 'no-name'
title: view.meta?.title || "no-name",
})
);
}
@@ -39,7 +39,7 @@ export const useTagsViewStore = defineStore('tagsView', () => {
}
function delVisitedView(view: TagView) {
return new Promise(resolve => {
return new Promise((resolve) => {
for (const [i, v] of visitedViews.value.entries()) {
if (v.path === view.path) {
visitedViews.value.splice(i, 1);
@@ -52,7 +52,7 @@ export const useTagsViewStore = defineStore('tagsView', () => {
function delCachedView(view: TagView) {
const viewName = view.name as string;
return new Promise(resolve => {
return new Promise((resolve) => {
const index = cachedViews.value.indexOf(viewName);
index > -1 && cachedViews.value.splice(index, 1);
resolve([...cachedViews.value]);
@@ -60,8 +60,8 @@ export const useTagsViewStore = defineStore('tagsView', () => {
}
function delOtherVisitedViews(view: TagView) {
return new Promise(resolve => {
visitedViews.value = visitedViews.value.filter(v => {
return new Promise((resolve) => {
visitedViews.value = visitedViews.value.filter((v) => {
return v.meta?.affix || v.path === view.path;
});
resolve([...visitedViews.value]);
@@ -70,7 +70,7 @@ export const useTagsViewStore = defineStore('tagsView', () => {
function delOtherCachedViews(view: TagView) {
const viewName = view.name as string;
return new Promise(resolve => {
return new Promise((resolve) => {
const index = cachedViews.value.indexOf(viewName);
if (index > -1) {
cachedViews.value = cachedViews.value.slice(index, index + 1);
@@ -97,30 +97,32 @@ export const useTagsViewStore = defineStore('tagsView', () => {
}
function delView(view: TagView) {
return new Promise(resolve => {
return new Promise((resolve) => {
delVisitedView(view);
delCachedView(view);
resolve({
visitedViews: [...visitedViews.value],
cachedViews: [...cachedViews.value]
cachedViews: [...cachedViews.value],
});
});
}
function delOtherViews(view: TagView) {
return new Promise(resolve => {
return new Promise((resolve) => {
delOtherVisitedViews(view);
delOtherCachedViews(view);
resolve({
visitedViews: [...visitedViews.value],
cachedViews: [...cachedViews.value]
cachedViews: [...cachedViews.value],
});
});
}
function delLeftViews(view: TagView) {
return new Promise(resolve => {
const currIndex = visitedViews.value.findIndex(v => v.path === view.path);
return new Promise((resolve) => {
const currIndex = visitedViews.value.findIndex(
(v) => v.path === view.path
);
if (currIndex === -1) {
return;
}
@@ -137,13 +139,15 @@ export const useTagsViewStore = defineStore('tagsView', () => {
return false;
});
resolve({
visitedViews: [...visitedViews.value]
visitedViews: [...visitedViews.value],
});
});
}
function delRightViews(view: TagView) {
return new Promise(resolve => {
const currIndex = visitedViews.value.findIndex(v => v.path === view.path);
return new Promise((resolve) => {
const currIndex = visitedViews.value.findIndex(
(v) => v.path === view.path
);
if (currIndex === -1) {
return;
}
@@ -160,33 +164,33 @@ export const useTagsViewStore = defineStore('tagsView', () => {
return false;
});
resolve({
visitedViews: [...visitedViews.value]
visitedViews: [...visitedViews.value],
});
});
}
function delAllViews() {
return new Promise(resolve => {
const affixTags = visitedViews.value.filter(tag => tag.meta?.affix);
return new Promise((resolve) => {
const affixTags = visitedViews.value.filter((tag) => tag.meta?.affix);
visitedViews.value = affixTags;
cachedViews.value = [];
resolve({
visitedViews: [...visitedViews.value],
cachedViews: [...cachedViews.value]
cachedViews: [...cachedViews.value],
});
});
}
function delAllVisitedViews() {
return new Promise(resolve => {
const affixTags = visitedViews.value.filter(tag => tag.meta?.affix);
return new Promise((resolve) => {
const affixTags = visitedViews.value.filter((tag) => tag.meta?.affix);
visitedViews.value = affixTags;
resolve([...visitedViews.value]);
});
}
function delAllCachedViews() {
return new Promise(resolve => {
return new Promise((resolve) => {
cachedViews.value = [];
resolve([...cachedViews.value]);
});
@@ -209,6 +213,6 @@ export const useTagsViewStore = defineStore('tagsView', () => {
delRightViews,
delAllViews,
delAllVisitedViews,
delAllCachedViews
delAllCachedViews,
};
});