From a9d4bd0cf95430a9f338e65792d62a95512a4a89 Mon Sep 17 00:00:00 2001
From: Cmen <1176967590@qq.com>
Date: Thu, 20 Jan 2022 20:33:33 +0800
Subject: [PATCH] =?UTF-8?q?icon=E5=A2=9E=E5=8A=A0=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/editor/Plot/Tools/index.tsx | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/editor/Plot/Tools/index.tsx b/src/editor/Plot/Tools/index.tsx
index 12bc66c..aaeca30 100644
--- a/src/editor/Plot/Tools/index.tsx
+++ b/src/editor/Plot/Tools/index.tsx
@@ -1,17 +1,32 @@
+import { Tooltip } from "antd";
+
+type IconWithTipProps = {
+  type: string, 
+  text: string,
+  placement?: "top" | "right",
+};
+
+const IconWithTip = ({ type, text, placement="top" } : IconWithTipProps) => {
+  return (
+    <Tooltip title={text} placement={placement}>
+      <span className={`icon icon-${type}`}></span>
+    </Tooltip>
+  );
+};
 
 const Tools = () => {
   return (
     <>
       <div className="marker-tools">
-        <span className="icon icon-rect"></span>
-        <span className="icon icon-circle"></span>
+        <IconWithTip type="rect" text="矩形工具" />
+        <IconWithTip type="circle" text="圆形工具" />
       </div>
       <div className="common-tools">
         <div className="tools-group">
-          <span className="icon icon-search"></span>
+          <IconWithTip type="search" text="搜索定位" placement="right" />
         </div>
         <div className="tools-group">
-        <span className="icon icon-select"></span>
+          <IconWithTip type="select" text="选择" placement="right" />
         </div>
       </div>
     </>