From bed03276dd43a6d58c94aed32c38b22262bb6d3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=99=93=E6=9C=88=E6=B8=85=E5=B2=9A?= <1518014096@qq.com>
Date: Thu, 12 Sep 2024 20:28:08 +0800
Subject: [PATCH] feat(button): support autofocus property

---
 packages/web-vue/components/button/README.en-US.md | 1 +
 packages/web-vue/components/button/README.zh-CN.md | 1 +
 packages/web-vue/components/button/button.vue      | 9 +++++++++
 packages/web-vue/components/button/interface.ts    | 1 +
 4 files changed, 12 insertions(+)

diff --git a/packages/web-vue/components/button/README.en-US.md b/packages/web-vue/components/button/README.en-US.md
index 9010d250f..ec4fa48bb 100644
--- a/packages/web-vue/components/button/README.en-US.md
+++ b/packages/web-vue/components/button/README.en-US.md
@@ -41,6 +41,7 @@ description: Button is a command component that can initiate an instant operatio
 |loading|Whether the button is in the loading state|`boolean`|`false`|
 |disabled|Whether the button is disabled|`boolean`|`false`|
 |html-type|Set the native `type` attribute of `button`, optional values refer to [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type "_blank")|`string`|`'button'`|
+|autofocus|Set the native `autofocus` attribute of `button`, optional values refer to [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type "_blank")|`boolean`|`false`|
 |href|Set up a jump link. When this property is set, the button is rendered as `<a>`|`string`|`-`|
 ### `<button>` Events
 
diff --git a/packages/web-vue/components/button/README.zh-CN.md b/packages/web-vue/components/button/README.zh-CN.md
index 18778ecf9..33f8d2bf7 100644
--- a/packages/web-vue/components/button/README.zh-CN.md
+++ b/packages/web-vue/components/button/README.zh-CN.md
@@ -39,6 +39,7 @@ description: 按钮是一种命令组件，可发起一个即时操作。
 |loading|按钮是否为加载中状态|`boolean`|`false`|
 |disabled|按钮是否禁用|`boolean`|`false`|
 |html-type|设置 `button` 的原生 `type` 属性，可选值参考 [HTML标准](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type "_blank")|`string`|`'button'`|
+|autofocus|设置 `button` 的原生 `autofocus` 属性，可选值参考 [HTML标准](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type "_blank")|`boolean`|`false`|
 |href|设置跳转链接。设置此属性时，按钮渲染为a标签。|`string`|`-`|
 ### `<button>` Events
 
diff --git a/packages/web-vue/components/button/button.vue b/packages/web-vue/components/button/button.vue
index 75597802f..01b904caf 100644
--- a/packages/web-vue/components/button/button.vue
+++ b/packages/web-vue/components/button/button.vue
@@ -23,6 +23,7 @@
       ]"
       :type="htmlType"
       :disabled="mergedDisabled"
+      :autofocus="autofocus"
       @click="handleClick"
     >
       <span v-if="loading || $slots.icon" :class="`${prefixCls}-icon`">
@@ -121,6 +122,14 @@ export default defineComponent({
       type: String,
       default: 'button',
     },
+    /**
+     * @zh 设置 `button` 的原生 `autofocus` 属性，可选值参考 [HTML标准](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type "_blank")
+     * @en Set the native `autofocus` attribute of `button`, optional values refer to [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type "_blank")
+     */
+    autofocus: {
+      type: Boolean,
+      default: false,
+    },
     /**
      * @zh 设置跳转链接。设置此属性时，按钮渲染为a标签。
      * @en Set up a jump link. When this property is set, the button is rendered as `<a>`
diff --git a/packages/web-vue/components/button/interface.ts b/packages/web-vue/components/button/interface.ts
index 9405d5782..177f739b7 100644
--- a/packages/web-vue/components/button/interface.ts
+++ b/packages/web-vue/components/button/interface.ts
@@ -10,5 +10,6 @@ export interface ButtonProps {
   loading?: boolean;
   disabled?: boolean;
   htmlType?: string;
+  autofocus?: boolean;
   href?: string;
 }