UNPKG

@qn-pandora/pandora-visualization

Version:

Pandora 通用可视化库

267 lines (266 loc) 35.3 kB
/// <reference types="hoist-non-react-statics" /> import React from 'react'; import MapboxPathChartStyleService from '../../../../base-pandora-visualization/services/chart-style/charts/mapbox/path'; import { IMapboxChartProps } from '../base'; import MapBoxGlStore from './store'; export declare class MapboxPathChart extends React.Component<IMapboxChartProps<MapboxPathChartStyleService>, {}> { store: import("../store").default<MapboxPathChartStyleService>; renderPoint(): React.JSX.Element; renderLine(): React.JSX.Element; renderArrow(): React.JSX.Element; beforePoint(): React.JSX.Element[]; render(): React.JSX.Element; } declare const _default: React.ComponentClass<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }, any> & import("hoist-non-react-statics").NonReactStatics<(React.ComponentClass<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }, any> & { new (props: any): { store: MapBoxGlStore; getProps: () => Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }> & Readonly<{ children?: React.ReactNode; }>; componentWillUnmount(): void; render(): React.JSX.Element; context: any; setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }> & Readonly<{ children?: React.ReactNode; }>; state: Readonly<any>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, nextState: Readonly<any>, nextContext: any): boolean; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, prevState: Readonly<any>): any; componentDidUpdate?(prevProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, prevState: Readonly<any>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, nextState: Readonly<any>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, nextState: Readonly<any>, nextContext: any): void; }; contextType?: React.Context<any> | undefined; }) | (React.FunctionComponent<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }> & { new (props: any): { store: MapBoxGlStore; getProps: () => Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }> & Readonly<{ children?: React.ReactNode; }>; componentWillUnmount(): void; render(): React.JSX.Element; context: any; setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }> & Readonly<{ children?: React.ReactNode; }>; state: Readonly<any>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, nextState: Readonly<any>, nextContext: any): boolean; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, prevState: Readonly<any>): any; componentDidUpdate?(prevProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, prevState: Readonly<any>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, nextState: Readonly<any>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<import("react-mapbox-gl/lib/map-events").Events & { store: import("../store").default<MapboxPathChartStyleService>; queryPath?: string | undefined; tilePath?: string | undefined; } & { store?: import("../store").default<import("../../../../base-pandora-visualization/services/chart-style/charts/mapbox/base").default> | undefined; }, "onResize" | "onClick" | "onStyleLoad" | "onDblClick" | "onMouseMove" | "onMouseOut" | "onMoveStart" | "onMove" | "onMoveEnd" | "onMouseDown" | "onMouseUp" | "onDragStart" | "onDragEnd" | "onDrag" | "onZoomStart" | "onZoom" | "onZoomEnd" | "onPitch" | "onPitchStart" | "onPitchEnd" | "onWebGlContextLost" | "onWebGlContextRestored" | "onRemove" | "onContextMenu" | "onRender" | "onError" | "onSourceData" | "onDataLoading" | "onStyleDataLoading" | "onStyleImageMissing" | "onTouchCancel" | "onData" | "onSourceDataLoading" | "onTouchMove" | "onTouchEnd" | "onTouchStart" | "onStyleData" | "onBoxZoomStart" | "onBoxZoomEnd" | "onBoxZoomCancel" | "onRotateStart" | "onRotate" | "onRotateEnd" | "queryPath" | "tilePath"> & { getChartStore?: ((store: import("../../stores/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").default<import("../../../../base-pandora-visualization/services/chart-style/charts/base").IChartStyleOption>>) => void) | undefined; chartContainerService: import("../../../..").IChartContainerService; }>, nextState: Readonly<any>, nextContext: any): void; }; contextType?: React.Context<any> | undefined; }), {}>; export default _default;