官网开发中 0731

www/app/stores/site.ts

@@ -0,0 +1,113 @@
+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
+  };
+});