ui: display args desc in ToolTip

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
+                            <Tooltip title={`${e.desc}`}>
-                                name={`args.${e.name}`}
+                                <Item
-                                label={e.desc}
+                                    name={`args.${e.name}`}
-                                key={`args.${e.name}`}
+                                    label={e.name}
-                                valuePropName={
+                                    key={`args.${e.name}`}
-                                    e.type.indexOf("boolean") >= 0 ? "checked" : undefined
+                                    valuePropName={
-                                }
+                                        e.type.indexOf("boolean") >= 0 ? "checked" : undefined
-                                rules={[{ required, message: `${e.desc}(${e.name})为必填字段` }]}
+                                    }
-                            >
+                                    rules={[{ required, message: `${e.desc}(${e.name})为必填字段` }]}
-                                {normalArgs(e)}
+                                >
-                            </Item>
+                                    {normalArgs(e)}
+                                </Item>
+                            </Tooltip>
                         );
                     })}
                 {customArgs()}