bkui-vue 0.0.1-beta.354 → 0.0.1-beta.356
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/dist/index.cjs.js +26 -26
- package/dist/index.esm.js +38 -6
- package/dist/index.umd.js +28 -28
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/notify/index.js +1 -1
- package/lib/notify/notifyConstructor.d.ts +6 -9
- package/lib/tab/index.d.ts +22 -22
- package/lib/tab/index.js +1 -1
- package/lib/tab/props.d.ts +21 -6
- package/lib/tab/tab-nav.d.ts +5 -5
- package/lib/tab/tab.css +63 -16
- package/lib/tab/tab.d.ts +10 -10
- package/lib/tab/tab.less +67 -19
- package/lib/tab/tab.variable.css +63 -16
- package/lib/table/table.css +1 -1
- package/lib/table/table.less +1 -1
- package/lib/table/table.variable.css +1 -1
- package/package.json +2 -1
package/lib/tab/tab.less
CHANGED
|
@@ -6,7 +6,10 @@
|
|
|
6
6
|
@tab-header-bg: #FAFBFD;
|
|
7
7
|
@tab-white: @white-color;
|
|
8
8
|
@tab-gray: @light-gray;
|
|
9
|
+
@tab-card-tab-bg: #F0F1F5;
|
|
10
|
+
@tab-card-tab-divider: #c4c6cc;
|
|
9
11
|
@tab-disable-color: #aaa;
|
|
12
|
+
|
|
10
13
|
.@{bk-prefix}-tab {
|
|
11
14
|
position: relative;
|
|
12
15
|
display: flex;
|
|
@@ -25,12 +28,20 @@
|
|
|
25
28
|
display: flex;
|
|
26
29
|
color: @tab-color;
|
|
27
30
|
|
|
31
|
+
.@{bk-prefix}-tab--card-tab &, .@{bk-prefix}-tab--vertical-tab & {
|
|
32
|
+
background: @tab-card-tab-bg;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.@{bk-prefix}-tab--card-tab & {
|
|
36
|
+
border-radius: 4px 4px 0;
|
|
37
|
+
}
|
|
38
|
+
|
|
28
39
|
> div {
|
|
29
40
|
display: flex;
|
|
30
41
|
margin-bottom: -1px;
|
|
31
42
|
flex-wrap: nowrap;
|
|
32
43
|
|
|
33
|
-
.@{bk-prefix}-tab--card &, .@{bk-prefix}-tab--border-card & {
|
|
44
|
+
.@{bk-prefix}-tab--card &, .@{bk-prefix}-tab--border-card &, .@{bk-prefix}-tab--vertical-card & {
|
|
34
45
|
border-right: 1px solid @tab-border;
|
|
35
46
|
}
|
|
36
47
|
}
|
|
@@ -52,7 +63,7 @@
|
|
|
52
63
|
}
|
|
53
64
|
|
|
54
65
|
|
|
55
|
-
.@{bk-prefix}-tab--card &, .@{bk-prefix}-tab--border-card & {
|
|
66
|
+
.@{bk-prefix}-tab--card &, .@{bk-prefix}-tab--border-card &, .@{bk-prefix}-tab--vertical-card & {
|
|
56
67
|
border-left: 1px solid @tab-border;
|
|
57
68
|
}
|
|
58
69
|
|
|
@@ -61,12 +72,6 @@
|
|
|
61
72
|
width: 0;
|
|
62
73
|
height: 0;
|
|
63
74
|
}
|
|
64
|
-
|
|
65
|
-
&::-webkit-scrollbar-thumb {
|
|
66
|
-
background: #dcdee5;
|
|
67
|
-
border-radius: 50%;
|
|
68
|
-
box-shadow: inset 0 0 6px rgba(204, 204, 204, .3);
|
|
69
|
-
}
|
|
70
75
|
}
|
|
71
76
|
|
|
72
77
|
&-next,
|
|
@@ -107,6 +112,10 @@
|
|
|
107
112
|
border-left: 1px solid @tab-border;
|
|
108
113
|
}
|
|
109
114
|
|
|
115
|
+
.@{bk-prefix}-tab--vertical-tab & {
|
|
116
|
+
border: 0;
|
|
117
|
+
}
|
|
118
|
+
|
|
110
119
|
.@{bk-prefix}-tab--left &, .@{bk-prefix}-tab--right & {
|
|
111
120
|
flex-direction: column;
|
|
112
121
|
|
|
@@ -115,16 +124,19 @@
|
|
|
115
124
|
}
|
|
116
125
|
}
|
|
117
126
|
|
|
118
|
-
.@{bk-prefix}-tab--card & {
|
|
127
|
+
.@{bk-prefix}-tab--card &, .@{bk-prefix}-tab--vertical-card & {
|
|
119
128
|
border-bottom: 1px solid @tab-border;
|
|
120
129
|
}
|
|
121
130
|
|
|
122
131
|
.@{bk-prefix}-tab--border-card & {
|
|
123
|
-
background: @tab-header-bg;
|
|
124
132
|
border: solid @tab-border;
|
|
125
133
|
border-width: 1px 1px 1px 0;
|
|
126
134
|
}
|
|
127
135
|
|
|
136
|
+
.@{bk-prefix}-tab--border-card & {
|
|
137
|
+
background: @tab-header-bg;
|
|
138
|
+
}
|
|
139
|
+
|
|
128
140
|
.@{bk-prefix}-tab--unborder-card & {
|
|
129
141
|
border-bottom: 1px solid @tab-border;
|
|
130
142
|
}
|
|
@@ -148,11 +160,9 @@
|
|
|
148
160
|
|
|
149
161
|
.@{bk-prefix}-tab--top & {
|
|
150
162
|
padding: 0 20px;
|
|
151
|
-
//margin: -1px 0;
|
|
152
163
|
}
|
|
153
164
|
|
|
154
165
|
.@{bk-prefix}-tab--left &, .@{bk-prefix}-tab--right & {
|
|
155
|
-
//margin: 0 -1px;
|
|
156
166
|
padding: 0 12px;
|
|
157
167
|
}
|
|
158
168
|
|
|
@@ -160,11 +170,11 @@
|
|
|
160
170
|
text-align: right;
|
|
161
171
|
}
|
|
162
172
|
|
|
163
|
-
.@{bk-prefix}-tab--card & {
|
|
173
|
+
.@{bk-prefix}-tab--card &, .@{bk-prefix}-tab--vertical-card & {
|
|
164
174
|
border-top: 1px solid @tab-border;
|
|
165
175
|
}
|
|
166
176
|
|
|
167
|
-
.@{bk-prefix}-tab--card &, .@{bk-prefix}-tab--border-card & {
|
|
177
|
+
.@{bk-prefix}-tab--card &, .@{bk-prefix}-tab--border-card &, .@{bk-prefix}-tab--vertical-card & {
|
|
168
178
|
border-right: 1px solid @tab-border;
|
|
169
179
|
border-bottom: 1px solid @tab-border;
|
|
170
180
|
|
|
@@ -173,6 +183,30 @@
|
|
|
173
183
|
}
|
|
174
184
|
}
|
|
175
185
|
|
|
186
|
+
.@{bk-prefix}-tab--card-tab & {
|
|
187
|
+
position: relative;
|
|
188
|
+
|
|
189
|
+
&:not(:first-of-type):before,
|
|
190
|
+
&:last-of-type:after {
|
|
191
|
+
position: absolute;
|
|
192
|
+
top: 50%;
|
|
193
|
+
left: 0;
|
|
194
|
+
display: block;
|
|
195
|
+
width: 1px;
|
|
196
|
+
height: 16px;
|
|
197
|
+
margin-top: -8px;
|
|
198
|
+
background: @tab-card-tab-divider;
|
|
199
|
+
content: '';
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
&:last-of-type:after {
|
|
203
|
+
right: 0;
|
|
204
|
+
left: initial;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
}
|
|
209
|
+
|
|
176
210
|
.@{bk-prefix}-tab-header-operation & {
|
|
177
211
|
padding-right: 12px;
|
|
178
212
|
padding-left: 12px;
|
|
@@ -189,8 +223,7 @@
|
|
|
189
223
|
&--active {
|
|
190
224
|
color: @tab-active;
|
|
191
225
|
|
|
192
|
-
|
|
193
|
-
.@{bk-prefix}-tab--card &, .@{bk-prefix}-tab--border-card & {
|
|
226
|
+
.@{bk-prefix}-tab--card &, .@{bk-prefix}-tab--border-card &, .@{bk-prefix}-tab--vertical-card & {
|
|
194
227
|
background: @tab-white;
|
|
195
228
|
border-bottom-color: @tab-white;
|
|
196
229
|
}
|
|
@@ -199,11 +232,26 @@
|
|
|
199
232
|
border-bottom: 2px solid @tab-active;
|
|
200
233
|
}
|
|
201
234
|
|
|
202
|
-
.@{bk-prefix}-tab--
|
|
235
|
+
.@{bk-prefix}-tab--card-tab &, .@{bk-prefix}-tab--vertical-tab & {
|
|
236
|
+
background: #fff;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
.@{bk-prefix}-tab--card-tab & {
|
|
240
|
+
border-radius: 4px 4px 0 0;
|
|
241
|
+
|
|
242
|
+
&:after, &:before, & + .@{bk-prefix}-tab-header-item:before {
|
|
243
|
+
/* stylelint-disable-next-line declaration-no-important */
|
|
244
|
+
display: none !important;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.@{bk-prefix}-tab--left:not(.@{bk-prefix}-tab--vertical-tab) & {
|
|
203
251
|
border-right: 2px solid @tab-active;
|
|
204
252
|
}
|
|
205
253
|
|
|
206
|
-
.@{bk-prefix}-tab--right & {
|
|
254
|
+
.@{bk-prefix}-tab--right:not(.@{bk-prefix}-tab--vertical-tab) & {
|
|
207
255
|
border-left: 2px solid @tab-active;
|
|
208
256
|
}
|
|
209
257
|
|
|
@@ -220,7 +268,7 @@
|
|
|
220
268
|
flex: 1;
|
|
221
269
|
padding: 10px;
|
|
222
270
|
|
|
223
|
-
.@{bk-prefix}-tab--border-card & {
|
|
271
|
+
.@{bk-prefix}-tab--border-card &, .@{bk-prefix}-tab--vertical-card & {
|
|
224
272
|
border: solid @tab-border;
|
|
225
273
|
border-width: 0 1px 1px;
|
|
226
274
|
}
|
package/lib/tab/tab.variable.css
CHANGED
|
@@ -846,13 +846,21 @@
|
|
|
846
846
|
display: flex;
|
|
847
847
|
color: var(--default-color);
|
|
848
848
|
}
|
|
849
|
+
.bk-tab--card-tab .bk-tab-header,
|
|
850
|
+
.bk-tab--vertical-tab .bk-tab-header {
|
|
851
|
+
background: #F0F1F5;
|
|
852
|
+
}
|
|
853
|
+
.bk-tab--card-tab .bk-tab-header {
|
|
854
|
+
border-radius: 4px 4px 0;
|
|
855
|
+
}
|
|
849
856
|
.bk-tab-header > div {
|
|
850
857
|
display: flex;
|
|
851
858
|
margin-bottom: -1px;
|
|
852
859
|
flex-wrap: nowrap;
|
|
853
860
|
}
|
|
854
861
|
.bk-tab--card .bk-tab-header > div,
|
|
855
|
-
.bk-tab--border-card .bk-tab-header > div
|
|
862
|
+
.bk-tab--border-card .bk-tab-header > div,
|
|
863
|
+
.bk-tab--vertical-card .bk-tab-header > div {
|
|
856
864
|
border-right: 1px solid var(--disable-color);
|
|
857
865
|
}
|
|
858
866
|
.bk-tab-header-navs {
|
|
@@ -868,7 +876,8 @@
|
|
|
868
876
|
overflow-y: auto;
|
|
869
877
|
}
|
|
870
878
|
.bk-tab--card .bk-tab-header-nav,
|
|
871
|
-
.bk-tab--border-card .bk-tab-header-nav
|
|
879
|
+
.bk-tab--border-card .bk-tab-header-nav,
|
|
880
|
+
.bk-tab--vertical-card .bk-tab-header-nav {
|
|
872
881
|
border-left: 1px solid var(--disable-color);
|
|
873
882
|
}
|
|
874
883
|
.bk-tab-header-nav::-webkit-scrollbar {
|
|
@@ -876,11 +885,6 @@
|
|
|
876
885
|
width: 0;
|
|
877
886
|
height: 0;
|
|
878
887
|
}
|
|
879
|
-
.bk-tab-header-nav::-webkit-scrollbar-thumb {
|
|
880
|
-
background: #dcdee5;
|
|
881
|
-
border-radius: 50%;
|
|
882
|
-
box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
|
|
883
|
-
}
|
|
884
888
|
.bk-tab-header-next,
|
|
885
889
|
.bk-tab-header-prev {
|
|
886
890
|
position: absolute;
|
|
@@ -909,6 +913,9 @@
|
|
|
909
913
|
.bk-tab--right .bk-tab-header {
|
|
910
914
|
border-left: 1px solid var(--disable-color);
|
|
911
915
|
}
|
|
916
|
+
.bk-tab--vertical-tab .bk-tab-header {
|
|
917
|
+
border: 0;
|
|
918
|
+
}
|
|
912
919
|
.bk-tab--left .bk-tab-header,
|
|
913
920
|
.bk-tab--right .bk-tab-header {
|
|
914
921
|
flex-direction: column;
|
|
@@ -917,14 +924,17 @@
|
|
|
917
924
|
.bk-tab--right .bk-tab-header > div {
|
|
918
925
|
flex-direction: column;
|
|
919
926
|
}
|
|
920
|
-
.bk-tab--card .bk-tab-header
|
|
927
|
+
.bk-tab--card .bk-tab-header,
|
|
928
|
+
.bk-tab--vertical-card .bk-tab-header {
|
|
921
929
|
border-bottom: 1px solid var(--disable-color);
|
|
922
930
|
}
|
|
923
931
|
.bk-tab--border-card .bk-tab-header {
|
|
924
|
-
background: #FAFBFD;
|
|
925
932
|
border: solid var(--disable-color);
|
|
926
933
|
border-width: 1px 1px 1px 0;
|
|
927
934
|
}
|
|
935
|
+
.bk-tab--border-card .bk-tab-header {
|
|
936
|
+
background: #FAFBFD;
|
|
937
|
+
}
|
|
928
938
|
.bk-tab--unborder-card .bk-tab-header {
|
|
929
939
|
border-bottom: 1px solid var(--disable-color);
|
|
930
940
|
}
|
|
@@ -953,18 +963,40 @@
|
|
|
953
963
|
.bk-tab--left .bk-tab-header-item {
|
|
954
964
|
text-align: right;
|
|
955
965
|
}
|
|
956
|
-
.bk-tab--card .bk-tab-header-item
|
|
966
|
+
.bk-tab--card .bk-tab-header-item,
|
|
967
|
+
.bk-tab--vertical-card .bk-tab-header-item {
|
|
957
968
|
border-top: 1px solid var(--disable-color);
|
|
958
969
|
}
|
|
959
970
|
.bk-tab--card .bk-tab-header-item,
|
|
960
|
-
.bk-tab--border-card .bk-tab-header-item
|
|
971
|
+
.bk-tab--border-card .bk-tab-header-item,
|
|
972
|
+
.bk-tab--vertical-card .bk-tab-header-item {
|
|
961
973
|
border-right: 1px solid var(--disable-color);
|
|
962
974
|
border-bottom: 1px solid var(--disable-color);
|
|
963
975
|
}
|
|
964
976
|
.bk-tab--card .bk-tab-header-item:last-of-type,
|
|
965
|
-
.bk-tab--border-card .bk-tab-header-item:last-of-type
|
|
977
|
+
.bk-tab--border-card .bk-tab-header-item:last-of-type,
|
|
978
|
+
.bk-tab--vertical-card .bk-tab-header-item:last-of-type {
|
|
966
979
|
border-right: none;
|
|
967
980
|
}
|
|
981
|
+
.bk-tab--card-tab .bk-tab-header-item {
|
|
982
|
+
position: relative;
|
|
983
|
+
}
|
|
984
|
+
.bk-tab--card-tab .bk-tab-header-item:not(:first-of-type):before,
|
|
985
|
+
.bk-tab--card-tab .bk-tab-header-item:last-of-type:after {
|
|
986
|
+
position: absolute;
|
|
987
|
+
top: 50%;
|
|
988
|
+
left: 0;
|
|
989
|
+
display: block;
|
|
990
|
+
width: 1px;
|
|
991
|
+
height: 16px;
|
|
992
|
+
margin-top: -8px;
|
|
993
|
+
background: #c4c6cc;
|
|
994
|
+
content: '';
|
|
995
|
+
}
|
|
996
|
+
.bk-tab--card-tab .bk-tab-header-item:last-of-type:after {
|
|
997
|
+
right: 0;
|
|
998
|
+
left: initial;
|
|
999
|
+
}
|
|
968
1000
|
.bk-tab-header-operation .bk-tab-header-item {
|
|
969
1001
|
padding-right: 12px;
|
|
970
1002
|
padding-left: 12px;
|
|
@@ -978,17 +1010,31 @@
|
|
|
978
1010
|
color: var(--primary-color);
|
|
979
1011
|
}
|
|
980
1012
|
.bk-tab--card .bk-tab-header--active,
|
|
981
|
-
.bk-tab--border-card .bk-tab-header--active
|
|
1013
|
+
.bk-tab--border-card .bk-tab-header--active,
|
|
1014
|
+
.bk-tab--vertical-card .bk-tab-header--active {
|
|
982
1015
|
background: var(--white-color);
|
|
983
1016
|
border-bottom-color: var(--white-color);
|
|
984
1017
|
}
|
|
985
1018
|
.bk-tab--unborder-card .bk-tab-header--active {
|
|
986
1019
|
border-bottom: 2px solid var(--primary-color);
|
|
987
1020
|
}
|
|
988
|
-
.bk-tab--
|
|
1021
|
+
.bk-tab--card-tab .bk-tab-header--active,
|
|
1022
|
+
.bk-tab--vertical-tab .bk-tab-header--active {
|
|
1023
|
+
background: #fff;
|
|
1024
|
+
}
|
|
1025
|
+
.bk-tab--card-tab .bk-tab-header--active {
|
|
1026
|
+
border-radius: 4px 4px 0 0;
|
|
1027
|
+
}
|
|
1028
|
+
.bk-tab--card-tab .bk-tab-header--active:after,
|
|
1029
|
+
.bk-tab--card-tab .bk-tab-header--active:before,
|
|
1030
|
+
.bk-tab--card-tab .bk-tab-header--active + .bk-tab-header-item:before {
|
|
1031
|
+
/* stylelint-disable-next-line declaration-no-important */
|
|
1032
|
+
display: none !important;
|
|
1033
|
+
}
|
|
1034
|
+
.bk-tab--left:not(.bk-tab--vertical-tab) .bk-tab-header--active {
|
|
989
1035
|
border-right: 2px solid var(--primary-color);
|
|
990
1036
|
}
|
|
991
|
-
.bk-tab--right .bk-tab-header--active {
|
|
1037
|
+
.bk-tab--right:not(.bk-tab--vertical-tab) .bk-tab-header--active {
|
|
992
1038
|
border-left: 2px solid var(--primary-color);
|
|
993
1039
|
}
|
|
994
1040
|
.bk-tab-header--disabled {
|
|
@@ -1000,7 +1046,8 @@
|
|
|
1000
1046
|
flex: 1;
|
|
1001
1047
|
padding: 10px;
|
|
1002
1048
|
}
|
|
1003
|
-
.bk-tab--border-card .bk-tab-content
|
|
1049
|
+
.bk-tab--border-card .bk-tab-content,
|
|
1050
|
+
.bk-tab--vertical-card .bk-tab-content {
|
|
1004
1051
|
border: solid var(--disable-color);
|
|
1005
1052
|
border-width: 0 1px 1px;
|
|
1006
1053
|
}
|
package/lib/table/table.css
CHANGED
|
@@ -1336,7 +1336,7 @@
|
|
|
1336
1336
|
}
|
|
1337
1337
|
.bk-table .bk-table-body::-webkit-scrollbar-thumb {
|
|
1338
1338
|
background: #dcdee5;
|
|
1339
|
-
border-radius:
|
|
1339
|
+
border-radius: 10px;
|
|
1340
1340
|
box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
|
|
1341
1341
|
}
|
|
1342
1342
|
.bk-table .bk-fixed-bottom-border {
|
package/lib/table/table.less
CHANGED
|
@@ -2169,7 +2169,7 @@
|
|
|
2169
2169
|
}
|
|
2170
2170
|
.bk-table .bk-table-body::-webkit-scrollbar-thumb {
|
|
2171
2171
|
background: #dcdee5;
|
|
2172
|
-
border-radius:
|
|
2172
|
+
border-radius: 10px;
|
|
2173
2173
|
box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
|
|
2174
2174
|
}
|
|
2175
2175
|
.bk-table .bk-fixed-bottom-border {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bkui-vue",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.356",
|
|
4
4
|
"workspaces": {
|
|
5
5
|
"packages": [
|
|
6
6
|
"packages/!(**.bak)*",
|
|
@@ -42,6 +42,7 @@
|
|
|
42
42
|
"@babel/plugin-transform-runtime": "~7.17.0",
|
|
43
43
|
"@babel/preset-env": "~7.16.11",
|
|
44
44
|
"@babel/preset-typescript": "~7.16.7",
|
|
45
|
+
"@blueking/magicbox-header": "~1.1.52",
|
|
45
46
|
"@commitlint/cli": "~16.2.3",
|
|
46
47
|
"@commitlint/config-conventional": "~16.2.1",
|
|
47
48
|
"@types/jest": "~27.4.1",
|