From e3851dc5ea290ef6eb4d12ce2469311b1bee53cd Mon Sep 17 00:00:00 2001
From: vben <anncwb@126.com>
Date: Sat, 20 Feb 2021 00:08:22 +0800
Subject: [PATCH] feat(moda;): can switch full screen by double-clicking on the
 head close #277

---
 CHANGELOG.zh_CN.md                      |  1 +
 src/components/Modal/src/BasicModal.vue | 13 ++++++++++++-
 src/design/index.less                   |  7 +++++--
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.zh_CN.md b/CHANGELOG.zh_CN.md
index 41e10cd1a06..f962b89d494 100644
--- a/CHANGELOG.zh_CN.md
+++ b/CHANGELOG.zh_CN.md
@@ -3,6 +3,7 @@
 ### ✨ Features
 
 - 新增 `settingButtonPosition`配置项,用于配置`设置`按钮位置
+- `modal`可以通过双击头部切换全屏
 
 ### ⚡ Performance Improvements
 
diff --git a/src/components/Modal/src/BasicModal.vue b/src/components/Modal/src/BasicModal.vue
index c2dc7fa0bb7..d09f576cc71 100644
--- a/src/components/Modal/src/BasicModal.vue
+++ b/src/components/Modal/src/BasicModal.vue
@@ -10,7 +10,11 @@
     </template>
 
     <template #title v-if="!$slots.title">
-      <ModalHeader :helpMessage="getProps.helpMessage" :title="getMergeProps.title" />
+      <ModalHeader
+        :helpMessage="getProps.helpMessage"
+        :title="getMergeProps.title"
+        @dblclick="handleTitleDbClick"
+      />
     </template>
 
     <template #footer v-if="!$slots.footer">
@@ -193,6 +197,12 @@
         extHeightRef.value = height;
       }
 
+      function handleTitleDbClick(e: ChangeEvent) {
+        if (!props.canFullscreen) return;
+        e.stopPropagation();
+        handleFullScreen(e);
+      }
+
       return {
         handleCancel,
         getBindValue,
@@ -206,6 +216,7 @@
         modalWrapperRef,
         handleExtHeight,
         handleHeightChange,
+        handleTitleDbClick,
       };
     },
   });
diff --git a/src/design/index.less b/src/design/index.less
index 8df270e888a..a2dfb037675 100644
--- a/src/design/index.less
+++ b/src/design/index.less
@@ -44,6 +44,9 @@ body {
 }
 
 a:focus,
-a:active {
-  outline: none;
+a:active,
+button,
+div,
+span {
+  outline: none !important;
 }