diff --git a/src/components/md-deck/hooks/deckStore.ts b/src/components/md-deck/hooks/deckStore.ts index db8b0a8..593a6e6 100644 --- a/src/components/md-deck/hooks/deckStore.ts +++ b/src/components/md-deck/hooks/deckStore.ts @@ -136,7 +136,6 @@ export interface DeckStore { */ export function createDeckStore( initialSrc: string = '', - initialLayers: string = '' ): DeckStore { const [state, setState] = createStore({ sizeW: DECK_DEFAULTS.SIZE_W, @@ -303,21 +302,21 @@ export function createDeckStore( const backLayersString = backLayersStr || formatLayers(state.backLayerConfigs); const parts = [ `:md-deck[${state.rawSrc || state.src}]`, - `{size="${state.sizeW}x${state.sizeH} "`, - `grid="${state.gridW}x${state.gridH} "` + `{size="${state.sizeW}x${state.sizeH}" `, + `grid="${state.gridW}x${state.gridH}" ` ]; // 仅在非默认值时添加 bleed 和 padding if (state.bleed !== DECK_DEFAULTS.BLEED) { - parts.push(`bleed="${state.bleed} "`); + parts.push(`bleed="${state.bleed}" `); } if (state.padding !== DECK_DEFAULTS.PADDING) { - parts.push(`padding="${state.padding} "`); + parts.push(`padding="${state.padding}" `); } - parts.push(`layers="${frontLayersStr}"`); + parts.push(`layers="${frontLayersStr}" `); if (backLayersString) { - parts.push(` backLayers="${backLayersString}"`); + parts.push(`back-layers="${backLayersString}" `); } parts.push('}'); return parts.join(''); diff --git a/src/components/md-deck/index.tsx b/src/components/md-deck/index.tsx index 53a6eaa..639ab02 100644 --- a/src/components/md-deck/index.tsx +++ b/src/components/md-deck/index.tsx @@ -52,7 +52,7 @@ customElement('md-deck', { const resolvedSrc = resolvePath(articlePath, csvPath); // 创建 store 并加载数据 - const store = createDeckStore(resolvedSrc, (props.layers as string) || ''); + const store = createDeckStore(resolvedSrc); // 解析 size 属性(支持旧格式 "54x86" 和新格式) if (props.size && props.size.includes('x')) {