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.
Files changed (51) hide show
  1. package/dist/index.cjs.js +42 -42
  2. package/dist/index.esm.js +12856 -12942
  3. package/dist/index.umd.js +42 -42
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/color-picker/color-picker.d.ts +0 -16
  7. package/lib/color-picker/index.d.ts +0 -23
  8. package/lib/color-picker/index.js +1 -8
  9. package/lib/dialog/dialog.d.ts +6 -6
  10. package/lib/dialog/index.d.ts +12 -12
  11. package/lib/dialog/index.js +1 -3
  12. package/lib/dialog/props.d.ts +3 -3
  13. package/lib/index.js +1 -1
  14. package/lib/input/index.js +521 -42
  15. package/lib/input/input.css +1 -23
  16. package/lib/input/input.less +1 -30
  17. package/lib/input/input.variable.css +1 -23
  18. package/lib/modal/index.js +21 -54
  19. package/lib/plugin-popover/index.js +1 -2
  20. package/lib/popover/index.js +1 -2
  21. package/lib/resize-layout/index.js +0 -4
  22. package/lib/search-select/index.d.ts +6 -60
  23. package/lib/search-select/index.js +89 -201
  24. package/lib/search-select/input.d.ts +2 -12
  25. package/lib/search-select/menu.d.ts +0 -12
  26. package/lib/search-select/search-select.css +1 -0
  27. package/lib/search-select/search-select.d.ts +4 -18
  28. package/lib/search-select/search-select.less +1 -1
  29. package/lib/search-select/search-select.variable.css +1 -0
  30. package/lib/search-select/selected.d.ts +0 -23
  31. package/lib/select/index.d.ts +26 -0
  32. package/lib/select/index.js +17 -10
  33. package/lib/select/select.d.ts +12 -0
  34. package/lib/tab/index.d.ts +0 -22
  35. package/lib/tab/index.js +10 -32
  36. package/lib/tab/props.d.ts +0 -10
  37. package/lib/tab/tab-nav.d.ts +2 -12
  38. package/lib/tab/tab-panel.d.ts +0 -22
  39. package/lib/tab/tab.css +0 -64
  40. package/lib/tab/tab.less +4 -91
  41. package/lib/tab/tab.variable.css +0 -64
  42. package/lib/table/hooks/use-settings.d.ts +0 -2
  43. package/lib/table/index.js +7 -66
  44. package/lib/table/props.d.ts +4 -5
  45. package/lib/table/table.css +0 -6
  46. package/lib/table/table.less +0 -14
  47. package/lib/table/table.variable.css +0 -6
  48. package/lib/table/utils.d.ts +0 -1
  49. package/lib/tag-input/index.js +1 -3
  50. package/lib/upload/index.js +9 -31
  51. 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
  }, {}>;
@@ -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: {
@@ -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(true),
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
- } // content显示和隐藏方式
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 selectedMap = (0,external_vue_namespaceObject.computed)(function () {
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
- // options存在 > 上一次选择的label > 当前值
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] || selectedMap.value[tmpValue] || 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")
@@ -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;
@@ -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
- numDisplayType: numDisplayType,
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
- }, [!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"), {
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
  }]]);
@@ -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: {
@@ -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
  } & {
@@ -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;