bkui-vue 0.0.1-beta.440 → 0.0.1-beta.441
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 +40 -30
- package/dist/index.umd.js +26 -26
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/overflow-title/components/overflow-title.d.ts +31 -21
- package/lib/overflow-title/index.d.ts +68 -46
- package/lib/overflow-title/index.js +1 -1
- package/lib/overflow-title/props.d.ts +13 -10
- package/lib/select/index.d.ts +16 -1
- package/lib/select/index.js +1 -1
- package/lib/select/select.css +16 -0
- package/lib/select/select.d.ts +7 -0
- package/lib/select/select.less +21 -1
- package/lib/select/select.variable.css +16 -0
- package/package.json +1 -1
package/lib/select/select.css
CHANGED
|
@@ -108,6 +108,9 @@
|
|
|
108
108
|
.bk-select .bk-select-trigger .bk-select-tag::placeholder {
|
|
109
109
|
color: #c4c6cc;
|
|
110
110
|
}
|
|
111
|
+
.bk-select .bk-select-trigger .bk-select-tag.has-prefix {
|
|
112
|
+
padding-left: 0;
|
|
113
|
+
}
|
|
111
114
|
.bk-select .bk-select-trigger .bk-select-tag.collapse-tag .bk-select-tag-wrapper {
|
|
112
115
|
height: 30px;
|
|
113
116
|
}
|
|
@@ -145,6 +148,9 @@
|
|
|
145
148
|
.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag .bk-tag-close {
|
|
146
149
|
cursor: not-allowed;
|
|
147
150
|
}
|
|
151
|
+
.bk-select .bk-select-trigger .bk-select-tag.is-disabled .is-disabled {
|
|
152
|
+
padding-left: 0;
|
|
153
|
+
}
|
|
148
154
|
.bk-select .bk-select-trigger .bk-select-tag-input {
|
|
149
155
|
width: 100%;
|
|
150
156
|
height: 32px;
|
|
@@ -223,6 +229,16 @@
|
|
|
223
229
|
align-items: center;
|
|
224
230
|
justify-content: center;
|
|
225
231
|
}
|
|
232
|
+
.bk-select--prefix-area {
|
|
233
|
+
display: flex;
|
|
234
|
+
height: 100%;
|
|
235
|
+
padding: 0 10px;
|
|
236
|
+
margin-right: 10px;
|
|
237
|
+
color: #63656e;
|
|
238
|
+
background-color: #f5f7fa;
|
|
239
|
+
border-right: 1px solid #c4c6cc;
|
|
240
|
+
align-items: center;
|
|
241
|
+
}
|
|
226
242
|
.bk-popover.bk-pop2-content.bk-select-popover {
|
|
227
243
|
padding: 0;
|
|
228
244
|
border: 1px solid #dcdee5;
|
package/lib/select/select.d.ts
CHANGED
|
@@ -273,6 +273,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
273
273
|
} & {
|
|
274
274
|
default: boolean;
|
|
275
275
|
};
|
|
276
|
+
prefix: import("vue-types").VueTypeValidableDef<string> & {
|
|
277
|
+
default: string;
|
|
278
|
+
};
|
|
276
279
|
}, {
|
|
277
280
|
selected: import("vue").Ref<{
|
|
278
281
|
value: string;
|
|
@@ -908,6 +911,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
908
911
|
} & {
|
|
909
912
|
default: boolean;
|
|
910
913
|
};
|
|
914
|
+
prefix: import("vue-types").VueTypeValidableDef<string> & {
|
|
915
|
+
default: string;
|
|
916
|
+
};
|
|
911
917
|
}>> & {
|
|
912
918
|
onFocus?: (...args: any[]) => any;
|
|
913
919
|
onBlur?: (...args: any[]) => any;
|
|
@@ -925,6 +931,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
925
931
|
list: unknown[];
|
|
926
932
|
showOnInit: boolean;
|
|
927
933
|
placeholder: string;
|
|
934
|
+
prefix: string;
|
|
928
935
|
loading: boolean;
|
|
929
936
|
scrollHeight: number;
|
|
930
937
|
clearable: boolean;
|
package/lib/select/select.less
CHANGED
|
@@ -112,6 +112,7 @@
|
|
|
112
112
|
border-color: transparent;
|
|
113
113
|
border-bottom-color: @primary-color;
|
|
114
114
|
box-shadow: none;
|
|
115
|
+
|
|
115
116
|
.@{bk-prefix}-input--text {
|
|
116
117
|
background-color: @input-block-color;
|
|
117
118
|
}
|
|
@@ -163,6 +164,10 @@
|
|
|
163
164
|
width: auto;
|
|
164
165
|
align-items: center;
|
|
165
166
|
|
|
167
|
+
&.has-prefix {
|
|
168
|
+
padding-left: 0;
|
|
169
|
+
}
|
|
170
|
+
|
|
166
171
|
&.collapse-tag .@{bk-prefix}-select-tag-wrapper {
|
|
167
172
|
height: 30px;
|
|
168
173
|
}
|
|
@@ -207,6 +212,10 @@
|
|
|
207
212
|
cursor: not-allowed;
|
|
208
213
|
}
|
|
209
214
|
}
|
|
215
|
+
|
|
216
|
+
.is-disabled {
|
|
217
|
+
padding-left: 0;
|
|
218
|
+
}
|
|
210
219
|
}
|
|
211
220
|
|
|
212
221
|
&-input {
|
|
@@ -252,6 +261,17 @@
|
|
|
252
261
|
.fix-icon();
|
|
253
262
|
}
|
|
254
263
|
}
|
|
264
|
+
|
|
265
|
+
&--prefix-area {
|
|
266
|
+
display: flex;
|
|
267
|
+
height: 100%;
|
|
268
|
+
padding: 0 10px;
|
|
269
|
+
margin-right: 10px;
|
|
270
|
+
color: #63656e;
|
|
271
|
+
background-color: #f5f7fa;
|
|
272
|
+
border-right: 1px solid #c4c6cc;
|
|
273
|
+
align-items: center;
|
|
274
|
+
}
|
|
255
275
|
}
|
|
256
276
|
|
|
257
277
|
.@{bk-prefix}-popover {
|
|
@@ -260,7 +280,7 @@
|
|
|
260
280
|
padding: 0;
|
|
261
281
|
border: 1px solid @disable-color;
|
|
262
282
|
border-radius: 2px;
|
|
263
|
-
box-shadow: 0 2px 6px 0 rgba(0,0,0
|
|
283
|
+
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .10);
|
|
264
284
|
|
|
265
285
|
.@{bk-prefix}-select-content-wrapper {
|
|
266
286
|
.@{bk-prefix}-select-empty {
|
|
@@ -230,6 +230,9 @@
|
|
|
230
230
|
.bk-select .bk-select-trigger .bk-select-tag::placeholder {
|
|
231
231
|
color: var(--light-gray);
|
|
232
232
|
}
|
|
233
|
+
.bk-select .bk-select-trigger .bk-select-tag.has-prefix {
|
|
234
|
+
padding-left: 0;
|
|
235
|
+
}
|
|
233
236
|
.bk-select .bk-select-trigger .bk-select-tag.collapse-tag .bk-select-tag-wrapper {
|
|
234
237
|
height: 30px;
|
|
235
238
|
}
|
|
@@ -267,6 +270,9 @@
|
|
|
267
270
|
.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag .bk-tag-close {
|
|
268
271
|
cursor: not-allowed;
|
|
269
272
|
}
|
|
273
|
+
.bk-select .bk-select-trigger .bk-select-tag.is-disabled .is-disabled {
|
|
274
|
+
padding-left: 0;
|
|
275
|
+
}
|
|
270
276
|
.bk-select .bk-select-trigger .bk-select-tag-input {
|
|
271
277
|
width: 100%;
|
|
272
278
|
height: 32px;
|
|
@@ -345,6 +351,16 @@
|
|
|
345
351
|
align-items: center;
|
|
346
352
|
justify-content: center;
|
|
347
353
|
}
|
|
354
|
+
.bk-select--prefix-area {
|
|
355
|
+
display: flex;
|
|
356
|
+
height: 100%;
|
|
357
|
+
padding: 0 10px;
|
|
358
|
+
margin-right: 10px;
|
|
359
|
+
color: #63656e;
|
|
360
|
+
background-color: #f5f7fa;
|
|
361
|
+
border-right: 1px solid #c4c6cc;
|
|
362
|
+
align-items: center;
|
|
363
|
+
}
|
|
348
364
|
.bk-popover.bk-pop2-content.bk-select-popover {
|
|
349
365
|
padding: 0;
|
|
350
366
|
border: 1px solid var(--disable-color);
|