feat: added prop scrollSpeed

README.md

@@ -104,6 +104,7 @@ export default {
 | `disabled`         | `Boolean` | `false`                  | Disables the sortable if set to true                         |
 | `animation`        | `Number`  | `150`                    | Animation speed moving items when sorting                    |
 | `autoScroll`       | `Boolean` | `true`                   | Automatic scrolling when moving to the edge of the container |
+| `scrollSpeed`      | `Object`  | `{ x: 10, y: 10 }`       | Vertical&Horizontal scrolling speed (px)                     |
 | `scrollThreshold`  | `Number`  | `55`                     | Threshold to trigger autoscroll                              |
 | `delay`            | `Number`  | `0`                      | Time in milliseconds to define when the sorting should start |
 | `delayOnTouchOnly` | `Boolean` | `false`                  | Only delay on press if user is using touch                   |

docs/components/table.vue

@@ -49,7 +49,7 @@ export default {
 <style scoped>
 .table-list {
   height: 500px;
-  padding: 5px;
+  padding: 0 5px;
 }
 
 .list-item {

docs/guide/props.md

@@ -160,6 +160,15 @@ Animation speed moving items when sorting
 
 Automatic scrolling when moving to the edge of the container
 
+## `scrollSpeed`
+
+| **Type**  | **Default**             |
+| --------- | ----------------------- |
+| `Object`  | `{ x: 10, y: 10 }`      |
+
+Vertical&Horizontal scrolling speed (px)
+
+
 ## `scrollThreshold`
 
 | **Type** | **Default** |

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-virtual-draglist",
-  "version": "2.9.1",
+  "version": "2.9.2",
   "description": "A virtual scrolling list component that can be sorted by dragging",
   "main": "dist/virtual-drag-list.min.js",
   "files": [
@@ -36,7 +36,7 @@
   },
   "homepage": "https://github.com/mfuu/vue-virtual-drag-list#readme",
   "dependencies": {
-    "sortable-dnd": "^0.6.15"
+    "sortable-dnd": "latest"
   },
   "devDependencies": {
     "@babel/core": "^7.8.7",

src/item.js

@@ -1,3 +1,4 @@
+import Vue from 'vue';
 import { ItemProps } from './props';
 
 const Item = Vue.component('virtual-list-item', {

src/props.js

@@ -67,6 +67,10 @@ export const VirtualProps = {
     type: Boolean,
     default: true,
   },
+  scrollSpeed: {
+    type: Object,
+    default: () => ({ x: 10, y: 10 }),
+  },
   scrollThreshold: {
     type: Number,
     default: 55,