From 04f329eb7dd7e40ef800a1edb15201881cd81110 Mon Sep 17 00:00:00 2001
From: zhandouxiaojiji <zhandouxiaojiji@gmail.com>
Date: Fri, 16 Oct 2020 09:56:17 +0800
Subject: [PATCH] add NodePanel

---
 package-lock.json                   |  2 +-
 render-process/Editor/NodePanel.tsx | 28 ++++++++++++++++++++++++++++
 render-process/Editor/index.tsx     |  4 ++--
 3 files changed, 31 insertions(+), 3 deletions(-)
 create mode 100644 render-process/Editor/NodePanel.tsx

diff --git a/package-lock.json b/package-lock.json
index ace03d7..a4dc947 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "behavior3editor",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/render-process/Editor/NodePanel.tsx b/render-process/Editor/NodePanel.tsx
new file mode 100644
index 0000000..4b4f7be
--- /dev/null
+++ b/render-process/Editor/NodePanel.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import { Card } from 'antd';
+import { DetailPanel, withEditorContext } from 'gg-editor';
+import { EditorContextProps } from 'gg-editor/lib/components/EditorContext';
+import { DetailPanelComponentProps } from 'gg-editor/lib/components/DetailPanel';
+
+
+interface NodePanelProps extends EditorContextProps, DetailPanelComponentProps {
+
+}
+
+interface NodePanelState {
+
+}
+
+class NodePanel extends React.Component<NodePanelProps, NodePanelState> {
+  render() {
+    const { nodes } = this.props;
+    const node = nodes[0];
+    return (
+      <Card>
+        {node ? node.getModel().label : ''}
+      </Card>
+    )
+  }
+}
+
+export default DetailPanel.create<NodePanelProps>('node')(withEditorContext(NodePanel));
\ No newline at end of file
diff --git a/render-process/Editor/index.tsx b/render-process/Editor/index.tsx
index f3e3dbf..c5d64e9 100644
--- a/render-process/Editor/index.tsx
+++ b/render-process/Editor/index.tsx
@@ -3,6 +3,7 @@ import GGEditor, { Mind, RegisterNode } from 'gg-editor';
 import { MindData } from 'gg-editor/lib/common/interfaces';
 import { Row, Col } from 'antd';
 import './Editor.css';
+import NodePanel from './NodePanel';
 
 export interface EditorProps {
 
@@ -18,8 +19,7 @@ export default class Editor extends React.Component<EditorProps> {
             {/* <BehaviorTree /> */}
           </Col>
           <Col span={6} className="editorSidebar">
-            {/* <MindDetailPanel />
-            <EditorMinimap /> */}
+            <NodePanel />
           </Col>
         </Row>
         {/* <MindContextMenu />