refactor: refactor locales, separate locales within apps,fixed #12

apps/web-antd/src/locales/index.ts

@@ -0,0 +1,79 @@
+import type { SupportedLanguagesType } from '@vben/types';
+import type { Locale } from 'ant-design-vue/es/locale';
+
+import { ref } from 'vue';
+
+import { $t, loadLocalesMap, setupI18n } from '@vben-core/locales';
+
+import defaultLocale from 'ant-design-vue/es/locale/zh_CN';
+import dayjs from 'dayjs';
+
+const antdLocale = ref<Locale>(defaultLocale);
+
+const modules = import.meta.glob('./langs/*.y(a)?ml');
+
+const localesMap = loadLocalesMap(modules);
+
+/**
+ * 加载应用特有的语言包
+ * @param lang
+ */
+async function loadMessages(lang: SupportedLanguagesType) {
+  const [appLocaleMessages] = await Promise.all([
+    localesMap[lang](),
+    loadThirdPartyMessage(lang),
+  ]);
+  return appLocaleMessages.default;
+}
+
+/**
+ * 加载第三方组件库的语言包
+ * @param lang
+ */
+async function loadThirdPartyMessage(lang: SupportedLanguagesType) {
+  await Promise.all([loadAntdLocale(lang), loadDayjsLocale(lang)]);
+}
+
+/**
+ * 加载dayjs的语言包
+ * @param lang
+ */
+async function loadDayjsLocale(lang: SupportedLanguagesType) {
+  let locale;
+  switch (lang) {
+    case 'zh-CN': {
+      locale = await import('dayjs/locale/zh-cn');
+      break;
+    }
+    case 'en-US': {
+      locale = await import('dayjs/locale/en');
+      break;
+    }
+    // 默认使用英语
+    default: {
+      locale = await import('dayjs/locale/en');
+    }
+  }
+  dayjs.locale(locale);
+}
+
+/**
+ * 加载antd的语言包
+ * @param lang
+ */
+async function loadAntdLocale(lang: SupportedLanguagesType) {
+  switch (lang) {
+    case 'zh-CN': {
+      antdLocale.value = defaultLocale;
+      break;
+    }
+    case 'en-US': {
+      antdLocale.value = (await import(
+        'ant-design-vue/es/locale/en_US'
+      )) as unknown as Locale;
+      break;
+    }
+  }
+}
+
+export { $t, antdLocale, loadMessages, setupI18n };

apps/web-antd/src/locales/langs/en-US.yaml

@@ -0,0 +1,28 @@
+page:
+  demos:
+    title: Demos
+    access:
+      title: Access Control
+      frontend-control: Front-end Control
+      backend-control: Backend Control
+      page: Page visit
+      button: Button control
+      loading-menu: In the loading menu
+      access-test-1: Super visit
+      access-test-2: Admin visit
+      access-test-3: User visit
+    nested:
+      title: Nested Menu
+      menu1: Menu 1
+      menu2: Menu 2
+      menu21: Menu 2-1
+      menu3: Menu 3
+      menu31: Menu 3-1
+      menu32: Menu 3-2
+      menu321: Menu 3-2-1
+    outside:
+      title: External Page
+      embedded: embedded Page
+      external-link: External Link
+    fallback:
+      title: Fallback Page

apps/web-antd/src/locales/langs/zh-CN.yaml

@@ -0,0 +1,27 @@
+page:
+  demos:
+    title: 演示
+    access:
+      title: 访问控制
+      frontend-control: 前端控制
+      backend-control: 后端控制
+      page: 页面访问
+      button: 按钮控制
+      access-test-1: Super 可见
+      access-test-2: Admin 可见
+      access-test-3: User 可见
+    nested:
+      title: 嵌套菜单
+      menu1: 菜单 1
+      menu2: 菜单 2
+      menu21: 菜单 2-1
+      menu3: 菜单 3
+      menu31: 菜单 3-1
+      menu32: 菜单 3-2
+      menu321: 菜单 3-2-1
+    outside:
+      title: 外部页面
+      embedded: 内嵌
+      external-link: 外链
+    fallback:
+      title: 缺省页