archive-gh-me/ShadowEditor
1
0
Fork 0
mirror of https://github.com/tengge1/ShadowEditor.git synced 2026-01-25 15:08:11 +00:00
Code Issues Projects Releases Wiki Activity

GeometryMenu

Browse Source
This commit is contained in:
tengge1 2019-05-12 14:31:22 +08:00
parent 4d57345df8
commit 751ca9ca07
3 changed files with 78 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
ShadowEditor.UI/aa.html
View File

@ -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>

3
ShadowEditor.UI/src/editor/MenuBar.jsx
View File

@ -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>

56
ShadowEditor.UI/src/editor/menu/GeometryMenu.jsx Normal file
View File

@ -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;