Initial commit

src/i18n/index.ts

@@ -0,0 +1,20 @@
+/**
+ * 国际化配置
+ */
+import { createI18n } from 'vue-i18n';
+import { I18N_CACHE_NAME } from '@/config/setting';
+import zh_CN from './lang/zh_CN';
+import zh_TW from './lang/zh_TW';
+import en from './lang/en';
+
+const messages = { zh_CN, zh_TW, en };
+
+const i18n = createI18n({
+  messages,
+  legacy: false,
+  silentTranslationWarn: true,
+  // 默认语言
+  locale: localStorage.getItem(I18N_CACHE_NAME) || 'zh_CN'
+});
+
+export default i18n;

src/i18n/lang/en/index.ts

@@ -0,0 +1,14 @@
+/**
+ * 英语
+ */
+import route from './route';
+import layout from './layout';
+import login from './login';
+import list from './list';
+
+export default {
+  route,
+  layout,
+  login,
+  list
+};

src/i18n/lang/en/layout.ts

@@ -0,0 +1,77 @@
+/* 主框架 */
+export default {
+  home: 'Home',
+  header: {
+    profile: 'Profile',
+    password: 'Password',
+    logout: 'SignOut'
+  },
+  footer: {
+    website: 'Website',
+    document: 'Document',
+    authorization: 'Authorization',
+    copyright: 'Copyright © 2021 Wuhan EClouds Technology Co., Ltd'
+  },
+  logout: {
+    title: 'Confirm',
+    message: 'Are you sure you want to log out?'
+  },
+  setting: {
+    title: 'Theme Setting',
+    sideStyles: {
+      dark: 'Dark Sidebar',
+      light: 'Light Sidebar'
+    },
+    headStyles: {
+      light: 'Light Header',
+      dark: 'Dark Header',
+      primary: 'Primary Header'
+    },
+    layoutStyles: {
+      side: 'Side Menu Layout',
+      top: 'Top Menu Layout',
+      mix: 'Mix Menu Layout'
+    },
+    colors: {
+      default: 'Daybreak Blue',
+      dust: 'Dust Blue',
+      sunset: 'Sunset Orange',
+      volcano: 'Volcano',
+      purple: 'Golden Purple',
+      cyan: 'Cyan',
+      green: 'Polar Green',
+      geekblue: 'Geek Blue'
+    },
+    darkMode: 'Dark Mode',
+    layoutStyle: 'Navigation Mode',
+    sideMenuStyle: 'Sidebar Double Menu',
+    bodyFull: 'Body Fixed Width',
+    other: 'Other Setting',
+    fixedHeader: 'Fixed Header',
+    fixedSidebar: 'Fixed Sidebar',
+    fixedBody: 'Fixed Body',
+    logoAutoSize: 'Logo In Header',
+    styleResponsive: 'Responsive',
+    colorfulIcon: 'Colorful Icon',
+    sideUniqueOpen: 'Menu Unique Open',
+    weakMode: 'Weak Mode',
+    showFooter: 'Show Footer',
+    showTabs: 'Show Tabs',
+    tabStyle: 'Tab Style',
+    tabStyles: {
+      default: 'Default',
+      dot: 'Dot',
+      card: 'Card'
+    },
+    transitionName: 'Transition',
+    transitions: {
+      slideRight: 'Slide Right',
+      slideBottom: 'Slide Bottom',
+      zoomIn: 'Zoom In',
+      zoomOut: 'Zoom Out',
+      fade: 'Fade'
+    },
+    reset: 'Reset',
+    tips: 'It will remember your configuration the next time you open it.'
+  }
+};

src/i18n/lang/en/list.ts

@@ -0,0 +1,17 @@
+/* 列表页面 */
+export default {
+  // 基础列表
+  basic: {
+    table: {
+      avatar: 'Avatar',
+      username: 'Username',
+      nickname: 'Nickname',
+      organizationName: 'Organization',
+      phone: 'Phone',
+      sexName: 'Sex',
+      createTime: 'CreateTime',
+      status: 'Status',
+      action: 'Action'
+    }
+  }
+};

