@autional/ui 0.1.0-rc.51 → 0.1.0-rc.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autional/ui",
-  "version": "0.1.0-rc.51",
+  "version": "0.1.0-rc.53",
   "description": "Autional shared React component library (atoms + molecules) …the canonical home of the component layer",
   "license": "AGPL-3.0",
   "main": "./src/index.ts",

package/src/atoms/Button.tsx

@@ -28,7 +28,7 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
 			primary: 'bg-[var(--color-brand)] text-[var(--color-on-brand)] hover:bg-[var(--color-brand-hover)]',
 			secondary: 'bg-[var(--color-bg-muted)] text-[var(--color-text-primary)] hover:opacity-80',
 			outline:
-				'border border-[var(--color-border-subtle)] bg-transparent hover:bg-[var(--color-bg-muted)] text-[var(--color-text-primary)]',
+				'border border-[var(--color-border-strong)] bg-transparent hover:bg-[var(--color-bg-muted)] text-[var(--color-text-primary)]',
 			ghost: 'bg-transparent hover:bg-[var(--color-bg-muted)] text-[var(--color-text-primary)]',
 			danger: 'bg-[var(--color-danger)] text-white hover:opacity-80',
 		};

package/src/i18n/resources.ts

@@ -29,6 +29,9 @@ export const uiI18nResources: Record<'zh-CN' | 'en-US', Record<string, string>>
 		'pageStatus.loading': '加载中…',
 		'pageStatus.loadError': '数据加载失败',
 		'pageStatus.retry': '重试',
+		// ErrorState 默认标题与描述（原组件硬编码中文）；重试按钮复用 pageStatus.retry。
+		'errorState.title': '加载失败',
+		'errorState.description': '请稍后重试',
 		// ThemeToggle 默认文案（UP-04：原为组件内硬编码中文，EN 站点顶栏出现中文标签）
 		'theme.toggleDark': '切换到深色模式',
 		'theme.toggleLight': '切换到浅色模式',
@@ -58,6 +61,8 @@ export const uiI18nResources: Record<'zh-CN' | 'en-US', Record<string, string>>
 		'pageStatus.loading': 'Loading...',
 		'pageStatus.loadError': 'Data loading failed',
 		'pageStatus.retry': 'Retry',
+		'errorState.title': 'Failed to load',
+		'errorState.description': 'Please try again later',
 		'theme.toggleDark': 'Switch to dark mode',
 		'theme.toggleLight': 'Switch to light mode',
 		// EN 词汇对齐舰队既有口径（Loading... / No data / Confirm / Cancel / Close）

package/src/molecules/ConfirmDialog.tsx

@@ -99,7 +99,7 @@ export const ConfirmDialog = React.memo(function ConfirmDialog({
 				<div className="mt-6 flex justify-end gap-3">
 					<button
 						onClick={onCancel}
-						className="rounded-md border border-[var(--color-border-subtle)] bg-[var(--color-bg-surface)] px-4 py-2 text-sm font-medium text-[var(--color-text-primary)] transition-colors hover:bg-[var(--color-bg-muted)]"
+						className="rounded-md border border-[var(--color-border-strong)] bg-[var(--color-bg-surface)] px-4 py-2 text-sm font-medium text-[var(--color-text-primary)] transition-colors hover:bg-[var(--color-bg-muted)]"
 					>
 						{cancelLabel}
 					</button>

package/src/molecules/ErrorState.tsx

@@ -1,4 +1,6 @@
 import { AlertTriangle, RefreshCw } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { UI_I18N_NS, uiText } from '../i18n';
 
 export interface ErrorStateProps {
 	title?: string;
@@ -17,8 +19,13 @@ export function ErrorState({
 	action,
 	className = '',
 }: ErrorStateProps) {
-	const displayTitle = title || '加载失败';
-	const displayMessage = description || message || '请稍后重试';
+	const { t, i18n } = useTranslation();
+	// 文案解析链与 LoadingScreen / EmptyState 同构（语言问题审计 2026-10-13 家族）：
+	// 原为硬编码中文默认，EN 站错误态裸露「加载失败 / 请稍后重试 / 重试」。
+	const resolve = (key: string, fallback: string): string =>
+		t(key, { ns: UI_I18N_NS, defaultValue: uiText(i18n.language, key) ?? fallback });
+	const displayTitle = title || resolve('errorState.title', '加载失败');
+	const displayMessage = description || message || resolve('errorState.description', '请稍后重试');
 
 	return (
 		<div
@@ -34,7 +41,7 @@ export function ErrorState({
 			{action ? (
 				<button
 					onClick={action.onClick}
-					className="inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-subtle)] bg-[var(--color-bg-surface)] px-3 py-1.5 text-xs text-[var(--color-text-primary)] hover:bg-[var(--color-bg-muted)]"
+					className="inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-strong)] bg-[var(--color-bg-surface)] px-3 py-1.5 text-xs text-[var(--color-text-primary)] hover:bg-[var(--color-bg-muted)]"
 				>
 					{action.label}
 				</button>
@@ -44,7 +51,7 @@ export function ErrorState({
 					className="inline-flex items-center gap-1.5 rounded-md border border-danger-soft bg-[var(--color-bg-surface)] px-3 py-1.5 text-xs text-danger-text hover:bg-danger-soft"
 				>
 					<RefreshCw className="h-3.5 w-3.5" />
-					重试
+					{resolve('pageStatus.retry', '重试')}
 				</button>
 			) : null}
 		</div>