adtec-core-package 0.8.8 → 0.8.9

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/autoToolTip/ElAutoToolTip.vue +5 -1
  3. package/src/css/elementUI/descriptions.scss +152 -153
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adtec-core-package",
3
- "version": "0.8.8",
3
+ "version": "0.8.9",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "scripts": {
package/src/components/autoToolTip/ElAutoToolTip.vue CHANGED
@@ -18,7 +18,7 @@
18
18
  <div class="content" :style="{ width: props.width }" @mouseover="isShowTooltip">
19
19
  <span ref="contentRef">
20
20
  <!-- 给一个没有写插槽的默认值，兼容纯文本的情况 -->
21
- <slot name="content" style="height: 100%;vertical-align:middle ">{{ props.content }}</slot>
21
+ <slot name="content">{{ props.content }}</slot>
22
22
  </span>
23
23
  </div>
24
24
  </el-tooltip>
@@ -58,5 +58,9 @@ const isShowTooltip = function (): void {
58
58
  overflow: hidden;
59
59
  white-space: nowrap;
60
60
  text-overflow: ellipsis;
61
+ :deep(.el-text) {
62
+ height: 100%;
63
+ vertical-align: middle;
64
+ }
61
65
  }
62
66
  </style>
package/src/css/elementUI/descriptions.scss CHANGED
@@ -1,153 +1,152 @@
1
- @use 'sass:map';
2
-
3
- @use 'mixins/mixins' as *;
4
- @use 'mixins/var' as *;
5
- @use 'common/var' as *;
6
-
7
- $descriptions-header-margin-bottom: () !default;
8
- $descriptions-header-margin-bottom: map.merge(
9
- (
10
- 'large': 20px,
11
- 'default': 16px,
12
- 'small': 12px,
13
- ),
14
- $descriptions-header-margin-bottom
15
- );
16
-
17
- $descriptions-title-font-size: () !default;
18
- $descriptions-title-font-size: map.merge(
19
- (
20
- 'large': 16px,
21
- 'default': 16px,
22
- 'small': 14px,
23
- ),
24
- $descriptions-title-font-size
25
- );
26
-
27
- $descriptions-cell-padding-bottom: () !default;
28
- $descriptions-cell-padding-bottom: map.merge(
29
- (
30
- 'large': 16px,
31
- 'default': 12px,
32
- 'small': 8px,
33
- ),
34
- $descriptions-cell-padding-bottom
35
- );
36
-
37
- $descriptions-bordered-cell-padding: () !default;
38
- $descriptions-bordered-cell-padding: map.merge(
39
- (
40
- 'large': 12px 15px,
41
- 'default': 8px 11px,
42
- 'small': 4px 7px,
43
- ),
44
- $descriptions-bordered-cell-padding
45
- );
46
-
47
- $descriptions-cell-font-size: () !default;
48
- $descriptions-cell-font-size: map.merge(
49
- (
50
- 'large': 14px,
51
- 'default': 14px,
52
- 'small': 12px,
53
- ),
54
- $descriptions-cell-font-size
55
- );
56
-
57
- @include b(descriptions) {
58
- @include set-component-css-var('descriptions', $descriptions);
59
-
60
- box-sizing: border-box;
61
- font-size: getCssVar('font-size', 'base');
62
- color: getCssVar('text-color', 'primary');
63
-
64
- @include e(header) {
65
- display: flex;
66
- justify-content: space-between;
67
- align-items: center;
68
- margin-bottom: map.get($descriptions-header-margin-bottom, 'default');
69
-
70
- @include e(title) {
71
- color: getCssVar('text-color', 'primary');
72
- font-size: map.get($descriptions-title-font-size, 'default');
73
- font-weight: bold;
74
- }
75
- }
76
-
77
- @include e(body) {
78
- background-color: getCssVar('fill-color', 'blank');
79
-
80
- .#{$namespace}-descriptions__table {
81
- border-collapse: collapse;
82
- table-layout: fixed;
83
- width: 100%;
84
-
85
- .#{$namespace}-descriptions__cell {
86
- box-sizing: border-box;
87
- text-align: left;
88
- font-weight: normal;
89
- line-height: 23px;
90
- font-size: map.get($descriptions-cell-font-size, 'default');
91
-
92
- @include when(left) {
93
- text-align: left;
94
- }
95
-
96
- @include when(center) {
97
- text-align: center;
98
- }
99
-
100
- @include when(right) {
101
- text-align: right;
102
- }
103
- }
104
-
105
- &.is-bordered {
106
- .#{$namespace}-descriptions__cell {
107
- border: getCssVar('descriptions-table-border');
108
- padding: map.get($descriptions-bordered-cell-padding, 'default');
109
- }
110
- }
111
-
112
- &:not(.is-bordered) {
113
- .#{$namespace}-descriptions__cell {
114
- padding-bottom: map.get($descriptions-cell-padding-bottom, 'default');
115
- }
116
- }
117
- }
118
- }
119
-
120
- @each $size in (large, small) {
121
- @include m($size) {
122
- font-size: map.get($input-font-size, $size);
123
-
124
- @include e(header) {
125
- margin-bottom: map.get($descriptions-header-margin-bottom, $size);
126
-
127
- @include e(title) {
128
- font-size: map.get($descriptions-title-font-size, $size);
129
- }
130
- }
131
-
132
- @include e(body) {
133
- .#{$namespace}-descriptions__table {
134
- .#{$namespace}-descriptions__cell {
135
- font-size: map.get($descriptions-cell-font-size, $size);
136
- }
137
-
138
- &.is-bordered {
139
- .#{$namespace}-descriptions__cell {
140
- padding: map.get($descriptions-bordered-cell-padding, $size);
141
- }
142
- }
143
-
144
- &:not(.is-bordered) {
145
- .#{$namespace}-descriptions__cell {
146
- padding-bottom: map.get($descriptions-cell-padding-bottom, $size);
147
- }
148
- }
149
- }
150
- }
151
- }
152
- }
153
- }
1
+ @use 'sass:map';
2
+
3
+ @use 'mixins/mixins' as *;
4
+ @use 'mixins/var' as *;
5
+ @use 'common/var' as *;
6
+
7
+ $descriptions-header-margin-bottom: () !default;
8
+ $descriptions-header-margin-bottom: map.merge(
9
+ (
10
+ 'large': 20px,
11
+ 'default': 16px,
12
+ 'small': 12px,
13
+ ),
14
+ $descriptions-header-margin-bottom
15
+ );
16
+
17
+ $descriptions-title-font-size: () !default;
18
+ $descriptions-title-font-size: map.merge(
19
+ (
20
+ 'large': 16px,
21
+ 'default': 16px,
22
+ 'small': 14px,
23
+ ),
24
+ $descriptions-title-font-size
25
+ );
26
+
27
+ $descriptions-cell-padding-bottom: () !default;
28
+ $descriptions-cell-padding-bottom: map.merge(
29
+ (
30
+ 'large': 16px,
31
+ 'default': 12px,
32
+ 'small': 8px,
33
+ ),
34
+ $descriptions-cell-padding-bottom
35
+ );
36
+
37
+ $descriptions-bordered-cell-padding: () !default;
38
+ $descriptions-bordered-cell-padding: map.merge(
39
+ (
40
+ 'large': 12px 15px,
41
+ 'default': 8px 11px,
42
+ 'small': 4px 7px,
43
+ ),
44
+ $descriptions-bordered-cell-padding
45
+ );
46
+
47
+ $descriptions-cell-font-size: () !default;
48
+ $descriptions-cell-font-size: map.merge(
49
+ (
50
+ 'large': 14px,
51
+ 'default': 14px,
52
+ 'small': 12px,
53
+ ),
54
+ $descriptions-cell-font-size
55
+ );
56
+
57
+ @include b(descriptions) {
58
+ @include set-component-css-var('descriptions', $descriptions);
59
+
60
+ box-sizing: border-box;
61
+ font-size: getCssVar('font-size', 'base');
62
+ color: getCssVar('text-color', 'primary');
63
+
64
+ @include e(header) {
65
+ display: flex;
66
+ justify-content: space-between;
67
+ align-items: center;
68
+ margin-bottom: map.get($descriptions-header-margin-bottom, 'default');
69
+
70
+ @include e(title) {
71
+ color: getCssVar('text-color', 'primary');
72
+ font-size: map.get($descriptions-title-font-size, 'default');
73
+ font-weight: bold;
74
+ }
75
+ }
76
+
77
+ @include e(body) {
78
+ background-color: getCssVar('fill-color', 'blank');
79
+
80
+ .#{$namespace}-descriptions__table {
81
+ border-collapse: collapse;
82
+ width: 100%;
83
+ table-layout: fixed;
84
+ .#{$namespace}-descriptions__cell {
85
+ box-sizing: border-box;
86
+ text-align: left;
87
+ font-weight: normal;
88
+ line-height: 23px;
89
+ font-size: map.get($descriptions-cell-font-size, 'default');
90
+
91
+ @include when(left) {
92
+ text-align: left;
93
+ }
94
+
95
+ @include when(center) {
96
+ text-align: center;
97
+ }
98
+
99
+ @include when(right) {
100
+ text-align: right;
101
+ }
102
+ }
103
+
104
+ &.is-bordered {
105
+ .#{$namespace}-descriptions__cell {
106
+ border: getCssVar('descriptions-table-border');
107
+ padding: map.get($descriptions-bordered-cell-padding, 'default');
108
+ }
109
+ }
110
+
111
+ &:not(.is-bordered) {
112
+ .#{$namespace}-descriptions__cell {
113
+ padding-bottom: map.get($descriptions-cell-padding-bottom, 'default');
114
+ }
115
+ }
116
+ }
117
+ }
118
+
119
+ @each $size in (large, small) {
120
+ @include m($size) {
121
+ font-size: map.get($input-font-size, $size);
122
+
123
+ @include e(header) {
124
+ margin-bottom: map.get($descriptions-header-margin-bottom, $size);
125
+
126
+ @include e(title) {
127
+ font-size: map.get($descriptions-title-font-size, $size);
128
+ }
129
+ }
130
+
131
+ @include e(body) {
132
+ .#{$namespace}-descriptions__table {
133
+ .#{$namespace}-descriptions__cell {
134
+ font-size: map.get($descriptions-cell-font-size, $size);
135
+ }
136
+
137
+ &.is-bordered {
138
+ .#{$namespace}-descriptions__cell {
139
+ padding: map.get($descriptions-bordered-cell-padding, $size);
140
+ }
141
+ }
142
+
143
+ &:not(.is-bordered) {
144
+ .#{$namespace}-descriptions__cell {
145
+ padding-bottom: map.get($descriptions-cell-padding-bottom, $size);
146
+ }
147
+ }
148
+ }
149
+ }
150
+ }
151
+ }
152
+ }