bkui-vue 2.0.1-beta.6 → 2.0.1-beta.60.fix.1

package/lib/rate/rate.less

@@ -11,3 +11,36 @@
     overflow: hidden;
   }
 }
+
+.@{bk-prefix}-rate-stars {
+  padding: 0;
+  margin: 0;
+
+  .@{bk-prefix}-is-edit {
+    cursor: pointer;
+  }
+
+  &:after {
+    display: table;
+    clear: both;
+    content: '';
+  }
+
+  .@{bk-prefix}-rate-star {
+    float: left;
+    margin-right: 3px;
+    enable-background: new 0 0 64 64;
+    fill: #c5c7d1;
+
+    &.@{bk-prefix}-is-select {
+      fill: #ffb848;
+    }
+    &.@{bk-prefix}-is-hover {
+      transform: scale(1.2);
+    }
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}

package/lib/rate/rate.variable.css

@@ -137,3 +137,30 @@
   display: flex;
   overflow: hidden;
 }
+.bk-rate-stars {
+  padding: 0;
+  margin: 0;
+}
+.bk-rate-stars .bk-is-edit {
+  cursor: pointer;
+}
+.bk-rate-stars:after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.bk-rate-stars .bk-rate-star {
+  float: left;
+  margin-right: 3px;
+  enable-background: new 0 0 64 64;
+  fill: #c5c7d1;
+}
+.bk-rate-stars .bk-rate-star.bk-is-select {
+  fill: #ffb848;
+}
+.bk-rate-stars .bk-rate-star.bk-is-hover {
+  transform: scale(1.2);
+}
+.bk-rate-stars .bk-rate-star:last-child {
+  margin-right: 0;
+}

package/lib/resize-layout/index.d.ts

@@ -1,7 +1,7 @@
 declare const BkResizeLayout: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        placement: import("vue-types").VueTypeDef<"top" | "right" | "bottom" | "left"> & {
-            default: "top" | "right" | "bottom" | "left";
+        placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top"> & {
+            default: "bottom" | "left" | "right" | "top";
         };
         min: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -35,6 +35,11 @@ declare const BkResizeLayout: {
         collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         };
+        isCollapsed: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
             default: number | boolean;
         };
@@ -70,8 +75,8 @@ declare const BkResizeLayout: {
         setCollapse: (collapse: any) => void;
         resolveClassName: (cls: string) => string;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        placement: import("vue-types").VueTypeDef<"top" | "right" | "bottom" | "left"> & {
-            default: "top" | "right" | "bottom" | "left";
+        placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top"> & {
+            default: "bottom" | "left" | "right" | "top";
         };
         min: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -105,6 +110,11 @@ declare const BkResizeLayout: {
         collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         };
+        isCollapsed: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
             default: number | boolean;
         };
