14 کامپوننت · داستانهای زنده در Storybook (کپی کد) · داده ماشینی: کپی کد
ورودی کد با یک سلول برای هر کاراکتر؛ پرش خودکار، Backspace، چسباندن کل کد، الفبای ارقام لاتین یا ارقام و حروف فارسی، و حالت فقطخواندنی.
import { CodeCells } from '@tokapps/tuk'ورودی مبلغ با نماد ارز و قالببندی محلی (ارقام فارسی برای fa-IR)؛ مقدار خام عددی است و قالب فقط نمایش.
import { CurrencyInput } from '@tokapps/tuk'ورودی تاریخ بخشی (روز/ماه/سال) با تقویم بازشونده؛ تقویم شمسی (جلالی) بهصورت پیشفرض با @internationalized/date و ارقام فارسی، و تقویم میلادی با prop calendar؛ کاملاً قابلاستفاده با کیبورد.
import { DatePicker } from '@tokapps/tuk'ناحیهٔ رها کردن فایل بههمراه دکمهٔ «انتخاب فایل» (مسیر کیبوردی)، سه شکل: فایل (فهرست با حجم و حذف)، تصویر (شبکهٔ پیشنمایش) و آواتار (دایرهٔ تصویر پروفایل با نشان دوربین)؛ اعتبارسنجی نوع/حجم/تعداد؛ حالت پردازش با حاشیه و سایهٔ رنگینکمانی چرخان؛ کاملاً سمت کلاینت و بدون ارتباط شبکه (ارسال به عهدهٔ برنامه است).
import { FileUpload } from '@tokapps/tuk'ورودی عدد برای بازرس و فرمهای عددی: گام، بازه، واحد، ↑/↓ با Shift×10، اسکراب روی برچسب و حالت چندانتخابی (isMixed).
import { NumberInput } from '@tokapps/tuk'شماره همراه ایرانی با ماسک نمایش (0912 345 6789) و اعتبارسنجی پیشوندهای اپراتورها؛ فرم و onChange فقط رشتهٔ ارقام (09123456789) را دریافت میکنند و ورودیهای +98، 0098 یا 9… را به شکل ملی تبدیل میکند.
import { PhoneInput } from '@tokapps/tuk'ناحیهٔ متن چندخطی با رشد خودکار (minRows/maxRows)، شمارندهٔ نویسه با aria-live و حالت بیش از حد.
import { Textarea } from '@tokapps/tuk'تقویم تسک و رویداد با سه نمای امروز، هفته و ماه؛ نقطهها روز دارای کار را نشان میدهند و کلیک روی روز آکاردئون فهرست کارهای آن روز را زیر همان ردیف باز میکند. سامانهٔ شمسی یا میلادی.
امروز کاری نداری. روز آرامی است.
import { Calendar } from '@tokapps/tuk/data-display'بلوک کد با شناخت زبان، سینتکس توکنمحور، شماره خط، خطوط برجسته و دکمهٔ کپی. رنگها فقط از --tds-syntax-* میآیند و هر تم هویت سینتکس خودش را دارد.
const sum = (a: number, b: number) => a + b;export const sum = (a: number, b: number) => a + b;export const avg = (a: number, b: number) => sum(a, b) / 2;pnpm add @tokapps/tukpnpm dev// کامپوننتها را از یک نقطه وارد کنیدimport { Button } from "@tokapps/tuk";import { CodeBlock } from '@tokapps/tuk'Table + مرتبسازی چرخهای، فیلتر متنی با یکسانسازی فارسی (ی/ک و ارقام)، صفحهبند داخلی و انتخاب اختیاری؛ منطق در هوک useDataTable.
| پلتفرم گفتوگوی هممحلهای | علی رضایی | ۱۲۴ | تأیید شد |
|---|---|---|---|
| کتابخانهٔ اشتراکی | سارا محمدی | ۸۸ | در انتظار |
| Open Data Day | Mehdi Karimi | ۱٬۲۰۴ | تأیید شد |
| پلتفرم گفتوگوی هممحلهای | علی رضایی | ۱۲۴ | تأیید شد |
|---|---|---|---|
| کتابخانهٔ اشتراکی | سارا محمدی | ۸۸ | در انتظار |
| Open Data Day | Mehdi Karimi | ۱٬۲۰۴ | تأیید شد |
| پلتفرم گفتوگوی هممحلهای | علی رضایی | ۱۲۴ | تأیید شد |
|---|---|---|---|
| کتابخانهٔ اشتراکی | سارا محمدی | ۸۸ | در انتظار |
| پلتفرم گفتوگوی هممحلهای | علی رضایی | ۱۲۴ | تأیید شد | |
|---|---|---|---|---|
| کتابخانهٔ اشتراکی | سارا محمدی | ۸۸ | در انتظار | |
| Open Data Day | Mehdi Karimi | ۱٬۲۰۴ | تأیید شد |
import { DataTable, useDataTable } from '@tokapps/tuk'ترکیبکنندهٔ پوششها: دسکتاپ Dialog، تبلت Dialog یا Drawer، موبایل Dialog (یا drawer با mobileMode) و ≤ ۳۶۰px تمامصفحه؛ انتخاب با matchMedia ایمن برای SSR.
import { ResponsiveDialog } from '@tokapps/tuk'