From 77f13fa8981c16e9596856e46c8397adee7cf51a Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Mon, 24 Jun 2024 14:20:47 +0800
Subject: [PATCH] =?UTF-8?q?fix(form,design):=20=E6=94=AF=E6=8C=81=E8=A1=8C?=
 =?UTF-8?q?=E5=86=85=E8=A1=A8=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design/src/Form.vue           | 8 +++++++-
 packages/form/src/theme/container.scss | 5 +++++
 packages/form/src/theme/index.scss     | 1 +
 3 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 packages/form/src/theme/container.scss

diff --git a/packages/design/src/Form.vue b/packages/design/src/Form.vue
index 807e49ec..acbc11aa 100644
--- a/packages/design/src/Form.vue
+++ b/packages/design/src/Form.vue
@@ -1,5 +1,11 @@
 <template>
-  <component class="tmagic-design-form" ref="form" :is="uiComponent" v-bind="uiProps">
+  <component
+    class="tmagic-design-form"
+    :class="{ 'tmagic-design-form-inline': inline }"
+    ref="form"
+    :is="uiComponent"
+    v-bind="uiProps"
+  >
     <slot></slot>
   </component>
 </template>
diff --git a/packages/form/src/theme/container.scss b/packages/form/src/theme/container.scss
new file mode 100644
index 00000000..44fedaa6
--- /dev/null
+++ b/packages/form/src/theme/container.scss
@@ -0,0 +1,5 @@
+.tmagic-design-form-inline {
+  .m-form-container {
+    display: inline-flex;
+  }
+}
diff --git a/packages/form/src/theme/index.scss b/packages/form/src/theme/index.scss
index 61bcb5cd..3e87b8d1 100644
--- a/packages/form/src/theme/index.scss
+++ b/packages/form/src/theme/index.scss
@@ -1,3 +1,4 @@
+@use "./container.scss";
 @use "./form-dialog.scss";
 @use "./form-drawer.scss";
 @use "./form.scss";