feat: add pure-admin-thin

src/plugins/element-plus/index.ts

@@ -0,0 +1,84 @@
+import { App, Component } from "vue";
+import {
+  ElTag,
+  ElAffix,
+  ElSkeleton,
+  ElBreadcrumb,
+  ElBreadcrumbItem,
+  ElScrollbar,
+  ElSubMenu,
+  ElButton,
+  ElCol,
+  ElRow,
+  ElSpace,
+  ElDivider,
+  ElCard,
+  ElDropdown,
+  ElDialog,
+  ElMenu,
+  ElMenuItem,
+  ElDropdownItem,
+  ElDropdownMenu,
+  ElIcon,
+  ElInput,
+  ElForm,
+  ElFormItem,
+  ElLoading,
+  ElPopover,
+  ElPopper,
+  ElTooltip,
+  ElDrawer,
+  ElPagination,
+  ElAlert,
+  ElRadioButton,
+  ElRadioGroup,
+  ElDescriptions,
+  ElDescriptionsItem
+} from "element-plus";
+
+const components = [
+  ElTag,
+  ElAffix,
+  ElSkeleton,
+  ElBreadcrumb,
+  ElBreadcrumbItem,
+  ElScrollbar,
+  ElSubMenu,
+  ElButton,
+  ElCol,
+  ElRow,
+  ElSpace,
+  ElDivider,
+  ElCard,
+  ElDropdown,
+  ElDialog,
+  ElMenu,
+  ElMenuItem,
+  ElDropdownItem,
+  ElDropdownMenu,
+  ElIcon,
+  ElInput,
+  ElForm,
+  ElFormItem,
+  ElPopover,
+  ElPopper,
+  ElTooltip,
+  ElDrawer,
+  ElPagination,
+  ElAlert,
+  ElRadioButton,
+  ElRadioGroup,
+  ElDescriptions,
+  ElDescriptionsItem
+];
+
+const plugins = [ElLoading];
+
+export function useElementPlus(app: App) {
+  components.forEach((component: Component) => {
+    app.component(component.name, component);
+  });
+  plugins.forEach(plugin => {
+    app.use(plugin);
+  });
+}

src/plugins/i18n/config.ts

@@ -0,0 +1,78 @@
+// element-plus国际化
+import enLocale from "element-plus/lib/locale/lang/en";
+import zhLocale from "element-plus/lib/locale/lang/zh-cn";
+
+// 导航菜单配置
+export const menusConfig = {
+  zh: {
+    message: {
+      hshome: "首页",
+      hserror: "错误页面",
+      hsfourZeroFour: "404",
+      hsfourZeroOne: "401"
+    }
+  },
+  en: {
+    message: {
+      hshome: "Home",
+      hserror: "Error Page",
+      hsfourZeroFour: "404",
+      hsfourZeroOne: "401"
+    }
+  }
+};
+
+// 按钮配置
+export const buttonConfig = {
+  zh: {
+    message: {
+      hsLoginOut: "退出系统",
+      hsfullscreen: "全屏",
+      hsexitfullscreen: "退出全屏",
+      hsrefreshRoute: "刷新路由",
+      hslogin: "登陆",
+      hsregister: "注册",
+      hsexpendAll: "全部展开",
+      hscollapseAll: "全部折叠",
+      hssystemSet: "系统设置",
+      hsreload: "重新加载",
+      hscloseCurrentTab: "关闭当前标签页",
+      hscloseLeftTabs: "关闭左侧标签页",
+      hscloseRightTabs: "关闭右侧标签页",
+      hscloseOtherTabs: "关闭其他标签页",
+      hscloseAllTabs: "关闭全部标签页"
+    }
+  },
+  en: {
+    message: {
+      hsLoginOut: "loginOut",
+      hsfullscreen: "fullScreen",
+      hsexitfullscreen: "exitFullscreen",
+      hsrefreshRoute: "refreshRoute",
+      hslogin: "login",
+      hsregister: "register",
+      hsexpendAll: "Expand All",
+      hscollapseAll: "Collapse All",
+      hssystemSet: "System Set",
+      hsreload: "Reload",
+      hscloseCurrentTab: "Close CurrentTab",
+      hscloseLeftTabs: "Close LeftTabs",
+      hscloseRightTabs: "Close RightTabs",
+      hscloseOtherTabs: "Close OtherTabs",
+      hscloseAllTabs: "Close AllTabs"
+    }
+  }
+};
+
+const localesList = [menusConfig, buttonConfig];
+
+export const localesConfigs = {
+  zh: {
+    message: Object.assign({}, ...localesList.map(v => v.zh.message)),
+    ...zhLocale
+  },
+  en: {
+    message: Object.assign({}, ...localesList.map(v => v.en.message)),
+    ...enLocale
+  }
+};

src/plugins/i18n/index.ts

@@ -0,0 +1,14 @@
+import { App } from "vue";
+import { createI18n } from "vue-i18n";
+import { localesConfigs } from "./config";
+import { storageLocal } from "/@/utils/storage";
+
+export const i18n = createI18n({
+  locale: storageLocal.getItem("responsive-locale")?.locale ?? "zh",
+  fallbackLocale: "en",
+  messages: localesConfigs
+});
+
+export function usI18n(app: App) {
+  app.use(i18n);
+}