fix: fix roundable shadow condition

daybrush · Sep 12, 2023 · adb09b7 · adb09b7
1 parent 266872c
commit adb09b7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/moveable/test/manual/resizable.html b/packages/moveable/test/manual/resizable.html
@@ -30,6 +30,10 @@
         resizable: true,
         scalable: false,
         rotatable: true,
+        roundable: true,
+        isDisplayShadowRoundControls: true,
+        maxRoundControls: [4, 0],
+        roundPadding: 20,
         isDisplaySnapDigit: false,
         elementGuidelines: [document.body],
         snappable: true,

diff --git a/packages/react-moveable/src/ables/Roundable.tsx b/packages/react-moveable/src/ables/Roundable.tsx
@@ -325,9 +325,11 @@ cursor: pointer;
                 originalPos[0] += roundPadding;
             }
             const pos = minus(calculatePosition(allMatrix, originalPos, n), basePos);
-
+            const isDisplayVerticalShadow
+                = isDisplayShadowRoundControls
+                && isDisplayShadowRoundControls !== "horizontal";
             const isDisplay = v.vertical
-                ? verticalCount <= maxRoundControls[1] && (isDisplayShadowRoundControls || !v.virtual)
+                ? verticalCount <= maxRoundControls[1] && (isDisplayVerticalShadow || !v.virtual)
                 : horizontalCount <= maxRoundControls[0] && (isDisplayShadowRoundControls || !v.virtual);
 
             return <div key={`borderRadiusControl${i}`}