bkui-vue 2.0.1-beta.72 → 2.0.1-beta.73
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 +43 -43
- package/dist/index.esm.js +6819 -6825
- package/dist/index.umd.js +58 -58
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/cascader/index.js +1 -1
- package/lib/index.js +1 -1
- package/lib/modal/index.d.ts +13 -13
- package/lib/modal/index.js +26 -59
- package/lib/modal/modal.d.ts +5 -5
- package/lib/modal/props.mixin.d.ts +2 -2
- package/lib/sideslider/index.d.ts +11 -11
- package/lib/sideslider/sideslider.d.ts +5 -5
- package/lib/table/props.d.ts +4 -4
- package/lib/tag-input/common.d.ts +1 -1
- package/lib/tag-input/index.d.ts +3 -0
- package/lib/tag-input/index.js +12 -5
- package/lib/tag-input/tag-input.css +9 -9
- package/lib/tag-input/tag-input.d.ts +3 -14
- package/lib/tag-input/tag-input.less +9 -9
- package/lib/tag-input/tag-input.variable.css +9 -9
- package/package.json +1 -1
|
@@ -10,6 +10,8 @@
|
|
|
10
10
|
.@{bk-prefix}-tag-input-trigger {
|
|
11
11
|
position: relative;
|
|
12
12
|
display: flex;
|
|
13
|
+
align-items: center;
|
|
14
|
+
justify-content: space-between;
|
|
13
15
|
min-height: @min-height;
|
|
14
16
|
padding: 0 0 0 5px;
|
|
15
17
|
overflow: hidden;
|
|
@@ -18,8 +20,6 @@
|
|
|
18
20
|
background: @white-color;
|
|
19
21
|
border: 1px solid @light-gray;
|
|
20
22
|
border-radius: 2px;
|
|
21
|
-
align-items: center;
|
|
22
|
-
justify-content: space-between;
|
|
23
23
|
|
|
24
24
|
&.active {
|
|
25
25
|
border-color: @primary-color;
|
|
@@ -33,22 +33,22 @@
|
|
|
33
33
|
|
|
34
34
|
.tag-list {
|
|
35
35
|
display: inline-flex;
|
|
36
|
+
flex-wrap: wrap;
|
|
37
|
+
align-items: center;
|
|
36
38
|
max-height: 135px;
|
|
37
39
|
padding: 0;
|
|
38
40
|
margin: 0;
|
|
39
41
|
overflow: auto;
|
|
40
|
-
align-items: center;
|
|
41
|
-
flex-wrap: wrap;
|
|
42
42
|
|
|
43
43
|
> li {
|
|
44
44
|
display: inline-flex;
|
|
45
|
+
align-items: center;
|
|
45
46
|
height: 22px;
|
|
46
47
|
margin: 4px 5px 4px 0;
|
|
47
48
|
overflow: hidden;
|
|
48
49
|
font-size: 12px;
|
|
49
50
|
border: solid 1px transparent;
|
|
50
51
|
border-radius: 2px;
|
|
51
|
-
align-items: center;
|
|
52
52
|
|
|
53
53
|
&.tag-item {
|
|
54
54
|
background: #f0f1f5;
|
|
@@ -64,21 +64,21 @@
|
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
.tag {
|
|
67
|
+
flex: 1;
|
|
67
68
|
max-width: 190px;
|
|
68
69
|
overflow: hidden;
|
|
69
70
|
text-overflow: ellipsis;
|
|
70
71
|
word-break: break-all;
|
|
71
72
|
white-space: nowrap;
|
|
72
|
-
flex: 1;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
.text {
|
|
76
|
+
box-sizing: border-box;
|
|
76
77
|
padding: 0 5px;
|
|
77
78
|
line-height: 20px;
|
|
78
79
|
color: @default-color;
|
|
79
80
|
background-color: #f0f1f5;
|
|
80
81
|
border-radius: 2px;
|
|
81
|
-
box-sizing: border-box;
|
|
82
82
|
|
|
83
83
|
&:hover {
|
|
84
84
|
background-color: #dcdee5;;
|
|
@@ -86,13 +86,13 @@
|
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
.tag-input {
|
|
89
|
+
box-sizing: border-box;
|
|
89
90
|
width: 10px;
|
|
90
|
-
height: 22px;
|
|
91
91
|
max-width: 295px;
|
|
92
|
+
height: 22px;
|
|
92
93
|
padding: 0;
|
|
93
94
|
border: 0;
|
|
94
95
|
outline: none;
|
|
95
|
-
box-sizing: border-box;
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
98
|
|
|
@@ -395,6 +395,8 @@
|
|
|
395
395
|
.bk-tag-input .bk-tag-input-trigger {
|
|
396
396
|
position: relative;
|
|
397
397
|
display: flex;
|
|
398
|
+
align-items: center;
|
|
399
|
+
justify-content: space-between;
|
|
398
400
|
min-height: 32px;
|
|
399
401
|
padding: 0 0 0 5px;
|
|
400
402
|
overflow: hidden;
|
|
@@ -403,8 +405,6 @@
|
|
|
403
405
|
background: var(--white-color);
|
|
404
406
|
border: 1px solid var(--light-gray);
|
|
405
407
|
border-radius: 2px;
|
|
406
|
-
align-items: center;
|
|
407
|
-
justify-content: space-between;
|
|
408
408
|
}
|
|
409
409
|
.bk-tag-input .bk-tag-input-trigger.active {
|
|
410
410
|
border-color: var(--primary-color);
|
|
@@ -416,22 +416,22 @@
|
|
|
416
416
|
}
|
|
417
417
|
.bk-tag-input .bk-tag-input-trigger .tag-list {
|
|
418
418
|
display: inline-flex;
|
|
419
|
+
flex-wrap: wrap;
|
|
420
|
+
align-items: center;
|
|
419
421
|
max-height: 135px;
|
|
420
422
|
padding: 0;
|
|
421
423
|
margin: 0;
|
|
422
424
|
overflow: auto;
|
|
423
|
-
align-items: center;
|
|
424
|
-
flex-wrap: wrap;
|
|
425
425
|
}
|
|
426
426
|
.bk-tag-input .bk-tag-input-trigger .tag-list > li {
|
|
427
427
|
display: inline-flex;
|
|
428
|
+
align-items: center;
|
|
428
429
|
height: 22px;
|
|
429
430
|
margin: 4px 5px 4px 0;
|
|
430
431
|
overflow: hidden;
|
|
431
432
|
font-size: 12px;
|
|
432
433
|
border: solid 1px transparent;
|
|
433
434
|
border-radius: 2px;
|
|
434
|
-
align-items: center;
|
|
435
435
|
}
|
|
436
436
|
.bk-tag-input .bk-tag-input-trigger .tag-list > li.tag-item {
|
|
437
437
|
background: #f0f1f5;
|
|
@@ -444,32 +444,32 @@
|
|
|
444
444
|
line-height: 0;
|
|
445
445
|
}
|
|
446
446
|
.bk-tag-input .bk-tag-input-trigger .tag-list .tag {
|
|
447
|
+
flex: 1;
|
|
447
448
|
max-width: 190px;
|
|
448
449
|
overflow: hidden;
|
|
449
450
|
text-overflow: ellipsis;
|
|
450
451
|
word-break: break-all;
|
|
451
452
|
white-space: nowrap;
|
|
452
|
-
flex: 1;
|
|
453
453
|
}
|
|
454
454
|
.bk-tag-input .bk-tag-input-trigger .tag-list .text {
|
|
455
|
+
box-sizing: border-box;
|
|
455
456
|
padding: 0 5px;
|
|
456
457
|
line-height: 20px;
|
|
457
458
|
color: var(--default-color);
|
|
458
459
|
background-color: #f0f1f5;
|
|
459
460
|
border-radius: 2px;
|
|
460
|
-
box-sizing: border-box;
|
|
461
461
|
}
|
|
462
462
|
.bk-tag-input .bk-tag-input-trigger .tag-list .text:hover {
|
|
463
463
|
background-color: #dcdee5;
|
|
464
464
|
}
|
|
465
465
|
.bk-tag-input .bk-tag-input-trigger .tag-list .tag-input {
|
|
466
|
+
box-sizing: border-box;
|
|
466
467
|
width: 10px;
|
|
467
|
-
height: 22px;
|
|
468
468
|
max-width: 295px;
|
|
469
|
+
height: 22px;
|
|
469
470
|
padding: 0;
|
|
470
471
|
border: 0;
|
|
471
472
|
outline: none;
|
|
472
|
-
box-sizing: border-box;
|
|
473
473
|
}
|
|
474
474
|
.bk-tag-input .bk-tag-input-trigger .placeholder {
|
|
475
475
|
position: absolute;
|