src/i18n/lang/en/login.ts

@@ -0,0 +1,11 @@
+/* 登录界面 */
+export default {
+  title: 'User Login',
+  username: 'please input username',
+  password: 'please input password',
+  code: 'please input code',
+  remember: 'remember',
+  forget: 'forget',
+  login: 'login',
+  loading: 'loading'
+};

src/i18n/lang/en/route.ts

@@ -0,0 +1,96 @@
+/* 菜单路由 */
+export default {
+  login: { _name: 'Login' },
+  forget: { _name: 'Forget' },
+  dashboard: {
+    _name: 'Dashboard',
+    workplace: { _name: 'Workplace' },
+    analysis: { _name: 'Analysis' },
+    monitor: { _name: 'Monitor' }
+  },
+  system: {
+    _name: 'System',
+    user: {
+      _name: 'User',
+      details: { _name: '' }
+    },
+    role: { _name: 'Role' },
+    menu: { _name: 'Menu' },
+    dictionary: { _name: 'Dictionary' },
+    organization: { _name: 'Organization' },
+    loginRecord: { _name: 'LoginRecord' },
+    operationRecord: { _name: 'OperationRecord' },
+    file: { _name: 'File' },
+    userInfo: { _name: '' }
+  },
+  form: {
+    _name: 'Form',
+    basic: { _name: 'Basic Form' },
+    advanced: { _name: 'Advanced Form' },
+    step: { _name: 'Step Form' }
+  },
+  list: {
+    _name: 'List',
+    basic: {
+      _name: 'Basic List',
+      add: { _name: 'UserAdd' },
+      edit: { _name: 'UserEdit' },
+      details: {
+        ':id': { _name: '' }
+      }
+    },
+    advanced: { _name: 'Advanced List' },
+    card: {
+      _name: 'Card List',
+      project: { _name: 'Project' },
+      application: { _name: 'Application' },
+      article: { _name: 'Article' }
+    }
+  },
+  result: {
+    _name: 'Result',
+    success: { _name: 'Success' },
+    fail: { _name: 'Fail' }
+  },
+  exception: {
+    _name: 'Exception',
+    '403': { _name: '403' },
+    '404': { _name: '404' },
+    '500': { _name: '500' }
+  },
+  user: {
+    _name: 'User',
+    profile: { _name: 'Profile' },
+    message: { _name: 'Message' }
+  },
+  extension: {
+    _name: 'Extension',
+    tag: { _name: 'Tags' },
+    dialog: { _name: 'DragDialog' },
+    file: { _name: 'FileList' },
+    upload: { _name: 'ImageUpload' },
+    dragsort: { _name: 'DragSort' },
+    colorPicker: { _name: 'ColorPicker' },
+    regions: { _name: 'CitySelect' },
+    printer: { _name: 'Printer' },
+    excel: { _name: 'Excel' },
+    countUp: { _name: 'CountUp' },
+    tableSelect: { _name: 'TableSelect' },
+    player: { _name: 'Player' },
+    map: { _name: 'Map' },
+    qrCode: { _name: 'QRCode' },
+    barCode: { _name: 'BarCode' },
+    editor: { _name: 'Editor' },
+    markdown: { _name: 'Markdown' }
+  },
+  example: {
+    _name: 'Example',
+    table: { _name: 'ProTable' },
+    menuBadge: { _name: 'MenuBadge' },
+    eleadmin: { _name: 'IFrame' },
+    eleadminDoc: { _name: 'IFrame2' },
+    document: { _name: 'Document' },
+    choose: { _name: 'Choose' }
+  },
+  'https://eleadminCom/goods/9': { _name: 'Authorization' }
+};

src/i18n/lang/zh_CN/index.ts

