refactor: corner radius

src/components/md-deck/hooks/deckStore.ts

@@ -13,7 +13,8 @@ export const DECK_DEFAULTS = {
   GRID_W: 5,
   GRID_H: 8,
   BLEED: 1,
-  PADDING: 2
+  PADDING: 2,
+  CORNER_RADIUS: 3
 } as const;
 
 export interface DeckState {
@@ -24,6 +25,7 @@ export interface DeckState {
   gridH: number;
   bleed: number;
   padding: number;
+  cornerRadius: number;
   shape: CardShape;
   fixed: boolean;
   src: string;
@@ -76,6 +78,7 @@ export interface DeckActions {
   setGridH: (grid: number) => void;
   setBleed: (bleed: number) => void;
   setPadding: (padding: number) => void;
+  setCornerRadius: (cornerRadius: number) => void;
   setShape: (shape: CardShape) => void;
 
   // 数据设置
@@ -146,6 +149,7 @@ export function createDeckStore(
     gridH: DECK_DEFAULTS.GRID_H,
     bleed: DECK_DEFAULTS.BLEED,
     padding: DECK_DEFAULTS.PADDING,
+    cornerRadius: DECK_DEFAULTS.CORNER_RADIUS,
     shape: 'rectangle',
     fixed: false,
     src: initialSrc,
@@ -209,6 +213,9 @@ export function createDeckStore(
     setState({ padding });
     updateDimensions();
   };
+  const setCornerRadius = (cornerRadius: number) => {
+    setState({ cornerRadius });
+  };
   const setShape = (shape: CardShape) => {
     setState({ shape });
   };
@@ -377,6 +384,7 @@ export function createDeckStore(
     setGridH,
     setBleed,
     setPadding,
+    setCornerRadius,
     setShape,
     setCards,
     setActiveTab,