@ploykit/ui 0.6.2 → 0.7.2

package/dist/pages/auth/ResetPasswordPage.d.ts

@@ -1,4 +1,8 @@
 export interface ResetPasswordPageProps {
     onDone?: string;
+    /** 页面标题（i18n 覆盖点，走查 #5）。 */
+    title?: string;
+    /** 成功态文案（i18n 覆盖点）。 */
+    successHint?: string;
 }
-export declare function ResetPasswordPage({ onDone }: ResetPasswordPageProps): import("react").JSX.Element;
+export declare function ResetPasswordPage({ onDone, title, successHint, }: ResetPasswordPageProps): import("react").JSX.Element;

package/dist/pages/auth/ResetPasswordPage.js

@@ -7,7 +7,7 @@ import { Input } from '../../components/ui/input.js';
 import { usePasswordReset } from '@ploykit/hooks';
 import { passwordSchema } from './RegisterPage.js';
 const REDIRECT_DELAY_MS = 3000;
-export function ResetPasswordPage({ onDone }) {
+export function ResetPasswordPage({ onDone, title = '设置新密码', successHint = '密码已重置，全部旧会话已失效。', }) {
     const { reset } = usePasswordReset();
     const [params, setParams] = useState(null);
     const email = params?.get('email') ?? '';
@@ -67,5 +67,5 @@ export function ResetPasswordPage({ onDone }) {
             setLoading(false);
         }
     };
-    return (_jsx(AuthShell, { children: _jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [_jsx("div", { className: "space-y-1 text-center", children: _jsx("h1", { className: "text-2xl font-bold tracking-tight", children: "\u8BBE\u7F6E\u65B0\u5BC6\u7801" }) }), done ? (_jsxs("div", { className: "space-y-2 text-center", "data-testid": "reset-done", children: [_jsx("p", { className: "text-sm text-(--success)", children: "\u5BC6\u7801\u5DF2\u91CD\u7F6E\uFF0C\u5168\u90E8\u65E7\u4F1A\u8BDD\u5DF2\u5931\u6548\u3002" }), _jsx("p", { className: "text-sm text-muted-foreground", children: countdown > 0 ? `${countdown} 秒后跳转登录页…` : '正在跳转…' })] })) : params === null ? (_jsx("p", { className: "text-center text-sm text-muted-foreground", children: "\u6B63\u5728\u6253\u5F00\u94FE\u63A5\u2026" })) : !email || !token ? (_jsx("p", { className: "text-center text-sm text-destructive", "data-testid": "reset-invalid", children: "\u94FE\u63A5\u65E0\u6548\uFF1A\u7F3A\u5C11\u90AE\u7BB1\u6216\u4EE4\u724C\u53C2\u6570\uFF0C\u8BF7\u4ECE\u90AE\u4EF6\u4E2D\u7684\u94FE\u63A5\u8FDB\u5165\u3002" })) : (_jsxs(_Fragment, { children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["\u6B63\u5728\u4E3A ", email, " \u8BBE\u7F6E\u65B0\u5BC6\u7801"] }), _jsx(FormField, { label: "\u65B0\u5BC6\u7801", htmlFor: "reset-new", children: _jsx(Input, { id: "reset-new", type: "password", value: password, onChange: (e) => setPassword(e.target.value), placeholder: "\u81F3\u5C11 10 \u4F4D\uFF0C\u542B\u4E09\u7C7B\u5B57\u7B26", autoComplete: "new-password", required: true }) }), _jsx(FormField, { label: "\u786E\u8BA4\u65B0\u5BC6\u7801", error: confirmError ?? undefined, htmlFor: "reset-confirm", children: _jsx(Input, { id: "reset-confirm", type: "password", value: confirm, onChange: (e) => setConfirm(e.target.value), placeholder: "\u518D\u8F93\u5165\u4E00\u6B21", autoComplete: "new-password", "aria-invalid": confirmError ? true : undefined, required: true }) }), serverError && (_jsx("p", { role: "alert", className: "text-sm text-destructive", children: serverError })), _jsx(Button, { type: "submit", className: "w-full", disabled: loading || !password || !confirm, children: loading ? '提交中…' : '重置密码' })] }))] }) }));
+    return (_jsx(AuthShell, { children: _jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [_jsx("div", { className: "space-y-1 text-center", children: _jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }) }), done ? (_jsxs("div", { className: "space-y-2 text-center", "data-testid": "reset-done", children: [_jsx("p", { className: "text-sm text-(--success)", children: successHint }), _jsx("p", { className: "text-sm text-muted-foreground", children: countdown > 0 ? `${countdown} 秒后跳转登录页…` : '正在跳转…' })] })) : params === null ? (_jsx("p", { className: "text-center text-sm text-muted-foreground", children: "\u6B63\u5728\u6253\u5F00\u94FE\u63A5\u2026" })) : !email || !token ? (_jsx("p", { className: "text-center text-sm text-destructive", "data-testid": "reset-invalid", children: "\u94FE\u63A5\u65E0\u6548\uFF1A\u7F3A\u5C11\u90AE\u7BB1\u6216\u4EE4\u724C\u53C2\u6570\uFF0C\u8BF7\u4ECE\u90AE\u4EF6\u4E2D\u7684\u94FE\u63A5\u8FDB\u5165\u3002" })) : (_jsxs(_Fragment, { children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["\u6B63\u5728\u4E3A ", email, " \u8BBE\u7F6E\u65B0\u5BC6\u7801"] }), _jsx(FormField, { label: "\u65B0\u5BC6\u7801", htmlFor: "reset-new", children: _jsx(Input, { id: "reset-new", type: "password", value: password, onChange: (e) => setPassword(e.target.value), placeholder: "\u81F3\u5C11 10 \u4F4D\uFF0C\u542B\u4E09\u7C7B\u5B57\u7B26", autoComplete: "new-password", required: true }) }), _jsx(FormField, { label: "\u786E\u8BA4\u65B0\u5BC6\u7801", error: confirmError ?? undefined, htmlFor: "reset-confirm", children: _jsx(Input, { id: "reset-confirm", type: "password", value: confirm, onChange: (e) => setConfirm(e.target.value), placeholder: "\u518D\u8F93\u5165\u4E00\u6B21", autoComplete: "new-password", "aria-invalid": confirmError ? true : undefined, required: true }) }), serverError && (_jsx("p", { role: "alert", className: "text-sm text-destructive", children: serverError })), _jsx(Button, { type: "submit", className: "w-full", disabled: loading || !password || !confirm, children: loading ? '提交中…' : '重置密码' })] }))] }) }));
 }

