canrd-outside / order-erp-front · Commits

Commit 949db9639f0fcbd6df9de1a10098c3a3bd2230c3

Authored by vben
1 parent 52ee35c4

style: menu adjustment

Inline Side-by-side
Showing 14 changed files with 425 additions and 369 deletions
src/components/Menu/src/BasicMenu.tsx
  View file @949db96
... ... @@ -209,7 +209,7 @@ export default defineComponent({
209 209 : {};
210 210 return (
211 211 <Menu
212   - // forceSubMenuRender={true}
  212 + forceSubMenuRender={props.isAppMenu}
213 213 selectedKeys={selectedKeys}
214 214 defaultSelectedKeys={defaultSelectedKeys}
215 215 mode={mode}
... ...
src/layouts/default/index.less
  View file @949db96
1 1 @import (reference) '../../design/index.less';
2 2  
3   -.ant-menu-submenu .ant-menu-sub {
4   - transition: background 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s,
5   - padding 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important;
6   -}
7   -
8 3 .default-layout {
  4 + .ant-menu-submenu .ant-menu-sub {
  5 + transition: none !important;
  6 + // transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s,
  7 + // padding 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important;
  8 + }
  9 +
9 10 &__content {
10 11 position: relative;
11 12  
... ... @@ -363,8 +364,8 @@
363 364 align-items: center;
364 365  
365 366 img {
366   - width: @logo-width;
367   - height: @logo-width;
  367 + width: 32px;
  368 + height: 32px;
368 369 margin-right: 24px;
369 370 }
370 371  
... ...
src/router/menus/index.ts
  View file @949db96
... ... @@ -17,6 +17,9 @@ import compDemo from &#39;./modules/demo/comp&#39;;
17 17 import permissionDemo from './modules/demo/permission';
18 18 import featDemo from './modules/demo/feat';
19 19 import chartsDemo from './modules/demo/charts';
  20 +import tableDemo from './modules/demo/table';
  21 +import formDemo from './modules/demo/form';
  22 +import treeDemo from './modules/demo/tree';
20 23  
21 24 const menuModules = [
22 25 dashboardDemo,
... ... @@ -26,6 +29,9 @@ const menuModules = [
26 29 compDemo,
27 30 permissionDemo,
28 31 chartsDemo,
  32 + tableDemo,
  33 + formDemo,
  34 + treeDemo,
29 35 ];
30 36  
31 37 // ===========================
... ...
src/router/menus/modules/demo/comp.ts
  View file @949db96
... ... @@ -9,128 +9,7 @@ const menu: MenuModule = {
9 9 path: '/basic',
10 10 name: '基础组件',
11 11 },
12   - {
13   - path: '/icon',
14   - name: '图标',
15   - },
16   - {
17   - path: '/click-out-side',
18   - name: 'ClickOutSide组件',
19   - },
20   - {
21   - path: '/table',
22   - name: '表格组件',
23   - children: [
24   - {
25   - path: '/basic',
26   - name: '基础表格',
27   - },
28   - {
29   - path: '/treeTable',
30   - name: '树形表格',
31   - },
32   - {
33   - path: '/fetchTable',
34   - name: '远程加载',
35   - },
36   - {
37   - path: '/fixedColumn',
38   - name: '固定列',
39   - },
40   - {
41   - path: '/customerCell',
42   - name: '自定义列',
43   - },
44   - {
45   - path: '/formTable',
46   - name: '开启搜索区域',
47   - },
48   - {
49   - path: '/useTable',
50   - name: 'UseTable',
51   - },
52   - {
53   - path: '/refTable',
54   - name: 'RefTable',
55   - },
56   - {
57   - path: '/multipleHeader',
58   - name: '多级表头',
59   - },
60   - {
61   - path: '/mergeHeader',
62   - name: '合并单元格',
63   - },
64   - {
65   - path: '/expandTable',
66   - name: '可展开表格',
67   - },
68   - {
69   - path: '/fixedHeight',
70   - name: '定高/头部自定义',
71   - },
72   - {
73   - path: '/footerTable',
74   - name: '表尾行合计',
75   - },
76   - {
77   - path: '/editCellTable',
78   - name: '可编辑单元格',
79   - },
80   - ],
81   - },
82   - {
83   - path: '/form',
84   - name: '表单组件',
85   - children: [
86   - {
87   - path: '/basic',
88   - name: '基础表单',
89   - },
90   - {
91   - path: '/useForm',
92   - name: 'useForm',
93   - },
94   - {
95   - path: '/refForm',
96   - name: 'RefForm',
97   - },
98   - {
99   - path: '/advancedForm',
100   - name: '可收缩表单',
101   - },
102   - {
103   - path: '/ruleForm',
104   - name: '表单校验',
105   - },
106   - {
107   - path: '/dynamicForm',
108   - name: '动态表单',
109   - },
110   - {
111   - path: '/customerForm',
112   - name: '自定义组件',
113   - },
114   - ],
115   - },
116   - {
117   - path: '/tree',
118   - name: '树组件',
119   - children: [
120   - {
121   - path: 'basic',
122   - name: '基础示例',
123   - },
124   - {
125   - path: 'editTree',
126   - name: '右键示例',
127   - },
128   - {
129   - path: 'actionTree',
130   - name: '函数操作示例',
131   - },
132   - ],
133   - },
  12 +
134 13 {
135 14 path: '/scroll',
136 15 name: '滚动组件',
... ...
src/router/menus/modules/demo/feat.ts
  View file @949db96
... ... @@ -6,6 +6,10 @@ const menu: MenuModule = {
6 6 path: '/feat',
7 7 children: [
8 8 {
  9 + path: '/icon',
  10 + name: '图标',
  11 + },
  12 + {
9 13 path: '/tabs',
10 14 name: '标签页操作',
11 15 },
... ... @@ -14,6 +18,10 @@ const menu: MenuModule = {
14 18 name: '右键菜单',
15 19 },
16 20 {
  21 + path: '/click-out-side',
  22 + name: 'ClickOutSide',
  23 + },
  24 + {
17 25 path: '/img-preview',
18 26 name: '图片预览',
19 27 },
... ...
src/router/menus/modules/demo/form.ts 0 → 100644
  View file @949db96
  1 +import type { MenuModule } from '/@/router/types.d';
  2 +const menu: MenuModule = {
  3 + orderNo: 40,
  4 + menu: {
  5 + path: '/form',
  6 + name: 'Form',
  7 + children: [
  8 + {
  9 + path: '/basic',
  10 + name: '基础表单',
  11 + },
  12 + {
  13 + path: '/useForm',
  14 + name: 'useForm',
  15 + },
  16 + {
  17 + path: '/refForm',
  18 + name: 'RefForm',
  19 + },
  20 + {
  21 + path: '/advancedForm',
  22 + name: '可收缩表单',
  23 + },
  24 + {
  25 + path: '/ruleForm',
  26 + name: '表单校验',
  27 + },
  28 + {
  29 + path: '/dynamicForm',
  30 + name: '动态表单',
  31 + },
  32 + {
  33 + path: '/customerForm',
  34 + name: '自定义组件',
  35 + },
  36 + ],
  37 + },
  38 +};
  39 +export default menu;
... ...
src/router/menus/modules/demo/table.ts 0 → 100644
  View file @949db96
  1 +import type { MenuModule } from '/@/router/types.d';
  2 +const menu: MenuModule = {
  3 + orderNo: 30,
  4 + menu: {
  5 + path: '/table',
  6 + name: 'Table',
  7 + children: [
  8 + {
  9 + path: '/basic',
  10 + name: '基础表格',
  11 + },
  12 + {
  13 + path: '/treeTable',
  14 + name: '树形表格',
  15 + },
  16 + {
  17 + path: '/fetchTable',
  18 + name: '远程加载',
  19 + },
  20 + {
  21 + path: '/fixedColumn',
  22 + name: '固定列',
  23 + },
  24 + {
  25 + path: '/customerCell',
  26 + name: '自定义列',
  27 + },
  28 + {
  29 + path: '/formTable',
  30 + name: '开启搜索区域',
  31 + },
  32 + {
  33 + path: '/useTable',
  34 + name: 'UseTable',
  35 + },
  36 + {
  37 + path: '/refTable',
  38 + name: 'RefTable',
  39 + },
  40 + {
  41 + path: '/multipleHeader',
  42 + name: '多级表头',
  43 + },
  44 + {
  45 + path: '/mergeHeader',
  46 + name: '合并单元格',
  47 + },
  48 + {
  49 + path: '/expandTable',
  50 + name: '可展开表格',
  51 + },
  52 + {
  53 + path: '/fixedHeight',
  54 + name: '定高/头部自定义',
  55 + },
  56 + {
  57 + path: '/footerTable',
  58 + name: '表尾行合计',
  59 + },
  60 + {
  61 + path: '/editCellTable',
  62 + name: '可编辑单元格',
  63 + },
  64 + ],
  65 + },
  66 +};
  67 +export default menu;
... ...
src/router/menus/modules/demo/tree.ts 0 → 100644
  View file @949db96
  1 +import type { MenuModule } from '/@/router/types.d';
  2 +const menu: MenuModule = {
  3 + orderNo: 50,
  4 + menu: {
  5 + path: '/tree',
  6 + name: 'Tree',
  7 + children: [
  8 + {
  9 + path: 'basic',
  10 + name: '基础示例',
  11 + },
  12 + {
  13 + path: 'editTree',
  14 + name: '右键示例',
  15 + },
  16 + {
  17 + path: 'actionTree',
  18 + name: '函数操作示例',
  19 + },
  20 + ],
  21 + },
  22 +};
  23 +export default menu;
... ...
src/router/routes/index.ts
  View file @949db96
... ... @@ -12,6 +12,9 @@ import compDemo from &#39;./modules/demo/comp&#39;;
12 12 import permissionDemo from './modules/demo/permission';
13 13 import featDemo from './modules/demo/feat';
14 14 import chartsDemo from './modules/demo/charts';
  15 +import tableDemo from './modules/demo/table';
  16 +import formDemo from './modules/demo/form';
  17 +import treeDemo from './modules/demo/tree';
15 18  
16 19 const routeModuleList: AppRouteModule[] = [
17 20 exceptionDemo,
... ... @@ -21,6 +24,9 @@ const routeModuleList: AppRouteModule[] = [
21 24 featDemo,
22 25 permissionDemo,
23 26 chartsDemo,
  27 + tableDemo,
  28 + formDemo,
  29 + treeDemo,
24 30 ];
25 31  
26 32 export const asyncRoutes = [
... ...
src/router/routes/modules/demo/comp.ts
  View file @949db96
... ... @@ -23,237 +23,7 @@ export default {
23 23 title: '基础组件',
24 24 },
25 25 },
26   - {
27   - path: '/icon',
28   - name: 'IconDemo',
29   - component: () => import('/@/views/demo/comp/icon/index.vue'),
30   - meta: {
31   - title: '图标',
32   - },
33   - },
34   - // form
35   - {
36   - path: '/form',
37   - name: 'FormDemo',
38   - redirect: '/comp/form/basic',
39   - meta: {
40   - title: '表单组件',
41   - },
42   - children: [
43   - {
44   - path: 'basic',
45   - name: 'FormBasicDemo',
46   - component: () => import('/@/views/demo/form/index.vue'),
47   - meta: {
48   - title: '基础表单',
49   - },
50   - },
51   - {
52   - path: 'useForm',
53   - name: 'UseFormDemo',
54   - component: () => import('/@/views/demo/form/UseForm.vue'),
55   - meta: {
56   - title: 'useForm',
57   - },
58   - },
59   - {
60   - path: 'refForm',
61   - name: 'RefFormDemo',
62   - component: () => import('/@/views/demo/form/RefForm.vue'),
63   - meta: {
64   - title: 'RefForm',
65   - },
66   - },
67   - {
68   - path: 'advancedForm',
69   - name: 'AdvancedFormDemo',
70   - component: () => import('/@/views/demo/form/AdvancedForm.vue'),
71   - meta: {
72   - title: '可收缩表单',
73   - },
74   - },
75   - {
76   - path: 'ruleForm',
77   - name: 'RuleFormDemo',
78   - component: () => import('/@/views/demo/form/RuleForm.vue'),
79   - meta: {
80   - title: '表单验证',
81   - },
82   - },
83   - {
84   - path: 'dynamicForm',
85   - name: 'DynamicFormDemo',
86   - component: () => import('/@/views/demo/form/DynamicForm.vue'),
87   - meta: {
88   - title: '动态表单',
89   - },
90   - },
91   - {
92   - path: 'customerForm',
93   - name: 'CustomerFormDemo',
94   - component: () => import('/@/views/demo/form/CustomerForm.vue'),
95   - meta: {
96   - title: '自定义组件',
97   - },
98   - },
99   - ],
100   - },
101   - {
102   - path: '/table',
103   - name: 'TableDemo',
104   - redirect: '/comp/table/basic',
105   - meta: {
106   - title: '表格组件',
107   - },
108   - children: [
109   - {
110   - path: 'basic',
111   - name: 'TableBasicDemo',
112   - component: () => import('/@/views/demo/table/Basic.vue'),
113   - meta: {
114   - title: '基础表格',
115   - },
116   - },
117   - {
118   - path: 'treeTable',
119   - name: 'TreeTableDemo',
120   - component: () => import('/@/views/demo/table/TreeTable.vue'),
121   - meta: {
122   - title: '树形表格',
123   - },
124   - },
125   - {
126   - path: 'fetchTable',
127   - name: 'FetchTableDemo',
128   - component: () => import('/@/views/demo/table/FetchTable.vue'),
129   - meta: {
130   - title: '远程加载示例',
131   - },
132   - },
133   - {
134   - path: 'fixedColumn',
135   - name: 'FixedColumnDemo',
136   - component: () => import('/@/views/demo/table/FixedColumn.vue'),
137   - meta: {
138   - title: '固定列',
139   - },
140   - },
141   - {
142   - path: 'customerCell',
143   - name: 'CustomerCellDemo',
144   - component: () => import('/@/views/demo/table/CustomerCell.vue'),
145   - meta: {
146   - title: '自定义列',
147   - },
148   - },
149   - {
150   - path: 'formTable',
151   - name: 'FormTableDemo',
152   - component: () => import('/@/views/demo/table/FormTable.vue'),
153   - meta: {
154   - title: '开启搜索区域',
155   - },
156   - },
157   - {
158   - path: 'useTable',
159   - name: 'UseTableDemo',
160   - component: () => import('/@/views/demo/table/UseTable.vue'),
161   - meta: {
162   - title: 'UseTable',
163   - },
164   - },
165   - {
166   - path: 'refTable',
167   - name: 'RefTableDemo',
168   - component: () => import('/@/views/demo/table/RefTable.vue'),
169   - meta: {
170   - title: 'RefTable',
171   - },
172   - },
173   - {
174   - path: 'multipleHeader',
175   - name: 'MultipleHeaderDemo',
176   - component: () => import('/@/views/demo/table/MultipleHeader.vue'),
177   - meta: {
178   - title: '多级表头',
179   - },
180   - },
181   - {
182   - path: 'mergeHeader',
183   - name: 'MergeHeaderDemo',
184   - component: () => import('/@/views/demo/table/MergeHeader.vue'),
185   - meta: {
186   - title: '合并单元格',
187   - },
188   - },
189   - {
190   - path: 'expandTable',
191   - name: 'ExpandTableDemo',
192   - component: () => import('/@/views/demo/table/ExpandTable.vue'),
193   - meta: {
194   - title: '可展开表格',
195   - },
196   - },
197   - {
198   - path: 'fixedHeight',
199   - name: 'FixedHeightDemo',
200   - component: () => import('/@/views/demo/table/FixedHeight.vue'),
201   - meta: {
202   - title: '定高/头部自定义',
203   - },
204   - },
205   - {
206   - path: 'footerTable',
207   - name: 'FooterTableDemo',
208   - component: () => import('/@/views/demo/table/FooterTable.vue'),
209   - meta: {
210   - title: '表尾行合计',
211   - },
212   - },
213   - {
214   - path: 'editCellTable',
215   - name: 'EditCellTableDemo',
216   - component: () => import('/@/views/demo/table/EditCellTable.vue'),
217   - meta: {
218   - title: '可编辑单元格',
219   - },
220   - },
221   - ],
222   - },
223   - {
224   - path: '/tree',
225   - name: 'TreeDemo',
226   - redirect: '/comp/tree/basic',
227   - meta: {
228   - title: '树组件',
229   - },
230   - children: [
231   - {
232   - path: 'basic',
233   - name: 'BasicTreeDemo',
234   - component: () => import('/@/views/demo/tree/index.vue'),
235   - meta: {
236   - title: '基础树',
237   - },
238   - },
239   - {
240   - path: 'editTree',
241   - name: 'EditTreeDemo',
242   - component: () => import('/@/views/demo/tree/EditTree.vue'),
243   - meta: {
244   - title: '右键示例',
245   - },
246   - },
247   - {
248   - path: 'actionTree',
249   - name: 'ActionTreeDemo',
250   - component: () => import('/@/views/demo/tree/ActionTree.vue'),
251   - meta: {
252   - title: '函数操作示例',
253   - },
254   - },
255   - ],
256   - },
  26 +
257 27 {
258 28 path: '/scroll',
259 29 name: 'ScrollDemo',
... ... @@ -341,14 +111,7 @@ export default {
341 111 ],
342 112 },
343 113 //
344   - {
345   - path: '/click-out-side',
346   - name: 'ClickOutSideDemo',
347   - component: () => import('/@/views/demo/comp/click-out-side/index.vue'),
348   - meta: {
349   - title: 'ClickOutSide组件',
350   - },
351   - },
  114 +
352 115 {
353 116 path: '/qrcode',
354 117 name: 'QrCodeDemo',
... ...
src/router/routes/modules/demo/feat.ts
  View file @949db96
... ... @@ -24,6 +24,14 @@ export default {
24 24 },
25 25 },
26 26 {
  27 + path: '/icon',
  28 + name: 'IconDemo',
  29 + component: () => import('/@/views/demo/comp/icon/index.vue'),
  30 + meta: {
  31 + title: '图标',
  32 + },
  33 + },
  34 + {
27 35 path: '/context-menu',
28 36 name: 'ContextMenuDemo',
29 37 component: () => import('/@/views/demo/feat/context-menu/index.vue'),
... ... @@ -32,6 +40,14 @@ export default {
32 40 },
33 41 },
34 42 {
  43 + path: '/click-out-side',
  44 + name: 'ClickOutSideDemo',
  45 + component: () => import('/@/views/demo/comp/click-out-side/index.vue'),
  46 + meta: {
  47 + title: 'ClickOutSide组件',
  48 + },
  49 + },
  50 + {
35 51 path: '/img-preview',
36 52 name: 'ImgPreview',
37 53 component: () => import('/@/views/demo/feat/img-preview/index.vue'),
... ...
src/router/routes/modules/demo/form.ts 0 → 100644
  View file @949db96
  1 +import type { AppRouteModule } from '/@/router/types';
  2 +
  3 +import { PAGE_LAYOUT_COMPONENT } from '/@/router/constant';
  4 +
  5 +export default {
  6 + layout: {
  7 + path: '/form',
  8 + name: 'FormDemo',
  9 + component: PAGE_LAYOUT_COMPONENT,
  10 + redirect: '/form/basic',
  11 + meta: {
  12 + icon: 'ant-design:table-outlined',
  13 + title: 'Form',
  14 + },
  15 + },
  16 +
  17 + routes: [
  18 + {
  19 + path: '/basic',
  20 + name: 'FormBasicDemo',
  21 + component: () => import('/@/views/demo/form/index.vue'),
  22 + meta: {
  23 + title: '基础表单',
  24 + },
  25 + },
  26 + {
  27 + path: '/useForm',
  28 + name: 'UseFormDemo',
  29 + component: () => import('/@/views/demo/form/UseForm.vue'),
  30 + meta: {
  31 + title: 'useForm',
  32 + },
  33 + },
  34 + {
  35 + path: '/refForm',
  36 + name: 'RefFormDemo',
  37 + component: () => import('/@/views/demo/form/RefForm.vue'),
  38 + meta: {
  39 + title: 'RefForm',
  40 + },
  41 + },
  42 + {
  43 + path: '/advancedForm',
  44 + name: 'AdvancedFormDemo',
  45 + component: () => import('/@/views/demo/form/AdvancedForm.vue'),
  46 + meta: {
  47 + title: '可收缩表单',
  48 + },
  49 + },
  50 + {
  51 + path: '/ruleForm',
  52 + name: 'RuleFormDemo',
  53 + component: () => import('/@/views/demo/form/RuleForm.vue'),
  54 + meta: {
  55 + title: '表单验证',
  56 + },
  57 + },
  58 + {
  59 + path: '/dynamicForm',
  60 + name: 'DynamicFormDemo',
  61 + component: () => import('/@/views/demo/form/DynamicForm.vue'),
  62 + meta: {
  63 + title: '动态表单',
  64 + },
  65 + },
  66 + {
  67 + path: '/customerForm',
  68 + name: 'CustomerFormDemo',
  69 + component: () => import('/@/views/demo/form/CustomerForm.vue'),
  70 + meta: {
  71 + title: '自定义组件',
  72 + },
  73 + },
  74 + ],
  75 +} as AppRouteModule;
... ...
src/router/routes/modules/demo/table.ts 0 → 100644
  View file @949db96
  1 +import type { AppRouteModule } from '/@/router/types';
  2 +
  3 +import { PAGE_LAYOUT_COMPONENT } from '/@/router/constant';
  4 +
  5 +export default {
  6 + layout: {
  7 + path: '/table',
  8 + name: 'TableDemo',
  9 + component: PAGE_LAYOUT_COMPONENT,
  10 + redirect: '/table/basic',
  11 + meta: {
  12 + icon: 'ant-design:table-outlined',
  13 + title: 'Table',
  14 + },
  15 + },
  16 +
  17 + routes: [
  18 + {
  19 + path: '/basic',
  20 + name: 'TableBasicDemo',
  21 + component: () => import('/@/views/demo/table/Basic.vue'),
  22 + meta: {
  23 + title: '基础表格',
  24 + },
  25 + },
  26 + {
  27 + path: '/treeTable',
  28 + name: 'TreeTableDemo',
  29 + component: () => import('/@/views/demo/table/TreeTable.vue'),
  30 + meta: {
  31 + title: '树形表格',
  32 + },
  33 + },
  34 + {
  35 + path: '/fetchTable',
  36 + name: 'FetchTableDemo',
  37 + component: () => import('/@/views/demo/table/FetchTable.vue'),
  38 + meta: {
  39 + title: '远程加载示例',
  40 + },
  41 + },
  42 + {
  43 + path: '/fixedColumn',
  44 + name: 'FixedColumnDemo',
  45 + component: () => import('/@/views/demo/table/FixedColumn.vue'),
  46 + meta: {
  47 + title: '固定列',
  48 + },
  49 + },
  50 + {
  51 + path: '/customerCell',
  52 + name: 'CustomerCellDemo',
  53 + component: () => import('/@/views/demo/table/CustomerCell.vue'),
  54 + meta: {
  55 + title: '自定义列',
  56 + },
  57 + },
  58 + {
  59 + path: '/formTable',
  60 + name: 'FormTableDemo',
  61 + component: () => import('/@/views/demo/table/FormTable.vue'),
  62 + meta: {
  63 + title: '开启搜索区域',
  64 + },
  65 + },
  66 + {
  67 + path: '/useTable',
  68 + name: 'UseTableDemo',
  69 + component: () => import('/@/views/demo/table/UseTable.vue'),
  70 + meta: {
  71 + title: 'UseTable',
  72 + },
  73 + },
  74 + {
  75 + path: '/refTable',
  76 + name: 'RefTableDemo',
  77 + component: () => import('/@/views/demo/table/RefTable.vue'),
  78 + meta: {
  79 + title: 'RefTable',
  80 + },
  81 + },
  82 + {
  83 + path: '/multipleHeader',
  84 + name: 'MultipleHeaderDemo',
  85 + component: () => import('/@/views/demo/table/MultipleHeader.vue'),
  86 + meta: {
  87 + title: '多级表头',
  88 + },
  89 + },
  90 + {
  91 + path: '/mergeHeader',
  92 + name: 'MergeHeaderDemo',
  93 + component: () => import('/@/views/demo/table/MergeHeader.vue'),
  94 + meta: {
  95 + title: '合并单元格',
  96 + },
  97 + },
  98 + {
  99 + path: '/expandTable',
  100 + name: 'ExpandTableDemo',
  101 + component: () => import('/@/views/demo/table/ExpandTable.vue'),
  102 + meta: {
  103 + title: '可展开表格',
  104 + },
  105 + },
  106 + {
  107 + path: '/fixedHeight',
  108 + name: 'FixedHeightDemo',
  109 + component: () => import('/@/views/demo/table/FixedHeight.vue'),
  110 + meta: {
  111 + title: '定高/头部自定义',
  112 + },
  113 + },
  114 + {
  115 + path: '/footerTable',
  116 + name: 'FooterTableDemo',
  117 + component: () => import('/@/views/demo/table/FooterTable.vue'),
  118 + meta: {
  119 + title: '表尾行合计',
  120 + },
  121 + },
  122 + {
  123 + path: '/editCellTable',
  124 + name: 'EditCellTableDemo',
  125 + component: () => import('/@/views/demo/table/EditCellTable.vue'),
  126 + meta: {
  127 + title: '可编辑单元格',
  128 + },
  129 + },
  130 + ],
  131 +} as AppRouteModule;
... ...
src/router/routes/modules/demo/tree.ts 0 → 100644
  View file @949db96
  1 +import type { AppRouteModule } from '/@/router/types';
  2 +
  3 +import { PAGE_LAYOUT_COMPONENT } from '/@/router/constant';
  4 +
  5 +export default {
  6 + layout: {
  7 + path: '/tree',
  8 + name: 'TreeDemo',
  9 + component: PAGE_LAYOUT_COMPONENT,
  10 + redirect: '/tree/basic',
  11 + meta: {
  12 + icon: 'ant-design:table-outlined',
  13 + title: 'Tree',
  14 + },
  15 + },
  16 + routes: [
  17 + {
  18 + path: '/basic',
  19 + name: 'BasicTreeDemo',
  20 + component: () => import('/@/views/demo/tree/index.vue'),
  21 + meta: {
  22 + title: '基础树',
  23 + },
  24 + },
  25 + {
  26 + path: '/editTree',
  27 + name: 'EditTreeDemo',
  28 + component: () => import('/@/views/demo/tree/EditTree.vue'),
  29 + meta: {
  30 + title: '右键示例',
  31 + },
  32 + },
  33 + {
  34 + path: '/actionTree',
  35 + name: 'ActionTreeDemo',
  36 + component: () => import('/@/views/demo/tree/ActionTree.vue'),
  37 + meta: {
  38 + title: '函数操作示例',
  39 + },
  40 + },
  41 + ],
  42 +} as AppRouteModule;
... ...