fix(DropdownMenu): should't close when custom container and get clicked (#5047)

src/dropdown-item/index.js

@@ -40,6 +40,14 @@ export default createComponent({
     }
   },
 
+  beforeCreate() {
+    const createEmitter = eventName => () => this.$emit(eventName);
+
+    this.onOpen = createEmitter('open');
+    this.onClose = createEmitter('close');
+    this.onOpened = createEmitter('opened');
+  },
+
   methods: {
     toggle(show = !this.showPopup, options = {}) {
       if (show === this.showPopup) {
@@ -53,17 +61,15 @@ export default createComponent({
         this.parent.updateOffset();
         this.showWrapper = true;
       }
+    },
+
+    onClickWrapper(event) {
+      if (this.getContainer) {
+        event.stopPropagation();
+      }
     }
   },
 
-  beforeCreate() {
-    const createEmitter = eventName => () => this.$emit(eventName);
-
-    this.onOpen = createEmitter('open');
-    this.onClose = createEmitter('close');
-    this.onOpened = createEmitter('opened');
-  },
-
   render() {
     const {
       zIndex,
@@ -113,6 +119,7 @@ export default createComponent({
           ref="wrapper"
           style={style}
           class={bem([direction])}
+          onClick={this.onClickWrapper}
         >
           <Popup
             vModel={this.showPopup}