@@ -0,0 +1,14 @@
+/**
+ * 简体中文
+ */
+import route from './route';
+import layout from './layout';
+import login from './login';
+import list from './list';
+
+export default {
+  route,
+  layout,
+  login,
+  list
+};

src/i18n/lang/zh_CN/layout.ts

@@ -0,0 +1,78 @@
+const storeName = localStorage.getItem('StoreName') || 'WebSoft Inc';
+/* 主框架 */
+export default {
+  home: '主页',
+  header: {
+    profile: '账号中心',
+    password: '修改密码',
+    logout: '退出登录'
+  },
+  footer: {
+    website: '官网',
+    document: '文档',
+    authorization: '授权',
+    copyright: `© 2013-${new Date().getFullYear()} ${storeName}`
+  },
+  logout: {
+    title: '提示',
+    message: '确定要退出登录吗?'
+  },
+  setting: {
+    title: '整体风格设置',
+    sideStyles: {
+      dark: '暗色侧边栏',
+      light: '亮色侧边栏'
+    },
+    headStyles: {
+      light: '亮色顶栏',
+      dark: '暗色顶栏',
+      primary: '主色顶栏'
+    },
+    layoutStyles: {
+      side: '左侧菜单布局',
+      top: '顶部菜单布局',
+      mix: '混合菜单布局'
+    },
+    colors: {
+      default: '拂晓蓝',
+      dust: '薄暮',
+      sunset: '日暮',
+      volcano: '火山',
+      purple: '酱紫',
+      cyan: '明青',
+      green: '极光绿',
+      geekblue: '极客蓝'
+    },
+    darkMode: '开启暗黑模式',
+    layoutStyle: '导航模式',
+    sideMenuStyle: '侧栏双排菜单',
+    bodyFull: '内容区域定宽',
+    other: '其它配置',
+    fixedHeader: '固定顶栏区域',
+    fixedSidebar: '固定侧栏区域',
+    fixedBody: '固定主体区域',
+    logoAutoSize: 'Logo置于顶栏',
+    styleResponsive: '移动端响应式',
+    colorfulIcon: '侧栏彩色图标',
+    sideUniqueOpen: '侧栏排他展开',
+    weakMode: '开启色弱模式',
+    showFooter: '开启全局页脚',
+    showTabs: '开启多页签栏',
+    tabStyle: '页签显示风格',
+    tabStyles: {
+      default: '默认',
+      dot: '圆点',
+      card: '卡片'
+    },
+    transitionName: '路由切换动画',
+    transitions: {
+      slideRight: '滑动消退',
+      slideBottom: '底部消退',
+      zoomIn: '放大渐变',
+      zoomOut: '缩小渐变',
+      fade: '淡入淡出'
+    },
+    reset: '重置',
+    tips: '该功能可实时预览各种布局效果, 修改后会缓存在本地, 下次打开会记忆主题配置.'
+  }
+};

src/i18n/lang/zh_CN/list.ts

@@ -0,0 +1,17 @@
+/* 列表页面 */
+export default {
+  // 基础列表
+  basic: {
+    table: {
+      avatar: '头像',
+      username: '账号',
+      nickname: '昵称',
+      organizationName: '组织机构',
+      phone: '手机号',
+      sexName: '性别',
+      createTime: '创建时间',
+      status: '状态',
+      action: '操作'
+    }
+  }
+};

src/i18n/lang/zh_CN/login.ts

@@ -0,0 +1,11 @@
+/* 登录界面 */
+export default {
+  title: '用户登录',
+  username: '请输入登录账号',
+  password: '请输入登录密码',
+  code: '请输入验证码',
+  remember: '记住密码',
+  forget: '忘记密码',
+  login: '登录',
+  loading: '登录中'
+};

src/i18n/lang/zh_CN/route.ts

