bkui-vue 2.0.1-beta.34.scrollbar.2 → 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.
Files changed (21) hide show
  1. package/dist/index.cjs.js +28 -28
  2. package/dist/index.esm.js +3729 -3712
  3. package/dist/index.umd.js +21 -21
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/index.js +1 -1
  7. package/lib/scrollbar/scrollbar.css +10 -10
  8. package/lib/scrollbar/scrollbar.less +3 -3
  9. package/lib/scrollbar/scrollbar.variable.css +10 -10
  10. package/lib/table/index.js +1 -0
  11. package/lib/table/table.css +10 -10
  12. package/lib/table/table.variable.css +10 -10
  13. package/lib/tree/tree.css +10 -10
  14. package/lib/tree/tree.variable.css +10 -10
  15. package/lib/virtual-render/index.d.ts +23 -0
  16. package/lib/virtual-render/index.js +37 -10
  17. package/lib/virtual-render/props.d.ts +6 -0
  18. package/lib/virtual-render/virtual-render.css +10 -10
  19. package/lib/virtual-render/virtual-render.d.ts +13 -2
  20. package/lib/virtual-render/virtual-render.variable.css +10 -10
  21. package/package.json +1 -1
package/lib/index.js CHANGED
@@ -4,5 +4,5 @@ export { default } from './preset';
4
4
  export * from './config-provider';
5
5
  export * from './directives';
6
6
  export * as plugins from './plugins';
7
- export const version = "2.0.1-beta.34.scrollbar.2";
7
+ export const version = "2.0.1-beta.34.scrollbar.3";
8
8
  window.__bkui_vue_version__ = version;
package/lib/scrollbar/scrollbar.css CHANGED
@@ -160,10 +160,10 @@
160
160
  position: absolute;
161
161
  margin-bottom: 2px;
162
162
  }
