From 751ca9ca0716a98cf1554224c291eb6f23caed98 Mon Sep 17 00:00:00 2001
From: tengge1 <930372551@qq.com>
Date: Sun, 12 May 2019 14:31:22 +0800
Subject: [PATCH] GeometryMenu

---
 ShadowEditor.UI/aa.html                       | 44 +++++++--------
 ShadowEditor.UI/src/editor/MenuBar.jsx        |  3 +-
 .../src/editor/menu/GeometryMenu.jsx          | 56 +++++++++++++++++++
 3 files changed, 78 insertions(+), 25 deletions(-)
 create mode 100644 ShadowEditor.UI/src/editor/menu/GeometryMenu.jsx

diff --git a/ShadowEditor.UI/aa.html b/ShadowEditor.UI/aa.html
index fab6b881..630a3b68 100644
--- a/ShadowEditor.UI/aa.html
+++ b/ShadowEditor.UI/aa.html
@@ -1,26 +1,22 @@
 <div class="options">
-    <div class="option">Button</div>
-    <div class="option">Label</div>
-    <div class="option">Panel</div>
-    <div class="option">Horizontal Line</div>
-    <div class="option">Bar Chart</div>
-    <div class="option">Time</div>
-    <div class="option">Vertical Line</div>
-    <div class="option">Date</div>
-    <div class="option">Time Disk</div>
-    <div class="option">Key Value Label</div>
-    <div class="option">Form Panel</div>
-    <div class="option">Gauge</div>
-    <div class="option">Histogram</div>
-    <div class="option">Line Chart</div>
-    <div class="option">Sidebar</div>
-    <div class="option">Histogram2</div>
-    <div class="option">Scatter Plot</div>
-    <div class="option">Pie Chart</div>
-    <div class="option">Chord Graph</div>
-    <div class="option">Force Directed Graph</div>
-    <div class="option">Tree Diagram</div>
-    <div class="option">Cluster Diagram</div>
-    <div class="option">Pack Diagram</div>
-    <div class="option">Partition Diagram</div>
+    <div class="option">Group</div>
+    <hr class="HorizontalRule">
+    <div class="option">Plane</div>
+    <div class="option">Box</div>
+    <div class="option">Circle</div>
+    <div class="option">Cylinder</div>
+    <div class="option">Sphere</div>
+    <div class="option">Icosahedron</div>
+    <div class="option">Torus</div>
+    <div class="option">Torus Knot</div>
+    <div class="option">Teapot</div>
+    <div class="option">Lathe</div>
+    <div class="option">Sprite</div>
+    <div class="option">Text</div>
+    <hr class="HorizontalRule">
+    <div class="option">Line Curve</div>
+    <div class="option">CatmullRom Curve</div>
+    <div class="option">QuadraticBezier Curve</div>
+    <div class="option">CubicBezier Curve</div>
+    <div class="option">Ellipse Curve</div>
 </div>
\ No newline at end of file
diff --git a/ShadowEditor.UI/src/editor/MenuBar.jsx b/ShadowEditor.UI/src/editor/MenuBar.jsx
index c20c09d9..5604cf61 100644
--- a/ShadowEditor.UI/src/editor/MenuBar.jsx
+++ b/ShadowEditor.UI/src/editor/MenuBar.jsx
@@ -5,6 +5,7 @@ import MenuItem from '../menu/MenuItem.jsx';
 import SceneMenu from './menu/SceneMenu.jsx';
 import EditMenu from './menu/EditMenu.jsx';
 import TwoDMenu from './menu/TwoDMenu.jsx';
+import GeometryMenu from './menu/GeometryMenu.jsx';
 
 /**
  * 菜单栏
@@ -20,7 +21,7 @@ class MenuBar extends React.Component {
             <SceneMenu />
             <EditMenu />
             <TwoDMenu />
-            <MenuItem title={'Geometry'}></MenuItem>
+            <GeometryMenu />
             <MenuItem title={'Light'}></MenuItem>
             <MenuItem title={'Assets'}></MenuItem>
             <MenuItem title={'Component'}></MenuItem>
diff --git a/ShadowEditor.UI/src/editor/menu/GeometryMenu.jsx b/ShadowEditor.UI/src/editor/menu/GeometryMenu.jsx
new file mode 100644
index 00000000..eaf9474f
--- /dev/null
+++ b/ShadowEditor.UI/src/editor/menu/GeometryMenu.jsx
@@ -0,0 +1,56 @@
+import PropTypes from 'prop-types';
+import MenuItem from '../../menu/MenuItem.jsx';
+import MenuItemSeparator from '../../menu/MenuItemSeparator.jsx';
+
+/**
+ * 几何体菜单
+ * @author tengge / https://github.com/tengge1
+ * @property {String} className 样式类
+ * @property {Object} style 样式
+ */
+class GeometryMenu extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.handleClick = this.handleClick.bind(this);
+    }
+
+    handleClick(event) {
+        event.stopPropagation();
+        alert('Hello, world!');
+    }
+
+    render() {
+        const { className, style } = this.props;
+
+        return <MenuItem title={'Geometry'}>
+            <MenuItem title={'Group'}></MenuItem>
+            <MenuItemSeparator />
+            <MenuItem title={'Plane'}></MenuItem>
+            <MenuItem title={'Box'}></MenuItem>
+            <MenuItem title={'Circle'}></MenuItem>
+            <MenuItem title={'Cylinder'}></MenuItem>
+            <MenuItem title={'Sphere'}></MenuItem>
+            <MenuItem title={'Icosahedron'}></MenuItem>
+            <MenuItem title={'Torus'}></MenuItem>
+            <MenuItem title={'Torus Knot'}></MenuItem>
+            <MenuItem title={'Teapot'}></MenuItem>
+            <MenuItem title={'Lathe'}></MenuItem>
+            <MenuItem title={'Sprite'}></MenuItem>
+            <MenuItem title={'Text'}></MenuItem>
+            <MenuItemSeparator />
+            <MenuItem title={'Line Curve'}></MenuItem>
+            <MenuItem title={'CatmullRom Curve'}></MenuItem>
+            <MenuItem title={'QuadraticBezier Curve'}></MenuItem>
+            <MenuItem title={'CubicBezier Curve'}></MenuItem>
+            <MenuItem title={'Ellipse Curve'}></MenuItem>
+        </MenuItem>;
+    }
+}
+
+GeometryMenu.propTypes = {
+    className: PropTypes.string,
+    style: PropTypes.object,
+};
+
+export default GeometryMenu;
\ No newline at end of file