ebayui core
v14.6.0
Collection de widgets Marko; Considéré comme les éléments de base de tous les composants, pages et applications eBay.
Remarque: les composants de noyau eBayui utilisent des drapeaux Marko et, par conséquent, nécessitent que <lasso-page/> soit ajouté à n'importe quelle page qui aura des composants principaux.
Remarque: @ebay/skin/global et @ebay/skin/marketsans doivent être chargés par votre application pour que tous les modules se chargent correctement.
Remarque: Pour que les attributs de propagation fonctionnent correctement, [email protected] au moins est requis
Tous les composants sont développés et testés cross-browser à l'aide de Browserstack, conformément à notre politique officielle du navigateur eBay.
Nous prenons l'accessibilité très au sérieux. Très sérieusement en effet. Par conséquent, tous les composants sont construits conformément aux modèles d'esprit eBay. Ces modèles, à leur tour, s'appuient à partir des spécifications fournies par les pratiques de création de Wai-Aria.
Les composants sont construits d'une manière en couches et progressivement améliorée, en utilisant les ressources suivantes:
Chaque couche fait son bit pour appliquer et améliorer l'accessibilité. Nous considérons ce niveau de soutien comme l'un de nos principaux arguments de vente, et nous espérons que vous aussi!
ebay-3d-viewerebay-alert-dialogebay-avatarebay-badgeebay-breadcrumbsebay-buttonebay-calendarebay-carouselebay-character-countebay-checkboxebay-chipebay-comboboxebay-cta-buttonebay-date-textboxebay-detailsebay-drawer-dialogebay-eekebay-fake-linkebay-fake-menuebay-fake-menu-buttonebay-fake-tabsebay-filterebay-filter-menuebay-filter-menu-buttonebay-fullscreen-dialogebay-iconebay-icon-buttonebay-infotipebay-inline-noticeebay-lightbox-dialogebay-listebay-listbox-buttonebay-menuebay-menu-buttonebay-page-noticeebay-paginationebay-panel-dialogebay-phone-inputebay-progress-barebay-progress-bar-expressiveebay-progress-spinnerebay-progress-stepperebay-radioebay-section-noticeebay-section-titleebay-segmented-buttonsebay-selectebay-signalebay-skeletonebay-snackbar-dialogebay-split-buttonebay-star-ratingebay-star-rating-selectebay-switchebay-tabsebay-textboxebay-toast-dialogebay-toggle-buttonebay-toggle-button-groupebay-tooltipebay-tourtipebay-tri-state-checkboxebay-video Les composants de noyau eBayui sont disponibles en tant que package @ebay/ebayui-core sur NPM.
Utilisez le NPM ou le fil pour ajouter la dépendance du package à votre projet:
npm add @ebay/ebayui-coreVoir le guide de mise à niveau pour plus d'informations
Une fois la dépendance du package ajouté, les balises de douane eBay sont désormais disponibles pour une utilisation dans vos modèles Marko. Par exemple, pour utiliser un composant ebay-menu :
< ebay-menu text = " Sort " type = " radio " >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu > Les attributs fournissent un état initial pour un composant. Nous pouvons voir que le menu a des attributs text et type :
< ebay-menu text = " Sort " type = " radio " >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu >Passer de nouveaux attributs à un composant eBayui réinitialisera toujours son état interne. Si vous souhaitez persister cet état vous-même, les événements sont exposés qui vous permettent de synchroniser l'état dans vos propres composants, par exemple:
class {
onCreate () {
this . state = {
dialogIsOpen : false
}
}
handleDialogClose () {
this . state . dialogIsOpen = false ;
}
handleDialogOpen () {
this . state . dialogIsOpen = true ;
}
}
< ebay-lightbox-dialog
open = state . dialogIsOpen
on-open ( ' handleDialogOpen ' )
on-close ( ' handleDialogClose ' ) >
...
</ ebay-lightbox-dialog >Les attributs HTML peuvent être utilisés sur n'importe quel composant, et ils seront transmis à la balise la plus importante du composant. La balise la plus importante est généralement le contrôle racine ou de forme, mais les composants individuels noteront s'il varie pour des cas spécifiques.
Exemple d'utilisation statique:
< ebay-button id = " my-button " /> Pour utiliser dynamiquement les attributs de pass-through, ils doivent être envoyés via l'attribut html-attributes :
$ const myAttributes = { id : ' my-button ' };
< ebay-button html-attributes = myAttributes />Les attributs de passage statique et dynamique peuvent être utilisés simultanément (HTML-Attributes a priorité dans les conflits):
$ const myAttributes = { id : ' my-button ' };
< ebay-button html-attributes = myAttributes type = " submit " />Les événements peuvent également être gérés à l'aide de la syntaxe de Marko:
< ebay-menu text = " Sort " type = " radio " on-change ( " onMenuChange " ) >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu >Pour la prochaine feuille de route et l'historique de sortie, veuillez vous référer à nos pages de versions et de jalons.
Le package eBayui-core suit des versioning sémantique stricte.
Étant donné un numéro de version major.minor.patch:
Les dépréciations seront communiquées via des billets de libération, alors veuillez vous assurer de les lire attentivement. En général, attendez-vous à ce que toute fonction de dépréciation soit supprimée dans la prochaine version principale. Cependant, dans certains cas, nous pouvons attendre un peu plus longtemps.
Veuillez utiliser notre page de problèmes pour poser des questions, signaler les problèmes ou soumettre des demandes de fonctionnalités.
Pour aider à suivre votre problème, nos administrateurs l'attribueront avec une ou plusieurs étiquettes de couleur:
Vous cherchez à contribuer à eBay UI? Veuillez visiter notre page contributive pour plus d'informations.
Copyright (C) 2018 Ebay Inc.
L'utilisation de ce code source est régie par une licence de style MIT qui peut être trouvée dans le fichier de licence ou sur https://opensource.org/licenses/mit.
L'utilisation de certains composants nécessite une licence séparée et non open source de tiers
Les composants de visualisation des données et les composants de cartographie de la bibliothèque eBayui sont conçus pour utiliser un ou plusieurs produits logiciels HighCharts®. HighCharts® est une marque déposée de Highsoft AS. Highsoft comme n'est pas affilié à eBay. EBay n'offre aucune garantie d'aucune sorte (par exemple, de qualité marchande, d'adéquation à un usage particulier et de non-infiltration), qu'elles soient expresses ou implicites, en ce qui concerne les produits logiciels HighCarts® que les composants de visualisation des données et les composants de cartographie sont conçus pour être utilisés.
L'utilisation commerciale des produits logiciels HighCarts® nécessite une licence payante fournie par Highsoft As. Alors que de nombreux composants de la bibliothèque eBayui sont sous licence MIT, les produits logiciels HighChartts® que les composants de visualisation des données et les composants de cartographie de la bibliothèque eBayui sont conçus pour utiliser ne sont pas autorisés sous la licence MIT ou toute autre licence open source. Les droits relatifs aux produits logiciels HighCarts® (par exemple, y compris, mais sans s'y limiter, les droits à utiliser, installer, distribuer, publier, fusionner, dupliquer et modifier) sont régis par les termes d'un ou plusieurs accords de licence propriétaires qui sont disponibles en ligne sur http://www.highcharts.com ou par les conditions de licence personnalisée qui peuvent négocier avec ses clients. Bien que HighSoft puisse choisir de concéder à des produits logiciels HighCarts® pour une utilisation non commerciale sans frais, il est de la responsabilité de toute partie qui souhaite utiliser des produits logiciels HighCharts® pour vérifier les termes d'une telle licence avec HighSoft comme. Nonobstant toute disposition de cette licence, les parties qui ne sont pas autorisées par Highsoft (ou ses successeurs ou les attributions) pour utiliser les produits Lofyware HighCarts® ne sont pas licenciés pour utiliser les composants de visualisation des données et les composants de cartographie de la bibliothèque eBayui.
Cet avis doit être inclus dans toutes les copies ou des parties substantielles du logiciel.
