114 lines
2.9 KiB
TypeScript
114 lines
2.9 KiB
TypeScript
|
import { defineStore } from 'pinia';
|
|||
|
|
import type {
|
|||
|
|
SiteSettings,
|
|||
|
|
FooterSettings,
|
|||
|
|
SocialLink,
|
|||
|
|
SeoDefaults,
|
|||
|
|
NavItem,
|
|||
|
|
NavAppearance,
|
|||
|
|
ProductSeries,
|
|||
|
|
I18nEntry
|
|||
|
|
} from '~/types/site';
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 官网全局站点状态
|
|||
|
|
*
|
|||
|
|
* 在应用启动时一次性拉取全局配置、导航、产品（Mega Menu）与 i18n 词条，
|
|||
|
|
* 供 AppHeader / AppFooter 及各页面共享使用。
|
|||
|
|
*/
|
|||
|
|
export const useSiteStore = defineStore('site', () => {
|
|||
|
|
const { getGlobal, getNav, getI18n, getProducts } = useSiteApi();
|
|||
|
|
const { locale } = useI18n();
|
|||
|
|
|
|||
|
|
// ===== 全局配置 =====
|
|||
|
|
const site = ref<SiteSettings | null>(null);
|
|||
|
|
const footer = ref<FooterSettings | null>(null);
|
|||
|
|
const social = ref<SocialLink[]>([]);
|
|||
|
|
const seo = ref<SeoDefaults | null>(null);
|
|||
|
|
|
|||
|
|
// ===== 导航 =====
|
|||
|
|
const navItems = ref<NavItem[]>([]);
|
|||
|
|
const navAppearance = ref<NavAppearance | null>(null);
|
|||
|
|
|
|||
|
|
// ===== 产品（导航 Mega Menu） =====
|
|||
|
|
const productSeries = ref<ProductSeries[]>([]);
|
|||
|
|
|
|||
|
|
// ===== i18n 词条（dict_key -> entry） =====
|
|||
|
|
const i18nMap = ref<Record<string, I18nEntry>>({});
|
|||
|
|
|
|||
|
|
const loaded = ref(false);
|
|||
|
|
const loading = ref(false);
|
|||
|
|
|
|||
|
|
/** 应用启动时调用，并行拉取全局数据 */
|
|||
|
|
async function init() {
|
|||
|
|
if (loaded.value || loading.value) return;
|
|||
|
|
loading.value = true;
|
|||
|
|
try {
|
|||
|
|
const [globalRes, navRes, i18nRes, productsRes] = await Promise.all([
|
|||
|
|
getGlobal(),
|
|||
|
|
getNav(),
|
|||
|
|
getI18n(),
|
|||
|
|
getProducts()
|
|||
|
|
]);
|
|||
|
|
|
|||
|
|
if (globalRes) {
|
|||
|
|
site.value = globalRes.site;
|
|||
|
|
footer.value = globalRes.footer;
|
|||
|
|
social.value = globalRes.social ?? [];
|
|||
|
|
seo.value = globalRes.seo;
|
|||
|
|
}
|
|||
|
|
if (navRes) {
|
|||
|
|
navItems.value = navRes.items ?? [];
|
|||
|
|
navAppearance.value = navRes.appearance;
|
|||
|
|
}
|
|||
|
|
if (i18nRes) {
|
|||
|
|
const map: Record<string, I18nEntry> = {};
|
|||
|
|
for (const entry of i18nRes.items ?? []) {
|
|||
|
|
map[entry.dict_key] = entry;
|
|||
|
|
}
|
|||
|
|
i18nMap.value = map;
|
|||
|
|
}
|
|||
|
|
if (productsRes) {
|
|||
|
|
productSeries.value = productsRes.series ?? [];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
loaded.value = true;
|
|||
|
|
} finally {
|
|||
|
|
loading.value = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 翻译 CMS 动态词条（www_i18n_entries）
|
|||
|
|
* @param key 词条 key，如 'btn.learn_more'
|
|||
|
|
* @param fallback 词条缺失时的回退文案
|
|||
|
|
*/
|
|||
|
|
function td(key: string, fallback = ''): string {
|
|||
|
|
const entry = i18nMap.value[key];
|
|||
|
|
if (!entry) return fallback || key;
|
|||
|
|
const value = locale.value === 'en' ? entry.value_en : entry.value_zh;
|
|||
|
|
return value || fallback || key;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 根据当前语言取导航入口名称 */
|
|||
|
|
function navLabel(item: NavItem): string {
|
|||
|
|
return locale.value === 'en' ? item.name_en : item.name_zh;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
site,
|
|||
|
|
footer,
|
|||
|
|
social,
|
|||
|
|
seo,
|
|||
|
|
navItems,
|
|||
|
|
navAppearance,
|
|||
|
|
productSeries,
|
|||
|
|
i18nMap,
|
|||
|
|
loaded,
|
|||
|
|
loading,
|
|||
|
|
init,
|
|||
|
|
td,
|
|||
|
|
navLabel
|
|||
|
|
};
|
|||
|
|
});
|