From 76e48e37cd9bfb2d8dbf27978ca319d818ba00b0 Mon Sep 17 00:00:00 2001
From: bqy <1743369777@qq.com>
Date: Tue, 8 Feb 2022 05:43:15 +0800
Subject: [PATCH] refactor(components): [overlay] use useNamespace (#5723)

---
 packages/components/overlay/src/overlay.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/components/overlay/src/overlay.ts b/packages/components/overlay/src/overlay.ts
index 653f2ee087..57d6e449c0 100644
--- a/packages/components/overlay/src/overlay.ts
+++ b/packages/components/overlay/src/overlay.ts
@@ -1,6 +1,6 @@
 import { createVNode, defineComponent, renderSlot, h } from 'vue'
 import { PatchFlags } from '@element-plus/utils/vnode'
-import { useSameTarget } from '@element-plus/hooks'
+import { useNamespace, useSameTarget } from '@element-plus/hooks'
 import { buildProps, definePropType } from '@element-plus/utils/props'
 
 import type { ExtractPropTypes, CSSProperties } from 'vue'
@@ -40,6 +40,8 @@ export default defineComponent({
   emits: overlayEmits,
 
   setup(props, { slots, emit }) {
+    const ns = useNamespace('overlay')
+
     const onMaskClick = (e: MouseEvent) => {
       emit('click', e)
     }
@@ -56,7 +58,7 @@ export default defineComponent({
         ? createVNode(
             'div',
             {
-              class: ['el-overlay', props.overlayClass],
+              class: [ns.b(), props.overlayClass],
               style: {
                 zIndex: props.zIndex,
               },