Skip to content

B
basic-vue-admin
提交 a0b05e77 作者: vben
操作

chore: update menu and route i18n

上级 9bb75147
正在显示 包含 279 行增加 和 254 行删除
src/hooks/web/useI18n.ts
...@@ -31,3 +31,10 @@ export function useI18n(namespace?: string) { ...@@ -31,3 +31,10 @@ export function useI18n(namespace?: string) {
}, },
}; };
} }
// Why write this function？
// Mainly to configure the vscode i18nn ally plugin. This function is only used for routing and menus. Please use useI18n for other places
// 为什么要编写此函数？
// 主要用于配合vscode i18nn ally插件。此功能仅用于路由和菜单。请在其他地方使用useIs18n
export const t = (key: string) => key;
src/router/index.ts
...@@ -20,7 +20,7 @@ const router = createRouter({ ...@@ -20,7 +20,7 @@ const router = createRouter({
// reset router // reset router
export function resetRouter() { export function resetRouter() {
const resetWhiteNameList = ['Login', 'Root']; const resetWhiteNameList = ['Login'];
router.getRoutes().forEach((route) => { router.getRoutes().forEach((route) => {
const { name } = route; const { name } = route;
if (name && !resetWhiteNameList.includes(name as string)) { if (name && !resetWhiteNameList.includes(name as string)) {
......
src/router/menus/modules/dashboard.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 10, orderNo: 10,
menu: { menu: {
name: 'routes.dashboard.dashboard', name: t('routes.dashboard.dashboard'),
path: '/dashboard', path: '/dashboard',
children: [ children: [
{ {
path: '/workbench', path: '/workbench',
name: 'routes.dashboard.workbench', name: t('routes.dashboard.workbench'),
}, },
{ {
path: '/analysis', path: '/analysis',
name: 'routes.dashboard.analysis', name: t('routes.dashboard.analysis'),
}, },
], ],
}, },
......
src/router/menus/modules/demo/charts.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 500, orderNo: 500,
menu: { menu: {
name: 'routes.demo.charts.charts', name: t('routes.demo.charts.charts'),
path: '/charts', path: '/charts',
children: [ children: [
{ {
path: 'apexChart', path: 'apexChart',
name: 'routes.demo.charts.apexChart', name: t('routes.demo.charts.apexChart'),
}, },
{ {
path: 'echarts', path: 'echarts',
...@@ -16,15 +17,15 @@ const menu: MenuModule = { ...@@ -16,15 +17,15 @@ const menu: MenuModule = {
children: [ children: [
{ {
path: 'map', path: 'map',
name: 'routes.demo.charts.map', name: t('routes.demo.charts.map'),
}, },
{ {
path: 'line', path: 'line',
name: 'routes.demo.charts.line', name: t('routes.demo.charts.line'),
}, },
{ {
path: 'pie', path: 'pie',
name: 'routes.demo.charts.pie', name: t('routes.demo.charts.pie'),
}, },
], ],
}, },
......
src/router/menus/modules/demo/comp.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 30, orderNo: 30,
menu: { menu: {
name: 'routes.demo.comp.comp', name: t('routes.demo.comp.comp'),
path: '/comp', path: '/comp',
tag: { tag: {
dot: true, dot: true,
...@@ -11,91 +12,91 @@ const menu: MenuModule = { ...@@ -11,91 +12,91 @@ const menu: MenuModule = {
children: [ children: [
{ {
path: 'basic', path: 'basic',
name: 'routes.demo.comp.basic', name: t('routes.demo.comp.basic'),
}, },
{ {
path: 'countTo', path: 'countTo',
name: 'routes.demo.comp.countTo', name: t('routes.demo.comp.countTo'),
}, },
{ {
path: 'transition', path: 'transition',
name: 'routes.demo.comp.transition', name: t('routes.demo.comp.transition'),
}, },
{ {
path: 'modal', path: 'modal',
name: 'routes.demo.comp.modal', name: t('routes.demo.comp.modal'),
}, },
{ {
path: 'drawer', path: 'drawer',
name: 'routes.demo.comp.drawer', name: t('routes.demo.comp.drawer'),
}, },
{ {
path: 'desc', path: 'desc',
name: 'routes.demo.comp.desc', name: t('routes.demo.comp.desc'),
}, },
{ {
path: 'qrcode', path: 'qrcode',
name: 'routes.demo.comp.qrcode', name: t('routes.demo.comp.qrcode'),
}, },
{ {
path: 'strength-meter', path: 'strength-meter',
name: 'routes.demo.comp.strength', name: t('routes.demo.comp.strength'),
}, },
{ {
path: 'upload', path: 'upload',
name: 'routes.demo.comp.upload', name: t('routes.demo.comp.upload'),
}, },
{ {
path: 'loading', path: 'loading',
name: 'routes.demo.comp.loading', name: t('routes.demo.comp.loading'),
tag: { tag: {
content: 'new', content: 'new',
}, },
}, },
{ {
path: 'scroll', path: 'scroll',
name: 'routes.demo.comp.scroll', name: t('routes.demo.comp.scroll'),
children: [ children: [
{ {
path: 'basic', path: 'basic',
name: 'routes.demo.comp.scrollBasic', name: t('routes.demo.comp.scrollBasic'),
}, },
{ {
path: 'action', path: 'action',
name: 'routes.demo.comp.scrollAction', name: t('routes.demo.comp.scrollAction'),
}, },
{ {
path: 'virtualScroll', path: 'virtualScroll',
name: 'routes.demo.comp.virtualScroll', name: t('routes.demo.comp.virtualScroll'),
}, },
], ],
}, },
{ {
path: 'lazy', path: 'lazy',
name: 'routes.demo.comp.lazy', name: t('routes.demo.comp.lazy'),
children: [ children: [
{ {
path: 'basic', path: 'basic',
name: 'routes.demo.comp.lazyBasic', name: t('routes.demo.comp.lazyBasic'),
}, },
{ {
path: 'transition', path: 'transition',
name: 'routes.demo.comp.lazyTransition', name: t('routes.demo.comp.lazyTransition'),
}, },
], ],
}, },
{ {
path: 'verify', path: 'verify',
name: 'routes.demo.comp.verify', name: t('routes.demo.comp.verify'),
children: [ children: [
{ {
path: 'drag', path: 'drag',
name: 'routes.demo.comp.verifyDrag', name: t('routes.demo.comp.verifyDrag'),
}, },
{ {
path: 'rotate', path: 'rotate',
name: 'routes.demo.comp.verifyRotate', name: t('routes.demo.comp.verifyRotate'),
}, },
], ],
}, },
......
src/router/menus/modules/demo/editor.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 500, orderNo: 500,
menu: { menu: {
name: 'routes.demo.editor.editor', name: t('routes.demo.editor.editor'),
path: '/editor', path: '/editor',
children: [ children: [
{ {
path: 'markdown', path: 'markdown',
name: 'routes.demo.editor.markdown', name: t('routes.demo.editor.markdown'),
}, },
{ {
path: 'tinymce', path: 'tinymce',
name: 'routes.demo.editor.tinymce', name: t('routes.demo.editor.tinymce'),
children: [ children: [
{ {
path: 'index', path: 'index',
name: 'routes.demo.editor.tinymceBasic', name: t('routes.demo.editor.tinymceBasic'),
}, },
{ {
path: 'editor', path: 'editor',
name: 'routes.demo.editor.tinymceForm', name: t('routes.demo.editor.tinymceForm'),
}, },
], ],
}, },
......
src/router/menus/modules/demo/excel.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 500, orderNo: 500,
menu: { menu: {
name: 'routes.demo.excel.excel', name: t('routes.demo.excel.excel'),
path: '/excel', path: '/excel',
children: [ children: [
{ {
path: 'customExport', path: 'customExport',
name: 'routes.demo.excel.customExport', name: t('routes.demo.excel.customExport'),
}, },
{ {
path: 'jsonExport', path: 'jsonExport',
name: 'routes.demo.excel.jsonExport', name: t('routes.demo.excel.jsonExport'),
}, },
{ {
path: 'arrayExport', path: 'arrayExport',
name: 'routes.demo.excel.arrayExport', name: t('routes.demo.excel.arrayExport'),
}, },
{ {
path: 'importExcel', path: 'importExcel',
name: 'routes.demo.excel.importExcel', name: t('routes.demo.excel.importExcel'),
}, },
], ],
}, },
......
src/router/menus/modules/demo/feat.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 19, orderNo: 19,
menu: { menu: {
name: 'routes.demo.feat.feat', name: t('routes.demo.feat.feat'),
path: '/feat', path: '/feat',
children: [ children: [
{ {
path: 'icon', path: 'icon',
name: 'routes.demo.feat.icon', name: t('routes.demo.feat.icon'),
}, },
{ {
path: 'tabs', path: 'tabs',
name: 'routes.demo.feat.tabs', name: t('routes.demo.feat.tabs'),
}, },
{ {
path: 'context-menu', path: 'context-menu',
name: 'routes.demo.feat.contextMenu', name: t('routes.demo.feat.contextMenu'),
}, },
{ {
path: 'download', path: 'download',
name: 'routes.demo.feat.download', name: t('routes.demo.feat.download'),
}, },
{ {
path: 'click-out-side', path: 'click-out-side',
name: 'routes.demo.feat.clickOutSide', name: t('routes.demo.feat.clickOutSide'),
}, },
{ {
path: 'img-preview', path: 'img-preview',
name: 'routes.demo.feat.imgPreview', name: t('routes.demo.feat.imgPreview'),
}, },
{ {
path: 'copy', path: 'copy',
name: 'routes.demo.feat.copy', name: t('routes.demo.feat.copy'),
}, },
{ {
path: 'msg', path: 'msg',
name: 'routes.demo.feat.msg', name: t('routes.demo.feat.msg'),
}, },
{ {
path: 'watermark', path: 'watermark',
name: 'routes.demo.feat.watermark', name: t('routes.demo.feat.watermark'),
}, },
{ {
path: 'full-screen', path: 'full-screen',
name: 'routes.demo.feat.fullScreen', name: t('routes.demo.feat.fullScreen'),
}, },
{ {
path: 'error-log', path: 'error-log',
name: 'routes.demo.feat.errorLog', name: t('routes.demo.feat.errorLog'),
}, },
{ {
path: 'testTab', path: 'testTab',
name: 'routes.demo.feat.tab', name: t('routes.demo.feat.tab'),
children: [ children: [
{ {
path: 'id1', path: 'id1',
name: 'routes.demo.feat.tab1', name: t('routes.demo.feat.tab1'),
}, },
{ {
path: 'id2', path: 'id2',
name: 'routes.demo.feat.tab2', name: t('routes.demo.feat.tab2'),
}, },
], ],
}, },
......
src/router/menus/modules/demo/form.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 40, orderNo: 40,
menu: { menu: {
path: '/form', path: '/form',
name: 'routes.demo.form.form', name: t('routes.demo.form.form'),
children: [ children: [
{ {
path: 'basic', path: 'basic',
name: 'routes.demo.form.basic', name: t('routes.demo.form.basic'),
}, },
{ {
path: 'useForm', path: 'useForm',
name: 'routes.demo.form.useForm', name: t('routes.demo.form.useForm'),
}, },
{ {
path: 'refForm', path: 'refForm',
name: 'routes.demo.form.refForm', name: t('routes.demo.form.refForm'),
}, },
{ {
path: 'advancedForm', path: 'advancedForm',
name: 'routes.demo.form.advancedForm', name: t('routes.demo.form.advancedForm'),
}, },
{ {
path: 'ruleForm', path: 'ruleForm',
name: 'routes.demo.form.ruleForm', name: t('routes.demo.form.ruleForm'),
}, },
{ {
path: 'dynamicForm', path: 'dynamicForm',
name: 'routes.demo.form.dynamicForm', name: t('routes.demo.form.dynamicForm'),
}, },
{ {
path: 'customerForm', path: 'customerForm',
name: 'routes.demo.form.customerForm', name: t('routes.demo.form.customerForm'),
}, },
], ],
}, },
......
src/router/menus/modules/demo/iframe.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 1000, orderNo: 1000,
menu: { menu: {
name: 'routes.demo.iframe.frame', name: t('routes.demo.iframe.frame'),
path: '/frame', path: '/frame',
children: [ children: [
{ {
path: 'antv', path: 'antv',
name: 'routes.demo.iframe.antv', name: t('routes.demo.iframe.antv'),
}, },
{ {
path: 'doc', path: 'doc',
name: 'routes.demo.iframe.doc', name: t('routes.demo.iframe.doc'),
}, },
{ {
path: 'https://vvbin.cn/doc-next/', path: 'https://vvbin.cn/doc-next/',
name: 'routes.demo.iframe.docExternal', name: t('routes.demo.iframe.docExternal'),
}, },
], ],
}, },
......
src/router/menus/modules/demo/level.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 2000, orderNo: 2000,
menu: { menu: {
name: 'routes.demo.level.level', name: t('routes.demo.level.level'),
path: '/level', path: '/level',
tag: { tag: {
dot: true, dot: true,
......
src/router/menus/modules/demo/page.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 20, orderNo: 20,
menu: { menu: {
name: 'routes.demo.page.page', name: t('routes.demo.page.page'),
path: '/page-demo', path: '/page-demo',
tag: { tag: {
dot: true, dot: true,
...@@ -11,111 +12,111 @@ const menu: MenuModule = { ...@@ -11,111 +12,111 @@ const menu: MenuModule = {
children: [ children: [
{ {
path: 'form', path: 'form',
name: 'routes.demo.page.form', name: t('routes.demo.page.form'),
children: [ children: [
{ {
path: 'basic', path: 'basic',
name: 'routes.demo.page.formBasic', name: t('routes.demo.page.formBasic'),
}, },
{ {
path: 'step', path: 'step',
name: 'routes.demo.page.formStep', name: t('routes.demo.page.formStep'),
}, },
{ {
path: 'high', path: 'high',
name: 'routes.demo.page.formHigh', name: t('routes.demo.page.formHigh'),
}, },
], ],
}, },
{ {
path: 'desc', path: 'desc',
name: 'routes.demo.page.desc', name: t('routes.demo.page.desc'),
children: [ children: [
{ {
path: 'basic', path: 'basic',
name: 'routes.demo.page.descBasic', name: t('routes.demo.page.descBasic'),
}, },
{ {
path: 'high', path: 'high',
name: 'routes.demo.page.descHigh', name: t('routes.demo.page.descHigh'),
}, },
], ],
}, },
{ {
path: 'result', path: 'result',
name: 'routes.demo.page.result', name: t('routes.demo.page.result'),
children: [ children: [
{ {
path: 'success', path: 'success',
name: 'routes.demo.page.resultSuccess', name: t('routes.demo.page.resultSuccess'),
}, },
{ {
path: 'fail', path: 'fail',
name: 'routes.demo.page.resultFail', name: t('routes.demo.page.resultFail'),
}, },
], ],
}, },
{ {
path: 'exception', path: 'exception',
name: 'routes.demo.page.exception', name: t('routes.demo.page.exception'),
children: [ children: [
{ {
path: '403', path: '403',
name: '403', name: t('403'),
}, },
{ {
path: '404', path: '404',
name: '404', name: t('404'),
}, },
{ {
path: '500', path: '500',
name: '500', name: t('500'),
}, },
{ {
path: 'net-work-error', path: 'net-work-error',
name: 'routes.demo.page.netWorkError', name: t('routes.demo.page.netWorkError'),
}, },
{ {
path: 'not-data', path: 'not-data',
name: 'routes.demo.page.notData', name: t('routes.demo.page.notData'),
}, },
], ],
}, },
{ {
path: 'account', path: 'account',
name: 'routes.demo.page.account', name: t('routes.demo.page.account'),
children: [ children: [
{ {
path: 'center', path: 'center',
name: 'routes.demo.page.accountCenter', name: t('routes.demo.page.accountCenter'),
}, },
{ {
path: 'setting', path: 'setting',
name: 'routes.demo.page.accountSetting', name: t('routes.demo.page.accountSetting'),
}, },
], ],
}, },
{ {
path: 'list', path: 'list',
name: 'routes.demo.page.list', name: t('routes.demo.page.list'),
tag: { tag: {
content: 'new', content: 'new',
}, },
children: [ children: [
{ {
path: 'basic', path: 'basic',
name: 'routes.demo.page.listBasic', name: t('routes.demo.page.listBasic'),
}, },
{ {
path: 'card', path: 'card',
name: 'routes.demo.page.listCard', name: t('routes.demo.page.listCard'),
}, },
{ {
path: 'search', path: 'search',
name: 'routes.demo.page.listSearch', name: t('routes.demo.page.listSearch'),
}, },
], ],
}, },
......
src/router/menus/modules/demo/permission.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 15, orderNo: 15,
menu: { menu: {
name: 'routes.demo.permission.permission', name: t('routes.demo.permission.permission'),
path: '/permission', path: '/permission',
children: [ children: [
{ {
path: 'front', path: 'front',
name: 'routes.demo.permission.front', name: t('routes.demo.permission.front'),
children: [ children: [
{ {
path: 'page', path: 'page',
name: 'routes.demo.permission.frontPage', name: t('routes.demo.permission.frontPage'),
}, },
{ {
path: 'btn', path: 'btn',
name: 'routes.demo.permission.frontBtn', name: t('routes.demo.permission.frontBtn'),
}, },
{ {
path: 'auth-pageA', path: 'auth-pageA',
name: 'routes.demo.permission.frontTestA', name: t('routes.demo.permission.frontTestA'),
}, },
{ {
path: 'auth-pageB', path: 'auth-pageB',
name: 'routes.demo.permission.frontTestB', name: t('routes.demo.permission.frontTestB'),
}, },
], ],
}, },
{ {
path: 'back', path: 'back',
name: 'routes.demo.permission.back', name: t('routes.demo.permission.back'),
children: [ children: [
{ {
path: 'page', path: 'page',
name: 'routes.demo.permission.backPage', name: t('routes.demo.permission.backPage'),
}, },
{ {
path: 'btn', path: 'btn',
name: 'routes.demo.permission.backBtn', name: t('routes.demo.permission.backBtn'),
}, },
], ],
}, },
......
src/router/menus/modules/demo/table.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 30, orderNo: 30,
menu: { menu: {
path: '/table', path: '/table',
name: 'routes.demo.table.table', name: t('routes.demo.table.table'),
children: [ children: [
{ {
path: 'basic', path: 'basic',
name: 'routes.demo.table.basic', name: t('routes.demo.table.basic'),
}, },
{ {
path: 'treeTable', path: 'treeTable',
name: 'routes.demo.table.treeTable', name: t('routes.demo.table.treeTable'),
}, },
{ {
path: 'fetchTable', path: 'fetchTable',
name: 'routes.demo.table.fetchTable', name: t('routes.demo.table.fetchTable'),
}, },
{ {
path: 'fixedColumn', path: 'fixedColumn',
name: 'routes.demo.table.fixedColumn', name: t('routes.demo.table.fixedColumn'),
}, },
{ {
path: 'customerCell', path: 'customerCell',
name: 'routes.demo.table.customerCell', name: t('routes.demo.table.customerCell'),
}, },
{ {
path: 'formTable', path: 'formTable',
name: 'routes.demo.table.formTable', name: t('routes.demo.table.formTable'),
}, },
{ {
path: 'useTable', path: 'useTable',
name: 'routes.demo.table.useTable', name: t('routes.demo.table.useTable'),
}, },
{ {
path: 'refTable', path: 'refTable',
name: 'routes.demo.table.refTable', name: t('routes.demo.table.refTable'),
}, },
{ {
path: 'multipleHeader', path: 'multipleHeader',
name: 'routes.demo.table.multipleHeader', name: t('routes.demo.table.multipleHeader'),
}, },
{ {
path: 'mergeHeader', path: 'mergeHeader',
name: 'routes.demo.table.mergeHeader', name: t('routes.demo.table.mergeHeader'),
}, },
{ {
path: 'expandTable', path: 'expandTable',
name: 'routes.demo.table.expandTable', name: t('routes.demo.table.expandTable'),
}, },
{ {
path: 'fixedHeight', path: 'fixedHeight',
name: 'routes.demo.table.fixedHeight', name: t('routes.demo.table.fixedHeight'),
}, },
{ {
path: 'footerTable', path: 'footerTable',
name: 'routes.demo.table.footerTable', name: t('routes.demo.table.footerTable'),
}, },
{ {
path: 'editCellTable', path: 'editCellTable',
name: 'routes.demo.table.editCellTable', name: t('routes.demo.table.editCellTable'),
}, },
{ {
path: 'editRowTable', path: 'editRowTable',
name: 'routes.demo.table.editRowTable', name: t('routes.demo.table.editRowTable'),
}, },
], ],
}, },
......
src/router/menus/modules/demo/tree.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 50, orderNo: 50,
menu: { menu: {
path: '/tree', path: '/tree',
name: 'routes.demo.tree.tree', name: t('routes.demo.tree.tree'),
children: [ children: [
{ {
path: 'basic', path: 'basic',
name: 'routes.demo.tree.basic', name: t('routes.demo.tree.basic'),
}, },
{ {
path: 'editTree', path: 'editTree',
name: 'routes.demo.tree.editTree', name: t('routes.demo.tree.editTree'),
}, },
{ {
path: 'actionTree', path: 'actionTree',
name: 'routes.demo.tree.actionTree', name: t('routes.demo.tree.actionTree'),
}, },
], ],
}, },
......
src/router/menus/modules/home.ts
import type { MenuModule } from '/@/router/types.d'; import type { MenuModule } from '/@/router/types.d';
import { t } from '/@/hooks/web/useI18n';
const menu: MenuModule = { const menu: MenuModule = {
orderNo: 0, orderNo: 0,
menu: { menu: {
path: '/home/welcome', path: '/home/welcome',
name: 'routes.dashboard.welcome', name: t('routes.dashboard.welcome'),
}, },
}; };
export default menu; export default menu;
src/router/routes/index.ts
import type { AppRouteRecordRaw, AppRouteModule } from '/@/router/types'; import type { AppRouteRecordRaw, AppRouteModule } from '/@/router/types';
import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE, LAYOUT } from '../constant'; import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '../constant';
import { PageEnum } from '/@/enums/pageEnum';
import modules from 'globby!/@/router/routes/modules/**/*.@(ts)'; import modules from 'globby!/@/router/routes/modules/**/*.@(ts)';
import { t } from '/@/hooks/web/useI18n';
const routeModuleList: AppRouteModule[] = []; const routeModuleList: AppRouteModule[] = [];
Object.keys(modules).forEach((key) => { Object.keys(modules).forEach((key) => {
...@@ -14,25 +15,14 @@ Object.keys(modules).forEach((key) => { ...@@ -14,25 +15,14 @@ Object.keys(modules).forEach((key) => {
export const asyncRoutes = [PAGE_NOT_FOUND_ROUTE, ...routeModuleList]; export const asyncRoutes = [PAGE_NOT_FOUND_ROUTE, ...routeModuleList];
const MainRoute: AppRouteModule = {
path: '/',
name: 'MainRoute',
component: LAYOUT,
redirect: PageEnum.BASE_HOME,
meta: {
icon: 'bx:bx-home',
title: 'routes.dashboard.dashboard',
},
};
export const LoginRoute: AppRouteRecordRaw = { export const LoginRoute: AppRouteRecordRaw = {
path: '/login', path: '/login',
name: 'Login', name: 'Login',
component: () => import('/@/views/sys/login/Login.vue'), component: () => import('/@/views/sys/login/Login.vue'),
meta: { meta: {
title: 'routes.basic.login', title: t('routes.basic.login'),
}, },
}; };
// 基础路由 不用权限 // 基础路由 不用权限
export const basicRoutes = [LoginRoute, MainRoute, REDIRECT_ROUTE]; export const basicRoutes = [LoginRoute, REDIRECT_ROUTE];
src/router/routes/modules/dashboard.ts
import type { AppRouteModule } from '/@/router/types'; import type { AppRouteModule } from '/@/router/types';
import { LAYOUT } from '/@/router/constant'; import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';
const dashboard: AppRouteModule = { const dashboard: AppRouteModule = {
path: '/dashboard', path: '/dashboard',
...@@ -9,7 +10,7 @@ const dashboard: AppRouteModule = { ...@@ -9,7 +10,7 @@ const dashboard: AppRouteModule = {
redirect: '/dashboard/welcome', redirect: '/dashboard/welcome',
meta: { meta: {
icon: 'bx:bx-home', icon: 'bx:bx-home',
title: 'routes.dashboard.dashboard', title: t('routes.dashboard.dashboard'),
}, },
children: [ children: [
{ {
...@@ -17,7 +18,7 @@ const dashboard: AppRouteModule = { ...@@ -17,7 +18,7 @@ const dashboard: AppRouteModule = {
name: 'Workbench', name: 'Workbench',
component: () => import('/@/views/dashboard/workbench/index.vue'), component: () => import('/@/views/dashboard/workbench/index.vue'),
meta: { meta: {
title: 'routes.dashboard.workbench', title: t('routes.dashboard.workbench'),
}, },
}, },
{ {
...@@ -25,7 +26,7 @@ const dashboard: AppRouteModule = { ...@@ -25,7 +26,7 @@ const dashboard: AppRouteModule = {
name: 'Analysis', name: 'Analysis',
component: () => import('/@/views/dashboard/analysis/index.vue'), component: () => import('/@/views/dashboard/analysis/index.vue'),
meta: { meta: {
title: 'routes.dashboard.analysis', title: t('routes.dashboard.analysis'),
}, },
}, },
], ],
......
src/router/routes/modules/demo/charts.ts
import type { AppRouteModule } from '/@/router/types'; import type { AppRouteModule } from '/@/router/types';
import { getParentLayout, LAYOUT } from '/@/router/constant'; import { getParentLayout, LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';
const charts: AppRouteModule = { const charts: AppRouteModule = {
path: '/charts', path: '/charts',
...@@ -9,7 +10,7 @@ const charts: AppRouteModule = { ...@@ -9,7 +10,7 @@ const charts: AppRouteModule = {
redirect: '/charts/apexChart', redirect: '/charts/apexChart',
meta: { meta: {
icon: 'vaadin:spline-area-chart', icon: 'vaadin:spline-area-chart',
title: 'routes.demo.charts.charts', title: t('routes.demo.charts.charts'),
}, },
children: [ children: [
{ {
...@@ -25,7 +26,7 @@ const charts: AppRouteModule = { ...@@ -25,7 +26,7 @@ const charts: AppRouteModule = {
name: 'Map', name: 'Map',
component: () => import('/@/views/demo/echarts/Map.vue'), component: () => import('/@/views/demo/echarts/Map.vue'),
meta: { meta: {
title: 'routes.demo.charts.map', title: t('routes.demo.charts.map'),
}, },
}, },
{ {
...@@ -33,7 +34,7 @@ const charts: AppRouteModule = { ...@@ -33,7 +34,7 @@ const charts: AppRouteModule = {
name: 'Line', name: 'Line',
component: () => import('/@/views/demo/echarts/Line.vue'), component: () => import('/@/views/demo/echarts/Line.vue'),
meta: { meta: {
title: 'routes.demo.charts.line', title: t('routes.demo.charts.line'),
}, },
}, },
{ {
...@@ -41,7 +42,7 @@ const charts: AppRouteModule = { ...@@ -41,7 +42,7 @@ const charts: AppRouteModule = {
name: 'Pie', name: 'Pie',
component: () => import('/@/views/demo/echarts/Pie.vue'), component: () => import('/@/views/demo/echarts/Pie.vue'),
meta: { meta: {
title: 'routes.demo.charts.pie', title: t('routes.demo.charts.pie'),
}, },
}, },
], ],
...@@ -50,7 +51,7 @@ const charts: AppRouteModule = { ...@@ -50,7 +51,7 @@ const charts: AppRouteModule = {
path: 'apexChart', path: 'apexChart',
name: 'ApexChart', name: 'ApexChart',
meta: { meta: {
title: 'routes.demo.charts.apexChart', title: t('routes.demo.charts.apexChart'),
}, },
component: () => import('/@/views/demo/echarts/apex/index.vue'), component: () => import('/@/views/demo/echarts/apex/index.vue'),
}, },
......
src/router/routes/modules/demo/comp.ts
import type { AppRouteModule } from '/@/router/types'; import type { AppRouteModule } from '/@/router/types';
import { getParentLayout, LAYOUT } from '/@/router/constant'; import { getParentLayout, LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';
const comp: AppRouteModule = { const comp: AppRouteModule = {
path: '/comp', path: '/comp',
...@@ -9,7 +10,7 @@ const comp: AppRouteModule = { ...@@ -9,7 +10,7 @@ const comp: AppRouteModule = {
redirect: '/comp/basic', redirect: '/comp/basic',
meta: { meta: {
icon: 'ic:outline-settings-input-component', icon: 'ic:outline-settings-input-component',
title: 'routes.demo.comp.comp', title: t('routes.demo.comp.comp'),
}, },
children: [ children: [
...@@ -18,7 +19,7 @@ const comp: AppRouteModule = { ...@@ -18,7 +19,7 @@ const comp: AppRouteModule = {
name: 'BasicDemo', name: 'BasicDemo',
component: () => import('/@/views/demo/comp/button/index.vue'), component: () => import('/@/views/demo/comp/button/index.vue'),
meta: { meta: {
title: 'routes.demo.comp.basic', title: t('routes.demo.comp.basic'),
}, },
}, },
{ {
...@@ -26,7 +27,7 @@ const comp: AppRouteModule = { ...@@ -26,7 +27,7 @@ const comp: AppRouteModule = {
name: 'transitionDemo', name: 'transitionDemo',
component: () => import('/@/views/demo/comp/transition/index.vue'), component: () => import('/@/views/demo/comp/transition/index.vue'),
meta: { meta: {
title: 'routes.demo.comp.transition', title: t('routes.demo.comp.transition'),
}, },
}, },
{ {
...@@ -34,7 +35,7 @@ const comp: AppRouteModule = { ...@@ -34,7 +35,7 @@ const comp: AppRouteModule = {
name: 'CountTo', name: 'CountTo',
component: () => import('/@/views/demo/comp/count-to/index.vue'), component: () => import('/@/views/demo/comp/count-to/index.vue'),
meta: { meta: {
title: 'routes.demo.comp.countTo', title: t('routes.demo.comp.countTo'),
}, },
}, },
...@@ -44,7 +45,7 @@ const comp: AppRouteModule = { ...@@ -44,7 +45,7 @@ const comp: AppRouteModule = {
redirect: '/comp/scroll/basic', redirect: '/comp/scroll/basic',
component: getParentLayout('ScrollDemo'), component: getParentLayout('ScrollDemo'),
meta: { meta: {
title: 'routes.demo.comp.scroll', title: t('routes.demo.comp.scroll'),
}, },
children: [ children: [
{ {
...@@ -52,7 +53,7 @@ const comp: AppRouteModule = { ...@@ -52,7 +53,7 @@ const comp: AppRouteModule = {
name: 'BasicScrollDemo', name: 'BasicScrollDemo',
component: () => import('/@/views/demo/comp/scroll/index.vue'), component: () => import('/@/views/demo/comp/scroll/index.vue'),
meta: { meta: {
title: 'routes.demo.comp.scrollBasic', title: t('routes.demo.comp.scrollBasic'),
}, },
}, },
{ {
...@@ -60,7 +61,7 @@ const comp: AppRouteModule = { ...@@ -60,7 +61,7 @@ const comp: AppRouteModule = {
name: 'ActionScrollDemo', name: 'ActionScrollDemo',
component: () => import('/@/views/demo/comp/scroll/Action.vue'), component: () => import('/@/views/demo/comp/scroll/Action.vue'),
meta: { meta: {
title: 'routes.demo.comp.scrollAction', title: t('routes.demo.comp.scrollAction'),
}, },
}, },
{ {
...@@ -68,7 +69,7 @@ const comp: AppRouteModule = { ...@@ -68,7 +69,7 @@ const comp: AppRouteModule = {
name: 'VirtualScrollDemo', name: 'VirtualScrollDemo',
component: () => import('/@/views/demo/comp/scroll/VirtualScroll.vue'), component: () => import('/@/views/demo/comp/scroll/VirtualScroll.vue'),
meta: { meta: {
title: 'routes.demo.comp.virtualScroll', title: t('routes.demo.comp.virtualScroll'),
}, },
}, },
], ],
...@@ -79,7 +80,7 @@ const comp: AppRouteModule = { ...@@ -79,7 +80,7 @@ const comp: AppRouteModule = {
name: 'ModalDemo', name: 'ModalDemo',
component: () => import('/@/views/demo/comp/modal/index.vue'), component: () => import('/@/views/demo/comp/modal/index.vue'),
meta: { meta: {
title: 'routes.demo.comp.modal', title: t('routes.demo.comp.modal'),
}, },
}, },
{ {
...@@ -87,7 +88,7 @@ const comp: AppRouteModule = { ...@@ -87,7 +88,7 @@ const comp: AppRouteModule = {
name: 'DrawerDemo', name: 'DrawerDemo',
component: () => import('/@/views/demo/comp/drawer/index.vue'), component: () => import('/@/views/demo/comp/drawer/index.vue'),
meta: { meta: {
title: 'routes.demo.comp.drawer', title: t('routes.demo.comp.drawer'),
}, },
}, },
{ {
...@@ -95,7 +96,7 @@ const comp: AppRouteModule = { ...@@ -95,7 +96,7 @@ const comp: AppRouteModule = {
name: 'DescDemo', name: 'DescDemo',
component: () => import('/@/views/demo/comp/desc/index.vue'), component: () => import('/@/views/demo/comp/desc/index.vue'),
meta: { meta: {
title: 'routes.demo.comp.desc', title: t('routes.demo.comp.desc'),
}, },
}, },
...@@ -105,7 +106,7 @@ const comp: AppRouteModule = { ...@@ -105,7 +106,7 @@ const comp: AppRouteModule = {
component: getParentLayout('LazyDemo'), component: getParentLayout('LazyDemo'),
redirect: '/comp/lazy/basic', redirect: '/comp/lazy/basic',
meta: { meta: {
title: 'routes.demo.comp.lazy', title: t('routes.demo.comp.lazy'),
}, },
children: [ children: [
{ {
...@@ -113,7 +114,7 @@ const comp: AppRouteModule = { ...@@ -113,7 +114,7 @@ const comp: AppRouteModule = {
name: 'BasicLazyDemo', name: 'BasicLazyDemo',
component: () => import('/@/views/demo/comp/lazy/index.vue'), component: () => import('/@/views/demo/comp/lazy/index.vue'),
meta: { meta: {
title: 'routes.demo.comp.lazyBasic', title: t('routes.demo.comp.lazyBasic'),
}, },
}, },
{ {
...@@ -121,7 +122,7 @@ const comp: AppRouteModule = { ...@@ -121,7 +122,7 @@ const comp: AppRouteModule = {
name: 'BasicTransitionDemo', name: 'BasicTransitionDemo',
component: () => import('/@/views/demo/comp/lazy/Transition.vue'), component: () => import('/@/views/demo/comp/lazy/Transition.vue'),
meta: { meta: {
title: 'routes.demo.comp.lazyTransition', title: t('routes.demo.comp.lazyTransition'),
}, },
}, },
], ],
...@@ -132,7 +133,7 @@ const comp: AppRouteModule = { ...@@ -132,7 +133,7 @@ const comp: AppRouteModule = {
component: getParentLayout('VerifyDemo'), component: getParentLayout('VerifyDemo'),
redirect: '/comp/verify/drag', redirect: '/comp/verify/drag',
meta: { meta: {
title: 'routes.demo.comp.verify', title: t('routes.demo.comp.verify'),
}, },
children: [ children: [
{ {
...@@ -140,7 +141,7 @@ const comp: AppRouteModule = { ...@@ -140,7 +141,7 @@ const comp: AppRouteModule = {
name: 'VerifyDragDemo', name: 'VerifyDragDemo',
component: () => import('/@/views/demo/comp/verify/index.vue'), component: () => import('/@/views/demo/comp/verify/index.vue'),
meta: { meta: {
title: 'routes.demo.comp.verifyDrag', title: t('routes.demo.comp.verifyDrag'),
}, },
}, },
{ {
...@@ -148,7 +149,7 @@ const comp: AppRouteModule = { ...@@ -148,7 +149,7 @@ const comp: AppRouteModule = {
name: 'VerifyRotateDemo', name: 'VerifyRotateDemo',
component: () => import('/@/views/demo/comp/verify/Rotate.vue'), component: () => import('/@/views/demo/comp/verify/Rotate.vue'),
meta: { meta: {
title: 'routes.demo.comp.verifyRotate', title: t('routes.demo.comp.verifyRotate'),
}, },
}, },
], ],
...@@ -160,7 +161,7 @@ const comp: AppRouteModule = { ...@@ -160,7 +161,7 @@ const comp: AppRouteModule = {
name: 'QrCodeDemo', name: 'QrCodeDemo',
component: () => import('/@/views/demo/comp/qrcode/index.vue'), component: () => import('/@/views/demo/comp/qrcode/index.vue'),
meta: { meta: {
title: 'routes.demo.comp.qrcode', title: t('routes.demo.comp.qrcode'),
}, },
}, },
{ {
...@@ -168,7 +169,7 @@ const comp: AppRouteModule = { ...@@ -168,7 +169,7 @@ const comp: AppRouteModule = {
name: 'StrengthMeterDemo', name: 'StrengthMeterDemo',
component: () => import('/@/views/demo/comp/strength-meter/index.vue'), component: () => import('/@/views/demo/comp/strength-meter/index.vue'),
meta: { meta: {
title: 'routes.demo.comp.strength', title: t('routes.demo.comp.strength'),
}, },
}, },
{ {
...@@ -176,7 +177,7 @@ const comp: AppRouteModule = { ...@@ -176,7 +177,7 @@ const comp: AppRouteModule = {
name: 'UploadDemo', name: 'UploadDemo',
component: () => import('/@/views/demo/comp/upload/index.vue'), component: () => import('/@/views/demo/comp/upload/index.vue'),
meta: { meta: {
title: 'routes.demo.comp.upload', title: t('routes.demo.comp.upload'),
}, },
}, },
{ {
...@@ -184,7 +185,7 @@ const comp: AppRouteModule = { ...@@ -184,7 +185,7 @@ const comp: AppRouteModule = {
name: 'LoadingDemo', name: 'LoadingDemo',
component: () => import('/@/views/demo/comp/loading/index.vue'), component: () => import('/@/views/demo/comp/loading/index.vue'),
meta: { meta: {
title: 'routes.demo.comp.loading', title: t('routes.demo.comp.loading'),
}, },
}, },
], ],
......
src/router/routes/modules/demo/editor.ts
import type { AppRouteModule } from '/@/router/types'; import type { AppRouteModule } from '/@/router/types';
import { getParentLayout, LAYOUT } from '/@/router/constant'; import { getParentLayout, LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';
const editor: AppRouteModule = { const editor: AppRouteModule = {
path: '/editor', path: '/editor',
...@@ -9,7 +10,7 @@ const editor: AppRouteModule = { ...@@ -9,7 +10,7 @@ const editor: AppRouteModule = {
redirect: '/editor/markdown', redirect: '/editor/markdown',
meta: { meta: {
icon: 'carbon:table-split', icon: 'carbon:table-split',
title: 'routes.demo.editor.editor', title: t('routes.demo.editor.editor'),
}, },
children: [ children: [
{ {
...@@ -17,7 +18,7 @@ const editor: AppRouteModule = { ...@@ -17,7 +18,7 @@ const editor: AppRouteModule = {
name: 'MarkdownDemo', name: 'MarkdownDemo',
component: () => import('/@/views/demo/editor/Markdown.vue'), component: () => import('/@/views/demo/editor/Markdown.vue'),
meta: { meta: {
title: 'routes.demo.editor.markdown', title: t('routes.demo.editor.markdown'),
}, },
}, },
{ {
...@@ -25,7 +26,7 @@ const editor: AppRouteModule = { ...@@ -25,7 +26,7 @@ const editor: AppRouteModule = {
component: getParentLayout('TinymceDemo'), component: getParentLayout('TinymceDemo'),
name: 'TinymceDemo', name: 'TinymceDemo',
meta: { meta: {
title: 'routes.demo.editor.tinymce', title: t('routes.demo.editor.tinymce'),
}, },
redirect: '/editor/tinymce/index', redirect: '/editor/tinymce/index',
children: [ children: [
...@@ -34,7 +35,7 @@ const editor: AppRouteModule = { ...@@ -34,7 +35,7 @@ const editor: AppRouteModule = {
name: 'TinymceBasicDemo', name: 'TinymceBasicDemo',
component: () => import('/@/views/demo/editor/tinymce/index.vue'), component: () => import('/@/views/demo/editor/tinymce/index.vue'),
meta: { meta: {
title: 'routes.demo.editor.tinymceBasic', title: t('routes.demo.editor.tinymceBasic'),
}, },
}, },
{ {
...@@ -42,7 +43,7 @@ const editor: AppRouteModule = { ...@@ -42,7 +43,7 @@ const editor: AppRouteModule = {
name: 'TinymceFormDemo', name: 'TinymceFormDemo',
component: () => import('/@/views/demo/editor/tinymce/Editor.vue'), component: () => import('/@/views/demo/editor/tinymce/Editor.vue'),
meta: { meta: {
title: 'routes.demo.editor.tinymceForm', title: t('routes.demo.editor.tinymceForm'),
}, },
}, },
], ],
......
src/router/routes/modules/demo/excel.ts
import type { AppRouteModule } from '/@/router/types'; import type { AppRouteModule } from '/@/router/types';
import { LAYOUT } from '/@/router/constant'; import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';
const excel: AppRouteModule = { const excel: AppRouteModule = {
path: '/excel', path: '/excel',
...@@ -9,7 +10,7 @@ const excel: AppRouteModule = { ...@@ -9,7 +10,7 @@ const excel: AppRouteModule = {
redirect: '/excel/customExport', redirect: '/excel/customExport',
meta: { meta: {
icon: 'mdi:microsoft-excel', icon: 'mdi:microsoft-excel',
title: 'routes.demo.excel.excel', title: t('routes.demo.excel.excel'),
}, },
children: [ children: [
...@@ -18,7 +19,7 @@ const excel: AppRouteModule = { ...@@ -18,7 +19,7 @@ const excel: AppRouteModule = {
name: 'CustomExport', name: 'CustomExport',
component: () => import('/@/views/demo/excel/CustomExport.vue'), component: () => import('/@/views/demo/excel/CustomExport.vue'),
meta: { meta: {
title: 'routes.demo.excel.customExport', title: t('routes.demo.excel.customExport'),
}, },
}, },
{ {
...@@ -26,7 +27,7 @@ const excel: AppRouteModule = { ...@@ -26,7 +27,7 @@ const excel: AppRouteModule = {
name: 'JsonExport', name: 'JsonExport',
component: () => import('/@/views/demo/excel/JsonExport.vue'), component: () => import('/@/views/demo/excel/JsonExport.vue'),
meta: { meta: {
title: 'routes.demo.excel.jsonExport', title: t('routes.demo.excel.jsonExport'),
}, },
}, },
{ {
...@@ -34,7 +35,7 @@ const excel: AppRouteModule = { ...@@ -34,7 +35,7 @@ const excel: AppRouteModule = {
name: 'ArrayExport', name: 'ArrayExport',
component: () => import('/@/views/demo/excel/ArrayExport.vue'), component: () => import('/@/views/demo/excel/ArrayExport.vue'),
meta: { meta: {
title: 'routes.demo.excel.arrayExport', title: t('routes.demo.excel.arrayExport'),
}, },
}, },
{ {
...@@ -42,7 +43,7 @@ const excel: AppRouteModule = { ...@@ -42,7 +43,7 @@ const excel: AppRouteModule = {
name: 'ImportExcel', name: 'ImportExcel',
component: () => import('/@/views/demo/excel/ImportExcel.vue'), component: () => import('/@/views/demo/excel/ImportExcel.vue'),
meta: { meta: {
title: 'routes.demo.excel.importExcel', title: t('routes.demo.excel.importExcel'),
}, },
}, },
], ],
......
src/router/routes/modules/demo/feat.ts
import type { AppRouteModule } from '/@/router/types'; import type { AppRouteModule } from '/@/router/types';
import { LAYOUT } from '/@/router/constant'; import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';
const feat: AppRouteModule = { const feat: AppRouteModule = {
path: '/feat', path: '/feat',
...@@ -9,7 +10,7 @@ const feat: AppRouteModule = { ...@@ -9,7 +10,7 @@ const feat: AppRouteModule = {
redirect: '/feat/icon', redirect: '/feat/icon',
meta: { meta: {
icon: 'ic:outline-featured-play-list', icon: 'ic:outline-featured-play-list',
title: 'routes.demo.feat.feat', title: t('routes.demo.feat.feat'),
}, },
children: [ children: [
{ {
...@@ -17,7 +18,7 @@ const feat: AppRouteModule = { ...@@ -17,7 +18,7 @@ const feat: AppRouteModule = {
name: 'IconDemo', name: 'IconDemo',
component: () => import('/@/views/demo/feat/icon/index.vue'), component: () => import('/@/views/demo/feat/icon/index.vue'),
meta: { meta: {
title: 'routes.demo.feat.icon', title: t('routes.demo.feat.icon'),
}, },
}, },
{ {
...@@ -25,7 +26,7 @@ const feat: AppRouteModule = { ...@@ -25,7 +26,7 @@ const feat: AppRouteModule = {
name: 'TabsDemo', name: 'TabsDemo',
component: () => import('/@/views/demo/feat/tabs/index.vue'), component: () => import('/@/views/demo/feat/tabs/index.vue'),
meta: { meta: {
title: 'routes.demo.feat.tabs', title: t('routes.demo.feat.tabs'),
}, },
}, },
...@@ -34,7 +35,7 @@ const feat: AppRouteModule = { ...@@ -34,7 +35,7 @@ const feat: AppRouteModule = {
name: 'ContextMenuDemo', name: 'ContextMenuDemo',
component: () => import('/@/views/demo/feat/context-menu/index.vue'), component: () => import('/@/views/demo/feat/context-menu/index.vue'),
meta: { meta: {
title: 'routes.demo.feat.contextMenu', title: t('routes.demo.feat.contextMenu'),
}, },
}, },
{ {
...@@ -42,7 +43,7 @@ const feat: AppRouteModule = { ...@@ -42,7 +43,7 @@ const feat: AppRouteModule = {
name: 'DownLoadDemo', name: 'DownLoadDemo',
component: () => import('/@/views/demo/feat/download/index.vue'), component: () => import('/@/views/demo/feat/download/index.vue'),
meta: { meta: {
title: 'routes.demo.feat.download', title: t('routes.demo.feat.download'),
}, },
}, },
{ {
...@@ -50,7 +51,7 @@ const feat: AppRouteModule = { ...@@ -50,7 +51,7 @@ const feat: AppRouteModule = {
name: 'ClickOutSideDemo', name: 'ClickOutSideDemo',
component: () => import('/@/views/demo/feat/click-out-side/index.vue'), component: () => import('/@/views/demo/feat/click-out-side/index.vue'),
meta: { meta: {
title: 'routes.demo.feat.clickOutSide', title: t('routes.demo.feat.clickOutSide'),
}, },
}, },
{ {
...@@ -58,7 +59,7 @@ const feat: AppRouteModule = { ...@@ -58,7 +59,7 @@ const feat: AppRouteModule = {
name: 'ImgPreview', name: 'ImgPreview',
component: () => import('/@/views/demo/feat/img-preview/index.vue'), component: () => import('/@/views/demo/feat/img-preview/index.vue'),
meta: { meta: {
title: 'routes.demo.feat.imgPreview', title: t('routes.demo.feat.imgPreview'),
}, },
}, },
{ {
...@@ -66,7 +67,7 @@ const feat: AppRouteModule = { ...@@ -66,7 +67,7 @@ const feat: AppRouteModule = {
name: 'CopyDemo', name: 'CopyDemo',
component: () => import('/@/views/demo/feat/copy/index.vue'), component: () => import('/@/views/demo/feat/copy/index.vue'),
meta: { meta: {
title: 'routes.demo.feat.copy', title: t('routes.demo.feat.copy'),
}, },
}, },
{ {
...@@ -74,7 +75,7 @@ const feat: AppRouteModule = { ...@@ -74,7 +75,7 @@ const feat: AppRouteModule = {
name: 'MsgDemo', name: 'MsgDemo',
component: () => import('/@/views/demo/feat/msg/index.vue'), component: () => import('/@/views/demo/feat/msg/index.vue'),
meta: { meta: {
title: 'routes.demo.feat.msg', title: t('routes.demo.feat.msg'),
}, },
}, },
{ {
...@@ -82,7 +83,7 @@ const feat: AppRouteModule = { ...@@ -82,7 +83,7 @@ const feat: AppRouteModule = {
name: 'WatermarkDemo', name: 'WatermarkDemo',
component: () => import('/@/views/demo/feat/watermark/index.vue'), component: () => import('/@/views/demo/feat/watermark/index.vue'),
meta: { meta: {
title: 'routes.demo.feat.watermark', title: t('routes.demo.feat.watermark'),
}, },
}, },
{ {
...@@ -90,7 +91,7 @@ const feat: AppRouteModule = { ...@@ -90,7 +91,7 @@ const feat: AppRouteModule = {
name: 'FullScreenDemo', name: 'FullScreenDemo',
component: () => import('/@/views/demo/feat/full-screen/index.vue'), component: () => import('/@/views/demo/feat/full-screen/index.vue'),
meta: { meta: {
title: 'routes.demo.feat.fullScreen', title: t('routes.demo.feat.fullScreen'),
}, },
}, },
{ {
...@@ -98,7 +99,7 @@ const feat: AppRouteModule = { ...@@ -98,7 +99,7 @@ const feat: AppRouteModule = {
name: 'ErrorLog', name: 'ErrorLog',
component: () => import('/@/views/sys/error-log/index.vue'), component: () => import('/@/views/sys/error-log/index.vue'),
meta: { meta: {
title: 'routes.demo.feat.errorLog', title: t('routes.demo.feat.errorLog'),
}, },
}, },
{ {
...@@ -106,7 +107,7 @@ const feat: AppRouteModule = { ...@@ -106,7 +107,7 @@ const feat: AppRouteModule = {
name: 'TestTab', name: 'TestTab',
component: () => import('/@/views/demo/feat/tab-params/index.vue'), component: () => import('/@/views/demo/feat/tab-params/index.vue'),
meta: { meta: {
title: 'routes.demo.feat.tab', title: t('routes.demo.feat.tab'),
carryParam: true, carryParam: true,
}, },
}, },
......
src/router/routes/modules/demo/form.ts
import type { AppRouteModule } from '/@/router/types'; import type { AppRouteModule } from '/@/router/types';
import { LAYOUT } from '/@/router/constant'; import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';
const form: AppRouteModule = { const form: AppRouteModule = {
path: '/form', path: '/form',
...@@ -9,7 +10,7 @@ const form: AppRouteModule = { ...@@ -9,7 +10,7 @@ const form: AppRouteModule = {
redirect: '/form/basic', redirect: '/form/basic',
meta: { meta: {
icon: 'mdi:form-select', icon: 'mdi:form-select',
title: 'routes.demo.form.form', title: t('routes.demo.form.form'),
}, },
children: [ children: [
{ {
...@@ -17,7 +18,7 @@ const form: AppRouteModule = { ...@@ -17,7 +18,7 @@ const form: AppRouteModule = {
name: 'FormBasicDemo', name: 'FormBasicDemo',
component: () => import('/@/views/demo/form/index.vue'), component: () => import('/@/views/demo/form/index.vue'),
meta: { meta: {
title: 'routes.demo.form.basic', title: t('routes.demo.form.basic'),
}, },
}, },
{ {
...@@ -25,7 +26,7 @@ const form: AppRouteModule = { ...@@ -25,7 +26,7 @@ const form: AppRouteModule = {
name: 'UseFormDemo', name: 'UseFormDemo',
component: () => import('/@/views/demo/form/UseForm.vue'), component: () => import('/@/views/demo/form/UseForm.vue'),
meta: { meta: {
title: 'routes.demo.form.useForm', title: t('routes.demo.form.useForm'),
}, },
}, },
{ {
...@@ -33,7 +34,7 @@ const form: AppRouteModule = { ...@@ -33,7 +34,7 @@ const form: AppRouteModule = {
name: 'RefFormDemo', name: 'RefFormDemo',
component: () => import('/@/views/demo/form/RefForm.vue'), component: () => import('/@/views/demo/form/RefForm.vue'),
meta: { meta: {
title: 'routes.demo.form.refForm', title: t('routes.demo.form.refForm'),
}, },
}, },
{ {
...@@ -41,7 +42,7 @@ const form: AppRouteModule = { ...@@ -41,7 +42,7 @@ const form: AppRouteModule = {
name: 'AdvancedFormDemo', name: 'AdvancedFormDemo',
component: () => import('/@/views/demo/form/AdvancedForm.vue'), component: () => import('/@/views/demo/form/AdvancedForm.vue'),
meta: { meta: {
title: 'routes.demo.form.advancedForm', title: t('routes.demo.form.advancedForm'),
}, },
}, },
{ {
...@@ -49,7 +50,7 @@ const form: AppRouteModule = { ...@@ -49,7 +50,7 @@ const form: AppRouteModule = {
name: 'RuleFormDemo', name: 'RuleFormDemo',
component: () => import('/@/views/demo/form/RuleForm.vue'), component: () => import('/@/views/demo/form/RuleForm.vue'),
meta: { meta: {
title: 'routes.demo.form.ruleForm', title: t('routes.demo.form.ruleForm'),
}, },
}, },
{ {
...@@ -57,7 +58,7 @@ const form: AppRouteModule = { ...@@ -57,7 +58,7 @@ const form: AppRouteModule = {
name: 'DynamicFormDemo', name: 'DynamicFormDemo',
component: () => import('/@/views/demo/form/DynamicForm.vue'), component: () => import('/@/views/demo/form/DynamicForm.vue'),
meta: { meta: {
title: 'routes.demo.form.dynamicForm', title: t('routes.demo.form.dynamicForm'),
}, },
}, },
{ {
...@@ -65,7 +66,7 @@ const form: AppRouteModule = { ...@@ -65,7 +66,7 @@ const form: AppRouteModule = {
name: 'CustomerFormDemo', name: 'CustomerFormDemo',
component: () => import('/@/views/demo/form/CustomerForm.vue'), component: () => import('/@/views/demo/form/CustomerForm.vue'),
meta: { meta: {
title: 'routes.demo.form.customerForm', title: t('routes.demo.form.customerForm'),
}, },
}, },
], ],
......
src/router/routes/modules/demo/iframe.ts
...@@ -2,6 +2,7 @@ import type { AppRouteModule } from '/@/router/types'; ...@@ -2,6 +2,7 @@ import type { AppRouteModule } from '/@/router/types';
import { LAYOUT } from '/@/router/constant'; import { LAYOUT } from '/@/router/constant';
const IFrame = () => import('/@/views/sys/iframe/FrameBlank.vue'); const IFrame = () => import('/@/views/sys/iframe/FrameBlank.vue');
import { t } from '/@/hooks/web/useI18n';
const iframe: AppRouteModule = { const iframe: AppRouteModule = {
path: '/frame', path: '/frame',
...@@ -10,7 +11,7 @@ const iframe: AppRouteModule = { ...@@ -10,7 +11,7 @@ const iframe: AppRouteModule = {
redirect: '/frame/antv', redirect: '/frame/antv',
meta: { meta: {
icon: 'mdi:page-next-outline', icon: 'mdi:page-next-outline',
title: 'routes.demo.iframe.frame', title: t('routes.demo.iframe.frame'),
}, },
children: [ children: [
...@@ -20,7 +21,7 @@ const iframe: AppRouteModule = { ...@@ -20,7 +21,7 @@ const iframe: AppRouteModule = {
component: IFrame, component: IFrame,
meta: { meta: {
frameSrc: 'https://2x.antdv.com/docs/vue/introduce-cn/', frameSrc: 'https://2x.antdv.com/docs/vue/introduce-cn/',
title: 'routes.demo.iframe.antv', title: t('routes.demo.iframe.antv'),
}, },
}, },
{ {
...@@ -29,7 +30,7 @@ const iframe: AppRouteModule = { ...@@ -29,7 +30,7 @@ const iframe: AppRouteModule = {
component: IFrame, component: IFrame,
meta: { meta: {
frameSrc: 'https://vvbin.cn/doc-next/', frameSrc: 'https://vvbin.cn/doc-next/',
title: 'routes.demo.iframe.doc', title: t('routes.demo.iframe.doc'),
}, },
}, },
{ {
...@@ -38,7 +39,7 @@ const iframe: AppRouteModule = { ...@@ -38,7 +39,7 @@ const iframe: AppRouteModule = {
component: IFrame, component: IFrame,
meta: { meta: {
externalLink: true, externalLink: true,
title: 'routes.demo.iframe.docExternal', title: t('routes.demo.iframe.docExternal'),
}, },
}, },
], ],
......
src/router/routes/modules/demo/level.ts
import type { AppRouteModule } from '/@/router/types'; import type { AppRouteModule } from '/@/router/types';
import { getParentLayout, LAYOUT } from '/@/router/constant'; import { getParentLayout, LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';
const permission: AppRouteModule = { const permission: AppRouteModule = {
path: '/level', path: '/level',
...@@ -9,7 +10,7 @@ const permission: AppRouteModule = { ...@@ -9,7 +10,7 @@ const permission: AppRouteModule = {
redirect: '/level/menu1/menu1-1', redirect: '/level/menu1/menu1-1',
meta: { meta: {
icon: 'carbon:user-role', icon: 'carbon:user-role',
title: 'routes.demo.level.level', title: t('routes.demo.level.level'),
}, },
children: [ children: [
......
src/router/routes/modules/demo/page.ts
...@@ -2,6 +2,7 @@ import type { AppRouteModule } from '/@/router/types'; ...@@ -2,6 +2,7 @@ import type { AppRouteModule } from '/@/router/types';
import { getParentLayout, LAYOUT } from '/@/router/constant'; import { getParentLayout, LAYOUT } from '/@/router/constant';
import { ExceptionEnum } from '/@/enums/exceptionEnum'; import { ExceptionEnum } from '/@/enums/exceptionEnum';
import { t } from '/@/hooks/web/useI18n';
const ExceptionPage = () => import('/@/views/sys/exception/Exception'); const ExceptionPage = () => import('/@/views/sys/exception/Exception');
...@@ -12,7 +13,7 @@ const page: AppRouteModule = { ...@@ -12,7 +13,7 @@ const page: AppRouteModule = {
redirect: '/page-demo/exception', redirect: '/page-demo/exception',
meta: { meta: {
icon: 'mdi:page-next-outline', icon: 'mdi:page-next-outline',
title: 'routes.demo.page.page', title: t('routes.demo.page.page'),
}, },
children: [ children: [
// =============================form start============================= // =============================form start=============================
...@@ -22,7 +23,7 @@ const page: AppRouteModule = { ...@@ -22,7 +23,7 @@ const page: AppRouteModule = {
redirect: '/page-demo/form/basic', redirect: '/page-demo/form/basic',
component: getParentLayout('FormPage'), component: getParentLayout('FormPage'),
meta: { meta: {
title: 'routes.demo.page.form', title: t('routes.demo.page.form'),
}, },
children: [ children: [
{ {
...@@ -30,7 +31,7 @@ const page: AppRouteModule = { ...@@ -30,7 +31,7 @@ const page: AppRouteModule = {
name: 'FormBasicPage', name: 'FormBasicPage',
component: () => import('/@/views/demo/page/form/basic/index.vue'), component: () => import('/@/views/demo/page/form/basic/index.vue'),
meta: { meta: {
title: 'routes.demo.page.formBasic', title: t('routes.demo.page.formBasic'),
}, },
}, },
{ {
...@@ -38,7 +39,7 @@ const page: AppRouteModule = { ...@@ -38,7 +39,7 @@ const page: AppRouteModule = {
name: 'FormStepPage', name: 'FormStepPage',
component: () => import('/@/views/demo/page/form/step/index.vue'), component: () => import('/@/views/demo/page/form/step/index.vue'),
meta: { meta: {
title: 'routes.demo.page.formStep', title: t('routes.demo.page.formStep'),
}, },
}, },
{ {
...@@ -46,7 +47,7 @@ const page: AppRouteModule = { ...@@ -46,7 +47,7 @@ const page: AppRouteModule = {
name: 'FormHightPage', name: 'FormHightPage',
component: () => import('/@/views/demo/page/form/high/index.vue'), component: () => import('/@/views/demo/page/form/high/index.vue'),
meta: { meta: {
title: 'routes.demo.page.formHigh', title: t('routes.demo.page.formHigh'),
}, },
}, },
], ],
...@@ -59,7 +60,7 @@ const page: AppRouteModule = { ...@@ -59,7 +60,7 @@ const page: AppRouteModule = {
component: getParentLayout('DescPage'), component: getParentLayout('DescPage'),
redirect: '/page-demo/desc/basic', redirect: '/page-demo/desc/basic',
meta: { meta: {
title: 'routes.demo.page.desc', title: t('routes.demo.page.desc'),
}, },
children: [ children: [
{ {
...@@ -67,7 +68,7 @@ const page: AppRouteModule = { ...@@ -67,7 +68,7 @@ const page: AppRouteModule = {
name: 'DescBasicPage', name: 'DescBasicPage',
component: () => import('/@/views/demo/page/desc/basic/index.vue'), component: () => import('/@/views/demo/page/desc/basic/index.vue'),
meta: { meta: {
title: 'routes.demo.page.descBasic', title: t('routes.demo.page.descBasic'),
}, },
}, },
{ {
...@@ -75,7 +76,7 @@ const page: AppRouteModule = { ...@@ -75,7 +76,7 @@ const page: AppRouteModule = {
name: 'DescHighPage', name: 'DescHighPage',
component: () => import('/@/views/demo/page/desc/high/index.vue'), component: () => import('/@/views/demo/page/desc/high/index.vue'),
meta: { meta: {
title: 'routes.demo.page.descHigh', title: t('routes.demo.page.descHigh'),
}, },
}, },
], ],
...@@ -90,7 +91,7 @@ const page: AppRouteModule = { ...@@ -90,7 +91,7 @@ const page: AppRouteModule = {
component: getParentLayout('ResultPage'), component: getParentLayout('ResultPage'),
meta: { meta: {
title: 'routes.demo.page.result', title: t('routes.demo.page.result'),
}, },
children: [ children: [
{ {
...@@ -98,7 +99,7 @@ const page: AppRouteModule = { ...@@ -98,7 +99,7 @@ const page: AppRouteModule = {
name: 'ResultSuccessPage', name: 'ResultSuccessPage',
component: () => import('/@/views/demo/page/result/success/index.vue'), component: () => import('/@/views/demo/page/result/success/index.vue'),
meta: { meta: {
title: 'routes.demo.page.resultSuccess', title: t('routes.demo.page.resultSuccess'),
}, },
}, },
{ {
...@@ -106,7 +107,7 @@ const page: AppRouteModule = { ...@@ -106,7 +107,7 @@ const page: AppRouteModule = {
name: 'ResultFailPage', name: 'ResultFailPage',
component: () => import('/@/views/demo/page/result/fail/index.vue'), component: () => import('/@/views/demo/page/result/fail/index.vue'),
meta: { meta: {
title: 'routes.demo.page.resultFail', title: t('routes.demo.page.resultFail'),
}, },
}, },
], ],
...@@ -120,7 +121,7 @@ const page: AppRouteModule = { ...@@ -120,7 +121,7 @@ const page: AppRouteModule = {
component: getParentLayout('AccountPage'), component: getParentLayout('AccountPage'),
redirect: '/page-demo/account/setting', redirect: '/page-demo/account/setting',
meta: { meta: {
title: 'routes.demo.page.account', title: t('routes.demo.page.account'),
}, },
children: [ children: [
{ {
...@@ -128,7 +129,7 @@ const page: AppRouteModule = { ...@@ -128,7 +129,7 @@ const page: AppRouteModule = {
name: 'AccountCenterPage', name: 'AccountCenterPage',
component: () => import('/@/views/demo/page/account/center/index.vue'), component: () => import('/@/views/demo/page/account/center/index.vue'),
meta: { meta: {
title: 'routes.demo.page.accountCenter', title: t('routes.demo.page.accountCenter'),
}, },
}, },
{ {
...@@ -136,7 +137,7 @@ const page: AppRouteModule = { ...@@ -136,7 +137,7 @@ const page: AppRouteModule = {
name: 'AccountSettingPage', name: 'AccountSettingPage',
component: () => import('/@/views/demo/page/account/setting/index.vue'), component: () => import('/@/views/demo/page/account/setting/index.vue'),
meta: { meta: {
title: 'routes.demo.page.accountSetting', title: t('routes.demo.page.accountSetting'),
}, },
}, },
], ],
...@@ -149,7 +150,7 @@ const page: AppRouteModule = { ...@@ -149,7 +150,7 @@ const page: AppRouteModule = {
component: getParentLayout('ExceptionPage'), component: getParentLayout('ExceptionPage'),
redirect: '/page-demo/exception/404', redirect: '/page-demo/exception/404',
meta: { meta: {
title: 'routes.demo.page.exception', title: t('routes.demo.page.exception'),
}, },
children: [ children: [
{ {
...@@ -193,7 +194,7 @@ const page: AppRouteModule = { ...@@ -193,7 +194,7 @@ const page: AppRouteModule = {
status: ExceptionEnum.NET_WORK_ERROR, status: ExceptionEnum.NET_WORK_ERROR,
}, },
meta: { meta: {
title: 'routes.demo.page.netWorkError', title: t('routes.demo.page.netWorkError'),
}, },
}, },
{ {
...@@ -204,7 +205,7 @@ const page: AppRouteModule = { ...@@ -204,7 +205,7 @@ const page: AppRouteModule = {
status: ExceptionEnum.PAGE_NOT_DATA, status: ExceptionEnum.PAGE_NOT_DATA,
}, },
meta: { meta: {
title: 'routes.demo.page.notData', title: t('routes.demo.page.notData'),
}, },
}, },
], ],
...@@ -217,7 +218,7 @@ const page: AppRouteModule = { ...@@ -217,7 +218,7 @@ const page: AppRouteModule = {
component: getParentLayout('ListPage'), component: getParentLayout('ListPage'),
redirect: '/page-demo/list/card', redirect: '/page-demo/list/card',
meta: { meta: {
title: 'routes.demo.page.list', title: t('routes.demo.page.list'),
}, },
children: [ children: [
{ {
...@@ -225,7 +226,7 @@ const page: AppRouteModule = { ...@@ -225,7 +226,7 @@ const page: AppRouteModule = {
name: 'ListBasicPage', name: 'ListBasicPage',
component: () => import('/@/views/demo/page/list/basic/index.vue'), component: () => import('/@/views/demo/page/list/basic/index.vue'),
meta: { meta: {
title: 'routes.demo.page.listBasic', title: t('routes.demo.page.listBasic'),
}, },
}, },
{ {
...@@ -233,7 +234,7 @@ const page: AppRouteModule = { ...@@ -233,7 +234,7 @@ const page: AppRouteModule = {
name: 'ListCardPage', name: 'ListCardPage',
component: () => import('/@/views/demo/page/list/card/index.vue'), component: () => import('/@/views/demo/page/list/card/index.vue'),
meta: { meta: {
title: 'routes.demo.page.listCard', title: t('routes.demo.page.listCard'),
}, },
}, },
{ {
...@@ -241,7 +242,7 @@ const page: AppRouteModule = { ...@@ -241,7 +242,7 @@ const page: AppRouteModule = {
name: 'ListSearchPage', name: 'ListSearchPage',
component: () => import('/@/views/demo/page/list/search/index.vue'), component: () => import('/@/views/demo/page/list/search/index.vue'),
meta: { meta: {
title: 'routes.demo.page.listSearch', title: t('routes.demo.page.listSearch'),
}, },
}, },
], ],
......
src/router/routes/modules/demo/permission.ts
...@@ -2,6 +2,7 @@ import type { AppRouteModule } from '/@/router/types'; ...@@ -2,6 +2,7 @@ import type { AppRouteModule } from '/@/router/types';
import { getParentLayout, LAYOUT } from '/@/router/constant'; import { getParentLayout, LAYOUT } from '/@/router/constant';
import { RoleEnum } from '/@/enums/roleEnum'; import { RoleEnum } from '/@/enums/roleEnum';
import { t } from '/@/hooks/web/useI18n';
const permission: AppRouteModule = { const permission: AppRouteModule = {
path: '/permission', path: '/permission',
...@@ -10,7 +11,7 @@ const permission: AppRouteModule = { ...@@ -10,7 +11,7 @@ const permission: AppRouteModule = {
redirect: '/permission/front/page', redirect: '/permission/front/page',
meta: { meta: {
icon: 'carbon:user-role', icon: 'carbon:user-role',
title: 'routes.demo.permission.permission', title: t('routes.demo.permission.permission'),
}, },
children: [ children: [
...@@ -19,7 +20,7 @@ const permission: AppRouteModule = { ...@@ -19,7 +20,7 @@ const permission: AppRouteModule = {
name: 'PermissionFrontDemo', name: 'PermissionFrontDemo',
component: getParentLayout('PermissionFrontDemo'), component: getParentLayout('PermissionFrontDemo'),
meta: { meta: {
title: 'routes.demo.permission.front', title: t('routes.demo.permission.front'),
}, },
children: [ children: [
{ {
...@@ -27,7 +28,7 @@ const permission: AppRouteModule = { ...@@ -27,7 +28,7 @@ const permission: AppRouteModule = {
name: 'FrontPageAuth', name: 'FrontPageAuth',
component: () => import('/@/views/demo/permission/front/index.vue'), component: () => import('/@/views/demo/permission/front/index.vue'),
meta: { meta: {
title: 'routes.demo.permission.frontPage', title: t('routes.demo.permission.frontPage'),
}, },
}, },
{ {
...@@ -35,7 +36,7 @@ const permission: AppRouteModule = { ...@@ -35,7 +36,7 @@ const permission: AppRouteModule = {
name: 'FrontBtnAuth', name: 'FrontBtnAuth',
component: () => import('/@/views/demo/permission/front/Btn.vue'), component: () => import('/@/views/demo/permission/front/Btn.vue'),
meta: { meta: {
title: 'routes.demo.permission.frontBtn', title: t('routes.demo.permission.frontBtn'),
}, },
}, },
{ {
...@@ -43,7 +44,7 @@ const permission: AppRouteModule = { ...@@ -43,7 +44,7 @@ const permission: AppRouteModule = {
name: 'FrontAuthPageA', name: 'FrontAuthPageA',
component: () => import('/@/views/demo/permission/front/AuthPageA.vue'), component: () => import('/@/views/demo/permission/front/AuthPageA.vue'),
meta: { meta: {
title: 'routes.demo.permission.frontTestA', title: t('routes.demo.permission.frontTestA'),
roles: [RoleEnum.SUPER], roles: [RoleEnum.SUPER],
}, },
}, },
...@@ -52,7 +53,7 @@ const permission: AppRouteModule = { ...@@ -52,7 +53,7 @@ const permission: AppRouteModule = {
name: 'FrontAuthPageB', name: 'FrontAuthPageB',
component: () => import('/@/views/demo/permission/front/AuthPageB.vue'), component: () => import('/@/views/demo/permission/front/AuthPageB.vue'),
meta: { meta: {
title: 'routes.demo.permission.frontTestB', title: t('routes.demo.permission.frontTestB'),
roles: [RoleEnum.TEST], roles: [RoleEnum.TEST],
}, },
}, },
...@@ -63,7 +64,7 @@ const permission: AppRouteModule = { ...@@ -63,7 +64,7 @@ const permission: AppRouteModule = {
name: 'PermissionBackDemo', name: 'PermissionBackDemo',
component: getParentLayout('PermissionBackDemo'), component: getParentLayout('PermissionBackDemo'),
meta: { meta: {
title: 'routes.demo.permission.back', title: t('routes.demo.permission.back'),
}, },
children: [ children: [
{ {
...@@ -71,7 +72,7 @@ const permission: AppRouteModule = { ...@@ -71,7 +72,7 @@ const permission: AppRouteModule = {
name: 'BackAuthPage', name: 'BackAuthPage',
component: () => import('/@/views/demo/permission/back/index.vue'), component: () => import('/@/views/demo/permission/back/index.vue'),
meta: { meta: {
title: 'routes.demo.permission.backPage', title: t('routes.demo.permission.backPage'),
}, },
}, },
{ {
...@@ -79,7 +80,7 @@ const permission: AppRouteModule = { ...@@ -79,7 +80,7 @@ const permission: AppRouteModule = {
name: 'BackAuthBtn', name: 'BackAuthBtn',
component: () => import('/@/views/demo/permission/back/Btn.vue'), component: () => import('/@/views/demo/permission/back/Btn.vue'),
meta: { meta: {
title: 'routes.demo.permission.backBtn', title: t('routes.demo.permission.backBtn'),
}, },
}, },
], ],
......
src/router/routes/modules/demo/table.ts
import type { AppRouteModule } from '/@/router/types'; import type { AppRouteModule } from '/@/router/types';
import { LAYOUT } from '/@/router/constant'; import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';
const table: AppRouteModule = { const table: AppRouteModule = {
path: '/table', path: '/table',
...@@ -9,7 +10,7 @@ const table: AppRouteModule = { ...@@ -9,7 +10,7 @@ const table: AppRouteModule = {
redirect: '/table/basic', redirect: '/table/basic',
meta: { meta: {
icon: 'carbon:table-split', icon: 'carbon:table-split',
title: 'routes.demo.table.table', title: t('routes.demo.table.table'),
}, },
children: [ children: [
...@@ -18,7 +19,7 @@ const table: AppRouteModule = { ...@@ -18,7 +19,7 @@ const table: AppRouteModule = {
name: 'TableBasicDemo', name: 'TableBasicDemo',
component: () => import('/@/views/demo/table/Basic.vue'), component: () => import('/@/views/demo/table/Basic.vue'),
meta: { meta: {
title: 'routes.demo.table.basic', title: t('routes.demo.table.basic'),
}, },
}, },
{ {
...@@ -26,7 +27,7 @@ const table: AppRouteModule = { ...@@ -26,7 +27,7 @@ const table: AppRouteModule = {
name: 'TreeTableDemo', name: 'TreeTableDemo',
component: () => import('/@/views/demo/table/TreeTable.vue'), component: () => import('/@/views/demo/table/TreeTable.vue'),
meta: { meta: {
title: 'routes.demo.table.treeTable', title: t('routes.demo.table.treeTable'),
}, },
}, },
{ {
...@@ -34,7 +35,7 @@ const table: AppRouteModule = { ...@@ -34,7 +35,7 @@ const table: AppRouteModule = {
name: 'FetchTableDemo', name: 'FetchTableDemo',
component: () => import('/@/views/demo/table/FetchTable.vue'), component: () => import('/@/views/demo/table/FetchTable.vue'),
meta: { meta: {
title: 'routes.demo.table.fetchTable', title: t('routes.demo.table.fetchTable'),
}, },
}, },
{ {
...@@ -42,7 +43,7 @@ const table: AppRouteModule = { ...@@ -42,7 +43,7 @@ const table: AppRouteModule = {
name: 'FixedColumnDemo', name: 'FixedColumnDemo',
component: () => import('/@/views/demo/table/FixedColumn.vue'), component: () => import('/@/views/demo/table/FixedColumn.vue'),
meta: { meta: {
title: 'routes.demo.table.fixedColumn', title: t('routes.demo.table.fixedColumn'),
}, },
}, },
{ {
...@@ -50,7 +51,7 @@ const table: AppRouteModule = { ...@@ -50,7 +51,7 @@ const table: AppRouteModule = {
name: 'CustomerCellDemo', name: 'CustomerCellDemo',
component: () => import('/@/views/demo/table/CustomerCell.vue'), component: () => import('/@/views/demo/table/CustomerCell.vue'),
meta: { meta: {
title: 'routes.demo.table.customerCell', title: t('routes.demo.table.customerCell'),
}, },
}, },
{ {
...@@ -58,7 +59,7 @@ const table: AppRouteModule = { ...@@ -58,7 +59,7 @@ const table: AppRouteModule = {
name: 'FormTableDemo', name: 'FormTableDemo',
component: () => import('/@/views/demo/table/FormTable.vue'), component: () => import('/@/views/demo/table/FormTable.vue'),
meta: { meta: {
title: 'routes.demo.table.formTable', title: t('routes.demo.table.formTable'),
}, },
}, },
{ {
...@@ -66,7 +67,7 @@ const table: AppRouteModule = { ...@@ -66,7 +67,7 @@ const table: AppRouteModule = {
name: 'UseTableDemo', name: 'UseTableDemo',
component: () => import('/@/views/demo/table/UseTable.vue'), component: () => import('/@/views/demo/table/UseTable.vue'),
meta: { meta: {
title: 'routes.demo.table.useTable', title: t('routes.demo.table.useTable'),
}, },
}, },
{ {
...@@ -74,7 +75,7 @@ const table: AppRouteModule = { ...@@ -74,7 +75,7 @@ const table: AppRouteModule = {
name: 'RefTableDemo', name: 'RefTableDemo',
component: () => import('/@/views/demo/table/RefTable.vue'), component: () => import('/@/views/demo/table/RefTable.vue'),
meta: { meta: {
title: 'routes.demo.table.refTable', title: t('routes.demo.table.refTable'),
}, },
}, },
{ {
...@@ -82,7 +83,7 @@ const table: AppRouteModule = { ...@@ -82,7 +83,7 @@ const table: AppRouteModule = {
name: 'MultipleHeaderDemo', name: 'MultipleHeaderDemo',
component: () => import('/@/views/demo/table/MultipleHeader.vue'), component: () => import('/@/views/demo/table/MultipleHeader.vue'),
meta: { meta: {
title: 'routes.demo.table.multipleHeader', title: t('routes.demo.table.multipleHeader'),
}, },
}, },
{ {
...@@ -90,7 +91,7 @@ const table: AppRouteModule = { ...@@ -90,7 +91,7 @@ const table: AppRouteModule = {
name: 'MergeHeaderDemo', name: 'MergeHeaderDemo',
component: () => import('/@/views/demo/table/MergeHeader.vue'), component: () => import('/@/views/demo/table/MergeHeader.vue'),
meta: { meta: {
title: 'routes.demo.table.mergeHeader', title: t('routes.demo.table.mergeHeader'),
}, },
}, },
{ {
...@@ -98,7 +99,7 @@ const table: AppRouteModule = { ...@@ -98,7 +99,7 @@ const table: AppRouteModule = {
name: 'ExpandTableDemo', name: 'ExpandTableDemo',
component: () => import('/@/views/demo/table/ExpandTable.vue'), component: () => import('/@/views/demo/table/ExpandTable.vue'),
meta: { meta: {
title: 'routes.demo.table.expandTable', title: t('routes.demo.table.expandTable'),
}, },
}, },
{ {
...@@ -106,7 +107,7 @@ const table: AppRouteModule = { ...@@ -106,7 +107,7 @@ const table: AppRouteModule = {
name: 'FixedHeightDemo', name: 'FixedHeightDemo',
component: () => import('/@/views/demo/table/FixedHeight.vue'), component: () => import('/@/views/demo/table/FixedHeight.vue'),
meta: { meta: {
title: 'routes.demo.table.fixedHeight', title: t('routes.demo.table.fixedHeight'),
}, },
}, },
{ {
...@@ -114,7 +115,7 @@ const table: AppRouteModule = { ...@@ -114,7 +115,7 @@ const table: AppRouteModule = {
name: 'FooterTableDemo', name: 'FooterTableDemo',
component: () => import('/@/views/demo/table/FooterTable.vue'), component: () => import('/@/views/demo/table/FooterTable.vue'),
meta: { meta: {
title: 'routes.demo.table.footerTable', title: t('routes.demo.table.footerTable'),
}, },
}, },
{ {
...@@ -122,7 +123,7 @@ const table: AppRouteModule = { ...@@ -122,7 +123,7 @@ const table: AppRouteModule = {
name: 'EditCellTableDemo', name: 'EditCellTableDemo',
component: () => import('/@/views/demo/table/EditCellTable.vue'), component: () => import('/@/views/demo/table/EditCellTable.vue'),
meta: { meta: {
title: 'routes.demo.table.editCellTable', title: t('routes.demo.table.editCellTable'),
}, },
}, },
{ {
...@@ -130,7 +131,7 @@ const table: AppRouteModule = { ...@@ -130,7 +131,7 @@ const table: AppRouteModule = {
name: 'EditRowTableDemo', name: 'EditRowTableDemo',
component: () => import('/@/views/demo/table/EditRowTable.vue'), component: () => import('/@/views/demo/table/EditRowTable.vue'),
meta: { meta: {
title: 'routes.demo.table.editRowTable', title: t('routes.demo.table.editRowTable'),
}, },
}, },
], ],
......
src/router/routes/modules/demo/tree.ts
import type { AppRouteModule } from '/@/router/types'; import type { AppRouteModule } from '/@/router/types';
import { LAYOUT } from '/@/router/constant'; import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';
const tree: AppRouteModule = { const tree: AppRouteModule = {
path: '/tree', path: '/tree',
...@@ -9,7 +10,7 @@ const tree: AppRouteModule = { ...@@ -9,7 +10,7 @@ const tree: AppRouteModule = {
redirect: '/tree/basic', redirect: '/tree/basic',
meta: { meta: {
icon: 'clarity:tree-view-line', icon: 'clarity:tree-view-line',
title: 'routes.demo.tree.tree', title: t('routes.demo.tree.tree'),
}, },
children: [ children: [
{ {
...@@ -17,7 +18,7 @@ const tree: AppRouteModule = { ...@@ -17,7 +18,7 @@ const tree: AppRouteModule = {
name: 'BasicTreeDemo', name: 'BasicTreeDemo',
component: () => import('/@/views/demo/tree/index.vue'), component: () => import('/@/views/demo/tree/index.vue'),
meta: { meta: {
title: 'routes.demo.tree.basic', title: t('routes.demo.tree.basic'),
}, },
}, },
{ {
...@@ -25,7 +26,7 @@ const tree: AppRouteModule = { ...@@ -25,7 +26,7 @@ const tree: AppRouteModule = {
name: 'EditTreeDemo', name: 'EditTreeDemo',
component: () => import('/@/views/demo/tree/EditTree.vue'), component: () => import('/@/views/demo/tree/EditTree.vue'),
meta: { meta: {
title: 'routes.demo.tree.editTree', title: t('routes.demo.tree.editTree'),
}, },
}, },
{ {
...@@ -33,7 +34,7 @@ const tree: AppRouteModule = { ...@@ -33,7 +34,7 @@ const tree: AppRouteModule = {
name: 'ActionTreeDemo', name: 'ActionTreeDemo',
component: () => import('/@/views/demo/tree/ActionTree.vue'), component: () => import('/@/views/demo/tree/ActionTree.vue'),
meta: { meta: {
title: 'routes.demo.tree.actionTree', title: t('routes.demo.tree.actionTree'),
}, },
}, },
], ],
......
src/router/routes/modules/home.ts
import type { AppRouteModule } from '/@/router/types'; import type { AppRouteModule } from '/@/router/types';
import { LAYOUT } from '/@/router/constant'; import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';
const dashboard: AppRouteModule = { const dashboard: AppRouteModule = {
path: '/home', path: '/home',
...@@ -9,7 +10,7 @@ const dashboard: AppRouteModule = { ...@@ -9,7 +10,7 @@ const dashboard: AppRouteModule = {
redirect: '/home/welcome', redirect: '/home/welcome',
meta: { meta: {
icon: 'bx:bx-home', icon: 'bx:bx-home',
title: 'routes.dashboard.welcome', title: t('routes.dashboard.welcome'),
}, },
children: [ children: [
{ {
...@@ -17,7 +18,7 @@ const dashboard: AppRouteModule = { ...@@ -17,7 +18,7 @@ const dashboard: AppRouteModule = {
name: 'Welcome', name: 'Welcome',
component: () => import('/@/views/dashboard/welcome/index.vue'), component: () => import('/@/views/dashboard/welcome/index.vue'),
meta: { meta: {
title: 'routes.dashboard.welcome', title: t('routes.dashboard.welcome'),
affix: true, affix: true,
icon: 'bx:bx-home', icon: 'bx:bx-home',
}, },
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论