163
- .bk-scrollbar .bk__rail-x.bk-size-small {
163
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small {
164
164
  height: 8px;
165
165
  }
166
- .bk-scrollbar .bk__rail-x.bk-size-small .bk__thumb-x {
166
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small .bk__thumb-x {
167
167
  height: 6px;
168
168
  }
169
169
  .bk-scrollbar .bk__rail-y {
@@ -175,10 +175,10 @@
175
175
  position: absolute;
176
176
  margin-right: 2px;
177
177
  }
178
- .bk-scrollbar .bk__rail-y.bk-size-small {
178
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small {
179
179
  width: 8px;
180
180
  }
181
- .bk-scrollbar .bk__rail-y.bk-size-small .bk__thumb-y {
181
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small .bk__thumb-y {
182
182
  width: 6px;
183
183
  }
184
184
  .bk-scrollbar:hover > .bk__rail-x,
@@ -217,14 +217,14 @@
217
217
  background-color: #979ba5;
218
218
  width: 10px;
219
219
  }
220
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
221
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
222
- .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-x {
220
+ .bk-scrollbar .bk-scroll-size-small > .bk__thumb-x,
221
+ .bk-scrollbar .bk-scroll-size-small > .bk__thumb-x,
222
+ .bk-scrollbar .bk-scroll-size-small.bk--clicking .bk__thumb-x {
223
223
  height: 8px;
224
224
  }
225
- .bk-scrollbar .bk-size-small:hover > .bk__thumb-y,
226
- .bk-scrollbar .bk-size-small:focus > .bk__thumb-y,
227
- .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-y {
225
+ .bk-scrollbar .bk-scroll-size-small:hover > .bk__thumb-y,
226
+ .bk-scrollbar .bk-scroll-size-small:focus > .bk__thumb-y,
227
+ .bk-scrollbar .bk-scroll-size-small.bk--clicking .bk__thumb-y {
228
228
  width: 8px;
229
229
  }
230
230
  /* MS supports */
package/lib/scrollbar/scrollbar.less CHANGED
@@ -33,7 +33,7 @@
33
33
  position: absolute;
34
34
  margin-bottom: 2px;
35
35
 
36
- &.@{bk-prefix}-size-small {
36
+ &.@{bk-prefix}-scroll-size-small {
37
37
  height: 8px;
38
38
 
39
39
  .@{bk-prefix}__thumb-x {
@@ -53,7 +53,7 @@
53
53
  position: absolute;
54
54
  margin-right: 2px;
55
55
 
56
- &.@{bk-prefix}-size-small {
56
+ &.@{bk-prefix}-scroll-size-small {
57
57
  width: 8px;
58
58
 
59
59
  .@{bk-prefix}__thumb-y {
@@ -110,7 +110,7 @@
110
110
  width: 10px;
111
111
  }
112
112
 
113
- .@{bk-prefix}-size-small {
113
+ .@{bk-prefix}-scroll-size-small {
114
114
  > .@{bk-prefix}__thumb-x,
115
115
  > .@{bk-prefix}__thumb-x,
116
116
  &.@{bk-prefix}--clicking .@{bk-prefix}__thumb-x {
package/lib/scrollbar/scrollbar.variable.css CHANGED
@@ -420,10 +420,10 @@
420
420
  position: absolute;
421
421
  margin-bottom: 2px;
422
422
  }
423
- .bk-scrollbar .bk__rail-x.bk-size-small {
423
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small {
424
424
  height: 8px;
425
425
  }
426
- .bk-scrollbar .bk__rail-x.bk-size-small .bk__thumb-x {
426
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small .bk__thumb-x {
427
427
  height: 6px;
428
428
  }
429
429
  .bk-scrollbar .bk__rail-y {
@@ -435,10 +435,10 @@
435
435
  position: absolute;
436
436
  margin-right: 2px;
437
437
  }
438
- .bk-scrollbar .bk__rail-y.bk-size-small {
438
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small {
439
439
  width: 8px;
440
440
  }
441
- .bk-scrollbar .bk__rail-y.bk-size-small .bk__thumb-y {
441
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small .bk__thumb-y {
442
442
  width: 6px;
443
443
  }
444
444
  .bk-scrollbar:hover > .bk__rail-x,
@@ -477,14 +477,14 @@
477
477
  background-color: #979ba5;
478
478
  width: 10px;
479
479
  }
480
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
481
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
482
- .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-x {
480
+ .bk-scrollbar .bk-scroll-size-small > .bk__thumb-x,
481
+ .bk-scrollbar .bk-scroll-size-small > .bk__thumb-x,
482
+ .bk-scrollbar .bk-scroll-size-small.bk--clicking .bk__thumb-x {
483
483
  height: 8px;
484
484
  }
485
- .bk-scrollbar .bk-size-small:hover > .bk__thumb-y,
486
- .bk-scrollbar .bk-size-small:focus > .bk__thumb-y,
487
- .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-y {
485
+ .bk-scrollbar .bk-scroll-size-small:hover > .bk__thumb-y,
486
+ .bk-scrollbar .bk-scroll-size-small:focus > .bk__thumb-y,
487
+ .bk-scrollbar .bk-scroll-size-small.bk--clicking .bk__thumb-y {
488
488
  width: 8px;
489
489
  }
490
490
  /* MS supports */
package/lib/table/index.js CHANGED
@@ -21258,6 +21258,7 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
21258
21258
  var scrollWidth = (_refBody$value$refRoo = (_refBody$value = refBody.value) === null || _refBody$value === void 0 || (_refBody$value = _refBody$value.refRoot) === null || _refBody$value === void 0 ? void 0 : _refBody$value.scrollWidth) !== null && _refBody$value$refRoo !== void 0 ? _refBody$value$refRoo : 0;
21259
21259
  var offsetWidth = (_refBody$value$refRoo2 = (_refBody$value2 = refBody.value) === null || _refBody$value2 === void 0 || (_refBody$value2 = _refBody$value2.refRoot) === null || _refBody$value2 === void 0 ? void 0 : _refBody$value2.offsetWidth) !== null && _refBody$value$refRoo2 !== void 0 ? _refBody$value$refRoo2 : 0;
21260
21260
  offsetRight.value = (_ref = scrollWidth - offsetWidth - (translateX === null || translateX === void 0 ? void 0 : translateX.value)) !== null && _ref !== void 0 ? _ref : 0;
21261
+ setFixedColumnShawdow();
21261
21262
  };
21262
21263
  var setLineHeight = function setLineHeight(val) {
21263
21264
  lineHeight.value = val;
package/lib/table/table.css CHANGED
@@ -177,10 +177,10 @@
177
177
  position: absolute;
178
178
  margin-bottom: 2px;
179
179
  }
180
- .bk-scrollbar .bk__rail-x.bk-size-small {
180
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small {
181
181
  height: 8px;
182
182
  }
183
- .bk-scrollbar .bk__rail-x.bk-size-small .bk__thumb-x {
183
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small .bk__thumb-x {
184
184
  height: 6px;
185
185
  }
186
186
  .bk-scrollbar .bk__rail-y {
@@ -192,10 +192,10 @@
192
192
  position: absolute;
193
193
  margin-right: 2px;
194
194
  }
195
- .bk-scrollbar .bk__rail-y.bk-size-small {
195
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small {
196
196
  width: 8px;
197
197
  }
198
- .bk-scrollbar .bk__rail-y.bk-size-small .bk__thumb-y {
198
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small .bk__thumb-y {
199
199
  width: 6px;
200
200
  }
201
201
  .bk-scrollbar:hover > .bk__rail-x,
@@ -234,14 +234,14 @@
234
234
  background-color: #979ba5;
235
235
  width: 10px;
236
236
  }
237
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
238
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
239
- .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 {
240
240
  height: 8px;
241
241
  }
242
- .bk-scrollbar .bk-size-small:hover > .bk__thumb-y,
243
- .bk-scrollbar .bk-size-small:focus > .bk__thumb-y,
244
- .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 {
245
245
  width: 8px;
246
246
  }
247
247
  /* MS supports */
package/lib/table/table.variable.css CHANGED
@@ -567,10 +567,10 @@
567
567
  position: absolute;
568
568
  margin-bottom: 2px;
569
569
  }
570
- .bk-scrollbar .bk__rail-x.bk-size-small {
570
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small {
571
571
  height: 8px;
572
572
  }
573
- .bk-scrollbar .bk__rail-x.bk-size-small .bk__thumb-x {
573
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small .bk__thumb-x {
574
574
  height: 6px;
575
575
  }
576
576
  .bk-scrollbar .bk__rail-y {
@@ -582,10 +582,10 @@
582
582
  position: absolute;
583
583
  margin-right: 2px;
584
584
  }
585
- .bk-scrollbar .bk__rail-y.bk-size-small {
585
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small {
586
586
  width: 8px;
587
587
  }
588
- .bk-scrollbar .bk__rail-y.bk-size-small .bk__thumb-y {
588
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small .bk__thumb-y {
589
589
  width: 6px;
590
590
  }
591
591
  .bk-scrollbar:hover > .bk__rail-x,
@@ -624,14 +624,14 @@
624
624
  background-color: #979ba5;
625
625
  width: 10px;
626
626
  }
627
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
628
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
629
- .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 {
630
630
  height: 8px;
631
631
  }
632
- .bk-scrollbar .bk-size-small:hover > .bk__thumb-y,
633
- .bk-scrollbar .bk-size-small:focus > .bk__thumb-y,
634
- .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 {
635
635
  width: 8px;
636
636
  }
637
637
  /* MS supports */
package/lib/tree/tree.css CHANGED
@@ -177,10 +177,10 @@
177
177
  position: absolute;
178
178
  margin-bottom: 2px;
179
179
  }
180
- .bk-scrollbar .bk__rail-x.bk-size-small {
180
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small {
181
181
  height: 8px;
182
182
  }
183
- .bk-scrollbar .bk__rail-x.bk-size-small .bk__thumb-x {
183
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small .bk__thumb-x {
184
184
  height: 6px;
185
185
  }
186
186
  .bk-scrollbar .bk__rail-y {
@@ -192,10 +192,10 @@
192
192
  position: absolute;
193
193
  margin-right: 2px;
194
194
  }
195
- .bk-scrollbar .bk__rail-y.bk-size-small {
195
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small {
196
196
  width: 8px;
197
197
  }
198
- .bk-scrollbar .bk__rail-y.bk-size-small .bk__thumb-y {
198
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small .bk__thumb-y {
199
199
  width: 6px;
200
200
  }
201
201
  .bk-scrollbar:hover > .bk__rail-x,
@@ -234,14 +234,14 @@
234
234
  background-color: #979ba5;
235
235
  width: 10px;
236
236
  }
237
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
238
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
239
- .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 {
240
240
  height: 8px;
241
241
  }
242
- .bk-scrollbar .bk-size-small:hover > .bk__thumb-y,
243
- .bk-scrollbar .bk-size-small:focus > .bk__thumb-y,
244
- .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 {
245
245
  width: 8px;
246
246
  }
247
247
  /* MS supports */
package/lib/tree/tree.variable.css CHANGED
@@ -567,10 +567,10 @@
567
567
  position: absolute;
568
568
  margin-bottom: 2px;
569
569
  }
570
- .bk-scrollbar .bk__rail-x.bk-size-small {
570
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small {
571
571
  height: 8px;
572
572
  }
573
- .bk-scrollbar .bk__rail-x.bk-size-small .bk__thumb-x {
573
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small .bk__thumb-x {
574
574
  height: 6px;
575
575
  }
576
576
  .bk-scrollbar .bk__rail-y {
@@ -582,10 +582,10 @@
582
582
  position: absolute;
583
583
  margin-right: 2px;
584
584
  }
585
- .bk-scrollbar .bk__rail-y.bk-size-small {
585
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small {
586
586
  width: 8px;
587
587
  }
588
- .bk-scrollbar .bk__rail-y.bk-size-small .bk__thumb-y {
588
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small .bk__thumb-y {
589
589
  width: 6px;
590
590
  }
591
591
  .bk-scrollbar:hover > .bk__rail-x,
@@ -624,14 +624,14 @@
624
624
  background-color: #979ba5;
625
625
  width: 10px;
626
626
  }
627
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
628
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
629
- .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 {
630
630
  height: 8px;
631
631
  }
632
- .bk-scrollbar .bk-size-small:hover > .bk__thumb-y,
633
- .bk-scrollbar .bk-size-small:focus > .bk__thumb-y,
634
- .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 {
635
635
  width: 8px;
636
636
  }
637
637
  /* MS supports */
package/lib/virtual-render/index.d.ts CHANGED
@@ -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;
package/lib/virtual-render/index.js CHANGED
@@ -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
  }));
package/lib/virtual-render/props.d.ts CHANGED
@@ -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;
package/lib/virtual-render/virtual-render.css CHANGED
@@ -177,10 +177,10 @@
177
177
  position: absolute;
178
178
  margin-bottom: 2px;
179
179
  }
180
- .bk-scrollbar .bk__rail-x.bk-size-small {
180
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small {
181
181
  height: 8px;
182
182
  }
183
- .bk-scrollbar .bk__rail-x.bk-size-small .bk__thumb-x {
183
+ .bk-scrollbar .bk__rail-x.bk-scroll-size-small .bk__thumb-x {
184
184
  height: 6px;
185
185
  }
186
186
  .bk-scrollbar .bk__rail-y {
@@ -192,10 +192,10 @@
192
192
  position: absolute;
193
193
  margin-right: 2px;
194
194
  }
195
- .bk-scrollbar .bk__rail-y.bk-size-small {
195
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small {
196
196
  width: 8px;
197
197
  }
198
- .bk-scrollbar .bk__rail-y.bk-size-small .bk__thumb-y {
198
+ .bk-scrollbar .bk__rail-y.bk-scroll-size-small .bk__thumb-y {
199
199
  width: 6px;
200
200
  }
201
201
  .bk-scrollbar:hover > .bk__rail-x,
@@ -234,14 +234,14 @@
234
234
  background-color: #979ba5;
235
235
  width: 10px;
236
236
  }
237
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
238
- .bk-scrollbar .bk-size-small > .bk__thumb-x,
239
- .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 {
240
240
  height: 8px;
241
241
  }
242
- .bk-scrollbar .bk-size-small:hover > .bk__thumb-y,
243
- .bk-scrollbar .bk-size-small:focus > .bk__thumb-y,
244
- .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 {
245
245
  width: 8px;
246
246
  }
247
247
  /* MS supports */
package/lib/virtual-render/virtual-render.d.ts CHANGED
@@ -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;