chore: init project

2024-05-19 21:20:42 +08:00
commit 399334ac57
630 changed files with 45623 additions and 0 deletions
--- a/packages/locales/build.config.ts
+++ b/packages/locales/build.config.ts
@@ -0,0 +1,15 @@
+import { defineBuildConfig } from 'unbuild';
+
+export default defineBuildConfig({
+  clean: true,
+  declaration: true,
+  entries: [
+    'src/index',
+    {
+      builder: 'mkdist',
+      input: './src/langs',
+      // loaders: ['postcss'],
+      outDir: './dist/langs',
+    },
+  ],
+});
--- a/packages/locales/package.json
+++ b/packages/locales/package.json
@@ -0,0 +1,54 @@
+{
+  "name": "@vben/locales",
+  "version": "1.0.0",
+  "type": "module",
+  "license": "MIT",
+  "homepage": "https://github.com/vbenjs/vue-vben-admin",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vbenjs/vue-vben-admin.git",
+    "directory": "packages/locales"
+  },
+  "bugs": {
+    "url": "https://github.com/vbenjs/vue-vben-admin/issues"
+  },
+  "scripts": {
+    "build": "pnpm unbuild",
+    "stub": "pnpm unbuild --stub"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "imports": {
+    "#*": "./src/*"
+  },
+  "exports": {
+    ".": {
+      "development": "./src/index.ts",
+      "types": "./src/index.ts",
+      "default": "./dist/index.mjs"
+    },
+    "./langs/*": {
+      "default": "./dist/langs/*"
+    }
+  },
+  "publishConfig": {
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.mjs"
+      }
+    }
+  },
+  "dependencies": {
+    "@intlify/core-base": "^9.13.1",
+    "@vben-core/typings": "workspace:*",
+    "vue": "^3.4.27",
+    "vue-i18n": "^9.13.1"
+  }
+}
--- a/packages/locales/src/i18n.ts
+++ b/packages/locales/src/i18n.ts
@@ -0,0 +1,63 @@
+import type { SupportLocale } from '@vben-core/typings';
+
+import type { Locale } from 'vue-i18n';
+
+import { unref } from 'vue';
+import { createI18n } from 'vue-i18n';
+
+import type { ImportLocaleFn } from './typing';
+
+const loadedLanguages = new Set<string>();
+
+const i18n = createI18n({
+  globalInjection: true,
+  legacy: false,
+  locale: '',
+  messages: {},
+  missingWarn: import.meta.env.PROD,
+  silentFallbackWarn: !import.meta.env.PROD,
+  silentTranslationWarn: !import.meta.env.PROD, // true - warning off
+});
+
+const modules = import.meta.glob('./langs/*.y(a)?ml');
+
+const localesMap: Record<Locale, ImportLocaleFn> = {};
+
+for (const [path, loadLocale] of Object.entries(modules)) {
+  const key = path.match(/([\w-]*)\.y(a)?ml/)?.[1];
+  if (key) {
+    localesMap[key] = loadLocale as ImportLocaleFn;
+  }
+}
+
+/**
+ * Set i18n language
+ * @param locale
+ */
+function setI18nLanguage(locale: Locale) {
+  i18n.global.locale.value = locale;
+
+  document?.querySelector('html')?.setAttribute('lang', locale);
+}
+
+/**
+ * Load locale messages
+ * @param lang
+ */
+async function loadLocaleMessages(lang: SupportLocale) {
+  if (unref(i18n.global.locale) === lang) {
+    return setI18nLanguage(lang);
+  }
+
+  if (loadedLanguages.has(lang)) {
+    return setI18nLanguage(lang);
+  }
+
+  const messages = await localesMap[lang]();
+
+  i18n.global.setLocaleMessage(lang, messages.default);
+  loadedLanguages.add(lang);
+  return setI18nLanguage(lang);
+}
+
+export { i18n, loadLocaleMessages, setI18nLanguage };
--- a/packages/locales/src/index.ts
+++ b/packages/locales/src/index.ts
@@ -0,0 +1,17 @@
+import type { App } from 'vue';
+
+import { i18n, loadLocaleMessages } from './i18n';
+
+import type { LocaleSetupOptions } from './typing';
+
+const $t = i18n.global.t;
+
+async function setupI18n(app: App, options: LocaleSetupOptions = {}) {
+  const { defaultLocale = 'zh-CN' } = options;
+  app.use(i18n);
+  await loadLocaleMessages(defaultLocale);
+}
+
+export { $t, loadLocaleMessages, setupI18n };
+export type { CompileError } from '@intlify/core-base';
+export { useI18n } from 'vue-i18n';
--- a/packages/locales/src/langs/en-US.yaml
+++ b/packages/locales/src/langs/en-US.yaml
@@ -0,0 +1,151 @@
+common:
+  back: Back
+  back-to-home: Back To Home
+  login: Login
+  logout: Logout
+  prompt: Prompt
+  cancel: Cancel
+  confirm: Comfirm
+  search: Search
+  not-data: No data
+
+layout:
+  center: Align Center
+  align-left: Align Left
+  align-right: Align Right
+
+fallback:
+  page-not-found: Page Not Found
+  page-not-found-desc: Sorry, We couldn't find the page you are looking for.
+
+widgets:
+  document: Document
+  qa: Q&A
+  setting: Setting
+  logout-tip: Do you want to log out?
+  view-all: View all messages
+  notifications: Notifications
+  make-all-notify: Make all as read
+  clear-notifications: Clear
+
+search:
+  search: Search
+  search-navigate: Search Navigate
+  select: To select
+  navigate: To navigate
+  close: To close
+  no-results: No results for
+  no-recent: No recent searches
+  recent: Recent
+
+preference:
+  preferences: Preferences
+  preferences-subtitle: Customize Preferences & Preview in Real Time
+  theme: Theme
+  appearance: Appearance
+  theme-color: Theme Color
+  layout: Layout
+  general: General
+  content: Content
+  other: Other
+  light: Light
+  dark: Dark
+  dark-menu: Semi Dark Menu
+  wide: Fluid
+  compact: Fixed Width
+  follow-system: Follow System
+  vertical: Vertical
+  vertical-tip: Side Vertical Menu Mode
+  horizontal: Horizontal
+  horizontal-tip: Top Horizontal Menu
+  two-column: Two Column
+  two-column-tip: Vertical Two Column Menu Mode
+  mixed-menu: Mixed Menu
+  split-menu: Split Menu
+  mixed-menu-tip: Vertical Menu Co-exists
+  full-content: Full Content
+  full-content-tip: Display only the main content, no menus
+  weak-mode: Color Weak Mode
+  gray-mode: Gray Mode
+  animation: Animation
+  language: Language
+  normal: Normal
+  rounded: Rounded
+  collapse: Collpase Menu
+  collapse-show-title: Display menu name
+  navigation-menu: Navigation Menu
+  navigation-style: Navigation menu style
+  interface-control: Interface Layout Control
+  breadcrumb: Breadcrumb
+  breadcrumb-home: Display the home button
+  breadcrumb-enable: Enable Breadcrumb
+  breadcrumb-icon: Display breadcrumb icon
+  breadcrumb-background: background
+  breadcrumb-style: Breadcrumb Type
+  breadcrumb-hide-only-one: Hidden when only one left
+  page-progress: Loading progress bar
+  page-transition: Page transition animation
+  copy: Copy Preferences
+  copy-success: Copy successful. Please replace in `src/preference.ts` of the app
+  reset-success: Preferences reset successfully
+  sidebar: Sidebar
+  side-visible: Display Sidebar
+  tabs-visible: Display Tab Bar
+  tabs: Tabs
+  tabs-icon: Display Tabbar Icon
+  mode: Mode
+  header: Header
+  header-visible: Display Header
+  header-mode-static: Static
+  header-mode-fixed: Fixed
+  header-mode-auto: Auto hide/display
+  header-mode-auto-scroll: Scroll hide/display
+  footer: Footer
+  footer-fixed: Fixed at the bottom
+  footer-visible: Display Footer
+  logo-visible: Display Logo
+  reset-tip: The data has changed, click to reset
+
+authentication:
+  layout-title: Plug-and-play backend system
+  layout-desc: Efficient, versatile frontend template
+  login-success: Login successful
+  login-success-desc: Welcome back
+  welcome-back: Welcome Back
+  login-subtitle: Enter your account details to manage your projects
+  username: Username
+  password: Password
+  username-tip: Username is required
+  password-tip: Password is required
+  account-tip: Don't have an account yet?
+  create-an-account: Create an account
+  create-account: Create account
+  already-account: Already have an account?
+  remember-me: Remember Me
+  sign-up: Sign Up
+  sign-up-subtitle: Make managing your applications simple and fun
+  comfirm-password: Comfirm Password
+  comfirm-password-tip: The passwords entered twice do not match
+  sign-up-agree: I agree to
+  sign-up-privacy-policy: Privacy-policy
+  sign-up-terms: Terms
+  sign-up-agree-tip: Please agree to the Privacy Policy and Terms
+  go-login: Login instead
+  password-strength: Use 8 or more characters with a mix of letters, numbers & symbols
+  forget-password: Forget Password?
+  forget-password-subtitle: Enter your email and we'll send you instructions to reset your password
+  email-tip: Email is required
+  send-reset-link: Send Reset Link
+  email: Email
+  qrcode-subtitle: Please scan the QR code to log in on your mobile device
+  qrcode-prompt: Scanning the code to complete the login
+  qrcode-login: QR Login
+  code-subtitle: Please enter your phone number to start managing your projects
+  code: Security code
+  code-tip: Security code is required
+  mobile: Mobile
+  mobile-login: Mobile Login
+  mobile-tip: Mobile is required
+  send-code: Get Security code
+  send-text: "Reacquire in {0}s"
+  third-party-login: Or continue with
--- a/packages/locales/src/langs/zh-CN.yaml
+++ b/packages/locales/src/langs/zh-CN.yaml
@@ -0,0 +1,150 @@
+common:
+  back: 返回
+  back-to-home: 返回首页
+  login: 登录
+  logout: 退出登录
+  prompt: 提示
+  cancel: 取消
+  confirm: 确认
+  not-data: 暂无数据
+
+layout:
+  center: 居中
+  align-left: 居左
+  align-right: 居右
+
+fallback:
+  page-not-found: 未找到页面
+  page-not-found-desc: 抱歉，我们找不到您要找的页面。
+
+widgets:
+  document: 文档
+  qa: 问题&建议
+  setting: 设置
+  logout-tip: 是否退出登录？
+  view-all: 查看所有消息
+  notifications: 通知
+  make-all-notify: 全部标记为已读
+  clear-notifications: 清空
+
+search:
+  search: 搜索
+  search-navigate: 搜索导航菜单
+  select: 选择
+  navigate: 导航
+  close: 关闭
+  no-results: 未找到搜索结果
+  no-recent: 没有搜索历史
+  recent: 搜索历史
+
+preference:
+  preferences: 偏好设置
+  preferences-subtitle: 自定义偏好设置 & 实时预览
+  theme: 主题
+  appearance: 外观
+  theme-color: 主题色
+  layout: 布局
+  general: 通用
+  content: 内容
+  other: 其它
+  light: 浅色
+  dark: 深色
+  dark-menu: 深色菜单
+  language: 语言
+  collapse: 折叠菜单
+  collapse-show-title: 显示菜单名
+  wide: 流式
+  compact: 定宽
+  vertical: 垂直
+  vertical-tip: 侧边垂直菜单模式
+  horizontal: 水平
+  horizontal-tip: 水平菜单模式，菜单全部显示在顶部
+  two-column: 双列菜单
+  two-column-tip: 垂直双列菜单模式
+  mixed-menu: 混合菜单
+  mixed-menu-tip: 垂直菜单共存
+  split-menu: 切割菜单
+  full-content: 内容全屏
+  full-content-tip: 不显示任何菜单，只显示内容主体
+  follow-system: 跟随系统
+  weak-mode: 色弱模式
+  gray-mode: 灰色模式
+  animation: 动画
+  navigation-menu: 导航菜单
+  navigation-style: 导航菜单风格
+  interface-control: 界面布局控制
+  normal: 默认
+  rounded: 圆角
+  breadcrumb: 面包屑导航
+  breadcrumb-enable: 开启面包屑导航
+  breadcrumb-icon: 显示面包屑图标
+  breadcrumb-home: 显示首页按钮
+  breadcrumb-style: 面包屑风格
+  breadcrumb-hide-only-one: 只有一个时隐藏
+  breadcrumb-background: 背景
+  page-progress: 加载进度条
+  page-transition: 页面切换动画
+  copy: 复制偏好设置
+  copy-success: 拷贝成功，请在 app 下的 `src/preference.ts`内进行覆盖
+  reset-success: 重置偏好设置成功
+  sidebar: 侧边栏
+  side-visible: 显示侧边栏
+  tabs-visible: 显示标签栏
+  tabs: 标签栏
+  tabs-icon: 显示标签栏图标
+  mode: 模式
+  header: 顶栏
+  header-mode-static: 静止
+  header-mode-fixed: 固定
+  header-mode-auto: 自动隐藏和显示
+  header-mode-auto-scroll: 滚动隐藏和显示
+  header-visible: 显示顶栏
+  footer: 底栏
+  footer-visible: 显示底栏
+  footer-fixed: 固定在底部
+  logo-visible: 显示 Logo
+  reset-tip: 数据有变化，点击可进行重置
+
+authentication:
+  layout-title: 开箱即用的大型中后台管理系统
+  layout-desc: 工程化、高性能、跨组件库的前端模版
+  login-success: 登录成功
+  login-success-desc: 欢迎回来
+  welcome-back: 欢迎回来
+  login-subtitle: 请输入您的帐户信息以开始管理您的项目
+  username: 账号
+  password: 密码
+  username-tip: 请输入用户名
+  password-tip: 请输入用户名
+  remember-me: 记住账号
+  create-an-account: 创建一个账号
+  create-account: 创建账号
+  already-account: 已经有账号了?
+  account-tip: 还没有账号?
+  sign-up: 注册
+  sign-up-subtitle: 让您的应用程序管理变得简单而有趣
+  comfirm-password: 确认密码
+  comfirm-password-tip: 两次输入的密码不一致
+  sign-up-agree: 我同意
+  sign-up-privacy-policy: 隐私政策
+  sign-up-terms: 条款
+  sign-up-agree-tip: 请同意隐私政策和条款
+  go-login: 去登录
+  password-strength: 使用 8 个或更多字符，混合字母、数字和符号
+  forget-password: 忘记密码?
+  forget-password-subtitle: 输入您的电子邮件，我们将向您发送重置密码的连接
+  email-tip: 请输入邮箱
+  send-reset-link: 发送重置链接
+  email: 邮箱
+  qrcode-subtitle: 请用手机扫描二维码登录
+  qrcode-prompt: 扫码后点击 '确认'，即可完成登录
+  qrcode-login: 扫码登录
+  code-subtitle: 请输入您的手机号码以开始管理您的项目
+  code: 验证码
+  code-tip: 请输入验证码
+  mobile: 手机号码
+  mobile-login: 手机号登录
+  mobile-tip: 请输入手机号码
+  send-code: 获取验证码
+  send-text: "{0}秒后重新获取"
+  third-party-login: 其他登录方式
--- a/packages/locales/src/third-party/.gitkeep
+++ b/packages/locales/src/third-party/.gitkeep
--- a/packages/locales/src/typing.ts
+++ b/packages/locales/src/typing.ts
@@ -0,0 +1,13 @@
+import type { SupportLocale } from '@vben-core/typings';
+
+type ImportLocaleFn = () => Promise<{ default: Record<string, string> }>;
+
+interface LocaleSetupOptions {
+  /**
+   * Default language
+   * @default zh-CN
+   */
+  defaultLocale?: SupportLocale;
+}
+
+export type { ImportLocaleFn, LocaleSetupOptions, SupportLocale };
--- a/packages/locales/tsconfig.json
+++ b/packages/locales/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "@vben/tsconfig/web.json",
+  "include": ["src"]
+}