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.
Files changed (149) hide show
  1. package/.editorconfig +6 -6
  2. package/.prettierrc.json +7 -7
  3. package/.vscode/extensions.json +8 -8
  4. package/README.md +39 -39
  5. package/env.d.ts +1 -1
  6. package/eslint.config.js +56 -56
  7. package/index.html +13 -13
  8. package/package.json +1 -1
  9. package/src/App.vue +9 -9
  10. package/src/assets/base.css +86 -86
  11. package/src/assets/logo.svg +1 -1
  12. package/src/assets/main.css +35 -35
  13. package/src/assets/style/transition.scss +49 -49
  14. package/src/components/icon/ElIcons.vue +38 -38
  15. package/src/components/workflow/components/CheckDialog.vue +1 -0
  16. package/src/css/elementUI/affix.scss +7 -7
  17. package/src/css/elementUI/alert.scss +115 -115
  18. package/src/css/elementUI/anchor-link.scss +41 -41
  19. package/src/css/elementUI/anchor.scss +88 -88
  20. package/src/css/elementUI/aside.scss +8 -8
  21. package/src/css/elementUI/avatar.scss +55 -55
  22. package/src/css/elementUI/backtop.scss +29 -29
  23. package/src/css/elementUI/badge.scss +58 -58
  24. package/src/css/elementUI/base.scss +3 -3
  25. package/src/css/elementUI/breadcrumb.scss +62 -62
  26. package/src/css/elementUI/button-group.scss +80 -80
  27. package/src/css/elementUI/button.scss +304 -304
  28. package/src/css/elementUI/calendar.scss +80 -80
  29. package/src/css/elementUI/card.scss +45 -45
  30. package/src/css/elementUI/carousel-item.scss +58 -58
  31. package/src/css/elementUI/carousel.scss +188 -188
  32. package/src/css/elementUI/cascader-panel.scss +138 -138
  33. package/src/css/elementUI/cascader.scss +230 -230
  34. package/src/css/elementUI/check-tag.scss +60 -60
  35. package/src/css/elementUI/checkbox-button.scss +140 -140
  36. package/src/css/elementUI/checkbox-group.scss +7 -7
  37. package/src/css/elementUI/checkbox.scss +298 -298
  38. package/src/css/elementUI/col.scss +48 -48
  39. package/src/css/elementUI/collapse.scss +70 -70
  40. package/src/css/elementUI/color/index.scss +20 -20
  41. package/src/css/elementUI/color-picker.scss +392 -392
  42. package/src/css/elementUI/common/popup.scss +47 -47
  43. package/src/css/elementUI/common/transition.scss +122 -122
  44. package/src/css/elementUI/container.scss +14 -14
  45. package/src/css/elementUI/dark/css-vars.scss +39 -39
  46. package/src/css/elementUI/dark/var.scss +222 -222
  47. package/src/css/elementUI/date-picker/date-picker.scss +110 -110
  48. package/src/css/elementUI/date-picker/date-range-picker.scss +113 -113
  49. package/src/css/elementUI/date-picker/date-table.scss +158 -158
  50. package/src/css/elementUI/date-picker/month-table.scss +112 -112
  51. package/src/css/elementUI/date-picker/picker-panel.scss +131 -131
  52. package/src/css/elementUI/date-picker/time-picker.scss +90 -90
  53. package/src/css/elementUI/date-picker/time-range-picker.scss +33 -33
  54. package/src/css/elementUI/date-picker/time-spinner.scss +111 -111
  55. package/src/css/elementUI/date-picker/year-table.scss +108 -108
  56. package/src/css/elementUI/date-picker.scss +9 -9
  57. package/src/css/elementUI/descriptions-item.scss +73 -73
  58. package/src/css/elementUI/dialog.scss +199 -199
  59. package/src/css/elementUI/display.scss +12 -12
  60. package/src/css/elementUI/divider.scss +48 -48
  61. package/src/css/elementUI/dropdown.scss +208 -208
  62. package/src/css/elementUI/empty.scss +49 -49
  63. package/src/css/elementUI/footer.scss +12 -12
  64. package/src/css/elementUI/form.scss +243 -243
  65. package/src/css/elementUI/header.scss +12 -12
  66. package/src/css/elementUI/icon.scss +45 -45
  67. package/src/css/elementUI/image-viewer.scss +139 -139
  68. package/src/css/elementUI/image.scss +49 -49
  69. package/src/css/elementUI/index.scss +110 -110
  70. package/src/css/elementUI/input-number.scss +178 -178
  71. package/src/css/elementUI/input.scss +478 -478
  72. package/src/css/elementUI/link.scss +90 -90
  73. package/src/css/elementUI/loading.scss +104 -104
  74. package/src/css/elementUI/main.scss +14 -14
  75. package/src/css/elementUI/mention.scss +88 -88
  76. package/src/css/elementUI/menu.scss +339 -339
  77. package/src/css/elementUI/message-box.scss +213 -213
  78. package/src/css/elementUI/message.scss +98 -98
  79. package/src/css/elementUI/mixins/_button.scss +165 -165
  80. package/src/css/elementUI/mixins/_col.scss +33 -33
  81. package/src/css/elementUI/mixins/_var.scss +67 -67
  82. package/src/css/elementUI/mixins/config.scss +5 -5
  83. package/src/css/elementUI/mixins/function.scss +88 -88
  84. package/src/css/elementUI/mixins/mixins.scss +237 -237
  85. package/src/css/elementUI/mixins/utils.scss +39 -39
  86. package/src/css/elementUI/notification.scss +104 -104
  87. package/src/css/elementUI/option-group.scss +33 -33
  88. package/src/css/elementUI/option.scss +71 -71
  89. package/src/css/elementUI/overlay.scss +17 -17
  90. package/src/css/elementUI/page-header.scss +60 -60
  91. package/src/css/elementUI/pagination.scss +238 -238
  92. package/src/css/elementUI/popconfirm.scss +16 -16
  93. package/src/css/elementUI/popover.scss +61 -61
  94. package/src/css/elementUI/popper.scss +106 -106
  95. package/src/css/elementUI/progress.scss +179 -179
  96. package/src/css/elementUI/radio-button.scss +169 -169
  97. package/src/css/elementUI/radio-group.scss +9 -9
  98. package/src/css/elementUI/radio.scss +215 -215
  99. package/src/css/elementUI/rate.scss +108 -108
  100. package/src/css/elementUI/reset.scss +98 -98
  101. package/src/css/elementUI/result.scss +57 -57
  102. package/src/css/elementUI/row.scss +35 -35
  103. package/src/css/elementUI/scrollbar.scss +97 -97
  104. package/src/css/elementUI/segmented.scss +183 -183
  105. package/src/css/elementUI/select-dropdown-v2.scss +1 -1
  106. package/src/css/elementUI/select-dropdown.scss +57 -57
  107. package/src/css/elementUI/select-v2.scss +4 -4
  108. package/src/css/elementUI/select.scss +253 -253
  109. package/src/css/elementUI/skeleton-item.scss +83 -83
  110. package/src/css/elementUI/skeleton.scss +44 -44
  111. package/src/css/elementUI/slider.scss +212 -212
  112. package/src/css/elementUI/space.scss +20 -20
  113. package/src/css/elementUI/spinner.scss +43 -43
  114. package/src/css/elementUI/statistic.scss +35 -35
  115. package/src/css/elementUI/step.scss +316 -316
  116. package/src/css/elementUI/steps.scss +21 -21
  117. package/src/css/elementUI/switch.scss +300 -300
  118. package/src/css/elementUI/table-column.scss +98 -98
  119. package/src/css/elementUI/table-v2.scss +236 -236
  120. package/src/css/elementUI/tag.scss +181 -181
  121. package/src/css/elementUI/text.scss +51 -51
  122. package/src/css/elementUI/time-picker.scss +5 -5
  123. package/src/css/elementUI/time-select.scss +37 -37
  124. package/src/css/elementUI/timeline-item.scss +84 -84
  125. package/src/css/elementUI/timeline.scss +46 -46
  126. package/src/css/elementUI/tooltip-v2.scss +95 -95
  127. package/src/css/elementUI/tour.scss +187 -187
  128. package/src/css/elementUI/transfer.scss +203 -203
  129. package/src/css/elementUI/tree-select.scss +41 -41
  130. package/src/css/elementUI/tree.scss +134 -134
  131. package/src/css/elementUI/upload.scss +654 -654
  132. package/src/css/elementUI/var.scss +87 -87
  133. package/src/css/elementUI/virtual-list.scss +40 -40
  134. package/src/hooks/useFileView.ts +0 -24
  135. package/src/interface/enum/FlexEnum.ts +85 -85
  136. package/src/interface/workflow/IWfReturnNodeVo.ts +1 -0
  137. package/src/interface/workflow/IWfTaskAskVo.ts +4 -0
  138. package/src/main.ts +14 -14
  139. package/src/router/index.ts +23 -23
  140. package/src/utils/FrameworkUtils.ts +335 -335
  141. package/src/utils/encrypt.ts +10 -10
  142. package/tsconfig.app.json +12 -12
  143. package/tsconfig.json +11 -11
  144. package/tsconfig.node.json +18 -18
  145. package/vite.config.ts +38 -38
  146. package/adtec-core-package/adtec-core-package.css +0 -1
  147. package/adtec-core-package/adtec-core-package.js +0 -41605
  148. package/adtec-core-package/adtec-core-package.umd.cjs +0 -79
  149. 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
+ }