@alauda-fe/common
Version:
Alauda frontend team common codes.
80 lines (79 loc) • 3.36 kB
TypeScript
import { EventEmitter, TemplateRef } from '@angular/core';
import { Observable } from 'rxjs';
import { ContextItem } from '../../chart/common/public-api';
import * as i0 from "@angular/core";
export declare const CHART_COLORS: {
running: string;
partial_running: string;
pending: string;
failed: string;
fail_or_abnormal: string;
stopped: string;
empty: string;
error: string;
no_workload: string;
nil: string;
completed: string;
done: string;
};
export interface DonutStatusItem {
name: string;
value: number;
color?: string;
type?: string;
index?: number;
}
export declare class DonutStatusChartComponent {
data: DonutStatusItem[];
data$: Observable<DonutStatusItem[]>;
loading: boolean;
loading$: Observable<boolean>;
failed: boolean;
pieLabelText: string | TemplateRef<unknown>;
failed$: Observable<boolean>;
layout: 'row' | 'column';
size: number;
customText: string;
customTextSize: string;
unit: string;
hideUnit: boolean;
hideLegend: boolean;
decimal: boolean;
width: number;
guideLabel: string;
tooltipTrigger: 'axis' | 'item' | 'none';
tooltipHideTitle: boolean;
tooltipTranslation: boolean;
tooltipPointFormat: (d: ContextItem) => number | string;
refresh: EventEmitter<any>;
get layoutColumn(): boolean;
status$: Observable<{
loading: boolean;
failed: boolean;
}>;
pieData$: Observable<{
color: string;
name: string;
value: number;
type?: string;
index?: number;
}[]>;
total$: Observable<number>;
CHART_COLORS: {
running: string;
partial_running: string;
pending: string;
failed: string;
fail_or_abnormal: string;
stopped: string;
empty: string;
error: string;
no_workload: string;
nil: string;
completed: string;
done: string;
};
color(item: DonutStatusItem): string;
static ɵfac: i0.ɵɵFactoryDeclaration<DonutStatusChartComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DonutStatusChartComponent, "acl-donut-status-chart", never, { "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "failed": { "alias": "failed"; "required": false; }; "pieLabelText": { "alias": "pieLabelText"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "size": { "alias": "size"; "required": false; }; "customText": { "alias": "customText"; "required": false; }; "customTextSize": { "alias": "customTextSize"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "hideUnit": { "alias": "hideUnit"; "required": false; }; "hideLegend": { "alias": "hideLegend"; "required": false; }; "decimal": { "alias": "decimal"; "required": false; }; "width": { "alias": "width"; "required": false; }; "guideLabel": { "alias": "guideLabel"; "required": false; }; "tooltipTrigger": { "alias": "tooltipTrigger"; "required": false; }; "tooltipHideTitle": { "alias": "tooltipHideTitle"; "required": false; }; "tooltipTranslation": { "alias": "tooltipTranslation"; "required": false; }; "tooltipPointFormat": { "alias": "tooltipPointFormat"; "required": false; }; }, { "refresh": "refresh"; }, never, never, false, never>;
}