继续扩展暗色弹窗底部框架
扩展 PlatformDarkModalFooter 接入营地编组的内容型 footer 补充 CompanionCampModal 对共享 footer frame 的回归测试 更新 PlatformUiKit 收口计划与共享决策记录
This commit is contained in:
@@ -50,6 +50,9 @@ test('营地编组战斗中提示复用暗色 PlatformStatusMessage chrome', ()
|
||||
const activeEmptyState = screen.getByText('当前没有已出战的同行者。');
|
||||
const reserveEmptyState = screen.getByText('当前还没有后备同行者。');
|
||||
const activeCountBadge = screen.getByText(/^出战 0\//);
|
||||
const campFooter = screen.getByText('营地气氛').closest(
|
||||
'.platform-dark-modal-footer',
|
||||
);
|
||||
|
||||
expect(currentSection?.className).toContain('bg-black/25');
|
||||
expect(reserveSection?.className).toContain('bg-black/25');
|
||||
@@ -57,6 +60,8 @@ test('营地编组战斗中提示复用暗色 PlatformStatusMessage chrome', ()
|
||||
expect(reserveEmptyState.className).toContain('platform-empty-state');
|
||||
expect(activeCountBadge.className).toContain('rounded-full');
|
||||
expect(activeCountBadge.className).toContain('bg-black/20');
|
||||
expect(campFooter?.className).toContain('border-t');
|
||||
expect(campFooter?.className).toContain('px-5');
|
||||
});
|
||||
|
||||
test('营地编组同行者卡片和替换位按钮复用暗色公共组件', async () => {
|
||||
|
||||
@@ -6,6 +6,7 @@ import { MAX_COMPANIONS } from '../data/npcInteractions';
|
||||
import { Character, CompanionState } from '../types';
|
||||
import { getNineSliceStyle, UI_CHROME } from '../uiAssets';
|
||||
import { PlatformActionButton } from './common/PlatformActionButton';
|
||||
import { PlatformDarkModalFooter } from './common/PlatformDarkModalFooter';
|
||||
import { PlatformDarkOptionCard } from './common/PlatformDarkOptionCard';
|
||||
import { PlatformEmptyState } from './common/PlatformEmptyState';
|
||||
import { PlatformMediaFrame } from './common/PlatformMediaFrame';
|
||||
@@ -331,7 +332,7 @@ export function CompanionCampModal({
|
||||
</PlatformSubpanel>
|
||||
</div>
|
||||
|
||||
<div className="border-t border-white/10 px-5 py-4">
|
||||
<PlatformDarkModalFooter layout="content" padding="roomy">
|
||||
<div className="mb-3 text-xs font-bold text-white">营地气氛</div>
|
||||
<div className="grid gap-3 md:grid-cols-3">
|
||||
{campMoments.map((moment, index) => (
|
||||
@@ -347,7 +348,7 @@ export function CompanionCampModal({
|
||||
</PlatformSubpanel>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</PlatformDarkModalFooter>
|
||||
</motion.div>
|
||||
</motion.div>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user