modify vue-tree to vue-tree-list

examples/demo1.html

@@ -78,7 +78,7 @@
             </span>
             New Treenode
         </button>
-        <vue-tree :model="data" default-tree-node-name="new node" default-leaf-node-name="new leaf"></vue-tree>
+        <vue-tree-list :model="data" default-tree-node-name="new node" default-leaf-node-name="new leaf"></vue-tree-list>
     </div>
 
     <div class="container">
@@ -92,7 +92,7 @@
 </div>
 
 <script src="https://unpkg.com/vue/dist/vue.js"></script>
-<script src="../dist/vue-tree.min.js"></script>
+<script src="../dist/vue-tree-list.min.js"></script>
 <script>
   function isMobile() {
     var sUserAgent = navigator.userAgent.toLowerCase();
@@ -115,14 +115,14 @@
   new Vue({
     el: '#app',
     components: {
-      'VueTree': vuetree.VueTree
+      'VueTreeList': VueTreeList.VueTreeList
     },
     data () {
       return {
         isMobile: isMobile(),
         record: null,
         newTree: {},
-        data: new vuetree.Tree([
+        data: new VueTreeList.Tree([
           {
             name: 'Node 1',
             id: 1,
@@ -151,11 +151,11 @@
     },
     methods: {
       getTreeChange: function () {
-        this.record = Object.assign({}, vuetree.Record)
+        this.record = Object.assign({}, VueTreeList.Record)
       },
 
       addNode: function () {
-        var node = new vuetree.TreeNode('new node', false)
+        var node = new VueTreeList.TreeNode('new node', false)
         if (!this.data.children) this.data.children = []
         this.data.addChildren(node)
       },

package.json

@@ -1,8 +1,8 @@
 {
-  "name": "vue-tree",
+  "name": "vue-tree-list",
   "version": "1.0.0",
   "description": "A vue component for tree structure.",
-  "main": "dist/vue-tree.min.js",
+  "main": "dist/vue-tree-list.min.js",
   "scripts": {
     "test": "karma start --single-run",
     "unit": "karma start --watch",
@@ -11,7 +11,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ParadeTo/vue-tree.git"
+    "url": "git+https://github.com/ParadeTo/vue-tree-list.git"
   },
   "keywords": [
     "vue",
@@ -20,9 +20,9 @@
   "author": "ayou",
   "license": "ISC",
   "bugs": {
-    "url": "https://github.com/ParadeTo/vue-tree/issues"
+    "url": "https://github.com/ParadeTo/vue-tree-list/issues"
   },
-  "homepage": "https://github.com/ParadeTo/vue-tree#readme",
+  "homepage": "https://github.com/ParadeTo/vue-tree-list#readme",
   "dependencies": {
     "jquery": "^3.2.1"
   },

readme.md

@@ -1,25 +1,25 @@
-# vue-tree
+# vue-tree-list
 A vue component for tree structure. Support adding treenode/leafnode, editing node's name and dragging.
 
-![vue-tree-demo.gif](https://github.com/ParadeTo/vue-tree/tree/master/img/demo.gif)
+![vue-tree-demo.gif](https://github.com/ParadeTo/vue-tree-list/tree/master/img/demo.gif)
 
-[Live Demo](http://paradeto.com/vue-tree/)
+[Live Demo](http://paradeto.com/vue-tree-list/)
 
 # use
 ``npm install vue-tree``
 
 ```javascript
 <button @click="addNode">Add Node</button>
-<vue-tree :model="data" default-tree-node-name="new node" default-leaf-node-name="new leaf"></vue-tree>
+<vue-tree-list :model="data" default-tree-node-name="new node" default-leaf-node-name="new leaf"></vue-tree-list>
 <button @click="getNewTree">Get new tree</button>
 <pre>
   {{newTree}}
 </pre>
 ...
-import { VueTree, Tree, TreeNode } from 'vue-tree'
+import { VueTreeList, Tree, TreeNode } from 'vue-tree'
 export default {
     components: {
-      VueTree
+      VueTreeList
     },
     data () {
       return {

src/VueTreeList.vue

@@ -238,7 +238,7 @@
       }
     },
     beforeCreate () {
-      this.$options.components.item = require('./VueTree.vue')
+      this.$options.components.item = require('./VueTreeList.vue')
     }
   }
 </script>

src/index.js

@@ -1,7 +1,7 @@
 /**
  * Created by ayou on 17/7/21.
  */
-exports.VueTree = require('./VueTree.vue')
+exports.VueTreeList = require('./VueTreeList.vue')
 exports.TreeNode = require('./Tree.js').TreeNode
 exports.Tree = require('./Tree.js').Tree
 exports.Record = require('./Tree.js').Record

webpack.config.js

@@ -5,8 +5,8 @@ module.exports = {
   entry: './src/index.js',
   output: {
     path: path.resolve(__dirname, 'dist'),
-    filename: 'vue-tree.min.js',
+    filename: 'vue-tree-list.min.js',
-    library: 'vuetree',
+    library: 'VueTreeList',
     libraryTarget: 'umd'
   },
   module: {