update Tree example

梁灏
1 parent b64204fd
Showing 3 changed files with 21 additions and 10 deletions Show diff stats
examples/routers/tree.vue
src/components/tree/node.vue
src/components/tree/render.js
@@ -146,14 +146,14 @@
             }
         },
         methods: {
-            renderContent (h, { node }) {
+            renderContent (h, { data, node }) {
                 return h('span', {
                     style: {
                         display: 'inline-block',
                         width: '100%'
                     }
                 }, [
-                    h('span', node.title),
+                    h('span', data.title),
                     h('span', {
                         style: {
                             display: 'inline-block',
@@ -169,7 +169,7 @@
                                 marginRight: '8px'
                             },
                             on: {
-                                click: () => { this.append(node) }
+                                click: () => { this.append(node, data) }
                             }
                         }),
                         h('Button', {
@@ -177,21 +177,22 @@
                                 icon: 'ios-minus-empty'
                             }),
                             on: {
-                                click: () => { this.remove(node) }
+                                click: () => { this.remove(node, data) }
                             }
                         })
                     ])
                 ]);
             },
-            append (node) {
-                this.$set(node, 'children', [{
+            append (node, data) {
+                this.$set(data, 'children', [{
                     title: 'appended node',
                     expand: true
                 }]);
             },
-            remove (node) {
+            remove (node, data) {
                 const parent = node.parent;
                 console.log(node);
+                console.log(data);
             }
         }
     }
@@ -12,8 +12,8 @@
                         :indeterminate="data.indeterminate"
                         :disabled="data.disabled || data.disableCheckbox"
                         @click.native.prevent="handleCheck"></Checkbox>
-                <Render v-if="data.render" :render="data.render" :node="data"></Render>
-                <Render v-else-if="isParentRender" :render="parentRender" :node="data"></Render>
+                <Render v-if="data.render" :render="data.render" :data="data" :node="node"></Render>
+                <Render v-else-if="isParentRender" :render="parentRender" :data="data" :node="node"></Render>
                 <span v-else :class="titleClasses" @click="handleSelect">{{ data.title }}</span>
                 <Tree-node
                         v-if="data.expand"
@@ -109,6 +109,14 @@
                 } else {
                     return null;
                 }
+            },
+            node () {
+                const Tree = findComponentUpward(this, 'Tree');
+                if (Tree) {
+                    return Tree.flatState.find(item => item.nodeKey === this.data.nodeKey);
+                } else {
+                    return {};
+                }
             }
         },
         methods: {
@@ -3,11 +3,13 @@ export default {
     functional: true,
     props: {
         render: Function,
+        data: Object,
         node: Object
     },
     render: (h, ctx) => {
         const params = {
-            node: ctx.props.node
+            node: ctx.props.node,
+            data: ctx.props.data
         };
         return ctx.props.render(h, params);
     }