feat: prevent close dialog/drawer when cursor dragging from body to mask

packages/dialog/src/component.vue

@@ -6,6 +6,7 @@
     <div
       v-show="visible"
       class="el-dialog__wrapper"
+      @mousedown="clickStartElement = $event.target"
       @click.self="handleWrapperClick">
       <div
         role="dialog"
@@ -113,7 +114,8 @@
     data() {
       return {
         closed: false,
-        key: 0
+        key: 0,
+        clickStartElement: null
       };
     },
 
@@ -162,9 +164,13 @@
           }
         };
       },
-      handleWrapperClick() {
+      handleWrapperClick(event) {
-        if (!this.closeOnClickModal) return;
+        if (
+          this.closeOnClickModal &&
+          (!this.clickStartElement || this.clickStartElement.contains(event.target))
+        ) {
           this.handleClose();
+        }
       },
       handleClose() {
         if (typeof this.beforeClose === 'function') {

packages/drawer/src/main.vue

@@ -10,6 +10,7 @@
       <div
         class="el-drawer__container"
         :class="visible && 'el-drawer__open'"
+        @mousedown="clickStartElement = $event.target"
         @click.self="handleWrapperClick"
         role="document"
         tabindex="-1">
@@ -123,7 +124,8 @@ export default {
   data() {
     return {
       closed: false,
-      prevActiveElement: null
+      prevActiveElement: null,
+      clickStartElement: null
     };
   },
   watch: {
@@ -162,8 +164,11 @@ export default {
         this.closed = true;
       }
     },
-    handleWrapperClick() {
+    handleWrapperClick(event) {
-      if (this.wrapperClosable) {
+      if (
+        this.wrapperClosable &&
+        (!this.clickStartElement || this.clickStartElement.contains(event.target))
+      ) {
         this.closeDrawer();
       }
     },