SVAR Calendar: کامپوننت تقویم برای React، Svelte و Vue
جاوااسکریپت
ریاکت
فرانتاندخلاصهٔ کاملتر
SVAR Calendar یه کامپوننت تقویم رویداد متنباز و رایگانه که برای هر سه فریمورک React، Svelte و Vue بهصورت کاملاً بومی نوشته شده. یعنی بهجای اینکه یه کتابخونه جاوااسکریپت خالص باشه که روی فریمورکها wrapper شده، هر نسخهاش با معماری خود اون فریمورک پیادهسازی شده. پشتیبانی کامل از TypeScript هم داره و API یکپارچهای در هر سه پیادهسازی ارائه میده.
این پروژه سعی میکنه شکافی که بین کتابخونههای سبک مثل react-big-calendar و ابزارهای سنگین سازمانی مثل Bryntum وجود داره رو پر کنه. هسته اصلیش تحت لایسنس MIT رایگانه و شامل نماهای روز، هفته و ماه، قابلیت جابجایی و ریسایز رویدادها با drag-and-drop، ساختن رویداد با کشیدن روی تقویم، ویرایشگر رویداد بهصورت sidebar یا modal، منوی راستکلیک، و گروهبندی رویدادها با رنگهای مجزا میشه.
فیلترینگ هم از طریق کتابخونه SVAR Filter پیاده شده که میتونی رویدادها رو بر اساس گروه تقویم، جستجوی متنی یا چند شرط همزمان فیلتر کنی. یه امکان جالب دیگه پشتیبانی از iCal (فرمت استاندارد .ics) هست که اجازه میده با ابزارهای خارجی مثل Google Calendar یا Outlook رویداد رد و بدل کنی. اتصال به بکاند هم از طریق RestDataProvider انجام میشه که بهطور خودکار عملیات CRUD رو به REST API ارسال میکنه.
برای تمبندی، میشه از متغیرهای CSS تم داخلی استفاده کرد یا اونها رو override کرد تا با طراحی برند تطابق داشته باشه. لوکالیزیشن هم پشتیبانی میشه — کافیه یه دیکشنری زبان بدی تا تمام برچسبها و فرمتهای تاریخ بهصورت خودکار تغییر کنن.
نسخه PRO چند نمای پیشرفته اضافه میکنه: نمای سال که دوازده ماه رو در یه شبکه ۳×۴ نشون میده، نمای Agenda که لیست ترتیبی رویدادها رو برای موبایل و داشبوردها مناسبه، نمای منابع (Resources) که یه روز رو با ستونهای جداگانه برای هر اتاق یا نفر نشون میده، نمای تایملاین که هر منبع رو بهصورت یه ردیف افقی نمایش میده، و رویدادهای تکرارشونده با قابلیت ویرایش کل سری یا تک رویداد.
نکات کلیدی:
- رایگان و متنباز تحت لایسنس MIT برای React، Svelte و Vue
- نماهای روز، هفته و ماه در نسخه رایگان
- drag-and-drop، ویرایشگر رویداد، فیلترینگ و iCal import/export
- اتصال به REST API از طریق RestDataProvider
- نسخه PRO: نماهای سال، Agenda، منابع، تایملاین و رویدادهای تکرارشونده
- قابل نصب از npm و در دسترس روی GitHub
