LightMenu

ShadowEditor.UI/src/editor/MenuBar.jsx

@@ -6,6 +6,7 @@ import SceneMenu from './menu/SceneMenu.jsx';
 import EditMenu from './menu/EditMenu.jsx';
 import TwoDMenu from './menu/TwoDMenu.jsx';
 import GeometryMenu from './menu/GeometryMenu.jsx';
+import LightMenu from './menu/LightMenu.jsx';
 
 /**
  * 菜单栏
@@ -22,7 +23,7 @@ class MenuBar extends React.Component {
             <EditMenu />
             <TwoDMenu />
             <GeometryMenu />
-            <MenuItem title={'Light'}></MenuItem>
+            <LightMenu />
             <MenuItem title={'Assets'}></MenuItem>
             <MenuItem title={'Component'}></MenuItem>
             <MenuItem title={'Play'}></MenuItem>

ShadowEditor.UI/src/editor/menu/LightMenu.jsx

@@ -0,0 +1,42 @@
+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 LightMenu 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={'Light'}>
+            <MenuItem title={'Ambient Light'}></MenuItem>
+            <MenuItem title={'Directional Light'}></MenuItem>
+            <MenuItem title={'Point Light'}></MenuItem>
+            <MenuItem title={'Spot Light'}></MenuItem>
+            <MenuItem title={'Hemisphere Light'}></MenuItem>
+            <MenuItem title={'Rect Area Light'}></MenuItem>
+        </MenuItem>;
+    }
+}
+
+LightMenu.propTypes = {
+    className: PropTypes.string,
+    style: PropTypes.object,
+};
+
+export default LightMenu;