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.
- package/dist/index.cjs.js +28 -28
- package/dist/index.esm.js +3729 -3712
- package/dist/index.umd.js +21 -21
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/index.js +1 -1
- package/lib/scrollbar/scrollbar.css +240 -0
- package/lib/scrollbar/scrollbar.less +139 -0
- package/lib/scrollbar/scrollbar.variable.css +500 -0
- package/lib/styles/index.d.ts +1 -0
- package/lib/table/index.js +1 -0
- package/lib/table/table.css +10 -13
- package/lib/table/table.variable.css +10 -13
- package/lib/tree/tree.css +10 -13
- package/lib/tree/tree.variable.css +10 -13
- package/lib/virtual-render/index.d.ts +23 -0
- package/lib/virtual-render/index.js +37 -10
- package/lib/virtual-render/props.d.ts +6 -0
- package/lib/virtual-render/virtual-render.css +10 -13
- package/lib/virtual-render/virtual-render.d.ts +13 -2
- package/lib/virtual-render/virtual-render.less +1 -1
- package/lib/virtual-render/virtual-render.variable.css +10 -13
- package/package.json +1 -1
@@ -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:
|
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 : '', (
|
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(
|
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(
|
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:
|
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 : '', (
|
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
|
-
};
|
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
|
-
};
|
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;
|
@@ -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 */
|