bkui-vue 1.0.3-beta.47 → 1.0.3-beta.47.scrollbar.1

package/lib/table/index.js

@@ -6984,6 +6984,10 @@ function table_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
         "throttleDelay": 120,
         "scrollEvent": true,
         "rowKey": props.rowKey,
+        "scrollbar": {
+          enabled: true,
+          keepStruct: true
+        },
         "enabled": props.virtualEnabled,
         "keepAlive": true
       }), {

package/lib/table/table.css

@@ -997,9 +997,9 @@
 }
 .bk-table {
   position: relative;
+  width: 100%;
   height: auto;
   overflow: hidden;
-  width: 100%;
 }
 .bk-table-flex {
   display: flex;
@@ -1015,19 +1015,9 @@
 }
 .bk-table .bk-table-body {
   position: relative;
-  overflow: auto;
-  scrollbar-gutter: stable;
+  overflow: hidden;
   border-bottom: 1px solid #dcdee5;
 }
-.bk-table .bk-table-body::-webkit-scrollbar {
-  width: 5px;
-  height: 6px;
-}
-.bk-table .bk-table-body::-webkit-scrollbar-thumb {
-  background: #dcdee5;
-  border-radius: 10px;
-  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
-}
 .bk-table .bk-table-body .prepend-row {
   transform: translateX(var(--prepend-left));
 }
@@ -1117,8 +1107,8 @@
 .bk-table .bk-table-body table th .cell .drag-cell,
 .bk-table .bk-table-head table td .cell .drag-cell,
 .bk-table .bk-table-body table td .cell .drag-cell {
-  font-size: 14px;
   height: 100%;
+  font-size: 14px;
 }
 .bk-table .bk-table-head table th .cell.has-sort,
 .bk-table .bk-table-body table th .cell.has-sort,
@@ -1280,8 +1270,8 @@
 }
 .bk-table .bk-table-head table tbody tr td .cell.drag,
 .bk-table .bk-table-body table tbody tr td .cell.drag {
-  cursor: move;
   text-align: center;
+  cursor: move;
 }
 .bk-table .bk-table-head table tbody tr:hover.hover-highlight td:not(.empty-cell),
 .bk-table .bk-table-body table tbody tr:hover.hover-highlight td:not(.empty-cell) {
@@ -1294,7 +1284,6 @@
 .bk-table .bk-table-head {
   position: relative;
   z-index: 2;
-  scrollbar-gutter: stable;
   overflow: hidden;
   background-color: var(--background-color);
 }

package/lib/table/table.less

@@ -12,9 +12,9 @@
 
 .@{bk-prefix}-table {
   position: relative;
+  width: 100%;
   height: auto;
   overflow: hidden;
-  width: 100%;
 
   &-flex {
     display: flex;
@@ -34,21 +34,9 @@
 
   .@{bk-prefix}-table-body {
     position: relative;
-    overflow: auto;
-    scrollbar-gutter: stable;
+    overflow: hidden;
     border-bottom: 1px solid @table-border-color;
 
-    &::-webkit-scrollbar {
-      width: 5px;
-      height: 6px;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background: #dcdee5;
-      border-radius: 10px;
-      box-shadow: inset 0 0 6px rgba(204, 204, 204, .3);
-    }
-
     .prepend-row {
       transform: translateX(var(--prepend-left));
     }
@@ -148,8 +136,8 @@
           white-space: nowrap;
 
           .drag-cell {
-            font-size: 14px;
             height: 100%;
+            font-size: 14px;
           }
 
           &.has-sort {
@@ -297,8 +285,8 @@
               align-items: center;
 
               &.drag {
-                cursor: move;
                 text-align: center;
+                cursor: move;
               }
             }
           }
@@ -324,7 +312,6 @@
           // }
 
           &.--drag-start {
-
             td {
               background: #fff!important;
             }
@@ -337,7 +324,6 @@
   .@{bk-prefix}-table-head {
     position: relative;
     z-index: 2;
-    scrollbar-gutter: stable;
     overflow: hidden;
     background-color: var(--background-color);
 
@@ -453,7 +439,8 @@
 
   }
 
-  th, td {
+  th,
+  td {
     border-right: 1px solid transparent;
   }
 

package/lib/table/table.variable.css

@@ -1126,9 +1126,9 @@
 }
 .bk-table {
   position: relative;
+  width: 100%;
   height: auto;
   overflow: hidden;
-  width: 100%;
 }
 .bk-table-flex {
   display: flex;
@@ -1144,19 +1144,9 @@
 }
 .bk-table .bk-table-body {
   position: relative;
-  overflow: auto;
-  scrollbar-gutter: stable;
+  overflow: hidden;
   border-bottom: 1px solid #dcdee5;
 }
-.bk-table .bk-table-body::-webkit-scrollbar {
-  width: 5px;
-  height: 6px;
-}
-.bk-table .bk-table-body::-webkit-scrollbar-thumb {
-  background: #dcdee5;
-  border-radius: 10px;
-  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
-}
 .bk-table .bk-table-body .prepend-row {
   transform: translateX(var(--prepend-left));
 }
@@ -1246,8 +1236,8 @@
 .bk-table .bk-table-body table th .cell .drag-cell,
 .bk-table .bk-table-head table td .cell .drag-cell,
 .bk-table .bk-table-body table td .cell .drag-cell {
-  font-size: 14px;
   height: 100%;
+  font-size: 14px;
 }
 .bk-table .bk-table-head table th .cell.has-sort,
 .bk-table .bk-table-body table th .cell.has-sort,
@@ -1409,8 +1399,8 @@
 }
 .bk-table .bk-table-head table tbody tr td .cell.drag,
 .bk-table .bk-table-body table tbody tr td .cell.drag {
-  cursor: move;
   text-align: center;
+  cursor: move;
 }
 .bk-table .bk-table-head table tbody tr:hover.hover-highlight td:not(.empty-cell),
 .bk-table .bk-table-body table tbody tr:hover.hover-highlight td:not(.empty-cell) {
@@ -1423,7 +1413,6 @@
 .bk-table .bk-table-head {
   position: relative;
   z-index: 2;
-  scrollbar-gutter: stable;
   overflow: hidden;
   background-color: var(--background-color);
 }

package/lib/virtual-render/index.d.ts

@@ -124,6 +124,7 @@ declare const BkVirtualRender: {
         } & {
             default: boolean;
         };
+        scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
         autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -261,6 +262,7 @@ declare const BkVirtualRender: {
         } & {
             default: boolean;
         };
+        scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
         autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -440,6 +442,7 @@ declare const BkVirtualRender: {
         } & {
             default: boolean;
         };
+        scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
         autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -613,6 +616,7 @@ declare const BkVirtualRender: {
     } & {
         default: boolean;
     };
+    scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
     autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {