adtec-core-package 1.2.1 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.editorconfig +6 -6
- package/.prettierrc.json +7 -7
- package/.vscode/extensions.json +8 -8
- package/README.md +39 -39
- package/env.d.ts +1 -1
- package/eslint.config.js +56 -56
- package/index.html +13 -13
- package/package.json +1 -1
- package/src/App.vue +9 -9
- package/src/assets/base.css +86 -86
- package/src/assets/logo.svg +1 -1
- package/src/assets/main.css +35 -35
- package/src/assets/style/transition.scss +49 -49
- package/src/components/icon/ElIcons.vue +38 -38
- package/src/components/workflow/components/CheckDialog.vue +1 -0
- package/src/css/elementUI/affix.scss +7 -7
- package/src/css/elementUI/alert.scss +115 -115
- package/src/css/elementUI/anchor-link.scss +41 -41
- package/src/css/elementUI/anchor.scss +88 -88
- package/src/css/elementUI/aside.scss +8 -8
- package/src/css/elementUI/avatar.scss +55 -55
- package/src/css/elementUI/backtop.scss +29 -29
- package/src/css/elementUI/badge.scss +58 -58
- package/src/css/elementUI/base.scss +3 -3
- package/src/css/elementUI/breadcrumb.scss +62 -62
- package/src/css/elementUI/button-group.scss +80 -80
- package/src/css/elementUI/button.scss +304 -304
- package/src/css/elementUI/calendar.scss +80 -80
- package/src/css/elementUI/card.scss +45 -45
- package/src/css/elementUI/carousel-item.scss +58 -58
- package/src/css/elementUI/carousel.scss +188 -188
- package/src/css/elementUI/cascader-panel.scss +138 -138
- package/src/css/elementUI/cascader.scss +230 -230
- package/src/css/elementUI/check-tag.scss +60 -60
- package/src/css/elementUI/checkbox-button.scss +140 -140
- package/src/css/elementUI/checkbox-group.scss +7 -7
- package/src/css/elementUI/checkbox.scss +298 -298
- package/src/css/elementUI/col.scss +48 -48
- package/src/css/elementUI/collapse.scss +70 -70
- package/src/css/elementUI/color/index.scss +20 -20
- package/src/css/elementUI/color-picker.scss +392 -392
- package/src/css/elementUI/common/popup.scss +47 -47
- package/src/css/elementUI/common/transition.scss +122 -122
- package/src/css/elementUI/container.scss +14 -14
- package/src/css/elementUI/dark/css-vars.scss +39 -39
- package/src/css/elementUI/dark/var.scss +222 -222
- package/src/css/elementUI/date-picker/date-picker.scss +110 -110
- package/src/css/elementUI/date-picker/date-range-picker.scss +113 -113
- package/src/css/elementUI/date-picker/date-table.scss +158 -158
- package/src/css/elementUI/date-picker/month-table.scss +112 -112
- package/src/css/elementUI/date-picker/picker-panel.scss +131 -131
- package/src/css/elementUI/date-picker/time-picker.scss +90 -90
- package/src/css/elementUI/date-picker/time-range-picker.scss +33 -33
- package/src/css/elementUI/date-picker/time-spinner.scss +111 -111
- package/src/css/elementUI/date-picker/year-table.scss +108 -108
- package/src/css/elementUI/date-picker.scss +9 -9
- package/src/css/elementUI/descriptions-item.scss +73 -73
- package/src/css/elementUI/dialog.scss +199 -199
- package/src/css/elementUI/display.scss +12 -12
- package/src/css/elementUI/divider.scss +48 -48
- package/src/css/elementUI/dropdown.scss +208 -208
- package/src/css/elementUI/empty.scss +49 -49
- package/src/css/elementUI/footer.scss +12 -12
- package/src/css/elementUI/form.scss +243 -243
- package/src/css/elementUI/header.scss +12 -12
- package/src/css/elementUI/icon.scss +45 -45
- package/src/css/elementUI/image-viewer.scss +139 -139
- package/src/css/elementUI/image.scss +49 -49
- package/src/css/elementUI/index.scss +110 -110
- package/src/css/elementUI/input-number.scss +178 -178
- package/src/css/elementUI/input.scss +478 -478
- package/src/css/elementUI/link.scss +90 -90
- package/src/css/elementUI/loading.scss +104 -104
- package/src/css/elementUI/main.scss +14 -14
- package/src/css/elementUI/mention.scss +88 -88
- package/src/css/elementUI/menu.scss +339 -339
- package/src/css/elementUI/message-box.scss +213 -213
- package/src/css/elementUI/message.scss +98 -98
- package/src/css/elementUI/mixins/_button.scss +165 -165
- package/src/css/elementUI/mixins/_col.scss +33 -33
- package/src/css/elementUI/mixins/_var.scss +67 -67
- package/src/css/elementUI/mixins/config.scss +5 -5
- package/src/css/elementUI/mixins/function.scss +88 -88
- package/src/css/elementUI/mixins/mixins.scss +237 -237
- package/src/css/elementUI/mixins/utils.scss +39 -39
- package/src/css/elementUI/notification.scss +104 -104
- package/src/css/elementUI/option-group.scss +33 -33
- package/src/css/elementUI/option.scss +71 -71
- package/src/css/elementUI/overlay.scss +17 -17
- package/src/css/elementUI/page-header.scss +60 -60
- package/src/css/elementUI/pagination.scss +238 -238
- package/src/css/elementUI/popconfirm.scss +16 -16
- package/src/css/elementUI/popover.scss +61 -61
- package/src/css/elementUI/popper.scss +106 -106
- package/src/css/elementUI/progress.scss +179 -179
- package/src/css/elementUI/radio-button.scss +169 -169
- package/src/css/elementUI/radio-group.scss +9 -9
- package/src/css/elementUI/radio.scss +215 -215
- package/src/css/elementUI/rate.scss +108 -108
- package/src/css/elementUI/reset.scss +98 -98
- package/src/css/elementUI/result.scss +57 -57
- package/src/css/elementUI/row.scss +35 -35
- package/src/css/elementUI/scrollbar.scss +97 -97
- package/src/css/elementUI/segmented.scss +183 -183
- package/src/css/elementUI/select-dropdown-v2.scss +1 -1
- package/src/css/elementUI/select-dropdown.scss +57 -57
- package/src/css/elementUI/select-v2.scss +4 -4
- package/src/css/elementUI/select.scss +253 -253
- package/src/css/elementUI/skeleton-item.scss +83 -83
- package/src/css/elementUI/skeleton.scss +44 -44
- package/src/css/elementUI/slider.scss +212 -212
- package/src/css/elementUI/space.scss +20 -20
- package/src/css/elementUI/spinner.scss +43 -43
- package/src/css/elementUI/statistic.scss +35 -35
- package/src/css/elementUI/step.scss +316 -316
- package/src/css/elementUI/steps.scss +21 -21
- package/src/css/elementUI/switch.scss +300 -300
- package/src/css/elementUI/table-column.scss +98 -98
- package/src/css/elementUI/table-v2.scss +236 -236
- package/src/css/elementUI/tag.scss +181 -181
- package/src/css/elementUI/text.scss +51 -51
- package/src/css/elementUI/time-picker.scss +5 -5
- package/src/css/elementUI/time-select.scss +37 -37
- package/src/css/elementUI/timeline-item.scss +84 -84
- package/src/css/elementUI/timeline.scss +46 -46
- package/src/css/elementUI/tooltip-v2.scss +95 -95
- package/src/css/elementUI/tour.scss +187 -187
- package/src/css/elementUI/transfer.scss +203 -203
- package/src/css/elementUI/tree-select.scss +41 -41
- package/src/css/elementUI/tree.scss +134 -134
- package/src/css/elementUI/upload.scss +654 -654
- package/src/css/elementUI/var.scss +87 -87
- package/src/css/elementUI/virtual-list.scss +40 -40
- package/src/hooks/useFileView.ts +0 -24
- package/src/interface/enum/FlexEnum.ts +85 -85
- package/src/interface/workflow/IWfReturnNodeVo.ts +1 -0
- package/src/interface/workflow/IWfTaskAskVo.ts +4 -0
- package/src/main.ts +14 -14
- package/src/router/index.ts +23 -23
- package/src/utils/FrameworkUtils.ts +335 -335
- package/src/utils/encrypt.ts +10 -10
- package/tsconfig.app.json +12 -12
- package/tsconfig.json +11 -11
- package/tsconfig.node.json +18 -18
- package/vite.config.ts +38 -38
- package/adtec-core-package/adtec-core-package.css +0 -1
- package/adtec-core-package/adtec-core-package.js +0 -41605
- package/adtec-core-package/adtec-core-package.umd.cjs +0 -79
- package/adtec-core-package/favicon.ico +0 -0
|
@@ -1,87 +1,87 @@
|
|
|
1
|
-
// CSS3 var
|
|
2
|
-
@use 'common/var' as *;
|
|
3
|
-
@use 'mixins/var' as *;
|
|
4
|
-
@use 'mixins/mixins' as *;
|
|
5
|
-
|
|
6
|
-
// for better performance do not dynamically change the root variable if you really
|
|
7
|
-
// do not need that, since this could introduce recalculation overhead for rendering.
|
|
8
|
-
// https://lisilinhart.info/posts/css-variables-performance/
|
|
9
|
-
|
|
10
|
-
// common
|
|
11
|
-
:root {
|
|
12
|
-
@include set-css-var-value('color-white', $color-white);
|
|
13
|
-
@include set-css-var-value('color-black', $color-black);
|
|
14
|
-
|
|
15
|
-
// get rgb
|
|
16
|
-
@each $type in (primary, success, warning, danger, error, info) {
|
|
17
|
-
@include set-css-color-rgb($type);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
// Typography
|
|
21
|
-
@include set-component-css-var('font-size', $font-size);
|
|
22
|
-
@include set-component-css-var('font-family', $font-family);
|
|
23
|
-
|
|
24
|
-
@include set-css-var-value('font-weight-primary', 500);
|
|
25
|
-
@include set-css-var-value('font-line-height-primary', 24px);
|
|
26
|
-
|
|
27
|
-
// z-index --el-index-#{$type}
|
|
28
|
-
@include set-component-css-var('index', $z-index);
|
|
29
|
-
|
|
30
|
-
// --el-border-radius-#{$type}
|
|
31
|
-
@include set-component-css-var('border-radius', $border-radius);
|
|
32
|
-
|
|
33
|
-
// Transition
|
|
34
|
-
// refer to this website to get the bezier motion function detail
|
|
35
|
-
// https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
|
|
36
|
-
@include set-component-css-var('transition-duration', $transition-duration);
|
|
37
|
-
|
|
38
|
-
@include set-component-css-var('transition-function', $transition-function);
|
|
39
|
-
@include set-component-css-var('transition', $transition);
|
|
40
|
-
|
|
41
|
-
// common component size
|
|
42
|
-
@include set-component-css-var('component-size', $common-component-size);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
// for light
|
|
46
|
-
:root {
|
|
47
|
-
color-scheme: light;
|
|
48
|
-
|
|
49
|
-
// --el-color-#{$type}
|
|
50
|
-
// --el-color-#{$type}-light-{$i}
|
|
51
|
-
@each $type in (primary, success, warning, danger, error, info) {
|
|
52
|
-
@include set-css-color-type($colors, $type);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
// color-scheme
|
|
56
|
-
// Background --el-bg-color-#{$type}
|
|
57
|
-
@include set-component-css-var('bg-color', $bg-color);
|
|
58
|
-
// --el-text-color-#{$type}
|
|
59
|
-
@include set-component-css-var('text-color', $text-color);
|
|
60
|
-
// --el-border-color-#{$type}
|
|
61
|
-
@include set-component-css-var('border-color', $border-color);
|
|
62
|
-
// Fill --el-fill-color-#{$type}
|
|
63
|
-
@include set-component-css-var('fill-color', $fill-color);
|
|
64
|
-
|
|
65
|
-
// Box-shadow
|
|
66
|
-
// --el-box-shadow-#{$type}
|
|
67
|
-
@include set-component-css-var('box-shadow', $box-shadow);
|
|
68
|
-
// Disable base
|
|
69
|
-
@include set-component-css-var('disabled', $disabled);
|
|
70
|
-
|
|
71
|
-
// overlay & mask
|
|
72
|
-
@include set-component-css-var('overlay-color', $overlay-color);
|
|
73
|
-
@include set-component-css-var('mask-color', $mask-color);
|
|
74
|
-
|
|
75
|
-
// Border
|
|
76
|
-
@include set-css-var-value('border-width', $border-width);
|
|
77
|
-
@include set-css-var-value('border-style', $border-style);
|
|
78
|
-
@include set-css-var-value('border-color-hover', $border-color-hover);
|
|
79
|
-
@include set-css-var-value(
|
|
80
|
-
'border',
|
|
81
|
-
getCssVar('border-width') getCssVar('border-style')
|
|
82
|
-
getCssVar('border-color')
|
|
83
|
-
);
|
|
84
|
-
|
|
85
|
-
// Svg
|
|
86
|
-
@include css-var-from-global('svg-monochrome-grey', 'border-color');
|
|
87
|
-
}
|
|
1
|
+
// CSS3 var
|
|
2
|
+
@use 'common/var' as *;
|
|
3
|
+
@use 'mixins/var' as *;
|
|
4
|
+
@use 'mixins/mixins' as *;
|
|
5
|
+
|
|
6
|
+
// for better performance do not dynamically change the root variable if you really
|
|
7
|
+
// do not need that, since this could introduce recalculation overhead for rendering.
|
|
8
|
+
// https://lisilinhart.info/posts/css-variables-performance/
|
|
9
|
+
|
|
10
|
+
// common
|
|
11
|
+
:root {
|
|
12
|
+
@include set-css-var-value('color-white', $color-white);
|
|
13
|
+
@include set-css-var-value('color-black', $color-black);
|
|
14
|
+
|
|
15
|
+
// get rgb
|
|
16
|
+
@each $type in (primary, success, warning, danger, error, info) {
|
|
17
|
+
@include set-css-color-rgb($type);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
// Typography
|
|
21
|
+
@include set-component-css-var('font-size', $font-size);
|
|
22
|
+
@include set-component-css-var('font-family', $font-family);
|
|
23
|
+
|
|
24
|
+
@include set-css-var-value('font-weight-primary', 500);
|
|
25
|
+
@include set-css-var-value('font-line-height-primary', 24px);
|
|
26
|
+
|
|
27
|
+
// z-index --el-index-#{$type}
|
|
28
|
+
@include set-component-css-var('index', $z-index);
|
|
29
|
+
|
|
30
|
+
// --el-border-radius-#{$type}
|
|
31
|
+
@include set-component-css-var('border-radius', $border-radius);
|
|
32
|
+
|
|
33
|
+
// Transition
|
|
34
|
+
// refer to this website to get the bezier motion function detail
|
|
35
|
+
// https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
|
|
36
|
+
@include set-component-css-var('transition-duration', $transition-duration);
|
|
37
|
+
|
|
38
|
+
@include set-component-css-var('transition-function', $transition-function);
|
|
39
|
+
@include set-component-css-var('transition', $transition);
|
|
40
|
+
|
|
41
|
+
// common component size
|
|
42
|
+
@include set-component-css-var('component-size', $common-component-size);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
// for light
|
|
46
|
+
:root {
|
|
47
|
+
color-scheme: light;
|
|
48
|
+
|
|
49
|
+
// --el-color-#{$type}
|
|
50
|
+
// --el-color-#{$type}-light-{$i}
|
|
51
|
+
@each $type in (primary, success, warning, danger, error, info) {
|
|
52
|
+
@include set-css-color-type($colors, $type);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
// color-scheme
|
|
56
|
+
// Background --el-bg-color-#{$type}
|
|
57
|
+
@include set-component-css-var('bg-color', $bg-color);
|
|
58
|
+
// --el-text-color-#{$type}
|
|
59
|
+
@include set-component-css-var('text-color', $text-color);
|
|
60
|
+
// --el-border-color-#{$type}
|
|
61
|
+
@include set-component-css-var('border-color', $border-color);
|
|
62
|
+
// Fill --el-fill-color-#{$type}
|
|
63
|
+
@include set-component-css-var('fill-color', $fill-color);
|
|
64
|
+
|
|
65
|
+
// Box-shadow
|
|
66
|
+
// --el-box-shadow-#{$type}
|
|
67
|
+
@include set-component-css-var('box-shadow', $box-shadow);
|
|
68
|
+
// Disable base
|
|
69
|
+
@include set-component-css-var('disabled', $disabled);
|
|
70
|
+
|
|
71
|
+
// overlay & mask
|
|
72
|
+
@include set-component-css-var('overlay-color', $overlay-color);
|
|
73
|
+
@include set-component-css-var('mask-color', $mask-color);
|
|
74
|
+
|
|
75
|
+
// Border
|
|
76
|
+
@include set-css-var-value('border-width', $border-width);
|
|
77
|
+
@include set-css-var-value('border-style', $border-style);
|
|
78
|
+
@include set-css-var-value('border-color-hover', $border-color-hover);
|
|
79
|
+
@include set-css-var-value(
|
|
80
|
+
'border',
|
|
81
|
+
getCssVar('border-width') getCssVar('border-style')
|
|
82
|
+
getCssVar('border-color')
|
|
83
|
+
);
|
|
84
|
+
|
|
85
|
+
// Svg
|
|
86
|
+
@include css-var-from-global('svg-monochrome-grey', 'border-color');
|
|
87
|
+
}
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
@use 'mixins/mixins' as *;
|
|
2
|
-
@use 'common/var' as *;
|
|
3
|
-
|
|
4
|
-
@mixin showScrollbar {
|
|
5
|
-
@include b(virtual-scrollbar) {
|
|
6
|
-
opacity: 1;
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
@include b(vl) {
|
|
11
|
-
@include e(wrapper) {
|
|
12
|
-
position: relative;
|
|
13
|
-
&:hover {
|
|
14
|
-
@include showScrollbar();
|
|
15
|
-
}
|
|
16
|
-
&.always-on {
|
|
17
|
-
@include showScrollbar();
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.#{$namespace}-vl__window {
|
|
23
|
-
scrollbar-width: none;
|
|
24
|
-
&::-webkit-scrollbar {
|
|
25
|
-
display: none;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
@include b(virtual-scrollbar) {
|
|
29
|
-
opacity: 0;
|
|
30
|
-
transition: opacity 340ms ease-out;
|
|
31
|
-
&.always-on {
|
|
32
|
-
opacity: 1;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
@include b(vg) {
|
|
37
|
-
@include e(wrapper) {
|
|
38
|
-
position: relative;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
1
|
+
@use 'mixins/mixins' as *;
|
|
2
|
+
@use 'common/var' as *;
|
|
3
|
+
|
|
4
|
+
@mixin showScrollbar {
|
|
5
|
+
@include b(virtual-scrollbar) {
|
|
6
|
+
opacity: 1;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
@include b(vl) {
|
|
11
|
+
@include e(wrapper) {
|
|
12
|
+
position: relative;
|
|
13
|
+
&:hover {
|
|
14
|
+
@include showScrollbar();
|
|
15
|
+
}
|
|
16
|
+
&.always-on {
|
|
17
|
+
@include showScrollbar();
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.#{$namespace}-vl__window {
|
|
23
|
+
scrollbar-width: none;
|
|
24
|
+
&::-webkit-scrollbar {
|
|
25
|
+
display: none;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
@include b(virtual-scrollbar) {
|
|
29
|
+
opacity: 0;
|
|
30
|
+
transition: opacity 340ms ease-out;
|
|
31
|
+
&.always-on {
|
|
32
|
+
opacity: 1;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@include b(vg) {
|
|
37
|
+
@include e(wrapper) {
|
|
38
|
+
position: relative;
|
|
39
|
+
}
|
|
40
|
+
}
|
package/src/hooks/useFileView.ts
CHANGED
|
@@ -1,32 +1,8 @@
|
|
|
1
|
-
import { ref, onMounted, onUnmounted, createApp } from 'vue'
|
|
2
|
-
import FileView from '../components/upload/FileViewComponents.vue'
|
|
3
1
|
import WujieVue from 'wujie-vue3'
|
|
4
2
|
const useFileView = () => {
|
|
5
|
-
// const ref_fileView = ref(null)
|
|
6
|
-
|
|
7
3
|
const fileView = (id: string) => {
|
|
8
4
|
WujieVue.bus.$emit('viewFile', id)
|
|
9
|
-
// if (ref_fileView.value) {
|
|
10
|
-
// //@ts-ignore
|
|
11
|
-
// ref_fileView.value?.viewFile(id)
|
|
12
|
-
// }
|
|
13
5
|
}
|
|
14
|
-
|
|
15
|
-
onMounted(() => {
|
|
16
|
-
// const container = document.createElement('div')
|
|
17
|
-
// document.body.appendChild(container)
|
|
18
|
-
// //@ts-ignore
|
|
19
|
-
// ref_fileView.value = createApp(FileView).mount(container)
|
|
20
|
-
// onUnmounted(() => {
|
|
21
|
-
// try {
|
|
22
|
-
// //@ts-ignore
|
|
23
|
-
// ref_fileView?.value.$destroy()
|
|
24
|
-
// } catch {
|
|
25
|
-
// /* empty */
|
|
26
|
-
// }
|
|
27
|
-
// document.body.removeChild(container)
|
|
28
|
-
// })
|
|
29
|
-
})
|
|
30
6
|
return {
|
|
31
7
|
fileView,
|
|
32
8
|
}
|
|
@@ -1,85 +1,85 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Create by丁盼
|
|
3
|
-
* 说明: FlexEnum.ts
|
|
4
|
-
* 创建时间: 2024/9/5 下午3:29
|
|
5
|
-
* 修改时间: 2024/9/5 下午3:29
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* flex横向布局枚举
|
|
9
|
-
*/
|
|
10
|
-
export enum justifyContentEnum {
|
|
11
|
-
/**
|
|
12
|
-
* 子元素在容器内左对齐
|
|
13
|
-
*/
|
|
14
|
-
flexStart = 'flex-start',
|
|
15
|
-
/**
|
|
16
|
-
* 子元素在容器内居中
|
|
17
|
-
*/
|
|
18
|
-
center = 'center',
|
|
19
|
-
/**
|
|
20
|
-
* 子元素在容器内右对齐
|
|
21
|
-
*/
|
|
22
|
-
flexEnd = 'flex-end',
|
|
23
|
-
/**
|
|
24
|
-
*
|
|
25
|
-
* 子元素在容器内分散对齐,第一个元素在开始,最后一个元素在末尾
|
|
26
|
-
*/
|
|
27
|
-
spaceBetween = 'space-between',
|
|
28
|
-
/**
|
|
29
|
-
* 子元素在容器内分散对齐,相对于容器两端有相等的空间
|
|
30
|
-
*/
|
|
31
|
-
spaceAround = 'space-around',
|
|
32
|
-
/**
|
|
33
|
-
* 子元素在容器内分散对齐,相邻元素之间的空间相等
|
|
34
|
-
*/
|
|
35
|
-
spaceEvenly = 'space-evenly'
|
|
36
|
-
}
|
|
37
|
-
/**
|
|
38
|
-
* flex布局纵向枚举
|
|
39
|
-
*/
|
|
40
|
-
export enum alignItemsEnum {
|
|
41
|
-
/**
|
|
42
|
-
*居上对齐
|
|
43
|
-
*/
|
|
44
|
-
flexStart = 'flex-start',
|
|
45
|
-
/**
|
|
46
|
-
* 居中对齐
|
|
47
|
-
*/
|
|
48
|
-
center = 'center',
|
|
49
|
-
/**
|
|
50
|
-
* 局下对齐
|
|
51
|
-
*/
|
|
52
|
-
flexEnd = 'flex-end'
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
/**
|
|
56
|
-
* 是否允许换行
|
|
57
|
-
*/
|
|
58
|
-
export enum flexWrapEnum {
|
|
59
|
-
/**
|
|
60
|
-
* 默认不换行,元素可能会溢出
|
|
61
|
-
*/
|
|
62
|
-
nowrap = 'nowrap',
|
|
63
|
-
/**
|
|
64
|
-
* 换行显示
|
|
65
|
-
*/
|
|
66
|
-
wrap = 'wrap',
|
|
67
|
-
/**
|
|
68
|
-
* 换行显示,与wrap元素位置调换
|
|
69
|
-
*/
|
|
70
|
-
wrapReverse = 'wrap-reverse'
|
|
71
|
-
}
|
|
72
|
-
export enum gapEnum {
|
|
73
|
-
/**
|
|
74
|
-
* 8px
|
|
75
|
-
*/
|
|
76
|
-
small = '8px',
|
|
77
|
-
/**
|
|
78
|
-
* 16px
|
|
79
|
-
*/
|
|
80
|
-
middle = '16px',
|
|
81
|
-
/**
|
|
82
|
-
* 24px
|
|
83
|
-
*/
|
|
84
|
-
large = '24px'
|
|
85
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Create by丁盼
|
|
3
|
+
* 说明: FlexEnum.ts
|
|
4
|
+
* 创建时间: 2024/9/5 下午3:29
|
|
5
|
+
* 修改时间: 2024/9/5 下午3:29
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* flex横向布局枚举
|
|
9
|
+
*/
|
|
10
|
+
export enum justifyContentEnum {
|
|
11
|
+
/**
|
|
12
|
+
* 子元素在容器内左对齐
|
|
13
|
+
*/
|
|
14
|
+
flexStart = 'flex-start',
|
|
15
|
+
/**
|
|
16
|
+
* 子元素在容器内居中
|
|
17
|
+
*/
|
|
18
|
+
center = 'center',
|
|
19
|
+
/**
|
|
20
|
+
* 子元素在容器内右对齐
|
|
21
|
+
*/
|
|
22
|
+
flexEnd = 'flex-end',
|
|
23
|
+
/**
|
|
24
|
+
*
|
|
25
|
+
* 子元素在容器内分散对齐,第一个元素在开始,最后一个元素在末尾
|
|
26
|
+
*/
|
|
27
|
+
spaceBetween = 'space-between',
|
|
28
|
+
/**
|
|
29
|
+
* 子元素在容器内分散对齐,相对于容器两端有相等的空间
|
|
30
|
+
*/
|
|
31
|
+
spaceAround = 'space-around',
|
|
32
|
+
/**
|
|
33
|
+
* 子元素在容器内分散对齐,相邻元素之间的空间相等
|
|
34
|
+
*/
|
|
35
|
+
spaceEvenly = 'space-evenly'
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* flex布局纵向枚举
|
|
39
|
+
*/
|
|
40
|
+
export enum alignItemsEnum {
|
|
41
|
+
/**
|
|
42
|
+
*居上对齐
|
|
43
|
+
*/
|
|
44
|
+
flexStart = 'flex-start',
|
|
45
|
+
/**
|
|
46
|
+
* 居中对齐
|
|
47
|
+
*/
|
|
48
|
+
center = 'center',
|
|
49
|
+
/**
|
|
50
|
+
* 局下对齐
|
|
51
|
+
*/
|
|
52
|
+
flexEnd = 'flex-end'
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* 是否允许换行
|
|
57
|
+
*/
|
|
58
|
+
export enum flexWrapEnum {
|
|
59
|
+
/**
|
|
60
|
+
* 默认不换行,元素可能会溢出
|
|
61
|
+
*/
|
|
62
|
+
nowrap = 'nowrap',
|
|
63
|
+
/**
|
|
64
|
+
* 换行显示
|
|
65
|
+
*/
|
|
66
|
+
wrap = 'wrap',
|
|
67
|
+
/**
|
|
68
|
+
* 换行显示,与wrap元素位置调换
|
|
69
|
+
*/
|
|
70
|
+
wrapReverse = 'wrap-reverse'
|
|
71
|
+
}
|
|
72
|
+
export enum gapEnum {
|
|
73
|
+
/**
|
|
74
|
+
* 8px
|
|
75
|
+
*/
|
|
76
|
+
small = '8px',
|
|
77
|
+
/**
|
|
78
|
+
* 16px
|
|
79
|
+
*/
|
|
80
|
+
middle = '16px',
|
|
81
|
+
/**
|
|
82
|
+
* 24px
|
|
83
|
+
*/
|
|
84
|
+
large = '24px'
|
|
85
|
+
}
|
package/src/main.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import './assets/main.css'
|
|
2
|
-
|
|
3
|
-
import { createApp } from 'vue'
|
|
4
|
-
import { createPinia } from 'pinia'
|
|
5
|
-
|
|
6
|
-
import App from './App.vue'
|
|
7
|
-
import router from './router'
|
|
8
|
-
|
|
9
|
-
const app = createApp(App)
|
|
10
|
-
|
|
11
|
-
app.use(createPinia())
|
|
12
|
-
app.use(router)
|
|
13
|
-
|
|
14
|
-
app.mount('#app')
|
|
1
|
+
import './assets/main.css'
|
|
2
|
+
|
|
3
|
+
import { createApp } from 'vue'
|
|
4
|
+
import { createPinia } from 'pinia'
|
|
5
|
+
|
|
6
|
+
import App from './App.vue'
|
|
7
|
+
import router from './router'
|
|
8
|
+
|
|
9
|
+
const app = createApp(App)
|
|
10
|
+
|
|
11
|
+
app.use(createPinia())
|
|
12
|
+
app.use(router)
|
|
13
|
+
|
|
14
|
+
app.mount('#app')
|
package/src/router/index.ts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { createRouter, createWebHistory } from 'vue-router'
|
|
2
|
-
import HomeView from '../views/HomeView.vue'
|
|
3
|
-
|
|
4
|
-
const router = createRouter({
|
|
5
|
-
history: createWebHistory(import.meta.env.BASE_URL),
|
|
6
|
-
routes: [
|
|
7
|
-
{
|
|
8
|
-
path: '/',
|
|
9
|
-
name: 'home',
|
|
10
|
-
component: HomeView,
|
|
11
|
-
},
|
|
12
|
-
{
|
|
13
|
-
path: '/about',
|
|
14
|
-
name: 'about',
|
|
15
|
-
// route level code-splitting
|
|
16
|
-
// this generates a separate chunk (About.[hash].js) for this route
|
|
17
|
-
// which is lazy-loaded when the route is visited.
|
|
18
|
-
component: () => import('../views/AboutView.vue'),
|
|
19
|
-
},
|
|
20
|
-
],
|
|
21
|
-
})
|
|
22
|
-
|
|
23
|
-
export default router
|
|
1
|
+
import { createRouter, createWebHistory } from 'vue-router'
|
|
2
|
+
import HomeView from '../views/HomeView.vue'
|
|
3
|
+
|
|
4
|
+
const router = createRouter({
|
|
5
|
+
history: createWebHistory(import.meta.env.BASE_URL),
|
|
6
|
+
routes: [
|
|
7
|
+
{
|
|
8
|
+
path: '/',
|
|
9
|
+
name: 'home',
|
|
10
|
+
component: HomeView,
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
path: '/about',
|
|
14
|
+
name: 'about',
|
|
15
|
+
// route level code-splitting
|
|
16
|
+
// this generates a separate chunk (About.[hash].js) for this route
|
|
17
|
+
// which is lazy-loaded when the route is visited.
|
|
18
|
+
component: () => import('../views/AboutView.vue'),
|
|
19
|
+
},
|
|
20
|
+
],
|
|
21
|
+
})
|
|
22
|
+
|
|
23
|
+
export default router
|