fix(float-button): error when using with popover, closes #5933

tusen-ai · May 17, 2024 · 36e3e32 · 36e3e32
1 parent a6d4b11
commit 36e3e32
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 8 deletions.
diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## NEXT_VERSION
+
+### Fixes
+
+- Fix `n-float-button` error when using with `popover` component, closes [#5933](https://github.com/tusen-ai/naive-ui/issues/5933).
+
 ## 2.38.2
 
 `2024-05-03`

diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## NEXT_VERSION
+
+### Fixes
+
+- 修复 `n-float-button` 和 `popover` 一起使用会报错, 关闭 [#5933](https://github.com/tusen-ai/naive-ui/issues/5933)
+
 ## 2.38.2
 
 `2024-05-03`

diff --git a/src/float-button/src/FloatButton.tsx b/src/float-button/src/FloatButton.tsx
@@ -6,12 +6,9 @@ import {
   type CSSProperties,
   inject,
   ref,
-  toRef,
-  withDirectives,
-  type DirectiveArguments
+  toRef
 } from 'vue'
 import { useMergedState } from 'vooks'
-import { mousemoveoutside } from 'vdirs'
 import { floatButtonGroupInjectionKey } from '../../float-button-group/src/FloatButtonGroup'
 import {
   formatLength,
@@ -209,9 +206,8 @@ export default defineComponent({
       inlineStyle,
       onRender
     } = this
-    const dirs: DirectiveArguments = [[mousemoveoutside, this.handleMouseleave]]
     onRender?.()
-    return withDirectives(
+    return (
       <div
         class={[
           `${mergedClsPrefix}-float-button`,
@@ -258,8 +254,7 @@ export default defineComponent({
             {resolveSlot($slots.menu, () => [])}
           </div>
         ) : null}
-      </div>,
-      dirs
+      </div>
     )
   }
 })