Въведение
RayCraft е библиотека от контроли за Blazor (.NET 10: Server, WebAssembly и Auto) със светла, тъмна и компактна тема, текстове на английски и български и поддръжка на клавиатура и екранен четец. RayCraft Free е наличен вече; RayCraft Complete е наличен сега.
Инсталация
Добавете пакета с:
dotnet add package RayCraft.BlazorВижте Започнете за стъпките на настройката. Работещи примери има в публичното хранилище в GitHub, което съдържа само примерен и демонстрационен код, не кода на библиотеката.
Контроли
Бутони
Button (Free)
Задейства действие или навигира, когато е зададен Href (тогава бутонът се рендира като връзка със същия вид).
IconButton (Free)
Бутон, който показва само иконка. Label е задължителен: става достъпно име и подсказка.
ButtonGroup (Free)
Обединява бутони в една сегментирана контрола, хоризонтално или вертикално. Комбинирайте с ToggleButton за превключвател на изгледи.
ToggleButton (Free)
Бутон, който пази състояние вкл./изкл. и го предоставя с aria-pressed.
SplitButton (Free)
Основно действие с меню от свързани действия. Ползват се същите елементи MenuItem като Menu.
FloatingActionButton (Free)
Квадратен бутон, фиксиран в ъгъл на екрана за основното действие. Extended показва текста до иконката; текстът винаги е достъпното име.
SpeedDial (Free)
Плаващ бутон, който отваря кратък списък с действия. Escape затваря списъка; всяко действие е истински бутон в реда на Tab.
ProgressButton (Free)
Бутон, който показва работа в ход: спинер, докато Progress не е зададен, лента по долния ръб и изговорен процент, когато е.
CopyButton (Free)
Копира текст в клипборда и го потвърждава с отметка. Изисква защитен контекст (https или localhost).
Текст и числа
TextField (Free)
Едноредово текстово поле. Работи с EditForm и DataAnnotations; съобщението за грешка се появява под полето.
NumericField (Free)
Поле за числа от всеки числов тип (int, decimal, double, версии с null). Стойности извън Min и Max се ограничават, а бутоните стъпват със Step.
PercentField (Free)
Числово поле, което потребителят въвежда като процент (12.5), докато стойността се пази като дроб (0.125).
MoneyField (Free)
Поле за сума за стойности decimal и decimal?. Текстът се форматира и разчита по текущата култура (разбират се и 1,234.50, и 1.234,50), закръглява се до Decimals и се държи в рамките на Min и Max.
MaskedInput (Free)
Текстово поле, което форматира написаното по маска: 0 е цифра, a е буква, * е буква или цифра, всеки друг знак е фиксиран разделител (маскиращ знак се екранира с обратна наклонена черта).
OtpInput (Free)
Една клетка на знак за кодове за потвърждение. Писането преминава към следващата клетка, Backspace към предишната, а поставеният код запълва всички клетки.
SearchBox (Free)
Поле за търсене с иконка и бутон за изчистване. OnSearch се изпълнява при Enter, при бутона за изчистване и (по избор) при всеки натиснат клавиш; Escape изчиства текста.
PasswordStrength (Free)
Показва колко е силна паролата с четири ленти, дума и списък с правилата, които изпълнява.
InPlaceEditor (Free)
Показва стойност като текст; клик я превръща в поле с бутони за запис и отказ.
Избор от списък
Select (Free)
Падащ списък за избор на един елемент. TValue може да е всеки тип, включително собствени записи.
DropDownList (Free)
Combobox за много дълги списъци. Рисуват се само видимите опции, така че 100 000 записа се отварят веднага; писането стеснява списъка.
MultiSelect (Free)
Падащ списък с отметки за избор на няколко елемента. Бутонът обобщава избора; „Избери всички“ и „Изчисти“ са вградени.
ListBox (Free)
Винаги видим списък за един избор (радио бутони отдолу) или няколко (отметки).
Autocomplete (Free)
Текстово поле, което филтрира списък, докато пишете. Поддържа стрелките, Enter и Escape и следва ARIA шаблона combobox.
MultiColumnComboBox (Free)
Autocomplete, чийто списък показва няколко колони със заглавен ред. Писането търси във всички колони.
Cascader (Free)
Изберете една стойност от йерархия: колона с избори отваря колона с подизбори.
DropDownTree (Free)
Падащо поле, което отваря дърво за избор на един възел. Изградено е от TreeView и Popover и запазва тяхното поведение с клавиатура.
TagInput (Free)
Свободен списък от тагове. Enter или запетая добавя въведения текст, Backspace в празно поле премахва последния таг, а всеки таг има бутон за премахване.
Mention (Free)
Текстово поле, което предлага имена след знак за задействане (по подразбиране @). Стрелките и Enter избират; избраното име се вмъква със знака.
Плъзгачи и оценка
Slider (Free)
Влачете, за да изберете число в диапазон.
RangeSlider (Free)
Плъзгач с две дръжки за избор на долна и горна стойност. И двете дръжки са родни полета range, така че стрелките работят.
RangeSelector (Free)
Лента с две дръжки, която избира интервал от серия; малък преглед на данните стои зад дръжките.
Rating (Free)
Оценка със звезди. Кликнете отново текущата звезда, за да я изчистите.
RatingDisplay (Free)
Звезди само за четене с дроби (4.5 показва четири и половина), по избор число и брой отзиви.
Цвят и файлове
ColorPicker (Free)
Поле за цвят с вградения избирател на цвят, текстово поле за hex и по избор готови шаблони.
ColorPalette (Free)
Мрежа от цветове, която работи като радио група: една спирка за Tab, стрелките, Home и End местят и избират.
ColorButton (Free)
Бутон в лентата с инструменти за цвят: иконка с ивица в избрания цвят под нея. Кликването отваря избирателя на цвят на браузъра.
FileUpload (Free)
Зона за пускане и избор на файлове. Проверява размер, тип и брой, изброява приетите файлове и извиква FilesChanged; четенето на съдържанието е ваша работа (IBrowserFile.OpenReadStream).
SignaturePad (Free)
Платно за рисуване на подпис с мишка, пръст или писалка. Стойността е PNG като data URL.
Редактори
MarkdownEditor (Free)
Текстова област с лента за форматиране и преглед на живо, за хора, които пишат Markdown вместо богат текст.
AddressField (Free)
Поле за получатели на имейл: всеки адрес става чип. Пишете или поставяйте списък, избирайте от подсказки от вашия източник на данни, двоен клик върху чип го редактира и веднага се вижда кои адреси не са валидни.
Избор
Checkbox (Free)
Булево поле с етикет.
CheckboxGroup (Free)
Група от отметки за избор на няколко елемента от списък, във fieldset с легенда, така че екранните четци обявяват името на групата.
Radio (Free)
RadioGroup (Free)
Един избор от кратък списък. Ползвайте Items за прости списъци или Radio деца за собствени етикети.
Switch (Free)
Булев превключвател, обявяван на помощните технологии като switch.
Chip (Free)
Компактен етикет, по избор с възможност за премахване.
ChipSet (Free)
Чипове, които могат да се избират, за филтри и тагове. По подразбиране един избор, няколко с Multiple.
ToggleGroup (Free)
Сегментирана контрола за един избор (радио група) или няколко (бутони за превключване). Ползвайте я за превключватели на изгледи и форматиране.
TransferList (Free)
Два списъка с бутони за преместване на елементи между тях, за избор на подмножество от дълъг списък.
Дата и час
Calendar (Free)
Месечна мрежа, ползвана от DatePicker и DateTimeRangePicker. Ползвайте я самостоятелно за вграден избор на дата.
DatePicker (Free)
Поле за дата с календар. Имената на месеците и дните, първият ден от седмицата и форматът на датата (ползван и като подсказка по подразбиране) следват текущия език на RayCraft.
DateTimePicker (Free)
Едно поле за дата и час: DatePicker и TimePicker един до друг, които заедно свързват DateTime.
DateTimeRangePicker (Free)
Период с начало и край, избиран в един календар, който показва два месеца един до друг (Months) (първият клик задава началото, вторият края) и въвеждан или коригиран по полета.
MonthPicker (Free)
Избира месец и година. Стойността е първият ден на месеца.
YearPicker (Free)
Избира година от мрежа от дванадесет години с бутони за по-ранни и по-късни страници.
WeekPicker (Free)
Избира цяла седмица. Стойността е първият ден на седмицата на текущия език; полето показва номера на ISO седмицата и датите.
TimeField (Free)
Голото текстово поле за час, върху което са изградени TimePicker, TimeRangePicker и DateTimeRangePicker.
TimePicker (Free)
Поле за час, записано във формата на текущия език на RayCraft (9:30 AM на английски, 9:30 на български), така че изглежда еднакво във всеки браузър.
TimeRangePicker (Free)
Начален и краен час в едно поле, всеки записан във формата на текущия език като при TimePicker.
TimeSpanPicker (Free)
Въвежда продължителност като дни, часове, минути и секунди. Стойността е TimeSpan.
EventCalendar (Free)
Месечен изглед със събития. Събития, обхващащи няколко дни, се появяват във всеки ден; денят показва до MaxEventsPerDay и връзка +n още.
Форми
ErrorSummary (Free)
Изброява всички съобщения за валидация на обграждащия EditForm в един блок. Поставете го в EditForm с валидатор.
FormLayout (Free)
Подрежда етикети и полета в адаптивна дванадесетколонна мрежа, със секции със заглавия.
FormState (Free)
Заключва всяко поле на RayCraft вътре в него с един параметър: Disabled ги блокира напълно, ReadOnly показва стойностите без да позволява промени.
LoginForm (Free)
Готова форма за вход с локализирана валидация. Извиква OnSubmit с въведения LoginModel и оставя самото влизане на вас.
RegisterForm (Free)
Готова форма за регистрация: име, имейл, парола и потвърждение, с локализирана валидация.
Captcha (Free)
Проста проверка за човек с малък аритметичен въпрос. Спира само основни ботове; реалната защита проверявайте на сървъра (например с услуга, създадена за това).
FormBuilder (Free)
Изгражда форма от дефиниции на полета: текст, имейл, парола, число, дата, текстова област, избор, радио, отметка и превключвател.
Разположение
Container (Free)
Центрира съдържанието и ограничава ширината му. Ширината по подразбиране следва праговете (540, 720, 960, 1140 и 1320 px).
Stack (Free)
Подрежда децата в ред или колона с последователно разстояние.
Grid (Free)
12-колонна мрежа. Span задава ширината на елемент на всеки екран, а Sm, Md, Lg, Xl и Xxl я променят от този праг нагоре (същите прагове като на страницата Breakpoints).
GridItem (Free)
Spacer (Free)
Празен елемент, който расте, за да запълни свободното място в гъвкав ред, избутвайки следващите елементи към края.
Divider (Free)
Тънка линия, разделяща съдържание, хоризонтална или вертикална.
Card (Free)
Контейнер с по избор заглавна и долна част.
Panel (Free)
Секция със заглавие, по избор с бутон за свиване и действия в заглавието.
Fieldset (Free)
Групира свързани контроли на формата под легенда. Disabled изключва всяка контрола вътре.
Toolbar (Free)
Ред от бутони с инструменти с role=toolbar.
Splitter (Free)
Два преоразмерими панела. Влачете лентата с мишка или докосване, или я фокусирайте и ползвайте стрелките (Shift за по-големи стъпки, Home и End за границите).
Accordion (Free)
Разгъваеми секции. По подразбиране отварянето на една затваря останалите; задайте Multiple, за да позволите няколко.
Collapse (Free)
Показва или скрива съдържанието си. Вържете Expanded към произволен бутон; KeepMounted държи съдържанието в страницата, докато е скрито.
TagCloud (Free)
Думи с размери, следващи теглото им. Таговете могат да са връзки, бутони, които избират, или обикновен текст.
TitleIndex (Free)
Списък, групиран по първа буква, с лента с букви отгоре. Буква премества фокуса (и изгледа) към своята секция; буквите без елементи са изключени.
Навигация
AppBar (Free)
Горна лента за заглавието и основните действия. Сложете връзки в NavContent и те стоят в лентата на широки екрани и се скриват зад бутон за меню под 768px.
Drawer (Free)
Страничен панел. Временните панели се носят над страницата с фон, затварят се с Escape и преместват фокуса в панела; задайте Temporary=false за постоянна странична лента.
NavMenu (Free)
Вертикална навигация с подчертаване на активната страница (изградена върху NavLink) и свиваеми групи.
NavItem (Free)
NavGroup (Free)
Tabs (Free)
Превключва между панели. Поддържа стрелките, Home и End.
Stepper (Free)
Води потребителя през последователност от стъпки с бутони Назад и Напред.
Wizard (Free)
Водено протичане на стъпки. Всяка стъпка може да се валидира, преди потребителят да продължи, стъпка може да е по избор, завършените стъпки могат да се отварят отново, а резултатът може да показва собствена страница.
Breadcrumbs (Free)
Показва пътя до текущата страница. Последният елемент е текущата страница.
Menu (Free)
Бутон, който отваря списък с действия. Затваря се при избор, Escape или клик навън.
MenuItem (Free)
ContextMenu (Free)
Меню, отваряно с десния бутон на мишката или клавиша за контекстно меню върху съдържанието си.
MenuBar (Free)
Хоризонтална лента с меню за приложения: менюта от най-високо ниво с команди, клавишни комбинации, отметки, иконки и подменюта.
CommandContextMenu (Free)
Контекстно меню, изградено от данни MenuCommand, с подменюта, отметки, клавишни комбинации и същата работа с клавиатура като MenuBar.
TextContextMenu (Free)
Менюто с десен бутон на редактируем текстов елемент: отмяна, връщане, изрязване, копиране, поставяне и избор на всичко, плюс команди, които добавяте.
ProfileMenu (Free)
Аватар, име и меню за влезлия потребител, изградени от същите елементи MenuItem като Menu.
Pagination (Free)
Избор на страница с многоточие за дълги диапазони.
TreeView (Free)
Йерархичен списък по шаблона ARIA tree. Стрелките местят и разгъват, Home и End скачат, Enter или интервал избира.
ScrollSpy (Free)
Съдържание на страницата, което подчертава заглавието, което в момента е най-горе на екрана.
Наслагвания
Dialog (Free)
Модален прозорец. Фокусът влиза в него и остава вътре до затварянето му (Escape, бутонът за затваряне или клик върху фона); после фокусът се връща на предишния елемент.
DialogHost (Free)
Popover (Free)
Плаващ панел, отварян от активатор. Затваря се с Escape или клик навън.
Tooltip (Free)
Кратка подсказка при посочване и при фокус с клавиатура. Чист CSS, така че работи и преди страницата да стане интерактивна.
Overlay (Free)
Затъмнява страницата (или, с Absolute, позиционирания си родител) и може да показва съдържание като спинер.
Lightbox (Free)
Tour (Free)
Въвеждане стъпка по стъпка, което подчертава елементи на страницата, избрани с CSS селектор. Стъпки без съответстващ елемент се появяват в центъра.
ColorDialog (Free)
FontDialog (Free)
SnackbarHost (Free)
Обратна връзка
Alert (Free)
Вградено съобщение, оцветено по важност, със съответна иконка. Задайте Dismissible за бутон за затваряне; използвайте bind-Visible или OnDismiss, за да реагирате при затваряне.
Badge (Free)
Малък етикет за състояние.
BusyOverlay (Free)
Обгражда област и докато Busy е true, я затъмнява и показва спинер отгоре. Покритието блокира мишката, отбелязва областта с aria-busy и обявява етикета.
CookieConsent (Free)
Банер, който пита кои бисквитки са разрешени. Помни отговора в локалното хранилище, предлага „Приеми всички“, „Само необходими“ и избор по категории и не блокира страницата.
EmptyState (Free)
Съобщение за списъци и страници без съдържание, с иконка, обяснение и по избор действия.
NotificationCenter (Free)
Бутон със звънец с брой непрочетени известия и панел, който ги изброява. Потребителите могат да ги четат, отхвърлят и изчистват; броят се обявява на екранните четци.
ProgressBar (Free)
Показва напредък от 0 до Max. Без Value е неопределен.
ProgressCircular (Free)
Пръстен, който показва определена стойност на напредъка. За неизвестна продължителност ползвайте Spinner.
ResultPage (Free)
Съобщение на цяла страница за резултат: успех, грешка, информация, предупреждение, страницата не е намерена, няма достъп и сървърна грешка, с иконка, заглавие, текст и бутони.
Skeleton (Free)
Заместител, показван, докато съдържанието се зарежда.
SkeletonPreset (Free)
Готови заместители при зареждане: карта, списък, таблица, профил и параграф. Обявяват зает режим на екранните четци.
Spinner (Free)
Неопределен индикатор за зареждане с локализирано достъпно име.
Съдържание
Typography (Free)
Заглавия, основен текст, надписи и надчертаване с шрифта и размерите на темата. Заглавията рендират истински елементи от h1 до h6.
Icon (Free)
Библиотека от често ползвани иконки в един последователен стил: мрежа 16 px, щрихи 1,5 px, квадратни краища.
Image (Free)
Изображение със задължителен алтернативен текст, режими на побиране, по избор рамка и надпис. Отложеното зареждане е включено по подразбиране.
ImageGallery (Free)
Мрежа от миниатюри, която отваря преглед на цял екран (Lightbox) с бутони за предишно и следващо, стрелките и Escape.
Avatar (Free)
Квадратен значок на потребител: изображение, инициали, изчислени от име, или иконка на потребител по подразбиране.
AvatarGroup (Free)
Припокриващи се аватари за екип или хората по даден елемент. Повече от Max души се свиват в аватар +n, чиято подсказка изброява имената.
Link (Free)
Стилизирана връзка. Външните връзки се отварят в нов таб с rel="noopener noreferrer" и показват иконка.
Statistic (Free)
Голямо число с етикет, по избор тенденция и допълнително съдържание като Sparkline.
Descriptions (Free)
Двойки ключ и стойност в мрежа, за подробности на запис. Колоните се свиват до една на тесни екрани.
Timeline (Free)
Вертикална последователност от събития с маркер, време и по избор цвят за важност.
Carousel (Free)
Слайдове с бутони за предишен и следващ и индикатори. Автоматичното превключване е по избор; спира при посочване и фокус и има бутон за пауза, както изисква WCAG.
Countdown (Free)
Отброява до момент във времето и извиква OnFinished, когато настъпи.
Highlighter (Free)
Маркира всяко срещане на търсен текст в низ, без да различава главни и малки букви, освен ако е зададено CaseSensitive.
Marquee (Free)
Движеща се лента за кратки съобщения. Спира при посочване и фокус, има бутон за пауза (WCAG 2.2.2) и спира напълно, когато системата поиска намалено движение.
CodeBlock (Free)
Показва изходен код с лек оцветяващ синтаксис (C#, JavaScript, TypeScript, JSON, HTML, SCSS, SQL и shell), по избор с номера на редове и бутон за копиране.
Markdown (Free)
Показва Markdown текст: заглавия, ударение, връзки, изображения, списъци (вложени), цитати, код, таблици и линии.
QrCode (Free)
Рисува QR код като обикновен SVG, без услуга за изображения или скрипт. Текст до 2331 байта (всички 40 версии, ниво на корекция на грешки M).
Barcode (Free)
Рисува Code 128 (всички печатаеми ASCII, цифрите се пакетират по две), Code 39 (главни букви, цифри и - . $ / + % интервал), EAN-13, EAN-8 и UPC-A (контролната цифра се добавя или се проверява, когато е зададена) като обикновен SVG.
PricingTable (Free)
Карти с планове с цена, списък с възможности и бутон, по избор с превключвател между месечно и годишно таксуване.
CommentThread (Free)
Коментари с отговори, поле за нов коментар и команди Отговор и Изтриване. Текстът се показва както е написан (редовете се запазват, нищо не се третира като HTML).
ActivityFeed (Free)
Списък с това, което се е случило и кой го е направил, най-новото първо, групирано по дни, с иконка или инициали на автора и по избор ред с подробности.
Леки данни
Table (Free)
Проста стилизирана HTML таблица за статични данни. Ползвайте DataGrid, когато ви трябва сортиране, филтриране или странициране.
List (Free)
Вертикален списък от елементи с иконка, два реда текст и действие накрая. Елементите стават връзки или бутони, когато е зададен Href или OnClick.
Repeater (Free)
Показва списък от елементи със собствен шаблон. Добавя това, което липсва на обикновения цикъл: заглавие, празно състояние, мрежа със зададен брой колони и по избор странициране (PageSize).
VirtualList (Free)
Превъртащ се списък, който рисува само редовете в изгледа, за стотици хиляди елементи.
PropertyGrid (Free)
Редактира публичните свойства на всеки обект, групирани по Category и означени с DisplayName.
Влачене
Sortable (Free)
Списък, който може да се пренарежда с влачене или с бутоните за преместване за употреба с клавиатура и докосване.
Предпочитания
ThemeToggle (Free)
Готови превключватели за темите Light, Dark, Slate и Slate Dark (ThemeToggle ги обхожда една по една), удобна/компактна гъстота (DensityToggle) и език en-US/bg-BG (LanguageToggle).
ThemeMenu (Free)
Един падащ списък за темата и гъстотата: Slate, Slate Dark, Desktop, Desktop Dark, Mist, Mist Dark, Dark и Light, всяка в нормална и компактна гъстота.
DensityToggle (Free)
LanguageToggle (Free)
Помощни
BreakpointObserver (Free)
Казва на кода ви в кой именуван праг (от Xs до Xxl) е прозорецът и рендира отново при промяна.
Fullscreen (Free)
Добавя бутон, който показва съдържанието си на цял екран. Ползва Fullscreen API и слой на цял прозорец в браузъри без него (някои телефони).
Hotkey (Free)
Невидим компонент, който изпълнява обратно извикване за клавишна комбинация като alt+k или mod+shift+l (mod е Ctrl на Windows и Cmd на macOS).
InfiniteScroll (Free)
Зарежда още съдържание, когато краят на списъка влезе в изгледа. Ползва IntersectionObserver (със запасен вариант чрез скрол) и извиква OnLoadMore; задайте Loading, докато изтегляте, и HasMore на false в края.
ScrollToTop (Free)
Плаващ бутон, който се появява след превъртане надолу и връща най-горе на страницата.
Данни
DataGrid (Complete)
Таблица със сортиране (клик върху заглавие: възходящо, низходящо, изкл.), филтри по колона, странициране, избор на редове и шаблони.
TreeList (Complete)
Дърво, чиито възли са редове на таблица. Разгъване и свиване, сортиране, филтриране и избор на колони; клавиатурата следва шаблона WAI-ARIA treegrid.
PivotGrid (Complete)
Обобщава списък в кръстосана таблица: полета по редовете, полета по колоните и стойности в клетките, с междинни и общи суми и избор на полета.
QueryBuilder (Complete)
Изгражда заявка от вложени групи условия, всяка група обединена с AND или OR.
DataFilter (Complete)
Изгражда филтър от условия (поле, оператор, стойност) и го връща като предикат, така че работи с всеки списък и с елементите на DataGrid.
FileExplorer (Complete)
Преглед на файлове за хранилище, което предоставя вашият код (база данни, диск или облак).
FileManager (Complete)
Дърво на папките, път и списъчен или плочков изглед на файловете в текущата папка, с търсене, сортиране, нова папка, преименуване, изтриване и качване.
Графики
LineChart (Complete)
Линейна диаграма с няколко серии, по избор изглаждане и запълване на областта. Кликнете запис в легендата, за да скриете или покажете серия.
AreaChart (Complete)
Натрупани, процентни и припокриващи се области. Натрупаните и процентните са плътни, така че сборът и дяловете се четат лесно.
BarChart (Complete)
Групирани или натрупани ленти, вертикални или хоризонтални, с поддръжка на отрицателни стойности в групиран режим.
ComboChart (Complete)
Ленти и линии върху общи оси. Отбележете серия с AsLine, за да се нарисува като линия.
PieChart (Complete)
Кръгова или пръстеновидна диаграма. Дялове със стойност нула или по-малка се пропускат, а записите в легендата скриват дялове.
RadarChart (Complete)
Сравнява няколко показателя за всяка серия върху лъчи около център.
ScatterChart (Complete)
Точки върху две числови оси. Кликнете запис в легендата, за да скриете серия; данните са достъпни и като скрита таблица за екранни четци.
BubbleChart (Complete)
Точкова диаграма с трето измерение: площта на всеки квадратен маркер следва стойността за размер.
Histogram (Complete)
Брой стойности в равни диапазони, рисувани като допиращи се ленти. Изберете броя на интервалите или ширината на интервал и показвайте броеве или дялове.
BoxPlot (Complete)
Разпределението на група числа. Кутията е средната половина, линията е медианата, мустаците стигат до най-далечната стойност в рамките на 1,5 пъти височината на кутията, а единичните квадрати са отклонения.
HeatmapChart (Complete)
Мрежа от клетки, чийто интензитет показва стойността. Текстът и интензитетът са подбрани така, че контрастът да се запазва и в двете теми.
CalendarHeatmap (Complete)
Година от дни като малки квадрати, една колона на седмица, по-тъмни там, където стойността е по-висока.
TreemapChart (Complete)
Правоъгълници, чиито площи са пропорционални на стойностите, подредени с алгоритъма squarified.
SunburstChart (Complete)
Йерархия като концентрични пръстени: всеки пръстен е едно ниво, а ъгълът на дъгата е пропорционален на сбора ѝ.
SankeyChart (Complete)
Диаграма на потока: възлите се поставят в колони според пътя си, а ширините на връзките са пропорционални на количеството.
FunnelChart (Complete)
Етапи, които се стесняват според стойностите си, с дела на първия етап.
WaterfallChart (Complete)
Нарастващ сбор с увеличения, намаления и суми. Зеленото и червеното се различават и по знака +/- на всяка лента и в таблицата с данни.
CandlestickChart (Complete)
Отваряне, максимум, минимум и затваряне за всеки период, по избор с обем. Растящ период има кух корпус, а падащ — плътен, така че значението не зависи само от цвета.
Sparkline (Complete)
Малка линия на тенденция без оси, с размер, пасващ в текст или клетки на таблица.
Gauge (Complete)
Дъгов уред за една стойност с по избор цветни зони. Предоставя се на помощните технологии като изображение, означено със стойността.
LinearGauge (Complete)
Права скала за една стойност, хоризонтална или вертикална, с по избор цветни зони.
BulletChart (Complete)
Компактен напредък спрямо цел: една лента на показател с качествени диапазони и маркер за целта.
Map (Complete)
Карта, рисувана като обикновен SVG от GeoJSON. Регионите могат да се оцветяват по стойност, маркерите стоят на координати, а потребителят може да избира регион, да мащабира и да мести.
ChartDataTable (Complete)
ChartLegend (Complete)
ChartToolbar (Complete)
Диаграми
Diagram (Complete)
Блок-схеми и организационни схеми, рисувани като SVG. Кутиите се поставят автоматично по нива според връзките им или на зададените X и Y.
Планиране
Scheduler (Complete)
Изгледи ден, седмица, месец, дневен ред, година и времева линия със събития, поставени по време, припокриващи се събития едно до друго, влачене за преместване на събитие, Shift със стрелките като начин с клавиатура.
SchedulerEventEditor (Complete)
Формата, ползвана от диалога за събитие на Scheduler: заглавие, описание, място, целодневно, начало и край, ресурс, цвят, напомняне, часова зона и повторение.
RecurrenceEditor (Complete)
Редактира правило за повторение (iCalendar RRULE): дневно, седмично в избрани дни, месечно в ден или в n-ия делничен ден, годишно; на всеки N периода; никога, след брой пъти или до дата.
Gantt (Complete)
План на проект: списък със задачи вляво, ленти върху времева скала вдясно, с подзадачи, напредък, важни моменти и зависимости „край към начало“.
Работно пространство
Ribbon (Complete)
Лентата с команди в стил Office: табове с групи команди, контекстни табове, лента за бърз достъп и минимизиран режим.
DockLayout (Complete)
Работно пространство от панели. Панелите се закотвят вляво, вдясно, горе, долу или в центъра, делят област като табове, свиват се в лента или се носят над разположението.
Window (Complete)
Плаващ прозорец, който не е модален: местете го, преоразмерявайте, минимизирайте, максимизирайте и отваряйте няколко наведнъж.
DashboardLayout (Complete)
Мрежа от плочки, които потребителят мести и преоразмерява с мишка, докосване или клавиатура (Alt със стрелки мести, Alt със Shift преоразмерява).
DesktopShell (Complete)
Обвивка на приложение със слой за тапет и лента със задачи отдолу. Четирите теми за работен плот (Desktop, Desktop Dark, Mist, Mist Dark) му дават заоблени ъгли, меки сенки и полупрозрачни повърхности.
Taskbar (Complete)
Лентата най-долу на страницата със стартова област, име на модул, централна област и тава.
Kanban (Complete)
Табло с колони. Картите се местят с влачене или със стрелките; таблото извиква OnMove и вие обновявате данните си, така че то винаги отразява вашето състояние.
Chat (Complete)
Списък със съобщения с поле за писане. Списъкът е жива област, която се превърта до най-новото съобщение, текстът винаги се показва като обикновен, Enter изпраща, а Shift+Enter добавя нов ред (MultiLine=false го прави на един ред).
MailView (Complete)
Показва HTML на имейл съобщение, дошло отвън. HTML се изпълнява в изолирана рамка без скриптове, със строга политика за сигурност на съдържанието, така че не може да докосне страницата на приложението.
MessageEditor (Complete)
Лек редактор за писане на съобщение: удебелен, курсив, подчертан, списъци, цитат, връзка и изчистване на форматирането, с превключвател към обикновен текст.
Office
PdfViewer (Complete)
Прегледчик за всяка версия на PDF до 2.0 (ISO 32000-2): непрекъснати страници, мащаб и завъртане, миниатюри, отметки, търсене, избор на текст, връзки, анотации, полета на форми, слоеве, прикачени файлове.
PdfCompare (Complete)
Сравнява текста на две версии на PDF страница по страница и изброява какво е добавено, премахнато и променено, едно до друго.
DocumentEditor (Complete)
Текстообработваща програма, която отваря и запазва файлове .docx (и по-стария .doc), Rich Text Format (.rtf) и OpenDocument (.odt).
RichTextEditor (Complete)
Компактен редактор за форматиран текст във форма: има Value като текстово поле, но текстът може да е удебелен, курсив, списък, връзка, картина или таблица.
PresentationEditor (Complete)
Редактор на презентации, който отваря и запазва файлове .pptx (и по-стария .ppt) и OpenDocument (.odp).
Spreadsheet (Complete)
Пълна електронна таблица: формули и функции, форматиране, обединени клетки, замразени панели, графики, условно форматиране, проверка на данни, няколко листа, отмяна и връщане, копиране и поставяне, запълване, сортиране.
ProofingPanel (Complete)
Списъкът с проблеми в правописа, граматиката и логиката, който показват PDF прегледчикът, редакторът на документи, електронната таблица и редакторът на презентации.
DataGridSpreadsheetButton (Complete)
Бутон в лентата за DataGrid, който записва редовете на таблицата (всички страници, след филтриране и сортиране, само видимите колони) като .xlsx файл.
DataGridPdfButton (Complete)
SchedulerPdfButton (Complete)
ReportButton (Complete)
SlideView (Complete)
PasswordPrompt (Complete)
AI асистенти
RayCraft няма собствени AI функции. Документацията е изградена така, че AI асистентите за програмиране да я ползват добре:
- Описателни имена на контроли, например DatePicker, Autocomplete и Dialog.
- Една страница на контрола с резюме на разбираем език и, за повечето контроли, кратък пример.
- Обикновен текстов индекс на всяка контрола на llms.txt.
- Структурирани данни (JSON-LD) и описание на всяка страница.
Проверявайте генерирания код спрямо страницата на контролата: асистентът все още може да греши.