mirror of
https://gitee.com/pnoker/iot-dc3.git
synced 2026-11-02 11:11:57 +08:00
pnoker
0be2d69ffa
Replaces the "store an i18n key in menu_ext.content.title and resolve it via frontend locales" design with per-locale titles maintained by the admin in the menu CRUD form. The menu store type gains a titles: Record<string,string> field, and MenuEditForm now asks for Chinese / English display names directly instead of an nav.* key. A new resolveMenuTitle(node) helper in utils/MenuUtil.ts gives the rest of the UI a single place to pick the title with the right fallback chain: titles[currentLocale] → titles.en → any populated locale → legacy content.title (via $t for nav.* keys still in the database) → menuName. Any time a menu is rendered — sidebar, breadcrumb, settings left nav — it should go through this helper. Old rows that still carry content.title keep rendering via the legacy-fallback branch until the dc3-docker migration converts them to titles; no hard cutover required.
102 lines
2.9 KiB
TypeScript
102 lines
2.9 KiB
TypeScript
/*
|
|
* Copyright 2016-present the IoT DC3 original author or authors.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { defineStore } from 'pinia';
|
|
|
|
import { getMenuTree } from '@/api/menu';
|
|
|
|
export interface MenuNode {
|
|
id: number | string;
|
|
parentMenuId: number | string;
|
|
menuName: string;
|
|
menuCode: string;
|
|
menuTypeFlag?: string;
|
|
menuLevel?: string;
|
|
menuIndex?: number;
|
|
menuExt?: {
|
|
content?: {
|
|
// Authoritative locale → display-name map. Backed by
|
|
// MenuExt.Content.titles on the server; populated via the menu CRUD
|
|
// form (Chinese Title / English Title inputs).
|
|
titles?: Record<string, string>;
|
|
// Legacy i18n key (e.g. "nav.home") retained for backwards
|
|
// compatibility with rows that pre-date the multilingual-titles
|
|
// migration. New UI should treat this as a final fallback only.
|
|
title?: string;
|
|
icon?: string;
|
|
url?: string;
|
|
remark?: string;
|
|
};
|
|
};
|
|
enableFlag?: string;
|
|
children?: MenuNode[];
|
|
}
|
|
|
|
interface MenuState {
|
|
tree: MenuNode[];
|
|
loaded: boolean;
|
|
loading: boolean;
|
|
}
|
|
|
|
export const useMenuStore = defineStore('menu', {
|
|
state: (): MenuState => ({
|
|
tree: [],
|
|
loaded: false,
|
|
loading: false,
|
|
}),
|
|
getters: {
|
|
/**
|
|
* Locate a menu subtree by menuCode. Used by settings sidebar which only
|
|
* wants the children of the "settings" branch.
|
|
*/
|
|
findByCode:
|
|
(state) =>
|
|
(code: string): MenuNode | undefined => {
|
|
const walk = (nodes: MenuNode[]): MenuNode | undefined => {
|
|
for (const n of nodes) {
|
|
if (n.menuCode === code) return n;
|
|
if (n.children && n.children.length) {
|
|
const hit = walk(n.children);
|
|
if (hit) return hit;
|
|
}
|
|
}
|
|
return undefined;
|
|
};
|
|
return walk(state.tree);
|
|
},
|
|
},
|
|
actions: {
|
|
async fetchTree(force = false) {
|
|
if (this.loaded && !force) return;
|
|
if (this.loading) return;
|
|
this.loading = true;
|
|
try {
|
|
const res: any = await getMenuTree({});
|
|
this.tree = Array.isArray(res?.data) ? res.data : [];
|
|
this.loaded = true;
|
|
} catch {
|
|
// network failures leave tree empty → UI falls back to static Home entry.
|
|
} finally {
|
|
this.loading = false;
|
|
}
|
|
},
|
|
reset() {
|
|
this.tree = [];
|
|
this.loaded = false;
|
|
},
|
|
},
|
|
});
|