Socket
Socket
Sign inDemoInstall

@uiw/react-amap-map

Package Overview
Dependencies
Maintainers
1
Versions
103
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uiw/react-amap-map - npm Package Compare versions

Comparing version 2.2.2 to 2.2.3

74

esm/index.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc