From d6749f95c526c0e71ec946bd3bb777bc42b2c34a Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期日, 20 十月 2024 17:59:31 +0800
Subject: [PATCH] 工艺绑定优化
---
src/router/routes/modules/demo/comp.ts | 136 +++++++++++++++++++++++++-------------------
1 files changed, 77 insertions(+), 59 deletions(-)
diff --git a/src/router/routes/modules/demo/comp.ts b/src/router/routes/modules/demo/comp.ts
index 28091ba..2831966 100644
--- a/src/router/routes/modules/demo/comp.ts
+++ b/src/router/routes/modules/demo/comp.ts
@@ -1,7 +1,7 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
-import { getParentLayout, LAYOUT } from '/@/router/constant';
-import { t } from '/@/hooks/web/useI18n';
+import { getParentLayout, LAYOUT } from '@/router/constant';
+import { t } from '@/hooks/web/useI18n';
const comp: AppRouteModule = {
path: '/comp',
@@ -18,7 +18,7 @@
{
path: 'basic',
name: 'BasicDemo',
- component: () => import('/@/views/demo/comp/button/index.vue'),
+ component: () => import('@/views/demo/comp/button/index.vue'),
meta: {
title: t('routes.demo.comp.basic'),
},
@@ -37,7 +37,7 @@
{
path: 'basic',
name: 'FormBasicDemo',
- component: () => import('/@/views/demo/form/index.vue'),
+ component: () => import('@/views/demo/form/index.vue'),
meta: {
title: t('routes.demo.form.basic'),
},
@@ -45,7 +45,7 @@
{
path: 'useForm',
name: 'UseFormDemo',
- component: () => import('/@/views/demo/form/UseForm.vue'),
+ component: () => import('@/views/demo/form/UseForm.vue'),
meta: {
title: t('routes.demo.form.useForm'),
},
@@ -53,7 +53,7 @@
{
path: 'refForm',
name: 'RefFormDemo',
- component: () => import('/@/views/demo/form/RefForm.vue'),
+ component: () => import('@/views/demo/form/RefForm.vue'),
meta: {
title: t('routes.demo.form.refForm'),
},
@@ -61,7 +61,7 @@
{
path: 'advancedForm',
name: 'AdvancedFormDemo',
- component: () => import('/@/views/demo/form/AdvancedForm.vue'),
+ component: () => import('@/views/demo/form/AdvancedForm.vue'),
meta: {
title: t('routes.demo.form.advancedForm'),
},
@@ -69,7 +69,7 @@
{
path: 'ruleForm',
name: 'RuleFormDemo',
- component: () => import('/@/views/demo/form/RuleForm.vue'),
+ component: () => import('@/views/demo/form/RuleForm.vue'),
meta: {
title: t('routes.demo.form.ruleForm'),
},
@@ -77,7 +77,7 @@
{
path: 'dynamicForm',
name: 'DynamicFormDemo',
- component: () => import('/@/views/demo/form/DynamicForm.vue'),
+ component: () => import('@/views/demo/form/DynamicForm.vue'),
meta: {
title: t('routes.demo.form.dynamicForm'),
},
@@ -85,7 +85,7 @@
{
path: 'customerForm',
name: 'CustomerFormDemo',
- component: () => import('/@/views/demo/form/CustomerForm.vue'),
+ component: () => import('@/views/demo/form/CustomerForm.vue'),
meta: {
title: t('routes.demo.form.customerForm'),
},
@@ -93,7 +93,7 @@
{
path: 'appendForm',
name: 'appendFormDemo',
- component: () => import('/@/views/demo/form/AppendForm.vue'),
+ component: () => import('@/views/demo/form/AppendForm.vue'),
meta: {
title: t('routes.demo.form.appendForm'),
},
@@ -101,7 +101,7 @@
{
path: 'tabsForm',
name: 'tabsFormDemo',
- component: () => import('/@/views/demo/form/TabsForm.vue'),
+ component: () => import('@/views/demo/form/TabsForm.vue'),
meta: {
title: t('routes.demo.form.tabsForm'),
},
@@ -122,7 +122,7 @@
{
path: 'basic',
name: 'TableBasicDemo',
- component: () => import('/@/views/demo/table/Basic.vue'),
+ component: () => import('@/views/demo/table/Basic.vue'),
meta: {
title: t('routes.demo.table.basic'),
},
@@ -130,7 +130,7 @@
{
path: 'treeTable',
name: 'TreeTableDemo',
- component: () => import('/@/views/demo/table/TreeTable.vue'),
+ component: () => import('@/views/demo/table/TreeTable.vue'),
meta: {
title: t('routes.demo.table.treeTable'),
},
@@ -138,7 +138,7 @@
{
path: 'fetchTable',
name: 'FetchTableDemo',
- component: () => import('/@/views/demo/table/FetchTable.vue'),
+ component: () => import('@/views/demo/table/FetchTable.vue'),
meta: {
title: t('routes.demo.table.fetchTable'),
},
@@ -146,7 +146,7 @@
{
path: 'fixedColumn',
name: 'FixedColumnDemo',
- component: () => import('/@/views/demo/table/FixedColumn.vue'),
+ component: () => import('@/views/demo/table/FixedColumn.vue'),
meta: {
title: t('routes.demo.table.fixedColumn'),
},
@@ -154,7 +154,7 @@
{
path: 'customerCell',
name: 'CustomerCellDemo',
- component: () => import('/@/views/demo/table/CustomerCell.vue'),
+ component: () => import('@/views/demo/table/CustomerCell.vue'),
meta: {
title: t('routes.demo.table.customerCell'),
},
@@ -162,7 +162,7 @@
{
path: 'formTable',
name: 'FormTableDemo',
- component: () => import('/@/views/demo/table/FormTable.vue'),
+ component: () => import('@/views/demo/table/FormTable.vue'),
meta: {
title: t('routes.demo.table.formTable'),
},
@@ -170,7 +170,7 @@
{
path: 'useTable',
name: 'UseTableDemo',
- component: () => import('/@/views/demo/table/UseTable.vue'),
+ component: () => import('@/views/demo/table/UseTable.vue'),
meta: {
title: t('routes.demo.table.useTable'),
},
@@ -178,7 +178,7 @@
{
path: 'refTable',
name: 'RefTableDemo',
- component: () => import('/@/views/demo/table/RefTable.vue'),
+ component: () => import('@/views/demo/table/RefTable.vue'),
meta: {
title: t('routes.demo.table.refTable'),
},
@@ -186,7 +186,7 @@
{
path: 'multipleHeader',
name: 'MultipleHeaderDemo',
- component: () => import('/@/views/demo/table/MultipleHeader.vue'),
+ component: () => import('@/views/demo/table/MultipleHeader.vue'),
meta: {
title: t('routes.demo.table.multipleHeader'),
},
@@ -194,7 +194,7 @@
{
path: 'mergeHeader',
name: 'MergeHeaderDemo',
- component: () => import('/@/views/demo/table/MergeHeader.vue'),
+ component: () => import('@/views/demo/table/MergeHeader.vue'),
meta: {
title: t('routes.demo.table.mergeHeader'),
},
@@ -202,7 +202,7 @@
{
path: 'expandTable',
name: 'ExpandTableDemo',
- component: () => import('/@/views/demo/table/ExpandTable.vue'),
+ component: () => import('@/views/demo/table/ExpandTable.vue'),
meta: {
title: t('routes.demo.table.expandTable'),
},
@@ -210,7 +210,7 @@
{
path: 'fixedHeight',
name: 'FixedHeightDemo',
- component: () => import('/@/views/demo/table/FixedHeight.vue'),
+ component: () => import('@/views/demo/table/FixedHeight.vue'),
meta: {
title: t('routes.demo.table.fixedHeight'),
},
@@ -218,7 +218,7 @@
{
path: 'footerTable',
name: 'FooterTableDemo',
- component: () => import('/@/views/demo/table/FooterTable.vue'),
+ component: () => import('@/views/demo/table/FooterTable.vue'),
meta: {
title: t('routes.demo.table.footerTable'),
},
@@ -226,7 +226,7 @@
{
path: 'editCellTable',
name: 'EditCellTableDemo',
- component: () => import('/@/views/demo/table/EditCellTable.vue'),
+ component: () => import('@/views/demo/table/EditCellTable.vue'),
meta: {
title: t('routes.demo.table.editCellTable'),
},
@@ -234,7 +234,7 @@
{
path: 'editRowTable',
name: 'EditRowTableDemo',
- component: () => import('/@/views/demo/table/EditRowTable.vue'),
+ component: () => import('@/views/demo/table/EditRowTable.vue'),
meta: {
title: t('routes.demo.table.editRowTable'),
},
@@ -242,7 +242,7 @@
{
path: 'authColumn',
name: 'AuthColumnDemo',
- component: () => import('/@/views/demo/table/AuthColumn.vue'),
+ component: () => import('@/views/demo/table/AuthColumn.vue'),
meta: {
title: t('routes.demo.table.authColumn'),
},
@@ -250,7 +250,7 @@
{
path: 'resizeParentHeightTable',
name: 'ResizeParentHeightTable',
- component: () => import('/@/views/demo/table/ResizeParentHeightTable.vue'),
+ component: () => import('@/views/demo/table/ResizeParentHeightTable.vue'),
meta: {
title: t('routes.demo.table.resizeParentHeightTable'),
},
@@ -258,7 +258,7 @@
{
path: 'vxeTable',
name: 'VxeTableDemo',
- component: () => import('/@/views/demo/table/VxeTable.vue'),
+ component: () => import('@/views/demo/table/VxeTable.vue'),
meta: {
title: t('routes.demo.table.vxeTable'),
},
@@ -268,7 +268,7 @@
{
path: 'transition',
name: 'transitionDemo',
- component: () => import('/@/views/demo/comp/transition/index.vue'),
+ component: () => import('@/views/demo/comp/transition/index.vue'),
meta: {
title: t('routes.demo.comp.transition'),
},
@@ -276,7 +276,7 @@
{
path: 'cropper',
name: 'CropperDemo',
- component: () => import('/@/views/demo/comp/cropper/index.vue'),
+ component: () => import('@/views/demo/comp/cropper/index.vue'),
meta: {
title: t('routes.demo.comp.cropperImage'),
},
@@ -285,7 +285,7 @@
{
path: 'timestamp',
name: 'TimeDemo',
- component: () => import('/@/views/demo/comp/time/index.vue'),
+ component: () => import('@/views/demo/comp/time/index.vue'),
meta: {
title: t('routes.demo.comp.time'),
},
@@ -293,7 +293,7 @@
{
path: 'countTo',
name: 'CountTo',
- component: () => import('/@/views/demo/comp/count-to/index.vue'),
+ component: () => import('@/views/demo/comp/count-to/index.vue'),
meta: {
title: t('routes.demo.comp.countTo'),
},
@@ -311,7 +311,7 @@
{
path: 'basic',
name: 'BasicTreeDemo',
- component: () => import('/@/views/demo/tree/index.vue'),
+ component: () => import('@/views/demo/tree/index.vue'),
meta: {
title: t('routes.demo.comp.treeBasic'),
},
@@ -319,7 +319,7 @@
{
path: 'editTree',
name: 'EditTreeDemo',
- component: () => import('/@/views/demo/tree/EditTree.vue'),
+ component: () => import('@/views/demo/tree/EditTree.vue'),
meta: {
title: t('routes.demo.comp.editTree'),
},
@@ -327,7 +327,7 @@
{
path: 'actionTree',
name: 'ActionTreeDemo',
- component: () => import('/@/views/demo/tree/ActionTree.vue'),
+ component: () => import('@/views/demo/tree/ActionTree.vue'),
meta: {
title: t('routes.demo.comp.actionTree'),
},
@@ -345,12 +345,30 @@
},
children: [
{
- path: 'json',
- component: () => import('/@/views/demo/editor/json/index.vue'),
- name: 'JsonEditorDemo',
+ path: 'code',
+ component: () => import('@/views/demo/editor/code/index.vue'),
+ name: 'codeEditorDemo',
meta: {
- title: t('routes.demo.editor.jsonEditor'),
+ title: t('routes.demo.editor.codeEditor'),
},
+ children: [
+ {
+ path: 'code',
+ name: 'codeBasicDemo',
+ component: () => import('@/views/demo/editor/code/index.vue'),
+ meta: {
+ title: t('routes.demo.editor.tinymceBasic'),
+ },
+ },
+ {
+ path: 'editor',
+ name: 'codeEditorBasicDemo',
+ component: () => import('@/views/demo/editor/code/Editor.vue'),
+ meta: {
+ title: t('routes.demo.editor.tinymceForm'),
+ },
+ },
+ ],
},
{
path: 'markdown',
@@ -364,7 +382,7 @@
{
path: 'index',
name: 'MarkDownBasicDemo',
- component: () => import('/@/views/demo/editor/markdown/index.vue'),
+ component: () => import('@/views/demo/editor/markdown/index.vue'),
meta: {
title: t('routes.demo.editor.tinymceBasic'),
},
@@ -372,7 +390,7 @@
{
path: 'editor',
name: 'MarkDownFormDemo',
- component: () => import('/@/views/demo/editor/markdown/Editor.vue'),
+ component: () => import('@/views/demo/editor/markdown/Editor.vue'),
meta: {
title: t('routes.demo.editor.tinymceForm'),
},
@@ -392,7 +410,7 @@
{
path: 'index',
name: 'TinymceBasicDemo',
- component: () => import('/@/views/demo/editor/tinymce/index.vue'),
+ component: () => import('@/views/demo/editor/tinymce/index.vue'),
meta: {
title: t('routes.demo.editor.tinymceBasic'),
},
@@ -400,7 +418,7 @@
{
path: 'editor',
name: 'TinymceFormDemo',
- component: () => import('/@/views/demo/editor/tinymce/Editor.vue'),
+ component: () => import('@/views/demo/editor/tinymce/Editor.vue'),
meta: {
title: t('routes.demo.editor.tinymceForm'),
},
@@ -421,7 +439,7 @@
{
path: 'basic',
name: 'BasicScrollDemo',
- component: () => import('/@/views/demo/comp/scroll/index.vue'),
+ component: () => import('@/views/demo/comp/scroll/index.vue'),
meta: {
title: t('routes.demo.comp.scrollBasic'),
},
@@ -429,7 +447,7 @@
{
path: 'action',
name: 'ActionScrollDemo',
- component: () => import('/@/views/demo/comp/scroll/Action.vue'),
+ component: () => import('@/views/demo/comp/scroll/Action.vue'),
meta: {
title: t('routes.demo.comp.scrollAction'),
},
@@ -437,7 +455,7 @@
{
path: 'virtualScroll',
name: 'VirtualScrollDemo',
- component: () => import('/@/views/demo/comp/scroll/VirtualScroll.vue'),
+ component: () => import('@/views/demo/comp/scroll/VirtualScroll.vue'),
meta: {
title: t('routes.demo.comp.virtualScroll'),
},
@@ -448,7 +466,7 @@
{
path: 'modal',
name: 'ModalDemo',
- component: () => import('/@/views/demo/comp/modal/index.vue'),
+ component: () => import('@/views/demo/comp/modal/index.vue'),
meta: {
title: t('routes.demo.comp.modal'),
},
@@ -456,7 +474,7 @@
{
path: 'drawer',
name: 'DrawerDemo',
- component: () => import('/@/views/demo/comp/drawer/index.vue'),
+ component: () => import('@/views/demo/comp/drawer/index.vue'),
meta: {
title: t('routes.demo.comp.drawer'),
},
@@ -464,7 +482,7 @@
{
path: 'desc',
name: 'DescDemo',
- component: () => import('/@/views/demo/comp/desc/index.vue'),
+ component: () => import('@/views/demo/comp/desc/index.vue'),
meta: {
title: t('routes.demo.comp.desc'),
},
@@ -482,7 +500,7 @@
{
path: 'drag',
name: 'VerifyDragDemo',
- component: () => import('/@/views/demo/comp/verify/index.vue'),
+ component: () => import('@/views/demo/comp/verify/index.vue'),
meta: {
title: t('routes.demo.comp.verifyDrag'),
},
@@ -490,7 +508,7 @@
{
path: 'rotate',
name: 'VerifyRotateDemo',
- component: () => import('/@/views/demo/comp/verify/Rotate.vue'),
+ component: () => import('@/views/demo/comp/verify/Rotate.vue'),
meta: {
title: t('routes.demo.comp.verifyRotate'),
},
@@ -502,7 +520,7 @@
{
path: 'qrcode',
name: 'QrCodeDemo',
- component: () => import('/@/views/demo/comp/qrcode/index.vue'),
+ component: () => import('@/views/demo/comp/qrcode/index.vue'),
meta: {
title: t('routes.demo.comp.qrcode'),
},
@@ -510,7 +528,7 @@
{
path: 'strength-meter',
name: 'StrengthMeterDemo',
- component: () => import('/@/views/demo/comp/strength-meter/index.vue'),
+ component: () => import('@/views/demo/comp/strength-meter/index.vue'),
meta: {
title: t('routes.demo.comp.strength'),
},
@@ -518,7 +536,7 @@
{
path: 'upload',
name: 'UploadDemo',
- component: () => import('/@/views/demo/comp/upload/index.vue'),
+ component: () => import('@/views/demo/comp/upload/index.vue'),
meta: {
title: t('routes.demo.comp.upload'),
},
@@ -526,7 +544,7 @@
{
path: 'loading',
name: 'LoadingDemo',
- component: () => import('/@/views/demo/comp/loading/index.vue'),
+ component: () => import('@/views/demo/comp/loading/index.vue'),
meta: {
title: t('routes.demo.comp.loading'),
},
@@ -534,7 +552,7 @@
{
path: 'cardList',
name: 'CardListDemo',
- component: () => import('/@/views/demo/comp/card-list/index.vue'),
+ component: () => import('@/views/demo/comp/card-list/index.vue'),
meta: {
title: t('routes.demo.comp.cardList'),
},
--
Gitblit v1.9.3