ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
69 lines • 8.17 kB
JavaScript
/**
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
import { ChangeDetectionStrategy, Component, Input, numberAttribute } from '@angular/core';
import * as i0 from "@angular/core";
export class NzTreeDropIndicatorComponent {
constructor(cdr) {
this.cdr = cdr;
this.level = 1;
this.direction = 'ltr';
this.style = {};
}
ngOnChanges(_changes) {
this.renderIndicator(this.dropPosition, this.direction);
}
renderIndicator(dropPosition, direction = 'ltr') {
const offset = 4;
const startPosition = direction === 'ltr' ? 'left' : 'right';
const endPosition = direction === 'ltr' ? 'right' : 'left';
const style = {
[startPosition]: `${offset}px`,
[endPosition]: '0px'
};
switch (dropPosition) {
case -1:
style.top = `${-3}px`;
break;
case 1:
style.bottom = `${-3}px`;
break;
case 0:
// dropPosition === 0
style.bottom = `${-3}px`;
style[startPosition] = `${offset + 24}px`;
break;
default:
style.display = 'none';
break;
}
this.style = style;
this.cdr.markForCheck();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NzTreeDropIndicatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.2", type: NzTreeDropIndicatorComponent, isStandalone: true, selector: "nz-tree-drop-indicator", inputs: { dropPosition: "dropPosition", level: ["level", "level", numberAttribute], direction: "direction" }, host: { properties: { "class.ant-tree-drop-indicator": "true", "style": "style" } }, exportAs: ["NzTreeDropIndicator"], usesOnChanges: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NzTreeDropIndicatorComponent, decorators: [{
type: Component,
args: [{
selector: 'nz-tree-drop-indicator',
exportAs: 'NzTreeDropIndicator',
template: ``,
changeDetection: ChangeDetectionStrategy.OnPush,
preserveWhitespaces: false,
host: {
'[class.ant-tree-drop-indicator]': 'true',
'[style]': 'style'
},
standalone: true
}]
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { dropPosition: [{
type: Input
}], level: [{
type: Input,
args: [{ transform: numberAttribute }]
}], direction: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1kcm9wLWluZGljYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RyZWUvdHJlZS1kcm9wLWluZGljYXRvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsS0FBSyxFQUdMLGVBQWUsRUFDaEIsTUFBTSxlQUFlLENBQUM7O0FBZ0J2QixNQUFNLE9BQU8sNEJBQTRCO0lBTXZDLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBSkgsVUFBSyxHQUFXLENBQUMsQ0FBQztRQUNoRCxjQUFTLEdBQVcsS0FBSyxDQUFDO1FBQ25DLFVBQUssR0FBcUIsRUFBRSxDQUFDO0lBRWdCLENBQUM7SUFFOUMsV0FBVyxDQUFDLFFBQXVCO1FBQ2pDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFlBQWEsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUVELGVBQWUsQ0FBQyxZQUFvQixFQUFFLFlBQW9CLEtBQUs7UUFDN0QsTUFBTSxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLE1BQU0sYUFBYSxHQUFHLFNBQVMsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO1FBQzdELE1BQU0sV0FBVyxHQUFHLFNBQVMsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO1FBQzNELE1BQU0sS0FBSyxHQUFxQjtZQUM5QixDQUFDLGFBQWEsQ0FBQyxFQUFFLEdBQUcsTUFBTSxJQUFJO1lBQzlCLENBQUMsV0FBVyxDQUFDLEVBQUUsS0FBSztTQUNyQixDQUFDO1FBQ0YsUUFBUSxZQUFZLEVBQUUsQ0FBQztZQUNyQixLQUFLLENBQUMsQ0FBQztnQkFDTCxLQUFLLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQztnQkFDdEIsTUFBTTtZQUNSLEtBQUssQ0FBQztnQkFDSixLQUFLLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQztnQkFDekIsTUFBTTtZQUNSLEtBQUssQ0FBQztnQkFDSixxQkFBcUI7Z0JBQ3JCLEtBQUssQ0FBQyxNQUFNLEdBQUcsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDO2dCQUN6QixLQUFLLENBQUMsYUFBYSxDQUFDLEdBQUcsR0FBRyxNQUFNLEdBQUcsRUFBRSxJQUFJLENBQUM7Z0JBQzFDLE1BQU07WUFDUjtnQkFDRSxLQUFLLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztnQkFDdkIsTUFBTTtRQUNWLENBQUM7UUFDRCxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7OEdBdENVLDRCQUE0QjtrR0FBNUIsNEJBQTRCLDRIQUVuQixlQUFlLGtNQVh6QixFQUFFOzsyRkFTRCw0QkFBNEI7a0JBWnhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsUUFBUSxFQUFFLEVBQUU7b0JBQ1osZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLG1CQUFtQixFQUFFLEtBQUs7b0JBQzFCLElBQUksRUFBRTt3QkFDSixpQ0FBaUMsRUFBRSxNQUFNO3dCQUN6QyxTQUFTLEVBQUUsT0FBTztxQkFDbkI7b0JBQ0QsVUFBVSxFQUFFLElBQUk7aUJBQ2pCO3NGQUVVLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ2lDLEtBQUs7c0JBQTNDLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFO2dCQUM1QixTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2dpdGh1Yi5jb20vTkctWk9SUk8vbmctem9ycm8tYW50ZC9ibG9iL21hc3Rlci9MSUNFTlNFXG4gKi9cblxuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIG51bWJlckF0dHJpYnV0ZVxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTmdTdHlsZUludGVyZmFjZSB9IGZyb20gJ25nLXpvcnJvLWFudGQvY29yZS90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ256LXRyZWUtZHJvcC1pbmRpY2F0b3InLFxuICBleHBvcnRBczogJ056VHJlZURyb3BJbmRpY2F0b3InLFxuICB0ZW1wbGF0ZTogYGAsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3MuYW50LXRyZWUtZHJvcC1pbmRpY2F0b3JdJzogJ3RydWUnLFxuICAgICdbc3R5bGVdJzogJ3N0eWxlJ1xuICB9LFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIE56VHJlZURyb3BJbmRpY2F0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBkcm9wUG9zaXRpb24/OiBudW1iZXI7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogbnVtYmVyQXR0cmlidXRlIH0pIGxldmVsOiBudW1iZXIgPSAxO1xuICBASW5wdXQoKSBkaXJlY3Rpb246IHN0cmluZyA9ICdsdHInO1xuICBzdHlsZTogTmdTdHlsZUludGVyZmFjZSA9IHt9O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBuZ09uQ2hhbmdlcyhfY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIHRoaXMucmVuZGVySW5kaWNhdG9yKHRoaXMuZHJvcFBvc2l0aW9uISwgdGhpcy5kaXJlY3Rpb24pO1xuICB9XG5cbiAgcmVuZGVySW5kaWNhdG9yKGRyb3BQb3NpdGlvbjogbnVtYmVyLCBkaXJlY3Rpb246IHN0cmluZyA9ICdsdHInKTogdm9pZCB7XG4gICAgY29uc3Qgb2Zmc2V0ID0gNDtcbiAgICBjb25zdCBzdGFydFBvc2l0aW9uID0gZGlyZWN0aW9uID09PSAnbHRyJyA/ICdsZWZ0JyA6ICdyaWdodCc7XG4gICAgY29uc3QgZW5kUG9zaXRpb24gPSBkaXJlY3Rpb24gPT09ICdsdHInID8gJ3JpZ2h0JyA6ICdsZWZ0JztcbiAgICBjb25zdCBzdHlsZTogTmdTdHlsZUludGVyZmFjZSA9IHtcbiAgICAgIFtzdGFydFBvc2l0aW9uXTogYCR7b2Zmc2V0fXB4YCxcbiAgICAgIFtlbmRQb3NpdGlvbl06ICcwcHgnXG4gICAgfTtcbiAgICBzd2l0Y2ggKGRyb3BQb3NpdGlvbikge1xuICAgICAgY2FzZSAtMTpcbiAgICAgICAgc3R5bGUudG9wID0gYCR7LTN9cHhgO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgMTpcbiAgICAgICAgc3R5bGUuYm90dG9tID0gYCR7LTN9cHhgO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgMDpcbiAgICAgICAgLy8gZHJvcFBvc2l0aW9uID09PSAwXG4gICAgICAgIHN0eWxlLmJvdHRvbSA9IGAkey0zfXB4YDtcbiAgICAgICAgc3R5bGVbc3RhcnRQb3NpdGlvbl0gPSBgJHtvZmZzZXQgKyAyNH1weGA7XG4gICAgICAgIGJyZWFrO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgc3R5bGUuZGlzcGxheSA9ICdub25lJztcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICAgIHRoaXMuc3R5bGUgPSBzdHlsZTtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIl19