@longline/aqua-ui 1.0.234 → 1.0.235
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/map/Map/Map.d.ts +17 -1
- package/map/Map/Map.js +3 -1
- package/package.json +1 -1
package/map/Map/Map.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { MapMouseEvent, Map as OriginalMap } from 'mapbox-gl';
|
|
3
|
-
import { ViewState } from 'react-map-gl/mapbox';
|
|
3
|
+
import { ViewState, ViewStateChangeEvent } from 'react-map-gl/mapbox';
|
|
4
4
|
interface IMapProps {
|
|
5
5
|
/** @ignore */
|
|
6
6
|
children?: React.ReactNode;
|
|
@@ -93,14 +93,30 @@ interface IMapProps {
|
|
|
93
93
|
* Fired when map is loaded.
|
|
94
94
|
*/
|
|
95
95
|
onLoad?: (map: OriginalMap) => void;
|
|
96
|
+
/**
|
|
97
|
+
* Fired when map moves.
|
|
98
|
+
*/
|
|
99
|
+
onMove?: (e: ViewStateChangeEvent) => void;
|
|
100
|
+
/**
|
|
101
|
+
* Fired when map stops moving.
|
|
102
|
+
*/
|
|
103
|
+
onMoveEnd?: (e: ViewStateChangeEvent) => void;
|
|
96
104
|
/**
|
|
97
105
|
* Fired when map is clicked.
|
|
98
106
|
*/
|
|
99
107
|
onClick?: (e: MapMouseEvent) => void;
|
|
108
|
+
/**
|
|
109
|
+
* Fired when map is double-clicked.
|
|
110
|
+
*/
|
|
111
|
+
onDblClick?: (e: MapMouseEvent) => void;
|
|
100
112
|
/**
|
|
101
113
|
* Fired when mouse moves over map.
|
|
102
114
|
*/
|
|
103
115
|
onMouseMove?: (e: MapMouseEvent) => void;
|
|
116
|
+
/**
|
|
117
|
+
* Fired when mouse leaves map.
|
|
118
|
+
*/
|
|
119
|
+
onMouseLeave?: (e: MapMouseEvent) => void;
|
|
104
120
|
}
|
|
105
121
|
declare const useViewState: () => ViewState;
|
|
106
122
|
declare const Map: {
|
package/map/Map/Map.js
CHANGED
|
@@ -215,8 +215,10 @@ var MapBase = function (props) {
|
|
|
215
215
|
};
|
|
216
216
|
var handleMove = function (e) {
|
|
217
217
|
setViewState(e.viewState);
|
|
218
|
+
if (props.onMove)
|
|
219
|
+
props.onMove(e);
|
|
218
220
|
};
|
|
219
|
-
return (React.createElement(GLMap, __assign({}, viewState, { mapboxAccessToken: props.token, style: { width: '100%', height: '100%', minHeight: '300px', font: theme.font.bodyMedium }, logoPosition: props.logoPosition, mapStyle: props.style, minZoom: props.minZoom, maxZoom: props.maxZoom, interactiveLayerIds: props.interactiveLayerIds, doubleClickZoom: true, preserveDrawingBuffer: props.preserveDrawingBuffer, fadeDuration: props.fadeDuration, onMove: handleMove, onMouseMove: props.onMouseMove, onLoad: handleLoad, onClick: props.onClick }),
|
|
221
|
+
return (React.createElement(GLMap, __assign({}, viewState, { mapboxAccessToken: props.token, style: { width: '100%', height: '100%', minHeight: '300px', font: theme.font.bodyMedium }, logoPosition: props.logoPosition, mapStyle: props.style, minZoom: props.minZoom, maxZoom: props.maxZoom, interactiveLayerIds: props.interactiveLayerIds, doubleClickZoom: true, preserveDrawingBuffer: props.preserveDrawingBuffer, fadeDuration: props.fadeDuration, onMove: handleMove, onMoveEnd: props.onMoveEnd, onMouseMove: props.onMouseMove, onMouseLeave: props.onMouseLeave, onLoad: handleLoad, onClick: props.onClick, onDblClick: props.onDblClick }),
|
|
220
222
|
props.clipped && React.createElement(React.Fragment, null,
|
|
221
223
|
React.createElement(Source, { type: "raster", tiles: ["https://api.mapbox.com/raster/v1/mapbox.mapbox-terrain-dem-v1/{z}/{x}/{y}.webp?access_token=".concat(props.token)] },
|
|
222
224
|
React.createElement(Layer, { id: "overlay", type: "raster" })),
|