@alauda/ui 7.4.2-beta.18 → 7.4.2-beta.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -51,7 +51,7 @@ export class EditableComponent {
|
|
|
51
51
|
this.cancel.emit();
|
|
52
52
|
}
|
|
53
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: EditableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
54
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: EditableComponent, isStandalone: true, selector: "aui-editable", inputs: { beforeSave: "beforeSave", position: "position" }, outputs: { save: "save", cancel: "cancel", modeChange: "modeChange" }, queries: [{ propertyName: "viewer", first: true, predicate: EditableViewerDirective, descendants: true, read: TemplateRef }, { propertyName: "editor", first: true, predicate: EditableEditorDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<div [class]=\"$hostClass()\">\n <div\n [class]=\"bem.element('viewer-container')\"\n *ngIf=\"$$mode() === EditableMode.View\"\n >\n <ng-container [ngTemplateOutlet]=\"viewer\"> </ng-container>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"$$mode.set(EditableMode.Edit)\"\n >\n <aui-icon icon=\"pencil\"></aui-icon>\n </button>\n </div>\n <ng-container *ngIf=\"$$mode() === EditableMode.Edit\">\n <div [class]=\"bem.element('editor-container')\">\n <ng-container [ngTemplateOutlet]=\"editor\"> </ng-container>\n\n <button\n
|
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: EditableComponent, isStandalone: true, selector: "aui-editable", inputs: { beforeSave: "beforeSave", position: "position" }, outputs: { save: "save", cancel: "cancel", modeChange: "modeChange" }, queries: [{ propertyName: "viewer", first: true, predicate: EditableViewerDirective, descendants: true, read: TemplateRef }, { propertyName: "editor", first: true, predicate: EditableEditorDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<div [class]=\"$hostClass()\">\n <div\n [class]=\"bem.element('viewer-container')\"\n *ngIf=\"$$mode() === EditableMode.View\"\n >\n <ng-container [ngTemplateOutlet]=\"viewer\"> </ng-container>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"$$mode.set(EditableMode.Edit)\"\n >\n <aui-icon icon=\"pencil\"></aui-icon>\n </button>\n </div>\n <ng-container *ngIf=\"$$mode() === EditableMode.Edit\">\n <div [class]=\"bem.element('editor-container')\">\n <ng-container [ngTemplateOutlet]=\"editor\"> </ng-container>\n\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [disabled]=\"loading\"\n (click)=\"saveEdit()\"\n >\n <aui-icon [icon]=\"loading ? 'spinner' : 'check'\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"cancelEdit()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </button>\n </div>\n </ng-container>\n</div>\n", styles: [".aui-editable .aui-button--text{color:rgb(var(--aui-color-main-text))}.aui-editable .aui-button--text:first-of-type{margin-left:8px}.aui-editable .aui-button--text:hover{color:rgb(var(--aui-color-primary))}.aui-editable .aui-button--text[disabled]{color:rgb(var(--aui-color-main-text))!important}.aui-editable--center .aui-editable__view-container,.aui-editable--center .aui-editable__editor-container{display:flex;align-items:center}.aui-editable--top .aui-editable__view-container,.aui-editable--top .aui-editable__editor-container{display:flex;align-items:flex-start}.aui-editable--bottom .aui-editable__view-container,.aui-editable--bottom .aui-editable__editor-container{display:flex;align-items:flex-end}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
55
55
|
}
|
|
56
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: EditableComponent, decorators: [{
|
|
57
57
|
type: Component,
|
|
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
62
62
|
NgTemplateOutlet,
|
|
63
63
|
IconComponent,
|
|
64
64
|
ButtonModule,
|
|
65
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"$hostClass()\">\n <div\n [class]=\"bem.element('viewer-container')\"\n *ngIf=\"$$mode() === EditableMode.View\"\n >\n <ng-container [ngTemplateOutlet]=\"viewer\"> </ng-container>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"$$mode.set(EditableMode.Edit)\"\n >\n <aui-icon icon=\"pencil\"></aui-icon>\n </button>\n </div>\n <ng-container *ngIf=\"$$mode() === EditableMode.Edit\">\n <div [class]=\"bem.element('editor-container')\">\n <ng-container [ngTemplateOutlet]=\"editor\"> </ng-container>\n\n <button\n
|
|
65
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"$hostClass()\">\n <div\n [class]=\"bem.element('viewer-container')\"\n *ngIf=\"$$mode() === EditableMode.View\"\n >\n <ng-container [ngTemplateOutlet]=\"viewer\"> </ng-container>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"$$mode.set(EditableMode.Edit)\"\n >\n <aui-icon icon=\"pencil\"></aui-icon>\n </button>\n </div>\n <ng-container *ngIf=\"$$mode() === EditableMode.Edit\">\n <div [class]=\"bem.element('editor-container')\">\n <ng-container [ngTemplateOutlet]=\"editor\"> </ng-container>\n\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [disabled]=\"loading\"\n (click)=\"saveEdit()\"\n >\n <aui-icon [icon]=\"loading ? 'spinner' : 'check'\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"cancelEdit()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </button>\n </div>\n </ng-container>\n</div>\n", styles: [".aui-editable .aui-button--text{color:rgb(var(--aui-color-main-text))}.aui-editable .aui-button--text:first-of-type{margin-left:8px}.aui-editable .aui-button--text:hover{color:rgb(var(--aui-color-primary))}.aui-editable .aui-button--text[disabled]{color:rgb(var(--aui-color-main-text))!important}.aui-editable--center .aui-editable__view-container,.aui-editable--center .aui-editable__editor-container{display:flex;align-items:center}.aui-editable--top .aui-editable__view-container,.aui-editable--top .aui-editable__editor-container{display:flex;align-items:flex-start}.aui-editable--bottom .aui-editable__view-container,.aui-editable--bottom .aui-editable__editor-container{display:flex;align-items:flex-end}\n"] }]
|
|
66
66
|
}], ctorParameters: function () { return []; }, propDecorators: { beforeSave: [{
|
|
67
67
|
type: Input
|
|
68
68
|
}], position: [{
|
|
@@ -80,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
80
80
|
type: ContentChild,
|
|
81
81
|
args: [EditableEditorDirective, { read: TemplateRef }]
|
|
82
82
|
}] } });
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VkaXRhYmxlL2VkaXRhYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy9lZGl0YWJsZS9lZGl0YWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzRSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sV0FBVyxFQUNYLFFBQVEsRUFDUixNQUFNLEVBQ04sTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUU3QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRXpDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDeEMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRTdDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsdUJBQXVCLEdBQ3hCLE1BQU0sc0JBQXNCLENBQUM7QUFDOUIsT0FBTyxFQUFrQixZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBRS9ELE1BQU0sR0FBRyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsQ0FBQztBQWlCckMsTUFBTSxPQUFPLGlCQUFpQjtJQUk1QixJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBSSxRQUFRLENBQUMsR0FBRztRQUNkLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxLQUFLLEdBQUcsRUFBRTtZQUM3QixJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUMxQjtJQUNILENBQUM7SUF3QkQ7UUF0QlUsU0FBSSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3BELFdBQU0sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN0RCxlQUFVLEdBQ2xCLElBQUksWUFBWSxFQUFnQixDQUFDO1FBUW5DLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBQzVCLFFBQUcsR0FBRyxHQUFHLENBQUM7UUFDVixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBRWhCLFdBQU0sR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25DLGVBQVUsR0FBRyxNQUFNLENBQWlCLFFBQVEsQ0FBQyxDQUFDO1FBRTlDLGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3pCLE9BQU8sR0FBRyxHQUFHLENBQUMsS0FBSyxFQUFFLElBQUksR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsRUFBRSxDQUFDO1FBQzdELENBQUMsQ0FBQyxDQUFDO1FBR0QsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO1FBQ3RDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFLElBQUksT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDO2FBQzNDLElBQUksQ0FDSCxLQUFLLEVBQUUsRUFDUCxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQ3ZDO2FBQ0EsU0FBUyxDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQ3RCLElBQUksVUFBVSxLQUFLLEtBQUssRUFBRTtnQkFDeEIsT0FBTzthQUNSO1lBQ0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ25DLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbkIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7OEdBOURVLGlCQUFpQjtrR0FBakIsaUJBQWlCLCtPQW9CZCx1QkFBdUIsMkJBQVUsV0FBVyxzREFHNUMsdUJBQXVCLDJCQUFVLFdBQVcsNkJDbEU1RCx3Z0NBb0NBLGt3QkRGSSxJQUFJLDZGQUdKLGdCQUFnQixvSkFDaEIsYUFBYSwySkFDYixZQUFZOzsyRkFJSCxpQkFBaUI7a0JBZjdCLFNBQVM7K0JBQ0UsY0FBYyxjQUdaLElBQUksV0FDUDt3QkFDUCxJQUFJO3dCQUNKLEtBQUs7d0JBQ0wsU0FBUzt3QkFDVCxnQkFBZ0I7d0JBQ2hCLGFBQWE7d0JBQ2IsWUFBWTtxQkFDYixtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTTswRUFJL0MsVUFBVTtzQkFEVCxLQUFLO2dCQUlGLFFBQVE7c0JBRFgsS0FBSztnQkFXSSxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBSVAsTUFBTTtzQkFETCxZQUFZO3VCQUFDLHVCQUF1QixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtnQkFJNUQsTUFBTTtzQkFETCxZQUFZO3VCQUFDLHVCQUF1QixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFzeW5jUGlwZSwgTmdGb3IsIE5nSWYsIE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxuICBjb21wdXRlZCxcbiAgZWZmZWN0LFxuICBzaWduYWwsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZmluYWxpemUsIGZpcnN0LCBmcm9tIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBDdXN0b21CZWZvcmVBY3Rpb24gfSBmcm9tICcuLi9kaWFsb2cnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24nO1xuaW1wb3J0IHsgYnVpbGRCZW0gfSBmcm9tICcuLi9pbnRlcm5hbC91dGlscyc7XG5cbmltcG9ydCB7XG4gIEVkaXRhYmxlRWRpdG9yRGlyZWN0aXZlLFxuICBFZGl0YWJsZVZpZXdlckRpcmVjdGl2ZSxcbn0gZnJvbSAnLi9lZGl0YWJsZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQnV0dG9uUG9zaXRpb24sIEVkaXRhYmxlTW9kZSB9IGZyb20gJy4vZWRpdGFibGUudHlwZSc7XG5cbmNvbnN0IGJlbSA9IGJ1aWxkQmVtKCdhdWktZWRpdGFibGUnKTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVpLWVkaXRhYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICdlZGl0YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydlZGl0YWJsZS5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBOZ0ZvcixcbiAgICBBc3luY1BpcGUsXG4gICAgTmdUZW1wbGF0ZU91dGxldCxcbiAgICBJY29uQ29tcG9uZW50LFxuICAgIEJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEVkaXRhYmxlQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgYmVmb3JlU2F2ZTogQ3VzdG9tQmVmb3JlQWN0aW9uPHVua25vd24+O1xuXG4gIEBJbnB1dCgpXG4gIGdldCBwb3NpdGlvbigpIHtcbiAgICByZXR1cm4gdGhpcy4kJHBvc2l0aW9uKCk7XG4gIH1cblxuICBzZXQgcG9zaXRpb24odmFsKSB7XG4gICAgaWYgKHRoaXMuJCRwb3NpdGlvbigpICE9PSB2YWwpIHtcbiAgICAgIHRoaXMuJCRwb3NpdGlvbi5zZXQodmFsKTtcbiAgICB9XG4gIH1cblxuICBAT3V0cHV0KCkgc2F2ZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgY2FuY2VsOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBtb2RlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8RWRpdGFibGVNb2RlPiA9XG4gICAgbmV3IEV2ZW50RW1pdHRlcjxFZGl0YWJsZU1vZGU+KCk7XG5cbiAgQENvbnRlbnRDaGlsZChFZGl0YWJsZVZpZXdlckRpcmVjdGl2ZSwgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KVxuICB2aWV3ZXI6IFRlbXBsYXRlUmVmPHVua25vd24+O1xuXG4gIEBDb250ZW50Q2hpbGQoRWRpdGFibGVFZGl0b3JEaXJlY3RpdmUsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSlcbiAgZWRpdG9yOiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcblxuICBFZGl0YWJsZU1vZGUgPSBFZGl0YWJsZU1vZGU7XG4gIGJlbSA9IGJlbTtcbiAgbG9hZGluZyA9IGZhbHNlO1xuXG4gICQkbW9kZSA9IHNpZ25hbChFZGl0YWJsZU1vZGUuVmlldyk7XG4gICQkcG9zaXRpb24gPSBzaWduYWw8QnV0dG9uUG9zaXRpb24+KCdjZW50ZXInKTtcblxuICAkaG9zdENsYXNzID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHJldHVybiBgJHtiZW0uYmxvY2soKX0gJHtiZW0ubW9kaWZpZXIodGhpcy4kJHBvc2l0aW9uKCkpfWA7XG4gIH0pO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLm1vZGVDaGFuZ2UuZW1pdCh0aGlzLiQkbW9kZSgpKTtcbiAgICB9KTtcbiAgfVxuXG4gIHNhdmVFZGl0KCkge1xuICAgIHRoaXMubG9hZGluZyA9IHRydWU7XG4gICAgZnJvbSh0aGlzLmJlZm9yZVNhdmU/LigpIHx8IFByb21pc2UucmVzb2x2ZSgpKVxuICAgICAgLnBpcGUoXG4gICAgICAgIGZpcnN0KCksXG4gICAgICAgIGZpbmFsaXplKCgpID0+ICh0aGlzLmxvYWRpbmcgPSBmYWxzZSkpLFxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZShpc0NvbnRpbnVlID0+IHtcbiAgICAgICAgaWYgKGlzQ29udGludWUgPT09IGZhbHNlKSB7XG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuJCRtb2RlLnNldChFZGl0YWJsZU1vZGUuVmlldyk7XG4gICAgICAgIHRoaXMuc2F2ZS5lbWl0KCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIGNhbmNlbEVkaXQoKSB7XG4gICAgdGhpcy4kJG1vZGUuc2V0KEVkaXRhYmxlTW9kZS5WaWV3KTtcbiAgICB0aGlzLmNhbmNlbC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgW2NsYXNzXT1cIiRob3N0Q2xhc3MoKVwiPlxuICA8ZGl2XG4gICAgW2NsYXNzXT1cImJlbS5lbGVtZW50KCd2aWV3ZXItY29udGFpbmVyJylcIlxuICAgICpuZ0lmPVwiJCRtb2RlKCkgPT09IEVkaXRhYmxlTW9kZS5WaWV3XCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwidmlld2VyXCI+IDwvbmctY29udGFpbmVyPlxuICAgIDxidXR0b25cbiAgICAgIGF1aS1idXR0b249XCJ0ZXh0XCJcbiAgICAgIFtzcXVhcmVdPVwidHJ1ZVwiXG4gICAgICAoY2xpY2spPVwiJCRtb2RlLnNldChFZGl0YWJsZU1vZGUuRWRpdClcIlxuICAgID5cbiAgICAgIDxhdWktaWNvbiBpY29uPVwicGVuY2lsXCI+PC9hdWktaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIkJG1vZGUoKSA9PT0gRWRpdGFibGVNb2RlLkVkaXRcIj5cbiAgICA8ZGl2IFtjbGFzc109XCJiZW0uZWxlbWVudCgnZWRpdG9yLWNvbnRhaW5lcicpXCI+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImVkaXRvclwiPiA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgPGJ1dHRvblxuICAgICAgICBhdWktYnV0dG9uPVwidGV4dFwiXG4gICAgICAgIFtzcXVhcmVdPVwidHJ1ZVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJsb2FkaW5nXCJcbiAgICAgICAgKGNsaWNrKT1cInNhdmVFZGl0KClcIlxuICAgICAgPlxuICAgICAgICA8YXVpLWljb24gW2ljb25dPVwibG9hZGluZyA/ICdzcGlubmVyJyA6ICdjaGVjaydcIj48L2F1aS1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIGF1aS1idXR0b249XCJ0ZXh0XCJcbiAgICAgICAgW3NxdWFyZV09XCJ0cnVlXCJcbiAgICAgICAgKGNsaWNrKT1cImNhbmNlbEVkaXQoKVwiXG4gICAgICA+XG4gICAgICAgIDxhdWktaWNvbiBpY29uPVwieG1hcmtcIj48L2F1aS1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=
|
package/fesm2022/alauda-ui.mjs
CHANGED
|
@@ -7455,7 +7455,7 @@ class EditableComponent {
|
|
|
7455
7455
|
this.cancel.emit();
|
|
7456
7456
|
}
|
|
7457
7457
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: EditableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7458
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: EditableComponent, isStandalone: true, selector: "aui-editable", inputs: { beforeSave: "beforeSave", position: "position" }, outputs: { save: "save", cancel: "cancel", modeChange: "modeChange" }, queries: [{ propertyName: "viewer", first: true, predicate: EditableViewerDirective, descendants: true, read: TemplateRef }, { propertyName: "editor", first: true, predicate: EditableEditorDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<div [class]=\"$hostClass()\">\n <div\n [class]=\"bem.element('viewer-container')\"\n *ngIf=\"$$mode() === EditableMode.View\"\n >\n <ng-container [ngTemplateOutlet]=\"viewer\"> </ng-container>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"$$mode.set(EditableMode.Edit)\"\n >\n <aui-icon icon=\"pencil\"></aui-icon>\n </button>\n </div>\n <ng-container *ngIf=\"$$mode() === EditableMode.Edit\">\n <div [class]=\"bem.element('editor-container')\">\n <ng-container [ngTemplateOutlet]=\"editor\"> </ng-container>\n\n <button\n
|
|
7458
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: EditableComponent, isStandalone: true, selector: "aui-editable", inputs: { beforeSave: "beforeSave", position: "position" }, outputs: { save: "save", cancel: "cancel", modeChange: "modeChange" }, queries: [{ propertyName: "viewer", first: true, predicate: EditableViewerDirective, descendants: true, read: TemplateRef }, { propertyName: "editor", first: true, predicate: EditableEditorDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<div [class]=\"$hostClass()\">\n <div\n [class]=\"bem.element('viewer-container')\"\n *ngIf=\"$$mode() === EditableMode.View\"\n >\n <ng-container [ngTemplateOutlet]=\"viewer\"> </ng-container>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"$$mode.set(EditableMode.Edit)\"\n >\n <aui-icon icon=\"pencil\"></aui-icon>\n </button>\n </div>\n <ng-container *ngIf=\"$$mode() === EditableMode.Edit\">\n <div [class]=\"bem.element('editor-container')\">\n <ng-container [ngTemplateOutlet]=\"editor\"> </ng-container>\n\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [disabled]=\"loading\"\n (click)=\"saveEdit()\"\n >\n <aui-icon [icon]=\"loading ? 'spinner' : 'check'\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"cancelEdit()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </button>\n </div>\n </ng-container>\n</div>\n", styles: [".aui-editable .aui-button--text{color:rgb(var(--aui-color-main-text))}.aui-editable .aui-button--text:first-of-type{margin-left:8px}.aui-editable .aui-button--text:hover{color:rgb(var(--aui-color-primary))}.aui-editable .aui-button--text[disabled]{color:rgb(var(--aui-color-main-text))!important}.aui-editable--center .aui-editable__view-container,.aui-editable--center .aui-editable__editor-container{display:flex;align-items:center}.aui-editable--top .aui-editable__view-container,.aui-editable--top .aui-editable__editor-container{display:flex;align-items:flex-start}.aui-editable--bottom .aui-editable__view-container,.aui-editable--bottom .aui-editable__editor-container{display:flex;align-items:flex-end}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7459
7459
|
}
|
|
7460
7460
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: EditableComponent, decorators: [{
|
|
7461
7461
|
type: Component,
|
|
@@ -7466,7 +7466,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
7466
7466
|
NgTemplateOutlet,
|
|
7467
7467
|
IconComponent,
|
|
7468
7468
|
ButtonModule,
|
|
7469
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"$hostClass()\">\n <div\n [class]=\"bem.element('viewer-container')\"\n *ngIf=\"$$mode() === EditableMode.View\"\n >\n <ng-container [ngTemplateOutlet]=\"viewer\"> </ng-container>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"$$mode.set(EditableMode.Edit)\"\n >\n <aui-icon icon=\"pencil\"></aui-icon>\n </button>\n </div>\n <ng-container *ngIf=\"$$mode() === EditableMode.Edit\">\n <div [class]=\"bem.element('editor-container')\">\n <ng-container [ngTemplateOutlet]=\"editor\"> </ng-container>\n\n <button\n
|
|
7469
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"$hostClass()\">\n <div\n [class]=\"bem.element('viewer-container')\"\n *ngIf=\"$$mode() === EditableMode.View\"\n >\n <ng-container [ngTemplateOutlet]=\"viewer\"> </ng-container>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"$$mode.set(EditableMode.Edit)\"\n >\n <aui-icon icon=\"pencil\"></aui-icon>\n </button>\n </div>\n <ng-container *ngIf=\"$$mode() === EditableMode.Edit\">\n <div [class]=\"bem.element('editor-container')\">\n <ng-container [ngTemplateOutlet]=\"editor\"> </ng-container>\n\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [disabled]=\"loading\"\n (click)=\"saveEdit()\"\n >\n <aui-icon [icon]=\"loading ? 'spinner' : 'check'\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"cancelEdit()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </button>\n </div>\n </ng-container>\n</div>\n", styles: [".aui-editable .aui-button--text{color:rgb(var(--aui-color-main-text))}.aui-editable .aui-button--text:first-of-type{margin-left:8px}.aui-editable .aui-button--text:hover{color:rgb(var(--aui-color-primary))}.aui-editable .aui-button--text[disabled]{color:rgb(var(--aui-color-main-text))!important}.aui-editable--center .aui-editable__view-container,.aui-editable--center .aui-editable__editor-container{display:flex;align-items:center}.aui-editable--top .aui-editable__view-container,.aui-editable--top .aui-editable__editor-container{display:flex;align-items:flex-start}.aui-editable--bottom .aui-editable__view-container,.aui-editable--bottom .aui-editable__editor-container{display:flex;align-items:flex-end}\n"] }]
|
|
7470
7470
|
}], ctorParameters: function () { return []; }, propDecorators: { beforeSave: [{
|
|
7471
7471
|
type: Input
|
|
7472
7472
|
}], position: [{
|