收口标准泥点确认弹窗

新增 PlatformMudPointConfirmDialog 统一承接标准泥点消耗确认壳层
迁移拼图与抓大鹅创作工作台复用共享泥点确认弹窗
迁移拼图与抓大鹅结果页素材生成流程复用共享泥点确认弹窗
补充共享组件测试并更新 PlatformUiKit 收口文档与决策记录
This commit is contained in:
2026-06-10 21:57:49 +08:00
parent a33914aa5a
commit dbfdb9b99b
8 changed files with 138 additions and 41 deletions
@@ -14,7 +14,7 @@ import { PlatformSegmentedTabs } from '../../common/PlatformSegmentedTabs';
import { PlatformStatusMessage } from '../../common/PlatformStatusMessage';
import { PlatformSubpanel } from '../../common/PlatformSubpanel';
import { PlatformTextField } from '../../common/PlatformTextField';
import { UnifiedConfirmDialog } from '../../common/UnifiedConfirmDialog';
import { PlatformMudPointConfirmDialog } from '../../common/PlatformMudPointConfirmDialog';
type Match3DCreationWorkspaceProps = {
session: Match3DAgentSessionSnapshot | null;
@@ -351,19 +351,15 @@ export function Match3DCreationWorkspace({
</PlatformActionButton>
</div>
<UnifiedConfirmDialog
<PlatformMudPointConfirmDialog
open={isPointCostConfirmOpen}
title="确认消耗泥点"
points={mudPointCost}
onClose={() => setIsPointCostConfirmOpen(false)}
onConfirm={executeSubmitForm}
confirmLabel="确定"
confirmDisabled={!canSubmit}
showCancel
overlayClassName="platform-modal-backdrop z-[80]"
panelClassName="platform-remap-surface max-w-xs rounded-[1.35rem] shadow-[0_24px_70px_rgba(15,23,42,0.22)]"
>
<div className="font-semibold">消耗 {mudPointCost} 泥点</div>
</UnifiedConfirmDialog>
/>
</div>
);
}
@@ -26,7 +26,7 @@ import {
clampSquareImageCropRect,
type SquareImageCropRect,
} from '../../common/squareImageCropModel';
import { UnifiedConfirmDialog } from '../../common/UnifiedConfirmDialog';
import { PlatformMudPointConfirmDialog } from '../../common/PlatformMudPointConfirmDialog';
import PuzzleHistoryAssetPickerDialog from '../shared/PuzzleHistoryAssetPickerDialog';
import {
normalizePuzzleImageModel,
@@ -747,19 +747,15 @@ export function PuzzleCreationWorkspace({
}}
/>
) : null}
<UnifiedConfirmDialog
<PlatformMudPointConfirmDialog
open={isPointCostConfirmOpen}
title="确认消耗泥点"
points={mudPointCost}
onClose={() => setIsPointCostConfirmOpen(false)}
onConfirm={executeSubmitForm}
confirmLabel="确定"
confirmDisabled={!canSubmit}
showCancel
overlayClassName="platform-modal-backdrop z-[80]"
panelClassName="platform-remap-surface max-w-xs rounded-[1.35rem] shadow-[0_24px_70px_rgba(15,23,42,0.22)]"
>
<div className="font-semibold">消耗 {mudPointCost} 泥点</div>
</UnifiedConfirmDialog>
/>
</div>
);
}