Browse Source

feat(components/tree): add an input named beforeDrop

pull/4793/head
mehmet-erim 6 years ago
parent
commit
e8ec2816e2
  1. 1
      npm/ng-packs/packages/components/tree/src/lib/components/tree.component.html
  2. 6
      npm/ng-packs/packages/components/tree/src/lib/components/tree.component.ts

1
npm/ng-packs/packages/components/tree/src/lib/components/tree.component.html

@ -1,4 +1,5 @@
<nz-tree <nz-tree
[nzBeforeDrop]="beforeDrop"
[nzDraggable]="draggable" [nzDraggable]="draggable"
[nzCheckStrictly]="checkStrictly" [nzCheckStrictly]="checkStrictly"
[nzCheckable]="checkable" [nzCheckable]="checkable"

6
npm/ng-packs/packages/components/tree/src/lib/components/tree.component.ts

@ -8,6 +8,7 @@ import {
ViewEncapsulation, ViewEncapsulation,
} from '@angular/core'; } from '@angular/core';
import { NzFormatEmitEvent } from 'ng-zorro-antd/tree'; import { NzFormatEmitEvent } from 'ng-zorro-antd/tree';
import { of } from 'rxjs';
@Component({ @Component({
selector: 'abp-tree', selector: 'abp-tree',
@ -23,7 +24,7 @@ export class TreeComponent {
@Output() readonly checkedKeysChange = new EventEmitter(); @Output() readonly checkedKeysChange = new EventEmitter();
@Output() readonly expandedKeysChange = new EventEmitter<string[]>(); @Output() readonly expandedKeysChange = new EventEmitter<string[]>();
@Output() readonly selectedNodeChange = new EventEmitter(); @Output() readonly selectedNodeChange = new EventEmitter();
@Output() readonly drop = new EventEmitter<NzFormatEmitEvent>(); @Output() readonly dropOver = new EventEmitter<NzFormatEmitEvent>();
@Input() draggable: boolean; @Input() draggable: boolean;
@Input() checkable: boolean; @Input() checkable: boolean;
@Input() checkStrictly: boolean; @Input() checkStrictly: boolean;
@ -32,6 +33,7 @@ export class TreeComponent {
@Input() expandedKeys: string[] = []; @Input() expandedKeys: string[] = [];
@Input() selectedNode: any; @Input() selectedNode: any;
@Input() isNodeSelected = node => this.selectedNode?.id === node.key; @Input() isNodeSelected = node => this.selectedNode?.id === node.key;
@Input() beforeDrop = () => of(false);
onSelectedNodeChange(node) { onSelectedNodeChange(node) {
this.selectedNode = node.origin.entity; this.selectedNode = node.origin.entity;
@ -52,6 +54,6 @@ export class TreeComponent {
event.event.stopPropagation(); event.event.stopPropagation();
event.event.preventDefault(); event.event.preventDefault();
this.drop.emit(event); this.dropOver.emit(event);
} }
} }

Loading…
Cancel
Save