chore: removed prop itemClass

Author: mfuu

README.md

@@ -1,17 +1,17 @@
-# vue-virtual-draglist
+# vue-virtual-sortable
 
-[![npm](https://img.shields.io/npm/v/vue-virtual-draglist.svg)](https://www.npmjs.com/package/vue-virtual-draglist) [![npm](https://img.shields.io/npm/dm/vue-virtual-draglist.svg)](https://www.npmjs.com/package/vue-virtual-draglist) [![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/) [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg)](LICENSE)
+[![npm](https://img.shields.io/npm/v/vue-virtual-sortable.svg)](https://www.npmjs.com/package/vue-virtual-sortable) [![npm](https://img.shields.io/npm/dm/vue-virtual-sortable.svg)](https://www.npmjs.com/package/vue-virtual-sortable) [![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/) [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg)](LICENSE)
 
 A virtual scrolling list component that can be sorted by dragging
 
-For Vue 3 support, see [here](https://github.com/mfuu/vue3-virtual-drag-list)
+For Vue 3 support, see [here](https://github.com/mfuu/vue3-virtual-sortable)
 
-### [Live demo](https://mfuu.github.io/vue-virtual-drag-list/)
+### [Live demo](https://mfuu.github.io/vue-virtual-sortable/)
 
 ## Simple usage
 
 ```bash
-npm i vue-virtual-draglist
+npm i vue-virtual-sortable
 ```
 
 Root component:
@@ -40,7 +40,7 @@ Root component:
 </template>
 
 <script>
-import virtualList from 'vue-virtual-draglist';
+import virtualList from 'vue-virtual-sortable';
 
 export default {
   name: 'root',
@@ -96,8 +96,7 @@ export default {
 | **Prop**           | **Type**  | **Default**              | **Description**                                              |
 | ------------------ | --------- | ------------------------ | ------------------------------------------------------------ |
 | `sortable`         | `Boolean` | `true`                   | Whether the current list can be sorted by dragging           |
-| `draggable`        | `String`  | `.virtual-dnd-list-item` | Specifies which items inside the element should be draggable |
-| `itemClass`        | `String`  | `virtual-dnd-list-item`  | Default list item class                                      |
+| `draggable`        | `String`  | `[role="item"]`          | Specifies which items inside the element should be draggable |
 | `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 |

dist/virtual-drag-list.min.js

@@ -1,21 +1,20 @@
 {
-  "name": "vue-virtual-draglist",
-  "version": "2.9.7",
+  "name": "vue-virtual-sortable",
+  "version": "2.0.0",
   "description": "A virtual scrolling list component that can be sorted by dragging",
-  "main": "dist/virtual-drag-list.min.js",
+  "main": "dist/virtual-list.min.js",
   "files": [
     "dist"
   ],
   "scripts": {
-    "lint": "eslint --fix src --ext .js",
     "build": "rollup --config",
     "core:update": "git submodule update --remote",
     "docs:dev": "vuepress dev docs --temp .temp",
     "docs:build": "vuepress build docs"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/mfuu/vue-virtual-drag-list.git"
+    "url": "git+https://github.com/mfuu/vue-virtual-sortable.git"
   },
   "keywords": [
     "vue",
@@ -34,11 +33,11 @@
   "license": "MIT",
   "private": false,
   "bugs": {
-    "url": "https://github.com/mfuu/vue-virtual-drag-list/issues"
+    "url": "https://github.com/mfuu/vue-virtual-sortable/issues"
   },
-  "homepage": "https://github.com/mfuu/vue-virtual-drag-list#readme",
+  "homepage": "https://github.com/mfuu/vue-virtual-sortable#readme",
   "dependencies": {
-    "sortable-dnd": "^0.6.20"
+    "sortable-dnd": "^0.6.22"
   },
   "devDependencies": {
     "@babel/core": "^7.8.7",

dist/virtual-drag-list.js dist/virtual-list.jsdist/virtual-drag-list.js renamed to dist/virtual-list.js

@@ -10,7 +10,7 @@ const homepage = packageJson.homepage;
 const extensions = ['.js', '.jsx', '.ts', '.tsx'];
 const banner = `
 /*!
- * vue-virtual-drag-list v${version}
+ * vue-virtual-sortable v${version}
  * open source under the MIT license
  * ${homepage}
  */
@@ -22,7 +22,7 @@ export default {
   output: [
     {
       format: 'umd',
-      file: 'dist/virtual-drag-list.js',
+      file: 'dist/virtual-list.js',
       name: 'VirtualList',
       sourcemap: false,
       globals: {
@@ -32,7 +32,7 @@ export default {
     },
     {
       format: 'umd',
-      file: 'dist/virtual-drag-list.min.js',
+      file: 'dist/virtual-list.min.js',
       name: 'VirtualList',
       sourcemap: false,
       globals: {

dist/virtual-list.min.js

@@ -338,6 +338,7 @@ const VirtualList = Vue.component('virtual-list', {
                   {
                     key: dataKey,
                     attrs: {
+                      role: 'item',
                       'data-key': dataKey,
                     },
                     props: {
@@ -348,7 +349,6 @@ const VirtualList = Vue.component('virtual-list', {
                       resized: this._onItemResized,
                     },
                     style: itemStyle,
-                    class: this.itemClass,
                   },
                   this.$scopedSlots.item({ record, index, dataKey })
                 )

package.json

@@ -33,11 +33,7 @@ export const VirtualProps = {
   },
   draggable: {
     type: String,
-    default: '.virtual-dnd-list-item',
-  },
-  itemClass: {
-    type: String,
-    default: 'virtual-dnd-list-item',
+    default: '[role="item"]',
   },
   sortable: {
     type: Boolean,