New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@uiw/react-amap-info-window

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-info-window - npm Package Compare versions

Comparing version 2.3.0 to 2.4.0

2

cjs/index.js

@@ -43,3 +43,3 @@ "use strict";

(0, _react.useEffect)(function () {
return (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
return (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
children: children

@@ -46,0 +46,0 @@ }), container);

import _extends from "@babel/runtime/helpers/extends";
import { render } from 'react-dom';
import React, { useEffect, useImperativeHandle, useMemo } from 'react';
import React, { useEffect, useImperativeHandle, useMemo, Fragment } from 'react';
import { useInfoWindow } from './useInfoWindow';

@@ -12,3 +12,3 @@ import { jsx as _jsx } from "react/jsx-runtime";

var container = useMemo(() => document.createElement('div'), []);
useEffect(() => render( /*#__PURE__*/_jsx("div", {
useEffect(() => render( /*#__PURE__*/_jsx(Fragment, {
children: children

@@ -15,0 +15,0 @@ }), container), [children]);

{
"name": "@uiw/react-amap-info-window",
"version": "2.3.0",
"version": "2.4.0",
"description": "用于在地图上弹出一个详细信息展示窗体,地图上只允许同时展示 `1` 个信息窗体。",

@@ -37,4 +37,4 @@ "homepage": "https://uiwjs.github.io/react-amap/#/info-window",

"dependencies": {
"@uiw/react-amap-map": "2.3.0",
"@uiw/react-amap-utils": "2.3.0"
"@uiw/react-amap-map": "2.4.0",
"@uiw/react-amap-utils": "2.4.0"
},

@@ -41,0 +41,0 @@ "devDependencies": {

@@ -56,4 +56,6 @@ InfoWindow 信息窗体

### 基本用法
### 支持 ReactNode
通过 `children` 支持 `React` 的方式展现内容,因为窗口信息内容通过 `content` 展示内容,它支持 `string/HTMLElement` 添加事件并不方便。
<!--rehype:bgWhite=true&noScroll=true&codeSandbox=true&codeSandbox=true-->

@@ -81,15 +83,13 @@ ```jsx

>
<div>
<div style={{ display: 'flex', justifyContent: 'space-between', paddingBottom: 10 }}>
<img height={16} src="https://webapi.amap.com/images/autonavi.png"/>
<h2>
<span style={{color: 'red'}}>{num}</span> - 高德软件
</h2>
</div>
<p>电话:010-84107000 邮编:100102</p>
<p>地址:北京市朝阳区望京阜荣街10号首开广场4层</p>
<button onClick={() => setNum(num + 1)}>
点击事件 + 1
</button>
<div style={{ display: 'flex', justifyContent: 'space-between', paddingBottom: 10 }}>
<img height={16} src="https://webapi.amap.com/images/autonavi.png"/>
<h2>
<span style={{color: 'red'}}>{num}</span> - 高德软件
</h2>
</div>
<p>电话:010-84107000 邮编:100102</p>
<p>地址:北京市朝阳区望京阜荣街10号首开广场4层</p>
<button onClick={() => setNum(num + 1)}>
点击事件 + 1
</button>
</InfoWindow>

@@ -96,0 +96,0 @@ </Map>

Sorry, the diff of this file is not supported yet

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