bkui-vue 3.0.6 → 3.0.8
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 +22 -22
- package/dist/index.esm.js +108 -100
- package/dist/index.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/cascader/cascader.css +4 -0
- package/lib/cascader/cascader.less +4 -0
- package/lib/cascader/cascader.variable.css +4 -0
- package/lib/date-picker/date-picker.css +3 -0
- package/lib/date-picker/date-picker.less +4 -0
- package/lib/date-picker/date-picker.variable.css +3 -0
- package/lib/dropdown/dropdown.css +3 -0
- package/lib/dropdown/dropdown.variable.css +3 -0
- package/lib/index.js +1 -1
- package/lib/pagination/pagination.css +7 -0
- package/lib/pagination/pagination.less +4 -0
- package/lib/pagination/pagination.variable.css +7 -0
- package/lib/popover/popover.css +3 -0
- package/lib/popover/popover.less +10 -6
- package/lib/popover/popover.variable.css +3 -0
- package/lib/select/index.js +18 -9
- package/lib/select/select.css +3 -0
- package/lib/select/select.less +4 -0
- package/lib/select/select.variable.css +3 -0
- package/lib/table/table.css +10 -0
- package/lib/table/table.variable.css +10 -0
- package/lib/tree/tree.css +2 -2
- package/lib/tree/tree.less +2 -2
- package/lib/tree/tree.variable.css +2 -2
- package/package.json +1 -1
|
@@ -305,6 +305,10 @@
|
|
|
305
305
|
color: #3a84ff;
|
|
306
306
|
background: #e1ecff;
|
|
307
307
|
}
|
|
308
|
+
.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-selected:hover,
|
|
309
|
+
.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-checked:hover {
|
|
310
|
+
background-color: #cddffe;
|
|
311
|
+
}
|
|
308
312
|
.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled {
|
|
309
313
|
color: #c4c6cc;
|
|
310
314
|
cursor: not-allowed;
|
|
@@ -447,6 +447,10 @@
|
|
|
447
447
|
color: #3a84ff;
|
|
448
448
|
background: #e1ecff;
|
|
449
449
|
}
|
|
450
|
+
.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-selected:hover,
|
|
451
|
+
.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-checked:hover {
|
|
452
|
+
background-color: #cddffe;
|
|
453
|
+
}
|
|
450
454
|
.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled {
|
|
451
455
|
color: #c4c6cc;
|
|
452
456
|
cursor: not-allowed;
|
|
@@ -496,6 +496,9 @@
|
|
|
496
496
|
/* background-color: #e1ecff; */
|
|
497
497
|
background-color: #f0f1f5;
|
|
498
498
|
}
|
|
499
|
+
.bk-date-picker-cells-cell.bk-date-picker-cells-cell-range:hover em {
|
|
500
|
+
background-color: #cddffe;
|
|
501
|
+
}
|
|
499
502
|
.bk-date-picker-cells-focused em {
|
|
500
503
|
color: #3a84ff;
|
|
501
504
|
box-shadow: 0 0 0 1px #a3c5fd inset;
|
|
@@ -339,6 +339,10 @@
|
|
|
339
339
|
background-color: #f0f1f5;
|
|
340
340
|
}
|
|
341
341
|
|
|
342
|
+
.@{bk-prefix}-date-picker-cells-cell.@{bk-prefix}-date-picker-cells-cell-range:hover em {
|
|
343
|
+
background-color: #cddffe;
|
|
344
|
+
}
|
|
345
|
+
|
|
342
346
|
.@{bk-prefix}-date-picker-cells-focused em {
|
|
343
347
|
color: #3a84ff;
|
|
344
348
|
box-shadow: 0 0 0 1px #a3c5fd inset;
|
|
@@ -638,6 +638,9 @@
|
|
|
638
638
|
/* background-color: #e1ecff; */
|
|
639
639
|
background-color: #f0f1f5;
|
|
640
640
|
}
|
|
641
|
+
.bk-date-picker-cells-cell.bk-date-picker-cells-cell-range:hover em {
|
|
642
|
+
background-color: #cddffe;
|
|
643
|
+
}
|
|
641
644
|
.bk-date-picker-cells-focused em {
|
|
642
645
|
color: #3a84ff;
|
|
643
646
|
box-shadow: 0 0 0 1px #a3c5fd inset;
|
package/lib/index.js
CHANGED
|
@@ -66,6 +66,13 @@
|
|
|
66
66
|
color: #3a84ff;
|
|
67
67
|
background: #e1ecff;
|
|
68
68
|
}
|
|
69
|
+
.bk-pagination-list-pre-batch.is-active:hover,
|
|
70
|
+
.bk-pagination-list-next-batch.is-active:hover,
|
|
71
|
+
.bk-pagination-list-pre.is-active:hover,
|
|
72
|
+
.bk-pagination-list-next.is-active:hover,
|
|
73
|
+
.bk-pagination-list-item.is-active:hover {
|
|
74
|
+
background: #cddffe;
|
|
75
|
+
}
|
|
69
76
|
.bk-pagination-list-pre-batch:hover,
|
|
70
77
|
.bk-pagination-list-next-batch:hover,
|
|
71
78
|
.bk-pagination-list-pre:hover,
|
|
@@ -208,6 +208,13 @@
|
|
|
208
208
|
color: #3a84ff;
|
|
209
209
|
background: #e1ecff;
|
|
210
210
|
}
|
|
211
|
+
.bk-pagination-list-pre-batch.is-active:hover,
|
|
212
|
+
.bk-pagination-list-next-batch.is-active:hover,
|
|
213
|
+
.bk-pagination-list-pre.is-active:hover,
|
|
214
|
+
.bk-pagination-list-next.is-active:hover,
|
|
215
|
+
.bk-pagination-list-item.is-active:hover {
|
|
216
|
+
background: #cddffe;
|
|
217
|
+
}
|
|
211
218
|
.bk-pagination-list-pre-batch:hover,
|
|
212
219
|
.bk-pagination-list-next-batch:hover,
|
|
213
220
|
.bk-pagination-list-pre:hover,
|
package/lib/popover/popover.css
CHANGED
package/lib/popover/popover.less
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
@import '../styles/themes/themes.less';
|
|
2
2
|
|
|
3
|
-
|
|
4
3
|
.@{bk-prefix}-popover {
|
|
5
4
|
&.@{bk-prefix}-pop2-content {
|
|
6
5
|
position: absolute;
|
|
@@ -31,30 +30,31 @@
|
|
|
31
30
|
background-color: #fff;
|
|
32
31
|
box-shadow: 0 0 6px 0 #dcdee5;
|
|
33
32
|
border: 1px solid #dcdee5;
|
|
33
|
+
|
|
34
34
|
.@{bk-prefix}-pop2-arrow {
|
|
35
35
|
background-color: #fff;
|
|
36
|
-
&[data-arrow='top']{
|
|
36
|
+
&[data-arrow='top'] {
|
|
37
37
|
border-right: 1px solid transparent;
|
|
38
38
|
border-bottom: 1px solid transparent;
|
|
39
39
|
|
|
40
40
|
border-left: 1px solid #dcdee5;
|
|
41
41
|
border-top: 1px solid #dcdee5;
|
|
42
42
|
}
|
|
43
|
-
&[data-arrow='right']{
|
|
43
|
+
&[data-arrow='right'] {
|
|
44
44
|
border-left: 1px solid transparent;
|
|
45
45
|
border-bottom: 1px solid transparent;
|
|
46
46
|
|
|
47
47
|
border-right: 1px solid #dcdee5;
|
|
48
|
-
border-top: 1px solid #dcdee5
|
|
48
|
+
border-top: 1px solid #dcdee5;
|
|
49
49
|
}
|
|
50
|
-
&[data-arrow='left']{
|
|
50
|
+
&[data-arrow='left'] {
|
|
51
51
|
border-right: 1px solid transparent;
|
|
52
52
|
border-top: 1px solid transparent;
|
|
53
53
|
|
|
54
54
|
border-left: 1px solid #dcdee5;
|
|
55
55
|
border-bottom: 1px solid #dcdee5;
|
|
56
56
|
}
|
|
57
|
-
&[data-arrow='bottom']{
|
|
57
|
+
&[data-arrow='bottom'] {
|
|
58
58
|
border-left: 1px solid transparent;
|
|
59
59
|
border-top: 1px solid transparent;
|
|
60
60
|
|
|
@@ -62,6 +62,10 @@
|
|
|
62
62
|
border-bottom: 1px solid #dcdee5;
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
|
+
|
|
66
|
+
.@{bk-prefix}-dropdown-menu {
|
|
67
|
+
border: none;
|
|
68
|
+
}
|
|
65
69
|
}
|
|
66
70
|
}
|
|
67
71
|
}
|
package/lib/select/index.js
CHANGED
|
@@ -4419,6 +4419,11 @@ function select_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.l
|
|
|
4419
4419
|
var isInput = __WEBPACK_EXTERNAL_MODULE_vue_computed__(function () {
|
|
4420
4420
|
return filterable.value && inputSearch.value && isPopoverShow.value || allowCreate.value;
|
|
4421
4421
|
});
|
|
4422
|
+
var resetOptionVisible = function resetOptionVisible() {
|
|
4423
|
+
options.value.forEach(function (option) {
|
|
4424
|
+
option.visible = true;
|
|
4425
|
+
});
|
|
4426
|
+
};
|
|
4422
4427
|
__WEBPACK_EXTERNAL_MODULE_vue_watch__(isPopoverShow, function (isShow) {
|
|
4423
4428
|
emit('toggle', isPopoverShow.value);
|
|
4424
4429
|
if (!isShow) {
|
|
@@ -4429,6 +4434,10 @@ function select_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.l
|
|
|
4429
4434
|
} else {
|
|
4430
4435
|
// 打开时刷新一次 slot options 元信息（用于虚拟模式回显/空态判断）
|
|
4431
4436
|
refreshSlotOptionMetaMap();
|
|
4437
|
+
// 搜索已空时复位 slot option 可见性，避免上次下拉过滤态残留
|
|
4438
|
+
if (!searchValue.value) {
|
|
4439
|
+
resetOptionVisible();
|
|
4440
|
+
}
|
|
4432
4441
|
document.addEventListener('keydown', handleDocumentKeydown);
|
|
4433
4442
|
setTimeout(function () {
|
|
4434
4443
|
focusInput();
|
|
@@ -4524,17 +4533,17 @@ function select_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.l
|
|
|
4524
4533
|
// 处理options模式时默认搜索方法
|
|
4525
4534
|
var handleDefaultOptionSearch = function handleDefaultOptionSearch(searchValue) {
|
|
4526
4535
|
if (!filterable.value) return;
|
|
4527
|
-
//
|
|
4528
|
-
|
|
4536
|
+
// 关键字为空必须复位可见性。slot 模式下关闭下拉会先把 isPopoverShow 置 false
|
|
4537
|
+
// 再清空 searchValue；若此处直接 return，option.visible 会停在上次过滤态。
|
|
4529
4538
|
if (!searchValue) {
|
|
4530
|
-
|
|
4531
|
-
|
|
4532
|
-
});
|
|
4533
|
-
} else {
|
|
4534
|
-
options.value.forEach(function (option) {
|
|
4535
|
-
option.visible = defaultSearchMethod(searchValue, String(option.optionName), select_objectSpread(select_objectSpread({}, option.$props), option.$attrs));
|
|
4536
|
-
});
|
|
4539
|
+
resetOptionVisible();
|
|
4540
|
+
return;
|
|
4537
4541
|
}
|
|
4542
|
+
// Popover 关闭时：下拉搜索无需处理；但 inputSearch/allowCreate 仍需要更新可见性
|
|
4543
|
+
if (!isPopoverShow.value && !(inputSearch.value || allowCreate.value)) return;
|
|
4544
|
+
options.value.forEach(function (option) {
|
|
4545
|
+
option.visible = defaultSearchMethod(searchValue, String(option.optionName), select_objectSpread(select_objectSpread({}, option.$props), option.$attrs));
|
|
4546
|
+
});
|
|
4538
4547
|
};
|
|
4539
4548
|
var _useRemoteSearch = useRemoteSearch(isRemoteSearch.value ? remoteMethod.value : handleDefaultOptionSearch, initActiveOptionValue),
|
|
4540
4549
|
searchValue = _useRemoteSearch.searchValue,
|
package/lib/select/select.css
CHANGED
|
@@ -379,6 +379,9 @@
|
|
|
379
379
|
color: #3a84ff;
|
|
380
380
|
background-color: #e1ecff;
|
|
381
381
|
}
|
|
382
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-selected.is-hover {
|
|
383
|
+
background-color: #cddffe;
|
|
384
|
+
}
|
|
382
385
|
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-disabled {
|
|
383
386
|
color: #c4c6cc;
|
|
384
387
|
cursor: not-allowed;
|
package/lib/select/select.less
CHANGED
|
@@ -521,6 +521,9 @@
|
|
|
521
521
|
color: #3a84ff;
|
|
522
522
|
background-color: #e1ecff;
|
|
523
523
|
}
|
|
524
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-selected.is-hover {
|
|
525
|
+
background-color: #cddffe;
|
|
526
|
+
}
|
|
524
527
|
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-disabled {
|
|
525
528
|
color: #c4c6cc;
|
|
526
529
|
cursor: not-allowed;
|
package/lib/table/table.css
CHANGED
|
@@ -665,6 +665,13 @@
|
|
|
665
665
|
color: #3a84ff;
|
|
666
666
|
background: #e1ecff;
|
|
667
667
|
}
|
|
668
|
+
.bk-pagination-list-pre-batch.is-active:hover,
|
|
669
|
+
.bk-pagination-list-next-batch.is-active:hover,
|
|
670
|
+
.bk-pagination-list-pre.is-active:hover,
|
|
671
|
+
.bk-pagination-list-next.is-active:hover,
|
|
672
|
+
.bk-pagination-list-item.is-active:hover {
|
|
673
|
+
background: #cddffe;
|
|
674
|
+
}
|
|
668
675
|
.bk-pagination-list-pre-batch:hover,
|
|
669
676
|
.bk-pagination-list-next-batch:hover,
|
|
670
677
|
.bk-pagination-list-pre:hover,
|
|
@@ -857,6 +864,9 @@
|
|
|
857
864
|
border-right: 1px solid #dcdee5;
|
|
858
865
|
border-bottom: 1px solid #dcdee5;
|
|
859
866
|
}
|
|
867
|
+
.bk-popover.bk-pop2-content[data-theme^='light'] .bk-dropdown-menu {
|
|
868
|
+
border: none;
|
|
869
|
+
}
|
|
860
870
|
.bk-table-head-action {
|
|
861
871
|
display: flex;
|
|
862
872
|
height: var(--row-height);
|
|
@@ -807,6 +807,13 @@
|
|
|
807
807
|
color: #3a84ff;
|
|
808
808
|
background: #e1ecff;
|
|
809
809
|
}
|
|
810
|
+
.bk-pagination-list-pre-batch.is-active:hover,
|
|
811
|
+
.bk-pagination-list-next-batch.is-active:hover,
|
|
812
|
+
.bk-pagination-list-pre.is-active:hover,
|
|
813
|
+
.bk-pagination-list-next.is-active:hover,
|
|
814
|
+
.bk-pagination-list-item.is-active:hover {
|
|
815
|
+
background: #cddffe;
|
|
816
|
+
}
|
|
810
817
|
.bk-pagination-list-pre-batch:hover,
|
|
811
818
|
.bk-pagination-list-next-batch:hover,
|
|
812
819
|
.bk-pagination-list-pre:hover,
|
|
@@ -999,6 +1006,9 @@
|
|
|
999
1006
|
border-right: 1px solid #dcdee5;
|
|
1000
1007
|
border-bottom: 1px solid #dcdee5;
|
|
1001
1008
|
}
|
|
1009
|
+
.bk-popover.bk-pop2-content[data-theme^='light'] .bk-dropdown-menu {
|
|
1010
|
+
border: none;
|
|
1011
|
+
}
|
|
1002
1012
|
.bk-table-head-action {
|
|
1003
1013
|
display: flex;
|
|
1004
1014
|
height: var(--row-height);
|
package/lib/tree/tree.css
CHANGED
|
@@ -184,10 +184,10 @@
|
|
|
184
184
|
background-color: #f5f7fa;
|
|
185
185
|
}
|
|
186
186
|
.bk-tree .bk-node-row.is-selected {
|
|
187
|
-
background-color: #
|
|
187
|
+
background-color: #e1ecff;
|
|
188
188
|
}
|
|
189
189
|
.bk-tree .bk-node-row.is-selected:hover {
|
|
190
|
-
background-color: #
|
|
190
|
+
background-color: #cddffe;
|
|
191
191
|
}
|
|
192
192
|
.bk-tree-node {
|
|
193
193
|
position: relative;
|
package/lib/tree/tree.less
CHANGED
|
@@ -326,10 +326,10 @@
|
|
|
326
326
|
background-color: #f5f7fa;
|
|
327
327
|
}
|
|
328
328
|
.bk-tree .bk-node-row.is-selected {
|
|
329
|
-
background-color: #
|
|
329
|
+
background-color: #e1ecff;
|
|
330
330
|
}
|
|
331
331
|
.bk-tree .bk-node-row.is-selected:hover {
|
|
332
|
-
background-color: #
|
|
332
|
+
background-color: #cddffe;
|
|
333
333
|
}
|
|
334
334
|
.bk-tree-node {
|
|
335
335
|
position: relative;
|