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,38 +1,38 @@
|
|
|
1
|
-
<!--创建人 丁盼-->
|
|
2
|
-
<!--说明: ElIcons-->
|
|
3
|
-
<!--创建时间: 2024/10/18 上午11:47-->
|
|
4
|
-
<!--修改时间: 2024/10/18 上午11:47-->
|
|
5
|
-
<template>
|
|
6
|
-
<!-- <span v-if="selcomp" class="adtec" :class="iconName"></span>-->
|
|
7
|
-
<el-icon>
|
|
8
|
-
<svg v-if="selcomp" class="icon" aria-hidden="true">
|
|
9
|
-
<use :href="'#' + iconName"></use>
|
|
10
|
-
</svg>
|
|
11
|
-
<component v-else :is="iconName"></component>
|
|
12
|
-
</el-icon>
|
|
13
|
-
</template>
|
|
14
|
-
<script setup lang="ts">
|
|
15
|
-
import { computed } from 'vue'
|
|
16
|
-
import { useVModel } from '@vueuse/core'
|
|
17
|
-
const props = defineProps({
|
|
18
|
-
modelValue: String,
|
|
19
|
-
})
|
|
20
|
-
const emit = defineEmits(['update:modelValue'])
|
|
21
|
-
const iconName = useVModel(props, 'modelValue', emit)
|
|
22
|
-
const selcomp = computed(() => {
|
|
23
|
-
if (iconName.value?.includes('adtec')) {
|
|
24
|
-
return true
|
|
25
|
-
} else {
|
|
26
|
-
return false
|
|
27
|
-
}
|
|
28
|
-
})
|
|
29
|
-
</script>
|
|
30
|
-
<style scoped lang="scss">
|
|
31
|
-
.icon {
|
|
32
|
-
width: 1em;
|
|
33
|
-
height: 1em;
|
|
34
|
-
vertical-align: -0.15em;
|
|
35
|
-
fill: currentColor;
|
|
36
|
-
overflow: hidden;
|
|
37
|
-
}
|
|
38
|
-
</style>
|
|
1
|
+
<!--创建人 丁盼-->
|
|
2
|
+
<!--说明: ElIcons-->
|
|
3
|
+
<!--创建时间: 2024/10/18 上午11:47-->
|
|
4
|
+
<!--修改时间: 2024/10/18 上午11:47-->
|
|
5
|
+
<template>
|
|
6
|
+
<!-- <span v-if="selcomp" class="adtec" :class="iconName"></span>-->
|
|
7
|
+
<el-icon>
|
|
8
|
+
<svg v-if="selcomp" class="icon" aria-hidden="true">
|
|
9
|
+
<use :href="'#' + iconName"></use>
|
|
10
|
+
</svg>
|
|
11
|
+
<component v-else :is="iconName"></component>
|
|
12
|
+
</el-icon>
|
|
13
|
+
</template>
|
|
14
|
+
<script setup lang="ts">
|
|
15
|
+
import { computed } from 'vue'
|
|
16
|
+
import { useVModel } from '@vueuse/core'
|
|
17
|
+
const props = defineProps({
|
|
18
|
+
modelValue: String,
|
|
19
|
+
})
|
|
20
|
+
const emit = defineEmits(['update:modelValue'])
|
|
21
|
+
const iconName = useVModel(props, 'modelValue', emit)
|
|
22
|
+
const selcomp = computed(() => {
|
|
23
|
+
if (iconName.value?.includes('adtec')) {
|
|
24
|
+
return true
|
|
25
|
+
} else {
|
|
26
|
+
return false
|
|
27
|
+
}
|
|
28
|
+
})
|
|
29
|
+
</script>
|
|
30
|
+
<style scoped lang="scss">
|
|
31
|
+
.icon {
|
|
32
|
+
width: 1em;
|
|
33
|
+
height: 1em;
|
|
34
|
+
vertical-align: -0.15em;
|
|
35
|
+
fill: currentColor;
|
|
36
|
+
overflow: hidden;
|
|
37
|
+
}
|
|
38
|
+
</style>
|
|
@@ -252,6 +252,7 @@ const handleComplete = async () => {
|
|
|
252
252
|
userId: userInfoStore().getUserInfo.id,
|
|
253
253
|
comment: task.value.comment,
|
|
254
254
|
targetKey: selectActivity.value,
|
|
255
|
+
isFirstActivity: returnData.value.find(x => x.taskKey === selectActivity.value)?.isFirstActivity
|
|
255
256
|
}
|
|
256
257
|
if (taskOperate.value?.backFunction) {
|
|
257
258
|
await taskOperate.value.backFunction(askVo)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
@use 'mixins/mixins' as *;
|
|
2
|
-
|
|
3
|
-
@include b(affix) {
|
|
4
|
-
@include m(fixed) {
|
|
5
|
-
position: fixed;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
1
|
+
@use 'mixins/mixins' as *;
|
|
2
|
+
|
|
3
|
+
@include b(affix) {
|
|
4
|
+
@include m(fixed) {
|
|
5
|
+
position: fixed;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
@@ -1,115 +1,115 @@
|
|
|
1
|
-
@use 'mixins/mixins' as *;
|
|
2
|
-
@use 'mixins/var' as *;
|
|
3
|
-
@use 'common/var' as *;
|
|
4
|
-
|
|
5
|
-
@include b(alert) {
|
|
6
|
-
@include set-component-css-var('alert', $alert);
|
|
7
|
-
|
|
8
|
-
width: 100%;
|
|
9
|
-
padding: getCssVar('alert', 'padding');
|
|
10
|
-
margin: 0;
|
|
11
|
-
box-sizing: border-box;
|
|
12
|
-
border-radius: getCssVar('alert', 'border-radius-base');
|
|
13
|
-
position: relative;
|
|
14
|
-
background-color: getCssVar('color', 'white');
|
|
15
|
-
overflow: hidden;
|
|
16
|
-
opacity: 1;
|
|
17
|
-
display: flex;
|
|
18
|
-
align-items: center;
|
|
19
|
-
transition: opacity getCssVar('transition-duration', 'fast');
|
|
20
|
-
|
|
21
|
-
@include when(light) {
|
|
22
|
-
.#{$namespace}-alert__close-btn {
|
|
23
|
-
color: getCssVar('text-color', 'placeholder');
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
@include when(dark) {
|
|
28
|
-
.#{$namespace}-alert__close-btn {
|
|
29
|
-
color: getCssVar('color', 'white');
|
|
30
|
-
}
|
|
31
|
-
.#{$namespace}-alert__description {
|
|
32
|
-
color: getCssVar('color', 'white');
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
@include when(center) {
|
|
37
|
-
justify-content: center;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
@each $type in (success, info, warning, error) {
|
|
41
|
-
@include m($type) {
|
|
42
|
-
@include css-var-from-global(
|
|
43
|
-
('alert', 'bg-color'),
|
|
44
|
-
('color', $type, 'light-9')
|
|
45
|
-
);
|
|
46
|
-
|
|
47
|
-
&.is-light {
|
|
48
|
-
background-color: getCssVar('alert', 'bg-color');
|
|
49
|
-
color: getCssVar('color', $type);
|
|
50
|
-
|
|
51
|
-
.#{$namespace}-alert__description {
|
|
52
|
-
color: getCssVar('color', $type);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
&.is-dark {
|
|
57
|
-
background-color: getCssVar('color', $type);
|
|
58
|
-
color: getCssVar('color', 'white');
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
@include e(content) {
|
|
64
|
-
display: flex;
|
|
65
|
-
flex-direction: column;
|
|
66
|
-
gap: 4px;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
& .#{$namespace}-alert__icon {
|
|
70
|
-
font-size: getCssVar('alert', 'icon-size');
|
|
71
|
-
width: getCssVar('alert', 'icon-size');
|
|
72
|
-
margin-right: 8px;
|
|
73
|
-
|
|
74
|
-
@include when(big) {
|
|
75
|
-
font-size: getCssVar('alert', 'icon-large-size');
|
|
76
|
-
width: getCssVar('alert', 'icon-large-size');
|
|
77
|
-
margin-right: 12px;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
@include e(title) {
|
|
82
|
-
font-size: getCssVar('alert', 'title-font-size');
|
|
83
|
-
line-height: 24px;
|
|
84
|
-
|
|
85
|
-
&.with-description {
|
|
86
|
-
font-size: getCssVar('alert', 'title-with-description-font-size');
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
& .#{$namespace}-alert__description {
|
|
91
|
-
font-size: getCssVar('alert', 'description-font-size');
|
|
92
|
-
margin: 0;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
& .#{$namespace}-alert__close-btn {
|
|
96
|
-
font-size: getCssVar('alert', 'close-font-size');
|
|
97
|
-
opacity: 1;
|
|
98
|
-
position: absolute;
|
|
99
|
-
top: 12px;
|
|
100
|
-
right: 16px;
|
|
101
|
-
cursor: pointer;
|
|
102
|
-
|
|
103
|
-
@include when(customed) {
|
|
104
|
-
font-style: normal;
|
|
105
|
-
font-size: getCssVar('alert', 'close-customed-font-size');
|
|
106
|
-
line-height: 24px;
|
|
107
|
-
top: 8px;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.#{$namespace}-alert-fade-enter-from,
|
|
113
|
-
.#{$namespace}-alert-fade-leave-active {
|
|
114
|
-
opacity: 0;
|
|
115
|
-
}
|
|
1
|
+
@use 'mixins/mixins' as *;
|
|
2
|
+
@use 'mixins/var' as *;
|
|
3
|
+
@use 'common/var' as *;
|
|
4
|
+
|
|
5
|
+
@include b(alert) {
|
|
6
|
+
@include set-component-css-var('alert', $alert);
|
|
7
|
+
|
|
8
|
+
width: 100%;
|
|
9
|
+
padding: getCssVar('alert', 'padding');
|
|
10
|
+
margin: 0;
|
|
11
|
+
box-sizing: border-box;
|
|
12
|
+
border-radius: getCssVar('alert', 'border-radius-base');
|
|
13
|
+
position: relative;
|
|
14
|
+
background-color: getCssVar('color', 'white');
|
|
15
|
+
overflow: hidden;
|
|
16
|
+
opacity: 1;
|
|
17
|
+
display: flex;
|
|
18
|
+
align-items: center;
|
|
19
|
+
transition: opacity getCssVar('transition-duration', 'fast');
|
|
20
|
+
|
|
21
|
+
@include when(light) {
|
|
22
|
+
.#{$namespace}-alert__close-btn {
|
|
23
|
+
color: getCssVar('text-color', 'placeholder');
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@include when(dark) {
|
|
28
|
+
.#{$namespace}-alert__close-btn {
|
|
29
|
+
color: getCssVar('color', 'white');
|
|
30
|
+
}
|
|
31
|
+
.#{$namespace}-alert__description {
|
|
32
|
+
color: getCssVar('color', 'white');
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@include when(center) {
|
|
37
|
+
justify-content: center;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@each $type in (success, info, warning, error) {
|
|
41
|
+
@include m($type) {
|
|
42
|
+
@include css-var-from-global(
|
|
43
|
+
('alert', 'bg-color'),
|
|
44
|
+
('color', $type, 'light-9')
|
|
45
|
+
);
|
|
46
|
+
|
|
47
|
+
&.is-light {
|
|
48
|
+
background-color: getCssVar('alert', 'bg-color');
|
|
49
|
+
color: getCssVar('color', $type);
|
|
50
|
+
|
|
51
|
+
.#{$namespace}-alert__description {
|
|
52
|
+
color: getCssVar('color', $type);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&.is-dark {
|
|
57
|
+
background-color: getCssVar('color', $type);
|
|
58
|
+
color: getCssVar('color', 'white');
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
@include e(content) {
|
|
64
|
+
display: flex;
|
|
65
|
+
flex-direction: column;
|
|
66
|
+
gap: 4px;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
& .#{$namespace}-alert__icon {
|
|
70
|
+
font-size: getCssVar('alert', 'icon-size');
|
|
71
|
+
width: getCssVar('alert', 'icon-size');
|
|
72
|
+
margin-right: 8px;
|
|
73
|
+
|
|
74
|
+
@include when(big) {
|
|
75
|
+
font-size: getCssVar('alert', 'icon-large-size');
|
|
76
|
+
width: getCssVar('alert', 'icon-large-size');
|
|
77
|
+
margin-right: 12px;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
@include e(title) {
|
|
82
|
+
font-size: getCssVar('alert', 'title-font-size');
|
|
83
|
+
line-height: 24px;
|
|
84
|
+
|
|
85
|
+
&.with-description {
|
|
86
|
+
font-size: getCssVar('alert', 'title-with-description-font-size');
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
& .#{$namespace}-alert__description {
|
|
91
|
+
font-size: getCssVar('alert', 'description-font-size');
|
|
92
|
+
margin: 0;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
& .#{$namespace}-alert__close-btn {
|
|
96
|
+
font-size: getCssVar('alert', 'close-font-size');
|
|
97
|
+
opacity: 1;
|
|
98
|
+
position: absolute;
|
|
99
|
+
top: 12px;
|
|
100
|
+
right: 16px;
|
|
101
|
+
cursor: pointer;
|
|
102
|
+
|
|
103
|
+
@include when(customed) {
|
|
104
|
+
font-style: normal;
|
|
105
|
+
font-size: getCssVar('alert', 'close-customed-font-size');
|
|
106
|
+
line-height: 24px;
|
|
107
|
+
top: 8px;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.#{$namespace}-alert-fade-enter-from,
|
|
113
|
+
.#{$namespace}-alert-fade-leave-active {
|
|
114
|
+
opacity: 0;
|
|
115
|
+
}
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
|
|
3
|
-
@use 'mixins/mixins' as *;
|
|
4
|
-
@use 'mixins/var' as *;
|
|
5
|
-
@use 'common/var' as *;
|
|
6
|
-
|
|
7
|
-
@include b(anchor) {
|
|
8
|
-
@include e(item) {
|
|
9
|
-
overflow: hidden;
|
|
10
|
-
display: flex;
|
|
11
|
-
flex-direction: column;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
@include e(link) {
|
|
15
|
-
font-size: getCssVar('anchor-font-size');
|
|
16
|
-
line-height: getCssVar('anchor-line-height');
|
|
17
|
-
padding: 4px 0;
|
|
18
|
-
color: getCssVar('anchor-color');
|
|
19
|
-
transition: color getCssVar('transition-duration');
|
|
20
|
-
white-space: nowrap;
|
|
21
|
-
text-decoration: none;
|
|
22
|
-
text-overflow: ellipsis;
|
|
23
|
-
overflow: hidden;
|
|
24
|
-
max-width: 100%;
|
|
25
|
-
outline: none;
|
|
26
|
-
cursor: pointer;
|
|
27
|
-
|
|
28
|
-
&:hover,
|
|
29
|
-
&:focus {
|
|
30
|
-
color: getCssVar('anchor-color');
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
@include when(active) {
|
|
34
|
-
color: getCssVar('anchor-active-color');
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
& .#{$namespace}-anchor__list .#{$namespace}-anchor__item a {
|
|
39
|
-
display: inline-block;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
|
|
3
|
+
@use 'mixins/mixins' as *;
|
|
4
|
+
@use 'mixins/var' as *;
|
|
5
|
+
@use 'common/var' as *;
|
|
6
|
+
|
|
7
|
+
@include b(anchor) {
|
|
8
|
+
@include e(item) {
|
|
9
|
+
overflow: hidden;
|
|
10
|
+
display: flex;
|
|
11
|
+
flex-direction: column;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@include e(link) {
|
|
15
|
+
font-size: getCssVar('anchor-font-size');
|
|
16
|
+
line-height: getCssVar('anchor-line-height');
|
|
17
|
+
padding: 4px 0;
|
|
18
|
+
color: getCssVar('anchor-color');
|
|
19
|
+
transition: color getCssVar('transition-duration');
|
|
20
|
+
white-space: nowrap;
|
|
21
|
+
text-decoration: none;
|
|
22
|
+
text-overflow: ellipsis;
|
|
23
|
+
overflow: hidden;
|
|
24
|
+
max-width: 100%;
|
|
25
|
+
outline: none;
|
|
26
|
+
cursor: pointer;
|
|
27
|
+
|
|
28
|
+
&:hover,
|
|
29
|
+
&:focus {
|
|
30
|
+
color: getCssVar('anchor-color');
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@include when(active) {
|
|
34
|
+
color: getCssVar('anchor-active-color');
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
& .#{$namespace}-anchor__list .#{$namespace}-anchor__item a {
|
|
39
|
+
display: inline-block;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
@@ -1,88 +1,88 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
|
|
3
|
-
@use 'mixins/mixins' as *;
|
|
4
|
-
@use 'mixins/var' as *;
|
|
5
|
-
@use 'common/var' as *;
|
|
6
|
-
|
|
7
|
-
@include b(anchor) {
|
|
8
|
-
@include set-component-css-var('anchor', $anchor);
|
|
9
|
-
|
|
10
|
-
position: relative;
|
|
11
|
-
background-color: getCssVar('anchor-bg-color');
|
|
12
|
-
|
|
13
|
-
@include e(marker) {
|
|
14
|
-
position: absolute;
|
|
15
|
-
background-color: getCssVar('anchor-marker-bg-color');
|
|
16
|
-
border-radius: 4px;
|
|
17
|
-
opacity: 0;
|
|
18
|
-
z-index: 0;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
&.#{$namespace}-anchor--vertical {
|
|
22
|
-
@include e(marker) {
|
|
23
|
-
width: 4px;
|
|
24
|
-
height: 14px;
|
|
25
|
-
top: 8px;
|
|
26
|
-
left: 0;
|
|
27
|
-
transition: top 0.25s ease-in-out, opacity 0.25s;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
@include e(list) {
|
|
31
|
-
padding-left: getCssVar('anchor-padding-indent');
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
&.#{$namespace}-anchor--underline {
|
|
35
|
-
&::before {
|
|
36
|
-
position: absolute;
|
|
37
|
-
left: 0;
|
|
38
|
-
width: 2px;
|
|
39
|
-
height: 100%;
|
|
40
|
-
background-color: rgba(5, 5, 5, 0.06);
|
|
41
|
-
content: '';
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
@include e(marker) {
|
|
45
|
-
width: 2px;
|
|
46
|
-
border-radius: unset;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
&.#{$namespace}-anchor--horizontal {
|
|
52
|
-
@include e(marker) {
|
|
53
|
-
height: 2px;
|
|
54
|
-
width: 20px;
|
|
55
|
-
bottom: 0;
|
|
56
|
-
transition: left 0.25s ease-in-out, opacity 0.25s, width 0.25s;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
@include e(list) {
|
|
60
|
-
display: flex;
|
|
61
|
-
padding-bottom: 4px;
|
|
62
|
-
|
|
63
|
-
@include e(item) {
|
|
64
|
-
padding-left: 16px;
|
|
65
|
-
|
|
66
|
-
&:first-child {
|
|
67
|
-
padding-left: 0;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
&.#{$namespace}-anchor--underline {
|
|
73
|
-
&::before {
|
|
74
|
-
position: absolute;
|
|
75
|
-
bottom: 0;
|
|
76
|
-
width: 100%;
|
|
77
|
-
height: 2px;
|
|
78
|
-
background-color: rgba(5, 5, 5, 0.06);
|
|
79
|
-
content: '';
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
@include e(marker) {
|
|
83
|
-
height: 2px;
|
|
84
|
-
border-radius: unset;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
|
|
3
|
+
@use 'mixins/mixins' as *;
|
|
4
|
+
@use 'mixins/var' as *;
|
|
5
|
+
@use 'common/var' as *;
|
|
6
|
+
|
|
7
|
+
@include b(anchor) {
|
|
8
|
+
@include set-component-css-var('anchor', $anchor);
|
|
9
|
+
|
|
10
|
+
position: relative;
|
|
11
|
+
background-color: getCssVar('anchor-bg-color');
|
|
12
|
+
|
|
13
|
+
@include e(marker) {
|
|
14
|
+
position: absolute;
|
|
15
|
+
background-color: getCssVar('anchor-marker-bg-color');
|
|
16
|
+
border-radius: 4px;
|
|
17
|
+
opacity: 0;
|
|
18
|
+
z-index: 0;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&.#{$namespace}-anchor--vertical {
|
|
22
|
+
@include e(marker) {
|
|
23
|
+
width: 4px;
|
|
24
|
+
height: 14px;
|
|
25
|
+
top: 8px;
|
|
26
|
+
left: 0;
|
|
27
|
+
transition: top 0.25s ease-in-out, opacity 0.25s;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@include e(list) {
|
|
31
|
+
padding-left: getCssVar('anchor-padding-indent');
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&.#{$namespace}-anchor--underline {
|
|
35
|
+
&::before {
|
|
36
|
+
position: absolute;
|
|
37
|
+
left: 0;
|
|
38
|
+
width: 2px;
|
|
39
|
+
height: 100%;
|
|
40
|
+
background-color: rgba(5, 5, 5, 0.06);
|
|
41
|
+
content: '';
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@include e(marker) {
|
|
45
|
+
width: 2px;
|
|
46
|
+
border-radius: unset;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
&.#{$namespace}-anchor--horizontal {
|
|
52
|
+
@include e(marker) {
|
|
53
|
+
height: 2px;
|
|
54
|
+
width: 20px;
|
|
55
|
+
bottom: 0;
|
|
56
|
+
transition: left 0.25s ease-in-out, opacity 0.25s, width 0.25s;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@include e(list) {
|
|
60
|
+
display: flex;
|
|
61
|
+
padding-bottom: 4px;
|
|
62
|
+
|
|
63
|
+
@include e(item) {
|
|
64
|
+
padding-left: 16px;
|
|
65
|
+
|
|
66
|
+
&:first-child {
|
|
67
|
+
padding-left: 0;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
&.#{$namespace}-anchor--underline {
|
|
73
|
+
&::before {
|
|
74
|
+
position: absolute;
|
|
75
|
+
bottom: 0;
|
|
76
|
+
width: 100%;
|
|
77
|
+
height: 2px;
|
|
78
|
+
background-color: rgba(5, 5, 5, 0.06);
|
|
79
|
+
content: '';
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
@include e(marker) {
|
|
83
|
+
height: 2px;
|
|
84
|
+
border-radius: unset;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
@use 'mixins/mixins' as *;
|
|
2
|
-
|
|
3
|
-
@include b(aside) {
|
|
4
|
-
overflow: auto;
|
|
5
|
-
box-sizing: border-box;
|
|
6
|
-
flex-shrink: 0;
|
|
7
|
-
width: var(#{getCssVarName('aside', 'width')}, 300px);
|
|
8
|
-
}
|
|
1
|
+
@use 'mixins/mixins' as *;
|
|
2
|
+
|
|
3
|
+
@include b(aside) {
|
|
4
|
+
overflow: auto;
|
|
5
|
+
box-sizing: border-box;
|
|
6
|
+
flex-shrink: 0;
|
|
7
|
+
width: var(#{getCssVarName('aside', 'width')}, 300px);
|
|
8
|
+
}
|