bkui-vue 1.0.3-beta.60.scrollbar.5 → 1.0.3-beta.61
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 +50 -52
- package/dist/index.esm.js +13977 -14662
- package/dist/index.umd.js +50 -52
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/components.d.ts +1 -0
- package/lib/components.js +2 -1
- package/lib/date-picker/index.js +1 -1
- package/lib/dialog/dialog.css +7 -9
- package/lib/dialog/dialog.variable.css +7 -9
- package/lib/info-box/index.js +1 -0
- package/lib/modal/hooks.d.ts +1 -1
- package/lib/modal/index.d.ts +3 -0
- package/lib/modal/index.js +21 -22
- package/lib/modal/modal.css +7 -9
- package/lib/modal/modal.d.ts +1 -0
- package/lib/modal/modal.less +11 -18
- package/lib/modal/modal.variable.css +7 -9
- package/lib/search-select/index.d.ts +327 -12
- package/lib/search-select/index.js +620 -340
- package/lib/search-select/input.d.ts +6 -1
- package/lib/search-select/search-select.css +20 -6
- package/lib/search-select/search-select.d.ts +109 -4
- package/lib/search-select/search-select.less +16 -12
- package/lib/search-select/search-select.variable.css +20 -6
- package/lib/search-select/selected.d.ts +107 -5
- package/lib/search-select/utils.d.ts +13 -1
- package/lib/select/index.d.ts +56 -0
- package/lib/select/index.js +8 -3
- package/lib/select/select.css +19 -5
- package/lib/select/select.d.ts +22 -0
- package/lib/select/select.less +26 -6
- package/lib/select/select.variable.css +19 -5
- package/lib/select/selectTagInput.d.ts +7 -0
- package/lib/sideslider/sideslider.css +0 -5
- package/lib/sideslider/sideslider.less +8 -14
- package/lib/sideslider/sideslider.variable.css +0 -5
- package/lib/table/const.d.ts +1 -1
- package/lib/table/index.js +18 -18
- package/lib/table/plugins/use-fixed-column.d.ts +1 -1
- package/lib/table/table.css +42 -96
- package/lib/table/table.less +56 -41
- package/lib/table/table.variable.css +42 -96
- package/lib/table/use-render.d.ts +1 -1
- package/lib/table-column/index.js +1 -1
- package/lib/timeline/index.js +1 -0
- package/lib/tree/tree.css +2 -75
- package/lib/tree/tree.variable.css +2 -75
- package/lib/upload/index.d.ts +12 -0
- package/lib/upload/index.js +21 -30
- package/lib/upload/props.d.ts +3 -0
- package/lib/upload/upload-trigger.d.ts +6 -0
- package/lib/upload/upload.d.ts +6 -0
- package/lib/virtual-render/index.d.ts +0 -4
- package/lib/virtual-render/index.js +232 -2346
- package/lib/virtual-render/props.d.ts +0 -7
- package/lib/virtual-render/use-fix-top.d.ts +7 -2
- package/lib/virtual-render/v-virtual-render.d.ts +1 -2
- package/lib/virtual-render/virtual-render.css +2 -75
- package/lib/virtual-render/virtual-render.d.ts +0 -2
- package/lib/virtual-render/virtual-render.less +2 -2
- package/lib/virtual-render/virtual-render.variable.css +2 -75
- package/package.json +1 -2
- package/lib/virtual-render/bk-scrollbar.css +0 -74
- package/lib/virtual-render/bk-scrollbar.d.ts +0 -10
- package/lib/virtual-render/bk-scrollbar.less +0 -93
- package/lib/virtual-render/bk-scrollbar.variable.css +0 -203
- package/lib/virtual-render/scrollbar-core/can-use-dom.d.ts +0 -2
- package/lib/virtual-render/scrollbar-core/helpers.d.ts +0 -5
- package/lib/virtual-render/scrollbar-core/index.d.ts +0 -213
- package/lib/virtual-render/scrollbar-core/mouse-wheel.d.ts +0 -5
- package/lib/virtual-render/scrollbar-core/scrollbar-width.d.ts +0 -1
- package/lib/virtual-render/use-scrollbar.d.ts +0 -23
package/lib/select/index.d.ts
CHANGED
@@ -283,6 +283,11 @@ declare const BkSelect: {
|
|
283
283
|
} & {
|
284
284
|
default: boolean;
|
285
285
|
};
|
286
|
+
disableFocusBehavior: import("vue-types").VueTypeValidableDef<boolean> & {
|
287
|
+
default: boolean;
|
288
|
+
} & {
|
289
|
+
default: boolean;
|
290
|
+
};
|
286
291
|
keepSearchValue: import("vue-types").VueTypeValidableDef<boolean> & {
|
287
292
|
default: boolean;
|
288
293
|
} & {
|
@@ -378,6 +383,9 @@ declare const BkSelect: {
|
|
378
383
|
} & {
|
379
384
|
default: boolean;
|
380
385
|
};
|
386
|
+
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
387
|
+
default: "normal" | "simplicity";
|
388
|
+
};
|
381
389
|
}>> & {
|
382
390
|
onKeydown?: (...args: any[]) => any;
|
383
391
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -432,6 +440,9 @@ declare const BkSelect: {
|
|
432
440
|
} & {
|
433
441
|
default: boolean;
|
434
442
|
};
|
443
|
+
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
444
|
+
default: "normal" | "simplicity";
|
445
|
+
};
|
435
446
|
}>> & {
|
436
447
|
onKeydown?: (...args: any[]) => any;
|
437
448
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -441,6 +452,7 @@ declare const BkSelect: {
|
|
441
452
|
disabled: boolean;
|
442
453
|
placeholder: string;
|
443
454
|
tagTheme: "" | "info" | "success" | "warning" | "danger";
|
455
|
+
behavior: "normal" | "simplicity";
|
444
456
|
selected: import("./type").ISelected[];
|
445
457
|
filterable: boolean;
|
446
458
|
allowCreate: boolean;
|
@@ -486,6 +498,9 @@ declare const BkSelect: {
|
|
486
498
|
} & {
|
487
499
|
default: boolean;
|
488
500
|
};
|
501
|
+
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
502
|
+
default: "normal" | "simplicity";
|
503
|
+
};
|
489
504
|
}>> & {
|
490
505
|
onKeydown?: (...args: any[]) => any;
|
491
506
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -510,6 +525,7 @@ declare const BkSelect: {
|
|
510
525
|
disabled: boolean;
|
511
526
|
placeholder: string;
|
512
527
|
tagTheme: "" | "info" | "success" | "warning" | "danger";
|
528
|
+
behavior: "normal" | "simplicity";
|
513
529
|
selected: import("./type").ISelected[];
|
514
530
|
filterable: boolean;
|
515
531
|
allowCreate: boolean;
|
@@ -970,6 +986,11 @@ declare const BkSelect: {
|
|
970
986
|
} & {
|
971
987
|
default: boolean;
|
972
988
|
};
|
989
|
+
disableFocusBehavior: import("vue-types").VueTypeValidableDef<boolean> & {
|
990
|
+
default: boolean;
|
991
|
+
} & {
|
992
|
+
default: boolean;
|
993
|
+
};
|
973
994
|
keepSearchValue: import("vue-types").VueTypeValidableDef<boolean> & {
|
974
995
|
default: boolean;
|
975
996
|
} & {
|
@@ -1045,6 +1066,7 @@ declare const BkSelect: {
|
|
1045
1066
|
enableVirtualRender: boolean;
|
1046
1067
|
allowEmptyValues: unknown[];
|
1047
1068
|
autoFocus: boolean;
|
1069
|
+
disableFocusBehavior: boolean;
|
1048
1070
|
keepSearchValue: boolean;
|
1049
1071
|
searchWithPinyin: boolean;
|
1050
1072
|
}, true, {}, {}, {
|
@@ -1336,6 +1358,11 @@ declare const BkSelect: {
|
|
1336
1358
|
} & {
|
1337
1359
|
default: boolean;
|
1338
1360
|
};
|
1361
|
+
disableFocusBehavior: import("vue-types").VueTypeValidableDef<boolean> & {
|
1362
|
+
default: boolean;
|
1363
|
+
} & {
|
1364
|
+
default: boolean;
|
1365
|
+
};
|
1339
1366
|
keepSearchValue: import("vue-types").VueTypeValidableDef<boolean> & {
|
1340
1367
|
default: boolean;
|
1341
1368
|
} & {
|
@@ -1431,6 +1458,9 @@ declare const BkSelect: {
|
|
1431
1458
|
} & {
|
1432
1459
|
default: boolean;
|
1433
1460
|
};
|
1461
|
+
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
1462
|
+
default: "normal" | "simplicity";
|
1463
|
+
};
|
1434
1464
|
}>> & {
|
1435
1465
|
onKeydown?: (...args: any[]) => any;
|
1436
1466
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -1485,6 +1515,9 @@ declare const BkSelect: {
|
|
1485
1515
|
} & {
|
1486
1516
|
default: boolean;
|
1487
1517
|
};
|
1518
|
+
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
1519
|
+
default: "normal" | "simplicity";
|
1520
|
+
};
|
1488
1521
|
}>> & {
|
1489
1522
|
onKeydown?: (...args: any[]) => any;
|
1490
1523
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -1494,6 +1527,7 @@ declare const BkSelect: {
|
|
1494
1527
|
disabled: boolean;
|
1495
1528
|
placeholder: string;
|
1496
1529
|
tagTheme: "" | "info" | "success" | "warning" | "danger";
|
1530
|
+
behavior: "normal" | "simplicity";
|
1497
1531
|
selected: import("./type").ISelected[];
|
1498
1532
|
filterable: boolean;
|
1499
1533
|
allowCreate: boolean;
|
@@ -1539,6 +1573,9 @@ declare const BkSelect: {
|
|
1539
1573
|
} & {
|
1540
1574
|
default: boolean;
|
1541
1575
|
};
|
1576
|
+
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
1577
|
+
default: "normal" | "simplicity";
|
1578
|
+
};
|
1542
1579
|
}>> & {
|
1543
1580
|
onKeydown?: (...args: any[]) => any;
|
1544
1581
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -1563,6 +1600,7 @@ declare const BkSelect: {
|
|
1563
1600
|
disabled: boolean;
|
1564
1601
|
placeholder: string;
|
1565
1602
|
tagTheme: "" | "info" | "success" | "warning" | "danger";
|
1603
|
+
behavior: "normal" | "simplicity";
|
1566
1604
|
selected: import("./type").ISelected[];
|
1567
1605
|
filterable: boolean;
|
1568
1606
|
allowCreate: boolean;
|
@@ -1780,6 +1818,7 @@ declare const BkSelect: {
|
|
1780
1818
|
enableVirtualRender: boolean;
|
1781
1819
|
allowEmptyValues: unknown[];
|
1782
1820
|
autoFocus: boolean;
|
1821
|
+
disableFocusBehavior: boolean;
|
1783
1822
|
keepSearchValue: boolean;
|
1784
1823
|
searchWithPinyin: boolean;
|
1785
1824
|
}>;
|
@@ -2068,6 +2107,11 @@ declare const BkSelect: {
|
|
2068
2107
|
} & {
|
2069
2108
|
default: boolean;
|
2070
2109
|
};
|
2110
|
+
disableFocusBehavior: import("vue-types").VueTypeValidableDef<boolean> & {
|
2111
|
+
default: boolean;
|
2112
|
+
} & {
|
2113
|
+
default: boolean;
|
2114
|
+
};
|
2071
2115
|
keepSearchValue: import("vue-types").VueTypeValidableDef<boolean> & {
|
2072
2116
|
default: boolean;
|
2073
2117
|
} & {
|
@@ -2163,6 +2207,9 @@ declare const BkSelect: {
|
|
2163
2207
|
} & {
|
2164
2208
|
default: boolean;
|
2165
2209
|
};
|
2210
|
+
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
2211
|
+
default: "normal" | "simplicity";
|
2212
|
+
};
|
2166
2213
|
}>> & {
|
2167
2214
|
onKeydown?: (...args: any[]) => any;
|
2168
2215
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -2217,6 +2264,9 @@ declare const BkSelect: {
|
|
2217
2264
|
} & {
|
2218
2265
|
default: boolean;
|
2219
2266
|
};
|
2267
|
+
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
2268
|
+
default: "normal" | "simplicity";
|
2269
|
+
};
|
2220
2270
|
}>> & {
|
2221
2271
|
onKeydown?: (...args: any[]) => any;
|
2222
2272
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -2226,6 +2276,7 @@ declare const BkSelect: {
|
|
2226
2276
|
disabled: boolean;
|
2227
2277
|
placeholder: string;
|
2228
2278
|
tagTheme: "" | "info" | "success" | "warning" | "danger";
|
2279
|
+
behavior: "normal" | "simplicity";
|
2229
2280
|
selected: import("./type").ISelected[];
|
2230
2281
|
filterable: boolean;
|
2231
2282
|
allowCreate: boolean;
|
@@ -2271,6 +2322,9 @@ declare const BkSelect: {
|
|
2271
2322
|
} & {
|
2272
2323
|
default: boolean;
|
2273
2324
|
};
|
2325
|
+
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
2326
|
+
default: "normal" | "simplicity";
|
2327
|
+
};
|
2274
2328
|
}>> & {
|
2275
2329
|
onKeydown?: (...args: any[]) => any;
|
2276
2330
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -2295,6 +2349,7 @@ declare const BkSelect: {
|
|
2295
2349
|
disabled: boolean;
|
2296
2350
|
placeholder: string;
|
2297
2351
|
tagTheme: "" | "info" | "success" | "warning" | "danger";
|
2352
|
+
behavior: "normal" | "simplicity";
|
2298
2353
|
selected: import("./type").ISelected[];
|
2299
2354
|
filterable: boolean;
|
2300
2355
|
allowCreate: boolean;
|
@@ -2512,6 +2567,7 @@ declare const BkSelect: {
|
|
2512
2567
|
enableVirtualRender: boolean;
|
2513
2568
|
allowEmptyValues: unknown[];
|
2514
2569
|
autoFocus: boolean;
|
2570
|
+
disableFocusBehavior: boolean;
|
2515
2571
|
keepSearchValue: boolean;
|
2516
2572
|
searchWithPinyin: boolean;
|
2517
2573
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
|
package/lib/select/index.js
CHANGED
@@ -2362,7 +2362,8 @@ const tag_less_namespaceObject = tag_less_x({ });
|
|
2362
2362
|
allowCreate: shared_namespaceObject.PropTypes.bool.def(false),
|
2363
2363
|
disabled: shared_namespaceObject.PropTypes.bool.def(false),
|
2364
2364
|
modelValue: shared_namespaceObject.PropTypes.any,
|
2365
|
-
collapseTags: shared_namespaceObject.PropTypes.bool.def(false)
|
2365
|
+
collapseTags: shared_namespaceObject.PropTypes.bool.def(false),
|
2366
|
+
behavior: (0,shared_namespaceObject.InputBehaviorType)()
|
2366
2367
|
},
|
2367
2368
|
emits: ['update:modelValue', 'remove', 'enter', 'keydown'],
|
2368
2369
|
setup: function setup(props, _ref) {
|
@@ -2487,7 +2488,7 @@ const tag_less_namespaceObject = tag_less_x({ });
|
|
2487
2488
|
_this$$slots4,
|
2488
2489
|
_this$$slots4$suffix;
|
2489
2490
|
var prefix = (_this$$slots = this.$slots) === null || _this$$slots === void 0 || (_this$$slots$prefix = _this$$slots.prefix) === null || _this$$slots$prefix === void 0 ? void 0 : _this$$slots$prefix.call(_this$$slots);
|
2490
|
-
var selectTagClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, this.resolveClassName('select-tag'), true), this.resolveClassName('select-tag--default'), true), 'is-disabled', this.disabled), 'collapse-tag', this.collapseTags), 'has-prefix', !!prefix));
|
2491
|
+
var selectTagClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, this.resolveClassName('select-tag'), true), this.resolveClassName('select-tag--default'), true), 'is-disabled', this.disabled), 'collapse-tag', this.collapseTags), 'has-prefix', !!prefix), 'is-simplicity', this.behavior === 'simplicity'));
|
2491
2492
|
var tagWrapperClass = (0,shared_namespaceObject.classes)(_defineProperty({}, this.resolveClassName('select-tag-wrapper'), true));
|
2492
2493
|
var inputStyle = {
|
2493
2494
|
display: this.selected.length && !this.filterable ? 'none' : ''
|
@@ -2644,6 +2645,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2644
2645
|
enableVirtualRender: shared_namespaceObject.PropTypes.bool.def(false),
|
2645
2646
|
allowEmptyValues: shared_namespaceObject.PropTypes.array.def([]),
|
2646
2647
|
autoFocus: shared_namespaceObject.PropTypes.bool.def(false),
|
2648
|
+
disableFocusBehavior: shared_namespaceObject.PropTypes.bool.def(false),
|
2647
2649
|
keepSearchValue: shared_namespaceObject.PropTypes.bool.def(false),
|
2648
2650
|
prefix: shared_namespaceObject.PropTypes.string,
|
2649
2651
|
selectedStyle: (0,shared_namespaceObject.SelectedType)(),
|
@@ -2690,7 +2692,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2690
2692
|
selectedStyle = _toRefs.selectedStyle,
|
2691
2693
|
filterOption = _toRefs.filterOption,
|
2692
2694
|
searchWithPinyin = _toRefs.searchWithPinyin,
|
2693
|
-
highlightKeyword = _toRefs.highlightKeyword
|
2695
|
+
highlightKeyword = _toRefs.highlightKeyword,
|
2696
|
+
disableFocusBehavior = _toRefs.disableFocusBehavior;
|
2694
2697
|
var localNoDataText = (0,external_vue_namespaceObject.computed)(function () {
|
2695
2698
|
if (props.noDataText === undefined) {
|
2696
2699
|
return t.value.noData;
|
@@ -3092,6 +3095,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3092
3095
|
};
|
3093
3096
|
// 聚焦输入框
|
3094
3097
|
var focusInput = function focusInput() {
|
3098
|
+
if (disableFocusBehavior.value) return;
|
3095
3099
|
setTimeout(function () {
|
3096
3100
|
if (!inputSearch.value && !allowCreate.value) {
|
3097
3101
|
var _searchRef$value;
|
@@ -3474,6 +3478,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3474
3478
|
"placeholder": _this.localPlaceholder,
|
3475
3479
|
"filterable": _this.isInput,
|
3476
3480
|
"disabled": _this.isDisabled,
|
3481
|
+
"behavior": _this.behavior,
|
3477
3482
|
"onRemove": _this.handleDeleteTag,
|
3478
3483
|
"collapseTags": _this.isCollapseTags,
|
3479
3484
|
"onEnter": _this.handleCreateCustomOption
|
package/lib/select/select.css
CHANGED
@@ -34,21 +34,24 @@
|
|
34
34
|
.bk-select.large .bk-select-content-wrapper {
|
35
35
|
font-size: 14px;
|
36
36
|
}
|
37
|
-
.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag
|
37
|
+
.bk-select.is-focus:not(.is-disabled).normal .bk-select-trigger .bk-select-tag {
|
38
38
|
border-color: #3a84ff;
|
39
39
|
box-shadow: 0px 0px 3px 0px #a3c5fd;
|
40
40
|
}
|
41
|
-
.bk-select.is-focus .bk-
|
41
|
+
.bk-select.is-focus:not(.is-disabled).simplicity .bk-select-trigger .bk-select-tag {
|
42
|
+
border-bottom-color: #3a84ff;
|
43
|
+
}
|
44
|
+
.bk-select.is-focus .bk-input {
|
42
45
|
border-color: #3a84ff;
|
43
46
|
outline: 0;
|
44
47
|
box-shadow: 0px 0px 3px 0px #a3c5fd;
|
45
48
|
}
|
46
|
-
.bk-select.is-focus .bk-input
|
49
|
+
.bk-select.is-focus .bk-input.is-simplicity {
|
47
50
|
border-color: transparent;
|
48
51
|
border-bottom-color: #3a84ff;
|
49
52
|
box-shadow: none;
|
50
53
|
}
|
51
|
-
.bk-select.is-focus .bk-input
|
54
|
+
.bk-select.is-focus .bk-input.is-simplicity .bk-input--text {
|
52
55
|
background-color: #f5f7fa;
|
53
56
|
}
|
54
57
|
.bk-select.popover-show .bk-select-trigger .angle-up {
|
@@ -108,6 +111,17 @@
|
|
108
111
|
.bk-select .bk-select-trigger .bk-select-tag::placeholder {
|
109
112
|
color: #c4c6cc;
|
110
113
|
}
|
114
|
+
.bk-select .bk-select-trigger .bk-select-tag.is-simplicity {
|
115
|
+
background-color: transparent;
|
116
|
+
border-color: transparent;
|
117
|
+
border-bottom-color: #c4c6cc;
|
118
|
+
}
|
119
|
+
.bk-select .bk-select-trigger .bk-select-tag.is-simplicity:hover {
|
120
|
+
background-color: #f5f7fa;
|
121
|
+
border-color: transparent;
|
122
|
+
border-bottom-color: #c4c6cc;
|
123
|
+
box-shadow: none;
|
124
|
+
}
|
111
125
|
.bk-select .bk-select-trigger .bk-select-tag.has-prefix {
|
112
126
|
padding-left: 0;
|
113
127
|
}
|
@@ -129,7 +143,7 @@
|
|
129
143
|
min-height: 32px;
|
130
144
|
flex-wrap: wrap;
|
131
145
|
}
|
132
|
-
.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover {
|
146
|
+
.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled,.is-simplicity):hover {
|
133
147
|
border-color: #979ba5;
|
134
148
|
}
|
135
149
|
.bk-select .bk-select-trigger .bk-select-tag.is-disabled {
|
package/lib/select/select.d.ts
CHANGED
@@ -282,6 +282,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
282
282
|
} & {
|
283
283
|
default: boolean;
|
284
284
|
};
|
285
|
+
disableFocusBehavior: import("vue-types").VueTypeValidableDef<boolean> & {
|
286
|
+
default: boolean;
|
287
|
+
} & {
|
288
|
+
default: boolean;
|
289
|
+
};
|
285
290
|
keepSearchValue: import("vue-types").VueTypeValidableDef<boolean> & {
|
286
291
|
default: boolean;
|
287
292
|
} & {
|
@@ -365,6 +370,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
365
370
|
} & {
|
366
371
|
default: boolean;
|
367
372
|
};
|
373
|
+
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
374
|
+
default: "normal" | "simplicity";
|
375
|
+
};
|
368
376
|
}>> & {
|
369
377
|
onKeydown?: (...args: any[]) => any;
|
370
378
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -419,6 +427,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
419
427
|
} & {
|
420
428
|
default: boolean;
|
421
429
|
};
|
430
|
+
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
431
|
+
default: "normal" | "simplicity";
|
432
|
+
};
|
422
433
|
}>> & {
|
423
434
|
onKeydown?: (...args: any[]) => any;
|
424
435
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -428,6 +439,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
428
439
|
disabled: boolean;
|
429
440
|
placeholder: string;
|
430
441
|
tagTheme: "" | "info" | "success" | "warning" | "danger";
|
442
|
+
behavior: "normal" | "simplicity";
|
431
443
|
selected: ISelected[];
|
432
444
|
filterable: boolean;
|
433
445
|
allowCreate: boolean;
|
@@ -473,6 +485,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
473
485
|
} & {
|
474
486
|
default: boolean;
|
475
487
|
};
|
488
|
+
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
489
|
+
default: "normal" | "simplicity";
|
490
|
+
};
|
476
491
|
}>> & {
|
477
492
|
onKeydown?: (...args: any[]) => any;
|
478
493
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -497,6 +512,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
497
512
|
disabled: boolean;
|
498
513
|
placeholder: string;
|
499
514
|
tagTheme: "" | "info" | "success" | "warning" | "danger";
|
515
|
+
behavior: "normal" | "simplicity";
|
500
516
|
selected: ISelected[];
|
501
517
|
filterable: boolean;
|
502
518
|
allowCreate: boolean;
|
@@ -957,6 +973,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
957
973
|
} & {
|
958
974
|
default: boolean;
|
959
975
|
};
|
976
|
+
disableFocusBehavior: import("vue-types").VueTypeValidableDef<boolean> & {
|
977
|
+
default: boolean;
|
978
|
+
} & {
|
979
|
+
default: boolean;
|
980
|
+
};
|
960
981
|
keepSearchValue: import("vue-types").VueTypeValidableDef<boolean> & {
|
961
982
|
default: boolean;
|
962
983
|
} & {
|
@@ -1032,6 +1053,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
1032
1053
|
enableVirtualRender: boolean;
|
1033
1054
|
allowEmptyValues: unknown[];
|
1034
1055
|
autoFocus: boolean;
|
1056
|
+
disableFocusBehavior: boolean;
|
1035
1057
|
keepSearchValue: boolean;
|
1036
1058
|
searchWithPinyin: boolean;
|
1037
1059
|
}, {}>;
|
package/lib/select/select.less
CHANGED
@@ -96,14 +96,21 @@
|
|
96
96
|
}
|
97
97
|
}
|
98
98
|
|
99
|
-
&.is-focus.
|
100
|
-
|
101
|
-
|
102
|
-
|
99
|
+
&.is-focus:not(.is-disabled) {
|
100
|
+
&.normal {
|
101
|
+
.@{bk-prefix}-select-trigger .@{bk-prefix}-select-tag {
|
102
|
+
border-color: @primary-color;
|
103
|
+
box-shadow: 0px 0px 3px 0px #a3c5fd;
|
104
|
+
}
|
105
|
+
}
|
106
|
+
&.simplicity {
|
107
|
+
.@{bk-prefix}-select-trigger .@{bk-prefix}-select-tag {
|
108
|
+
border-bottom-color: @primary-color;
|
109
|
+
}
|
103
110
|
}
|
104
111
|
}
|
105
112
|
|
106
|
-
&.is-focus .@{bk-prefix}-input
|
113
|
+
&.is-focus .@{bk-prefix}-input {
|
107
114
|
border-color: @primary-color;
|
108
115
|
outline: 0;
|
109
116
|
box-shadow: 0px 0px 3px 0px @input-shadow-color;
|
@@ -164,6 +171,19 @@
|
|
164
171
|
width: auto;
|
165
172
|
align-items: center;
|
166
173
|
|
174
|
+
&.is-simplicity {
|
175
|
+
background-color: transparent;
|
176
|
+
border-color: transparent;
|
177
|
+
border-bottom-color: @input-border-color;
|
178
|
+
|
179
|
+
&:hover {
|
180
|
+
background-color: @input-block-color;
|
181
|
+
border-color: transparent;
|
182
|
+
border-bottom-color: @light-gray;
|
183
|
+
box-shadow: none;
|
184
|
+
}
|
185
|
+
}
|
186
|
+
|
167
187
|
&.has-prefix {
|
168
188
|
padding-left: 0;
|
169
189
|
}
|
@@ -189,7 +209,7 @@
|
|
189
209
|
flex-wrap: wrap;
|
190
210
|
}
|
191
211
|
|
192
|
-
&:not(.is-disabled):hover {
|
212
|
+
&:not(.is-disabled,.is-simplicity):hover {
|
193
213
|
border-color: #979ba5;
|
194
214
|
}
|
195
215
|
|
@@ -163,21 +163,24 @@
|
|
163
163
|
.bk-select.large .bk-select-content-wrapper {
|
164
164
|
font-size: 14px;
|
165
165
|
}
|
166
|
-
.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag
|
166
|
+
.bk-select.is-focus:not(.is-disabled).normal .bk-select-trigger .bk-select-tag {
|
167
167
|
border-color: #3a84ff;
|
168
168
|
box-shadow: 0px 0px 3px 0px #a3c5fd;
|
169
169
|
}
|
170
|
-
.bk-select.is-focus .bk-
|
170
|
+
.bk-select.is-focus:not(.is-disabled).simplicity .bk-select-trigger .bk-select-tag {
|
171
|
+
border-bottom-color: #3a84ff;
|
172
|
+
}
|
173
|
+
.bk-select.is-focus .bk-input {
|
171
174
|
border-color: #3a84ff;
|
172
175
|
outline: 0;
|
173
176
|
box-shadow: 0px 0px 3px 0px #a3c5fd;
|
174
177
|
}
|
175
|
-
.bk-select.is-focus .bk-input
|
178
|
+
.bk-select.is-focus .bk-input.is-simplicity {
|
176
179
|
border-color: transparent;
|
177
180
|
border-bottom-color: #3a84ff;
|
178
181
|
box-shadow: none;
|
179
182
|
}
|
180
|
-
.bk-select.is-focus .bk-input
|
183
|
+
.bk-select.is-focus .bk-input.is-simplicity .bk-input--text {
|
181
184
|
background-color: #f5f7fa;
|
182
185
|
}
|
183
186
|
.bk-select.popover-show .bk-select-trigger .angle-up {
|
@@ -237,6 +240,17 @@
|
|
237
240
|
.bk-select .bk-select-trigger .bk-select-tag::placeholder {
|
238
241
|
color: #c4c6cc;
|
239
242
|
}
|
243
|
+
.bk-select .bk-select-trigger .bk-select-tag.is-simplicity {
|
244
|
+
background-color: transparent;
|
245
|
+
border-color: transparent;
|
246
|
+
border-bottom-color: #c4c6cc;
|
247
|
+
}
|
248
|
+
.bk-select .bk-select-trigger .bk-select-tag.is-simplicity:hover {
|
249
|
+
background-color: #f5f7fa;
|
250
|
+
border-color: transparent;
|
251
|
+
border-bottom-color: #c4c6cc;
|
252
|
+
box-shadow: none;
|
253
|
+
}
|
240
254
|
.bk-select .bk-select-trigger .bk-select-tag.has-prefix {
|
241
255
|
padding-left: 0;
|
242
256
|
}
|
@@ -258,7 +272,7 @@
|
|
258
272
|
min-height: 32px;
|
259
273
|
flex-wrap: wrap;
|
260
274
|
}
|
261
|
-
.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover {
|
275
|
+
.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled,.is-simplicity):hover {
|
262
276
|
border-color: #979ba5;
|
263
277
|
}
|
264
278
|
.bk-select .bk-select-trigger .bk-select-tag.is-disabled {
|
@@ -34,6 +34,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
34
34
|
} & {
|
35
35
|
default: boolean;
|
36
36
|
};
|
37
|
+
behavior: import("vue-types/dist/types").VueTypeDef<"normal" | "simplicity"> & {
|
38
|
+
default: "normal" | "simplicity";
|
39
|
+
};
|
37
40
|
}, {
|
38
41
|
collapseTagRef: import("vue").Ref<any>;
|
39
42
|
tagWrapperRef: import("vue").Ref<any>;
|
@@ -83,6 +86,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
83
86
|
} & {
|
84
87
|
default: boolean;
|
85
88
|
};
|
89
|
+
behavior: import("vue-types/dist/types").VueTypeDef<"normal" | "simplicity"> & {
|
90
|
+
default: "normal" | "simplicity";
|
91
|
+
};
|
86
92
|
}>> & {
|
87
93
|
onKeydown?: (...args: any[]) => any;
|
88
94
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -92,6 +98,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
92
98
|
disabled: boolean;
|
93
99
|
placeholder: string;
|
94
100
|
tagTheme: "" | "info" | "success" | "warning" | "danger";
|
101
|
+
behavior: "normal" | "simplicity";
|
95
102
|
selected: ISelected[];
|
96
103
|
filterable: boolean;
|
97
104
|
allowCreate: boolean;
|
@@ -24,7 +24,7 @@
|
|
24
24
|
&.is-fixed {
|
25
25
|
.@{bk-prefix}-sideslider-footer {
|
26
26
|
height: 54px;
|
27
|
-
margin: 0
|
27
|
+
margin: 0;
|
28
28
|
border-top: 1px solid transparent;
|
29
29
|
box-shadow: rgb(0 0 0 / 6%) 0 -2px 4px 0;
|
30
30
|
}
|
@@ -98,11 +98,8 @@
|
|
98
98
|
}
|
99
99
|
}
|
100
100
|
|
101
|
-
.@{bk-prefix}-sideslider-content {
|
102
|
-
|
103
|
-
padding-left: 24px;
|
104
|
-
overflow-y: scroll;
|
105
|
-
}
|
101
|
+
// .@{bk-prefix}-sideslider-content {
|
102
|
+
// }
|
106
103
|
|
107
104
|
.@{bk-prefix}-sideslider-footer {
|
108
105
|
display: flex;
|
@@ -121,27 +118,27 @@
|
|
121
118
|
.slide-leave-active,
|
122
119
|
.@{bk-prefix}-modal-body {
|
123
120
|
transform: translateX(0);
|
124
|
-
transition: transform .25s;
|
121
|
+
transition: transform 0.25s;
|
125
122
|
}
|
126
123
|
|
127
124
|
.slide-enter-active {
|
128
|
-
animation: slider-fade-in .25s;
|
125
|
+
animation: slider-fade-in 0.25s;
|
129
126
|
}
|
130
127
|
|
131
128
|
.slide-leave-active {
|
132
|
-
animation: slider-fade-in .25s reverse;
|
129
|
+
animation: slider-fade-in 0.25s reverse;
|
133
130
|
}
|
134
131
|
|
135
132
|
.slide-enter-from,
|
136
133
|
.slide-leave-to {
|
137
134
|
&.left {
|
138
135
|
transform: translateX(-100%);
|
139
|
-
transition: transform .25s;
|
136
|
+
transition: transform 0.25s;
|
140
137
|
}
|
141
138
|
|
142
139
|
&.right {
|
143
140
|
transform: translateX(100%);
|
144
|
-
transition: transform .25s;
|
141
|
+
transition: transform 0.25s;
|
145
142
|
}
|
146
143
|
}
|
147
144
|
|
@@ -154,6 +151,3 @@
|
|
154
151
|
opacity: 1;
|
155
152
|
}
|
156
153
|
}
|
157
|
-
|
158
|
-
|
159
|
-
|