fix(editor,stage,ui,runtime): 流式布局下，height自动设置成auto

fix #298

packages/ui/src/container/src/Container.vue

@@ -2,7 +2,7 @@
   <div
     v-if="display()"
     :id="`${config.id || ''}`"
-    :class="`magic-ui-container${config.className ? ` ${config.className}` : ''}`"
+    :class="`magic-ui-container magic-layout-${config.layout}${config.className ? ` ${config.className}` : ''}`"
     :style="style"
   >
     <slot></slot>

packages/ui/src/container/src/formConfig.ts

@@ -26,5 +26,16 @@ export default [
       { value: 'absolute', text: '绝对定位' },
       { value: 'relative', text: '流式布局' },
     ],
+    onChange: (formState: any, v: string, { model }: any) => {
+      if (!model.style) return v;
+      if (v === 'relative') {
+        model.style.height = 'auto';
+      } else {
+        const el = formState.stage?.renderer?.contentWindow.document.getElementById(model.id);
+        if (el) {
+          model.style.height = el.getBoundingClientRect().height;
+        }
+      }
+    },
   },
 ];