From 55b4921ec41d00610456a2ef7d56a2d730a6a593 Mon Sep 17 00:00:00 2001 From: syb01094648 Date: Wed, 23 Aug 2023 16:48:06 +0800 Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E7=BC=A9=E6=94=BE=E5=99=A8?= =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=98=BE=E7=A4=BA=E5=AE=9E=E6=97=B6=20zoom?= =?UTF-8?q?=20=E6=95=B0=E5=80=BC=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Control/ZoomControl/index.md | 1 + src/components/Control/ZoomControl/index.tsx | 4 +++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/Control/ZoomControl/index.md b/src/components/Control/ZoomControl/index.md index 9b8084c2..94fd8bec 100644 --- a/src/components/Control/ZoomControl/index.md +++ b/src/components/Control/ZoomControl/index.md @@ -28,6 +28,7 @@ nav: | zoomOutText | 缩小按钮的展示内容 | `ReactNode` | - | | zoomOutTitle | 缩小按钮的 `title` 属性 | `string` | `'Zoom out'` | | position | 控件被添加到地图中的位置以及排列方式，详情可见 [控件插槽](https://l7.antv.antgroup.com/api/component/control/control#插槽) | [Position](#position) | `'bottomright'` | +| showZoom | 是否展示地图当前实时 zoom 数值，默认向下取整 | `boolean` | | className | 自定义样式名 | `string` | - | | style | 自定义样式 | `CSSProperties` | - | | onAdd | 组件被添加时的回调 | `(this) => void` | - | diff --git a/src/components/Control/ZoomControl/index.tsx b/src/components/Control/ZoomControl/index.tsx index f203fe97..2fec3a80 100644 --- a/src/components/Control/ZoomControl/index.tsx +++ b/src/components/Control/ZoomControl/index.tsx @@ -20,6 +20,7 @@ export const ZoomControl: React.FC = ({ zoomOutText, zoomInTitle, zoomOutTitle, + showZoom, }) => { const scene = useScene(); const [control, setControl] = useState(); @@ -34,11 +35,12 @@ export const ZoomControl: React.FC = ({ className, zoomInTitle, zoomOutTitle, + showZoom, style: styleText, zoomInText: zoomInTextDOM, zoomOutText: zoomOutTextDOM, }; - }, [position, name, className, styleText, zoomInTitle, zoomOutTitle, zoomInTextDOM, zoomOutTextDOM]); + }, [position, name, className, styleText, zoomInTitle, zoomOutTitle, zoomInTextDOM, zoomOutTextDOM, showZoom]); useEffect(() => { const zoom = new L7Zoom(omitBy(controlOptions, (value) => value === undefined)); From 93ce3019d639e954ddf437e4a92ad98e0c2b010a Mon Sep 17 00:00:00 2001 From: syb01094648 Date: Thu, 24 Aug 2023 09:33:41 +0800 Subject: [PATCH 2/2] =?UTF-8?q?docs:=20=E6=96=87=E6=A1=A3showZoom=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E9=BB=98=E8=AE=A4=E5=80=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Control/ZoomControl/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Control/ZoomControl/index.md b/src/components/Control/ZoomControl/index.md index 94fd8bec..8d0abaf6 100644 --- a/src/components/Control/ZoomControl/index.md +++ b/src/components/Control/ZoomControl/index.md @@ -28,7 +28,7 @@ nav: | zoomOutText | 缩小按钮的展示内容 | `ReactNode` | - | | zoomOutTitle | 缩小按钮的 `title` 属性 | `string` | `'Zoom out'` | | position | 控件被添加到地图中的位置以及排列方式，详情可见 [控件插槽](https://l7.antv.antgroup.com/api/component/control/control#插槽) | [Position](#position) | `'bottomright'` | -| showZoom | 是否展示地图当前实时 zoom 数值，默认向下取整 | `boolean` | +| showZoom | 是否展示地图当前实时 zoom 数值，默认向下取整 | `boolean` | `false` | | className | 自定义样式名 | `string` | - | | style | 自定义样式 | `CSSProperties` | - | | onAdd | 组件被添加时的回调 | `(this) => void` | - |