@alauda-fe/common
Version:
Alauda frontend team common codes.
59 lines • 6.13 kB
JavaScript
import { ChangeDetectionStrategy, Component, HostBinding, Input, } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@alauda/ui";
import * as i2 from "../../../../core/pipes/pure.pipe";
export class ResourceIconComponent {
constructor() {
this.displayMode = 'row';
}
get isCard() {
return this.displayMode === 'card';
}
get isLite() {
return this.displayMode === 'row-lite';
}
iconName(type) {
switch (type) {
case 'namespace': {
return 'namespace';
}
case 'project': {
return 'project';
}
case 'cluster': {
return 'server';
}
default: {
return type;
}
}
}
static { this.ɵfac = function ResourceIconComponent_Factory(t) { return new (t || ResourceIconComponent)(); }; }
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResourceIconComponent, selectors: [["acl-resource-icon"]], hostVars: 4, hostBindings: function ResourceIconComponent_HostBindings(rf, ctx) { if (rf & 2) {
i0.ɵɵclassProp("card", ctx.isCard)("row--lite", ctx.isLite);
} }, inputs: { type: "type", color: "color", displayMode: "displayMode" }, decls: 2, vars: 6, consts: [[1, "acl-colorful-icon", 3, "icon"]], template: function ResourceIconComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "aui-icon", 0);
i0.ɵɵpipe(1, "pure");
} if (rf & 2) {
i0.ɵɵclassProp("highlight", ctx.color === "white");
i0.ɵɵproperty("icon", "bicolor:" + i0.ɵɵpipeBind2(1, 3, ctx.type, ctx.iconName));
} }, dependencies: [i1.IconComponent, i2.PurePipe], styles: ["[_nghost-%COMP%]{display:inline-flex;align-items:center;font-size:32px}.card[_nghost-%COMP%]{font-size:72px}.row--lite[_nghost-%COMP%]{font-size:24px}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResourceIconComponent, [{
type: Component,
args: [{ selector: 'acl-resource-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<aui-icon\n class=\"acl-colorful-icon\"\n [class.highlight]=\"color === 'white'\"\n [icon]=\"'bicolor:' + (type | pure: iconName)\"\n></aui-icon>\n", styles: [":host{display:inline-flex;align-items:center;font-size:32px}:host.card{font-size:72px}:host.row--lite{font-size:24px}\n"] }]
}], null, { isCard: [{
type: HostBinding,
args: ['class.card']
}], isLite: [{
type: HostBinding,
args: ['class.row--lite']
}], type: [{
type: Input
}], color: [{
type: Input
}], displayMode: [{
type: Input
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ResourceIconComponent, { className: "ResourceIconComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9leHBvcnRzL2ljb24vY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9leHBvcnRzL2ljb24vdGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDOzs7O0FBVXZCLE1BQU0sT0FBTyxxQkFBcUI7SUFObEM7UUF3QkUsZ0JBQVcsR0FBRyxLQUFLLENBQUM7S0FrQnJCO0lBbkNDLElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyxNQUFNLENBQUM7SUFDckMsQ0FBQztJQUVELElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyxVQUFVLENBQUM7SUFDekMsQ0FBQztJQVdELFFBQVEsQ0FBQyxJQUFZO1FBQ25CLFFBQVEsSUFBSSxFQUFFLENBQUM7WUFDYixLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUM7Z0JBQ2pCLE9BQU8sV0FBVyxDQUFDO1lBQ3JCLENBQUM7WUFDRCxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUM7Z0JBQ2YsT0FBTyxTQUFTLENBQUM7WUFDbkIsQ0FBQztZQUNELEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQztnQkFDZixPQUFPLFFBQVEsQ0FBQztZQUNsQixDQUFDO1lBQ0QsT0FBTyxDQUFDLENBQUMsQ0FBQztnQkFDUixPQUFPLElBQUksQ0FBQztZQUNkLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztzRkFuQ1UscUJBQXFCO29FQUFyQixxQkFBcUI7WUFBckIsa0NBQXFCLHlCQUFBOztZQ2ZsQyw4QkFJWTs7O1lBRlYsa0RBQXFDO1lBQ3JDLGdGQUE2Qzs7O2lGRFlsQyxxQkFBcUI7Y0FOakMsU0FBUzsyQkFDRSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTTtnQkFJM0MsTUFBTTtrQkFEVCxXQUFXO21CQUFDLFlBQVk7WUFNckIsTUFBTTtrQkFEVCxXQUFXO21CQUFDLGlCQUFpQjtZQU05QixJQUFJO2tCQURILEtBQUs7WUFJTixLQUFLO2tCQURKLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7O2tGQWpCSyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYXRhVHlwZSB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLXJlc291cmNlLWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vdGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0eWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFJlc291cmNlSWNvbkNvbXBvbmVudCB7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuY2FyZCcpXG4gIGdldCBpc0NhcmQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZGlzcGxheU1vZGUgPT09ICdjYXJkJztcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3Mucm93LS1saXRlJylcbiAgZ2V0IGlzTGl0ZSgpIHtcbiAgICByZXR1cm4gdGhpcy5kaXNwbGF5TW9kZSA9PT0gJ3Jvdy1saXRlJztcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHR5cGU6IERhdGFUeXBlO1xuXG4gIEBJbnB1dCgpXG4gIGNvbG9yOiAnd2hpdGUnIHwgJ2JsdWUnO1xuXG4gIEBJbnB1dCgpXG4gIGRpc3BsYXlNb2RlID0gJ3Jvdyc7XG5cbiAgaWNvbk5hbWUodHlwZTogc3RyaW5nKSB7XG4gICAgc3dpdGNoICh0eXBlKSB7XG4gICAgICBjYXNlICduYW1lc3BhY2UnOiB7XG4gICAgICAgIHJldHVybiAnbmFtZXNwYWNlJztcbiAgICAgIH1cbiAgICAgIGNhc2UgJ3Byb2plY3QnOiB7XG4gICAgICAgIHJldHVybiAncHJvamVjdCc7XG4gICAgICB9XG4gICAgICBjYXNlICdjbHVzdGVyJzoge1xuICAgICAgICByZXR1cm4gJ3NlcnZlcic7XG4gICAgICB9XG4gICAgICBkZWZhdWx0OiB7XG4gICAgICAgIHJldHVybiB0eXBlO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIiwiPGF1aS1pY29uXG4gIGNsYXNzPVwiYWNsLWNvbG9yZnVsLWljb25cIlxuICBbY2xhc3MuaGlnaGxpZ2h0XT1cImNvbG9yID09PSAnd2hpdGUnXCJcbiAgW2ljb25dPVwiJ2JpY29sb3I6JyArICh0eXBlIHwgcHVyZTogaWNvbk5hbWUpXCJcbj48L2F1aS1pY29uPlxuIl19