@@ -0,0 +1,97 @@
+/* 菜单路由 */
+export default {
+  login: { _name: '登录' },
+  forget: { _name: '忘记密码' },
+  system: {
+    _name: '系统管理',
+    user: {
+      _name: '用户管理',
+      add: { _name: '添加用户' },
+      edit: { _name: '修改用户' },
+      details: { _name: '' }
+    },
+    role: { _name: '角色管理' },
+    menu: { _name: '菜单管理' },
+    dictionary: { _name: '字典管理(系统类)' },
+    organization: { _name: '组织机构' },
+    loginRecord: { _name: '登录日志' },
+    operationRecord: { _name: '操作日志' },
+    file: { _name: '文件管理' }
+  },
+  link: {
+    _name: '网址导航',
+    add: { _name: '添加网址' },
+    edit: { _name: '修改网址' },
+    details: { _name: '' }
+  },
+  form: {
+    _name: '表单页面',
+    basic: { _name: '基础表单' },
+    advanced: { _name: '复杂表单' },
+    step: { _name: '分步表单' }
+  },
+  list: {
+    _name: '列表页面',
+    basic: {
+      _name: '基础列表',
+      add: { _name: '添加用户' },
+      edit: { _name: '修改用户' },
+      details: {
+        ':id': { _name: '' }
+      }
+    },
+    advanced: { _name: '复杂列表' },
+    card: {
+      _name: '卡片列表',
+      project: { _name: '项目列表' },
+      application: { _name: '应用列表' },
+      article: { _name: '文章列表' }
+    }
+  },
+  result: {
+    _name: '结果页面',
+    success: { _name: '成功页' },
+    fail: { _name: '失败页' }
+  },
+  exception: {
+    _name: '异常页面',
+    '403': { _name: '403' },
+    '404': { _name: '404' },
+    '500': { _name: '500' }
+  },
+  user: {
+    _name: '用户管理',
+    profile: { _name: '账号中心' },
+    message: { _name: '我的消息' }
+  },
+  extension: {
+    _name: '扩展组件',
+    tag: { _name: '标签组件' },
+    dialog: { _name: '拖拽弹窗' },
+    file: { _name: '文件列表' },
+    upload: { _name: '图片上传' },
+    dragsort: { _name: '拖拽排序' },
+    colorPicker: { _name: '颜色选择' },
+    regions: { _name: '城市选择' },
+    printer: { _name: '打印插件' },
+    excel: { _name: 'excel插件' },
+    countUp: { _name: '滚动数字' },
+    tableSelect: { _name: '表格下拉' },
+    player: { _name: '视频播放' },
+    map: { _name: '地图组件' },
+    qrCode: { _name: '二维码' },
+    barCode: { _name: '条形码' },
+    editor: { _name: '富文本框' },
+    markdown: { _name: 'markdown' }
+  },
+  example: {
+    _name: '常用实例',
+    table: { _name: '表格实例' },
+    menuBadge: { _name: '菜单徽章' },
+    eleadmin: { _name: '内嵌页面' },
+    eleadminDoc: { _name: '内嵌文档' },
+    document: { _name: '案卷调整' },
+    choose: { _name: '批量选择' }
+  },
+  'https://eleadminCom/goods/9': { _name: '获取授权' }
+};

src/i18n/lang/zh_TW/index.ts

@@ -0,0 +1,14 @@
+/**
+ * 繁体中文
+ */
+import route from './route';
+import layout from './layout';
+import login from './login';
+import list from './list';
+
+export default {
+  route,
+  layout,
+  login,
+  list
+};

src/i18n/lang/zh_TW/layout.ts

