Journal des modifications

0.122.8

🐛 Corrections de bugs

Corrige un problème où les panneaux de saisie rendus avec l'API popover pouvaient perdre leur position lorsqu'ils se trouvaient à l'intérieur d'un ancêtre déroulable qui n'est pas le corps du document.
Corrige un problème où appuyer sur la touche entrée avec un champ de saisie mask sélectionné ne soumettait pas le formulaire. 625
Corrige un problème où mask ne déclenchait pas l'événement d'entrée DOM lors de la saisie utilisateur. #1011

0.122.7

🐛 Corrections de bugs

Correction d'un problème où le curseur émettait un événement de validation après le crochet de montage (#1231).

0.122.6

🐛 Corrections de bugs

Correction d'un problème où le sélecteur de couleur ne gérait pas correctement les valeurs vides (#1215).

0.122.5

🐛 Corrections de bugs

Correction d'un problème avec le champ de saisie à autocomplétion où la tentative de modification d'une valeur existante faisait sauter le curseur à la fin du champ de saisie (#1051).

0.122.4

🐛 Corrections de bugs

Correction d'un problème où un menu déroulant avec un comportement de défilement excessif et la propriété multiple défilait de manière erratique lors d'une sélection (#1023).

0.122.3

🐛 Corrections de bugs

Correction d'un problème avec le dropdown multi-sélection avec étiquettes où la navigation par tabulation restait "bloquée" sur la dernière étiquette (#1221).

0.122.2

Build

Augmente la contrainte de version de FormKit Drag and Drop.

0.122.1

Build

Légère modification de l'API du glisser-déposer pour la nouvelle version.

0.122.0

💪 Nouvelles fonctionnalités

Ajoute (Tempo) comme dépendance à FormKit Pro.

0.121.10

🐛 Corrections de bugs

Correction du problème où les entrées de type liste déroulante ne défilaient pas avec la touche flèche vers le bas (#1203).

0.121.9

🐛 Corrections de bugs

Correction d'un problème où, lorsque le focus était sur le bouton de liste déroulante de l'autocomplétion, la liste pouvait être ouverte avec n'importe quelle touche. Maintenant, elle ne peut être ouverte qu'avec la touche Entrée ou la barre d'espace (#1201).

0.121.8

🐛 Corrections de bugs

Corrige un problème où aria-label n'était pas dynamique en fonction de l'état ouvert ou non de l'autocomplétion. (#923).
Corrige un problème où le bouton de la liste déroulante de l'autocomplétion est sélectionnable mais appuyer sur la touche Entrée ou la barre d'espace n'ouvrait pas la liste elle-même (#1201).

0.121.7

🐛 Corrections de bugs

Ajout de la propriété popover aux définitions de type.

0.121.6

🐛 Corrections de bugs

Correction d'un problème d'accessibilité concernant l'entrée autocomplete (#923).
Ajout de aria-label aux sections listboxButton et removeSelection des entrées de type liste déroulante.

0.121.5

🐛 Corrections de bugs

Ajoute la localisation pour la valeur ui de l'attribut de titre de section removeSelection pour les entrées autocomplete et taglist.

0.121.4

🐛 Corrections de bugs

Traite le problème d'accessibilité concernant la section removeSelection de l'entrée autocomplete. (#1195).
Corrige le problème où la propriété max de l'entrée dropown pouvait désactiver l'entrée (#1193).

0.121.3

🐛 Corrections de bugs

Correction des problèmes de style avec le glisser-déposer pour les répétiteurs pour les utilisateurs de CSS vanilla Genesis.

0.121.2

🐛 Corrections de bugs

Correction du problème où l'attribut draggable ne pouvait pas être utilisé sans affectation.

0.121.1

💪 Nouvelles Fonctionnalités

Ajout de l'attribut data-draggable à la section extérieure.

0.121.0

💪 Nouvelles fonctionnalités

Ajoute la fonctionnalité de glisser-déposer au repeater.
Ajoute des animations par défaut à toutes les fonctionnalités de glisser-déposer.

🐛 Corrections de bugs

Corrige un problème où les entrées de la famille déroulante ne fonctionnaient pas bien lors de l'utilisation de la validation et de l'auto-animation (#1182).
Corrige un problème où la sélection d'une option actuellement "sélectionnée" dans la listbox ne fermait pas la listbox (lorsque close-on-select était réglé sur vrai) (#1126).

0.120.0

💪 Nouvelles fonctionnalités

Ajoute une nouvelle propriété optionnelle popover aux entrées autocomplete, colorpicker, datepicker, dropdown, et taglist qui rend leurs panneaux de contenu en utilisant la nouvelle API Popover du navigateur. À cette date, l'API Popover n'est pas encore prise en charge dans Firefox (version 122) — mais le sera dans la version 125. Vous pouvez vérifier la prise en charge ici. Pour activer le rendu popover, ajoutez simplement la propriété popover à votre composant FormKit lors de l'utilisation d'une entrée prise en charge.
Vous pouvez voir une démo de la nouvelle fonctionnalité popover ici : https://formkit.link/2d80abf698f38785f0be27ebce76aa20

0.119.13

🐛 Corrections de bugs

Corrige un problème où les entrées de type liste déroulante ne rendaient pas l'attribut name. (#1161).

0.119.12

🐛 Corrections de bugs

Corrige un problème où les entrées de type liste déroulante avec des options asynchrones et une pagination remontaient en haut de la liste lors du clic sur la section "charger plus" (#1149).

0.119.11

🐛 Corrections de bugs

Ajustement des typages pour l'entrée répétitive de FormKit.

0.119.10

🐛 Corrections de bugs

Ajustement des typages pour l'entrée déroulante de FormKit.

0.119.9

Build

Met à jour la dépendance @formkit/drag-and-drop à la version 0.0.7

0.119.7

🐛 Corrections de bugs

Correction d'un problème où la liste de transfert gérait de manière erronée les options asynchrones lorsqu'elle était associée à un chargeur d'options asynchrone et encapsulée dans un formulaire avec des valeurs initiales.

0.119.6

🐛 Corrections de bugs

Correction d'un problème où TouchEvent était référencé par erreur dans l'environnement Safari pour le glisser-déposer de la Transferlist (#1123).

0.119.5

🐛 Corrections de bugs

Correction du problème togglebuttons où l'état actif ne s'affichait pas lorsque la valeur de l'option était null (#975).

0.119.4

🐛 Corrections de bugs

Suppression de l'attribut désactivé de la section de l'ensemble de champs répéteur.

0.119.3

🐛 Corrections de bugs

(@formkit/core v1.5.x) : Correction d'un problème où les enfants dans un répéteur ne peuvent pas être réactivés après avoir été désactivés (#975).

0.119.2

🐛 Corrections de bugs

Correction du problème togglebuttons avec des valeurs null ou indéfinies (#975).

0.119.1

💪 Nouvelles fonctionnalités

Ajout de la propriété deselect à l'entrée dropdown pour empêcher l'utilisateur de désélectionner un élément : (#1012).

0.119.0

💪 Nouvelles fonctionnalités

Ajout du support tactile pour le glisser-déposer de l'entrée transferlist.

🐛 Corrections de bugs

Correction de bugs critiques pour transferlist.

0.118.0

🐛 Corrections de bugs

Correction de la taille de police des togglebuttons dans le thème CSS Genesis.

0.117.7

🐞 Corrections de bugs

Sélecteur de couleur : Correction d'un problème où la valeur hexadécimale de couleur #00000 pouvait entraîner une valeur de propriété rgba indéfinie lors de l'initialisation du sélecteur de couleur

0.117.5

🐞 Corrections de bugs

Slider : Empêche le libellé de pas par défaut de 0 d'être caché

0.117.4

🚀 Fonctionnalités

Slider : Ajoute de nouvelles sections handleMaxInner et handleMinInner à l'input
Slider : Permet d'ajouter des classes personnalisées aux marques et aux étiquettes des marques
Slider : Refonte des fonctions de mise à l'échelle pour que les utilisateurs n'aient pas à calculer leurs propres valeurs de pourcentage dans les fonctions inverses

🐞 Corrections de bugs

Slider : Empêche l'affichage des étiquettes de marques undefined comme “undefined”
Slider : Met à jour les sliders à valeur unique sur entrée externe

0.117.3

🐛 Corrections de bugs

Correction d'un problème où le menu déroulant avec une valeur initiale à null affichait l'icône de fermeture amovible de la sélection (si la propriété selection-removable était utilisée). (#971).

0.117.2

🐛 Corrections de bugs

Ajoute la capacité non linéaire pour les entrées de type curseur qui manquait dans la version 0.117.0.

0.117.1

🐛 Corrections de bugs

Corrige un bug qui pouvait causer des options en double dans le menu déroulant lors de l'utilisation de la propriété load-on-created (#975).

0.117.0

⚠️ Changements majeurs

Le datepicker inclut maintenant un bouton "fermer" lorsqu'il est affiché sur des appareils uniquement tactiles (@media (max-width: 431px) and (hover: none)). Cela est pris en compte dans le thème genesis, mais si vous utilisez un thème personnalisé, vous devriez le mettre à jour pour tenir compte de ce changement.

💪 Nouvelles fonctionnalités

Ajoute une capacité non linéaire à l'entrée de type curseur.
Améliore le style mobile de l'entrée de type datepicker.

🐛 Corrections de bugs

Corrige un bug qui pouvait causer des options en double dans le menu déroulant (#975).
Corrige un problème qui faisait que le datepicker n'affichait pas la date correcte lorsqu'il était défini à undefined après avoir eu une date valide appliquée (#972).

0.116.0

💪 Nouvelles fonctionnalités

Ajout d'une nouvelle entrée colorpicker — consultez la documentation !

🐛 Corrections de bugs

Résolution d'un bug avec la sélection supprimable (#971)

0.115.10

🐛 Corrections de bugs

Élargit la contrainte de version de la dépendance @formkit/core pour inclure 1.1.0.

0.115.9

🐛 Corrections de bugs

Correction d'un bug sur le sélecteur de date qui provoquait la fermeture automatique du sélecteur lorsqu'il était ouvert avec un clic de souris sur la date elle-même en mode picker-only. (#942).

0.115.2

🐛 Corrections de bugs

Améliore la réactivité des options sur les entrées autocomplete, dropdown et taglist (#922).
Corrige un problème d'accessibilité sur l'entrée autocomplete (#923).

0.115.1

⚠️ Changements Incompatibles

L'entrée autocomplete à sélection multiple a désormais sa section removeSelection adjacente à l'emplacement de sélection au lieu d'être à l'intérieur de celui-ci.

0.115.0

⚠️ Changements Incompatibles

Les composants autocomplete et dropdown ont maintenant une nouvelle section appelée selectionWrapper qui est utilisée pour envelopper l'option sélectionnée. Cela facilite la surcharge du slot de sélection puisque vous n'avez plus besoin de réimplémenter de fonctionnalité. Cependant, cela signifie qu'il y a un élément DOM supplémentaire dans le balisage.
Sur l'entrée autocomplete en mode de sélection unique, la section removeSelection est maintenant adjacente au slot de sélection au lieu d'être à l'intérieur. Cela rend plus facile la surcharge du slot de sélection sans avoir à réimplémenter la fonctionnalité de suppression de la sélection.

💪 Nouvelles Fonctionnalités

Changelog dédié à FormKit Pro pour suivre les changements séparément du projet open-source FormKit. Les mises à jour de Pro ne seront plus mélangées avec le changelog standard de FormKit.
L'entrée datepicker inclut maintenant une nouvelle propriété clearable qui ajoute un bouton de réinitialisation à côté de l'entrée lorsque celle-ci a une valeur.

🐛 Corrections de Bugs

Correction de la logique de clic à l'extérieur sur l'entrée datepicker (#645).
Amélioration des typages sur autocomplete, dropdown et taglist.
Correction d'un problème qui causait une erreur lors de la référence à l'étiquette d'une option dans le slot d'option sur le dropdown (#914)
Correction d'un problème qui faisait que l'option dans le slot option n'était pas réactive si elle était changée après la sélection.

1.6.0

💪 Nouvelles fonctionnalités

Ajout du nouveau composable useFormKitContext pour accéder à l'objet contexte du composant parent FormKit — ou de tout autre composant FormKit dans l'arborescence. Facultativement, vous pouvez fournir une fonction de rappel d'effet qui est exécutée lorsque le contexte est disponible.
Ajout du nouveau composable useFormKitContextById pour accéder à l'objet contexte de n'importe quel composant FormKit avec un identifiant explicite. Facultativement, vous pouvez fournir une fonction de rappel d'effet qui est exécutée lorsque le contexte est disponible.
Ajout du nouveau composable useFormKitNodeById pour accéder à l'objet nœud de n'importe quel composant FormKit avec un identifiant explicite. Facultativement, vous pouvez fournir une fonction de rappel d'effet qui est exécutée lorsque le nœud est disponible.
Ajout de l'autocomplétion Intellisense pour la prop type du composant FormKit (#1241).
Ajout de la nouvelle fonction stopWatch au paquet @formkit/core qui permet de désenregistrer les reçus de la fonction watchRegistry.
Ajout de type générique à la fonction getNode<T>().
Nouvelle intégration avec @nuxt/tailwindcss qui inclut automatiquement le fichier formkit.theme.ts dans le contenu de tailwind.
Ajout de nouvelles icônes currency et unit.
Ajout de la nouvelle prop library aux composants FormKit et FormKitMessages qui vous permet d'inclure des composants supplémentaires pour le schéma d'entrée, par exemple, lors de l'utilisation de sections-schema pour modifier l'entrée (#1145) (#1137).
Le type value d'un composant FormKit auquel est passé un FormKitTypeDefinition est maintenant déduit du FormKitTypeDefinition.

🐛 Corrections de bugs

Correction d'un bug dans changeLocale qui faisait que la locale mise à jour n'était pas utilisée sur les nouveaux nœuds (#1143).
Correction du tree shaking du paquet @formkit/icons (#1184).
Ajout du composant FormKitIcon à la fonctionnalité autoImport du module Nuxt (#1168).
Correction des types pour BeforeStepChangeData (#1224).
Correction des types pour le type d'entrée datetime-local (#1129).
Vue est maintenant une peerDependency de @formkit/vue pour réduire les incidents de multiples instances Vue dans le même projet (#1160).
Ajout de tabindex et role="button" aux enveloppes d'icônes lorsqu'un événement de clic est ajouté à l'icône (#1210).

Types d'entrée personnalisés

L'argument type du composant FormKit nécessite maintenant un type correspondant dans le type FormKitInputProps pour le support TypeScript. Si vous utilisez des entrées personnalisées et avez fourni une augmentation de module pour FormKitInputProps, vous devrez mettre à jour le type FormKitInputProps pour inclure vos types.

1.5.9

9 février 2024

💪 Nouvelles fonctionnalités

Ajout de ui.open à tous les paramètres régionaux i18n.

1.5.8

9 février 2024

🧼 Ménage

Met à jour Vue à >= 3.4

1.5.7

6 février 2024

💪 Nouvelles fonctionnalités

Ajout de l'icône dragHandle aux icônes genesis.

1.5.6

6 février 2024

💪 Nouvelles fonctionnalités

Ajout de l'icône dragHandle.

1.5.5

3 février 2024

🐛 Corrections de bugs

Correction d'un problème qui empêchait l'installation de thèmes en utilisant la commande npx formkit theme.

1.5.4

2 février 2024

💪 Nouvelles fonctionnalités

Le plugin Floating Labels prend désormais en charge le contenu prefix lors du calcul de la position de l'étiquette. (#878)
Met à jour le package @formkit/cli pour permettre la génération de thèmes publiés localement dans vos projets. Consultez la nouvelle documentation ici. (#1170)

🐛 Corrections de bugs

Corrige un problème où multi-step ne permettait pas de remplacer le schéma des sections tabs ou tab. (1110)

1.5.3

29 janvier 2024

🐛 Corrections de bugs

Correction d'un bug qui empêchait certaines règles de validation dynamique de fonctionner après leur mise à jour (#1155)
Correction d'une régression dans la version 1.5.0 qui empêchait certains paquets FormKit d'être correctement élagués (#1139)
Correction d'un bug qui faisait que les erreurs définies initialement avec la propriété n'étaient pas toujours affichées initialement (#1153)

1.5.2

23 janvier 2024

🐛 Corrections de bugs

Met à jour le composant FormKitKitchenSink pour inclure de nouveaux préréglages $options qui peuvent être utilisés dans les exemples de schémas dynamiquement récupérés pour les auteurs de thèmes.

1.5.1

19 janvier 2024

🐛 Corrections de bugs

Correction d'un bug introduit dans 1.5.0 qui empêchait la synchronisation correcte de context.value avec node.value à l'intérieur des structures de groupes imbriquées (#1133).

1.5.0

16 janvier 2024

FormKit 1.5.0 est livré avec une nouvelle version de développement de FormKit. En développement, FormKit utilise maintenant des versions légèrement différentes de ses paquets qui incluent des améliorations supplémentaires de l'expérience développeur. Cela est similaire à la manière dont Vue lui-même a des versions "développement" et "production", et cela permet à FormKit de fournir une expérience développeur améliorée telle que le support HMR amélioré et de meilleurs messages d'erreur.

Les bases sont désormais posées pour une expérience développeur grandement améliorée dans les futures versions. Cette version inclut également des dizaines de corrections de bugs et d'améliorations.

💪 Nouvelles fonctionnalités

Ajoute une nouvelle API pour ajouter des props aux entrées avec des valeurs par défaut, des props booléennes et des getters/setters. Voir la documentation mise à jour pour plus d'informations.
createInput prend désormais en charge un troisième argument, sectionsSchema qui vous permet d'étendre les sections par défaut fournies avec createInput (#882).
Ajoute une nouvelle propriété de contexte didMount et un événement de nœud mounted pour reconnaître quand le composant <FormKit> est monté dans le DOM (#0b8753d).
Désormais, node.children sont observés par @formkit/observer, cela permet aux règles de validation d'accéder à node.children avec réactivité.
Le remplacement de module à chaud avec Vite/Nuxt préserve maintenant l'état du formulaire lors de la mise à jour du code du formulaire (#1068)
Ajoute un nouveau changeLocale composable qui change globalement la locale de tous les formulaires avec Options API, Composition API et autoimport Nuxt (#1112)
Règles allow_non_alpha et allow_numeric.
Le nouveau CLI de FormKit crée maintenant de nouvelles applications (npx formkit create-app) pour utiliser le système de thèmes de themes.formkit.com.
Nouvelle version de développement de FormKit qui inclut des améliorations supplémentaires de l'expérience développeur.

🐛 Corrections de bugs

Corrige les avertissements de commentaires TSDoc de Vite - par Yue Yang (e47c9)
Correction du nom de create-app pour les projets nuxt sous Windows (1066)
Les entrées qui utilisent options (select, checkbox, radio, autocomplete, etc.) comptent maintenant correctement leur valeur __mask (#1046).
Corrige un bug qui ne permettait pas à submitAttrs de désactiver l'entrée de soumission (#789).
Supprime data-disabled sur les entrées checkbox et radio lorsque c'est faux - (#1043).
Corrige autoAnimate lorsqu'il est utilisé sur des répéteurs et d'autres entrées avec des conditionnels complexes (#1016).
Améliore considérablement la fonctionnalité expérimentale autoImport de @formkit/nuxt (1095, et autres).
Hydratation de textarea autoheight dans nuxt (#980).
Ajoute des messages non bloquants dans getValidationMessages (#849).
node.clearErrors() supprime toujours les erreurs locales à ce nœud (#941)
Réduit les re-renders sur les valeurs de groupe déstructurées (#1068).
Supprime l'avertissement sur multi-step concernant le slot par défaut appelé en dehors de la fonction de rendu (#920).
Les entrées à l'intérieur d'un répéteur désactivé peuvent être activées par entrée (#1043).
Améliore la typographie pour createInput() (#1105).
Supprime data-complete sur les groupes/listes (#1038).
Les props booléennes comme disabled et preserve peuvent maintenant être utilisées sans les définir explicitement sur true ou false (#989).

warning

Vitest n'utilise pas automatiquement les mêmes paramètres de nœud (conditions) que Vite (voir #4971). Si vous constatez que vos tests échouent après la mise à jour, vous pouvez ajouter ce qui suit à votre fichier vitest.config.js :

export default defineConfig({
  resolver: {
    conditions: process.env.VITEST ? ['development'] : undefined
  },
  test: {
    // ...configuration de vitest
  }
})

Vite devrait être à ~1.2.x ou supérieur pour utiliser cette fonctionnalité.

1.4.0

5 décembre 2023

💪 Nouvelles fonctionnalités

FormKit prend maintenant en charge les thèmes pour TailwindCSS ! Personnalisez l'apparence de vos formulaires avec un éditeur visuel. Voir themes.formkit.com pour plus d'informations.
Ajout du nouveau composant <KitchenSink> qui rend un spécimen de chaque entrée FormKit (utile pour le style).
Ajout de la nouvelle propriété state.required à l'objet contexte (rend l'ajout d'astérisques aux entrées obligatoires plus facile).
Ajout de l'attribut aria-required aux éléments <input>, <select> et <textarea> lorsqu'ils sont requis (#984).
Ajout de la nouvelle propriété force-show au composant <FormKitSummary> pour forcer l'affichage du résumé même s'il n'y a pas d'erreurs visibles.
Ajout de la nouvelle commande create-theme pour l'outil CLI formkit pour créer un nouveau thème à partir de @formkit/theme-starter.

🐛 Corrections de bugs

Correction d'un bug qui faisait que les entrées radio à l'intérieur des répéteurs devenaient couplées (#1044).
Correction d'un problème qui faisait échouer node.submit() lorsqu'il était à l'intérieur de la racine fantôme d'un élément personnalisé (#1057).
Correction d'un bug qui faisait que les entrées pro ne produisaient pas de memokeys appropriés (#933).
Correction d'un bug qui empêchait les attributs de passer à travers <FormKitProvider> (et les fournisseurs associés) (#1013).
Déplacement du message invalidDate vers la clé de locale validation (#953)
Amélioration du message de validation min et max (en anglais) pour qu'il soit la clé de locale validation (#953)
Correction d'un bug qui empêchait la propriété incomplete-message (sur les formulaires) d'être réactive (#1047).

1.3.2

28 novembre 2023

🐛 Corrections de bugs

Corrige la couleur du texte des togglebuttons dans le thème par défaut Tailwind Genesis.

1.3.1

28 novembre 2023

💪 Nouvelles fonctionnalités

Ajoute des styles Tailwind pour l'entrée togglebuttons.

🐛 Corrections de bugs

Corrige les styles Tailwind pour l'alignement de l'icône de préfixe dans la famille de boutons d'entrées.

1.3.0

9 octobre 2023

💪 Nouvelles fonctionnalités

Ajoute de nouveaux plugins pour compter les caractères disponibles dans une entrée en fonction de la règle length.
Ajoute un composant <KitchenSink> qui rend tous les spécimens d'entrée.
Ajoute un attribut data-has-multiple aux entrées file sur la section outer lorsqu'ils ont plusieurs fichiers.

🐛 Corrections de bugs

Corrige un bug sur l'entrée select avec des groupes d'options contenant des valeurs non-string (#986).
Corrige un problème avec autoImport de nuxt dans webpack (#983)
Corrige un bug qui empêche les entrées profondément imbriquées de recevoir la valeur d'entrée correcte lors d'une réinitialisation (#1025)
Corrige la commande create-app de l'outil cli formkit lors de l'installation de vite.
Corrige un bug qui a causé au module @formkit/nuxt avec autoImport de ne pas inclure le composant FormKit (#995)

1.2.2

3 Octobre 2023

🐛 Corrections de bugs

Corrige un bug avec @formkit/nuxt en mode autoImport où le contexte SSR n'était pas réinitialisé après chaque requête, entraînant des erreurs d'hydratation et une interface utilisateur cassée sur certaines entrées pro.

1.2.1

29 septembre 2023

🐛 Corrections de bugs

Améliore le support du mode dev pour @formkit/nuxt avec l'option autoImport activée.

1.2.0

29 septembre 2023

💪 Nouvelles fonctionnalités

L'entrée select prend désormais en charge les options groupées (<optgroup>) (#426).
Le package @formkit/nuxt comprend désormais une option expérimentale autoImport qui ne charge FormKit que sur les pages où il est utilisé plutôt que globalement. Cela supprimera FormKit de votre fichier d'entrée. Nous prévoyons de faire de cela le comportement par défaut et encourageons tous ceux qui utilisent le module nuxt actuel à essayer la nouvelle option.
Ajoute le support pour prefix-icon et suffix-icon aux entrées créées avec createInput().
Améliore considérablement le tree shaking des entrées et des options de configuration (avec configuration manuelle).
Ajoute le support Tailwind pour la nouvelle entrée colorpicker.
Ajoute une nouvelle icône color.

📙 Documentation

Nouveau guide : Optimisation pour la production

🐛 Corrections de bugs

Le plugin Zod itère désormais sur les problèmes et non les erreurs (#945)

1.1.0

20 septembre 2023

💪 Nouvelles fonctionnalités

Ajoute un nouveau <FormKitProvider :config="yourConfig"> — un composant qui définit une nouvelle limite de configuration. Tous les composants <FormKit> qui sont imbriqués sous un <FormKitProvider> hériteront de leur configuration à partir de cet emplacement.
Ajoute un nouveau <FormKitLazyProvider> qui vérifie une limite supérieure <Suspense> (si elle n'est pas trouvée, elle en injecte une) et injecte un composant <FormKitConfigLoader>.
Ajoute un nouveau composant <FormKitConfigLoader>. Un composant asynchrone qui effectue un import dynamique pour un fichier de configuration.

Note : Les nouveaux composants listés ci-dessus sont actuellement expérimentaux et seront documentés davantage lorsque l'API se stabilisera.

🐛 Corrections de bugs

Corrige un bug dans la définition TypeScript du composant <FormKit> qui provoque une erreur TypeScript dans Vue Language Tools (Volar) > 1.8.11.
Améliore le tree shaking sur l'ensemble des packages @formkit/*.
Corrige un bug dans plusieurs des règles de validation alpha, alphanumeric, et contains_* pour le jeu de caractères latin.

1.0.0

1er septembre 2023

Avec cette version, nous déclarons officiellement FormKit stable et prêt pour la production. De nombreux membres de la communauté utilisent déjà FormKit en production depuis plus d'un an maintenant et sont très satisfaits des résultats. Nous espérons que vous le serez aussi !

De plus, FormKit Pro est maintenant disponible pour le grand public (aucun accès anticipé requis). FormKit Pro est toujours en Beta, et nous travaillons dur pour le préparer à une version stable.

💪 Nouvelles fonctionnalités

Ajoute un nouveau composant <FormKitSummary> qui liste automatiquement toutes les erreurs et les messages de validation dans un formulaire avec des liens de saut vers chacun (a11y).

🐛 Corrections de bugs

Améliore les styles de focus pour les entrées radio, checkbox, et range (a11y).
Améliore le ratio de contraste de genesis à 4.5:1 (a11y).
L'entrée file inclut maintenant le nom du fichier dans le bouton de suppression de fichier (a11y).
L'entrée file se recentre maintenant après la suppression d'un fichier (a11y).

0.19.3 (Candidat à la Sortie 1)

30 août 2023

🐛 Corrections de Bugs

Améliore l'héritage des props via l'objet config.

0.19.2 (Candidat à la sortie 1)

29 août 2023

💪 Nouvelles fonctionnalités

Vous pouvez désormais vous connecter à votre compte FormKit Pro et créer des équipes et des projets directement depuis le CLI.
Exporte StepHandlers et MultiStepHandlers et BeforeStepChangeData pour aider à taper des entrées multi-étapes.

🐛 Corrections de bugs

Corrige un problème qui faisait que les entrées datetime-local ne résolvaient pas leurs typages de slot.
Corrige un bug qui faisait échouer les installations de nuxt.

0.19.1 (Candidat à la Sortie 1)

Nous ne parlons pas de Bruno.

0.19.0 (Candidat à la sortie 1)

25 août 2023

💪 Nouvelles fonctionnalités

Introduit une nouvelle entrée cachée meta. Les entrées Meta sont uniquement en mémoire et ajoutent des données à votre formulaire sans les afficher à l'utilisateur ou rendre quoi que ce soit sur la page. Docs Meta.
Ajoute une nouvelle propriété number à text, number, range, et hidden inputs qui convertit la valeur en un nombre en utilisant parseInt ou parseFloat et élargit ou réduit la définition du type de la valeur pour correspondre.
Les listes dynamiques changent maintenant automatiquement le nom rendu de toutes les entrées radio enfants pour s'assurer qu'elles ne sont pas en conflit les unes avec les autres.
🇧🇦 Ajoute la localisation bosniaque (bs).

🐛 Corrections de bugs

Corrige un problème qui faisait que les cases à cocher et les radios utilisaient des attributs id en double lorsqu'ils étaient utilisés dans une liste dynamique (#908).
Les cases à cocher et les radios utilisées
Ajoute stepIndex et steps à la définition du type d'entrée step.
Améliore les traductions de la localisation nl.
Ajoute un FocusEvent optionnel à la définition du type de context.handlers.blur.

0.18.4 (Bêta 18)

22 août 2023

🐛 Corrections de bugs

Améliore les types pour le plugin multi-étapes et ses emplacements.

0.18.3 (Beta 18)

18 août 2023

🐛 Corrections de bugs

Améliore les types pour les boutons et les entrées de soumission (#895).
Améliore les types pour le plugin multi-étapes

0.18.2 (Beta 18)

16 août 2023

🐛 Corrections de bugs

Corrige un bug qui provoquait des calculs de désunion incorrects par le grand livre pour les compteurs qui n'étaient pas les premiers dans l'ensemble. Cela a occasionnellement conduit les groupes et les listes à laisser derrière eux leurs valeurs de compteur lorsqu'ils étaient démontés (#878).

0.18.1 (Beta 18)

15 août 2023

🐛 Corrections de bugs

Corrige un bug qui provoquait des erreurs lors de la réinitialisation des formulaires avec des listes dynamiques (#731).
Corrige un bug qui provoquait un rendu incorrect des données de schéma dans certains cas limites lorsque le schéma était mis à jour dynamiquement (#610).
Corrige le autoHeightTextareaPlugin et améliore considérablement sa précision de redimensionnement (#888)
Corrige les traductions tet et lt (#886)

0.18.0 (Beta 18)

11 août 2023

🎉 Fonctionnalités principales

Amélioration du support TypeScript 🎉

1 min

Support amélioré des props TypeScript pour Vue 3.3+. #627
Nouvelle entrée barcode disponible via le package @formkit/barcode. Documentation Barcode

💪 Nouvelles fonctionnalités

Introduction des fonctionnalités d'entrée dropdown :
- Support pour supprimer la sélection actuelle. #646
- Capacité de sélection multiple. #647
L'utilitaire whenAvailable de @formkit/utils fait référence dynamiquement à son contexte de document, facilitant l'utilisation de FormKit dans le shadow DOM des composants web. #837
Nouvelles propriétés comportementales pour les entrées dropdown, autocomplete et taglist.
Ajout d'une section/slot #empty pour l'entrée repeater pour afficher le contexte lorsqu'il n'y a pas de valeurs. Documentation Repeater
Ajout du lituanien 🇱🇹 (lt)

🐛 Corrections de bugs

Le repeater respecte l'état désactivé de son formulaire parent. #579
Le taglist accepte les options vides. #586
Prévention des appels inutiles à la méthode des options dans les entrées de la famille dropdown. #657
Assure la compatibilité de l'entrée autocomplete avec la directive @focus de Vue. #670
Le taglist accepte des valeurs en dehors de sa liste d'options. #681
Résolution de la réactivation du champ après la réactivation du formulaire parent. #733
Correction de l'erreur datepicker lors de la navigation au clavier en mode picker-only. #736
Correction de l'écrasement du slot de l'étiquette de la case à cocher par la radio adjacente. #778
Le thème Genesis limite pointer-events: none aux boutons de type submit dans le slot actions. #790
Les vérifications de saleté "Compare" s'adaptent aux nouvelles valeurs fournies lors de la réinitialisation du formulaire. #791
Assure que taglist respecte la prop max avec open-on-click activé. #793
Amélioration de autocomplete avec selectionAppearance défini sur option pour fonctionner avec la prop open-on-click. #817
Correction des problèmes avec la fonction eq de @formkit/utils. #819
Résolution de l'erreur de navigation datepicker lors du démarrage avec year. #827
Assure que taglist respecte la prop max avec close-on-select désactivé. #838
Gestion des exceptions de prop de validation de syntaxe de tableau en ligne. #852
Correction des problèmes de chemin d'exportation de FormKit CLI. #854
Résolution des problèmes de compilateur de schéma avec FormKit. #857
La classe formkit-icon s'aligne avec config.rootClasses. #859
Remède aux problèmes de glisser-déposer de la liste de transfert. #863
Correction d'un problème de focus datepicker Safari en modifiant le bouton d'ouverture en div role="button". #864
Les entrées Dropdown (dropdown, autocomplete, taglist) peuvent maintenant rendre des valeurs qui ne font pas partie de leur liste d'options. #877

0.17.5 (Beta 17)

20 juillet 2023

💪 Nouvelles fonctionnalités

Ajoute un nouveau composant <FormKitRoot>. Ce composant fournit un contexte sur l'élément racine (Document ou ShadowRoot). Lors de l'utilisation de FormKit à l'intérieur d'un élément personnalisé (composant Web), enveloppez un ou plusieurs entrées FormKit dans <FormKitRoot> pour assurer un fonctionnement correct.
Ajoute une nouvelle propriété node.props.__root et context.__root qui fait référence à l'élément racine actuel du nœud (Document | ShadowRoot).

🐛 Corrections de bugs

Corrige un problème où le plugin d'entrée mult-step se bloquerait lors du rendu des steps dans une boucle v-for ou lors du rendu conditionnel d'une étape via un schéma. #823 #825
Le plugin Textarea Auto-height recalcule la hauteur lors du changement programmé de la valeur. #839
Corrige un problème dans le plugin Zod qui empêche l'application des transformations. #833

0.17.4 (Beta 17)

30 juin 2023

💪 Nouvelles fonctionnalités

Ajoute un nouvel attribut data-empty aux enveloppes outer d'entrée pour des raisons de style. #777
Mises à jour du module Nuxt permettant le support de runtimeConfig — voir les nouveaux documents dans le guide du assistant d'installation. #795

🐛 Corrections de bugs :

Corrige réellement le problème où l'événement blur pourrait provoquer des erreurs de console lors du changement de route. #776
Corrige le problème où la valeur d'icône null provoquerait une erreur. #780
Corrige le point-virgule manquant dans multistep.css. #783
Corrige l'utilisation de la prop :model-value qui ne mettait pas à jour les valeurs des nœuds internes de FormKit. #785

0.17.3 (Beta 17)

16 juin 2023

💪 Nouvelles fonctionnalités

Ajoute la langue 🇲🇳 mongole (mn) - #747
Ajoute la langue 🇮🇸 islandaise (is) #748
Ajoute les nouvelles extensions node.next(), node.previous() et node.goTo() pour les entrées multi-step via le plugin MultiStep. Cela permet un contrôle externe plus facile de la navigation des entrées multi-step. #685
Ajoute la nouvelle extension node.restoreCache() pour le plugin localStorage permettant de restaurer les valeurs de formulaire en cache en cas d'échec de la soumission. #727

🐛 Corrections de bugs :

Corrige les problèmes d'hydratation SSR pour l'entrée multi-step. #720
Corrige un problème où l'événement blur pouvait provoquer des erreurs de console lors du changement de route. #735
Corrige un problème où les entrées Pro se bloquaient lorsqu'elles étaient utilisées avec le plugin Floating Labels. #742
MultiStep beforeStepChange fonctionne maintenant avec les appels de fonction async. #743
Corrige un problème où les entrées file ne permettaient pas de télécharger à nouveau le même fichier après avoir appelé reset. #762
Prévient le conflit de nommage des keyframes CSS Genesis en ajoutant le préfixe fk-.

0.17.2 (Beta 17)

17 mai 2023

🐛 Corrections de bugs :

Corrige un problème qui faisait que les v-model’s profondément imbriqués ne se mettaient pas à jour lorsqu'une mutation provenait de la profondeur (#722)
Corrige un problème qui faisait que les entrées personnalisées qui remplaçaient la famille d'entrées text réutilisaient le premier schéma(#719)
Exporte le type FormKitValidationMessage pour aider à taper les fonctions de message de validation (#695)

💪 Nouvelles fonctionnalités

Le plugin localStorage prend désormais en charge de nouvelles options : key, control, debounce, beforeSave et beforeLoad.
Le plugin localStorage peut désormais être appliqué à n'importe quelle entrée de type interne group. par exemple (form, group, multi-step, etc).

0.17.1 (Beta 17)

16 mai 2023

🐛 Corrections de bugs

Corrigé un bug qui provoquait une erreur lorsqu'une liste dynamique était initialisée avec des valeurs scalaires initiales identiques (#715)
Corrigé un bug qui faisait que la propriété value d'un slot n'était pas mise à jour dans certains cas limites (#717).

0.17.0 (Beta 17)

12 mai 2023

💪 Nouvelles fonctionnalités

Nouveau plugin FormKit Zod — Validez vos formulaires FormKit à l'aide du schéma Zod.
Nouvelle propriété dynamic de la liste vous permet de créer facilement vos propres répéteurs.
Nouveau plugin Save to localStorage pour sauvegarder la progression de l'utilisateur dans les formulaires et protéger contre la perte de données en cas d'événement inattendu.
Ajoute de nouvelles règles de validation : require_one (merci @devoidofgenius), contains_alpha, contains_alphanumeric, contains_alpha_space, contains_symbol, contains_uppercase, contains_lowercase, contains_numeric, symbol, uppercase, et lowercase (merci @riderx).
Nouveau plugin Auto-height textarea pour créer des entrées textarea avec une hauteur redimensionnable dynamiquement.
Pro: Nouvelle entrée Slider.
Ajoute un nouvel événement commitRaw qui se déclenche même s'il n'y a pas de changement dans la valeur de l'entrée.
FormKitSchema peut maintenant utiliser un seul nœud racine (au lieu d'un fragment)
Toutes les entrées FormKit utilisent maintenant un nœud racine au lieu d'un fragment, ce qui signifie que les directives Vue standard comme v-show fonctionnent maintenant et qu'il n'est généralement plus nécessaire d'ajouter une key aux entrées dynamiques (#528).
Le plugin AutoAnimate prend désormais en charge l'animation de l'entrée répéteur et d'autres entrées Pro.
Les valeurs passées dans la fonction node.reset() deviennent la nouvelle valeur par défaut pour l'entrée (#621).
Ajoute le chinois traditionnel 🇨🇳 (zh-TW)
Ajoute le letton 🇱🇻 (lv)
Ajoute le tétum 🇹🇱 (tet)
Ajoute la nouvelle capacité d'étendre un nœud central avec node.extend().

⚡️ Performance

Amélioration significative de la performance de montage des entrées dans un grand formulaire (5-10x plus rapide).
Amélioration de la performance d'hydratation d'un formulaire en diffusant des valeurs scalaires avant l'entrée.
Réduction du bruit sur l'événement @input et suppression du rebond maintenant inutile sur l'événement de changement.

🐛 Corrections de bugs

Le @formkit/observer observera désormais les changements de node._value dans les cas où vous souhaitez opérer sur la valeur d'entrée non rebondie.
L'icône range dans @formkit/icons a été mise à jour pour ne montrer qu'une seule poignée de contrôle puisque les entrées de plage HTML ne supportent pas plusieurs valeurs. L'ancienne icône à plusieurs poignées a été réaffectée pour la nouvelle entrée slider de FormKit Pro.
Pro: Corrige un bug qui empêchait les entrées repeater imbriquées de s'hydrater correctement (#458).
Pro: Corrige un bug qui provoquait une erreur lorsque les entrées repeater imbriquées étaient supprimées (#457).
Corrige un bug qui provoquait le déclenchement de l'événement de flou plusieurs fois lors de la liaison manuelle à l'événement @blur sur une entrée personnalisée (#413).
Corrige un bug qui faisait que v-model ne déclenchait des événements d'entrée que sur chaque autre entrée (#463)
Corrige un bug qui faisait que le schéma itérait sur la valeur d'un tableau si le tableau avait une longueur de 1 et que la seule valeur dans le tableau était un nombre (#635)
Corrige un problème qui faisait que node.walk() se terminait prématurément lors de l'utilisation de stopOnFalse.
Corrige une fuite de mémoire dans la navigation SPA et les environnements SSR (#475)

0.16.0 (Beta 16)

14 mars 2023

Nouveau schéma de version

La Beta 16 est la première version de FormKit qui n'a pas d'identifiant de pré-lancement. La Beta 16 et toutes les versions bêta restantes seront publiées sous la version sémantique 0.x.x. La première version stable sera 1.0.0 et est prévue pour plus tard cette année. Ce changement de versionnement devrait aider à la résolution des dépendances du gestionnaire de paquets alors que nous terminons nos cycles de sortie en bêta.

💪 Nouvelles fonctionnalités

Pro: Nouvelle entrée Transfer List ! Une excellente option pour aider vos utilisateurs à sélectionner des informations à partir d'un grand ensemble de données.
Pro: Le plugin floating labels supporte maintenant les entrées FormKit Pro.
Pro: L'entrée mask input supporte maintenant plusieurs couleurs en fournissant une option overlay.
Ajoute une nouvelle propriété dirty-behavior qui permet aux utilisateurs d'opter pour un comportement compare qui compare la valeur actuelle de l'entrée à la valeur originale de l'entrée. Si l'entrée est ramenée à son état original, le drapeau context.state.dirty reviendra à faux.
Ajoute des traductions i18n pour certaines nouvelles règles d'interface utilisateur et de validation.

🐛 Corrections de bugs

La prop options (utilisée dans select, radio, checkboxes et certains inputs pro) peut maintenant différencier les valeurs null et undefined.
Corrige des problèmes avec le module @formkit/nuxt et la coloration syntaxique.
Corrige un bug qui faisait que l'état dirty d'une entrée non liée était incorrectement défini sur true lorsqu'un objet (comme un groupe) était mis à jour (#520).
Le plugin floating labels cache maintenant les placeholders jusqu'à ce qu'ils soient focalisés (#574).
Corrige un bug qui faisait que les formulaires ne recevaient pas l'état submitted comme les enfants du formulaire lors d'une soumission de formulaire infructueuse (#503).
L'entrée multi-step préserve maintenant l'ordre des étapes lors du rendu conditionnel des étapes (#613).
Corrige un bug de style tailwind pour les checkboxes et les radios (#584).

Créez facilement des formulaires en plusieurs étapes ou incluez des sections en plusieurs étapes dans vos formulaires avec le nouveau plugin multi-step dans @formkit/addons. Livré avec un style CSS autonome que vous pouvez importer et qui fonctionne bien avec notre thème genesis. Consultez la documentation complète ici.
Activez les labels flottants pour tous les inputs de la famille text (text, email, url, etc) et textarea avec le nouveau plugin de labels flottants dans @formkit/addons. Consultez la documentation complète ici.
Ajoute de nouvelles chaînes Next et Previous à l'objet de localisation de l'interface utilisateur pour une utilisation dans les plugins et les inputs personnalisés.

🐛 Corrections de bugs

Corrige le chemin d'exportation manquant du thème genesis de Tailwind CSS dans @formkit/themes.
Ajoute un style :focus-visible aux boutons pour montrer l'état de focus lors de l'utilisation de la navigation au clavier.
Ajoute des styles loading manquants pour les boutons submit dans le thème Genesis de Tailwind CSS.

📘 Articles

Nouvel Article : Créer un formulaire en plusieurs étapes dans Vue en 5 minutes

Rétablit @formkit/themes/tailwindcss pour n'inclure qu'un export default du plugin FormKitVariants.
Déplace le thème Genesis de Tailwind fourni vers un nouveau chemin d'exportation de @formkit/themes/dist/tailwindcss/genesis.
Change l'opérateur de suppression de classe de ! à $remove: afin de ne pas entrer en conflit avec l'opérateur ! intégré de Tailwind qui ajoute !important à une règle de style.
Corrige un problème où les icônes par défaut ne se chargeaient pas lors de l'utilisation du thème Genesis FormKit Tailwind fourni.

Ajoute un nouveau composant <FormKitMessages> qui permet de déplacer les messages de validation et d'erreur d'un formulaire et la capacité pour les entrées group et list d'afficher leurs propres messages d'erreur et de validation.
Lors de la suppression de classes sur une section d'une entrée FormKit, vous pouvez utiliser l'opérateur de préfixe ! pour supprimer sélectivement une classe existante sans avoir besoin d'utiliser la syntaxe d'objet longue forme. par exemple outer-class="my-class !formkit-outer" ajoute my-class et supprime la classe formkit-outer par défaut.
Ajoute Catalan (merci @petergithubmgw).
Les entrées checkbox et radio ont maintenant un attribut data-checked autour de leur enveloppe respective, ce qui facilite l'ajout de styles personnalisés pour les états cochés et non cochés.
Améliore les messages de validation dans une poignée de langues (en, pt, zh).
Pro: Nouvelle entrée Mask Pro.
Pro: Ajoute la prop empty-message permet d'afficher un message dans listbox lorsqu'aucune option n'est passée (dropdown, autocomplete, et taglist). #502
Pro: Ajoute l'attribut checked à formkit-option (dropdown, autocomplete, taglist). #350
Pro: Ajoute la prop max pour taglist et autocomplete avec des entrées multiple. #501
Pro: Ajoute la prop closeOnSelect qui maintient la listbox déployée au fur et à mesure que les sélections sont effectuées (autocomplete multiple et taglist).
Pro: Ajoute la prop forceExpanded qui force la listbox à rester ouverte à des fins de développement (dropdown, autocomplete, et taglist).
Pro: Toutes les entrées Pro peuvent maintenant être désactivées via l'attribut disabled.

🐛 Corrections de bugs

Corrigé un bug où la règle date_after affichait un message de validation incorrect à cause des fuseaux horaires. #488
Corrigé un bug où les ids générés automatiquement n'avaient pas une valeur sûre pour l'attribut à cause des caractères spéciaux. #517
Les valeurs v-model peuvent maintenant être initialisées comme undefined. #235
Corrigé un bug qui faisait que les props validation-rules en ligne se récursaient de manière inattendue. #514
Corrigé un bug qui faisait que l'étiquette des cases à cocher avec plusieurs options n'était pas remplacée par sections-schema. #541
Corrigé un bug qui faisait que les étiquettes ne changeaient pas dynamiquement dans les messages de validation déjà rendus. #297
Corrigé un bug qui faisait que la prop disabled avait besoin de null au lieu de false pour rendre l'attribut data-disabled sur l'enveloppe extérieure. #511
Corrigé un bug qui empêchait les slots d'être conditionnels (c'est-à-dire en utilisant v-if sur le bloc <template v-slot>). #489
Corrigé les problèmes de compatibilité avec Nuxt et Nuxt playground.
Corrigé un bug qui faisait que les sections utilisant ne respectaient pas correctement la prop sections-schema.
Corrigé un problème avec les variantes d'icônes de préfixe et de suffixe de Tailwind. #530
Pro: Corrigé un bug taglist où des options en double étaient chargées depuis l'API. #497
Pro: Corrigé un bug où le taglist rendait des props en double lorsque la prop multiple était réglée sur false. #494
Pro: Corrigé un bug où les options autocomplete se dupliquaient lorsqu'elles étaient utilisées rapidement, de manière répétée, ou avec du contenu collé. #431
Pro: Corrigé un problème où la valeur par défaut pour autocomplete et taglist ne pouvait pas être supprimée lorsque la valeur fournie était un objet littéral. #505
Pro: Corrigé un problème où la listbox était toujours visible lorsqu'aucune option n'était passée. #504

📙 Documentation & Playground

Nouveau Référence API — Les utilisateurs de TypeScript se réjouissent ! La référence API expose des fonctionnalités précédemment non documentées.
Nouvelle implémentation Tailwind de notre thème Genesis.
Lors de la sélection de Tailwind CSS dans le FormKit Playground, le nouveau Thème Genesis FormKit Tailwind est automatiquement chargé pour vous si votre Playground n'a pas déjà un fichier formkit.config.js.

Pro : Nouveau Taglist Pro Input maintenant disponible !
Ajoute la commande npx formkit create-app pour initialiser facilement de nouveaux projets FormKit.
Améliore les messages de validation de la règle length dans toutes les langues.
Ajoute la langue grecque 🇬🇷 (uk) #460.
Ajoute la langue norvégienne Bokmål 🇳🇴 (nb) #418.
Ajoute la langue slovaque 🇸🇰 (sk) #401.
Pro : Tous les Pro Inputs peuvent maintenant être désactivés.
Pro : Améliorations du thème Genesis Pro.
Pro : Les autocomplétions avec plusieurs options sélectionnées peuvent maintenant être réorganisées par glisser-déposer.
Pro : Ajout d'attributs manquants au schéma de message.

🐛 Corrections de bugs

Correction d'un bug où le slot de label ne fonctionnait pas sans la prop label #456.
Correction d'un bug où vous ne pouviez pas changer dynamiquement les règles de validation disponibles #449.
Correction d'un bug où le changement de clés ne réinitialisait pas la valeur d'une entrée lorsqu'elle se trouvait dans un groupe. #446.
Correction d'un bug où les méthodes de l'objet Date étaient inaccessibles à partir du schéma #406.
Correction d'un problème de cheminement qui rendait difficile l'accès aux fichiers par des tiers #404.
Correction d'un bug qui empêchait l'argument stopIfFalse sur la fonction walkTree.
Correction d'un bug où une entrée de sélection initialisée avec une valeur null n'a pas une bonne valeur #415.
Pro : Correction d'un bug où l'événement count:blocking n'était pas correctement émis dans les Repeaters.
Pro : Mise à jour des index de Repeater pour être des nombres au lieu de chaînes. #422.
Pro : Correction d'un bug d'autocomplétion où la page suivante d'options écrasait la page actuelle. #447.
Pro : Correction d'un bug où les entrées Pro ne montraient pas les messages de validation au flou #403.

Pose les bases pour FormKit Pro Inputs !

🐛 Corrections de bugs

Correction d'un bug où l'emplacement "aide" apparaissait deux fois pour les éléments checkbox et radio #353.
Correction d'un bug qui faisait échouer le plugin FormKit AutoAnimate avec Nuxt #361.
Correction d'un bug de schéma où une référence en notation point à une sous-propriété inexistante provoquait l'affichage de [Object object] après l'existence de la référence #368.
FormKit fonctionne maintenant avec Nuxt 3.0.0-rc.8 et 3.0.0-rc.9 #371 et #383.
Correction d'un bug où les utilisateurs ne pouvaient pas utiliser les hooks via le plugin pour mettre à jour les valeurs v-modelées #391.
Correction d'un bug où les utilisateurs ne pouvaient pas importer @formkit/themes/tailwindcss avec TypeScript #376.
Correction d'un bug qui faisait que les icônes par défaut ne se chargeaient jamais lorsqu'elles étaient incluses directement dans la configuration.
Correction d'un bug où une validation de case à cocher avec "obligatoire" ne fonctionnait que la première fois #169.

Les définitions d'entrée ont maintenant une propriété family optionnelle, qui ajoute un attribut data-family, et définit la valeur sur node.props.family. Ceci est utile pour appliquer des plugins et des styles à des "familles" entières d'entrées comme la famille de textes d'entrées, qui s'appliquerait à text, email, password, number, etc.
Les définitions d'entrée incluent maintenant une propriété forceTypeProp optionnelle qui assure que le node.props.type est initialisé comme une valeur donnée même si l'entrée est enregistrée sous un nom différent. Par exemple, myModifiedCheckbox pourrait toujours avoir node.props.type rapport "checkbox".
Ajoute l'attribut data-multiple aux cases à cocher et aux radios lorsqu'ils ont plusieurs options.
Ajoute un nouvel événement @submit-invalid aux entrées type="form". L'événement est déclenché lorsqu'un utilisateur tente de soumettre un formulaire mais qu'il a des entrées invalides.
Ajoute une nouvelle fonction d'aide getValidationMessages à @formkit/validation qui extrait une Map des nœuds et de leurs messages de validation.
Ajoute une nouvelle section decorator-icon aux cases à cocher et aux radios, facilitant l'utilisation de SVG personnalisés dans vos cases à cocher et radios.
Ajoute de nouvelles icônes "check" et "circle" au pack d'icônes intégré.
Ajoute la langue 🇦🇿 azerbaïdjanaise (az).
Ajoute la langue 🇺🇦 ukrainienne (uk).

🐛 Corrections de bugs

Correction d'une régression où une seule case à cocher n'affichait plus le texte d'aide (#310).
Correction d'un bug qui faisait échouer le plugin AutoAnimate sur Nuxt SSR (#330).
Correction d'un bug qui faisait passer tous les context.state.dirty des entrées à vrai lorsqu'un formulaire v-modelé était modifié (#311).
Correction d'un bug qui provoquait une condition de course entre l'événement @change d'une liste de sélection et la propagation de la valeur v-model (#335).
Correction d'un bug qui faisait retourner des objets au lieu de tableaux par les props/attrs conditionnels qui renvoyaient des tableaux (#317).
Correction d'un bug qui faisait passer les entrées de fichiers vides à indéfini au lieu d'un tableau vide lorsque node.reset() est appelé (#319).
Correction d'un bug qui faisait que la prop désactivée désactivait incorrectement les cases à cocher et les entrées radio lorsqu'elle était définie sur une valeur fausse (non nulle) (#307).

La section removeFiles de l'entrée de fichier a été renommée en fileRemove.
La section fileRemove (précédemment removeFiles) utilisée pour rendre une balise <a>, cela a été changé en un button.
Les composables de @formkit/inputs ont été remplacés par des "sections". Cela ne devrait affecter que les utilisateurs qui créaient leurs propres entrées à partir de composables préexistants.

🎉 Nouvelles fonctionnalités

Icônes ! FormKit est maintenant livré avec un support de première classe pour les icônes, y compris un pack d'icônes sous licence MIT de première partie avec une livraison CDN automatique. En savoir plus à ce sujet sur la nouvelle page de documentation des icônes.
AutoAnimate ! FormKit inclut maintenant un plugin AutoAnimate, apportant le support AutoAnimate à FormKit avec une seule ligne de code.
Exportations ! Vous pouvez maintenant exporter n'importe laquelle des entrées existantes et les restructurer à volonté en utilisant le nouvel outil de ligne de commande @formkit/cli. Modifiez les entrées existantes en ajoutant, supprimant, mettant à jour ou réorganisant les sections - ou ajoutez vos propres variations d'entrées exportées et modifiées à votre bibliothèque d'entrées.
Toutes les entrées ont été refactorisées pour utiliser une API de composition de schéma beaucoup améliorée qui permet une composition et une modification faciles des entrées basées sur le schéma.
Ajoute une nouvelle propriété meta à la spécification du schéma (#248).
Les thèmes CSS de FormKit peuvent être installés via CDN en utilisant la nouvelle option theme dans defaultConfig()
Ajoute de nouveaux hooks submit et setErrors.
Ajoute la langue 🇧🇬 Bulgare.
Ajoute la langue 🇭🇺 Hongroise.
Ajoute la langue 🇰🇿 Kazakh.
Ajoute la langue 🇷🇸 Serbe.
Ajoute la langue 🇹🇯 Tadjik.

🐛 Corrections de bugs

Correction d'un bug qui empêchait la propriété key de fonctionner lors de l'utilisation du raccourci $formkit dans le schéma (#232).
Correction d'un bug qui n'appelait pas les gestionnaires d'événements sur @blur (#239).
Correction d'un bug qui provoquait 1 trop d'itérations for sur les anciens navigateurs Safari (#299).
Ajout de clés automatiques aux entrées FormKit qui a corrigé une série de bugs de réactivité lorsque des clés explicites n'étaient pas utilisées avec des entrées conditionnelles.
La propriété input-errors réinitialisera désormais toutes les erreurs qu'elle a précédemment définies lorsqu'elle est définie sur un objet vide {} (#277).
Ajoute le support des diacritiques tchèques/slovaques dans les règles alpha et alpha_spaces (#281).

📙 Documentation

Nouvelle page de documentation pour FormKit Icons 🎉.
Nouveau guide pour exporter et restructurer les icônes!
Nouvelle documentation utilisant le plugin AutoAnimate.
Les diagrammes d'entrée incluent de nouvelles sections d'icônes.

Les plugins tailwindcss, unocss, et windicss doivent maintenant être importés à partir de leur propre sous-chemin du paquet @formkit/themes. Par exemple :

import formKitTailwindPlugin from '@formkit/themes/tailwindcss'

🐛 Corrections de bugs

Supprime les importations incorrectes de windicss, tailwindcss et unocss.

L'événement update:model-value ne sera désormais émis que lors de l'utilisation de la directive v-model.
L'événement input est maintenant différé pour réduire la quantité de bruit émis. Vous pouvez utiliser le nouveau input-raw pour écouter chaque événement d'entrée.
Les erreurs définies via setErrors sont maintenant automatiquement effacées lors de l'entrée par défaut. Pour revenir au comportement précédent, définissez preserveErrors: true dans votre objet de configuration global.
Le paquet @formkit/tailwindcss est maintenant obsolète — le plugin formKitTailwind et la fonction generateClasses ont été déplacés vers le paquet @formkit/themes.

🎉 Nouvelles fonctionnalités

Les entrées checkbox, radio, et select (entrées qui utilisent :options) peuvent maintenant utiliser n'importe quel type de données comme leur valeur comme des nombres, des objets, ou même null (#85).
Ajoute de nouvelles utilitaires node.clearErrors et clearErrors pour aider à effacer les erreurs de backend d'une entrée ou d'un formulaire.
Maintenant, les entrées effacent automatiquement toutes les erreurs définies avec node.setErrors() lors de l'entrée de l'utilisateur. Vous pouvez remplacer ce comportement par défaut (pour conserver l'erreur sur l'entrée) avec preserve-errors="true".
Ajoute une nouvelle fonction node.addProps pour ajouter de nouvelles propriétés dans les plugins personnalisés.
Ajoute un nouveau crochet message pour modifier les messages lorsqu'ils sont définis.
Ajoute un nouvel événement de base reset — émis après la réinitialisation d'un formulaire.
Ajoute une nouvelle propriété index qui permet d'injecter des entrées à un index donné sur un type list parent.
L'événement input du composant <FormKit> est maintenant différé, ce qui signifie qu'il émet beaucoup moins de bruit.
Exporte toutes les fonctions de fonctionnalités d'entrée import { features } from '@formkit/inputs'.
Ajoute un nouvel événement input-raw au composant <FormKit> qui est émis pour chaque événement d'entrée unique dans une entrée, une liste, un groupe, ou un formulaire (très bruyant).
Le nœud de base est maintenant le deuxième argument des événements input, input-raw, submit et submit-raw.
Ajoute un nouvel événement de nœud de base dom-input-event qui a l'objet Event HTML natif comme charge utile.
@formkit/themes inclut maintenant des exportations nommées pour les fonctions de plugin pour Tailwind CSS (formKitTailwind), Windi CSS (formKitWindi), et Uno CSS (formKitUno). En ajoutant le plugin correct à votre fichier de configuration de framework CSS, vous aurez accès à une variété de variantes formkit telles que formkit-invalid: et formkit-disabled:.
@formkit/themes inclut maintenant la fonction d'aide generateClasses qui vous permet de fournir facilement différentes listes de classes à ${sectionKey}s en fonction du type d'entrée.
Ajoute la langue 🇸🇪 suédoise.
Ajoute la langue 🇸🇮 slovène.
Ajoute la langue 🇷🇴 roumaine.
Ajoute la langue 🇯🇵 japonaise.
Ajoute la langue 🇹🇭 thaïlandaise.
Améliore la langue 🇵🇱 polonaise.

🐛 Corrections de bugs

🔥 Améliore considérablement les performances et la fiabilité de v-model pour les structures profondément imbriquées comme les formulaires avec listes et groupes.
Corrige un problème qui faisait que les valeurs null provoquaient des erreurs (#151)
Corrigé un bug qui faisait que validation-visibility ne changeait pas lorsqu'il était mis à jour de manière réactive (#159)
Corrige un bug qui faisait que le mot-clé preserve bloquait certaines soumissions de formulaires (#145)
Corrige la dactylographie TypeScript pour la configuration @formkit/tailwind (#143)
Corrige un bug qui faisait que les cases à cocher uniques avec un objet comme on-value ne recevaient pas leur valeur initiale lors de l'utilisation de la propriété :value.
Corrige un bug qui faisait que les règles de validation n'étaient pas mises à jour lorsque la propriété label changeait (#170)
Corrige un bug qui provoquait une sélection par défaut incorrecte sur les listes de sélection avec un attribut multiple="false" explicite et un espace réservé (#148).
Corrige un bug qui faisait que la propriété classes ne réagissait pas à la réactivité de Vue lors de l'utilisation de refs imbriquées (#155).
Corrige un bug qui empêchait les boutons de soumission d'être désactivés lorsqu'ils étaient appliqués en utilisant l'attribut disabled sur le formulaire sans spécifier disabled="true" (#215)
Corrige un bug du compilateur de schéma qui faisait que l'espace blanc d'une chaîne entre guillemets dans une parenthèse était incorrectement supprimé (#150).

Ajoute une nouvelle règle de validation alpha_spaces (#83)
Ajoute 🇨🇿 Tchèque (merci @dfridrich)
Ajoute Frison (merci @arjendejong12)

📙 Documentation

Nouvelle documentation de configuration qui explique la relation entre les options de noeud, la configuration et les props.

🐛 Corrections de bugs

Corrige un bug qui faisait que les entrées radio perdaient leur réactivité lorsqu'elles étaient définies via node.input() (#139)
Améliore l'annotation TypeScript pour l'événement @submit (#130)
Corrigé un problème qui faisait que les sélections ne s'affichaient pas si elles étaient définies sur un tableau vide (#129)
Corrigé une erreur qui provoquait des erreurs de rendu côté serveur sur Nuxt 3 lors de l'exécution d'un projet construit (#113)
Corrigé un bug qui faisait que la portée des variables de schéma était perdue lors de la référence des données d'itération à l'intérieur de l'emplacement d'un composant (#91)

L'attribut data-loading a été déplacé du bouton de soumission d'un formulaire à la balise <form> elle-même.

🎉 Nouvelles fonctionnalités

Ajoute le nouveau plugin @formkit/tailwindcss pour créer facilement des thèmes Tailwind pour vos formulaires FormKit. Consultez le guide Créer un thème CSS Tailwind pour plus de détails.
Ajoute une nouvelle fonction reset programmatique. Cela peut être fait sur n'importe quelle entrée, groupe, formulaire, ou liste et cela restaurera la valeur à son état initial. Il réinitialise également l'objet context.state (comme blurred et dirty).
Améliore l'accessibilité en ajoutant aria-describedby et aria-live à tous les types d'entrée fournis. aria-describedby cible désormais le texte d'aide, les messages de validation, et les messages d'erreur (étiquetage fourni par les balises <label> qui utilisent l'attribut for).
Les groupes, les listes et les formulaires peuvent maintenant appliquer des valeurs undefined à leurs enfants. En d'autres termes, si un formulaire est v-modelé et que sa valeur est définie sur un objet vide {}, il effacera tout le formulaire.
Ajoute une nouvelle propriété context.state.settled qui signale lorsque le cycle de rebond interne de l'entrée est terminé et qu'une valeur a fini d'être engagée dans le formulaire.
Ajoute l'attribut data-submitted aux entrées qui ont été soumises.
Ajoute une nouvelle clé de section fileName (merci @santi).
Ajoute une nouvelle propriété parent qui accepte un nœud central pour des cas d'utilisation avancés où les entrées sont découplées de leur formulaire ou où une structure de données est souhaitée.
Ajoute 🇱🇾 Arabe (merci @Ahmedelforjani)
Ajoute 🇩🇰 Danois (merci @bjerggaard)
Ajoute 🇮🇩 Indonésien (merci @rama-adi)
Ajoute 🇮🇹 Italien (merci @punga78, @Archetipo95)
Ajoute 🇵🇱 Polonais (merci @xxSkyy)
Ajoute 🇰🇷 Coréen (merci @bwp618)
Ajoute 🇻🇳 Vietnamien (merci @oanhnn)
Amélioré 🇫🇷 Français (merci @pop123123123)

🐛 Corrections de bugs

Corrige un bug qui pouvait faire clignoter les erreurs de validation pendant 20ms avant de se résoudre lors de l'utilisation de l'autocomplétion du navigateur (#99).
Corrige un bug qui faisait que les propriétés de classe (comme input-class) à l'intérieur des schémas ne respectaient pas correctement la commande $reset car elle était traitée comme une variable (#61).
Corrige un bug qui ne permettait pas de modifier les classes via les propriétés de classe de clé de section lorsque la clé de section a plusieurs mots, comme file-list-class ou file-item-class (#120).

Le thème genesis doit maintenant être importé de import '@formkit/themes/genesis.

🎉 Nouvelles fonctionnalités

Ajoute la soumission de formulaire programmatique :
- Peut être soumis par le nœud node.submit() (y compris tout nœud enfant du formulaire).
- Peut être soumis via la fonction this.$formkit.submit('form-id') (pour l'api de composition, c'est submitForm('form-id')).
Amélioration de setErrors DX :
- Peut maintenant être appelé directement sur un nœud node.setErrors(nodeErrors, childErrors).
- setErrors supporte maintenant la chaîne pure node.setErrors('Mon erreur')
Le gestionnaire de soumission reçoit maintenant le nœud du formulaire pour faciliter la définition des erreurs.
Le nœud central d'un composant <FormKit> est maintenant disponible via la référence de modèle.
Ajoute l'attribut data-invalid à la section outer lorsqu'une entrée a des messages de validation échoués qui sont actuellement affichés (exemple de terrain de jeu).
Ajoute l'attribut data-errors à la section outer lorsque l'entrée a des erreurs explicitement placées (via prop ou setErrors).
Ajoute l'attribut data-complete à la section outer lorsqu'une entrée (exemple de terrain de jeu) :
- Soit :
  - L'entrée a des règles de validation.
  - Toutes les règles de validation sont respectées.
  - Il n'y a pas d'erreurs sur l'entrée.
- Ou :
  - L'entrée n'a pas de règles de validation.
  - L'entrée n'a pas d'erreurs.
  - L'entrée est sale et a une valeur.
Nouvelles propriétés context.state :
- state.rules - vrai lorsque l'entrée a des règles de validation.
- state.errors - vrai lorsque l'entrée a des erreurs explicites placées sur elle.
- state.complete - même logique que data-complete.
- state.validationVisible - vrai lorsque la condition validation-visibility est remplie (elle montre des erreurs de validation s'il y en a).
Refactorise le module Nuxt 3 pour un temps de construction plus rapide et une meilleure résolution de fichiers.
Ajoute le support de la langue persane 🇮🇷 (merci @shahabbasian)
Ajoute le support de la langue portugaise 🇧🇷 (merci @r-martins)
Ajoute le support de la langue turque 🇹🇷 (merci @ragokan)
Ajoute le support de la langue finnoise 🇫🇮 (merci @mihqusta)
Ajoute le support de la langue espagnole 🇦🇷 (merci @inibg)

📙 Documentation

Ajout de la documentation node.setErrors.
Ajout de la documentation de soumission de formulaire programmatique.
Amélioration de la documentation context.state avec de nouvelles propriétés et de meilleures descriptions.

🐛 Corrections de bugs

Corrige un problème qui provoquait des exceptions lors du processus de construction lors du rendu côté serveur et de la génération côté serveur sur Nuxt et vite-ssg/vitesse (#81).
Corrige un bug qui empêchait les entrées file de déclencher des événements onChange personnalisés (#90).
Corrige un bug qui empêchait les formulaires de sortir leur id vers le DOM.
Corrige un problème de style dans le thème Genesis qui faisait que les éléments de la liste de sélection étaient gris avant qu'une option ne soit sélectionnée lors de l'utilisation d'un espace réservé (#59)
Corrige un bug qui faisait que la propriété :value sur les formulaires était modifiée lors de l'entrée (#72).
Corrige une incohérence entre les événements prop:{propName} émis par les propriétés par défaut et les propriétés définies par l'entrée personnalisée (#73)

1.0.0-beta.3

22 février 2022

beta.3 allait être une si grande version que nous avons décidé de la sauter et de passer directement à beta.4 👀 ! Juste pour rire. Nous avons eu des problèmes avec npm et avons dû augmenter 🤦.

Le nouveau package @formkit/nuxt est un module Nuxt 3 complet qui rend l'utilisation de FormKit avec Nuxt 3 aussi simple que possible !
defaultConfig inclut maintenant un nouveau package @formkit/dev qui décode les codes d'erreur de FormKit en messages de console utiles (aucune action requise) (#56).
FormKit est officiellement open-source sous la licence MIT !
La clé preserve s'applique maintenant à tous les descendants (#53).
Exporte toutes les fonctions de formatage de texte dans le package @formkit/i18n (#54).
Ajoute le support de la langue néerlandaise 🇳🇱 (merci @arjendejong12).
Ajoute le support de la langue croate 🇭🇷 (merci @antemarkic).
Améliore le support de la langue allemande 🇩🇪 (merci @tosling).

📙 Documentation

Nouvelle documentation d'installation. Vous n'avez plus besoin d'un jeton d'authentification pour installer à partir de l'organisation @formkit !
Documentation d'installation de Nuxt
Documentation d'internationalisation améliorée pour les remplacements de messages sélectifs.

🐛 Corrections de bugs

Corrige un bug qui faisait que les cases à cocher multi-sélection n'affichaient pas la valeur actuelle lorsqu'elle était définie à partir du nœud parent et lors de l'utilisation de la propriété options qui est stockée dans une variable externe (#55)
Corrigé un bug qui faisait que le placeholder sur les entrées de sélection était supprimé si quelque chose provoquait le re-rendu de l'entrée (#52).
Corrigé la couleur du placeholder de sélection (#51)

Les formulaires sont automatiquement désactivés lorsqu'un gestionnaire de soumission asynchrone est en attente (#44).
Ajout d'une nouvelle prop submit-behavior pour se désinscrire des nouveaux formulaires automatiquement désactivés.
Exporte le plugin de liaisons Vue à FormKit en tant que bindings dans le package @formkit/vue.
Le type button et submit sont automatiquement ignorés.
Introduit une nouvelle clé messages dans le defaultConfig pour permettre des substitutions partielles aux locales. Cela permet des substitutions de messages sélectives pour les locales déjà enregistrées (#42).
Le compilateur de schéma prend désormais en charge "undefined" comme une sortie valide (en d'autres termes $: undefined donnerait la valeur undefined au lieu de la chaîne "undefined").
Ajoute la locale 🇮🇱 Hébreu (merci @Hepi420)
Ajoute la locale 🇨🇳 Chinoise (merci @myleslee)

🐛 Corrections de bugs

Correction d'un problème qui faisait que les cases à cocher avec options ne s'hydrataient pas correctement lorsqu'elles étaient repeuplées à partir d'un group, list, ou form (#45).
Correction d'un problème qui faisait que les cases à cocher avec options ne s'affichaient pas correctement lorsqu'il manquait la prop label (#41).
Amélioration significative du support TypeScript pour les props “synthétiques” (#43).

Modifie la prop validation-behavior sur le composant <FormKit> en validation-visibility.
Modifie la prop schema sur le composant <FormKit> en sections-schema.

🎉 Nouvelles fonctionnalités

Ajoute le type d'entrée natif file avec support pour certaines fonctionnalités à valeur ajoutée :
- Repeuplement uniquement à l'affichage.
- Glisser-déposer.
- Effacement de l'entrée.
Ajoute la fonction d'aide createInput pour faciliter l'écriture des entrées personnalisées.
La nouvelle prop incomplete-message permet une personnalisation en ligne (ou la désactivation) du message affiché par un formulaire lorsqu'il tente de soumettre et que toutes ses entrées ne sont pas valides.
Met à jour le defaultConfig pour accepter les entrées personnalisées.
Ajoute une clé de section de préfixe qui permet d'injecter du contenu immédiatement avant un élément d'entrée.
Ajoute une clé de section de suffixe qui permet d'injecter du contenu immédiatement après un élément d'entrée.
🇷🇺 Locale russe (merci @andreimakushkin!)
Refactorise le thème Genesis pour utiliser une structure de variable CSS beaucoup plus robuste.
Ajoute une nouvelle fonctionnalité aux schémas qui permet aux utilisateurs de préfixer les propriétés props et attrs avec __raw__ pour passer la valeur brute au lieu de son résultat analysé (#36).

📙 Documentation

Nouveau guide créer une entrée personnalisée.
Nouvelle page de documentation avancée sur l'entrée personnalisée.
Les "clés de composition" seront désormais appelées "clés de section".
Ajoute une documentation sur plugin.library — le mécanisme que les plugins utilisent pour définir de nouveaux types d'entrée.
L'éditeur de code interactif pour les exemples prend désormais en charge plusieurs fichiers.
Dans le FormKit Playground, vous pouvez ajouter de nouveaux fichiers et les importer les uns dans les autres. Le FormKit Playground prend en charge les fichiers .vue, .js, formkit.config.js et tailwind.config.js.
Le FormKit Playground est désormais situé à https://formkit.com/playground et les anciens terrains de jeu https://formkit.com/playground/vue sont obsolètes.

🐛 Corrections de bugs

Corrige un bug qui empêchait l'affichage du message incomplet sur les formulaires (#29).
Corrige les typages TypeScript pour les événements @submit et @submit-raw.
Corrige l'ordre des nombres dans les messages de validation length et between pour toujours placer le nombre inférieur en premier (#35).
Corrige un problème (#32) avec les listes de sélection où la propriété :options n'acceptait pas les valeurs numériques.

Nouvelle règle de validation "hints" — des modificateurs qui changent le comportement d'une règle de validation. Les hints pris en charge vous permettent de :
- Exécuter une règle lorsque le champ est vide.
- Forcer une règle à s'exécuter même lorsque les règles précédentes échouent.
- Délayer une règle de validation.
- Rendre une règle de validation facultative.
Lorsqu'une entrée est à l'intérieur d'un formulaire et démontée (comme un v-if), elle supprime maintenant sa valeur des données du formulaire et désenregistre son nœud central.
La nouvelle propriété preserve permet aux entrées de ne pas supprimer leurs données des groupes, listes et formulaires lorsqu'elles sont supprimées.

🐛 Corrections de bugs

Correction d'un problème qui faisait que les options de radio et de case à cocher de valeur numérique s'affichaient de manière incorrecte.
Correction d'un bug qui faisait que le placeholder ne s'affichait pas lorsque la propriété venait après la propriété options.
Correction d'un bug qui faisait que la valeur de délai n'était pas respectée lorsqu'elle était définie à l'aide de la configuration de l'ancêtre.

La gestion des erreurs de formulaire est là. Vous pouvez désormais définir des erreurs d'entrée sur un formulaire entier, un groupe ou une liste avec la propriété input-errors ou les méthodes $formkit.setErrors(). En savoir plus à ce sujet sur les docs du formulaire.
Nouveau $formkit.setLocale() change réactivement la langue de tous les messages affichés.
Ajoute les locales 🇫🇷 Français et 🇩🇪 Allemand (merci @HoreKk et @digitalkaoz)
Ajoute un nouvel objet proxy rootConfig qui est utilisé pour stocker la configuration de base globale et les valeurs de propriété (refonte significative du système de configuration).
Ajout du suivi des dépendances ledger aux instances de FormKitObservedNode.
Le bouton de soumission sur les formulaires utilise désormais la locale pour l'étiquette "Submit" par défaut.
Nouvel événement de nœud enfant émis lorsqu'un parent a un enfant ajouté à lui.
La règle length peut désormais prendre des arguments max/min dans n'importe quel ordre length:15,5 ou length:5,15 évaluent la même chose.
Ajoute une nouvelle fonction getNode pour accéder directement à un nœud FormKit en utilisant l'API de composition.
Améliore l'emplacement d'importation du css @formkit/theme.

🐛 Corrections de bugs

Correction d'un bug qui provoquait parfois une exception chez les enfants des entrées list lors de l'affichage des erreurs de validation.
Amélioration de plusieurs messages d'erreur de validation.
Correction d'un problème avec les entrées de sélection qui empêchait les appels bruts node.input() de déclencher la réactivité dans Vue.

Un nouveau raccourci de schéma $formkit pour utiliser les entrées FormKit dans un schéma (Issue #15).
Nouvelle propriété disabled sur les entrées de formulaire, de liste et de groupe qui désactive automatiquement toutes les entrées enfants (Issue #16).
Nouvelle propriété submitAttrs sur les formulaires qui vous permet de passer des attributs au bouton de soumission du formulaire.
Ajout d'une nouvelle propriété universelle ignore qui empêche les données d'une entrée d'être utilisées dans un formulaire.

🐛 Corrections de bugs

Correction d'un problème qui empêchait les schémas de rendre des expressions lorsqu'ils étaient utilisés à l'intérieur de la propriété children d'un composant FormKit. (Issue #21).
Ajout d'une vérification au cas où une fonction rootClasses renvoie incorrectement undefined (Issue #17).
Correction d'un bug qui faisait qu'un bouton de soumission de formulaire polluait l'objet de données du formulaire avec une propriété submit_x (Issue #22).
Correction d'un bug qui faisait échouer les nœuds de schéma $cmp à se remonter si l'objet racine du schéma était réinitialisé, provoquant une re-analyse complète (Issue #14).

Docs

Premiers pas

Essentiels

Entrées

Plugins

Guides

Référence de l'API

Outils

À propos

Sponsors

Premiers pas

Essentiels

Entrées

Plugins

Guides

Journal des modifications