Issue on fold and unfold, dropDisable options

[MuthuSelviC]

In the testData array object, I added the open property. But It open all the nodes at initially. Also, I added disableDrop property. But I can drop the nodes.

<template>
	<div>Test tree
		<Draggable
			v-model="testData"
			treeLine>
			<template #default="{ node, stat }">
				<button @click="stat.open = !stat.open">
					{{ stat.open ? '-' : '+' }}
				</button>
				{{ node.text }}
			</template>
		</Draggable>
	</div>
</template>

<script>
import {Draggable} from '@he-tree/vue';
import '@he-tree/vue/style/default.css';

export default {
	name       : 'TestTree',
	components : { Draggable },
	data () {
		return {
			testData   : [],
			selectedId : null
		};
	},
	mounted () {
		this.testData = [
			{
				id       : 1,
				text     : 'Item 1',
				open     : true,
				children : [
					{ id : 2, text : 'Child 1-1', open : false, disableDrop : true },
					{ id : 3, text : 'Child 1-2', open : false, disableDrop : true }
				]
			},
			{
				id       : 4,
				text     : 'Item 2',
				open     : false,
				children : [
					{ id : 5, text : 'Child 2-1', open : false },
					{ id : 6, text : 'Child 2-2', open : false }
				]
			}
		];
	}
};
</script>

Anyone please check this issue. Could you tell me what I did wrong?

[phphe]

https://github.com/phphe/he-tree/blob/dev/packages/he-tree-vue/src/examples/Draggable.vue#L108

use statHandler to set initial properties

[MuthuSelviC]

Thanks. It works