Merge branch 'components-panel' of gitlab.alibaba-inc.com:ali-lowcode/ali-lowcode-engine into components-panel

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

@@ -109,13 +109,18 @@ class Renderer extends Component<{ renderer: SimulatorRenderer }> {
           viewProps._leaf = leaf;
           viewProps._componentName = leaf?.componentName;
           // 如果是容器 && 无children && 高宽为空 增加一个占位容器，方便拖动
-          if (leaf?.isContainer() && children == null){
+          if (leaf?.isContainer() && children == null && (!viewProps.style || Object.keys(viewProps.style).length == 0)){
             children = <div style={{
-              height:'100px',
+              height:'66px',
               backgroundColor:'#f0f0f0',
-              borderColor:'#666666',
-              border: '1px dotted'
-            }}></div>
+              borderColor:'#a7b1bd',
+              border: '1px dotted',
+              color:'#a7b1bd',
+              textAlign:'center',
+              lineHeight:'66px'
+            }}>
+              拖拽组件或模板到这里
+            </div>
           }
 
           if (viewProps._componentName === 'Menu') {