fix(popper): fix known bugs in popper

packages/popper/__tests__/popper.spec.ts

@@ -7,7 +7,6 @@ import type { VueWrapper } from '@vue/test-utils'
 
 type UnknownProps = Record<string, unknown>
 
-jest.mock('lodash')
 
 jest.useFakeTimers()
 
@@ -216,11 +215,13 @@ describe('Popper.vue', () => {
       const wrapper = _mount({
         trigger: [CLICK_EVENT],
         appendToBody: false,
+        closeDelay: 0,
       })
       await nextTick()
 
       const trigger = wrapper.find(`.${TEST_TRIGGER}`)
       const popper = wrapper.findComponent(ElPopper)
+
       expect(popper.vm.visibility).toBe(false)
       // for now triggering event on element via DOMWrapper is not available so we need to apply
       // old way
@@ -240,6 +241,7 @@ describe('Popper.vue', () => {
       const wrapper = _mount({
         trigger: ['hover'],
         appendToBody: false,
+        closeDelay: 0,
       })
       await nextTick()
 
@@ -269,6 +271,7 @@ describe('Popper.vue', () => {
       const wrapper = _mount({
         trigger: [FOCUS_EVENT],
         appendToBody: false,
+        closeDelay: 0,
       })
       await nextTick()
 
@@ -301,6 +304,7 @@ describe('Popper.vue', () => {
       const wrapper = _mount({
         trigger: [FOCUS_EVENT, CLICK_EVENT, 'hover'],
         appendToBody: false,
+        closeDelay: 0,
       })
       await nextTick()
 

packages/popper/src/usePopper.ts

@@ -7,7 +7,6 @@ import {
   onMounted,
   watch,
 } from 'vue'
-import { debounce } from 'lodash'
 import { createPopper } from '@popperjs/core'
 
 import { generateId, clearTimer, isBool, isHTMLElement } from '@element-plus/utils/util'

website/play/index.vue

@@ -8,7 +8,7 @@
         content
       </template>
     </el-tooltip> -->
-    <el-popper v-model:visible="visible">
+    <el-popper v-model:visible="visible" :trigger="['click']">
       <template #trigger>
         <div>trigger</div>
         <el-button>I am trigger</el-button>