From 381943078fd55123fde3d5555e04f279d7f1c407 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E6=9C=A8?= <netfan@foxmail.com>
Date: Tue, 3 Aug 2021 21:17:38 +0800
Subject: [PATCH] fix(cropper): cropper not destroy in time
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

图片剪裁组件未能及时销毁资源

fixed: #1027
---
 CHANGELOG.zh_CN.md                     | 6 ++++++
 src/components/Cropper/src/Cropper.vue | 6 +++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.zh_CN.md b/CHANGELOG.zh_CN.md
index f81e941d..9e09f4a1 100644
--- a/CHANGELOG.zh_CN.md
+++ b/CHANGELOG.zh_CN.md
@@ -1,3 +1,9 @@
+### 🐛 Bug Fixes
+
+- **Cropper** 修复未能及时销毁的问题
+- **BasicTable** 修复`CellFormat`无法使用`Map`类型数据的问题
+- **Qrcode** 修复二维码组件在创建时未能及时绘制的问题
+
 ## 2.7.0(2021-08-03)
 
 ## (破坏性更新) Breaking changes
diff --git a/src/components/Cropper/src/Cropper.vue b/src/components/Cropper/src/Cropper.vue
index f14737d3..4523ad43 100644
--- a/src/components/Cropper/src/Cropper.vue
+++ b/src/components/Cropper/src/Cropper.vue
@@ -12,7 +12,7 @@
 </template>
 <script lang="ts">
   import type { CSSProperties } from 'vue';
-  import { defineComponent, onMounted, ref, unref, computed } from 'vue';
+  import { defineComponent, onMounted, ref, unref, computed, onUnmounted } from 'vue';
   import Cropper from 'cropperjs';
   import 'cropperjs/dist/cropper.css';
   import { useDesign } from '/@/hooks/web/useDesign';
@@ -93,6 +93,10 @@
 
       onMounted(init);
 
+      onUnmounted(() => {
+        cropper.value?.destroy();
+      });
+
       async function init() {
         const imgEl = unref(imgElRef);
         if (!imgEl) {