@@ -120,7 +130,7 @@ declare const BkResizeLayout: {
         "onCollapse-change"?: (...args: any[]) => any;
     }, {
         disabled: boolean;
-        placement: "top" | "right" | "bottom" | "left";
+        placement: "bottom" | "left" | "right" | "top";
         border: boolean;
         max: number;
         min: number;
@@ -129,6 +139,7 @@ declare const BkResizeLayout: {
         triggerOffset: number;
         initialDivide: string | number;
         immediate: boolean;
+        isCollapsed: boolean;
         autoMinimize: number | boolean;
     }, true, {}, {}, {
         P: {};
@@ -138,8 +149,8 @@ declare const BkResizeLayout: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        placement: import("vue-types").VueTypeDef<"top" | "right" | "bottom" | "left"> & {
-            default: "top" | "right" | "bottom" | "left";
+        placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top"> & {
+            default: "bottom" | "left" | "right" | "top";
         };
         min: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -173,6 +184,11 @@ declare const BkResizeLayout: {
         collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         };
+        isCollapsed: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
             default: number | boolean;
         };
@@ -209,7 +225,7 @@ declare const BkResizeLayout: {
         resolveClassName: (cls: string) => string;
     }, {}, {}, {}, {
         disabled: boolean;
-        placement: "top" | "right" | "bottom" | "left";
+        placement: "bottom" | "left" | "right" | "top";
         border: boolean;
         max: number;
         min: number;
@@ -218,14 +234,15 @@ declare const BkResizeLayout: {
         triggerOffset: number;
         initialDivide: string | number;
         immediate: boolean;
+        isCollapsed: boolean;
         autoMinimize: number | boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    placement: import("vue-types").VueTypeDef<"top" | "right" | "bottom" | "left"> & {
-        default: "top" | "right" | "bottom" | "left";
+    placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top"> & {
+        default: "bottom" | "left" | "right" | "top";
     };
     min: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -259,6 +276,11 @@ declare const BkResizeLayout: {
     collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    isCollapsed: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
         default: number | boolean;
     };
@@ -295,7 +317,7 @@ declare const BkResizeLayout: {
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], "before-resize" | "resizing" | "after-resize" | "collapse-change", {
     disabled: boolean;
-    placement: "top" | "right" | "bottom" | "left";
+    placement: "bottom" | "left" | "right" | "top";
     border: boolean;
     max: number;
     min: number;
@@ -304,6 +326,7 @@ declare const BkResizeLayout: {
     triggerOffset: number;
     initialDivide: string | number;
     immediate: boolean;
+    isCollapsed: boolean;
     autoMinimize: number | boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkResizeLayout;

package/lib/resize-layout/index.js

@@ -85,7 +85,7 @@ function _defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives, ["withModifiers"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers });
+const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives, ["withModifiers"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers });
 ;// CONCATENATED MODULE: external "../config-provider"
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
@@ -138,6 +138,7 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
     immediate: shared_namespaceObject.PropTypes.bool,
     disabled: shared_namespaceObject.PropTypes.bool,
     collapsible: shared_namespaceObject.PropTypes.bool,
+    isCollapsed: shared_namespaceObject.PropTypes.bool.def(false),
     autoMinimize: shared_namespaceObject.PropTypes.oneOfType([Boolean, Number]).def(false),
     border: shared_namespaceObject.PropTypes.bool.def(true)
   },
@@ -152,11 +153,14 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
       max = _toRefs.max,
       min = _toRefs.min,
       immediate = _toRefs.immediate,
-      autoMinimize = _toRefs.autoMinimize;
-    var collapsed = (0,external_vue_namespaceObject.ref)(false);
+      autoMinimize = _toRefs.autoMinimize,
+      collapsible = _toRefs.collapsible,
+      isCollapsed = _toRefs.isCollapsed;
+    var collapsed = (0,external_vue_namespaceObject.ref)(isCollapsed.value);
     var asideContentVisible = (0,external_vue_namespaceObject.ref)(true);
     var minimized = (0,external_vue_namespaceObject.ref)(false);
     var limitMax = (0,external_vue_namespaceObject.ref)(null);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var state = (0,external_vue_namespaceObject.ref)({});
     var bkResizeLayoutRef = (0,external_vue_namespaceObject.ref)(null);
     var resizeProxyRef = (0,external_vue_namespaceObject.ref)(null);
@@ -168,12 +172,19 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
     var cssPropKey = (0,external_vue_namespaceObject.computed)(function () {
       return vertical.value ? 'width' : 'height';
     });
-    var asideStyle = (0,external_vue_namespaceObject.computed)(function () {
+    // 转换类型
+    var parseInitialDivide = (0,external_vue_namespaceObject.computed)(function () {
       var divide = initialDivide.value;
       if (typeof divide === 'number') {
         divide = divide <= min.value ? "".concat(min.value, "px") : "".concat(divide, "px");
       }
-      return _defineProperty({}, cssPropKey.value, divide);
+      return divide;
+    });
+    var asideStyle = (0,external_vue_namespaceObject.computed)(function () {
+      if (collapsible.value && isCollapsed.value) {
+        return _defineProperty({}, cssPropKey.value, '0px');
+      }
+      return _defineProperty({}, cssPropKey.value, parseInitialDivide.value);
     });
     var triggerStyle = (0,external_vue_namespaceObject.computed)(function () {
       var style = _defineProperty(_defineProperty({}, "margin-".concat(placement.value), "".concat(triggerOffset.value - triggerWidth.value, "px")), cssPropKey.value, "".concat(triggerWidth.value, "px"));
@@ -293,7 +304,6 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
       }
       var asideRect = asideRef.value.getBoundingClientRect();
       // 最小化同时设置为已折叠，此时展开以初始化initial-divide数据为参考
-      // eslint-disable-next-line no-multi-assign
       minimized.value = collapsed.value = asideRect[cssPropKey.value] <= parseAutoMinimize.value;
       if (!minimized.value) {
         asideContentVisible.value = true;
@@ -317,7 +327,7 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
         asideRef.value.style[cssPropKey.value] = props.collapsible ? '0px' : '5px';
       } else {
         asideContentVisible.value = true;
-        asideRef.value.style[cssPropKey.value] = asideRef.value.getAttribute("data-".concat(cssPropKey.value));
+        asideRef.value.style[cssPropKey.value] = asideRef.value.getAttribute("data-".concat(cssPropKey.value)) || parseInitialDivide.value;
       }
     };
     var setupAsideListener = function setupAsideListener(visible) {
@@ -329,6 +339,11 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
       asideRef.value.addEventListener('transitionend', removeClass);
       asideRef.value.style.transition = "".concat(cssPropKey.value, " cubic-bezier(0.4, 0, 0.2, 1) .3s");
     };
+    // 监听折叠状态变化
+    (0,external_vue_namespaceObject.watch)(isCollapsed, function () {
+      collapsed.value = isCollapsed.value;
+      setCollapse(collapsed.value);
+    });
     (0,external_vue_namespaceObject.onMounted)(function () {
       observer.observe(bkResizeLayoutRef.value);
     });
@@ -366,18 +381,18 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
       "ref": "bkResizeLayoutRef",
       "class": bkResizeLayoutClass
     }, [(0,external_vue_namespaceObject.createVNode)("aside", {
-      "class": "".concat(this.resolveClassName('resize-layout-aside')),
       "ref": "asideRef",
-      "style": this.asideStyle
+      "style": this.asideStyle,
+      "class": "".concat(this.resolveClassName('resize-layout-aside'))
     }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
       "class": "".concat(this.resolveClassName('resize-layout-aside-content'))
     }, [(_this$$slots$aside = (_this$$slots = this.$slots).aside) === null || _this$$slots$aside === void 0 ? void 0 : _this$$slots$aside.call(_this$$slots)]), [[external_vue_namespaceObject.vShow, this.asideContentVisible]]), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("i", {
-      "class": "".concat(this.resolveClassName('resize-trigger')),
       "style": this.triggerStyle,
+      "class": "".concat(this.resolveClassName('resize-trigger')),
       "onMousedown": (0,external_vue_namespaceObject.withModifiers)(this.handleMousedown, ['left'])
     }, null), [[external_vue_namespaceObject.vShow, !this.disabled && (!this.collapsed || this.autoMinimize)]]), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("i", {
-      "class": ["".concat(this.resolveClassName('resize-proxy')), this.placement],
-      "ref": "resizeProxyRef"
+      "ref": "resizeProxyRef",
+      "class": ["".concat(this.resolveClassName('resize-proxy')), this.placement]
     }, null), [[external_vue_namespaceObject.vShow, !this.collapsed || this.autoMinimize]]), this.collapsible && (((_this$$slots$collapse = (_this$$slots2 = this.$slots)['collapse-trigger']) === null || _this$$slots$collapse === void 0 ? void 0 : _this$$slots$collapse.call(_this$$slots2)) || (this.collapsed ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, {
       "width": 26,
       "height": 26,
@@ -391,8 +406,8 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
     }, null)))]), (0,external_vue_namespaceObject.createVNode)("main", {
       "class": "".concat(this.resolveClassName('resize-layout-main'))
     }, [(_this$$slots$main = (_this$$slots3 = this.$slots).main) === null || _this$$slots$main === void 0 ? void 0 : _this$$slots$main.call(_this$$slots3)]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "".concat(this.resolveClassName('resize-mask')),
-      "ref": "resizeMaskRef"
+      "ref": "resizeMaskRef",
+      "class": "".concat(this.resolveClassName('resize-mask'))
     }, null)]);
   }
 }));