package/dist/pages/auth/VerifyEmailPage.d.ts

@@ -1 +1,9 @@
-export declare function VerifyEmailPage(): import("react").JSX.Element;
+export interface VerifyEmailPageProps {
+    /** 三态标题（i18n 覆盖点，走查 #5）：成功 / 失败 / 验证中。 */
+    titles?: {
+        ok?: string;
+        failed?: string;
+        verifying?: string;
+    };
+}
+export declare function VerifyEmailPage({ titles, }: VerifyEmailPageProps): import("react").JSX.Element;

package/dist/pages/auth/VerifyEmailPage.js

@@ -5,7 +5,7 @@ import { AuthShell } from '../../layouts/AuthShell.js';
 import { buttonVariants } from '../../components/ui/button.js';
 import { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent, } from '../../components/ui/empty.js';
 import { MailCheck, LoaderCircle, CircleX } from 'lucide-react';
-export function VerifyEmailPage() {
+export function VerifyEmailPage({ titles = { ok: '邮箱验证成功', failed: '验证失败', verifying: '正在验证…' }, }) {
     const [state, setState] = useState('verifying');
     const [message, setMessage] = useState(null);
     const fired = useRef(false);
@@ -37,7 +37,7 @@ export function VerifyEmailPage() {
             setMessage(err instanceof Error ? err.message : '验证失败，链接可能已失效');
         });
     }, []);
