feat: support closing operation icons

2019-02-23 11:52:58 +08:00
parent a3b03a9579
commit 8f0a5d7737
4 changed files with 198 additions and 132 deletions
--- a/dev/App.vue
+++ b/dev/App.vue
@@ -3,9 +3,9 @@
        <button @click="addNode">Add Node</button>
        <vue-tree-list
          @click="onClick"
-          @change-name="onChange"
+          @change-name="onChangeName"
          @delete-node="onDel"
-          @add-node="onChange"
+          @add-node="onAddNode"
          :model="data"
          default-tree-node-name="new node"
          default-leaf-node-name="new leaf"
@@ -36,6 +36,10 @@
            id: 1,
            pid: 0,
            dragDisabled: true,
+            addTreeNodeDisabled: true,
+            addLeafNodeDisabled: true,
+            editNodeDisabled: true,
+            delNodeDisabled: true,
            children: [
              {
                name: 'Node 1-2',
@@ -60,12 +64,21 @@
      }
    },
    methods: {
-      onDel (node) {
+      onDel (params) {
+        console.log(params)
        node.remove()
      },

-      onChange (data) {
-        console.log(data)
+      onChangeName (params) {
+        console.log(params)
+      },
+
+      onAddNode (params) {
+        console.log(params)
+      },
+
+      onClick (params) {
+        console.log(params)
      },

      addNode () {
--- a/dev/index.html
+++ b/dev/index.html
@@ -3,7 +3,7 @@
 <head>
    <meta name="viewport" content="with=device-width,initial-scale=1.0,
      maximum-scale=1.0,minimum-scale=1.0,uses-scalable=no">
-    <title>vue-date-range</title>
+    <title>vue-tree-list</title>
 </head>
 <body>
 <div id="app"></div>