;;
;;
;;
;;
;;
const InitialConfig = AntdConfig;;
;;
;;
const config =
…InitialConfig
Des champs::
quantité::
étiquette:: ‘quantité‘
De l’art:: ‘numéro‘
fieldSettings::
Le minimum:: 0
valeurSources:: ‘value‘
préfère les widgets:: ‘number‘
le prix::
étiquette:: ‘le prix‘
De l’art:: ‘numéro‘
valeurSources:: ‘value‘
fieldSettings::
Le minimum:: dix
Max:: 100
préfère les widgets:: ‘slider‘ ‘rangeslider‘
Couleur::
étiquette:: ‘Couleur‘
De l’art:: ‘choisir‘
valeurSources:: ‘value‘
fieldSettings::
listValues::
value: ‘yellow‘ title: ‘Yellow‘
value: ‘green‘ title: ‘Green‘
value: ‘orange‘ title: ‘Orange‘
is_promotion::
étiquette:: ‘Promo?‘
De l’art:: ‘Valeur booléenne‘
opérateur:: ‘equal‘
valeurSources:: ‘value‘
;;
const queryValue = « »je voudrais« »:: QbUtils « »De l’art« »:: « »grouper« »;;
Statut =
arbre:: QbUtils
config:: config
;;
<div>
<mettre en doute
…config
valeur=celles-ciStatutarbre
au changement=celles-ciau changement
renderBuilder=celles-cirenderBuilder
/.>
celles-ci
</.div>
<div className=« »Conteneur du générateur de requêtes« » style=tapisserie:: ‘10px‘>
<div className=« »Générateur de requêtes qb-lite« »>
<constructeur …accessoires /.>
</.div>
</.div>
<div className=« »Résultat du générateur de requêtes« »>
<div>Chaîne de requête:: <Devant>JSON</.Devant></.div>
<div>Requête MongoDb:: <Devant>JSON</.Devant></.div>
<div>SQL Où:: <Devant>JSON</.Devant></.div>
<div>JsonLogic:: <Devant>JSON</.Devant></.div>
</.div>
{
celles-ci;;
const jsonTree = QbUtils;;
console;;
}}