From caa6fa9be35a7ef13dc3aba082f4675962f5c234 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sun, 7 Jun 2026 18:29:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=A4=B4=E5=83=8F?=
 =?UTF-8?q?=E8=A3=81=E5=89=AA=E5=AE=B9=E5=99=A8=E9=AB=98=E5=BA=A6=E5=BC=82?=
 =?UTF-8?q?=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 穿透设置 cropperjs 动态插入的 cropper-canvas 高度
- 解决头像上传裁剪区域只显示 100px 的问题
---
 src/components/Cropper/src/Cropper.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/Cropper/src/Cropper.vue b/src/components/Cropper/src/Cropper.vue
index 1f39dd40e..b399fc62c 100644
--- a/src/components/Cropper/src/Cropper.vue
+++ b/src/components/Cropper/src/Cropper.vue
@@ -146,3 +146,13 @@ function getRoundedCanvas(sourceCanvas: HTMLCanvasElement) {
   return canvas
 }
 </script>
+<style lang="scss" scoped>
+$prefix-cls: #{$namespace}-cropper-image;
+
+.#{$prefix-cls} {
+  // cropperjs 动态插入的自定义元素不受 scoped 样式约束，需要穿透设置高度
+  > :deep(cropper-canvas) {
+    height: 100%;
+  }
+}
+</style>