bkui-vue 2.0.1-beta.72 → 2.0.1-beta.72.fix.2
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 +42 -42
- package/dist/index.esm.js +12856 -12942
- package/dist/index.umd.js +42 -42
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/color-picker/color-picker.d.ts +0 -16
- package/lib/color-picker/index.d.ts +0 -23
- package/lib/color-picker/index.js +1 -8
- package/lib/dialog/dialog.d.ts +6 -6
- package/lib/dialog/index.d.ts +12 -12
- package/lib/dialog/index.js +1 -3
- package/lib/dialog/props.d.ts +3 -3
- package/lib/index.js +1 -1
- package/lib/input/index.js +521 -42
- package/lib/input/input.css +1 -23
- package/lib/input/input.less +1 -30
- package/lib/input/input.variable.css +1 -23
- package/lib/modal/index.js +21 -54
- package/lib/plugin-popover/index.js +1 -2
- package/lib/popover/index.js +1 -2
- package/lib/resize-layout/index.js +0 -4
- package/lib/search-select/index.d.ts +6 -60
- package/lib/search-select/index.js +89 -201
- package/lib/search-select/input.d.ts +2 -12
- package/lib/search-select/menu.d.ts +0 -12
- package/lib/search-select/search-select.css +1 -0
- package/lib/search-select/search-select.d.ts +4 -18
- package/lib/search-select/search-select.less +1 -1
- package/lib/search-select/search-select.variable.css +1 -0
- package/lib/search-select/selected.d.ts +0 -23
- package/lib/select/index.d.ts +26 -0
- package/lib/select/index.js +17 -10
- package/lib/select/select.d.ts +12 -0
- package/lib/tab/index.d.ts +0 -22
- package/lib/tab/index.js +10 -32
- package/lib/tab/props.d.ts +0 -10
- package/lib/tab/tab-nav.d.ts +2 -12
- package/lib/tab/tab-panel.d.ts +0 -22
- package/lib/tab/tab.css +0 -64
- package/lib/tab/tab.less +4 -91
- package/lib/tab/tab.variable.css +0 -64
- package/lib/table/hooks/use-settings.d.ts +0 -2
- package/lib/table/index.js +7 -66
- package/lib/table/props.d.ts +4 -5
- package/lib/table/table.css +0 -6
- package/lib/table/table.less +0 -14
- package/lib/table/table.variable.css +0 -6
- package/lib/table/utils.d.ts +0 -1
- package/lib/tag-input/index.js +1 -3
- package/lib/upload/index.js +9 -31
- package/package.json +1 -1
@@ -13,10 +13,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
13
13
|
type: NumberConstructor;
|
14
14
|
default: number;
|
15
15
|
};
|
16
|
-
maxHeight: {
|
17
|
-
type: NumberConstructor;
|
18
|
-
default: () => number;
|
19
|
-
};
|
20
16
|
conditions: {
|
21
17
|
type: PropType<ICommonItem[]>;
|
22
18
|
default: () => any[];
|
@@ -43,10 +39,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
43
39
|
type: PropType<SearchInputMode>;
|
44
40
|
default: SearchInputMode;
|
45
41
|
};
|
46
|
-
maxHeight: {
|
47
|
-
type: NumberConstructor;
|
48
|
-
default: () => number;
|
49
|
-
};
|
50
42
|
getMenuList: PropType<GetMenuListFunc>;
|
51
43
|
validateValues: PropType<ValidateValuesFunc>;
|
52
44
|
valueBehavior: PropType<ValueBehavior>;
|
@@ -130,10 +122,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
130
122
|
type: PropType<SearchInputMode>;
|
131
123
|
default: SearchInputMode;
|
132
124
|
};
|
133
|
-
maxHeight: {
|
134
|
-
type: NumberConstructor;
|
135
|
-
default: () => number;
|
136
|
-
};
|
137
125
|
getMenuList: PropType<GetMenuListFunc>;
|
138
126
|
validateValues: PropType<ValidateValuesFunc>;
|
139
127
|
valueBehavior: PropType<ValueBehavior>;
|
@@ -143,7 +131,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
143
131
|
onAdd?: (...args: any[]) => any;
|
144
132
|
onSelectKey?: (...args: any[]) => any;
|
145
133
|
}, {
|
146
|
-
maxHeight: number;
|
147
134
|
mode: SearchInputMode;
|
148
135
|
conditions: ICommonItem[];
|
149
136
|
showInputBefore: boolean;
|
@@ -175,10 +162,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
175
162
|
type: PropType<SearchInputMode>;
|
176
163
|
default: SearchInputMode;
|
177
164
|
};
|
178
|
-
maxHeight: {
|
179
|
-
type: NumberConstructor;
|
180
|
-
default: () => number;
|
181
|
-
};
|
182
165
|
getMenuList: PropType<GetMenuListFunc>;
|
183
166
|
validateValues: PropType<ValidateValuesFunc>;
|
184
167
|
valueBehavior: PropType<ValueBehavior>;
|
@@ -245,7 +228,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
245
228
|
logical: string;
|
246
229
|
}>;
|
247
230
|
}, {}, {}, {}, {
|
248
|
-
maxHeight: number;
|
249
231
|
mode: SearchInputMode;
|
250
232
|
conditions: ICommonItem[];
|
251
233
|
showInputBefore: boolean;
|
@@ -272,10 +254,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
272
254
|
type: NumberConstructor;
|
273
255
|
default: number;
|
274
256
|
};
|
275
|
-
maxHeight: {
|
276
|
-
type: NumberConstructor;
|
277
|
-
default: () => number;
|
278
|
-
};
|
279
257
|
conditions: {
|
280
258
|
type: PropType<ICommonItem[]>;
|
281
259
|
default: () => any[];
|
@@ -287,7 +265,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
287
265
|
onDelete?: (...args: any[]) => any;
|
288
266
|
onSelectKey?: (...args: any[]) => any;
|
289
267
|
}, {
|
290
|
-
maxHeight: number;
|
291
268
|
conditions: ICommonItem[];
|
292
269
|
overflowIndex: number;
|
293
270
|
}, {}>;
|
package/lib/select/index.d.ts
CHANGED
@@ -319,6 +319,11 @@ declare const BkSelect: {
|
|
319
319
|
type: import("vue").PropType<"default" | "manual">;
|
320
320
|
default: string;
|
321
321
|
};
|
322
|
+
disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
|
323
|
+
default: boolean;
|
324
|
+
} & {
|
325
|
+
default: boolean;
|
326
|
+
};
|
322
327
|
}>> & {
|
323
328
|
onFocus?: (...args: any[]) => any;
|
324
329
|
onBlur?: (...args: any[]) => any;
|
@@ -356,6 +361,7 @@ declare const BkSelect: {
|
|
356
361
|
triggerRef: import("vue").Ref<HTMLElement>;
|
357
362
|
contentRef: import("vue").Ref<HTMLElement>;
|
358
363
|
searchRef: import("vue").Ref<HTMLElement>;
|
364
|
+
scrollContainerRef: import("vue").Ref<HTMLElement>;
|
359
365
|
selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
|
360
366
|
selected: {
|
361
367
|
type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
|
@@ -1035,6 +1041,11 @@ declare const BkSelect: {
|
|
1035
1041
|
type: import("vue").PropType<"default" | "manual">;
|
1036
1042
|
default: string;
|
1037
1043
|
};
|
1044
|
+
disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
|
1045
|
+
default: boolean;
|
1046
|
+
} & {
|
1047
|
+
default: boolean;
|
1048
|
+
};
|
1038
1049
|
}>> & {
|
1039
1050
|
onFocus?: (...args: any[]) => any;
|
1040
1051
|
onBlur?: (...args: any[]) => any;
|
@@ -1091,6 +1102,7 @@ declare const BkSelect: {
|
|
1091
1102
|
disableFocusBehavior: boolean;
|
1092
1103
|
keepSearchValue: boolean;
|
1093
1104
|
searchWithPinyin: boolean;
|
1105
|
+
disableScrollToSelectedOption: boolean;
|
1094
1106
|
}, true, {}, {}, {
|
1095
1107
|
P: {};
|
1096
1108
|
B: {};
|
@@ -1416,6 +1428,11 @@ declare const BkSelect: {
|
|
1416
1428
|
type: import("vue").PropType<"default" | "manual">;
|
1417
1429
|
default: string;
|
1418
1430
|
};
|
1431
|
+
disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
|
1432
|
+
default: boolean;
|
1433
|
+
} & {
|
1434
|
+
default: boolean;
|
1435
|
+
};
|
1419
1436
|
}>> & {
|
1420
1437
|
onFocus?: (...args: any[]) => any;
|
1421
1438
|
onBlur?: (...args: any[]) => any;
|
@@ -1453,6 +1470,7 @@ declare const BkSelect: {
|
|
1453
1470
|
triggerRef: import("vue").Ref<HTMLElement>;
|
1454
1471
|
contentRef: import("vue").Ref<HTMLElement>;
|
1455
1472
|
searchRef: import("vue").Ref<HTMLElement>;
|
1473
|
+
scrollContainerRef: import("vue").Ref<HTMLElement>;
|
1456
1474
|
selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
|
1457
1475
|
selected: {
|
1458
1476
|
type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
|
@@ -1858,6 +1876,7 @@ declare const BkSelect: {
|
|
1858
1876
|
disableFocusBehavior: boolean;
|
1859
1877
|
keepSearchValue: boolean;
|
1860
1878
|
searchWithPinyin: boolean;
|
1879
|
+
disableScrollToSelectedOption: boolean;
|
1861
1880
|
}>;
|
1862
1881
|
__isFragment?: never;
|
1863
1882
|
__isTeleport?: never;
|
@@ -2180,6 +2199,11 @@ declare const BkSelect: {
|
|
2180
2199
|
type: import("vue").PropType<"default" | "manual">;
|
2181
2200
|
default: string;
|
2182
2201
|
};
|
2202
|
+
disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
|
2203
|
+
default: boolean;
|
2204
|
+
} & {
|
2205
|
+
default: boolean;
|
2206
|
+
};
|
2183
2207
|
}>> & {
|
2184
2208
|
onFocus?: (...args: any[]) => any;
|
2185
2209
|
onBlur?: (...args: any[]) => any;
|
@@ -2217,6 +2241,7 @@ declare const BkSelect: {
|
|
2217
2241
|
triggerRef: import("vue").Ref<HTMLElement>;
|
2218
2242
|
contentRef: import("vue").Ref<HTMLElement>;
|
2219
2243
|
searchRef: import("vue").Ref<HTMLElement>;
|
2244
|
+
scrollContainerRef: import("vue").Ref<HTMLElement>;
|
2220
2245
|
selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
|
2221
2246
|
selected: {
|
2222
2247
|
type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
|
@@ -2622,6 +2647,7 @@ declare const BkSelect: {
|
|
2622
2647
|
disableFocusBehavior: boolean;
|
2623
2648
|
keepSearchValue: boolean;
|
2624
2649
|
searchWithPinyin: boolean;
|
2650
|
+
disableScrollToSelectedOption: boolean;
|
2625
2651
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
|
2626
2652
|
Option: import("vue").DefineComponent<{
|
2627
2653
|
id: {
|
package/lib/select/index.js
CHANGED
@@ -2509,6 +2509,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
|
|
2509
2509
|
}, [(_this$$slots$default = (_this$$slots$default2 = (_this$$slots3 = this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots3)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : this.selected.map(function (item, index) {
|
2510
2510
|
var _this$$slots$tagRende, _this$$slots$tagRende2, _this$$slots4, _this$select;
|
2511
2511
|
return (0,external_vue_namespaceObject.createVNode)(tag_namespaceObject["default"], {
|
2512
|
+
"key": item.value,
|
2512
2513
|
"ref": function ref(el) {
|
2513
2514
|
return _this.tagsRefs[index] = el;
|
2514
2515
|
},
|
@@ -2517,7 +2518,6 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
|
|
2517
2518
|
},
|
2518
2519
|
"theme": _this.tagTheme,
|
2519
2520
|
"closable": true,
|
2520
|
-
"key": item.value,
|
2521
2521
|
"onClose": function onClose() {
|
2522
2522
|
return _this.handleRemoveTag(item.value);
|
2523
2523
|
}
|
@@ -2628,7 +2628,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2628
2628
|
size: shared_namespaceObject.PropTypes.size().def(shared_namespaceObject.SizeEnum.DEFAULT),
|
2629
2629
|
clearable: shared_namespaceObject.PropTypes.bool.def(true),
|
2630
2630
|
loading: shared_namespaceObject.PropTypes.bool.def(false),
|
2631
|
-
filterable: shared_namespaceObject.PropTypes.bool.def(
|
2631
|
+
filterable: shared_namespaceObject.PropTypes.bool.def(false),
|
2632
2632
|
remoteMethod: shared_namespaceObject.PropTypes.func,
|
2633
2633
|
scrollHeight: shared_namespaceObject.PropTypes.number.def(204),
|
2634
2634
|
minHeight: shared_namespaceObject.PropTypes.number,
|
@@ -2673,7 +2673,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2673
2673
|
trigger: {
|
2674
2674
|
type: String,
|
2675
2675
|
"default": 'default'
|
2676
|
-
}
|
2676
|
+
},
|
2677
|
+
disableScrollToSelectedOption: shared_namespaceObject.PropTypes.bool.def(false) // 是否禁用滚动到选中option的功能
|
2677
2678
|
},
|
2678
2679
|
emits: ['update:modelValue', 'change', 'toggle', 'clear', 'scroll-end', 'focus', 'blur', 'tag-remove', 'select', 'deselect', 'search-change'],
|
2679
2680
|
setup: function setup(props, _ref) {
|
@@ -2714,7 +2715,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2714
2715
|
searchWithPinyin = _toRefs.searchWithPinyin,
|
2715
2716
|
highlightKeyword = _toRefs.highlightKeyword,
|
2716
2717
|
disableFocusBehavior = _toRefs.disableFocusBehavior,
|
2717
|
-
trigger = _toRefs.trigger
|
2718
|
+
trigger = _toRefs.trigger,
|
2719
|
+
disableScrollToSelectedOption = _toRefs.disableScrollToSelectedOption;
|
2718
2720
|
var virtualRenderRef = (0,external_vue_namespaceObject.ref)(null);
|
2719
2721
|
var localNoDataText = (0,external_vue_namespaceObject.computed)(function () {
|
2720
2722
|
if (props.noDataText === undefined) {
|
@@ -2757,6 +2759,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2757
2759
|
var triggerRef = (0,external_vue_namespaceObject.ref)();
|
2758
2760
|
var contentRef = (0,external_vue_namespaceObject.ref)();
|
2759
2761
|
var searchRef = (0,external_vue_namespaceObject.ref)();
|
2762
|
+
var scrollContainerRef = (0,external_vue_namespaceObject.ref)();
|
2760
2763
|
var selectTagInputRef = (0,external_vue_namespaceObject.ref)();
|
2761
2764
|
var popoverRef = (0,external_vue_namespaceObject.ref)();
|
2762
2765
|
var optionsMap = (0,external_vue_namespaceObject.ref)(new Map());
|
@@ -2767,11 +2770,11 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2767
2770
|
});
|
2768
2771
|
var groupsMap = (0,external_vue_namespaceObject.ref)(new Map());
|
2769
2772
|
var selected = (0,external_vue_namespaceObject.ref)([]);
|
2770
|
-
var
|
2773
|
+
var selectedCacheMap = (0,external_vue_namespaceObject.computed)(function () {
|
2771
2774
|
return selected.value.reduce(function (pre, item) {
|
2772
2775
|
pre[item.value] = item.label;
|
2773
2776
|
return pre;
|
2774
|
-
}, {});
|
2777
|
+
}, _defineProperty({}, "".concat(allOptionId.value), t.value.all));
|
2775
2778
|
});
|
2776
2779
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
2777
2780
|
var activeOptionValue = (0,external_vue_namespaceObject.ref)(); // 当前悬浮的option
|
@@ -2977,11 +2980,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2977
2980
|
// 滚动到当前选中的options中
|
2978
2981
|
var scrollActiveOptionIntoView = function scrollActiveOptionIntoView() {
|
2979
2982
|
var _contentRef$value, _contentRef$value$que, _optionsDom$;
|
2980
|
-
if (isEnableVirtualRender.value) return;
|
2983
|
+
if (isEnableVirtualRender.value || disableScrollToSelectedOption.value) return;
|
2981
2984
|
var optionsDom = (_contentRef$value = contentRef.value) === null || _contentRef$value === void 0 || (_contentRef$value$que = _contentRef$value.querySelectorAll) === null || _contentRef$value$que === void 0 ? void 0 : _contentRef$value$que.call(_contentRef$value, '.is-selected');
|
2982
2985
|
optionsDom === null || optionsDom === void 0 || (_optionsDom$ = optionsDom[0]) === null || _optionsDom$ === void 0 || _optionsDom$.scrollIntoView({
|
2983
2986
|
block: 'center'
|
2984
|
-
// behavior: 'smooth',
|
2985
2987
|
});
|
2986
2988
|
};
|
2987
2989
|
// 初始化当前悬浮的option项
|
@@ -3042,6 +3044,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3042
3044
|
searchLoading = _useRemoteSearch.searchLoading;
|
3043
3045
|
// 派发search change事件
|
3044
3046
|
(0,external_vue_namespaceObject.watch)(searchValue, function () {
|
3047
|
+
scrollContainerRef.value.scrollTop = 0;
|
3045
3048
|
emit('search-change', searchValue.value);
|
3046
3049
|
});
|
3047
3050
|
// 派发change事件
|
@@ -3049,6 +3052,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3049
3052
|
if (val === modelValue.value) return;
|
3050
3053
|
emit('update:modelValue', val, modelValue.value);
|
3051
3054
|
emit('change', val, modelValue.value);
|
3055
|
+
// 重置Selected 以model-value为主
|
3056
|
+
handleSetSelectedData();
|
3052
3057
|
};
|
3053
3058
|
// 派发toggle事件
|
3054
3059
|
var handleTogglePopover = function handleTogglePopover() {
|
@@ -3264,7 +3269,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3264
3269
|
emit('tag-remove', val);
|
3265
3270
|
}
|
3266
3271
|
};
|
3267
|
-
//
|
3272
|
+
// 优先级: option name属性 > list模式 > 上一次选择的label > 当前值
|
3268
3273
|
var handleGetLabelByValue = function handleGetLabelByValue(value) {
|
3269
3274
|
var _optionsMap$value2;
|
3270
3275
|
// 处理options value为对象类型,引用类型变更后,回显不对问题
|
@@ -3286,7 +3291,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3286
3291
|
_iterator.f();
|
3287
3292
|
}
|
3288
3293
|
}
|
3289
|
-
return ((_optionsMap$value2 = optionsMap.value) === null || _optionsMap$value2 === void 0 || (_optionsMap$value2 = _optionsMap$value2.get(tmpValue)) === null || _optionsMap$value2 === void 0 ? void 0 : _optionsMap$value2.optionName) || listMap.value[tmpValue] ||
|
3294
|
+
return ((_optionsMap$value2 = optionsMap.value) === null || _optionsMap$value2 === void 0 || (_optionsMap$value2 = _optionsMap$value2.get(tmpValue)) === null || _optionsMap$value2 === void 0 ? void 0 : _optionsMap$value2.optionName) || listMap.value[tmpValue] || selectedCacheMap.value[tmpValue] || tmpValue;
|
3290
3295
|
};
|
3291
3296
|
// 设置selected选项
|
3292
3297
|
var handleSetSelectedData = function handleSetSelectedData() {
|
@@ -3418,6 +3423,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3418
3423
|
triggerRef: triggerRef,
|
3419
3424
|
contentRef: contentRef,
|
3420
3425
|
searchRef: searchRef,
|
3426
|
+
scrollContainerRef: scrollContainerRef,
|
3421
3427
|
selectTagInputRef: selectTagInputRef,
|
3422
3428
|
popoverRef: popoverRef,
|
3423
3429
|
searchLoading: searchLoading,
|
@@ -3695,6 +3701,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3695
3701
|
}, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.curContentText])]), (0,external_vue_namespaceObject.createVNode)("div", {
|
3696
3702
|
"class": _this.resolveClassName('select-content')
|
3697
3703
|
}, [(0,external_vue_namespaceObject.createVNode)("div", {
|
3704
|
+
"ref": "scrollContainerRef",
|
3698
3705
|
"style": {
|
3699
3706
|
maxHeight: "".concat(_this.scrollHeight, "px"),
|
3700
3707
|
minHeight: "".concat(_this.minHeight, "px")
|
package/lib/select/select.d.ts
CHANGED
@@ -318,6 +318,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
318
318
|
type: PropType<"default" | "manual">;
|
319
319
|
default: string;
|
320
320
|
};
|
321
|
+
disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
|
322
|
+
default: boolean;
|
323
|
+
} & {
|
324
|
+
default: boolean;
|
325
|
+
};
|
321
326
|
}, {
|
322
327
|
t: import("vue").ComputedRef<{
|
323
328
|
noData: string;
|
@@ -343,6 +348,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
343
348
|
triggerRef: import("vue").Ref<HTMLElement>;
|
344
349
|
contentRef: import("vue").Ref<HTMLElement>;
|
345
350
|
searchRef: import("vue").Ref<HTMLElement>;
|
351
|
+
scrollContainerRef: import("vue").Ref<HTMLElement>;
|
346
352
|
selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
|
347
353
|
selected: {
|
348
354
|
type: import("vue-types/dist/types").PropType<ISelected[]>;
|
@@ -1022,6 +1028,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
1022
1028
|
type: PropType<"default" | "manual">;
|
1023
1029
|
default: string;
|
1024
1030
|
};
|
1031
|
+
disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
|
1032
|
+
default: boolean;
|
1033
|
+
} & {
|
1034
|
+
default: boolean;
|
1035
|
+
};
|
1025
1036
|
}>> & {
|
1026
1037
|
onFocus?: (...args: any[]) => any;
|
1027
1038
|
onBlur?: (...args: any[]) => any;
|
@@ -1078,5 +1089,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
1078
1089
|
disableFocusBehavior: boolean;
|
1079
1090
|
keepSearchValue: boolean;
|
1080
1091
|
searchWithPinyin: boolean;
|
1092
|
+
disableScrollToSelectedOption: boolean;
|
1081
1093
|
}, {}>;
|
1082
1094
|
export default _default;
|
package/lib/tab/index.d.ts
CHANGED
@@ -328,16 +328,6 @@ declare const BkTab: {
|
|
328
328
|
}) | (import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
329
329
|
default: (...args: any[]) => any;
|
330
330
|
});
|
331
|
-
num: import("vue-types").VueTypeValidableDef<number> & {
|
332
|
-
default: number;
|
333
|
-
} & {
|
334
|
-
default: number;
|
335
|
-
};
|
336
|
-
numDisplayType: import("vue-types").VueTypeValidableDef<string> & {
|
337
|
-
default: string;
|
338
|
-
} & {
|
339
|
-
default: string;
|
340
|
-
};
|
341
331
|
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
342
332
|
name: import("vue-types").VueTypeDef<string | number> & {
|
343
333
|
default: string | number;
|
@@ -372,16 +362,6 @@ declare const BkTab: {
|
|
372
362
|
}) | (import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
373
363
|
default: (...args: any[]) => any;
|
374
364
|
});
|
375
|
-
num: import("vue-types").VueTypeValidableDef<number> & {
|
376
|
-
default: number;
|
377
|
-
} & {
|
378
|
-
default: number;
|
379
|
-
};
|
380
|
-
numDisplayType: import("vue-types").VueTypeValidableDef<string> & {
|
381
|
-
default: string;
|
382
|
-
} & {
|
383
|
-
default: string;
|
384
|
-
};
|
385
365
|
}>>, {
|
386
366
|
name: string | number;
|
387
367
|
label: string | ((...args: any[]) => any);
|
@@ -392,8 +372,6 @@ declare const BkTab: {
|
|
392
372
|
renderDirective: "show" | "if";
|
393
373
|
panel: string | ((...args: any[]) => any);
|
394
374
|
sortable: boolean;
|
395
|
-
num: number;
|
396
|
-
numDisplayType: string;
|
397
375
|
}, {}>;
|
398
376
|
}>;
|
399
377
|
export { BkTab, TabPanel as BkTabPanel, SortTypeEnum, PositionEnum };
|
package/lib/tab/index.js
CHANGED
@@ -195,9 +195,7 @@ var tabPanelProps = {
|
|
195
195
|
disabled: shared_namespaceObject.PropTypes.bool,
|
196
196
|
sortable: shared_namespaceObject.PropTypes.bool,
|
197
197
|
renderDirective: (0,shared_namespaceObject.renderDirectiveType)(),
|
198
|
-
panel: shared_namespaceObject.PropTypes.string || shared_namespaceObject.PropTypes.func
|
199
|
-
num: shared_namespaceObject.PropTypes.number.def(undefined),
|
200
|
-
numDisplayType: shared_namespaceObject.PropTypes.string.def('default')
|
198
|
+
panel: shared_namespaceObject.PropTypes.string || shared_namespaceObject.PropTypes.func
|
201
199
|
};
|
202
200
|
var tabProps = {
|
203
201
|
active: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]).def(''),
|
@@ -382,13 +380,11 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
382
380
|
var _item$props = item.props,
|
383
381
|
name = _item$props.name,
|
384
382
|
label = _item$props.label,
|
385
|
-
num = _item$props.num,
|
386
383
|
closable = _item$props.closable,
|
387
384
|
visible = _item$props.visible,
|
388
385
|
disabled = _item$props.disabled,
|
389
386
|
sortable = _item$props.sortable,
|
390
|
-
tips = _item$props.tips
|
391
|
-
numDisplayType = _item$props.numDisplayType;
|
387
|
+
tips = _item$props.tips;
|
392
388
|
if (!visible) {
|
393
389
|
return false;
|
394
390
|
}
|
@@ -417,9 +413,7 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
417
413
|
disabled: disabled,
|
418
414
|
sortable: sortable,
|
419
415
|
tips: tips,
|
420
|
-
|
421
|
-
tabLabel: renderLabel(label),
|
422
|
-
tabNum: num
|
416
|
+
tabLabel: renderLabel(label)
|
423
417
|
});
|
424
418
|
return true;
|
425
419
|
});
|
@@ -511,9 +505,7 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
511
505
|
}
|
512
506
|
var name = item.name,
|
513
507
|
disabled = item.disabled,
|
514
|
-
tabLabel = item.tabLabel
|
515
|
-
tabNum = item.tabNum,
|
516
|
-
numDisplayType = item.numDisplayType;
|
508
|
+
tabLabel = item.tabLabel;
|
517
509
|
var getNavItemClass = function getNavItemClass() {
|
518
510
|
var classNames = [_this.resolveClassName('tab-header-item')];
|
519
511
|
if (disabled) {
|
@@ -527,17 +519,6 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
527
519
|
var getValue = function getValue(curentValue, parentValue) {
|
528
520
|
return !disabled && (curentValue || parentValue);
|
529
521
|
};
|
530
|
-
var getCloseTag = function getCloseTag(item, index) {
|
531
|
-
return getValue(item.closable, closable) ? (0,external_vue_namespaceObject.createVNode)("span", {
|
532
|
-
"class": _this.resolveClassName('tab-header--close'),
|
533
|
-
"onClick": function onClick() {
|
534
|
-
return _this.handleTabRemove(index, item);
|
535
|
-
}
|
536
|
-
}, [(0,external_vue_namespaceObject.createVNode)(_namespaceObject.Close, null, null)]) : '';
|
537
|
-
};
|
538
|
-
var getNumType = function getNumType() {
|
539
|
-
return ['bracket'].includes(numDisplayType) ? "(".concat(tabNum, ")") : tabNum;
|
540
|
-
};
|
541
522
|
return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
|
542
523
|
"key": name,
|
543
524
|
"ref": active === name ? 'activeRef' : '',
|
@@ -567,15 +548,12 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
567
548
|
e.preventDefault();
|
568
549
|
drop(index, sortType);
|
569
550
|
}
|
570
|
-
}, [
|
571
|
-
"class": _this.resolveClassName('tab-header--
|
572
|
-
|
573
|
-
|
574
|
-
|
575
|
-
|
576
|
-
}, [(0,external_vue_namespaceObject.createVNode)("div", {
|
577
|
-
"class": _this.resolveClassName("tab-header--has-num-".concat(numDisplayType))
|
578
|
-
}, [getNumType()]), getCloseTag === null || getCloseTag === void 0 ? void 0 : getCloseTag(item, index)])]) : (0,external_vue_namespaceObject.createVNode)("div", null, [tabLabel]), isNaN(tabNum) ? getCloseTag === null || getCloseTag === void 0 ? void 0 : getCloseTag(item, index) : '']), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), {
|
551
|
+
}, [(0,external_vue_namespaceObject.createVNode)("div", null, [tabLabel]), getValue(item.closable, closable) ? (0,external_vue_namespaceObject.createVNode)("span", {
|
552
|
+
"class": _this.resolveClassName('tab-header--close'),
|
553
|
+
"onClick": function onClick() {
|
554
|
+
return _this.handleTabRemove(index, item);
|
555
|
+
}
|
556
|
+
}, [(0,external_vue_namespaceObject.createVNode)(_namespaceObject.Close, null, null)]) : '']), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), {
|
579
557
|
content: item.tips || '',
|
580
558
|
disabled: !item.tips
|
581
559
|
}]]);
|
package/lib/tab/props.d.ts
CHANGED
@@ -99,16 +99,6 @@ export declare const tabPanelProps: {
|
|
99
99
|
}) | (import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
100
100
|
default: (...args: any[]) => any;
|
101
101
|
});
|
102
|
-
num: import("vue-types").VueTypeValidableDef<number> & {
|
103
|
-
default: number;
|
104
|
-
} & {
|
105
|
-
default: number;
|
106
|
-
};
|
107
|
-
numDisplayType: import("vue-types").VueTypeValidableDef<string> & {
|
108
|
-
default: string;
|
109
|
-
} & {
|
110
|
-
default: string;
|
111
|
-
};
|
112
102
|
};
|
113
103
|
export type TabPanelProps = ExtractPropTypes<typeof tabPanelProps>;
|
114
104
|
export declare const tabProps: {
|
package/lib/tab/tab-nav.d.ts
CHANGED
@@ -55,12 +55,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
55
55
|
default: number;
|
56
56
|
} & {
|
57
57
|
default: number;
|
58
|
-
};
|
59
|
-
* @description 判断拖动的元素是否是在同一个tab。
|
60
|
-
* 使用guid,相比 el1.parentNode === el2.parentNode 判断,性能要高
|
61
|
-
* @param e {event} 触发的元素
|
62
|
-
* @return {boolean}
|
63
|
-
*/
|
58
|
+
};
|
64
59
|
validateActive: import("vue-types").VueTypeValidableDef<boolean> & {
|
65
60
|
default: boolean;
|
66
61
|
} & {
|
@@ -144,12 +139,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
144
139
|
default: number;
|
145
140
|
} & {
|
146
141
|
default: number;
|
147
|
-
};
|
148
|
-
* @description 判断拖动的元素是否是在同一个tab。
|
149
|
-
* 使用guid,相比 el1.parentNode === el2.parentNode 判断,性能要高
|
150
|
-
* @param e {event} 触发的元素
|
151
|
-
* @return {boolean}
|
152
|
-
*/
|
142
|
+
};
|
153
143
|
validateActive: import("vue-types").VueTypeValidableDef<boolean> & {
|
154
144
|
default: boolean;
|
155
145
|
} & {
|
package/lib/tab/tab-panel.d.ts
CHANGED
@@ -32,16 +32,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
32
32
|
}) | (import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
33
33
|
default: (...args: any[]) => any;
|
34
34
|
});
|
35
|
-
num: import("vue-types").VueTypeValidableDef<number> & {
|
36
|
-
default: number;
|
37
|
-
} & {
|
38
|
-
default: number;
|
39
|
-
};
|
40
|
-
numDisplayType: import("vue-types").VueTypeValidableDef<string> & {
|
41
|
-
default: string;
|
42
|
-
} & {
|
43
|
-
default: string;
|
44
|
-
};
|
45
35
|
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
46
36
|
name: import("vue-types").VueTypeDef<string | number> & {
|
47
37
|
default: string | number;
|
@@ -76,16 +66,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
76
66
|
}) | (import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
77
67
|
default: (...args: any[]) => any;
|
78
68
|
});
|
79
|
-
num: import("vue-types").VueTypeValidableDef<number> & {
|
80
|
-
default: number;
|
81
|
-
} & {
|
82
|
-
default: number;
|
83
|
-
};
|
84
|
-
numDisplayType: import("vue-types").VueTypeValidableDef<string> & {
|
85
|
-
default: string;
|
86
|
-
} & {
|
87
|
-
default: string;
|
88
|
-
};
|
89
69
|
}>>, {
|
90
70
|
name: string | number;
|
91
71
|
label: string | ((...args: any[]) => any);
|
@@ -96,7 +76,5 @@ declare const _default: import("vue").DefineComponent<{
|
|
96
76
|
renderDirective: "show" | "if";
|
97
77
|
panel: string | ((...args: any[]) => any);
|
98
78
|
sortable: boolean;
|
99
|
-
num: number;
|
100
|
-
numDisplayType: string;
|
101
79
|
}, {}>;
|
102
80
|
export default _default;
|
package/lib/tab/tab.css
CHANGED
@@ -156,21 +156,6 @@
|
|
156
156
|
.bk-tab--right .bk-tab-header {
|
157
157
|
flex-direction: column;
|
158
158
|
}
|
159
|
-
.bk-tab--left .bk-tab-header .bk-tab-header-item .bk-tab-header--has-num,
|
160
|
-
.bk-tab--right .bk-tab-header .bk-tab-header-item .bk-tab-header--has-num {
|
161
|
-
width: 100%;
|
162
|
-
}
|
163
|
-
.bk-tab--left .bk-tab-header .bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-square,
|
164
|
-
.bk-tab--right .bk-tab-header .bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-square {
|
165
|
-
border-radius: 2px;
|
166
|
-
}
|
167
|
-
.bk-tab--left .bk-tab-header .bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-square,
|
168
|
-
.bk-tab--right .bk-tab-header .bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-square,
|
169
|
-
.bk-tab--left .bk-tab-header .bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic,
|
170
|
-
.bk-tab--right .bk-tab-header .bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic {
|
171
|
-
background-color: #A3C5FD;
|
172
|
-
color: var(--white-color);
|
173
|
-
}
|
174
159
|
.bk-tab--left .bk-tab-header > div,
|
175
160
|
.bk-tab--right .bk-tab-header > div {
|
176
161
|
flex-direction: column;
|
@@ -182,18 +167,6 @@
|
|
182
167
|
.bk-tab--card-tab .bk-tab-header {
|
183
168
|
border-radius: 4px 4px 0;
|
184
169
|
}
|
185
|
-
.bk-tab--card-tab .bk-tab-header .bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-square {
|
186
|
-
background-color: var(--white-color);
|
187
|
-
}
|
188
|
-
.bk-tab--card-tab .bk-tab-header .bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic {
|
189
|
-
background-color: var(--white-color);
|
190
|
-
color: var(--default-color);
|
191
|
-
}
|
192
|
-
.bk-tab--card-tab .bk-tab-header .bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-square,
|
193
|
-
.bk-tab--card-tab .bk-tab-header .bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic {
|
194
|
-
background-color: #A3C5FD;
|
195
|
-
color: var(--white-color);
|
196
|
-
}
|
197
170
|
.bk-tab--card .bk-tab-header,
|
198
171
|
.bk-tab--vertical-card .bk-tab-header {
|
199
172
|
border-bottom: 1px solid var(--disable-color);
|
@@ -318,35 +291,6 @@
|
|
318
291
|
padding-right: 12px;
|
319
292
|
padding-left: 12px;
|
320
293
|
}
|
321
|
-
.bk-tab-header-item .bk-tab-header--has-num {
|
322
|
-
display: flex;
|
323
|
-
align-items: center;
|
324
|
-
justify-content: space-between;
|
325
|
-
}
|
326
|
-
.bk-tab-header-item .bk-tab-header--has-num-right {
|
327
|
-
margin-left: 4px;
|
328
|
-
display: flex;
|
329
|
-
align-items: center;
|
330
|
-
color: var(--default-color);
|
331
|
-
}
|
332
|
-
.bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-default,
|
333
|
-
.bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-bracket {
|
334
|
-
color: var(--default-color);
|
335
|
-
}
|
336
|
-
.bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-square,
|
337
|
-
.bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic {
|
338
|
-
background-color: #F0F1F5;
|
339
|
-
color: var(--gray-color);
|
340
|
-
padding: 0 8px;
|
341
|
-
line-height: 18px;
|
342
|
-
text-align: center;
|
343
|
-
}
|
344
|
-
.bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-square {
|
345
|
-
border-radius: 2px;
|
346
|
-
}
|
347
|
-
.bk-tab-header-item .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic {
|
348
|
-
border-radius: 18px;
|
349
|
-
}
|
350
294
|
.bk-tab-header-item:hover {
|
351
295
|
color: var(--primary-color);
|
352
296
|
}
|
@@ -392,14 +336,6 @@
|
|
392
336
|
.bk-tab--card-grid .bk-tab-header--active {
|
393
337
|
background: #fff;
|
394
338
|
}
|
395
|
-
.bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-bracket,
|
396
|
-
.bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-square,
|
397
|
-
.bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-elliptic {
|
398
|
-
color: var(--primary-color);
|
399
|
-
}
|
400
|
-
.bk-tab-header--active .bk-tab-header--has-num-right .bk-tab-header--has-num-square {
|
401
|
-
background-color: #E1ECFF;
|
402
|
-
}
|
403
339
|
.bk-tab-header--close {
|
404
340
|
display: none;
|
405
341
|
font-size: 16px;
|