From 5ce23ed7441139996b05044cda45327e5cb1e121 Mon Sep 17 00:00:00 2001
From: duanhongbo <6860300@qq.com>
Date: Mon, 16 Nov 2020 15:37:30 +0800
Subject: [PATCH] ui:  display args desc in ToolTip

---
 render-process/Editor/NodePanel.tsx | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/render-process/Editor/NodePanel.tsx b/render-process/Editor/NodePanel.tsx
index f68cb82..559a2b7 100644
--- a/render-process/Editor/NodePanel.tsx
+++ b/render-process/Editor/NodePanel.tsx
@@ -10,6 +10,7 @@ import {
     InputNumber,
     notification,
     message,
+    Tooltip,
 } from "antd";
 import { INode } from "@antv/g6/lib/interface/item";
 import {
@@ -230,17 +231,19 @@ export default class NodePanel extends React.Component<NodePanelProps> {
                     conf.args.map((e, i: number) => {
                         const required = e.type.indexOf("?") == -1;
                         return (
-                            <Item
-                                name={`args.${e.name}`}
-                                label={e.desc}
-                                key={`args.${e.name}`}
-                                valuePropName={
-                                    e.type.indexOf("boolean") >= 0 ? "checked" : undefined
-                                }
-                                rules={[{ required, message: `${e.desc}(${e.name})为必填字段` }]}
-                            >
-                                {normalArgs(e)}
-                            </Item>
+                            <Tooltip title={`${e.desc}`}>
+                                <Item
+                                    name={`args.${e.name}`}
+                                    label={e.name}
+                                    key={`args.${e.name}`}
+                                    valuePropName={
+                                        e.type.indexOf("boolean") >= 0 ? "checked" : undefined
+                                    }
+                                    rules={[{ required, message: `${e.desc}(${e.name})为必填字段` }]}
+                                >
+                                    {normalArgs(e)}
+                                </Item>
+                            </Tooltip>
                         );
                     })}
                 {customArgs()}