bkui-vue 2.0.1-beta.72.fix.1 → 2.0.1-beta.74
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 +45 -45
- package/dist/index.esm.js +13514 -13416
- package/dist/index.umd.js +59 -59
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/cascader/index.js +8 -6
- package/lib/color-picker/color-picker.d.ts +16 -0
- package/lib/color-picker/index.d.ts +23 -0
- package/lib/color-picker/index.js +8 -1
- package/lib/dialog/dialog.d.ts +6 -6
- package/lib/dialog/index.d.ts +12 -12
- package/lib/dialog/index.js +3 -1
- package/lib/dialog/props.d.ts +3 -3
- package/lib/index.js +1 -1
- package/lib/input/index.js +42 -521
- package/lib/input/input.css +23 -1
- package/lib/input/input.less +30 -1
- package/lib/input/input.variable.css +23 -1
- package/lib/modal/index.d.ts +13 -13
- package/lib/modal/index.js +7 -7
- package/lib/modal/modal.d.ts +5 -5
- package/lib/modal/props.mixin.d.ts +2 -2
- package/lib/plugin-popover/index.js +2 -1
- package/lib/popover/index.js +2 -1
- package/lib/resize-layout/index.js +4 -0
- package/lib/search-select/index.d.ts +60 -6
- package/lib/search-select/index.js +201 -89
- package/lib/search-select/input.d.ts +12 -2
- package/lib/search-select/menu.d.ts +12 -0
- package/lib/search-select/search-select.css +0 -1
- package/lib/search-select/search-select.d.ts +18 -4
- package/lib/search-select/search-select.less +1 -1
- package/lib/search-select/search-select.variable.css +0 -1
- package/lib/search-select/selected.d.ts +23 -0
- package/lib/select/common.d.ts +1 -1
- package/lib/select/index.d.ts +6 -0
- package/lib/select/index.js +35 -12
- package/lib/select/select.d.ts +2 -0
- package/lib/select/selectTagInput.d.ts +1 -0
- package/lib/select/type.d.ts +2 -2
- package/lib/sideslider/index.d.ts +11 -11
- package/lib/sideslider/sideslider.d.ts +5 -5
- package/lib/tab/index.d.ts +22 -0
- package/lib/tab/index.js +32 -10
- package/lib/tab/props.d.ts +10 -0
- package/lib/tab/tab-nav.d.ts +12 -2
- package/lib/tab/tab-panel.d.ts +22 -0
- package/lib/tab/tab.css +64 -0
- package/lib/tab/tab.less +91 -4
- package/lib/tab/tab.variable.css +64 -0
- package/lib/table/hooks/use-settings.d.ts +2 -0
- package/lib/table/index.js +66 -7
- package/lib/table/props.d.ts +5 -4
- package/lib/table/table.css +6 -0
- package/lib/table/table.less +14 -0
- package/lib/table/table.variable.css +6 -0
- package/lib/table/utils.d.ts +1 -0
- 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 -3
- 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/lib/upload/index.js +31 -9
- package/package.json +1 -1
@@ -13,6 +13,10 @@ 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
|
+
};
|
16
20
|
conditions: {
|
17
21
|
type: PropType<ICommonItem[]>;
|
18
22
|
default: () => any[];
|
@@ -39,6 +43,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
39
43
|
type: PropType<SearchInputMode>;
|
40
44
|
default: SearchInputMode;
|
41
45
|
};
|
46
|
+
maxHeight: {
|
47
|
+
type: NumberConstructor;
|
48
|
+
default: () => number;
|
49
|
+
};
|
42
50
|
getMenuList: PropType<GetMenuListFunc>;
|
43
51
|
validateValues: PropType<ValidateValuesFunc>;
|
44
52
|
valueBehavior: PropType<ValueBehavior>;
|
@@ -122,6 +130,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
122
130
|
type: PropType<SearchInputMode>;
|
123
131
|
default: SearchInputMode;
|
124
132
|
};
|
133
|
+
maxHeight: {
|
134
|
+
type: NumberConstructor;
|
135
|
+
default: () => number;
|
136
|
+
};
|
125
137
|
getMenuList: PropType<GetMenuListFunc>;
|
126
138
|
validateValues: PropType<ValidateValuesFunc>;
|
127
139
|
valueBehavior: PropType<ValueBehavior>;
|
@@ -131,6 +143,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
131
143
|
onAdd?: (...args: any[]) => any;
|
132
144
|
onSelectKey?: (...args: any[]) => any;
|
133
145
|
}, {
|
146
|
+
maxHeight: number;
|
134
147
|
mode: SearchInputMode;
|
135
148
|
conditions: ICommonItem[];
|
136
149
|
showInputBefore: boolean;
|
@@ -162,6 +175,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
162
175
|
type: PropType<SearchInputMode>;
|
163
176
|
default: SearchInputMode;
|
164
177
|
};
|
178
|
+
maxHeight: {
|
179
|
+
type: NumberConstructor;
|
180
|
+
default: () => number;
|
181
|
+
};
|
165
182
|
getMenuList: PropType<GetMenuListFunc>;
|
166
183
|
validateValues: PropType<ValidateValuesFunc>;
|
167
184
|
valueBehavior: PropType<ValueBehavior>;
|
@@ -228,6 +245,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
228
245
|
logical: string;
|
229
246
|
}>;
|
230
247
|
}, {}, {}, {}, {
|
248
|
+
maxHeight: number;
|
231
249
|
mode: SearchInputMode;
|
232
250
|
conditions: ICommonItem[];
|
233
251
|
showInputBefore: boolean;
|
@@ -254,6 +272,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
254
272
|
type: NumberConstructor;
|
255
273
|
default: number;
|
256
274
|
};
|
275
|
+
maxHeight: {
|
276
|
+
type: NumberConstructor;
|
277
|
+
default: () => number;
|
278
|
+
};
|
257
279
|
conditions: {
|
258
280
|
type: PropType<ICommonItem[]>;
|
259
281
|
default: () => any[];
|
@@ -265,6 +287,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
265
287
|
onDelete?: (...args: any[]) => any;
|
266
288
|
onSelectKey?: (...args: any[]) => any;
|
267
289
|
}, {
|
290
|
+
maxHeight: number;
|
268
291
|
conditions: ICommonItem[];
|
269
292
|
overflowIndex: number;
|
270
293
|
}, {}>;
|
package/lib/select/common.d.ts
CHANGED
@@ -9,7 +9,7 @@ export declare function useHover(): {
|
|
9
9
|
};
|
10
10
|
export declare function useRegistry<T>(data: Ref<Map<PropertyKey, T>>): {
|
11
11
|
register: (key: string, item: T) => Map<PropertyKey, T>;
|
12
|
-
unregister: (key: string) => void;
|
12
|
+
unregister: (key: string, item?: T) => void;
|
13
13
|
};
|
14
14
|
export declare function useDebouncedRef<T>(value: any, delay?: number): Ref<T>;
|
15
15
|
export declare function usePopover(config: IPopoverConfig, triggerRef: Ref<HTMLElement>): {
|
package/lib/select/index.d.ts
CHANGED
@@ -410,6 +410,7 @@ declare const BkSelect: {
|
|
410
410
|
handleRemoveTag: (val: string) => void;
|
411
411
|
focus: () => void;
|
412
412
|
blur: () => void;
|
413
|
+
updateModelValue: (data: string) => void;
|
413
414
|
handleInput: (e: any) => void;
|
414
415
|
handleKeydown: (e: any) => void;
|
415
416
|
resolveClassName: (cls: string) => string;
|
@@ -525,6 +526,7 @@ declare const BkSelect: {
|
|
525
526
|
handleRemoveTag: (val: string) => void;
|
526
527
|
focus: () => void;
|
527
528
|
blur: () => void;
|
529
|
+
updateModelValue: (data: string) => void;
|
528
530
|
handleInput: (e: any) => void;
|
529
531
|
handleKeydown: (e: any) => void;
|
530
532
|
resolveClassName: (cls: string) => string;
|
@@ -1505,6 +1507,7 @@ declare const BkSelect: {
|
|
1505
1507
|
handleRemoveTag: (val: string) => void;
|
1506
1508
|
focus: () => void;
|
1507
1509
|
blur: () => void;
|
1510
|
+
updateModelValue: (data: string) => void;
|
1508
1511
|
handleInput: (e: any) => void;
|
1509
1512
|
handleKeydown: (e: any) => void;
|
1510
1513
|
resolveClassName: (cls: string) => string;
|
@@ -1620,6 +1623,7 @@ declare const BkSelect: {
|
|
1620
1623
|
handleRemoveTag: (val: string) => void;
|
1621
1624
|
focus: () => void;
|
1622
1625
|
blur: () => void;
|
1626
|
+
updateModelValue: (data: string) => void;
|
1623
1627
|
handleInput: (e: any) => void;
|
1624
1628
|
handleKeydown: (e: any) => void;
|
1625
1629
|
resolveClassName: (cls: string) => string;
|
@@ -2267,6 +2271,7 @@ declare const BkSelect: {
|
|
2267
2271
|
handleRemoveTag: (val: string) => void;
|
2268
2272
|
focus: () => void;
|
2269
2273
|
blur: () => void;
|
2274
|
+
updateModelValue: (data: string) => void;
|
2270
2275
|
handleInput: (e: any) => void;
|
2271
2276
|
handleKeydown: (e: any) => void;
|
2272
2277
|
resolveClassName: (cls: string) => string;
|
@@ -2382,6 +2387,7 @@ declare const BkSelect: {
|
|
2382
2387
|
handleRemoveTag: (val: string) => void;
|
2383
2388
|
focus: () => void;
|
2384
2389
|
blur: () => void;
|
2390
|
+
updateModelValue: (data: string) => void;
|
2385
2391
|
handleInput: (e: any) => void;
|
2386
2392
|
handleKeydown: (e: any) => void;
|
2387
2393
|
resolveClassName: (cls: string) => string;
|
package/lib/select/index.js
CHANGED
@@ -597,14 +597,16 @@ function useRegistry(data) {
|
|
597
597
|
// 注册item
|
598
598
|
var register = function register(key, item) {
|
599
599
|
if (!item) return;
|
600
|
-
if (data.value.has(key)) {
|
601
|
-
return;
|
602
|
-
}
|
603
600
|
return data.value.set(key, item);
|
604
601
|
};
|
605
602
|
// 删除item
|
606
|
-
var unregister = function unregister(key) {
|
607
|
-
|
603
|
+
var unregister = function unregister(key, item) {
|
604
|
+
if (item) {
|
605
|
+
if (data.value.get(key) !== item) return;
|
606
|
+
data.value["delete"](key);
|
607
|
+
} else {
|
608
|
+
data.value["delete"](key);
|
609
|
+
}
|
608
610
|
};
|
609
611
|
return {
|
610
612
|
register: register,
|
@@ -861,8 +863,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
861
863
|
group === null || group === void 0 || group.register(optionID.value, proxy);
|
862
864
|
});
|
863
865
|
(0,external_vue_namespaceObject.onBeforeUnmount)(function () {
|
864
|
-
select === null || select === void 0 || select.unregister(optionID.value);
|
865
|
-
group === null || group === void 0 || group.unregister(optionID.value);
|
866
|
+
select === null || select === void 0 || select.unregister(optionID.value, proxy);
|
867
|
+
group === null || group === void 0 || group.unregister(optionID.value, proxy);
|
866
868
|
});
|
867
869
|
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
868
870
|
resolveClassName = _usePrefix.resolveClassName;
|
@@ -2404,6 +2406,9 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
|
|
2404
2406
|
var _inputRef$value2;
|
2405
2407
|
(_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.blur();
|
2406
2408
|
};
|
2409
|
+
var updateModelValue = function updateModelValue(data) {
|
2410
|
+
emit('update:modelValue', data);
|
2411
|
+
};
|
2407
2412
|
var handleInput = function handleInput(e) {
|
2408
2413
|
emit('update:modelValue', e.target.value);
|
2409
2414
|
};
|
@@ -2473,6 +2478,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
|
|
2473
2478
|
handleRemoveTag: handleRemoveTag,
|
2474
2479
|
focus: focus,
|
2475
2480
|
blur: blur,
|
2481
|
+
updateModelValue: updateModelValue,
|
2476
2482
|
handleInput: handleInput,
|
2477
2483
|
handleKeydown: handleKeydown,
|
2478
2484
|
resolveClassName: resolveClassName
|
@@ -2511,6 +2517,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
|
|
2511
2517
|
},
|
2512
2518
|
"theme": _this.tagTheme,
|
2513
2519
|
"closable": true,
|
2520
|
+
"key": item.value,
|
2514
2521
|
"onClose": function onClose() {
|
2515
2522
|
return _this.handleRemoveTag(item.value);
|
2516
2523
|
}
|
@@ -2944,8 +2951,12 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2944
2951
|
showPopover();
|
2945
2952
|
};
|
2946
2953
|
// 输入框是否可以输入内容
|
2954
|
+
// const isInput = computed(
|
2955
|
+
// () => ((filterable.value && inputSearch.value) || allowCreate.value) && isPopoverShow.value,
|
2956
|
+
// );
|
2957
|
+
// 自定义创建失焦后仍保留输入框内的内容
|
2947
2958
|
var isInput = (0,external_vue_namespaceObject.computed)(function () {
|
2948
|
-
return
|
2959
|
+
return filterable.value && inputSearch.value && isPopoverShow.value || allowCreate.value;
|
2949
2960
|
});
|
2950
2961
|
(0,external_vue_namespaceObject.watch)(isPopoverShow, function (isShow) {
|
2951
2962
|
emit('toggle', isPopoverShow.value);
|
@@ -3116,6 +3127,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3116
3127
|
return item.value;
|
3117
3128
|
}));
|
3118
3129
|
emit('select', option.optionID);
|
3130
|
+
clearMultipleInputValue();
|
3119
3131
|
}
|
3120
3132
|
focusInput();
|
3121
3133
|
} else {
|
@@ -3124,12 +3136,22 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3124
3136
|
label: option.optionName || option.optionID,
|
3125
3137
|
value: option.optionID
|
3126
3138
|
}];
|
3139
|
+
if (filterable.value && allowCreate.value) {
|
3140
|
+
customOptionName.value = '';
|
3141
|
+
}
|
3127
3142
|
emitChange(option.optionID);
|
3128
3143
|
emit('select', option.optionID);
|
3129
3144
|
handleHidePopover();
|
3130
3145
|
handleBlur();
|
3131
3146
|
}
|
3132
3147
|
};
|
3148
|
+
// 是否需要清空多选输入框内容
|
3149
|
+
var clearMultipleInputValue = function clearMultipleInputValue() {
|
3150
|
+
if (['tag'].includes(multipleMode.value) && isInput.value) {
|
3151
|
+
var _selectTagInputRef$va;
|
3152
|
+
(_selectTagInputRef$va = selectTagInputRef.value) === null || _selectTagInputRef$va === void 0 || _selectTagInputRef$va.updateModelValue('');
|
3153
|
+
}
|
3154
|
+
};
|
3133
3155
|
// 聚焦输入框
|
3134
3156
|
var focusInput = function focusInput() {
|
3135
3157
|
if (disableFocusBehavior.value) return;
|
@@ -3139,8 +3161,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3139
3161
|
(_searchRef$value = searchRef.value) === null || _searchRef$value === void 0 || _searchRef$value.focus();
|
3140
3162
|
} else {
|
3141
3163
|
if (multipleMode.value === 'tag') {
|
3142
|
-
var _selectTagInputRef$
|
3143
|
-
(_selectTagInputRef$
|
3164
|
+
var _selectTagInputRef$va2;
|
3165
|
+
(_selectTagInputRef$va2 = selectTagInputRef.value) === null || _selectTagInputRef$va2 === void 0 || _selectTagInputRef$va2.focus();
|
3144
3166
|
} else {
|
3145
3167
|
var _inputRef$value;
|
3146
3168
|
(_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
|
@@ -3152,8 +3174,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3152
3174
|
var blurInput = function blurInput() {
|
3153
3175
|
setTimeout(function () {
|
3154
3176
|
if (multipleMode.value === 'tag') {
|
3155
|
-
var _selectTagInputRef$
|
3156
|
-
(_selectTagInputRef$
|
3177
|
+
var _selectTagInputRef$va3;
|
3178
|
+
(_selectTagInputRef$va3 = selectTagInputRef.value) === null || _selectTagInputRef$va3 === void 0 || _selectTagInputRef$va3.blur();
|
3157
3179
|
} else {
|
3158
3180
|
var _inputRef$value2;
|
3159
3181
|
(_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.blur();
|
@@ -3164,6 +3186,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3164
3186
|
var handleClear = function handleClear(e) {
|
3165
3187
|
e.stopPropagation();
|
3166
3188
|
selected.value = [];
|
3189
|
+
clearMultipleInputValue();
|
3167
3190
|
emitChange(multiple.value ? [] : '');
|
3168
3191
|
emit('clear', multiple.value ? [] : '');
|
3169
3192
|
handleHidePopover();
|
package/lib/select/select.d.ts
CHANGED
@@ -397,6 +397,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
397
397
|
handleRemoveTag: (val: string) => void;
|
398
398
|
focus: () => void;
|
399
399
|
blur: () => void;
|
400
|
+
updateModelValue: (data: string) => void;
|
400
401
|
handleInput: (e: any) => void;
|
401
402
|
handleKeydown: (e: any) => void;
|
402
403
|
resolveClassName: (cls: string) => string;
|
@@ -512,6 +513,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
512
513
|
handleRemoveTag: (val: string) => void;
|
513
514
|
focus: () => void;
|
514
515
|
blur: () => void;
|
516
|
+
updateModelValue: (data: string) => void;
|
515
517
|
handleInput: (e: any) => void;
|
516
518
|
handleKeydown: (e: any) => void;
|
517
519
|
resolveClassName: (cls: string) => string;
|
@@ -49,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
49
49
|
handleRemoveTag: (val: string) => void;
|
50
50
|
focus: () => void;
|
51
51
|
blur: () => void;
|
52
|
+
updateModelValue: (data: string) => void;
|
52
53
|
handleInput: (e: any) => void;
|
53
54
|
handleKeydown: (e: any) => void;
|
54
55
|
resolveClassName: (cls: string) => string;
|
package/lib/select/type.d.ts
CHANGED
@@ -17,7 +17,7 @@ export interface ISelectContext {
|
|
17
17
|
curSearchValue: string;
|
18
18
|
highlightKeyword: boolean;
|
19
19
|
register(key: PropertyKey, option: OptionInstanceType): void;
|
20
|
-
unregister(key: PropertyKey): void;
|
20
|
+
unregister(key: PropertyKey, option?: OptionInstanceType): void;
|
21
21
|
registerGroup(key: PropertyKey, option: GroupInstanceType): void;
|
22
22
|
unregisterGroup(key: PropertyKey): void;
|
23
23
|
handleOptionSelected(option: OptionInstanceType): void;
|
@@ -27,7 +27,7 @@ export interface IOptionGroupContext {
|
|
27
27
|
disabled: boolean;
|
28
28
|
groupCollapse: boolean;
|
29
29
|
register(key: PropertyKey, option: OptionInstanceType): void;
|
30
|
-
unregister(key: PropertyKey): void;
|
30
|
+
unregister(key: PropertyKey, option?: OptionInstanceType): void;
|
31
31
|
}
|
32
32
|
export interface ISelectState {
|
33
33
|
currentPlaceholder: string;
|
@@ -41,8 +41,8 @@ declare const BkSideslider: {
|
|
41
41
|
} & {
|
42
42
|
default: boolean;
|
43
43
|
};
|
44
|
-
transfer: import("vue-types").VueTypeDef<string | boolean
|
45
|
-
default: string | boolean
|
44
|
+
transfer: import("vue-types").VueTypeDef<string | boolean> & {
|
45
|
+
default: string | boolean;
|
46
46
|
};
|
47
47
|
zIndex: import("vue-types").VueTypeDef<string | number>;
|
48
48
|
animateType: import("vue-types").VueTypeValidableDef<string> & {
|
@@ -118,8 +118,8 @@ declare const BkSideslider: {
|
|
118
118
|
} & {
|
119
119
|
default: boolean;
|
120
120
|
};
|
121
|
-
transfer: import("vue-types").VueTypeDef<string | boolean
|
122
|
-
default: string | boolean
|
121
|
+
transfer: import("vue-types").VueTypeDef<string | boolean> & {
|
122
|
+
default: string | boolean;
|
123
123
|
};
|
124
124
|
zIndex: import("vue-types").VueTypeDef<string | number>;
|
125
125
|
animateType: import("vue-types").VueTypeValidableDef<string> & {
|
@@ -159,7 +159,7 @@ declare const BkSideslider: {
|
|
159
159
|
left: string;
|
160
160
|
top: string;
|
161
161
|
isShow: boolean;
|
162
|
-
transfer: string | boolean
|
162
|
+
transfer: string | boolean;
|
163
163
|
direction: string;
|
164
164
|
backgroundColor: string;
|
165
165
|
renderDirective: "show" | "if";
|
@@ -219,8 +219,8 @@ declare const BkSideslider: {
|
|
219
219
|
} & {
|
220
220
|
default: boolean;
|
221
221
|
};
|
222
|
-
transfer: import("vue-types").VueTypeDef<string | boolean
|
223
|
-
default: string | boolean
|
222
|
+
transfer: import("vue-types").VueTypeDef<string | boolean> & {
|
223
|
+
default: string | boolean;
|
224
224
|
};
|
225
225
|
zIndex: import("vue-types").VueTypeDef<string | number>;
|
226
226
|
animateType: import("vue-types").VueTypeValidableDef<string> & {
|
@@ -260,7 +260,7 @@ declare const BkSideslider: {
|
|
260
260
|
left: string;
|
261
261
|
top: string;
|
262
262
|
isShow: boolean;
|
263
|
-
transfer: string | boolean
|
263
|
+
transfer: string | boolean;
|
264
264
|
direction: string;
|
265
265
|
backgroundColor: string;
|
266
266
|
renderDirective: "show" | "if";
|
@@ -317,8 +317,8 @@ declare const BkSideslider: {
|
|
317
317
|
} & {
|
318
318
|
default: boolean;
|
319
319
|
};
|
320
|
-
transfer: import("vue-types").VueTypeDef<string | boolean
|
321
|
-
default: string | boolean
|
320
|
+
transfer: import("vue-types").VueTypeDef<string | boolean> & {
|
321
|
+
default: string | boolean;
|
322
322
|
};
|
323
323
|
zIndex: import("vue-types").VueTypeDef<string | number>;
|
324
324
|
animateType: import("vue-types").VueTypeValidableDef<string> & {
|
@@ -358,7 +358,7 @@ declare const BkSideslider: {
|
|
358
358
|
left: string;
|
359
359
|
top: string;
|
360
360
|
isShow: boolean;
|
361
|
-
transfer: string | boolean
|
361
|
+
transfer: string | boolean;
|
362
362
|
direction: string;
|
363
363
|
backgroundColor: string;
|
364
364
|
renderDirective: "show" | "if";
|
@@ -40,8 +40,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
40
40
|
} & {
|
41
41
|
default: boolean;
|
42
42
|
};
|
43
|
-
transfer: import("vue-types").VueTypeDef<string | boolean
|
44
|
-
default: string | boolean
|
43
|
+
transfer: import("vue-types").VueTypeDef<string | boolean> & {
|
44
|
+
default: string | boolean;
|
45
45
|
};
|
46
46
|
zIndex: import("vue-types").VueTypeDef<string | number>;
|
47
47
|
animateType: import("vue-types").VueTypeValidableDef<string> & {
|
@@ -111,8 +111,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
111
111
|
} & {
|
112
112
|
default: boolean;
|
113
113
|
};
|
114
|
-
transfer: import("vue-types").VueTypeDef<string | boolean
|
115
|
-
default: string | boolean
|
114
|
+
transfer: import("vue-types").VueTypeDef<string | boolean> & {
|
115
|
+
default: string | boolean;
|
116
116
|
};
|
117
117
|
zIndex: import("vue-types").VueTypeDef<string | number>;
|
118
118
|
animateType: import("vue-types").VueTypeValidableDef<string> & {
|
@@ -152,7 +152,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
152
152
|
left: string;
|
153
153
|
top: string;
|
154
154
|
isShow: boolean;
|
155
|
-
transfer: string | boolean
|
155
|
+
transfer: string | boolean;
|
156
156
|
direction: string;
|
157
157
|
backgroundColor: string;
|
158
158
|
renderDirective: "show" | "if";
|
package/lib/tab/index.d.ts
CHANGED
@@ -328,6 +328,16 @@ 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
|
+
};
|
331
341
|
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
332
342
|
name: import("vue-types").VueTypeDef<string | number> & {
|
333
343
|
default: string | number;
|
@@ -362,6 +372,16 @@ declare const BkTab: {
|
|
362
372
|
}) | (import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
363
373
|
default: (...args: any[]) => any;
|
364
374
|
});
|
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
|
+
};
|
365
385
|
}>>, {
|
366
386
|
name: string | number;
|
367
387
|
label: string | ((...args: any[]) => any);
|
@@ -372,6 +392,8 @@ declare const BkTab: {
|
|
372
392
|
renderDirective: "show" | "if";
|
373
393
|
panel: string | ((...args: any[]) => any);
|
374
394
|
sortable: boolean;
|
395
|
+
num: number;
|
396
|
+
numDisplayType: string;
|
375
397
|
}, {}>;
|
376
398
|
}>;
|
377
399
|
export { BkTab, TabPanel as BkTabPanel, SortTypeEnum, PositionEnum };
|
package/lib/tab/index.js
CHANGED
@@ -195,7 +195,9 @@ 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
|
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')
|
199
201
|
};
|
200
202
|
var tabProps = {
|
201
203
|
active: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]).def(''),
|
@@ -380,11 +382,13 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
380
382
|
var _item$props = item.props,
|
381
383
|
name = _item$props.name,
|
382
384
|
label = _item$props.label,
|
385
|
+
num = _item$props.num,
|
383
386
|
closable = _item$props.closable,
|
384
387
|
visible = _item$props.visible,
|
385
388
|
disabled = _item$props.disabled,
|
386
389
|
sortable = _item$props.sortable,
|
387
|
-
tips = _item$props.tips
|
390
|
+
tips = _item$props.tips,
|
391
|
+
numDisplayType = _item$props.numDisplayType;
|
388
392
|
if (!visible) {
|
389
393
|
return false;
|
390
394
|
}
|
@@ -413,7 +417,9 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
413
417
|
disabled: disabled,
|
414
418
|
sortable: sortable,
|
415
419
|
tips: tips,
|
416
|
-
|
420
|
+
numDisplayType: numDisplayType,
|
421
|
+
tabLabel: renderLabel(label),
|
422
|
+
tabNum: num
|
417
423
|
});
|
418
424
|
return true;
|
419
425
|
});
|
@@ -505,7 +511,9 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
505
511
|
}
|
506
512
|
var name = item.name,
|
507
513
|
disabled = item.disabled,
|
508
|
-
tabLabel = item.tabLabel
|
514
|
+
tabLabel = item.tabLabel,
|
515
|
+
tabNum = item.tabNum,
|
516
|
+
numDisplayType = item.numDisplayType;
|
509
517
|
var getNavItemClass = function getNavItemClass() {
|
510
518
|
var classNames = [_this.resolveClassName('tab-header-item')];
|
511
519
|
if (disabled) {
|
@@ -519,6 +527,17 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
519
527
|
var getValue = function getValue(curentValue, parentValue) {
|
520
528
|
return !disabled && (curentValue || parentValue);
|
521
529
|
};
|
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
|
+
};
|
522
541
|
return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
|
523
542
|
"key": name,
|
524
543
|
"ref": active === name ? 'activeRef' : '',
|
@@ -548,12 +567,15 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
548
567
|
e.preventDefault();
|
549
568
|
drop(index, sortType);
|
550
569
|
}
|
551
|
-
}, [(
|
552
|
-
"class": _this.resolveClassName('tab-header--
|
553
|
-
|
554
|
-
|
555
|
-
|
556
|
-
|
570
|
+
}, [!isNaN(tabNum) ? (0,external_vue_namespaceObject.createVNode)("div", {
|
571
|
+
"class": _this.resolveClassName('tab-header--has-num')
|
572
|
+
}, [(0,external_vue_namespaceObject.createVNode)("div", {
|
573
|
+
"class": _this.resolveClassName('tab-header--has-num-left')
|
574
|
+
}, [tabLabel]), (0,external_vue_namespaceObject.createVNode)("div", {
|
575
|
+
"class": _this.resolveClassName('tab-header--has-num-right')
|
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"), {
|
557
579
|
content: item.tips || '',
|
558
580
|
disabled: !item.tips
|
559
581
|
}]]);
|
package/lib/tab/props.d.ts
CHANGED
@@ -99,6 +99,16 @@ 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
|
+
};
|
102
112
|
};
|
103
113
|
export type TabPanelProps = ExtractPropTypes<typeof tabPanelProps>;
|
104
114
|
export declare const tabProps: {
|
package/lib/tab/tab-nav.d.ts
CHANGED
@@ -55,7 +55,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
55
55
|
default: number;
|
56
56
|
} & {
|
57
57
|
default: number;
|
58
|
-
};
|
58
|
+
}; /**
|
59
|
+
* @description 判断拖动的元素是否是在同一个tab。
|
60
|
+
* 使用guid,相比 el1.parentNode === el2.parentNode 判断,性能要高
|
61
|
+
* @param e {event} 触发的元素
|
62
|
+
* @return {boolean}
|
63
|
+
*/
|
59
64
|
validateActive: import("vue-types").VueTypeValidableDef<boolean> & {
|
60
65
|
default: boolean;
|
61
66
|
} & {
|
@@ -139,7 +144,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
139
144
|
default: number;
|
140
145
|
} & {
|
141
146
|
default: number;
|
142
|
-
};
|
147
|
+
}; /**
|
148
|
+
* @description 判断拖动的元素是否是在同一个tab。
|
149
|
+
* 使用guid,相比 el1.parentNode === el2.parentNode 判断,性能要高
|
150
|
+
* @param e {event} 触发的元素
|
151
|
+
* @return {boolean}
|
152
|
+
*/
|
143
153
|
validateActive: import("vue-types").VueTypeValidableDef<boolean> & {
|
144
154
|
default: boolean;
|
145
155
|
} & {
|
package/lib/tab/tab-panel.d.ts
CHANGED
@@ -32,6 +32,16 @@ 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
|
+
};
|
35
45
|
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
36
46
|
name: import("vue-types").VueTypeDef<string | number> & {
|
37
47
|
default: string | number;
|
@@ -66,6 +76,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
66
76
|
}) | (import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
67
77
|
default: (...args: any[]) => any;
|
68
78
|
});
|
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
|
+
};
|
69
89
|
}>>, {
|
70
90
|
name: string | number;
|
71
91
|
label: string | ((...args: any[]) => any);
|
@@ -76,5 +96,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
76
96
|
renderDirective: "show" | "if";
|
77
97
|
panel: string | ((...args: any[]) => any);
|
78
98
|
sortable: boolean;
|
99
|
+
num: number;
|
100
|
+
numDisplayType: string;
|
79
101
|
}, {}>;
|
80
102
|
export default _default;
|