From f4dad58d83c11ce1d5bdbbf46e66de11c02fd565 Mon Sep 17 00:00:00 2001
From: mehmet-erim <bilgi@mehmeterim.com>
Date: Fri, 17 Jul 2020 14:51:46 +0300
Subject: [PATCH] feat(components/tree): add draggable ability to tree
 component

---
 .../tree/src/lib/components/tree.component.html        |  2 ++
 .../tree/src/lib/components/tree.component.ts          | 10 ++++++++++
 2 files changed, 12 insertions(+)

diff --git a/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.html b/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.html
index 47c1355077..019c2bd0fa 100644
--- a/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.html
+++ b/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.html
@@ -1,4 +1,5 @@
 <nz-tree
+  [nzDraggable]="draggable"
   [nzCheckStrictly]="checkStrictly"
   [nzCheckable]="checkable"
   [nzCheckedKeys]="checkedKeys"
@@ -7,6 +8,7 @@
   [nzExpandedKeys]="expandedKeys"
   (nzExpandChange)="onExpandedKeysChange($event)"
   (nzCheckBoxChange)="onCheckboxChange($event)"
+  (nzOnDrop)="onDrop($event)"
 ></nz-tree>
 <ng-template #treeTemplate let-node>
   <div
diff --git a/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.ts b/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.ts
index 2f5f69ec2c..90a99d1546 100644
--- a/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.ts
+++ b/npm/ng-packs/packages/components/tree/src/lib/components/tree.component.ts
@@ -7,6 +7,7 @@ import {
   TemplateRef,
   ViewEncapsulation,
 } from '@angular/core';
+import { NzFormatEmitEvent } from 'ng-zorro-antd/tree';
 
 @Component({
   selector: 'abp-tree',
@@ -22,6 +23,8 @@ export class TreeComponent {
   @Output() readonly checkedKeysChange = new EventEmitter();
   @Output() readonly expandedKeysChange = new EventEmitter<string[]>();
   @Output() readonly selectedNodeChange = new EventEmitter();
+  @Output() readonly drop = new EventEmitter<NzFormatEmitEvent>();
+  @Input() draggable: boolean;
   @Input() checkable: boolean;
   @Input() checkStrictly: boolean;
   @Input() checkedKeys = [];
@@ -44,4 +47,11 @@ export class TreeComponent {
     this.expandedKeys = [...event.keys];
     this.expandedKeysChange.emit(event.keys);
   }
+
+  onDrop(event: NzFormatEmitEvent) {
+    event.event.stopPropagation();
+    event.event.preventDefault();
+
+    this.drop.emit(event);
+  }
 }