From f66b046872af5e2f9f0f61c42cf04d4eacb772ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=95=9D=E8=A3=B3?= <1923740402@qq.com>
Date: Fri, 17 Sep 2021 11:15:49 +0800
Subject: [PATCH] fix: [el-form] button type is reset and reset form (#3445)

* fix: [el-form] button type is reset and reset form

* fix: [el-form] button type is reset and reset form

* fix: [el-form] button type is reset and reset form
---
 packages/components/button/src/button.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/components/button/src/button.vue b/packages/components/button/src/button.vue
index e601cee332..a3d0457e36 100644
--- a/packages/components/button/src/button.vue
+++ b/packages/components/button/src/button.vue
@@ -24,25 +24,32 @@
 </template>
 
 <script lang="ts">
+import isEmpty from 'lodash/isEmpty'
 import { computed, inject, defineComponent } from 'vue'
 import { useFormItem } from '@element-plus/hooks'
-import { elButtonGroupKey } from '@element-plus/tokens'
+import { elButtonGroupKey, elFormKey } from '@element-plus/tokens'
 
 import { buttonEmits, buttonProps } from './button'
-
 export default defineComponent({
   name: 'ElButton',
 
   props: buttonProps,
   emits: buttonEmits,
 
-  setup(_, { emit }) {
+  setup(props, { emit }) {
     const elBtnGroup = inject(elButtonGroupKey, undefined)
     const { size: buttonSize, disabled: buttonDisabled } = useFormItem({
       size: computed(() => elBtnGroup?.size),
     })
 
-    const handleClick = (evt: MouseEvent) => emit('click', evt)
+    const elForm = inject(elFormKey, undefined)
+
+    const handleClick = (evt: MouseEvent) => {
+      if (props.nativeType === 'reset' && !isEmpty(elForm)) {
+        elForm?.resetFields()
+      }
+      emit('click', evt)
+    }
 
     return {
       buttonSize,