refactor: clean up deck wise font size
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user