feat: develop scrollBar to replace scrollable component (#826)

* feat: develop scrollBar to replace scrollable component

* feat: replace scrollable component by scrollbar

* feat: add scrollBar style

* feat: remove scrollable component

* fix: remove scrollable style

* docs: add stories

* test: update tests

* fix: prevent global activityBar hidden

* fix: undefined variable in scss

* test: update tests

Author: mortalYoung

src/components/collapse/style.scss

@@ -23,8 +23,6 @@ $split_pane_visible: #{$split}__pane__item--visible;
     }
 
     &__item {
-        display: flex;
-        flex-direction: column;
         height: 100%;
         line-height: 22px;
         overflow: hidden;
@@ -75,6 +73,7 @@ $split_pane_visible: #{$split}__pane__item--visible;
 
     &__content {
         flex: 1;
+        height: calc(100% - 25px);
         outline: 1px solid transparent;
         outline-offset: -1px;
 

src/components/index.ts

@@ -47,8 +47,8 @@ export type { IMenuProps, IMenuItemProps, ISubMenuProps } from './menu';
 export { MonacoEditor } from './monaco';
 export type { IMonacoEditorProps } from './monaco';
 
-export { Scrollable } from './scrollable';
-export type { IScrollbarProps } from './scrollable';
+export { ScrollBar as Scrollbar, DirectionKind } from './scrollBar';
+export type { IScrollEvent, IScrollbarProps, IScrollRef } from './scrollBar';
 
 export { Search } from './search';
 export type { ISearchProps } from './search';