From 0f833cb5366690dc1d661670369a62dfdbbecc89 Mon Sep 17 00:00:00 2001
From: tangjinzhou <415800467@qq.com>
Date: Sat, 11 Dec 2021 22:41:01 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20trigger=20multipe=20click=20#5002=20?=
 =?UTF-8?q?=E6=9C=AC=E8=B4=A8=E5=8E=9F=E5=9B=A0=E5=BA=94=E8=AF=A5=E8=BF=98?=
 =?UTF-8?q?=E6=98=AF=20vue=20=E9=97=AE=E9=A2=98=EF=BC=8C=E6=9C=89=E5=BE=85?=
 =?UTF-8?q?=E8=BF=9B=E4=B8=80=E6=AD=A5=E5=AE=9A=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/dropdown/dropdown-button.tsx |  9 ++++-----
 components/dropdown/dropdown.tsx        |  2 +-
 components/dropdown/props.ts            | 10 ++++++++++
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/components/dropdown/dropdown-button.tsx b/components/dropdown/dropdown-button.tsx
index a7b8e870d..ec0a3b457 100644
--- a/components/dropdown/dropdown-button.tsx
+++ b/components/dropdown/dropdown-button.tsx
@@ -23,9 +23,6 @@ export default defineComponent({
   emits: ['click', 'visibleChange', 'update:visible'],
   slots: ['icon', 'leftButton', 'rightButton', 'overlay'],
   setup(props, { slots, attrs, emit }) {
-    const handleClick = (e: MouseEvent) => {
-      emit('click', e);
-    };
     const handleVisibleChange = (val: boolean) => {
       emit('update:visible', val);
       emit('visibleChange', val);
@@ -43,13 +40,15 @@ export default defineComponent({
         trigger,
         align,
         visible,
-        onVisibleChange,
+        onVisibleChange: _onVisibleChange,
         placement = direction.value === 'rtl' ? 'bottomLeft' : 'bottomRight',
         href,
         title,
         icon = slots.icon?.() || <EllipsisOutlined />,
         mouseEnterDelay,
         mouseLeaveDelay,
+        onClick,
+        'onUpdate:visible': _updateVisible,
         ...restProps
       } = { ...props, ...attrs };
 
@@ -69,7 +68,7 @@ export default defineComponent({
         <Button
           type={type}
           disabled={disabled}
-          onClick={handleClick}
+          onClick={onClick}
           htmlType={htmlType}
           href={href}
           title={title}
diff --git a/components/dropdown/dropdown.tsx b/components/dropdown/dropdown.tsx
index 68708cf5f..02b45a65f 100644
--- a/components/dropdown/dropdown.tsx
+++ b/components/dropdown/dropdown.tsx
@@ -135,7 +135,7 @@ const Dropdown = defineComponent({
           onVisibleChange: handleVisibleChange,
           placement: placement.value,
         },
-        ['overlay'],
+        ['overlay', 'onUpdate:visible'],
       );
       return (
         <RcDropdown {...dropdownProps} v-slots={{ overlay: renderOverlay }}>
diff --git a/components/dropdown/props.ts b/components/dropdown/props.ts
index d9a5475a3..d792cb243 100644
--- a/components/dropdown/props.ts
+++ b/components/dropdown/props.ts
@@ -3,6 +3,7 @@ import type { PropType } from 'vue';
 import PropTypes from '../_util/vue-types';
 
 import buttonTypes from '../button/buttonTypes';
+import type { MouseEventHandler } from '../_util/EventInterface';
 
 type Align = {
   points?: [string, string];
@@ -40,6 +41,12 @@ const dropdownProps = () => ({
   mouseLeaveDelay: PropTypes.number,
   openClassName: PropTypes.string,
   minOverlayWidthMatchTrigger: PropTypes.looseBool,
+  onVisibleChange: {
+    type: Function as PropType<(val: boolean) => void>,
+  },
+  'onUpdate:visible': {
+    type: Function as PropType<(val: boolean) => void>,
+  },
 });
 
 const ButtonTypesProps = buttonTypes();
@@ -53,6 +60,9 @@ const dropdownButtonProps = () => ({
   prefixCls: PropTypes.string,
   icon: PropTypes.any,
   title: PropTypes.string,
+  onClick: {
+    type: Function as PropType<MouseEventHandler>,
+  },
 });
 
 export { dropdownProps, dropdownButtonProps };