@blackbp/vue-components - npm Package Compare versions

Comparing version 0.7.7 to 0.7.8

package.json

@@ -17,3 +17,3 @@ {
   ],
-  "version": "0.7.7",
+  "version": "0.7.8",
   "scripts": {
@@ -20,0 +20,0 @@ "serve": "vue-cli-service serve src/dashboard/app.js",

src/dashboard/plugins/vue-scroll-bar.js

@@ -7,13 +7,32 @@ import Vue from 'vue';
     ops: {
+        scrollPanel: {
+            // when component mounted.It will automatically scroll to the given position.
+            initialScrollY: false,
+            initialScrollX: false,
+            // feat: #11. Whether enable scrollingX , scrollingY or not.
+            scrollingX: false,
+            scrollingY: true,
+            // scroll speed, it works when you click the rail or use
+            // scrollTo api.
+            speed: 300,
+            // scroll animation
+            easing: undefined,
+            // Whether there is a padding or not, its size should be
+            // equal to rail/bar's size.
+            padding: true,
+            // Sometimes, the nativebar maybe on the left,
+            // See https://github.com/YvesCoding/vuescroll/issues/64
+            verticalNativeBarPos: 'right'
+        },
         rail: {
-            background: '#c1c1c1',
-            opacity: 0,
+            background: '#000',
+            opacity: 0.15,
             /** Rail's size(Height/Width) , default -> 6px */
-            size: '6px',
+            size: '8px',
             /** Specify rail and bar's border-radius, or the border-radius of rail and bar will be equal to the rail's size. default -> false **/
             specifyBorderRadius: false,
             /** Rail the distance from the two ends of the X axis and Y axis. **/
-            gutterOfEnds: '2px',
+            gutterOfEnds: '0px',
             /** Rail the distance from the side of container. **/
-            gutterOfSide: '2px',
+            gutterOfSide: '0px',
             /** Whether to keep rail show or not, default -> false, event content height is not enough */
@@ -23,12 +42,16 @@ keepShow: false
         bar: {
+            /** How long to hide bar after mouseleave, default -> 500 */
+            showDelay: 500,
             /** Whether to show bar on scrolling, default -> true */
             onlyShowBarOnScroll: true,
             /** Whether to keep show or not, default -> false */
-            keepShow: false,
+            keepShow: true,
             /** Bar's background , default -> #00a650 */
-            background: '#61BD4F',
+            background: '#969696',
             /** Bar's opacity, default -> 1  */
-            opacity: 1
+            opacity: 1,
+            /** Styles when you hover scrollbar, it will merge into the current style */
+            hoverStyle: false
         }
     }
 });

No alert changes

Improved metrics

Total package byte prevSize

158648

increased by0.97%

Lines of code

227

increased by11.27%

No dependency changes