@@ -0,0 +1,77 @@
+/* 主框架 */
+export default {
+  home: '主頁',
+  header: {
+    profile: '個人中心',
+    password: '修改密碼',
+    logout: '安全登出'
+  },
+  footer: {
+    website: '官網',
+    document: '檔案',
+    authorization: '授權',
+    copyright: 'Copyright © 2022 武漢易雲智科技有限公司'
+  },
+  logout: {
+    title: '詢問',
+    message: '確定要登出嗎?'
+  },
+  setting: {
+    title: '整體風格設定',
+    sideStyles: {
+      dark: '暗色側邊欄',
+      light: '亮色側邊欄'
+    },
+    headStyles: {
+      light: '亮色頂欄',
+      dark: '暗色頂欄',
+      primary: '主色頂欄'
+    },
+    layoutStyles: {
+      side: '左側選單佈局',
+      top: '頂部選單佈局',
+      mix: '混合選單佈局'
+    },
+    colors: {
+      default: '拂曉藍',
+      dust: '薄暮',
+      sunset: '日暮',
+      volcano: '火山',
+      purple: '醬紫',
+      cyan: '明青',
+      green: '極光綠',
+      geekblue: '極客藍'
+    },
+    darkMode: '開啟暗黑模式',
+    layoutStyle: '導航模式',
+    sideMenuStyle: '側欄雙排選單',
+    bodyFull: '內容區域定寬',
+    other: '其它配寘',
+    fixedHeader: '固定頂欄區域',
+    fixedSidebar: '固定側欄區域',
+    fixedBody: '固定主體區域',
+    logoAutoSize: 'Logo置於頂欄',
+    styleResponsive: '移動端響應式',
+    colorfulIcon: '側欄彩色圖標',
+    sideUniqueOpen: '側欄排他展開',
+    weakMode: '開啟色弱模式',
+    showFooter: '開啟全域頁腳',
+    showTabs: '開啟多頁簽欄',
+    tabStyle: '頁簽顯示風格',
+    tabStyles: {
+      default: '默認',
+      dot: '圓點',
+      card: '卡片'
+    },
+    transitionName: '路由切換動畫',
+    transitions: {
+      slideRight: '滑動消退',
+      slideBottom: '底部消退',
+      zoomIn: '放大漸變',
+      zoomOut: '縮小漸變',
+      fade: '淡入淡出'
+    },
+    reset: '重置',
+    tips: '該功能可實时預覽各種佈局效果，修改後會緩存在本地，下次打開會記憶主題配寘.'
+  }
+};

src/i18n/lang/zh_TW/list.ts

@@ -0,0 +1,17 @@
+/* 列表页面 */
+export default {
+  // 基础列表
+  basic: {
+    table: {
+      avatar: '頭像',
+      username: '用戶賬號',
+      nickname: '用戶名',
+      organizationName: '組織機構',
+      phone: '手機號',
+      sexName: '性別',
+      createTime: '創建時間',
+      status: '狀態',
+      action: '操作'
+    }
+  }
+};

src/i18n/lang/zh_TW/login.ts

@@ -0,0 +1,11 @@
+/* 登录界面 */
+export default {
+  title: '用戶登錄',
+  username: '請輸入登入帳號',
+  password: '請輸入登入密碼',
+  code: '請輸入驗證碼',
+  remember: '記住密碼',
+  forget: '忘記密碼',
+  login: '登入',
+  loading: '登入中'
+};

src/i18n/lang/zh_TW/route.ts

