From 4ae21b063220bf3540b26ef83a124bd199ba8dcf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=A5=98=ED=95=9C=EA=B2=BD?= <hangyeong.ryu@gmail.com>
Date: Tue, 24 May 2022 15:01:52 +0900
Subject: [PATCH] fix(components): [form] label-position props default value
 (#7838)

---
 packages/components/form/__tests__/form.test.tsx | 11 +++++++++++
 packages/components/form/src/form.ts             |  6 +++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/components/form/__tests__/form.test.tsx b/packages/components/form/__tests__/form.test.tsx
index 1d2a5131d2..196630a054 100644
--- a/packages/components/form/__tests__/form.test.tsx
+++ b/packages/components/form/__tests__/form.test.tsx
@@ -210,6 +210,14 @@ describe('Form', () => {
                 <Input v-model={form.address} />
               </FormItem>
             </Form>
+            <Form model={form} ref="labelRight">
+              <FormItem>
+                <Input v-model={form.name} />
+              </FormItem>
+              <FormItem>
+                <Input v-model={form.address} />
+              </FormItem>
+            </Form>
           </div>
         )
       },
@@ -220,6 +228,9 @@ describe('Form', () => {
     expect(wrapper.findComponent({ ref: 'labelLeft' }).classes()).toContain(
       'el-form--label-left'
     )
+    expect(wrapper.findComponent({ ref: 'labelRight' }).classes()).toContain(
+      'el-form--label-right'
+    )
   })
 
   it('label size', () => {
diff --git a/packages/components/form/src/form.ts b/packages/components/form/src/form.ts
index 98a2ac6119..00fa1c6a8a 100644
--- a/packages/components/form/src/form.ts
+++ b/packages/components/form/src/form.ts
@@ -16,7 +16,11 @@ export const formProps = buildProps({
   rules: {
     type: definePropType<FormRules>(Object),
   },
-  labelPosition: String,
+  labelPosition: {
+    type: String,
+    values: ['left', 'right', 'top'] as const,
+    default: 'right',
+  },
   labelWidth: {
     type: [String, Number],
     default: '',