refactor: clean up deck wise font size

This commit is contained in:
2026-02-28 12:20:34 +08:00
parent a2ac902129
commit f53dc847ca
8 changed files with 12 additions and 51 deletions
+3 -13
View File
@@ -13,8 +13,7 @@ export const DECK_DEFAULTS = {
GRID_W: 5,
GRID_H: 8,
BLEED: 1,
PADDING: 2,
FONT_SIZE: 3
PADDING: 2
} as const;
export interface DeckState {
@@ -25,7 +24,6 @@ export interface DeckState {
gridH: number;
bleed: number;
padding: number;
fontSize: number;
fixed: boolean;
src: string;
rawSrc: string; // 原始 CSV 路径(用于生成代码时保持相对路径)
@@ -74,7 +72,6 @@ export interface DeckActions {
setGridH: (grid: number) => void;
setBleed: (bleed: number) => void;
setPadding: (padding: number) => void;
setFontSize: (size: number) => void;
// 数据设置
setCards: (cards: CardData[]) => void;
@@ -138,7 +135,6 @@ export function createDeckStore(
gridH: DECK_DEFAULTS.GRID_H,
bleed: DECK_DEFAULTS.BLEED,
padding: DECK_DEFAULTS.PADDING,
fontSize: DECK_DEFAULTS.FONT_SIZE,
fixed: false,
src: initialSrc,
rawSrc: initialSrc,
@@ -169,8 +165,7 @@ export function createDeckStore(
gridW: state.gridW,
gridH: state.gridH,
bleed: state.bleed,
padding: state.padding,
fontSize: state.fontSize
padding: state.padding
});
setState({ dimensions: dims });
};
@@ -199,10 +194,6 @@ export function createDeckStore(
setState({ padding });
updateDimensions();
};
const setFontSize = (size: number) => {
setState({ fontSize: size });
updateDimensions();
};
const setCards = (cards: CardData[]) => setState({ cards, activeTab: 0 });
const setActiveTab = (index: number) => setState({ activeTab: index });
@@ -278,7 +269,7 @@ export function createDeckStore(
const generateCode = () => {
const layersStr = formatLayers(state.layerConfigs);
return `:md-deck[${state.rawSrc || state.src}]{size="${state.sizeW}x${state.sizeH}" grid="${state.gridW}x${state.gridH}" bleed="${state.bleed}" padding="${state.padding}" font-size="${state.fontSize}" layers="${layersStr}"}`;
return `:md-deck[${state.rawSrc || state.src}]{size="${state.sizeW}x${state.sizeH}" grid="${state.gridW}x${state.gridH}" bleed="${state.bleed}" padding="${state.padding}" layers="${layersStr}"}`;
};
const copyCode = async () => {
@@ -323,7 +314,6 @@ export function createDeckStore(
setGridH,
setBleed,
setPadding,
setFontSize,
setCards,
setActiveTab,
updateCardData,