اعلان نسخهٔ جدید (NewVersionPrompt)
سطح شناور خنثی که میگوید نسخهٔ جدیدی منتشر شده و با یک دکمهٔ «بهروزرسانی» صفحه را دوباره بارگذاری میکند.
معرفی
وقتی محصول میفهمد نسخهٔ تازهتری روی سرور منتشر شده (مثلاً با پرسیدن دورهایِ نسخه)، NewVersionPrompt همین را به
کاربر میگوید: یک سطح کوچک شناور پایینِ وسط صفحه، با همان ظاهر خنثی toast، یک دکمهٔ اصلی «بهروزرسانی» و دکمهٔ بستن.
قاعده: اعلان نسخهٔ جدید = NewVersionPrompt؛ نه Callout آبی.
چه زمانی استفاده کنیم:
- نسخهٔ تازهتری از برنامه منتشر شده و کاربر باید صفحه را دوباره بارگذاری کند
چه زمانی استفاده نکنیم:
- برای معرفی تغییرات نسخه — از
WhatsNewاستفاده کنید - برای پیام موقتِ نتیجهٔ یک کار — از
sonnerاستفاده کنید Calloutآبی یاBannerبالای صفحه برای همین پیام ممنوع است
زمین بازی
زمین بازی
تنظیمات
محتوا
کد این نمونه بهصورت خودکار قابل تولید نیست — برای کد آمادهی copy/paste به بخش «استفاده» در بالای صفحه مراجعه کنید.
استفاده
'use client'
import { NewVersionPrompt } from '@partodata/ui'
export function NewVersionBanner() {
const available = useNewVersionAvailable() // سیگنالِ خودِ محصول
return <NewVersionPrompt open={available} />
}رفتار
onReloadاختیاری است؛ پیشفرضwindow.location.reload().- دکمهٔ بستن اعلان را پنهان میکند و
onDismiss(اگر داده شده) را صدا میزند. - ناحیهٔ زنده با
role="status"وaria-live="polite"است: صفحهخوان پیام را بیآنکه کار کاربر را قطع کند میخواند. - جهت از
locale(یا زبان صفحه) میآید و در فارسی راستبهچپ است. - انیمیشن ورود فقط با
motion-safeاجرا میشود و برای کاربرِ «کاهش حرکت» حذف است.