From 14474efccb40f85e5eecd3825fe5317315bb4496 Mon Sep 17 00:00:00 2001
From: bqy <1743369777@qq.com>
Date: Wed, 9 Feb 2022 00:35:29 +0800
Subject: [PATCH] fix(hooks): [use-namespace] cannot be used in nested hooks
 (#5795)

---
 packages/hooks/use-namespace/index.ts | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/hooks/use-namespace/index.ts b/packages/hooks/use-namespace/index.ts
index 48a6ece072..3e70a902f8 100644
--- a/packages/hooks/use-namespace/index.ts
+++ b/packages/hooks/use-namespace/index.ts
@@ -25,9 +25,8 @@ const _bem = (
 }
 
 export const useNamespace = (block: string) => {
-  const namespace = computed(
-    () => useGlobalConfig('namespace').value || defaultNamespace
-  )
+  const globalConfig = useGlobalConfig('namespace')
+  const namespace = computed(() => globalConfig.value || defaultNamespace)
   const b = (blockSuffix = '') =>
     _bem(unref(namespace), block, blockSuffix, '', '')
   const e = (element?: string) =>
@@ -51,7 +50,7 @@ export const useNamespace = (block: string) => {
       ? _bem(unref(namespace), block, blockSuffix, element, modifier)
       : ''
   const is = (name: string, state = true) =>
-    state ? `${statePrefix}${name}` : ''
+    name && state ? `${statePrefix}${name}` : ''
   return {
     namespace,
     b,