@uiw/react-amap-map
Advanced tools
Comparing version
@@ -1,37 +0,11 @@ | ||
"use strict"; | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _exportNames = { | ||
Map: true | ||
}; | ||
exports.Map = void 0; | ||
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); | ||
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose")); | ||
var _react = require("react"); | ||
var _useMap = require("./useMap"); | ||
Object.keys(_useMap).forEach(function (key) { | ||
if (key === "default" || key === "__esModule") return; | ||
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; | ||
if (key in exports && exports[key] === _useMap[key]) return; | ||
Object.defineProperty(exports, key, { | ||
enumerable: true, | ||
get: function get() { | ||
return _useMap[key]; | ||
} | ||
}); | ||
}); | ||
var _jsxRuntime = require("react/jsx-runtime"); | ||
import _extends from "@babel/runtime/helpers/extends"; | ||
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose"; | ||
var _excluded = ["className", "style", "children"]; | ||
var Map = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => { | ||
/// <reference types="@uiw/react-amap-types" /> | ||
import { useRef, useEffect, useImperativeHandle, Fragment, Children, cloneElement, isValidElement, forwardRef } from 'react'; | ||
import { useMap } from './useMap'; | ||
import { jsx as _jsx } from "react/jsx-runtime"; | ||
import { jsxs as _jsxs } from "react/jsx-runtime"; | ||
export * from './useMap'; | ||
export var Map = /*#__PURE__*/forwardRef((_ref, ref) => { | ||
var { | ||
@@ -42,4 +16,5 @@ className, | ||
} = _ref, | ||
props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded); | ||
var elmRef = (0, _react.useRef)(null); | ||
props = _objectWithoutPropertiesLoose(_ref, _excluded); | ||
var elmRef = useRef(null); | ||
var { | ||
@@ -49,7 +24,7 @@ setContainer, | ||
map | ||
} = (0, _useMap.useMap)((0, _extends2.default)({ | ||
} = useMap(_extends({ | ||
container: elmRef.current | ||
}, props)); | ||
(0, _react.useEffect)(() => setContainer(elmRef.current), [elmRef.current]); | ||
(0, _react.useImperativeHandle)(ref, () => (0, _extends2.default)({}, props, { | ||
useEffect(() => setContainer(elmRef.current), [elmRef.current]); | ||
useImperativeHandle(ref, () => _extends({}, props, { | ||
map, | ||
@@ -59,10 +34,8 @@ AMap, | ||
}), [map]); | ||
var childs = _react.Children.toArray(children); | ||
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, { | ||
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", { | ||
var childs = Children.toArray(children); | ||
return /*#__PURE__*/_jsxs(Fragment, { | ||
children: [/*#__PURE__*/_jsx("div", { | ||
ref: elmRef, | ||
className: className, | ||
style: (0, _extends2.default)({ | ||
style: _extends({ | ||
fontSize: 1, | ||
@@ -77,3 +50,3 @@ height: '100%' | ||
if (typeof child === 'string') { | ||
return /*#__PURE__*/(0, _react.cloneElement)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, { | ||
return /*#__PURE__*/cloneElement( /*#__PURE__*/_jsx(Fragment, { | ||
children: child | ||
@@ -85,6 +58,6 @@ }), { | ||
if (! /*#__PURE__*/(0, _react.isValidElement)(child)) return null; | ||
if (! /*#__PURE__*/isValidElement(child)) return null; | ||
if (child.type && typeof child.type === 'string') { | ||
return /*#__PURE__*/(0, _react.cloneElement)(child, { | ||
return /*#__PURE__*/cloneElement(child, { | ||
key | ||
@@ -94,3 +67,3 @@ }); | ||
return /*#__PURE__*/(0, _react.cloneElement)(child, (0, _extends2.default)({}, child.props, { | ||
return /*#__PURE__*/cloneElement(child, _extends({}, child.props, { | ||
AMap, | ||
@@ -104,3 +77,2 @@ map, | ||
}); | ||
exports.Map = Map; | ||
//# sourceMappingURL=index.js.map |
@@ -1,17 +0,5 @@ | ||
"use strict"; | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.useMap = void 0; | ||
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); | ||
var _react = require("react"); | ||
var _reactAmapUtils = require("@uiw/react-amap-utils"); | ||
var useMap = function useMap(props) { | ||
import _extends from "@babel/runtime/helpers/extends"; | ||
import { useState, useMemo, useEffect } from 'react'; | ||
import { useSetStatus, useEventProperties, useSettingProperties } from '@uiw/react-amap-utils'; | ||
export var useMap = function useMap(props) { | ||
if (props === void 0) { | ||
@@ -21,11 +9,12 @@ props = {}; | ||
var other = (0, _extends2.default)({}, props); | ||
var [map, setMap] = (0, _react.useState)(); | ||
var [zoom, setZoom] = (0, _react.useState)(props.zoom || 15); | ||
var [container, setContainer] = (0, _react.useState)(props.container); | ||
(0, _react.useEffect)(() => { | ||
var other = _extends({}, props); | ||
var [map, setMap] = useState(); | ||
var [zoom, setZoom] = useState(props.zoom || 15); | ||
var [container, setContainer] = useState(props.container); | ||
useEffect(() => { | ||
var instance; | ||
if (container && !map && AMap) { | ||
instance = new AMap.Map(container, (0, _extends2.default)({ | ||
instance = new AMap.Map(container, _extends({ | ||
zoom | ||
@@ -42,3 +31,3 @@ }, other)); | ||
}, [container]); | ||
(0, _react.useMemo)(() => { | ||
useMemo(() => { | ||
if (map && typeof props.zoom === 'number' && zoom !== props.zoom && props.zoom >= 2 && props.zoom <= 20) { | ||
@@ -49,6 +38,6 @@ setZoom(props.zoom); | ||
}, [zoom, props.zoom]); | ||
(0, _reactAmapUtils.useSetStatus)(map, props, ['dragEnable', 'zoomEnable', 'jogEnable', 'pitchEnable', 'rotateEnable', 'animateEnable', 'keyboardEnable']); // setStatus, setZoomAndCenter, setFitView | ||
useSetStatus(map, props, ['dragEnable', 'zoomEnable', 'jogEnable', 'pitchEnable', 'rotateEnable', 'animateEnable', 'keyboardEnable']); // setStatus, setZoomAndCenter, setFitView | ||
(0, _reactAmapUtils.useSettingProperties)(map, props, ['Zoom', 'LabelzIndex', 'Layers', 'Center', 'City', 'Bounds', 'LimitBounds', 'Lang', 'Rotation', 'DefaultCursor', 'MapStyle', 'Features', 'DefaultLayer', 'Pitch']); | ||
(0, _reactAmapUtils.useEventProperties)(map, props, ['onMouseMove', 'onZoomChange', 'onMapMove', 'onMouseWheel', 'onZoomStart', 'onMouseOver', 'onMouseOut', 'onDblClick', 'onClick', 'onZoomEnd', 'onMoveEnd', 'onMouseUp', 'onMouseDown', 'onRightClick', 'onMoveStart', 'onDragStart', 'onDragging', 'onDragEnd', 'onHotspotOut', 'onHotspotOver', 'onTouchStart', 'onComplete', 'onHotspotClick', 'onTouchMove', 'onTouchEnd', 'onResize']); | ||
useSettingProperties(map, props, ['Zoom', 'LabelzIndex', 'Layers', 'Center', 'City', 'Bounds', 'LimitBounds', 'Lang', 'Rotation', 'DefaultCursor', 'MapStyle', 'Features', 'DefaultLayer', 'Pitch']); | ||
useEventProperties(map, props, ['onMouseMove', 'onZoomChange', 'onMapMove', 'onMouseWheel', 'onZoomStart', 'onMouseOver', 'onMouseOut', 'onDblClick', 'onClick', 'onZoomEnd', 'onMoveEnd', 'onMouseUp', 'onMouseDown', 'onRightClick', 'onMoveStart', 'onDragStart', 'onDragging', 'onDragEnd', 'onHotspotOut', 'onHotspotOver', 'onTouchStart', 'onComplete', 'onHotspotClick', 'onTouchMove', 'onTouchEnd', 'onResize']); | ||
return { | ||
@@ -61,4 +50,2 @@ map, | ||
}; | ||
exports.useMap = useMap; | ||
//# sourceMappingURL=useMap.js.map |
{ | ||
"name": "@uiw/react-amap-map", | ||
"version": "2.2.2", | ||
"version": "2.2.3", | ||
"description": "基于 React 封装的高德地图组件。AMap Component Based On React.", | ||
@@ -34,4 +34,4 @@ "homepage": "https://uiwjs.github.io/react-amap/#/map", | ||
"dependencies": { | ||
"@uiw/react-amap-types": "^2.2.2", | ||
"@uiw/react-amap-utils": "^2.2.2" | ||
"@uiw/react-amap-types": "2.2.3", | ||
"@uiw/react-amap-utils": "2.2.3" | ||
}, | ||
@@ -38,0 +38,0 @@ "devDependencies": { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
45644
-0.9%523
-4.56%+ Added
+ Added
- Removed
- Removed
Updated
Updated