vue3-map-chart
Version:
Vue 3 component for rendering interactive SVG maps of the world, continents, and countries with dynamic data.
118 lines (117 loc) • 3.94 kB
TypeScript
import type { MapData } from '@/types';
import type { CSSProperties } from 'vue';
interface Props {
langCode?: string;
width?: number | string;
height?: number | string;
mapStyles?: CSSProperties;
displayLegend?: boolean;
displayLegendWhenEmpty?: boolean;
formatValueWithSiPrefix?: boolean;
forceCursorPointer?: boolean;
legendBgColor?: string;
legendTextColor?: string;
legendDividerColor?: string;
legendValuePrefix?: string;
legendValueSuffix?: string;
defaultStrokeColor?: string;
defaultStrokeHoverColor?: string;
defaultFillColor?: string;
defaultFillHoverColor?: string;
baseColor?: string;
customMapSvg?: string;
customMapLabels?: Record<string, string>;
data: MapData;
}
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
langCode: string;
height: number;
width: string;
mapStyles: () => {};
displayLegend: boolean;
displayLegendWhenEmpty: boolean;
formatValueWithSiPrefix: boolean;
forceCursorPointer: boolean;
legendBgColor: undefined;
legendTextColor: undefined;
legendDividerColor: undefined;
legendValuePrefix: string;
legendValueSuffix: string;
defaultFillColor: string;
defaultFillHoverColor: string;
defaultStrokeHoverColor: string;
defaultStrokeColor: string;
baseColor: string;
customMapSvg: string;
customMapLabels: () => {};
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
mapItemTouchstart: (...args: any[]) => void;
mapItemMouseover: (...args: any[]) => void;
mapItemMouseout: (...args: any[]) => void;
mapItemClick: (...args: any[]) => void;
}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
langCode: string;
height: number;
width: string;
mapStyles: () => {};
displayLegend: boolean;
displayLegendWhenEmpty: boolean;
formatValueWithSiPrefix: boolean;
forceCursorPointer: boolean;
legendBgColor: undefined;
legendTextColor: undefined;
legendDividerColor: undefined;
legendValuePrefix: string;
legendValueSuffix: string;
defaultFillColor: string;
defaultFillHoverColor: string;
defaultStrokeHoverColor: string;
defaultStrokeColor: string;
baseColor: string;
customMapSvg: string;
customMapLabels: () => {};
}>>> & {
onMapItemTouchstart?: ((...args: any[]) => any) | undefined;
onMapItemMouseover?: ((...args: any[]) => any) | undefined;
onMapItemMouseout?: ((...args: any[]) => any) | undefined;
onMapItemClick?: ((...args: any[]) => any) | undefined;
}, {
langCode: string;
width: string | number;
height: string | number;
mapStyles: CSSProperties;
displayLegend: boolean;
displayLegendWhenEmpty: boolean;
formatValueWithSiPrefix: boolean;
forceCursorPointer: boolean;
legendBgColor: string;
legendTextColor: string;
legendDividerColor: string;
legendValuePrefix: string;
legendValueSuffix: string;
defaultStrokeColor: string;
defaultStrokeHoverColor: string;
defaultFillColor: string;
defaultFillHoverColor: string;
baseColor: string;
customMapSvg: string;
customMapLabels: Record<string, string>;
}, {}>;
export default _default;
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
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;
};
};
type __VLS_WithDefaults<P, D> = {
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
default: D[K];
}> : P[K];
};
type __VLS_Prettify<T> = {
[K in keyof T]: T[K];
} & {};