Introduction
RayCraft est une bibliothèque de contrôles Blazor (.NET 10 : Server, WebAssembly et Auto) avec des thèmes clair, sombre et compact, des textes en anglais et en bulgare, et la prise en charge du clavier et des lecteurs d’écran. RayCraft Free est disponible maintenant ; RayCraft Complete est disponible maintenant.
Installation
Ajoutez le package avec :
dotnet add package RayCraft.BlazorVoir Démarrer pour les étapes de configuration. Des exemples fonctionnels se trouvent dans le dépôt GitHub, qui ne contient que du code d’exemple et de démonstration, pas le code de la bibliothèque.
Contrôles
Boutons
Button (Free)
Déclenche une action, ou navigue quand Href est défini (le bouton s’affiche alors comme un lien avec le même aspect).
IconButton (Free)
Bouton qui n’affiche qu’une icône. Label est obligatoire : il devient le nom accessible et l’info-bulle.
ButtonGroup (Free)
Réunit des boutons en un contrôle segmenté, horizontal ou vertical. Combinez-le avec ToggleButton pour un sélecteur de vue.
ToggleButton (Free)
Bouton qui garde un état activé/désactivé et l’expose avec aria-pressed.
SplitButton (Free)
Une action principale avec un menu d’actions liées. Les mêmes éléments MenuItem que Menu sont utilisés.
FloatingActionButton (Free)
Un bouton carré fixé à un coin de l’écran pour l’action principale. Extended affiche le texte à côté de l’icône ; le texte est toujours le nom accessible.
SpeedDial (Free)
Un bouton flottant qui ouvre une courte liste d’actions. Échap ferme la liste ; chaque action est un vrai bouton dans l’ordre de tabulation.
ProgressButton (Free)
Un bouton qui montre le travail en cours : un indicateur tant que Progress n’est pas défini, une barre le long du bord inférieur et un pourcentage énoncé quand il l’est.
CopyButton (Free)
Copie un texte dans le presse-papiers et le confirme par une coche. Nécessite un contexte sécurisé (https ou localhost).
Texte et nombres
TextField (Free)
Champ de texte sur une ligne. Fonctionne avec EditForm et DataAnnotations ; le message d’erreur apparaît sous le champ.
NumericField (Free)
Saisie de nombre pour tout type numérique (int, decimal, double, versions nullables). Les valeurs hors de Min et Max sont bornées, et les boutons avancent par Step.
PercentField (Free)
Champ numérique que l’utilisateur saisit en pourcentage (12.5) alors que la valeur est stockée en fraction (0.125).
MoneyField (Free)
Champ de montant pour les valeurs decimal et decimal?. Le texte est mis en forme et lu avec la culture courante (1,234.50 comme 1.234,50 sont compris), arrondi à Decimals et maintenu entre Min et Max.
MaskedInput (Free)
Champ de texte qui met en forme la saisie selon un masque : 0 est un chiffre, a une lettre, * une lettre ou un chiffre, tout autre caractère un séparateur fixe (échappez un caractère de masque avec une barre oblique inverse).
OtpInput (Free)
Une case par caractère pour les codes de vérification. La saisie passe à la case suivante, Retour arrière à la précédente, et un code collé remplit toutes les cases.
SearchBox (Free)
Champ de recherche avec icône et bouton d’effacement. OnSearch s’exécute sur Entrée, sur le bouton d’effacement et (facultativement) à chaque frappe ; Échap efface le texte.
PasswordStrength (Free)
Montre la robustesse d’un mot de passe avec quatre barres, un mot et la liste des règles respectées.
InPlaceEditor (Free)
Affiche une valeur en texte ; un clic la transforme en champ avec boutons d’enregistrement et d’annulation.
Sélection dans une liste
Select (Free)
Liste déroulante pour choisir un élément. TValue peut être de n’importe quel type, y compris vos propres enregistrements.
DropDownList (Free)
Une combobox pour de très longues listes. Seules les options visibles sont dessinées, donc 100 000 entrées s’ouvrent aussitôt ; la saisie réduit la liste.
MultiSelect (Free)
Liste déroulante avec cases à cocher pour choisir plusieurs éléments. Le déclencheur résume la sélection ; Tout sélectionner et Effacer sont intégrés.
ListBox (Free)
Liste toujours visible pour un choix (boutons radio dessous) ou plusieurs (cases à cocher).
Autocomplete (Free)
Champ de texte qui filtre une liste pendant la saisie. Prend en charge les flèches, Entrée et Échap et suit le modèle ARIA combobox.
MultiColumnComboBox (Free)
Un Autocomplete dont la liste affiche plusieurs colonnes avec une ligne d’en-tête. La saisie cherche dans toutes les colonnes.
Cascader (Free)
Choisissez une valeur dans une hiérarchie : une colonne de choix ouvre une colonne de sous-choix.
DropDownTree (Free)
Un champ déroulant qui ouvre un arbre pour choisir un nœud. Il est construit à partir de TreeView et Popover et conserve leur comportement au clavier.
TagInput (Free)
Liste libre de tags. Entrée ou une virgule ajoute le texte saisi, Retour arrière dans un champ vide retire le dernier tag, et chaque tag a un bouton de suppression.
Mention (Free)
Une zone de texte qui suggère des noms après un caractère déclencheur (@ par défaut). Les flèches et Entrée choisissent ; le nom choisi est inséré avec le déclencheur.
Curseurs et notation
Slider (Free)
Faites glisser pour choisir un nombre dans une plage.
RangeSlider (Free)
Curseur à deux poignées pour choisir une valeur basse et une valeur haute. Les deux poignées sont des champs range natifs, donc les flèches fonctionnent.
RangeSelector (Free)
Une bande à deux poignées qui sélectionne un intervalle d’une série ; un petit aperçu des données se trouve derrière les poignées.
Rating (Free)
Notation par étoiles. Cliquez de nouveau sur l’étoile actuelle pour l’effacer.
RatingDisplay (Free)
Étoiles en lecture seule avec fractions (4.5 affiche quatre et demie), nombre facultatif et nombre d’avis.
Couleur et fichier
ColorPicker (Free)
Champ de couleur avec le sélecteur natif, une zone de texte hexadécimal et des nuanciers prédéfinis facultatifs.
ColorPalette (Free)
Une grille de nuanciers qui fonctionne comme un groupe radio : un seul arrêt de tabulation, les flèches, Début et Fin déplacent et choisissent.
ColorButton (Free)
Un bouton de barre d’outils pour une couleur : une icône avec une barre de la couleur choisie dessous. Un clic ouvre le sélecteur de couleur du navigateur.
FileUpload (Free)
Zone de dépôt et sélecteur de fichiers. Il vérifie la taille, le type et le nombre, liste les fichiers acceptés et déclenche FilesChanged ; la lecture du contenu vous revient (IBrowserFile.OpenReadStream).
SignaturePad (Free)
Zone pour dessiner une signature à la souris, au doigt ou au stylet. La valeur est un PNG sous forme d’URL de données.
Éditeurs
MarkdownEditor (Free)
Zone de texte avec barre de mise en forme et aperçu en direct, pour ceux qui écrivent en Markdown plutôt qu’en texte enrichi.
AddressField (Free)
Un champ de destinataires pour l’e-mail : chaque adresse devient une pastille. Saisissez ou collez une liste, choisissez parmi les suggestions issues de votre source de données, double-cliquez une pastille pour la modifier et voyez aussitôt quelles adresses ne sont pas valides.
Choix
Checkbox (Free)
Saisie booléenne avec libellé.
CheckboxGroup (Free)
Un groupe de cases à cocher pour choisir plusieurs éléments dans une liste, dans un fieldset avec légende afin que les lecteurs d’écran annoncent le nom du groupe.
Radio (Free)
RadioGroup (Free)
Un choix dans une courte liste. Utilisez Items pour des listes simples ou des enfants Radio pour des libellés personnalisés.
Switch (Free)
Interrupteur booléen, annoncé aux technologies d’assistance comme un switch.
Chip (Free)
Étiquette compacte, amovible au besoin.
ChipSet (Free)
Chips sélectionnables, pour filtres et tags. Un seul choix par défaut, plusieurs avec Multiple.
ToggleGroup (Free)
Contrôle segmenté pour un choix (groupe radio) ou plusieurs (boutons bascule). Utilisez-le pour les sélecteurs de vue et les options de mise en forme.
TransferList (Free)
Deux listes avec des boutons pour déplacer des éléments entre elles, pour choisir un sous-ensemble dans une longue liste.
Date et heure
Calendar (Free)
Grille mensuelle utilisée par DatePicker et DateTimeRangePicker. Utilisez-la seule pour une sélection de date intégrée.
DatePicker (Free)
Champ de date avec calendrier. Les noms des mois et des jours, le premier jour de la semaine et le format de date (aussi utilisé comme espace réservé par défaut) suivent la langue actuelle de RayCraft.
DateTimePicker (Free)
Un champ pour la date et l’heure : un DatePicker et un TimePicker côte à côte qui lient ensemble un DateTime.
DateTimeRangePicker (Free)
Période avec début et fin, choisie sur un calendrier qui affiche deux mois côte à côte (Months) (le premier clic fixe le début, le second la fin) et saisie ou ajustée par champ.
MonthPicker (Free)
Choisit un mois et une année. La valeur est le premier jour du mois.
YearPicker (Free)
Choisit une année dans une grille de douze années avec des boutons pour les pages antérieures et postérieures.
WeekPicker (Free)
Choisit une semaine entière. La valeur est le premier jour de la semaine de la langue courante ; le champ affiche le numéro de semaine ISO et les dates.
TimeField (Free)
Le champ d’heure nu sur lequel reposent TimePicker, TimeRangePicker et DateTimeRangePicker.
TimePicker (Free)
Champ d’heure écrit dans le format de la langue RayCraft courante (9:30 AM en anglais, 9:30 en bulgare), donc identique dans tous les navigateurs.
TimeRangePicker (Free)
Heure de début et de fin dans un champ, chacune écrite dans le format de la langue courante comme TimePicker.
TimeSpanPicker (Free)
Saisit une durée en jours, heures, minutes et secondes. La valeur est un TimeSpan.
EventCalendar (Free)
Vue mensuelle avec événements. Les événements sur plusieurs jours apparaissent chaque jour ; un jour affiche jusqu’à MaxEventsPerDay et un lien +n de plus.
Formulaires
ErrorSummary (Free)
Liste tous les messages de validation de l’EditForm environnant dans un seul bloc. Placez-le dans un EditForm avec un validateur.
FormLayout (Free)
Dispose libellés et champs dans une grille adaptative de douze colonnes, avec des sections titrées.
FormState (Free)
Verrouille chaque champ RayCraft qu’il contient avec un paramètre : Disabled les bloque complètement, ReadOnly affiche les valeurs sans permettre de modification.
LoginForm (Free)
Formulaire de connexion prêt à l’emploi avec validation localisée. Il déclenche OnSubmit avec le LoginModel saisi et vous laisse la connexion proprement dite.
RegisterForm (Free)
Formulaire d’inscription prêt à l’emploi : nom, e-mail, mot de passe et confirmation, avec validation localisée.
Captcha (Free)
Contrôle humain simple avec une petite question d’arithmétique. Il n’écarte que les robots basiques ; vérifiez la vraie protection côté serveur (par exemple avec un service conçu pour cela).
FormBuilder (Free)
Construit un formulaire à partir de définitions de champs : texte, e-mail, mot de passe, nombre, date, zone de texte, liste, radio, case à cocher et interrupteur.
Mise en page
Container (Free)
Centre le contenu et limite sa largeur. La largeur par défaut suit les points de rupture (540, 720, 960, 1140 et 1320 px).
Stack (Free)
Dispose les enfants en ligne ou en colonne avec un écart constant.
Grid (Free)
Grille à 12 colonnes. Span fixe la largeur d’un élément sur chaque écran, et Sm, Md, Lg, Xl et Xxl la modifient à partir de ce point de rupture (les mêmes que sur la page Breakpoints).
GridItem (Free)
Spacer (Free)
Élément vide qui s’étend pour remplir l’espace libre d’une ligne flex, poussant les éléments suivants vers la fin.
Divider (Free)
Trait fin qui sépare le contenu, horizontal ou vertical.
Card (Free)
Conteneur avec en-tête et pied de page facultatifs.
Panel (Free)
Section titrée avec bouton de repli et actions d’en-tête facultatifs.
Fieldset (Free)
Regroupe des contrôles de formulaire liés sous une légende. Disabled désactive chaque contrôle à l’intérieur.
Toolbar (Free)
Rangée de boutons d’outils avec role=toolbar.
Splitter (Free)
Deux volets redimensionnables. Faites glisser la barre à la souris ou au toucher, ou donnez-lui le focus et utilisez les flèches (Maj pour de plus grands pas, Début et Fin pour les limites).
Accordion (Free)
Sections dépliables. Par défaut, ouvrir une section ferme les autres ; définissez Multiple pour en autoriser plusieurs.
Collapse (Free)
Affiche ou masque son contenu. Liez Expanded à n’importe quel bouton ; KeepMounted garde le contenu dans la page tant qu’il est masqué.
TagCloud (Free)
Des mots dans des tailles qui suivent leur poids. Les tags peuvent être des liens, des boutons qui sélectionnent ou du texte simple.
TitleIndex (Free)
Une liste groupée par première lettre avec une barre de lettres en haut. Une lettre déplace le focus (et la vue) vers sa section ; les lettres sans éléments sont désactivées.
Navigation
AppBar (Free)
Barre supérieure pour le titre et les actions principales. Placez des liens dans NavContent : ils restent dans la barre sur les grands écrans et se replient derrière un bouton de menu sous 768 px.
Drawer (Free)
Panneau latéral. Les panneaux temporaires flottent au-dessus de la page avec un arrière-plan, se ferment avec Échap et déplacent le focus dans le panneau ; définissez Temporary=false pour une barre latérale permanente.
NavMenu (Free)
Navigation verticale avec mise en évidence de la page active (construite sur NavLink) et groupes repliables.
NavItem (Free)
NavGroup (Free)
Tabs (Free)
Bascule entre des panneaux. Prend en charge les flèches, Début et Fin.
Stepper (Free)
Guide l’utilisateur dans une suite d’étapes avec des boutons Précédent et Suivant.
Wizard (Free)
Un parcours guidé en étapes. Chaque étape peut valider avant que l’utilisateur continue, une étape peut être facultative, les étapes terminées peuvent être rouvertes, et le résultat peut afficher sa propre page.
Breadcrumbs (Free)
Affiche le chemin vers la page courante. Le dernier élément est la page courante.
Menu (Free)
Bouton qui ouvre une liste d’actions. Se ferme à la sélection, avec Échap ou par un clic à l’extérieur.
MenuItem (Free)
ContextMenu (Free)
Menu ouvert avec le bouton droit de la souris ou la touche de menu contextuel au-dessus de son contenu.
MenuBar (Free)
Une barre de menus horizontale pour applications : menus de premier niveau avec commandes, raccourcis, coches, icônes et sous-menus.
CommandContextMenu (Free)
Un menu contextuel construit à partir de données MenuCommand, avec sous-menus, coches, raccourcis et la même gestion du clavier que MenuBar.
TextContextMenu (Free)
Le menu du clic droit d’un élément de texte modifiable : annuler, rétablir, couper, copier, coller et tout sélectionner, plus les commandes que vous ajoutez.
ProfileMenu (Free)
Avatar, nom et menu pour l’utilisateur connecté, construits à partir des mêmes éléments MenuItem que Menu.
Pagination (Free)
Sélecteur de page avec points de suspension pour les longues plages.
TreeView (Free)
Liste hiérarchique suivant le modèle ARIA tree. Les flèches déplacent et développent, Début et Fin sautent, Entrée ou Espace sélectionne.
ScrollSpy (Free)
Une table des matières dans la page qui met en évidence le titre actuellement en haut de l’écran.
Superpositions
Dialog (Free)
Fenêtre modale. Le focus y entre et y reste jusqu’à sa fermeture (Échap, bouton de fermeture ou clic sur l’arrière-plan) ; le focus revient ensuite à l’élément précédent.
DialogHost (Free)
Popover (Free)
Panneau flottant ouvert par un activateur. Se ferme avec Échap ou un clic à l’extérieur.
Tooltip (Free)
Courte info-bulle affichée au survol et au focus clavier. Du CSS pur, elle fonctionne donc aussi avant que la page ne devienne interactive.
Overlay (Free)
Assombrit la page (ou, avec Absolute, son parent positionné) et peut afficher du contenu comme un indicateur de chargement.
Lightbox (Free)
Tour (Free)
Introduction pas à pas qui met en évidence des éléments de la page choisis par sélecteur CSS. Les étapes sans élément correspondant apparaissent au centre.
ColorDialog (Free)
FontDialog (Free)
SnackbarHost (Free)
Retours
Alert (Free)
Message intégré coloré selon la gravité, avec une icône correspondante. Définissez Dismissible pour afficher un bouton de fermeture ; utilisez bind-Visible ou OnDismiss pour réagir à la fermeture.
Badge (Free)
Petite étiquette d’état.
BusyOverlay (Free)
Entoure une région et, tant que Busy est vrai, l’assombrit et affiche un indicateur de chargement par-dessus. Le voile bloque la souris, marque la région avec aria-busy et annonce le libellé.
CookieConsent (Free)
Un bandeau qui demande quels cookies sont autorisés. Il mémorise la réponse dans le stockage local, propose Tout accepter, Seulement nécessaires et un choix par catégorie, et ne bloque pas la page.
EmptyState (Free)
Message pour les listes et pages sans contenu, avec icône, explication et actions facultatives.
NotificationCenter (Free)
Un bouton cloche avec le nombre de notifications non lues et un panneau qui les liste. On peut les lire, les écarter et les effacer ; le nombre est annoncé aux lecteurs d’écran.
ProgressBar (Free)
Montre la progression de 0 à Max. Sans Value, elle est indéterminée.
ProgressCircular (Free)
Anneau qui montre une valeur de progression déterminée. Pour les durées inconnues, utilisez Spinner.
ResultPage (Free)
Un message pleine page pour un résultat : succès, erreur, information, avertissement, page introuvable, accès refusé et erreur serveur, avec icône, titre, texte et boutons.
Skeleton (Free)
Espace réservé affiché pendant le chargement du contenu.
SkeletonPreset (Free)
Espaces réservés de chargement prêts à l’emploi : carte, liste, tableau, profil et paragraphe. Ils annoncent un état occupé aux lecteurs d’écran.
Spinner (Free)
Indicateur de chargement indéterminé avec un nom accessible localisé.
Content
Typography (Free)
Titres, texte courant, légendes et surlignes avec la police et les tailles du thème. Les titres affichent de vrais éléments h1 à h6.
Icon (Free)
Une bibliothèque d’icônes courantes dans un style cohérent : grille de 16 px, traits de 1,5 px, extrémités carrées.
Image (Free)
Image avec texte alternatif obligatoire, modes d’ajustement, bordure et légende facultatives. Le chargement différé est activé par défaut.
ImageGallery (Free)
Grille de vignettes qui ouvre une visionneuse plein écran (Lightbox) avec boutons précédent et suivant, flèches et Échap.
Avatar (Free)
Badge d’utilisateur carré : image, initiales calculées à partir d’un nom, ou icône d’utilisateur par défaut.
AvatarGroup (Free)
Avatars superposés pour une équipe ou les personnes d’un élément. Au-delà de Max personnes, ils se replient en un avatar +n dont l’info-bulle liste les noms.
Link (Free)
Ancre stylée. Les liens externes s’ouvrent dans un nouvel onglet avec rel="noopener noreferrer" et affichent une icône.
Statistic (Free)
Grand nombre avec un libellé, une tendance facultative et un contenu supplémentaire comme un Sparkline.
Descriptions (Free)
Paires clé-valeur dans une grille, pour les détails d’un enregistrement. Les colonnes se réduisent à une sur les écrans étroits.
Timeline (Free)
Suite verticale d’événements avec marqueur, heure et couleur de gravité facultative.
Carousel (Free)
Diapositives avec boutons précédent et suivant et indicateurs. La lecture automatique est facultative ; elle s’arrête au survol et au focus et dispose d’un bouton pause, comme l’exige WCAG.
Countdown (Free)
Compte à rebours jusqu’à un instant et déclenche OnFinished à son arrivée.
Highlighter (Free)
Marque chaque occurrence d’un texte recherché dans une chaîne, sans tenir compte de la casse sauf si CaseSensitive est défini.
Marquee (Free)
Bandeau défilant pour de courtes annonces. Il s’arrête au survol et au focus, a un bouton pause (WCAG 2.2.2) et s’arrête complètement quand le système demande un mouvement réduit.
CodeBlock (Free)
Affiche du code source avec une légère coloration syntaxique (C#, JavaScript, TypeScript, JSON, HTML, SCSS, SQL et shell), numéros de ligne et bouton de copie facultatifs.
Markdown (Free)
Affiche du texte Markdown : titres, emphase, liens, images, listes (imbriquées), citations, code, tableaux et filets.
QrCode (Free)
Dessine un code QR en SVG simple, sans service d’images ni script. Texte jusqu’à 2331 octets (les 40 versions, niveau de correction d’erreurs M).
Barcode (Free)
Dessine Code 128 (tout l’ASCII imprimable, les chiffres sont regroupés par paires), Code 39 (majuscules, chiffres et - . $ / + % espace), EAN-13, EAN-8 et UPC-A (le chiffre de contrôle est ajouté, ou vérifié s’il est fourni) en SVG simple.
PricingTable (Free)
Cartes d’offres avec prix, liste de fonctions et bouton, avec un commutateur facultatif entre facturation mensuelle et annuelle.
CommentThread (Free)
Commentaires avec réponses, zone pour un nouveau commentaire et commandes Répondre et Supprimer. Le texte est affiché tel que saisi (sauts de ligne conservés, rien n’est traité comme du HTML).
ActivityFeed (Free)
Une liste de ce qui s’est passé et de qui l’a fait, les plus récents d’abord, groupés par jour, avec une icône ou les initiales de l’acteur et une ligne de détail facultative.
Données légères
Table (Free)
Tableau HTML simple et stylé pour des données statiques. Utilisez DataGrid si vous avez besoin de tri, de filtre ou de pagination.
List (Free)
Liste verticale d’éléments avec icône, deux lignes de texte et une action à la fin. Les éléments deviennent des liens ou des boutons quand Href ou OnClick est défini.
Repeater (Free)
Affiche une liste d’éléments avec votre propre modèle. Il ajoute ce qui manque à une simple boucle : un en-tête, un état vide, une grille à nombre de colonnes fixe et une pagination facultative (PageSize).
VirtualList (Free)
Une liste défilante qui ne dessine que les lignes visibles, pour des centaines de milliers d’éléments.
PropertyGrid (Free)
Modifie les propriétés publiques de n’importe quel objet, groupées par Category et étiquetées avec DisplayName.
Glisser
Sortable (Free)
Liste réordonnable par glisser, ou avec les boutons de déplacement pour le clavier et le toucher.
Préférences
ThemeToggle (Free)
Commutateurs prêts à l’emploi pour les thèmes Light, Dark, Slate et Slate Dark (ThemeToggle les parcourt un à un), la densité confortable/compacte (DensityToggle) et la langue en-US/bg-BG (LanguageToggle).
ThemeMenu (Free)
Une liste déroulante pour le thème et la densité : Slate, Slate Dark, Desktop, Desktop Dark, Mist, Mist Dark, Dark et Light, chacun en densité normale et compacte.
DensityToggle (Free)
LanguageToggle (Free)
Utilitaires
BreakpointObserver (Free)
Indique à votre code dans quel point de rupture nommé (Xs à Xxl) se trouve la fenêtre et refait le rendu quand il change.
Fullscreen (Free)
Ajoute un bouton qui affiche son contenu en plein écran. Il utilise l’API Fullscreen et une couche plein fenêtre sur les navigateurs qui n’en disposent pas (certains téléphones).
Hotkey (Free)
Composant invisible qui exécute un rappel pour un raccourci clavier comme alt+k ou mod+shift+l (mod est Ctrl sous Windows et Cmd sous macOS).
InfiniteScroll (Free)
Charge plus de contenu quand la fin d’une liste entre dans la vue. Il utilise IntersectionObserver (avec un repli par défilement) et déclenche OnLoadMore ; définissez Loading pendant la récupération et HasMore sur false à la fin.
ScrollToTop (Free)
Bouton flottant qui apparaît après un défilement vers le bas et ramène en haut de la page.
Données
DataGrid (Complete)
Tableau avec tri (clic sur un en-tête : croissant, décroissant, désactivé), filtres par colonne, pagination, sélection de lignes et modèles.
TreeList (Complete)
Un arbre dont les nœuds sont des lignes de tableau. Développer et réduire, trier, filtrer et choisir les colonnes ; le clavier suit le modèle WAI-ARIA treegrid.
PivotGrid (Complete)
Résume une liste en tableau croisé : champs en lignes, champs en colonnes et chiffres dans les cellules, avec sous-totaux, totaux généraux et sélecteur de champs.
QueryBuilder (Complete)
Construit une requête à partir de groupes de conditions imbriqués, chaque groupe combiné avec AND ou OR.
DataFilter (Complete)
Construit un filtre à partir de conditions (champ, opérateur, valeur) et le renvoie comme prédicat, de sorte qu’il fonctionne avec n’importe quelle liste et avec les éléments de DataGrid.
FileExplorer (Complete)
Explorateur de fichiers pour un stockage que fournit votre code (une base de données, un disque ou un cloud).
FileManager (Complete)
Arborescence des dossiers, chemin, et vue en liste ou en tuiles des fichiers du dossier courant, avec recherche, tri, nouveau dossier, renommage, suppression et envoi.
Graphiques
LineChart (Complete)
Courbes avec plusieurs séries, lissage et remplissage de l’aire facultatifs. Cliquez sur une entrée de la légende pour masquer ou afficher une série.
AreaChart (Complete)
Aires empilées, en pourcentage et superposées. Les aires empilées et en pourcentage sont pleines pour que le total et les parts se lisent facilement.
BarChart (Complete)
Barres groupées ou empilées, verticales ou horizontales, avec valeurs négatives prises en charge en mode groupé.
ComboChart (Complete)
Barres et lignes sur des axes partagés. Marquez une série avec AsLine pour la dessiner en ligne.
PieChart (Complete)
Graphique en camembert ou en anneau. Les parts de valeur nulle ou négative sont ignorées, et les entrées de la légende masquent des parts.
RadarChart (Complete)
Compare plusieurs mesures pour chaque série sur des rayons autour d’un centre.
ScatterChart (Complete)
Points sur deux axes numériques. Cliquez une entrée de la légende pour masquer une série ; les données sont aussi disponibles sous forme de tableau masqué pour les lecteurs d’écran.
BubbleChart (Complete)
Un nuage de points avec une troisième dimension : l’aire de chaque marqueur carré suit la valeur de taille.
Histogram (Complete)
Nombre de valeurs dans des plages égales, dessiné en barres jointives. Choisissez le nombre de classes ou la largeur d’une classe, et affichez des effectifs ou des parts.
BoxPlot (Complete)
La dispersion d’un groupe de nombres. La boîte est la moitié centrale, la ligne la médiane, les moustaches atteignent la valeur la plus éloignée dans la limite de 1,5 fois la hauteur de la boîte, et les carrés isolés sont des valeurs aberrantes.
HeatmapChart (Complete)
Grille de cellules dont l’intensité montre la valeur. Le texte et l’intensité sont choisis pour conserver le contraste dans les deux thèmes.
CalendarHeatmap (Complete)
Une année de jours en petits carrés, une colonne par semaine, plus sombres là où la valeur est plus élevée.
TreemapChart (Complete)
Rectangles dont les aires sont proportionnelles aux valeurs, disposés avec l’algorithme squarified.
SunburstChart (Complete)
Hiérarchie en anneaux concentriques : chaque anneau est un niveau et l’angle d’un arc est proportionnel à son total.
SankeyChart (Complete)
Diagramme de flux : les nœuds sont placés en colonnes selon leur chemin et la largeur des liens est proportionnelle à la quantité.
FunnelChart (Complete)
Des étapes qui se rétrécissent selon leurs valeurs, avec la part de la première étape.
WaterfallChart (Complete)
Un total cumulé avec hausses, baisses et totaux. Le vert et le rouge se distinguent aussi par le signe +/- sur chaque barre et dans le tableau de données.
CandlestickChart (Complete)
Ouverture, plus haut, plus bas et clôture de chaque période, avec volume facultatif. Une période haussière a un corps creux et une période baissière un corps plein, de sorte que le sens ne repose pas sur la couleur seule.
Sparkline (Complete)
Toute petite courbe de tendance sans axes, dimensionnée pour s’insérer dans du texte ou des cellules de tableau.
Gauge (Complete)
Indicateur en arc pour une valeur unique, avec des zones colorées facultatives. Exposé aux technologies d’assistance comme une image étiquetée avec la valeur.
LinearGauge (Complete)
Indicateur droit pour une valeur unique, horizontal ou vertical, avec des zones colorées facultatives.
BulletChart (Complete)
Progression compacte vers un objectif : une barre par mesure avec des plages qualitatives et un repère d’objectif.
Map (Complete)
Une carte dessinée en SVG simple à partir de GeoJSON. Les régions peuvent être colorées selon une valeur, les marqueurs se placent aux coordonnées, et l’utilisateur peut sélectionner une région, zoomer et déplacer.
ChartDataTable (Complete)
ChartLegend (Complete)
ChartToolbar (Complete)
Diagrammes
Diagram (Complete)
Organigrammes et diagrammes de flux dessinés en SVG. Les boîtes sont placées automatiquement par niveaux d’après leurs liens, ou aux X et Y que vous indiquez.
Planification
Scheduler (Complete)
Vues jour, semaine, mois, agenda, année et chronologie, avec événements placés selon l’heure, événements superposés côte à côte, glisser-déposer pour déplacer un événement, Maj avec les flèches comme méthode au clavier.
SchedulerEventEditor (Complete)
Le formulaire utilisé par la boîte de dialogue d’événement du Scheduler : titre, description, lieu, journée entière, début et fin, ressource, couleur, rappel, fuseau horaire et répétition.
RecurrenceEditor (Complete)
Modifie une règle de répétition (iCalendar RRULE) : quotidienne, hebdomadaire certains jours, mensuelle un jour ou le n-ième jour de la semaine, annuelle ; tous les N périodes ; jamais, après un nombre de fois ou jusqu’à une date.
Gantt (Complete)
Un plan de projet : liste de tâches à gauche, barres sur une échelle de temps à droite, avec sous-tâches, progression, jalons et dépendances fin-début.
Espace de travail
Ribbon (Complete)
La barre de commandes façon Office : onglets avec groupes de commandes, onglets contextuels, une bande d’accès rapide et un mode réduit.
DockLayout (Complete)
Un espace de travail de panneaux. Les panneaux s’ancrent à gauche, à droite, en haut, en bas ou au centre, partagent une zone sous forme d’onglets, se réduisent en rail ou flottent au-dessus de la mise en page.
Window (Complete)
Une fenêtre flottante non modale : déplacez-la, redimensionnez-la, réduisez-la, agrandissez-la et ouvrez-en plusieurs à la fois.
DashboardLayout (Complete)
Grille de tuiles que l’utilisateur déplace et redimensionne à la souris, au toucher ou au clavier (Alt avec les flèches déplace, Alt avec Maj redimensionne).
DesktopShell (Complete)
Une coque d’application avec une couche de fond d’écran et une barre des tâches en bas. Les quatre thèmes de bureau (Desktop, Desktop Dark, Mist, Mist Dark) lui donnent des coins arrondis, des ombres douces et des surfaces translucides.
Taskbar (Complete)
La barre en bas de la page avec une zone de démarrage, le nom du module, une zone centrale et une zone de notification.
Kanban (Complete)
Tableau avec colonnes. Les cartes se déplacent par glisser ou avec les boutons fléchés ; le tableau déclenche OnMove et vous mettez vos données à jour, il reflète donc toujours votre état.
Chat (Complete)
Liste de messages avec zone de saisie. La liste est une région dynamique qui défile jusqu’au message le plus récent, le texte est toujours affiché en texte brut, Entrée envoie et Maj+Entrée ajoute une nouvelle ligne (MultiLine=false en fait une seule ligne).
MailView (Complete)
Affiche le HTML d’un e-mail venu de l’extérieur. Le HTML s’exécute dans un cadre isolé sans scripts, avec une politique de sécurité du contenu stricte, de sorte qu’il ne peut pas toucher la page de l’application.
MessageEditor (Complete)
Un éditeur léger pour écrire un message : gras, italique, souligné, listes, citation, lien et effacement de la mise en forme, avec un basculement vers le texte brut.
Office
PdfViewer (Complete)
Une visionneuse pour toutes les versions de PDF jusqu’à 2.0 (ISO 32000-2) : pages continues, zoom et rotation, miniatures, signets, recherche, sélection de texte, liens, annotations, champs de formulaire, calques, pièces jointes.
PdfCompare (Complete)
Compare le texte de deux versions d’un PDF page par page et liste côte à côte ce qui a été ajouté, supprimé et modifié.
DocumentEditor (Complete)
Un traitement de texte qui ouvre et enregistre des fichiers .docx (et l’ancien .doc), Rich Text Format (.rtf) et OpenDocument (.odt).
RichTextEditor (Complete)
Un éditeur compact de texte mis en forme dans un formulaire : il a une Value comme une zone de texte, mais le texte peut être en gras, en italique, une liste, un lien, une image ou un tableau.
PresentationEditor (Complete)
Un éditeur de présentations qui ouvre et enregistre des fichiers .pptx (et l’ancien .ppt) et OpenDocument (.odp).
Spreadsheet (Complete)
Un tableur complet : formules et fonctions, mise en forme, cellules fusionnées, volets figés, graphiques, mise en forme conditionnelle, validation des données, plusieurs feuilles, annuler et rétablir, copier et coller, recopie, tri.
ProofingPanel (Complete)
La liste des problèmes d’orthographe, de grammaire et de logique que montrent la visionneuse PDF, l’éditeur de documents, le tableur et l’éditeur de présentations.
DataGridSpreadsheetButton (Complete)
Un bouton de barre d’outils pour un DataGrid qui enregistre les lignes de la grille (toutes les pages, après filtrage et tri, colonnes visibles seulement) dans un fichier .xlsx.
DataGridPdfButton (Complete)
SchedulerPdfButton (Complete)
ReportButton (Complete)
SlideView (Complete)
PasswordPrompt (Complete)
Assistants IA
RayCraft n’a pas de fonctions d’IA propres. La documentation est conçue pour que les assistants de code IA puissent bien l’utiliser :
- Noms de contrôles descriptifs, par exemple DatePicker, Autocomplete et Dialog.
- Une page par contrôle avec un résumé en langage clair et, pour la plupart des contrôles, un court exemple.
- Un index en texte brut de chaque contrôle sur llms.txt.
- Données structurées (JSON-LD) et une description sur chaque page.
Vérifiez le code généré avec la page du contrôle : un assistant peut encore se tromper.