-    return (_jsx(AuthShell, { children: _jsxs(Empty, { className: "border-none p-0", children: [_jsxs(EmptyHeader, { children: [_jsxs(EmptyMedia, { variant: "icon", "data-testid": "verify-state", children: [state === 'ok' && _jsx(MailCheck, { className: "text-(--success)", "aria-hidden": "true" }), state === 'verifying' && _jsx(LoaderCircle, { className: "animate-spin", "aria-hidden": "true" }), state === 'failed' && _jsx(CircleX, { className: "text-destructive", "aria-hidden": "true" })] }), _jsx(EmptyTitle, { children: state === 'ok' ? '邮箱验证成功' : state === 'failed' ? '验证失败' : '正在验证…' }), _jsx(EmptyDescription, { children: state === 'ok'
+    return (_jsx(AuthShell, { children: _jsxs(Empty, { className: "border-none p-0", children: [_jsxs(EmptyHeader, { children: [_jsxs(EmptyMedia, { variant: "icon", "data-testid": "verify-state", children: [state === 'ok' && _jsx(MailCheck, { className: "text-(--success)", "aria-hidden": "true" }), state === 'verifying' && _jsx(LoaderCircle, { className: "animate-spin", "aria-hidden": "true" }), state === 'failed' && _jsx(CircleX, { className: "text-destructive", "aria-hidden": "true" })] }), _jsx(EmptyTitle, { children: state === 'ok' ? titles.ok : state === 'failed' ? titles.failed : titles.verifying }), _jsx(EmptyDescription, { children: state === 'ok'
                                 ? '感谢确认，现在可以正常登录了。'
                                 : state === 'failed'
                                     ? (message ?? '验证失败')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ploykit/ui",
-  "version": "0.6.2",
+  "version": "0.7.2",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -30,8 +30,8 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.8.0",
-    "@ploykit/client": "^0.6.2",
-    "@ploykit/hooks": "^0.6.2",
+    "@ploykit/client": "^0.7.2",
+    "@ploykit/hooks": "^0.7.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cn": "^0.4.0",

package/src/pages/__tests__/LoginPage.test.tsx

@@ -227,3 +227,4 @@ describe('LoginPage passwordOnly（aifengkong #4：企业内部纯密码形态
     expect(screen.getByRole('tab', { name: '密码登录' })).toBeInTheDocument()
   })
 })
+

package/src/pages/auth/ResetPasswordPage.tsx

@@ -10,11 +10,21 @@ import { passwordSchema } from './RegisterPage'
 export interface ResetPasswordPageProps {
   
   onDone?: string
+  
+  /** 页面标题（i18n 覆盖点，走查 #5）。 */
+  title?: string
+  
+  /** 成功态文案（i18n 覆盖点）。 */
+  successHint?: string
 }
 
 const REDIRECT_DELAY_MS = 3000
 
-export function ResetPasswordPage({ onDone }: ResetPasswordPageProps) {
+export function ResetPasswordPage({
+  onDone,
+  title = '设置新密码',
+  successHint = '密码已重置，全部旧会话已失效。',
+}: ResetPasswordPageProps) {
   const { reset } = usePasswordReset()
   
   const [params, setParams] = useState<URLSearchParams | null>(null)
@@ -83,12 +93,12 @@ export function ResetPasswordPage({ onDone }: ResetPasswordPageProps) {
     <AuthShell>
       <form onSubmit={handleSubmit} className="space-y-4">
         <div className="space-y-1 text-center">
-          <h1 className="text-2xl font-bold tracking-tight">设置新密码</h1>
+          <h1 className="text-2xl font-bold tracking-tight">{title}</h1>
         </div>
 
         {done ? (
           <div className="space-y-2 text-center" data-testid="reset-done">
-            <p className="text-sm text-(--success)">密码已重置，全部旧会话已失效。</p>
+            <p className="text-sm text-(--success)">{successHint}</p>
             <p className="text-sm text-muted-foreground">
               {countdown > 0 ? `${countdown} 秒后跳转登录页…` : '正在跳转…'}
             </p>

package/src/pages/auth/VerifyEmailPage.tsx

@@ -10,7 +10,14 @@ import { MailCheck, LoaderCircle, CircleX } from 'lucide-react'
 
 type VerifyState = 'verifying' | 'ok' | 'failed'
 
-export function VerifyEmailPage() {
+export interface VerifyEmailPageProps {
+  /** 三态标题（i18n 覆盖点，走查 #5）：成功 / 失败 / 验证中。 */
+  titles?: { ok?: string; failed?: string; verifying?: string }
+}
+
+export function VerifyEmailPage({
+  titles = { ok: '邮箱验证成功', failed: '验证失败', verifying: '正在验证…' },
+}: VerifyEmailPageProps) {
   const [state, setState] = useState<VerifyState>('verifying')
   const [message, setMessage] = useState<string | null>(null)
   
@@ -55,7 +62,7 @@ export function VerifyEmailPage() {
             {state === 'failed' && <CircleX className="text-destructive" aria-hidden="true" />}
           </EmptyMedia>
           <EmptyTitle>
-            {state === 'ok' ? '邮箱验证成功' : state === 'failed' ? '验证失败' : '正在验证…'}
+            {state === 'ok' ? titles.ok : state === 'failed' ? titles.failed : titles.verifying}
           </EmptyTitle>
           <EmptyDescription>
             {state === 'ok'

package/src/pages/auth/__tests__/AuthPagesI18n.test.tsx

@@ -0,0 +1,33 @@
+import '@testing-library/jest-dom/vitest'
+import { render, screen } from '@testing-library/react'
+import { MemoryRouter } from 'react-router'
+import { describe, expect, it, vi } from 'vitest'
+
+// renderx-walk #5: every auth page exposes i18n override props — titles at
+// minimum, so overseas products are not stuck with hardcoded copy.
+vi.mock('@ploykit/client', () => ({
+  api: {
+    get: vi.fn(),
+    // never-settling promise keeps VerifyEmailPage in its 'verifying' state
+    post: vi.fn(() => new Promise(() => {})),
+  },
+}))
+vi.mock('../../../../hooks/src/hooks/usePasswordReset', () => ({
+  usePasswordReset: () => ({ reset: vi.fn() }),
+}))
+
+import { ResetPasswordPage } from '../ResetPasswordPage'
+import { VerifyEmailPage } from '../VerifyEmailPage'
+// imports after mocks (mock hoisting applies regardless of position)
+
+describe('auth 页 i18n 覆盖面（走查 #5）', () => {
+  it('ResetPasswordPage：title/successHint 可覆盖', () => {
+    render(<ResetPasswordPage title="Set a new password" successHint="Password reset; old sessions revoked." />)
+    expect(screen.getByText('Set a new password')).toBeInTheDocument()
+  })
+
+  it('VerifyEmailPage：三态标题可覆盖（无参渲染即 failed 态）', () => {
+    render(<MemoryRouter><VerifyEmailPage titles={{ failed: 'Verification failed' }} /></MemoryRouter>)
+    expect(screen.getByText('Verification failed')).toBeInTheDocument()
+  })
+})