feat: 容器组件支持传入 placeholder 和对应样式

packages/react-simulator-renderer/src/renderer-view.tsx

@@ -117,17 +117,7 @@ class Renderer extends Component<{ renderer: SimulatorRenderer }> {
             (!viewProps.style || Object.keys(viewProps.style).length === 0)
           ) {
             children = (
-              <div
+              <div className="container-placeholder" style={viewProps.placeholderStyle}>
-                style={{
-                  height:'44px',
-                  lineHeight:'44px',
-                  backgroundColor: '#f0f0f0',
-                  borderColor: '#a7b1bd',
-                  border: '1px dotted',
-                  color: '#a7b1bd',
-                  textAlign: 'center'
-                }}
-              >
                 {viewProps.placeholder || '拖拽组件或模板到这里'}
               </div>
             );

packages/react-simulator-renderer/src/renderer.less

@@ -105,3 +105,13 @@ body.engine-document {
 #app {
   height: 100vh;
 }
+
+.container-placeholder {
+  height: 44px;
+  line-height: 44px;
+  background-color: #f0f0f0;
+  border-color: #a7b1bd;
+  border: 1px dotted;
+  color: #a7b1bd;
+  text-align: center;
+}