bkui-vue 2.0.1-beta.34.scrollbar.1 → 2.0.1-beta.34.scrollbar.3

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.
@@ -535,9 +535,6 @@
535
535
  .bk-F-scroll-y::-webkit-scrollbar-thumb {
536
536
  border-radius: 4px;
537
537
  }
538
- /*
539
- * Container style
540
- */
541
538
  .bk-scrollbar {
542
539
  overflow: hidden !important;
543
540
  overflow-anchor: none;
@@ -570,10 +567,10 @@
570
567
  position: absolute;
571
568
  margin-bottom: 2px;
572
569
  }
573
- .bk-scrollbar .bk__rail-x.bk-size-small {
570
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small {
574
571
  height: 8px;
575
572
  }
576
- .bk-scrollbar .bk__rail-x.bk-size-small .bk__thumb-x {
573
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small .bk__thumb-x {
577
574
  height: 6px;
578
575
  }
579
576
  .bk-scrollbar .bk__rail-y {
@@ -585,10 +582,10 @@
585
582
  position: absolute;
586
583
  margin-right: 2px;
587
584
  }
588
- .bk-scrollbar .bk__rail-y.bk-size-small {
585
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small {
589
586
  width: 8px;
590
587
  }
591
- .bk-scrollbar .bk__rail-y.bk-size-small .bk__thumb-y {
588
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small .bk__thumb-y {
592
589
  width: 6px;
593
590
  }
594
591
  .bk-scrollbar:hover > .bk__rail-x,
@@ -627,14 +624,14 @@
627
624
  background-color: #979ba5;
628
625
  width: 10px;
629
626
  }
630
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
631
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
632
- .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-x {
627
+ .bk-scrollbar .bk-scroll-size-small > .bk__thumb-x,
628
+ .bk-scrollbar .bk-scroll-size-small > .bk__thumb-x,
629
+ .bk-scrollbar .bk-scroll-size-small.bk--clicking .bk__thumb-x {
633
630
  height: 8px;
634
631
  }
635
- .bk-scrollbar .bk-size-small:hover > .bk__thumb-y,
636
- .bk-scrollbar .bk-size-small:focus > .bk__thumb-y,
637
- .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-y {
632
+ .bk-scrollbar .bk-scroll-size-small:hover > .bk__thumb-y,
633
+ .bk-scrollbar .bk-scroll-size-small:focus > .bk__thumb-y,
634
+ .bk-scrollbar .bk-scroll-size-small.bk--clicking .bk__thumb-y {
638
635
  width: 8px;
639
636
  }
640
637
  /* MS supports */
@@ -89,6 +89,11 @@ declare const BkVirtualRender: {
89
89
  } & {
90
90
  default: string;
91
91
  };
92
+ contentAs: import("vue-types").VueTypeValidableDef<string> & {
93
+ default: string;
94
+ } & {
95
+ default: string;
96
+ };
92
97
  scrollOffsetTop: import("vue-types").VueTypeValidableDef<number> & {
93
98
  default: number;
94
99
  } & {
@@ -225,6 +230,11 @@ declare const BkVirtualRender: {
225
230
  } & {
226
231
  default: string;
227
232
  };
233
+ contentAs: import("vue-types").VueTypeValidableDef<string> & {
234
+ default: string;
235
+ } & {
236
+ default: string;
237
+ };
228
238
  scrollOffsetTop: import("vue-types").VueTypeValidableDef<number> & {
229
239
  default: number;
230
240
  } & {
@@ -292,6 +302,7 @@ declare const BkVirtualRender: {
292
302
  groupItemCount: number;
293
303
  preloadItemCount: number;
294
304
  renderAs: string;
305
+ contentAs: string;
295
306
  scrollOffsetTop: number;
296
307
  scrollPosition: string;
297
308
  abosuteHeight: string | number;
@@ -402,6 +413,11 @@ declare const BkVirtualRender: {
402
413
  } & {
403
414
  default: string;
404
415
  };
416
+ contentAs: import("vue-types").VueTypeValidableDef<string> & {
417
+ default: string;
418
+ } & {
419
+ default: string;
420
+ };
405
421
  scrollOffsetTop: import("vue-types").VueTypeValidableDef<number> & {
406
422
  default: number;
407
423
  } & {
@@ -471,6 +487,7 @@ declare const BkVirtualRender: {
471
487
  groupItemCount: number;
472
488
  preloadItemCount: number;
473
489
  renderAs: string;
490
+ contentAs: string;
474
491
  scrollOffsetTop: number;
475
492
  scrollPosition: string;
476
493
  abosuteHeight: string | number;
@@ -573,6 +590,11 @@ declare const BkVirtualRender: {
573
590
  } & {
574
591
  default: string;
575
592
  };
593
+ contentAs: import("vue-types").VueTypeValidableDef<string> & {
594
+ default: string;
595
+ } & {
596
+ default: string;
597
+ };
576
598
  scrollOffsetTop: import("vue-types").VueTypeValidableDef<number> & {
577
599
  default: number;
578
600
  } & {
@@ -642,6 +664,7 @@ declare const BkVirtualRender: {
642
664
  groupItemCount: number;
643
665
  preloadItemCount: number;
644
666
  renderAs: string;
667
+ contentAs: string;
645
668
  scrollOffsetTop: number;
646
669
  scrollPosition: string;
647
670
  abosuteHeight: string | number;
@@ -17485,6 +17485,8 @@ var virtualRenderProps = _objectSpread({
17485
17485
  preloadItemCount: shared_namespaceObject.PropTypes.number.def(1),
17486
17486
  /** 外层Dom元素需要渲染成的目标元素 */
17487
17487
  renderAs: shared_namespaceObject.PropTypes.string.def('div'),
17488
+ /** 内容层渲染成目标元素 */
17489
+ contentAs: shared_namespaceObject.PropTypes.string.def('div'),
17488
17490
  /** top 滚动填充 */
17489
17491
  scrollOffsetTop: shared_namespaceObject.PropTypes.number.def(0),
17490
17492
  /**
@@ -17915,8 +17917,10 @@ function use_tag_render_objectSpread(e) { for (var r = 1; r < arguments.length;
17915
17917
 
17916
17918
 
17917
17919
  /* harmony default export */ const use_tag_render = (function (props, ctx) {
17918
- var renderAs = props.renderAs;
17920
+ var renderAs = props.renderAs,
17921
+ contentAs = props.contentAs;
17919
17922
  var refRoot = (0,external_vue_namespaceObject.ref)(null);
17923
+ var refContent = (0,external_vue_namespaceObject.ref)(null);
17920
17924
  var _useScrollbar = use_scrollbar(props),
17921
17925
  init = _useScrollbar.init,
17922
17926
  scrollTo = _useScrollbar.scrollTo;
@@ -17924,6 +17928,9 @@ function use_tag_render_objectSpread(e) { for (var r = 1; r < arguments.length;
17924
17928
  x: 0,
17925
17929
  y: 0
17926
17930
  });
17931
+ var computedStyle = (0,external_vue_namespaceObject.computed)(function () {
17932
+ return use_tag_render_objectSpread({}, props.contentStyle);
17933
+ });
17927
17934
  /** 指令触发Scroll事件,计算当前startIndex & endIndex & scrollTop & translateY */
17928
17935
  var handleScrollCallback = function handleScrollCallback(event, _startIndex, _endIndex, _scrollTop, translateY, scrollLeft, pos) {
17929
17936
  var scrollbar = pos.scrollbar;
@@ -17965,7 +17972,7 @@ function use_tag_render_objectSpread(e) { for (var r = 1; r < arguments.length;
17965
17972
  scrollTo: scrollTo,
17966
17973
  fixToTop: fixToTop,
17967
17974
  refRoot: refRoot,
17968
- refContent: refRoot
17975
+ refContent: refContent
17969
17976
  });
17970
17977
  (0,external_vue_namespaceObject.onMounted)(function () {
17971
17978
  var _props$scrollbar;
@@ -17985,6 +17992,12 @@ function use_tag_render_objectSpread(e) { for (var r = 1; r < arguments.length;
17985
17992
  }
17986
17993
  return [props.className];
17987
17994
  });
17995
+ var contentClassNames = (0,external_vue_namespaceObject.computed)(function () {
17996
+ if (props.scrollbar.enabled) {
17997
+ return [props.contentClassName];
17998
+ }
17999
+ return [props.contentClassName];
18000
+ });
17988
18001
  return {
17989
18002
  rendAsTag: function rendAsTag() {
17990
18003
  var _ctx$slots$beforeCont, _ctx$slots$beforeCont2, _ctx$slots, _ctx$slots$default, _ctx$slots$default2, _ctx$slots2, _ctx$slots$afterConte, _ctx$slots$afterConte2, _ctx$slots3, _ctx$slots$afterSecti, _ctx$slots$afterSecti2, _ctx$slots4;
@@ -17994,9 +18007,13 @@ function use_tag_render_objectSpread(e) { for (var r = 1; r < arguments.length;
17994
18007
  "class": wrapperClassNames.value,
17995
18008
  style: wrapperStyle.value,
17996
18009
  ref: refRoot
17997
- }, [(_ctx$slots$beforeCont = (_ctx$slots$beforeCont2 = (_ctx$slots = ctx.slots).beforeContent) === null || _ctx$slots$beforeCont2 === void 0 ? void 0 : _ctx$slots$beforeCont2.call(_ctx$slots)) !== null && _ctx$slots$beforeCont !== void 0 ? _ctx$slots$beforeCont : '', (_ctx$slots$default = (_ctx$slots$default2 = (_ctx$slots2 = ctx.slots)["default"]) === null || _ctx$slots$default2 === void 0 ? void 0 : _ctx$slots$default2.call(_ctx$slots2, {
18010
+ }, [(_ctx$slots$beforeCont = (_ctx$slots$beforeCont2 = (_ctx$slots = ctx.slots).beforeContent) === null || _ctx$slots$beforeCont2 === void 0 ? void 0 : _ctx$slots$beforeCont2.call(_ctx$slots)) !== null && _ctx$slots$beforeCont !== void 0 ? _ctx$slots$beforeCont : '', (0,external_vue_namespaceObject.h)(contentAs, {
18011
+ "class": contentClassNames.value,
18012
+ style: computedStyle.value,
18013
+ ref: refContent
18014
+ }, [(_ctx$slots$default = (_ctx$slots$default2 = (_ctx$slots2 = ctx.slots)["default"]) === null || _ctx$slots$default2 === void 0 ? void 0 : _ctx$slots$default2.call(_ctx$slots2, {
17998
18015
  data: props.list
17999
- })) !== null && _ctx$slots$default !== void 0 ? _ctx$slots$default : '', (_ctx$slots$afterConte = (_ctx$slots$afterConte2 = (_ctx$slots3 = ctx.slots).afterContent) === null || _ctx$slots$afterConte2 === void 0 ? void 0 : _ctx$slots$afterConte2.call(_ctx$slots3)) !== null && _ctx$slots$afterConte !== void 0 ? _ctx$slots$afterConte : '', (_ctx$slots$afterSecti = (_ctx$slots$afterSecti2 = (_ctx$slots4 = ctx.slots).afterSection) === null || _ctx$slots$afterSecti2 === void 0 ? void 0 : _ctx$slots$afterSecti2.call(_ctx$slots4)) !== null && _ctx$slots$afterSecti !== void 0 ? _ctx$slots$afterSecti : '']);
18016
+ })) !== null && _ctx$slots$default !== void 0 ? _ctx$slots$default : '']), (_ctx$slots$afterConte = (_ctx$slots$afterConte2 = (_ctx$slots3 = ctx.slots).afterContent) === null || _ctx$slots$afterConte2 === void 0 ? void 0 : _ctx$slots$afterConte2.call(_ctx$slots3)) !== null && _ctx$slots$afterConte !== void 0 ? _ctx$slots$afterConte : '', (_ctx$slots$afterSecti = (_ctx$slots$afterSecti2 = (_ctx$slots4 = ctx.slots).afterSection) === null || _ctx$slots$afterSecti2 === void 0 ? void 0 : _ctx$slots$afterSecti2.call(_ctx$slots4)) !== null && _ctx$slots$afterSecti !== void 0 ? _ctx$slots$afterSecti : '']);
18000
18017
  }
18001
18018
  };
18002
18019
  });
@@ -18054,7 +18071,8 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
18054
18071
  slots: Object,
18055
18072
  setup: function setup(props, ctx) {
18056
18073
  var _this = this;
18057
- var renderAs = props.renderAs;
18074
+ var renderAs = props.renderAs,
18075
+ contentAs = props.contentAs;
18058
18076
  var resolvePropClassName = function resolvePropClassName(prop) {
18059
18077
  if (typeof prop === 'string') {
18060
18078
  return [prop];
@@ -18079,6 +18097,7 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
18079
18097
  };
18080
18098
  });
18081
18099
  var refRoot = (0,external_vue_namespaceObject.ref)(null);
18100
+ var refContent = (0,external_vue_namespaceObject.ref)(null);
18082
18101
  /** 如果有分组状态,计算总行数 */
18083
18102
  var listLength = (0,external_vue_namespaceObject.ref)(0);
18084
18103
  /** 实际高度,根据行高和总行数计算出来的实际高度 */
@@ -18118,12 +18137,12 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
18118
18137
  var total = localList.value.length;
18119
18138
  if (total < end) {
18120
18139
  end = total;
18121
- start = end - Math.floor(refRoot.value.offsetHeight / props.lineHeight);
18140
+ start = end - Math.floor(refContent.value.offsetHeight / props.lineHeight);
18122
18141
  start = start < 0 ? 0 : start;
18123
18142
  }
18124
18143
  if (end > total) {
18125
18144
  end = total;
18126
- start = end - Math.floor(refRoot.value.offsetHeight / props.lineHeight);
18145
+ start = end - Math.floor(refContent.value.offsetHeight / props.lineHeight);
18127
18146
  }
18128
18147
  var value = localList.value.slice(start, end);
18129
18148
  calcList.value = value;
@@ -18229,6 +18248,10 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
18229
18248
  var wrapperClass = (0,external_vue_namespaceObject.computed)(function () {
18230
18249
  return [resolveClassName('virtual-render')].concat(_toConsumableArray(resolvePropClassName(props.className)), [props.scrollPosition === 'container' ? resolveClassName('virtual-content') : '']);
18231
18250
  });
18251
+ /** 内容区域样式列表 */
18252
+ var innerClass = (0,external_vue_namespaceObject.computed)(function () {
18253
+ return [props.scrollPosition === 'content' ? resolveClassName('virtual-content') : ''].concat(_toConsumableArray(resolvePropClassName(props.contentClassName)));
18254
+ });
18232
18255
  /**
18233
18256
  * 重置当前配置
18234
18257
  * @param keepLastPostion
@@ -18272,7 +18295,7 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
18272
18295
  scrollTo: scrollTo,
18273
18296
  fixToTop: fixToTop,
18274
18297
  refRoot: refRoot,
18275
- refContent: refRoot
18298
+ refContent: refContent
18276
18299
  });
18277
18300
  var handleScrollBarCallback = function handleScrollBarCallback(args) {
18278
18301
  instance.executeThrottledRender.call(instance, args);
@@ -18285,9 +18308,13 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
18285
18308
  ref: refRoot,
18286
18309
  "class": _toConsumableArray(wrapperClass.value),
18287
18310
  style: wrapperStyle.value
18288
- }, [(_ctx$slots$beforeCont = (_ctx$slots$beforeCont2 = (_ctx$slots = ctx.slots).beforeContent) === null || _ctx$slots$beforeCont2 === void 0 ? void 0 : _ctx$slots$beforeCont2.call(_ctx$slots)) !== null && _ctx$slots$beforeCont !== void 0 ? _ctx$slots$beforeCont : '', (_ctx$slots$default = (_ctx$slots$default2 = (_ctx$slots2 = ctx.slots)["default"]) === null || _ctx$slots$default2 === void 0 ? void 0 : _ctx$slots$default2.call(_ctx$slots2, {
18311
+ }, [(_ctx$slots$beforeCont = (_ctx$slots$beforeCont2 = (_ctx$slots = ctx.slots).beforeContent) === null || _ctx$slots$beforeCont2 === void 0 ? void 0 : _ctx$slots$beforeCont2.call(_ctx$slots)) !== null && _ctx$slots$beforeCont !== void 0 ? _ctx$slots$beforeCont : '', (0,external_vue_namespaceObject.h)(contentAs || 'div', {
18312
+ ref: refContent,
18313
+ "class": _toConsumableArray(innerClass.value),
18314
+ style: virtual_render_objectSpread(virtual_render_objectSpread({}, innerContentStyle.value), props.contentStyle)
18315
+ }, [(_ctx$slots$default = (_ctx$slots$default2 = (_ctx$slots2 = ctx.slots)["default"]) === null || _ctx$slots$default2 === void 0 ? void 0 : _ctx$slots$default2.call(_ctx$slots2, {
18289
18316
  data: calcList.value
18290
- })) !== null && _ctx$slots$default !== void 0 ? _ctx$slots$default : '', (_ctx$slots$afterConte = (_ctx$slots$afterConte2 = (_ctx$slots3 = ctx.slots).afterContent) === null || _ctx$slots$afterConte2 === void 0 ? void 0 : _ctx$slots$afterConte2.call(_ctx$slots3)) !== null && _ctx$slots$afterConte !== void 0 ? _ctx$slots$afterConte : '', (_ctx$slots$afterSecti = (_ctx$slots$afterSecti2 = (_ctx$slots4 = ctx.slots).afterSection) === null || _ctx$slots$afterSecti2 === void 0 ? void 0 : _ctx$slots$afterSecti2.call(_ctx$slots4)) !== null && _ctx$slots$afterSecti !== void 0 ? _ctx$slots$afterSecti : '']);
18317
+ })) !== null && _ctx$slots$default !== void 0 ? _ctx$slots$default : '']), (_ctx$slots$afterConte = (_ctx$slots$afterConte2 = (_ctx$slots3 = ctx.slots).afterContent) === null || _ctx$slots$afterConte2 === void 0 ? void 0 : _ctx$slots$afterConte2.call(_ctx$slots3)) !== null && _ctx$slots$afterConte !== void 0 ? _ctx$slots$afterConte : '', (_ctx$slots$afterSecti = (_ctx$slots$afterSecti2 = (_ctx$slots4 = ctx.slots).afterSection) === null || _ctx$slots$afterSecti2 === void 0 ? void 0 : _ctx$slots$afterSecti2.call(_ctx$slots4)) !== null && _ctx$slots$afterSecti !== void 0 ? _ctx$slots$afterSecti : '']);
18291
18318
  };
18292
18319
  }
18293
18320
  }));
@@ -131,6 +131,12 @@ export declare const virtualRenderProps: {
131
131
  } & {
132
132
  default: string;
133
133
  };
134
+ /** 内容层渲染成目标元素 */
135
+ contentAs: import("vue-types").VueTypeValidableDef<string> & {
136
+ default: string;
137
+ } & {
138
+ default: string;
139
+ };
134
140
  /** top 滚动填充 */
135
141
  scrollOffsetTop: import("vue-types").VueTypeValidableDef<number> & {
136
142
  default: number;
@@ -145,9 +145,6 @@
145
145
  .bk-F-scroll-y::-webkit-scrollbar-thumb {
146
146
  border-radius: 4px;
147
147
  }
148
- /*
149
- * Container style
150
- */
151
148
  .bk-scrollbar {
152
149
  overflow: hidden !important;
153
150
  overflow-anchor: none;
@@ -180,10 +177,10 @@
180
177
  position: absolute;
181
178
  margin-bottom: 2px;
182
179
  }
183
- .bk-scrollbar .bk__rail-x.bk-size-small {
180
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small {
184
181
  height: 8px;
185
182
  }
186
- .bk-scrollbar .bk__rail-x.bk-size-small .bk__thumb-x {
183
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small .bk__thumb-x {
187
184
  height: 6px;
188
185
  }
189
186
  .bk-scrollbar .bk__rail-y {
@@ -195,10 +192,10 @@
195
192
  position: absolute;
196
193
  margin-right: 2px;
197
194
  }
198
- .bk-scrollbar .bk__rail-y.bk-size-small {
195
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small {
199
196
  width: 8px;
200
197
  }
201
- .bk-scrollbar .bk__rail-y.bk-size-small .bk__thumb-y {
198
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small .bk__thumb-y {
202
199
  width: 6px;
203
200
  }
204
201
  .bk-scrollbar:hover > .bk__rail-x,
@@ -237,14 +234,14 @@
237
234
  background-color: #979ba5;
238
235
  width: 10px;
239
236
  }
240
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
241
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
242
- .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-x {
237
+ .bk-scrollbar .bk-scroll-size-small > .bk__thumb-x,
238
+ .bk-scrollbar .bk-scroll-size-small > .bk__thumb-x,
239
+ .bk-scrollbar .bk-scroll-size-small.bk--clicking .bk__thumb-x {
243
240
  height: 8px;
244
241
  }
245
- .bk-scrollbar .bk-size-small:hover > .bk__thumb-y,
246
- .bk-scrollbar .bk-size-small:focus > .bk__thumb-y,
247
- .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-y {
242
+ .bk-scrollbar .bk-scroll-size-small:hover > .bk__thumb-y,
243
+ .bk-scrollbar .bk-scroll-size-small:focus > .bk__thumb-y,
244
+ .bk-scrollbar .bk-scroll-size-small.bk--clicking .bk__thumb-y {
248
245
  width: 8px;
249
246
  }
250
247
  /* MS supports */
@@ -94,11 +94,16 @@ declare const _default: import("vue").DefineComponent<{
94
94
  } & {
95
95
  default: string;
96
96
  };
97
+ contentAs: import("vue-types").VueTypeValidableDef<string> & {
98
+ default: string;
99
+ } & {
100
+ default: string;
101
+ };
97
102
  scrollOffsetTop: import("vue-types").VueTypeValidableDef<number> & {
98
103
  default: number;
99
104
  } & {
100
105
  default: number;
101
- }; /** 指令触发Scroll事件,计算当前startIndex & endIndex & scrollTop & translateY */
106
+ };
102
107
  scrollPosition: import("vue-types").VueTypeValidableDef<string> & {
103
108
  default: string;
104
109
  } & {
@@ -228,11 +233,16 @@ declare const _default: import("vue").DefineComponent<{
228
233
  } & {
229
234
  default: string;
230
235
  };
236
+ contentAs: import("vue-types").VueTypeValidableDef<string> & {
237
+ default: string;
238
+ } & {
239
+ default: string;
240
+ };
231
241
  scrollOffsetTop: import("vue-types").VueTypeValidableDef<number> & {
232
242
  default: number;
233
243
  } & {
234
244
  default: number;
235
- }; /** 指令触发Scroll事件,计算当前startIndex & endIndex & scrollTop & translateY */
245
+ };
236
246
  scrollPosition: import("vue-types").VueTypeValidableDef<string> & {
237
247
  default: string;
238
248
  } & {
@@ -295,6 +305,7 @@ declare const _default: import("vue").DefineComponent<{
295
305
  groupItemCount: number;
296
306
  preloadItemCount: number;
297
307
  renderAs: string;
308
+ contentAs: string;
298
309
  scrollOffsetTop: number;
299
310
  scrollPosition: string;
300
311
  abosuteHeight: string | number;
@@ -1,6 +1,6 @@
1
1
  @import '../styles/themes/themes.less';
2
2
  @import '../styles/mixins/scroll.less';
3
- @import '../scrollbar/css/scrollbar.less';
3
+ @import '../scrollbar/scrollbar.less';
4
4
 
5
5
  .@{bk-prefix}-virtual-render {
6
6
  position: relative;
@@ -535,9 +535,6 @@
535
535
  .bk-F-scroll-y::-webkit-scrollbar-thumb {
536
536
  border-radius: 4px;
537
537
  }
538
- /*
539
- * Container style
540
- */
541
538
  .bk-scrollbar {
542
539
  overflow: hidden !important;
543
540
  overflow-anchor: none;
@@ -570,10 +567,10 @@
570
567
  position: absolute;
571
568
  margin-bottom: 2px;
572
569
  }
573
- .bk-scrollbar .bk__rail-x.bk-size-small {
570
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small {
574
571
  height: 8px;
575
572
  }
576
- .bk-scrollbar .bk__rail-x.bk-size-small .bk__thumb-x {
573
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small .bk__thumb-x {
577
574
  height: 6px;
578
575
  }
579
576
  .bk-scrollbar .bk__rail-y {
@@ -585,10 +582,10 @@
585
582
  position: absolute;
586
583
  margin-right: 2px;
587
584
  }
588
- .bk-scrollbar .bk__rail-y.bk-size-small {
585
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small {
589
586
  width: 8px;
590
587
  }
591
- .bk-scrollbar .bk__rail-y.bk-size-small .bk__thumb-y {
588
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small .bk__thumb-y {
592
589
  width: 6px;
593
590
  }
594
591
  .bk-scrollbar:hover > .bk__rail-x,
@@ -627,14 +624,14 @@
627
624
  background-color: #979ba5;
628
625
  width: 10px;
629
626
  }
630
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
631
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
632
- .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-x {
627
+ .bk-scrollbar .bk-scroll-size-small > .bk__thumb-x,
628
+ .bk-scrollbar .bk-scroll-size-small > .bk__thumb-x,
629
+ .bk-scrollbar .bk-scroll-size-small.bk--clicking .bk__thumb-x {
633
630
  height: 8px;
634
631
  }
635
- .bk-scrollbar .bk-size-small:hover > .bk__thumb-y,
636
- .bk-scrollbar .bk-size-small:focus > .bk__thumb-y,
637
- .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-y {
632
+ .bk-scrollbar .bk-scroll-size-small:hover > .bk__thumb-y,
633
+ .bk-scrollbar .bk-scroll-size-small:focus > .bk__thumb-y,
634
+ .bk-scrollbar .bk-scroll-size-small.bk--clicking .bk__thumb-y {
638
635
  width: 8px;
639
636
  }
640
637
  /* MS supports */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "2.0.1-beta.34.scrollbar.1",
3
+ "version": "2.0.1-beta.34.scrollbar.3",
4
4
  "workspaces": [
5
5
  "packages/**",
6
6
  "scripts/cli",