bkui-vue 1.0.3-beta.60.scrollbar.5 → 1.0.3-beta.61.dialog.1

package/lib/{virtual-render → scrollbar}/scrollbar-core/index.d.ts

@@ -1,5 +1,28 @@
-import type { DebouncedFunc } from 'lodash-es';
 import * as helpers from './helpers';
+interface DebouncedFunc<T extends (...args: any[]) => any> {
+    /**
+     * Call the original function, but applying the debounce rules.
+     *
+     * If the debounced function can be run immediately, this calls it and returns its return
+     * value.
+     *
+     * Otherwise, it returns the return value of the last invocation, or undefined if the debounced
+     * function was not invoked yet.
+     */
+    (...args: Parameters<T>): ReturnType<T> | undefined;
+    /**
+     * Throw away any pending invocation of the debounced function.
+     */
+    cancel(): void;
+    /**
+     * If there is a pending invocation of the debounced function, invoke it immediately and return
+     * its return value.
+     *
+     * Otherwise, return the value from the last invocation, or undefined if the debounced function
+     * was never invoked.
+     */
+    flush(): ReturnType<T> | undefined;
+}
 interface Options {
     forceVisible: boolean | Axis;
     clickOnTrack: boolean;
@@ -66,12 +89,12 @@ type RtlHelpers = {
     isScrollOriginAtZero: boolean;
     isScrollingToNegative: boolean;
 } | null;
-type DefaultOptions = Options & typeof SimpleBarCore.defaultOptions;
+type DefaultOptions = Options & typeof BkScrollbarCore.defaultOptions;
 type MouseWheelInstance = {
     addWheelEvent: (target: HTMLElement) => void;
     removeWheelEvent: (target: HTMLElement) => void;
 };
-export default class SimpleBarCore {
+export default class BkScrollbarCore {
     static rtlHelpers: RtlHelpers;
     static defaultOptions: Options;
     /**
@@ -158,15 +181,10 @@ export default class SimpleBarCore {
     onScroll: () => void;
     scrollX: () => void;
     scrollY: () => void;
-    _onMouseWheel: (args: any) => void;
-    _onStopScrolling: () => void;
     onMouseEnter: () => void;
-    _onMouseEntered: () => void;
-    _onMouseMove: (e: any) => void;
     onMouseMoveForAxis(axis?: Axis): void;
     onMouseLeave: () => void;
     onMouseLeaveForAxis(axis?: Axis): void;
-    _onWindowResize: () => void;
     onPointerEvent: (e: any) => void;
     /**
      * on scrollbar handle drag movement starts
@@ -209,5 +227,10 @@ export default class SimpleBarCore {
      * Find element children matches query
      */
     findChild(el: any, query: any): any;
+    private mOnMouseWheel;
+    private mOnStopScrolling;
+    private mOnMouseEntered;
+    private mOnMouseMove;
+    private mOnWindowResize;
 }
 export {};

package/lib/{virtual-render/bk-scrollbar.css → scrollbar/scrollbar.css}

@@ -2,7 +2,7 @@
   position: relative;
   overflow: hidden;
 }
-.bk-scrollbar-wrapper .bk-scroll-content-el {
+.bk-scrollbar-wrapper .bk-scrollbar-content-el {
   display: inline-flex;
   flex-direction: column;
 }
@@ -23,12 +23,12 @@
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
   top: 0;
-  width: 11px;
+  width: 8px;
   transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
   left: 0;
-  height: 11px;
+  height: 8px;
   transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
@@ -37,7 +37,7 @@
   top: 0;
   bottom: 0;
   min-height: 0;
-  min-width: 10px;
+  min-width: 8px;
   width: auto;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-dragging {
@@ -53,22 +53,22 @@
   position: absolute;
   left: 0;
   right: 0;
-  min-height: 10px;
+  min-height: 8px;
 }
 .bk-scrollbar-wrapper .bk-scrollbar::before {
   position: absolute;
   content: '';
-  background: #DcDEE5;
-  border-radius: 7px;
-  left: 2px;
-  right: 2px;
-  top: 2px;
-  bottom: 2px;
+  background: #DCDEE5;
+  border-radius: 6px;
+  left: 1px;
+  right: 1px;
+  top: 1px;
+  bottom: 1px;
   opacity: 0;
-  transition: opacity 0.2s 0.5s linear;
+  transition: opacity 0.2s 0.9s linear;
 }
 .bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
-  opacity: 0.5;
+  opacity: 0.9;
   transition-delay: 0s;
   transition-duration: 0s;
 }

package/lib/{virtual-render/bk-scrollbar.less → scrollbar/scrollbar.less}

@@ -4,7 +4,7 @@
   position: relative;
   overflow: hidden;
 
-  .@{bk-prefix}-scroll-content-el {
+  .@{bk-prefix}-scrollbar-content-el {
     display: inline-flex;
     flex-direction: column;
   }
@@ -30,13 +30,13 @@
 
     &.@{bk-prefix}-scrollbar-vertical {
       top: 0;
-      width: 11px;
+      width: 8px;
       transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
     }
 
     &.@{bk-prefix}-scrollbar-horizontal {
       left: 0;
-      height: 11px;
+      height: 8px;
       transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
 
       &.@{bk-prefix}-scrollbar {
@@ -45,7 +45,7 @@
         top: 0;
         bottom: 0;
         min-height: 0;
-        min-width: 10px;
+        min-width: 8px;
         width: auto;
       }
     }
@@ -67,24 +67,24 @@
     position: absolute;
     left: 0;
     right: 0;
-    min-height: 10px;
+    min-height: 8px;
 
     &::before {
       position: absolute;
       content: '';
-      background: #DcDEE5;
-      border-radius: 7px;
-      left: 2px;
-      right: 2px;
-      top: 2px;
-      bottom: 2px;
+      background: #DCDEE5;
+      border-radius: 6px;
+      left: 1px;
+      right: 1px;
+      top: 1px;
+      bottom: 1px;
       opacity: 0;
-      transition: opacity 0.2s 0.5s linear;
+      transition: opacity 0.2s 0.9s linear;
     }
 
     &.@{bk-prefix}-scrollbar-visible {
       &::before {
-        opacity: 0.5;
+        opacity: 0.9;
         transition-delay: 0s;
         transition-duration: 0s;
       }

package/lib/{virtual-render/bk-scrollbar.variable.css → scrollbar/scrollbar.variable.css}

@@ -131,7 +131,7 @@
   position: relative;
   overflow: hidden;
 }
-.bk-scrollbar-wrapper .bk-scroll-content-el {
+.bk-scrollbar-wrapper .bk-scrollbar-content-el {
   display: inline-flex;
   flex-direction: column;
 }
@@ -152,12 +152,12 @@
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
   top: 0;
-  width: 11px;
+  width: 8px;
   transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
   left: 0;
-  height: 11px;
+  height: 8px;
   transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
@@ -166,7 +166,7 @@
   top: 0;
   bottom: 0;
   min-height: 0;
-  min-width: 10px;
+  min-width: 8px;
   width: auto;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-dragging {
@@ -182,22 +182,22 @@
   position: absolute;
   left: 0;
   right: 0;
-  min-height: 10px;
+  min-height: 8px;
 }
 .bk-scrollbar-wrapper .bk-scrollbar::before {
   position: absolute;
   content: '';
-  background: #DcDEE5;
-  border-radius: 7px;
-  left: 2px;
-  right: 2px;
-  top: 2px;
-  bottom: 2px;
+  background: #DCDEE5;
+  border-radius: 6px;
+  left: 1px;
+  right: 1px;
+  top: 1px;
+  bottom: 1px;
   opacity: 0;
-  transition: opacity 0.2s 0.5s linear;
+  transition: opacity 0.2s 0.9s linear;
 }
 .bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
-  opacity: 0.5;
+  opacity: 0.9;
   transition-delay: 0s;
   transition-duration: 0s;
 }