package/lib/resize-layout/resize-layout.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
-    placement: import("vue-types").VueTypeDef<"top" | "right" | "bottom" | "left"> & {
-        default: "top" | "right" | "bottom" | "left";
+    placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top"> & {
+        default: "bottom" | "left" | "right" | "top";
     };
     min: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -34,6 +34,11 @@ declare const _default: import("vue").DefineComponent<{
     collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    isCollapsed: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
         default: number | boolean;
     };
@@ -64,8 +69,8 @@ declare const _default: import("vue").DefineComponent<{
     setCollapse: (collapse: any) => void;
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], "before-resize" | "resizing" | "after-resize" | "collapse-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    placement: import("vue-types").VueTypeDef<"top" | "right" | "bottom" | "left"> & {
-        default: "top" | "right" | "bottom" | "left";
+    placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top"> & {
+        default: "bottom" | "left" | "right" | "top";
     };
     min: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -99,6 +104,11 @@ declare const _default: import("vue").DefineComponent<{
     collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    isCollapsed: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
         default: number | boolean;
     };
@@ -114,7 +124,7 @@ declare const _default: import("vue").DefineComponent<{
     "onCollapse-change"?: (...args: any[]) => any;
 }, {
     disabled: boolean;
-    placement: "top" | "right" | "bottom" | "left";
+    placement: "bottom" | "left" | "right" | "top";
     border: boolean;
     max: number;
     min: number;
@@ -123,6 +133,7 @@ declare const _default: import("vue").DefineComponent<{
     triggerOffset: number;
     initialDivide: string | number;
     immediate: boolean;
+    isCollapsed: boolean;
     autoMinimize: number | boolean;
 }, {}>;
 export default _default;

package/lib/scrollbar/index.js

@@ -18202,7 +18202,6 @@ var BkScrollbarCore = /*#__PURE__*/function () {
         // Hack for https://github.com/WICG/ResizeObserver/issues/38
         var resizeObserverStarted = false;
         var resizeObserver = elWindow.ResizeObserver || ResizeObserver;
-        // eslint-disable-next-line new-cap
         this.resizeObserver = new resizeObserver(function () {
           if (!resizeObserverStarted) return;
           elWindow.requestAnimationFrame(function () {

package/lib/scrollbar/scrollbar-core/index.d.ts

@@ -24,7 +24,7 @@ interface DebouncedFunc<T extends (...args: any[]) => any> {
     flush(): ReturnType<T> | undefined;
 }
 export interface Options {
-    forceVisible: boolean | Axis;
+    forceVisible: Axis | boolean;
     clickOnTrack: boolean;
     scrollbarMinSize: number;
     scrollbarMaxSize: number;
@@ -67,9 +67,9 @@ type ClassNames = {
 type Axis = 'x' | 'y';
 type AxisProps = {
     scrollOffsetAttr: 'scrollLeft' | 'scrollTop';
-    sizeAttr: 'width' | 'height';
-    scrollSizeAttr: 'scrollWidth' | 'scrollHeight';
-    offsetSizeAttr: 'offsetWidth' | 'offsetHeight';
+    sizeAttr: 'height' | 'width';
+    scrollSizeAttr: 'scrollHeight' | 'scrollWidth';
+    offsetSizeAttr: 'offsetHeight' | 'offsetWidth';
     offsetAttr: 'left' | 'top';
     overflowAttr: 'overflowX' | 'overflowY';
     dragOffset: number;
@@ -160,11 +160,11 @@ export default class BkScrollbarCore {
      * 模拟滚动条内部缩略滚动器滚动位置缓存器
      */
     wrapperScrollMap: {};
-    onMouseMove: DebouncedFunc<any> | (() => void);
-    onWindowResize: DebouncedFunc<any> | (() => void);
-    onStopScrolling: DebouncedFunc<any> | (() => void);
-    onMouseEntered: DebouncedFunc<any> | (() => void);
-    onMouseWheel: DebouncedFunc<any> | (() => void);
+    onMouseMove: (() => void) | DebouncedFunc<any>;
+    onWindowResize: (() => void) | DebouncedFunc<any>;
+    onStopScrolling: (() => void) | DebouncedFunc<any>;
+    onMouseEntered: (() => void) | DebouncedFunc<any>;
+    onMouseWheel: (() => void) | DebouncedFunc<any>;
     constructor(element: HTMLElement, options?: Partial<Options>);
     getScrollbarWidth(): number;
     init(): void;