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.
Files changed (66) hide show
  1. package/dist/index.cjs.js +45 -45
  2. package/dist/index.esm.js +13514 -13416
  3. package/dist/index.umd.js +59 -59
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/cascader/index.js +8 -6
  7. package/lib/color-picker/color-picker.d.ts +16 -0
  8. package/lib/color-picker/index.d.ts +23 -0
  9. package/lib/color-picker/index.js +8 -1
  10. package/lib/dialog/dialog.d.ts +6 -6
  11. package/lib/dialog/index.d.ts +12 -12
  12. package/lib/dialog/index.js +3 -1
  13. package/lib/dialog/props.d.ts +3 -3
  14. package/lib/index.js +1 -1
  15. package/lib/input/index.js +42 -521
  16. package/lib/input/input.css +23 -1
  17. package/lib/input/input.less +30 -1
  18. package/lib/input/input.variable.css +23 -1
  19. package/lib/modal/index.d.ts +13 -13
  20. package/lib/modal/index.js +7 -7
  21. package/lib/modal/modal.d.ts +5 -5
  22. package/lib/modal/props.mixin.d.ts +2 -2
  23. package/lib/plugin-popover/index.js +2 -1
  24. package/lib/popover/index.js +2 -1
  25. package/lib/resize-layout/index.js +4 -0
  26. package/lib/search-select/index.d.ts +60 -6
  27. package/lib/search-select/index.js +201 -89
  28. package/lib/search-select/input.d.ts +12 -2
  29. package/lib/search-select/menu.d.ts +12 -0
  30. package/lib/search-select/search-select.css +0 -1
  31. package/lib/search-select/search-select.d.ts +18 -4
  32. package/lib/search-select/search-select.less +1 -1
  33. package/lib/search-select/search-select.variable.css +0 -1
  34. package/lib/search-select/selected.d.ts +23 -0
  35. package/lib/select/common.d.ts +1 -1
  36. package/lib/select/index.d.ts +6 -0
  37. package/lib/select/index.js +35 -12
  38. package/lib/select/select.d.ts +2 -0
  39. package/lib/select/selectTagInput.d.ts +1 -0
  40. package/lib/select/type.d.ts +2 -2
  41. package/lib/sideslider/index.d.ts +11 -11
  42. package/lib/sideslider/sideslider.d.ts +5 -5
  43. package/lib/tab/index.d.ts +22 -0
  44. package/lib/tab/index.js +32 -10
  45. package/lib/tab/props.d.ts +10 -0
  46. package/lib/tab/tab-nav.d.ts +12 -2
  47. package/lib/tab/tab-panel.d.ts +22 -0
  48. package/lib/tab/tab.css +64 -0
  49. package/lib/tab/tab.less +91 -4
  50. package/lib/tab/tab.variable.css +64 -0
  51. package/lib/table/hooks/use-settings.d.ts +2 -0
  52. package/lib/table/index.js +66 -7
  53. package/lib/table/props.d.ts +5 -4
  54. package/lib/table/table.css +6 -0
  55. package/lib/table/table.less +14 -0
  56. package/lib/table/table.variable.css +6 -0
  57. package/lib/table/utils.d.ts +1 -0
  58. package/lib/tag-input/common.d.ts +1 -1
  59. package/lib/tag-input/index.d.ts +3 -0
  60. package/lib/tag-input/index.js +12 -3
  61. package/lib/tag-input/tag-input.css +9 -9
  62. package/lib/tag-input/tag-input.d.ts +3 -14
  63. package/lib/tag-input/tag-input.less +9 -9
  64. package/lib/tag-input/tag-input.variable.css +9 -9
  65. package/lib/upload/index.js +31 -9
  66. 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
  }, {}>;
@@ -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>): {
@@ -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;
@@ -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
- data.value["delete"](key);
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 (filterable.value && inputSearch.value || allowCreate.value) && isPopoverShow.value;
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$va;
3143
- (_selectTagInputRef$va = selectTagInputRef.value) === null || _selectTagInputRef$va === void 0 || _selectTagInputRef$va.focus();
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$va2;
3156
- (_selectTagInputRef$va2 = selectTagInputRef.value) === null || _selectTagInputRef$va2 === void 0 || _selectTagInputRef$va2.blur();
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();
@@ -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;
@@ -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 | HTMLElement> & {
45
- default: string | boolean | (() => HTMLElement);
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 | HTMLElement> & {
122
- default: string | boolean | (() => HTMLElement);
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 | HTMLElement;
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 | HTMLElement> & {
223
- default: string | boolean | (() => HTMLElement);
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 | HTMLElement;
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 | HTMLElement> & {
321
- default: string | boolean | (() => HTMLElement);
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 | HTMLElement;
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 | HTMLElement> & {
44
- default: string | boolean | (() => HTMLElement);
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 | HTMLElement> & {
115
- default: string | boolean | (() => HTMLElement);
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 | HTMLElement;
155
+ transfer: string | boolean;
156
156
  direction: string;
157
157
  backgroundColor: string;
158
158
  renderDirective: "show" | "if";
@@ -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
- tabLabel: renderLabel(label)
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
- }, [(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"), {
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
  }]]);
@@ -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: {
@@ -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
  } & {
@@ -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;