feat(Drawer): auto focus when drawer shown (#5211)

* refactor: add auto focus logic

* refactor: 重构代码

* refactor: 精简代码

* chore: bump version 9.3.1-beta01

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.3.0</Version>
+    <Version>9.3.1-beta01</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Drawer/Drawer.razor.js

@@ -100,7 +100,8 @@ export function execute(id, open) {
             requestAnimationFrame(show);
         }
         else {
-            drawerBody.classList.add('show')
+            drawerBody.classList.add('show');
+            el.focus();
         }
     }
 
@@ -123,11 +124,9 @@ export function execute(id, open) {
         body.classList.add('overflow-hidden')
         requestAnimationFrame(show)
     }
-    else {
-        if (el.classList.contains('show')) {
-            drawerBody.classList.remove('show')
-            requestAnimationFrame(hide)
-        }
+    else if (el.classList.contains('show')) {
+        drawerBody.classList.remove('show')
+        requestAnimationFrame(hide)
     }
 }