@lekseek/ui
Version:
Vue 3 components library
140 lines (139 loc) • 4.22 kB
TypeScript
interface ChartData {
label: string;
value: number;
increase?: number;
prefix?: string;
sufix?: string;
color: string;
}
interface ChartConfig {
animate?: boolean;
chartCx: number;
chartCy: number;
canvasWidth: number;
canvasHeight: number;
chartHeight?: number;
circleChartRadius?: number;
circleChartInnerRadius?: number;
columnWidth?: number;
columnSpacing?: number;
columnBorderRadius?: number;
darkLabels?: boolean;
showLabels?: boolean;
labelOffsetFromCenter?: number;
labelFontSize?: 'sm' | 'md' | 'lg';
customLabelFontSize?: string | null;
showLabelValue: boolean;
showLabelIncreaseValue?: boolean;
showLabelValuePrefixOrSufix?: boolean;
showColumnChartTick?: boolean;
showShortenedLabel?: boolean;
staticPrefix?: string;
staticSufix?: string;
}
interface LegendConfig {
show?: boolean;
showColorLabel?: boolean;
sort?: 'asc' | 'desc';
layout?: 'row' | 'column';
showValues?: boolean;
legendX?: number;
legendY?: number;
}
declare type Props = {
type: 'donut' | 'column';
data: ChartData[];
legend: LegendConfig;
config: ChartConfig;
};
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
legend: () => {
show: boolean;
showColorLabel: boolean;
sort: undefined;
layout: string;
showValues: boolean;
position: string;
legendX: number;
legendY: number;
};
config: () => {
animate: boolean;
chartCx: number;
chartCy: number;
canvasWidth: number;
canvasHeight: number;
chartHeight: number;
circleChartRadius: number;
circleChartInnerRadius: number;
columnWidth: number;
columnSpacing: number;
columnBorderRadius: number;
darkLabels: boolean;
showLabels: boolean;
labelOffsetFromCenter: number;
labelFontSize: string;
customLabelFontSize: null;
showLabelValue: boolean;
showLabelIncreaseValue: boolean;
showLabelValuePrefixOrSufix: boolean;
showColumnChartTick: boolean;
showShortenedLabel: boolean;
staticPrefix: string;
staticSufix: string;
};
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
legend: () => {
show: boolean;
showColorLabel: boolean;
sort: undefined;
layout: string;
showValues: boolean;
position: string;
legendX: number;
legendY: number;
};
config: () => {
animate: boolean;
chartCx: number;
chartCy: number;
canvasWidth: number;
canvasHeight: number;
chartHeight: number;
circleChartRadius: number;
circleChartInnerRadius: number;
columnWidth: number;
columnSpacing: number;
columnBorderRadius: number;
darkLabels: boolean;
showLabels: boolean;
labelOffsetFromCenter: number;
labelFontSize: string;
customLabelFontSize: null;
showLabelValue: boolean;
showLabelIncreaseValue: boolean;
showLabelValuePrefixOrSufix: boolean;
showColumnChartTick: boolean;
showShortenedLabel: boolean;
staticPrefix: string;
staticSufix: string;
};
}>>>, {
legend: LegendConfig;
config: ChartConfig;
}>;
export default _default;
declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
declare type __VLS_TypePropsToRuntimeProps<T> = {
[K in keyof T]-?: {} extends Pick<T, K> ? {
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
} : {
type: import('vue').PropType<T[K]>;
required: true;
};
};
declare type __VLS_WithDefaults<P, D> = {
[K in keyof P]: K extends keyof D ? P[K] & {
default: D[K];
} : P[K];
};