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,7 +209,7 @@ export default defineComponent({
209 : {}; 209 : {};
210 return ( 210 return (
211 <Menu 211 <Menu
212 - // forceSubMenuRender={true} 212 + forceSubMenuRender={props.isAppMenu}
213 selectedKeys={selectedKeys} 213 selectedKeys={selectedKeys}
214 defaultSelectedKeys={defaultSelectedKeys} 214 defaultSelectedKeys={defaultSelectedKeys}
215 mode={mode} 215 mode={mode}
src/layouts/default/index.less
  View file @949db96
1 @import (reference) '../../design/index.less'; 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 .default-layout { 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 &__content { 10 &__content {
10 position: relative; 11 position: relative;
11 12
@@ -363,8 +364,8 @@ @@ -363,8 +364,8 @@
363 align-items: center; 364 align-items: center;
364 365
365 img { 366 img {
366 - width: @logo-width;  
367 - height: @logo-width; 367 + width: 32px;
  368 + height: 32px;
368 margin-right: 24px; 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,6 +17,9 @@ import compDemo from &#39;./modules/demo/comp&#39;;
17 import permissionDemo from './modules/demo/permission'; 17 import permissionDemo from './modules/demo/permission';
18 import featDemo from './modules/demo/feat'; 18 import featDemo from './modules/demo/feat';
19 import chartsDemo from './modules/demo/charts'; 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 const menuModules = [ 24 const menuModules = [
22 dashboardDemo, 25 dashboardDemo,
@@ -26,6 +29,9 @@ const menuModules = [ @@ -26,6 +29,9 @@ const menuModules = [
26 compDemo, 29 compDemo,
27 permissionDemo, 30 permissionDemo,
28 chartsDemo, 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,128 +9,7 @@ const menu: MenuModule = {
9 path: '/basic', 9 path: '/basic',
10 name: '基础组件', 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 path: '/scroll', 14 path: '/scroll',
136 name: '滚动组件', 15 name: '滚动组件',
src/router/menus/modules/demo/feat.ts
  View file @949db96
@@ -6,6 +6,10 @@ const menu: MenuModule = { @@ -6,6 +6,10 @@ const menu: MenuModule = {
6 path: '/feat', 6 path: '/feat',
7 children: [ 7 children: [
8 { 8 {
  9 + path: '/icon',
  10 + name: '图标',
  11 + },
  12 + {
9 path: '/tabs', 13 path: '/tabs',
10 name: '标签页操作', 14 name: '标签页操作',
11 }, 15 },
@@ -14,6 +18,10 @@ const menu: MenuModule = { @@ -14,6 +18,10 @@ const menu: MenuModule = {
14 name: '右键菜单', 18 name: '右键菜单',
15 }, 19 },
16 { 20 {
  21 + path: '/click-out-side',
  22 + name: 'ClickOutSide',
  23 + },
  24 + {
17 path: '/img-preview', 25 path: '/img-preview',
18 name: '图片预览', 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,6 +12,9 @@ import compDemo from &#39;./modules/demo/comp&#39;;
12 import permissionDemo from './modules/demo/permission'; 12 import permissionDemo from './modules/demo/permission';
13 import featDemo from './modules/demo/feat'; 13 import featDemo from './modules/demo/feat';
14 import chartsDemo from './modules/demo/charts'; 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 const routeModuleList: AppRouteModule[] = [ 19 const routeModuleList: AppRouteModule[] = [
17 exceptionDemo, 20 exceptionDemo,
@@ -21,6 +24,9 @@ const routeModuleList: AppRouteModule[] = [ @@ -21,6 +24,9 @@ const routeModuleList: AppRouteModule[] = [
21 featDemo, 24 featDemo,
22 permissionDemo, 25 permissionDemo,
23 chartsDemo, 26 chartsDemo,
  27 + tableDemo,
  28 + formDemo,
  29 + treeDemo,
24 ]; 30 ];
25 31
26 export const asyncRoutes = [ 32 export const asyncRoutes = [
src/router/routes/modules/demo/comp.ts
  View file @949db96
@@ -23,237 +23,7 @@ export default { @@ -23,237 +23,7 @@ export default {
23 title: '基础组件', 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 path: '/scroll', 28 path: '/scroll',
259 name: 'ScrollDemo', 29 name: 'ScrollDemo',
@@ -341,14 +111,7 @@ export default { @@ -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 path: '/qrcode', 116 path: '/qrcode',
354 name: 'QrCodeDemo', 117 name: 'QrCodeDemo',
src/router/routes/modules/demo/feat.ts
  View file @949db96
@@ -24,6 +24,14 @@ export default { @@ -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 path: '/context-menu', 35 path: '/context-menu',
28 name: 'ContextMenuDemo', 36 name: 'ContextMenuDemo',
29 component: () => import('/@/views/demo/feat/context-menu/index.vue'), 37 component: () => import('/@/views/demo/feat/context-menu/index.vue'),
@@ -32,6 +40,14 @@ export default { @@ -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 path: '/img-preview', 51 path: '/img-preview',
36 name: 'ImgPreview', 52 name: 'ImgPreview',
37 component: () => import('/@/views/demo/feat/img-preview/index.vue'), 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;