@alauda-fe/common
Version:
Alauda frontend team common codes.
61 lines • 10.2 kB
JavaScript
import { NgClass } from '@angular/common';
import { ChangeDetectionStrategy, Component, Directive, HostBinding, Input, } from '@angular/core';
import { EffectDirectiveModule } from '../../../effect-directive/module';
import * as i0 from "@angular/core";
const _c0 = [[["label"]], "*", [["", "aclFieldSetItemAction", ""]]];
const _c1 = ["label", "*", "[aclFieldSetItemAction]"];
const _c2 = (a0, a1, a2) => ({ "field-set-item__value__content__full-width": a0, "field-set-item__value__content__overflow": a1, "field-set-item__value__content__wrap": a2 });
export class FieldSetItemComponent {
constructor() {
this.allowFullWidth = false;
this.allowOverflow = false;
this.allowWrap = false;
}
get align() {
return this.allowWrap ? 'flex-start' : 'center';
}
static { this.ɵfac = function FieldSetItemComponent_Factory(t) { return new (t || FieldSetItemComponent)(); }; }
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FieldSetItemComponent, selectors: [["acl-field-set-item"]], hostVars: 2, hostBindings: function FieldSetItemComponent_HostBindings(rf, ctx) { if (rf & 2) {
i0.ɵɵstyleProp("align-items", ctx.align);
} }, inputs: { allowFullWidth: "allowFullWidth", allowOverflow: "allowOverflow", allowWrap: "allowWrap" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1, decls: 7, vars: 5, consts: [[1, "field-set-item__label"], [1, "field-set-item__value"], [1, "field-set-item__value__content", 3, "ngClass"], [1, "field-set-item__value__action"]], template: function FieldSetItemComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵprojectionDef(_c0);
i0.ɵɵelementStart(0, "div", 0);
i0.ɵɵprojection(1);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(2, "div", 1)(3, "div", 2);
i0.ɵɵprojection(4, 1);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(5, "div", 3);
i0.ɵɵprojection(6, 2);
i0.ɵɵelementEnd()();
} if (rf & 2) {
i0.ɵɵadvance(3);
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(1, _c2, ctx.allowFullWidth, ctx.allowOverflow, ctx.allowWrap));
} }, dependencies: [NgClass, EffectDirectiveModule], styles: ["[_nghost-%COMP%]{display:flex;min-height:20px;line-height:20px;align-items:center;overflow:hidden;color:rgb(var(--aui-color-main-text));min-width:40%;flex:1}[_nghost-%COMP%] .field-set-item__label[_ngcontent-%COMP%]{white-space:nowrap;margin-right:8px;font-weight:500}[_nghost-%COMP%] .field-set-item__label[_ngcontent-%COMP%]:not(:empty):after{content:\":\";margin-left:2px}[_nghost-%COMP%] .field-set-item__value[_ngcontent-%COMP%]{display:flex;min-width:0;flex:1}[_nghost-%COMP%] .field-set-item__value__content[_ngcontent-%COMP%]{display:flex;min-width:0;overflow:hidden;white-space:nowrap}[_nghost-%COMP%] .field-set-item__value__content[_ngcontent-%COMP%] >*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[_nghost-%COMP%] .field-set-item__value__content[_ngcontent-%COMP%] *+.aui-button{margin-left:4px}[_nghost-%COMP%] .field-set-item__value__content[_ngcontent-%COMP%] aui-checkbox{display:inline-flex}[_nghost-%COMP%] .field-set-item__value__content__full-width[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%] .field-set-item__value__content__wrap[_ngcontent-%COMP%] >*{white-space:pre-wrap;flex-wrap:wrap}[_nghost-%COMP%] .field-set-item__value__action[_ngcontent-%COMP%]{white-space:nowrap}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldSetItemComponent, [{
type: Component,
args: [{ selector: 'acl-field-set-item', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, EffectDirectiveModule], standalone: true, template: "<div class=\"field-set-item__label\">\n <ng-content select=\"label\"></ng-content>\n</div>\n<div class=\"field-set-item__value\">\n <div\n class=\"field-set-item__value__content\"\n [ngClass]=\"{\n 'field-set-item__value__content__full-width': allowFullWidth,\n 'field-set-item__value__content__overflow': allowOverflow,\n 'field-set-item__value__content__wrap': allowWrap\n }\"\n >\n <ng-content></ng-content>\n </div>\n <div class=\"field-set-item__value__action\">\n <ng-content select=\"[aclFieldSetItemAction]\"></ng-content>\n </div>\n</div>\n", styles: [":host{display:flex;min-height:20px;line-height:20px;align-items:center;overflow:hidden;color:rgb(var(--aui-color-main-text));min-width:40%;flex:1}:host .field-set-item__label{white-space:nowrap;margin-right:8px;font-weight:500}:host .field-set-item__label:not(:empty):after{content:\":\";margin-left:2px}:host .field-set-item__value{display:flex;min-width:0;flex:1}:host .field-set-item__value__content{display:flex;min-width:0;overflow:hidden;white-space:nowrap}:host .field-set-item__value__content ::ng-deep>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .field-set-item__value__content ::ng-deep *+.aui-button{margin-left:4px}:host .field-set-item__value__content ::ng-deep aui-checkbox{display:inline-flex}:host .field-set-item__value__content__full-width{width:100%}:host .field-set-item__value__content__wrap ::ng-deep>*{white-space:pre-wrap;flex-wrap:wrap}:host .field-set-item__value__action{white-space:nowrap}\n"] }]
}], null, { allowFullWidth: [{
type: Input
}], allowOverflow: [{
type: Input
}], allowWrap: [{
type: Input
}], align: [{
type: HostBinding,
args: ['style.align-items']
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FieldSetItemComponent, { className: "FieldSetItemComponent" }); })();
export class FieldSetItemActionDirective {
static { this.ɵfac = function FieldSetItemActionDirective_Factory(t) { return new (t || FieldSetItemActionDirective)(); }; }
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FieldSetItemActionDirective, selectors: [["", "aclFieldSetItemAction", ""]], standalone: true }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldSetItemActionDirective, [{
type: Directive,
args: [{
selector: '[aclFieldSetItemAction]',
standalone: true,
}]
}], null, null); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3dpZGdldC9maWVsZC1zZXQvaXRlbS9jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvd2lkZ2V0L2ZpZWxkLXNldC9pdGVtL3RlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7OztBQVd6RSxNQUFNLE9BQU8scUJBQXFCO0lBVGxDO1FBVVcsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFDdEIsY0FBUyxHQUFHLEtBQUssQ0FBQztLQUk1QjtJQUhDLElBQXNDLEtBQUs7UUFDekMsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUNsRCxDQUFDO3NGQU5VLHFCQUFxQjtvRUFBckIscUJBQXFCO1lBQXJCLHdDQUFxQjs7O1lDcEJsQyw4QkFBbUM7WUFDakMsa0JBQXdDO1lBQzFDLGlCQUFNO1lBRUosQUFERiw4QkFBbUMsYUFRaEM7WUFDQyxxQkFBeUI7WUFDM0IsaUJBQU07WUFDTiw4QkFBMkM7WUFDekMscUJBQTBEO1lBRTlELEFBREUsaUJBQU0sRUFDRjs7WUFYRixlQUlFO1lBSkYsMEdBSUU7NEJET00sT0FBTyxFQUFFLHFCQUFxQjs7aUZBRzdCLHFCQUFxQjtjQVRqQyxTQUFTOzJCQUNFLG9CQUFvQix1QkFHVCxLQUFLLG1CQUNULHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxPQUFPLEVBQUUscUJBQXFCLENBQUMsY0FDN0IsSUFBSTtnQkFHUCxjQUFjO2tCQUF0QixLQUFLO1lBQ0csYUFBYTtrQkFBckIsS0FBSztZQUNHLFNBQVM7a0JBQWpCLEtBQUs7WUFDZ0MsS0FBSztrQkFBMUMsV0FBVzttQkFBQyxtQkFBbUI7O2tGQUpyQixxQkFBcUI7QUFhbEMsTUFBTSxPQUFPLDJCQUEyQjs0RkFBM0IsMkJBQTJCO29FQUEzQiwyQkFBMkI7O2lGQUEzQiwyQkFBMkI7Y0FKdkMsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSx5QkFBeUI7Z0JBQ25DLFVBQVUsRUFBRSxJQUFJO2FBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEVmZmVjdERpcmVjdGl2ZU1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2VmZmVjdC1kaXJlY3RpdmUvbW9kdWxlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLWZpZWxkLXNldC1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHlsZXMuc2NzcyddLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBFZmZlY3REaXJlY3RpdmVNb2R1bGVdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBGaWVsZFNldEl0ZW1Db21wb25lbnQge1xuICBASW5wdXQoKSBhbGxvd0Z1bGxXaWR0aCA9IGZhbHNlO1xuICBASW5wdXQoKSBhbGxvd092ZXJmbG93ID0gZmFsc2U7XG4gIEBJbnB1dCgpIGFsbG93V3JhcCA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLmFsaWduLWl0ZW1zJykgZ2V0IGFsaWduKCkge1xuICAgIHJldHVybiB0aGlzLmFsbG93V3JhcCA/ICdmbGV4LXN0YXJ0JyA6ICdjZW50ZXInO1xuICB9XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thY2xGaWVsZFNldEl0ZW1BY3Rpb25dJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRmllbGRTZXRJdGVtQWN0aW9uRGlyZWN0aXZlIHt9XG4iLCI8ZGl2IGNsYXNzPVwiZmllbGQtc2V0LWl0ZW1fX2xhYmVsXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImxhYmVsXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiZmllbGQtc2V0LWl0ZW1fX3ZhbHVlXCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cImZpZWxkLXNldC1pdGVtX192YWx1ZV9fY29udGVudFwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgJ2ZpZWxkLXNldC1pdGVtX192YWx1ZV9fY29udGVudF9fZnVsbC13aWR0aCc6IGFsbG93RnVsbFdpZHRoLFxuICAgICAgJ2ZpZWxkLXNldC1pdGVtX192YWx1ZV9fY29udGVudF9fb3ZlcmZsb3cnOiBhbGxvd092ZXJmbG93LFxuICAgICAgJ2ZpZWxkLXNldC1pdGVtX192YWx1ZV9fY29udGVudF9fd3JhcCc6IGFsbG93V3JhcFxuICAgIH1cIlxuICA+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImZpZWxkLXNldC1pdGVtX192YWx1ZV9fYWN0aW9uXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2FjbEZpZWxkU2V0SXRlbUFjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=