diff --git a/packages/@core/composables/src/__tests__/use-sortable.test.ts b/packages/@core/composables/src/__tests__/use-sortable.test.ts
index b244067e1..3524143a7 100644
--- a/packages/@core/composables/src/__tests__/use-sortable.test.ts
+++ b/packages/@core/composables/src/__tests__/use-sortable.test.ts
@@ -30,6 +30,7 @@ describe('useSortable', () => {
 
     // Import sortablejs to access the mocked create function
     const Sortable =
+      // @ts-expect-error - This is a dynamic import
       await import('sortablejs/modular/sortable.complete.esm.js');
 
     // Verify that Sortable.create was called with the correct parameters
diff --git a/packages/effects/common-ui/src/components/cropper/cropper.vue b/packages/effects/common-ui/src/components/cropper/cropper.vue
index ebdcddf2d..1b467052b 100644
--- a/packages/effects/common-ui/src/components/cropper/cropper.vue
+++ b/packages/effects/common-ui/src/components/cropper/cropper.vue
@@ -40,10 +40,10 @@ type DragAction =
 // DOM 引用
 const containerRef = ref<HTMLDivElement | null>(null);
 const bgImageRef = ref<HTMLImageElement | null>(null);
-const maskRef = ref<HTMLDivElement | null>(null);
+// const maskRef = ref<HTMLDivElement | null>(null);
 const maskViewRef = ref<HTMLDivElement | null>(null);
 const cropperRef = ref<HTMLDivElement | null>(null);
-const cropperViewRef = ref<HTMLDivElement | null>(null);
+// const cropperViewRef = ref<HTMLDivElement | null>(null);
 
 // 响应式数据
 const isCropperVisible = ref<boolean>(false);
@@ -739,7 +739,6 @@ defineExpose({ getCropImage });
 
       <!-- 遮罩层 -->
       <div
-        ref="maskRef"
         class="cropper-mask"
         :style="{
           display: isCropperVisible ? 'block' : 'none',
@@ -773,7 +772,6 @@ defineExpose({ getCropImage });
         }"
       >
         <div
-          ref="cropperViewRef"
           class="cropper-view"
           :style="{
             inset: `${currentDimension[0]}px ${currentDimension[1]}px ${currentDimension[2]}px ${currentDimension[3]}px`,
@@ -855,19 +853,21 @@ defineExpose({ getCropImage });
 <style scoped>
 .cropper-action-wrapper {
   @apply box-border flex items-center justify-center;
+
+  background-color: transparent;
+
   /* 马赛克背景 */
   background-image:
     linear-gradient(45deg, #ccc 25%, transparent 25%),
     linear-gradient(-45deg, #ccc 25%, transparent 25%),
     linear-gradient(45deg, transparent 75%, #ccc 75%),
     linear-gradient(-45deg, transparent 75%, #ccc 75%);
-  background-size: 20px 20px;
   background-position:
     0 0,
     0 10px,
     10px -10px,
     -10px 0;
-  background-color: transparent;
+  background-size: 20px 20px;
 }
 
 .cropper-container {
diff --git a/playground/src/views/examples/cropper/index.vue b/playground/src/views/examples/cropper/index.vue
index 411804e2f..09ba10c29 100644
--- a/playground/src/views/examples/cropper/index.vue
+++ b/playground/src/views/examples/cropper/index.vue
@@ -132,10 +132,12 @@ const downloadImage = () => {
 .ratio-label {
   @apply text-sm font-medium;
 }
+
 /* 主裁剪区域 */
 .cropper-main-wrapper {
   @apply flex items-center gap-4;
 }
+
 .cropper-btn-group {
   @apply flex flex-col gap-2;
 }