继续收口编辑器空态与暗色动作按钮

视觉小说实体列表空态复用 PlatformEmptyState
角色素材工作室局部按钮改为委托 PlatformActionButton
RPG大编辑器局部按钮改为委托 PlatformActionButton
更新 PlatformUiKit 收口文档与团队决策记录
This commit is contained in:
2026-06-11 01:52:47 +08:00
parent 06bf03a28c
commit 402b847c7f
7 changed files with 59 additions and 23 deletions

View File

@@ -95,6 +95,7 @@ import {
import { useAuthUi } from '../auth/AuthUiContext';
import { CharacterAnimator } from '../CharacterAnimator';
import { PlatformAcknowledgeStatusDialog } from '../common/PlatformAcknowledgeStatusDialog';
import { PlatformActionButton } from '../common/PlatformActionButton';
import { PlatformAssetPickerGrid } from '../common/PlatformAssetPickerCard';
import { PlatformEmptyState } from '../common/PlatformEmptyState';
import { PlatformIconButton } from '../common/PlatformIconButton';
@@ -1665,16 +1666,22 @@ function ActionButton({
disabled?: boolean;
className?: string;
}) {
const buttonTone =
tone === 'sky' ? 'primary' : tone === 'rose' ? 'danger' : 'ghost';
const toneClassName =
tone === 'sky'
? 'border-sky-300/22 bg-sky-500/12 text-sky-50 hover:border-sky-200/40 hover:text-white'
? 'border-sky-300/22 bg-sky-500/12 text-sky-50 hover:border-sky-200/40 hover:bg-sky-500/18 hover:text-white'
: tone === 'rose'
? 'border-rose-300/22 bg-rose-500/12 text-rose-50 hover:border-rose-200/40 hover:text-white'
? 'border-rose-300/22 bg-rose-500/12 text-rose-50 hover:border-rose-200/40 hover:bg-rose-500/16 hover:text-white'
: 'border-white/12 bg-black/20 text-zinc-200 hover:border-white/22 hover:text-white';
return (
<button
<PlatformActionButton
type="button"
surface="editorDark"
tone={buttonTone}
size="sm"
shape="pill"
onPointerDown={(event) => {
event.stopPropagation();
}}
@@ -1686,10 +1693,16 @@ function ActionButton({
onClick();
}}
disabled={disabled}
className={`rounded-full border px-4 py-2 text-sm font-semibold transition-colors ${toneClassName} ${disabled ? 'cursor-not-allowed opacity-45' : ''} ${className}`}
className={[
'py-2 font-semibold disabled:opacity-45',
toneClassName,
className,
]
.filter(Boolean)
.join(' ')}
>
{label}
</button>
</PlatformActionButton>
);
}