代码优化。

ShadowEditor.UI/src/common/Buttons.jsx

@@ -3,6 +3,9 @@
  * @author tengge / https://github.com/tengge1
  */
 class Buttons extends React.Component {
+    render() {
+        return null;
+    }
 }
 
 export default Buttons;

ShadowEditor.UI/src/common/Column.jsx

@@ -3,6 +3,9 @@
  * @author tengge / https://github.com/tengge1
  */
 class Column extends React.Component {
+    render() {
+        return null;
+    }
 }
 
 export default Column;

ShadowEditor.UI/src/common/Columns.jsx

@@ -3,6 +3,9 @@
  * @author tengge / https://github.com/tengge1
  */
 class Columns extends React.Component {
+    render() {
+        return null;
+    }
 }
 
 export default Columns;

ShadowEditor.UI/src/common/Content.jsx

@@ -3,6 +3,9 @@
  * @author tengge / https://github.com/tengge1
  */
 class Content extends React.Component {
+    render() {
+        return null;
+    }
 }
 
 export default Content;

ShadowEditor.UI/src/common/Row.jsx

@@ -3,6 +3,9 @@
  * @author tengge / https://github.com/tengge1
  */
 class Row extends React.Component {
+    render() {
+        return null;
+    }
 }
 
 export default Row;

ShadowEditor.UI/src/common/Rows.jsx

@@ -3,6 +3,9 @@
  * @author tengge / https://github.com/tengge1
  */
 class Rows extends React.Component {
+    render() {
+        return null;
+    }
 }
 
 export default Rows;

ShadowEditor.UI/src/editor/viewport/Viewport.jsx

@@ -4,6 +4,9 @@ import PropTypes from 'prop-types';
 
 import Canvas from '../../media/Canvas.jsx';
 import Window from '../../window/Window.jsx';
+import Content from '../../common/Content.jsx';
+import Buttons from '../../common/Buttons.jsx';
+import Button from '../../form/Button.jsx';
 
 /**
  * 视口
@@ -62,7 +65,15 @@ class Viewport extends React.Component {
     render() {
         return <>
             <Canvas className={'Viewport'} ref={this.canvas}></Canvas>
-            <Window title={'Message'}>Welcome to use ShadowEditor!</Window>
+            <Window title={'Message'}>
+                <Content>
+                    Welcome to use ShadowEditor!
+                </Content>
+                <Buttons>
+                    <Button>OK</Button>
+                    <Button>Cancel</Button>
+                </Buttons>
+            </Window>
         </>;
     }
 }