mirror of
https://gitee.com/yiming_chang/vue-pure-admin.git
synced 2024-12-02 03:07:37 +08:00
fix: update name
This commit is contained in:
parent
aca6a667f3
commit
8c31ca1bad
@ -3,7 +3,7 @@
|
||||
"Title": "PureAdmin",
|
||||
"FixedHeader": true,
|
||||
"HiddenSideBar": false,
|
||||
"MultiTabsCache": false,
|
||||
"MultiTagsCache": false,
|
||||
"KeepAlive": true,
|
||||
"Locale": "zh",
|
||||
"Layout": "vertical",
|
||||
|
@ -41,7 +41,7 @@ import { handleAliveRoute, delAliveRoutes } from "/@/router";
|
||||
import { useSettingStoreHook } from "/@/store/modules/settings";
|
||||
import { usePermissionStoreHook } from "/@/store/modules/permission";
|
||||
import { toggleClass, removeClass, hasClass } from "/@/utils/operate";
|
||||
import { RouteConfigs, relativeStorageType, tagsViewsType } from "../../types";
|
||||
import { RouteConfigs, multiTagsType, tagsViewsType } from "../../types";
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
@ -49,7 +49,7 @@ const translateX = ref<number>(0);
|
||||
const activeIndex = ref<number>(-1);
|
||||
let refreshButton = "refresh-button";
|
||||
const instance = getCurrentInstance();
|
||||
let relativeStorage: relativeStorageType;
|
||||
let multiTags: multiTagsType;
|
||||
const pureSetting = useSettingStoreHook();
|
||||
const showTags = ref(storageLocal.getItem("tagsVal") || false);
|
||||
const tabDom = templateRef<HTMLElement | null>("tabDom", null);
|
||||
@ -183,7 +183,7 @@ const tagsViews = ref<Array<tagsViewsType>>([
|
||||
}
|
||||
]);
|
||||
const dynamicTagList: ComputedRef<Array<RouteConfigs>> = computed(() => {
|
||||
return relativeStorage.routesInStorage;
|
||||
return multiTags.routesInStorage;
|
||||
});
|
||||
|
||||
// 显示模式,默认灵动模式显示
|
||||
@ -200,7 +200,7 @@ let buttonTop = ref(0);
|
||||
let currentSelect = ref({});
|
||||
|
||||
function dynamicRouteTag(value: string, parentPath: string): void {
|
||||
const hasValue = relativeStorage.routesInStorage.some((item: any) => {
|
||||
const hasValue = multiTags.routesInStorage.some((item: any) => {
|
||||
return item.path === value;
|
||||
});
|
||||
|
||||
@ -215,7 +215,7 @@ function dynamicRouteTag(value: string, parentPath: string): void {
|
||||
meta: arrItem.meta,
|
||||
name: arrItem.name
|
||||
});
|
||||
relativeStorage.routesInStorage = routerArrays;
|
||||
multiTags.routesInStorage = routerArrays;
|
||||
} else {
|
||||
if (arrItem.children && arrItem.children.length > 0) {
|
||||
concatPath(arrItem.children, value, parentPath);
|
||||
@ -248,7 +248,7 @@ function deleteDynamicTag(obj: any, current: any, tag?: string) {
|
||||
|
||||
const spliceRoute = (start?: number, end?: number, other?: boolean): void => {
|
||||
if (other) {
|
||||
relativeStorage.routesInStorage = [
|
||||
multiTags.routesInStorage = [
|
||||
{
|
||||
path: "/welcome",
|
||||
parentPath: "/",
|
||||
@ -261,10 +261,10 @@ function deleteDynamicTag(obj: any, current: any, tag?: string) {
|
||||
},
|
||||
obj
|
||||
];
|
||||
routerArrays = relativeStorage.routesInStorage;
|
||||
routerArrays = multiTags.routesInStorage;
|
||||
} else {
|
||||
delAliveRouteList = routerArrays.splice(start, end);
|
||||
relativeStorage.routesInStorage = routerArrays;
|
||||
multiTags.routesInStorage = routerArrays;
|
||||
}
|
||||
};
|
||||
|
||||
@ -366,7 +366,7 @@ function onClickDrop(key, item, selectRoute?: RouteConfigs) {
|
||||
case 5:
|
||||
// 关闭全部标签页
|
||||
routerArrays.splice(1, routerArrays.length);
|
||||
relativeStorage.routesInStorage = routerArrays;
|
||||
multiTags.routesInStorage = routerArrays;
|
||||
usePermissionStoreHook().clearAllCachePage();
|
||||
router.push("/welcome");
|
||||
|
||||
@ -400,8 +400,8 @@ function disabledMenus(value: boolean) {
|
||||
|
||||
// 检查当前右键的菜单两边是否存在别的菜单,如果左侧的菜单是首页,则不显示关闭左侧标签页,如果右侧没有菜单,则不显示关闭右侧标签页
|
||||
function showMenuModel(currentPath: string, refresh = false) {
|
||||
let allRoute = unref(relativeStorage.routesInStorage);
|
||||
let routeLength = unref(relativeStorage.routesInStorage).length;
|
||||
let allRoute = unref(multiTags.routesInStorage);
|
||||
let routeLength = unref(multiTags.routesInStorage).length;
|
||||
// currentIndex为1时,左侧的菜单是首页,则不显示关闭左侧标签页
|
||||
let currentIndex = allRoute.findIndex(v => v.path === currentPath);
|
||||
// 如果currentIndex等于routeLength-1,右侧没有菜单,则不显示关闭右侧标签页
|
||||
@ -452,7 +452,7 @@ function openMenu(tag, e) {
|
||||
showMenuModel(tag.path);
|
||||
} else if (
|
||||
// eslint-disable-next-line no-dupe-else-if
|
||||
relativeStorage.routesInStorage.length === 2 &&
|
||||
multiTags.routesInStorage.length === 2 &&
|
||||
route.path !== tag.path
|
||||
) {
|
||||
showMenus(true);
|
||||
@ -531,8 +531,8 @@ watch(
|
||||
|
||||
onBeforeMount(() => {
|
||||
if (!instance) return;
|
||||
relativeStorage = instance.appContext.app.config.globalProperties.$storage;
|
||||
routerArrays = relativeStorage.routesInStorage ?? routerArrays;
|
||||
multiTags = instance.appContext.app.config.globalProperties.$storage;
|
||||
routerArrays = multiTags.routesInStorage ?? routerArrays;
|
||||
|
||||
// 根据当前路由初始化操作标签页的禁用状态
|
||||
showMenuModel(route.fullPath);
|
||||
|
@ -24,7 +24,7 @@ export type RouteConfigs = {
|
||||
name?: string;
|
||||
};
|
||||
|
||||
export type relativeStorageType = {
|
||||
export type multiTagsType = {
|
||||
routesInStorage: Array<RouteConfigs>;
|
||||
};
|
||||
|
||||
|
@ -1,20 +0,0 @@
|
||||
import { defineStore } from "pinia";
|
||||
import { store } from "/@/store";
|
||||
import { getConfig } from "/@/config";
|
||||
|
||||
export const useMultiTabsStore = defineStore({
|
||||
id: "pure-multiTabs",
|
||||
state: () => ({
|
||||
multiTabsCache: getConfig().MultiTabsCache
|
||||
}),
|
||||
getters: {
|
||||
getMultiTabsCache() {
|
||||
return this.multiTabsCache;
|
||||
}
|
||||
},
|
||||
actions: {}
|
||||
});
|
||||
|
||||
export function useMultiTabsStoreHook() {
|
||||
return useMultiTabsStore(store);
|
||||
}
|
21
src/store/modules/multiTags.ts
Normal file
21
src/store/modules/multiTags.ts
Normal file
@ -0,0 +1,21 @@
|
||||
import { defineStore } from "pinia";
|
||||
import { store } from "/@/store";
|
||||
import { getConfig } from "/@/config";
|
||||
// import { multiTagsType } from "/@/layout/types";
|
||||
|
||||
export const useMultiTagsStore = defineStore({
|
||||
id: "pure-multiTags",
|
||||
state: () => ({
|
||||
multiTagsCache: getConfig().MultiTagsCache
|
||||
}),
|
||||
getters: {
|
||||
getMultiTagsCache() {
|
||||
return this.multiTagsCache;
|
||||
}
|
||||
},
|
||||
actions: {}
|
||||
});
|
||||
|
||||
export function useMultiTagsStoreHook() {
|
||||
return useMultiTagsStore(store);
|
||||
}
|
2
types/global.d.ts
vendored
2
types/global.d.ts
vendored
@ -87,7 +87,7 @@ declare global {
|
||||
Title?: string;
|
||||
FixedHeader?: boolean;
|
||||
HiddenSideBar?: boolean;
|
||||
MultiTabsCache?: boolean;
|
||||
MultiTagsCache?: boolean;
|
||||
KeepAlive?: boolean;
|
||||
Locale?: string;
|
||||
Layout?: string;
|
||||
|
Loading…
Reference in New Issue
Block a user