chore: 布局容器优化

packages/amis-editor-core/scss/editor.scss

@@ -54,6 +54,7 @@
 @import './style-control/size';
 @import './style-control/style-common';
 @import './style-control/theme-css-code';
+@import './style-control/flex-layout';
 
 /* 组件样式 */
 @import './components/button';

packages/amis-editor-core/scss/style-control/_flex-layout.scss

@@ -0,0 +1,29 @@
+.ae-FlexLayout {
+  &-wrap {
+    display: grid;
+    grid-row-gap: 10px;
+    grid-column-gap: 10px;
+    grid-template-columns: repeat(4, auto);
+    margin-bottom: 10px;
+  }
+
+  &-item {
+    display: flex;
+    flex-direction: row;
+    gap: 2px;
+    height: 36px;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    padding: 4px;
+    border-radius: 4px;
+    cursor: pointer;
+
+    &.active {
+      border-color: #528eff;
+    }
+  }
+
+  &-itemColumn {
+    height: 100%;
+    background-color: #999;
+  }
+}

packages/amis-editor-core/src/manager.ts

@@ -873,7 +873,11 @@ export class EditorManager {
    * @param rendererIdOrSchema
    * 备注：可以根据渲染器ID添加新元素，也可以根据现有schema片段添加新元素
    */
-  async addElem(rendererIdOrSchema: string | any, reGenerateId?: boolean) {
+  async addElem(
+    rendererIdOrSchema: string | any,
+    reGenerateId?: boolean,
+    activeChild: boolean = true
+  ) {
     if (!rendererIdOrSchema) {
       return;
     }
@@ -1029,7 +1033,7 @@ export class EditorManager {
       },
       reGenerateId
     );
-    if (child) {
+    if (child && activeChild) {
       // mobx 修改数据是异步的
       setTimeout(() => {
         store.setActiveId(child.$$id);

packages/amis-editor/src/index.tsx

@@ -32,6 +32,7 @@ import './renderer/style-control/BoxShadow';
 import './renderer/style-control/Background';
 import './renderer/style-control/Display';
 import './renderer/style-control/InsetBoxModel';
+import './renderer/style-control/FlexLayout';
 import './renderer/RangePartsControl';
 import './renderer/DataBindingControl';
 import './renderer/DataMappingControl';