docs(): 更新包&&文档

Author: wangdabaoqq

examples/App.vue

@@ -3,3 +3,12 @@
     <router-view />
   </div>
 </template>
+<style>
+#app {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin: auto;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>

examples/components/HelloWorld.vue

@@ -1,22 +1,16 @@
 <template>
-  <div class="hello">
+  <div
+    class="hello"
+    style="text-align: center;"
+  >
     <!-- <input
   placeholder="输入关键字进行过滤"
   v-model="filterText">
 </input> -->
-    <vueDragTree
+    <VueDragTreeOrg
       ref="tree"
       :data="data"
       :props="defaultProps"
-      node-key="id"
-      empty-text="暂无数据"
-      draggable
-      @node-drag-start="handleDragStart"
-      @node-drag-enter="handleDragEnter"
-      @node-drag-leave="handleDragLeave"
-      @node-drag-over="handleDragOver"
-      @node-drag-end="handleDragEnd"
-      @node-drop="handleDrop"
     >
       <!-- <span
         slot-scope="{ node, data }"
@@ -25,18 +19,18 @@
           {{ data.label }}
         </span> -->
       <!-- </span> -->
-    </vueDragTree>
+    </VueDragTreeOrg>
   </div>
 </template>
 
 <script type="text/jsx">
 // import { Checkbox, Row, Col } from 'element-ui'
-import vueDragTree from '../../src/index'
+// import vueDragTree from '../../src/index'
 // import 'element-ui/lib/theme-chalk/index.css'
 // import 'element-ui/lib/theme-chalk/row.css'
 export default {
   name: 'HelloWorld',
-  components: { vueDragTree },
+  // components: { vueDragTree },
   data() {
     return {
       direction: 'horizontal',
@@ -109,28 +103,6 @@ export default {
     console.log(this.data)
   },
   methods: {
-    filterNode(value, data) {
-      if (!value) return true
-      return data.label.indexOf(value) !== -1
-    },
-    handleDragStart(node, ev) {
-      console.log('drag start', node)
-    },
-    handleDragEnter(draggingNode, dropNode, ev) {
-      console.log('tree drag enter: ', dropNode.label)
-    },
-    handleDragLeave(draggingNode, dropNode, ev) {
-      console.log('tree drag leave: ', dropNode.label)
-    },
-    handleDragOver(draggingNode, dropNode, ev) {
-      console.log('tree drag over: ', dropNode.label)
-    },
-    handleDragEnd(draggingNode, dropNode, dropType, ev) {
-      console.log('tree drag end: ', dropNode && dropNode.label, dropType)
-    },
-    handleDrop(draggingNode, dropNode, dropType, ev) {
-      console.log('tree drop: ', dropNode.label, dropType)
-    }
   }
 }
 </script>

examples/main.js

@@ -1,13 +1,10 @@
-
 import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import store from './store'
-
-import FileHandle from '@/index'
-Vue.use(FileHandle)
+import VueDragTreeOrg from '../packages/vueDragTree'
 Vue.config.productionTip = false
-
+Vue.use(VueDragTreeOrg)
 new Vue({
   router,
   store,