@@ -0,0 +1,97 @@
+/* 菜单路由 */
+export default {
+  login: { _name: '登入' },
+  forget: { _name: '忘記密碼' },
+  dashboard: {
+    _name: '管理首頁',
+    workplace: { _name: '工作臺' },
+    analysis: { _name: '分析頁' },
+    monitor: { _name: '監控頁' }
+  },
+  system: {
+    _name: '系統管理',
+    user: {
+      _name: '用戶管理',
+      add: { _name: '添加用戶' },
+      edit: { _name: '編輯用戶' },
+      details: { _name: '' }
+    },
+    role: { _name: '角色管理' },
+    menu: { _name: '選單管理' },
+    dictionary: { _name: '字典管理' },
+    organization: { _name: '機构管理' },
+    loginRecord: { _name: '登入日誌' },
+    operationRecord: { _name: '操作日誌' },
+    file: { _name: '檔案管理' }
+  },
+  form: {
+    _name: '表單頁面',
+    basic: { _name: '基礎表單' },
+    advanced: { _name: '複雜表單' },
+    step: { _name: '分步表單' }
+  },
+  list: {
+    _name: '清單頁面',
+    basic: {
+      _name: '基礎清單',
+      add: { _name: '添加用戶' },
+      edit: { _name: '編輯用戶' },
+      details: {
+        ':id': { _name: '' }
+      }
+    },
+    advanced: { _name: '複雜清單' },
+    card: {
+      _name: '卡片清單',
+      project: { _name: '項目清單' },
+      application: { _name: '應用清單' },
+      article: { _name: '文章清單' }
+    }
+  },
+  result: {
+    _name: '結果頁面',
+    success: { _name: '成功頁' },
+    fail: { _name: '失敗頁' }
+  },
+  exception: {
+    _name: '异常頁面',
+    '403': { _name: '403' },
+    '404': { _name: '404' },
+    '500': { _name: '500' }
+  },
+  user: {
+    _name: '個人中心',
+    profile: { _name: '個人資料' },
+    message: { _name: '我的消息' }
+  },
+  extension: {
+    _name: '擴展組件',
+    tag: { _name: '標籤組件' },
+    dialog: { _name: '拖拽彈窗' },
+    file: { _name: '檔案清單' },
+    upload: { _name: '圖片上傳' },
+    dragsort: { _name: '拖拽排序' },
+    colorPicker: { _name: '顏色選擇' },
+    regions: { _name: '城市選擇' },
+    printer: { _name: '列印挿件' },
+    excel: { _name: 'excel挿件' },
+    countUp: { _name: '滾動數字' },
+    tableSelect: { _name: '表格下拉' },
+    player: { _name: '視頻播放' },
+    map: { _name: '地圖組件' },
+    qrCode: { _name: '二維碼' },
+    barCode: { _name: '條形碼' },
+    editor: { _name: '富文本框' },
+    markdown: { _name: 'markdown' }
+  },
+  example: {
+    _name: '常用實例',
+    table: { _name: '表格實例' },
+    menuBadge: { _name: '選單徽章' },
+    eleadmin: { _name: '內嵌頁面' },
+    eleadminDoc: { _name: '内嵌文檔' },
+    document: { _name: '案卷調整' },
+    choose: { _name: '批量選擇' }
+  },
+  'https://eleadminCom/goods/9': { _name: '獲取授權' }
+};

src/i18n/use-locale.ts

@@ -0,0 +1,38 @@
+/**
+ * AntDesignVue、EleAdminPro、Dayjs 国际化配置
+ */
+import { ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+import type { Locale } from 'ant-design-vue/es/locale-provider';
+import type { EleLocale } from 'ele-admin-pro/es';
+// AntDesignVue
+import zh_CN from 'ant-design-vue/es/locale/zh_CN';
+import zh_TW from 'ant-design-vue/es/locale/zh_TW';
+import en from 'ant-design-vue/es/locale/en_US';
+// EleAdminPro
+import eleZh_CN from 'ele-admin-pro/es/lang/zh_CN';
+import eleZh_TW from 'ele-admin-pro/es/lang/zh_TW';
+import eleEn from 'ele-admin-pro/es/lang/en_US';
+// Dayjs
+import dayjs from 'dayjs';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/zh-tw';
+const antLocales = { zh_CN, zh_TW, en };
+const eleLocales = { zh_CN: eleZh_CN, zh_TW: eleZh_TW, en: eleEn };
+
+export function useLocale() {
+  const { locale } = useI18n();
+  const antLocale = ref<Locale>();
+  const eleLocale = ref<EleLocale>();
+
+  watch(
+    locale,
+    () => {
+      antLocale.value = antLocales[locale.value];
+      eleLocale.value = eleLocales[locale.value];
+      dayjs.locale(locale.value.toLowerCase().replace(/_/g, '-'));
+    },
+    { immediate: true }
+  );
+  return { antLocale, eleLocale };
+}