The autofocus attribute of the drawer component is invalid

[Veloma-Timer]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.0.0-alpha.9

Environment

electron 15.3.0; vue 3.2.0

Reproduction link

https://github.com/vueComponent/ant-design-vue/blob/next/components/drawer/index.tsx

Steps to reproduce

1. 创建一个input组件
2. 创建一个drawer组件
   3.input聚焦的时候 显示drawer, input失去焦点的时候隐藏drawer
3. 这个时候会发现drawer是出现不了的
4. 即使将drawer的autofocus属性设置为false, 焦点依旧会脱离input

What is expected?

使drawer组件的autofocus属性生效

What is actually happening?

drawer组件的autofocus属性失效

---

查看了drawer组件的源码, 发现源码中虽然接收了autofocus属性, 但并未对其处理

[github-actions]

Hello @Veloma-Timer. Please provide a online reproduction by forking this link for vue2、 link for vue3 or a minimal GitHub repository. Make sure to choose the correct version.

你好 @Veloma-Timer, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 for vue2、 此处 for vue3 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。

[tangjinzhou]

没发现问题，请提供复现示例

<template>
  <a-button type="primary" @click="showDrawer">Open</a-button>
  <a-input @focus="handleFocus" @blur="handleBlur"></a-input>
  <a-drawer
    v-model:visible="visible"
    class="custom-class"
    style="color: red"
    title="Basic Drawer"
    placement="right"
    :autofocus="false"
    @after-visible-change="afterVisibleChange"
  >
    <p>Some contents...</p>
    <p>Some contents...</p>
    <p>Some contents...</p>
  </a-drawer>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
export default defineComponent({
  setup() {
    const visible = ref<boolean>(false);

    const afterVisibleChange = (bool: boolean) => {
      console.log('visible', bool);
    };

    const showDrawer = () => {
      visible.value = true;
    };

    return {
      visible,
      afterVisibleChange,
      showDrawer,
      handleFocus: () => {
        visible.value = true;
      },
      handleBlur: () => {
        console.log('blur');
      },
    };
  },
});
</script>

[github-actions]

Since the issue was labeled with Need Reproduce, but no response in 7 days. This issue will be closed. If you have any questions, you can comment and reply.

由于该 issue 被标记为需要复现信息，却 7 天未收到回应。现关闭 issue，若有任何问题，可评论回复。

[Veloma-Timer]

@tangjinzhou 你好，我在项目中运行了你的实例，也发现了跟我相同的问题，就是当点击input的时候(此时input聚焦), drawer就会弹出，此时input会失去焦点, 这看起来是正常的, 因为此时mask为true, 但当mask为false是，我所预期的是 input的焦点不会失去

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.