fix(components): [dialog] click allow focus out (#10160)

Co-authored-by: OpenGraphica <opengraphica@gmail.com>

packages/components/dialog/src/dialog.vue

@@ -31,6 +31,7 @@
             focus-start-el="container"
             @focus-after-trapped="onOpenAutoFocus"
             @focus-after-released="onCloseAutoFocus"
+            @focusout-prevented="onFocusoutPrevented"
             @release-requested="onCloseRequested"
           >
             <el-dialog-content
@@ -132,6 +133,7 @@ const {
   onOpenAutoFocus,
   onCloseAutoFocus,
   onCloseRequested,
+  onFocusoutPrevented,
 } = useDialog(props, dialogRef)
 
 provide(dialogInjectionKey, {

packages/components/dialog/src/use-dialog.ts

@@ -138,6 +138,12 @@ export const useDialog = (
     emit('closeAutoFocus')
   }
 
+  function onFocusoutPrevented(event: CustomEvent) {
+    if (event.detail?.focusReason === 'pointer') {
+      event.preventDefault()
+    }
+  }
+
   if (props.lockScroll) {
     useLockscreen(visible)
   }
@@ -204,6 +210,7 @@ export const useDialog = (
     onOpenAutoFocus,
     onCloseAutoFocus,
     onCloseRequested,
+    onFocusoutPrevented,
     titleId,
     bodyId,
     closed,