1.0.4

examples/demo1.html

@@ -163,9 +163,9 @@
       },
 
       getNewTree: function () {
-        const vm = this
+        var vm = this
         function _dfs (oldNode) {
-          let newNode = {}
+          var newNode = {}
 
           for (var k in oldNode) {
             if (k !== 'children' && k !== 'parent') {
@@ -175,7 +175,7 @@
 
           if (oldNode.children && oldNode.children.length > 0) {
             newNode.children = []
-            for (let i = 0, len = oldNode.children.length; i < len; i++) {
+            for (var i = 0, len = oldNode.children.length; i < len; i++) {
               newNode.children.push(_dfs(oldNode.children[i]))
             }
           }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-tree-list",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "A vue component for tree structure. Support adding treenode/leafnode, editing node's name and dragging.",
   "main": "dist/vue-tree-list.min.js",
   "scripts": {
@@ -23,9 +23,6 @@
     "url": "https://github.com/ParadeTo/vue-tree-list/issues"
   },
   "homepage": "https://github.com/ParadeTo/vue-tree-list#readme",
-  "dependencies": {
-    "jquery": "^3.2.1"
-  },
   "devDependencies": {
     "autoprefixer": "^6.4.0",
     "babel-core": "^6.0.0",

src/VueTreeList.vue

@@ -81,9 +81,10 @@
 
 <script>
   import { Tree, TreeNode } from './Tree.js'
-  import $ from 'jquery'
+  import { addHandler, removeHandler } from './tools.js'
 
   let fromComp = null
+
   export default {
     data: function () {
       return {
@@ -124,7 +125,7 @@
     },
     mounted () {
       const vm = this
-      $(window).on('keyup', function (e) {
+      addHandler(window, 'keyup', function (e) {
         // click enter
         if (e.keyCode === 13 && vm.editable) {
           vm.editable = false
@@ -132,7 +133,7 @@
       })
     },
     beforeDestroy () {
-      $(window).off('keyup')
+      removeHandler(window, 'keyup')
     },
     methods: {
       updateName (e) {
@@ -149,7 +150,8 @@
       setEditable () {
         this.editable = true
         this.$nextTick(() => {
-          $(this.$refs.nodeInput).trigger('focus')
+          this.$refs.nodeInput.focus()
+//          fireFocusEvent(this.$refs.nodeInput)
         })
       },
 

src/tools.js

@@ -0,0 +1,31 @@
+/**
+ * Created by ayou on 18/2/6.
+ */
+
+var handlerCache
+
+exports.addHandler = function(element, type, handler) {
+  handlerCache = handler
+  if (element.addEventListener) {
+    element.addEventListener(type, handler, false);
+  } else if (element.attachEvent) {
+    element.attachEvent("on" + type, handler);
+  } else {
+    element["on" + type] = handler;
+  }
+}
+
+exports.removeHandler = function (element, type) {
+  if (element.removeEventListener) {
+    element.removeEventListener(type, handlerCache, false);
+  } else if (element.detachEvent) {
+    element.detachEvent("on" + type, handlerCache);
+  } else {
+    element["on" + type] = null;
+  }
+}
+
+// exports.fireFocusEvent = function (ele) {
+//   var event = new FocusEvent()
+//   ele.dispatch(event)
+// }