ebayui core
v14.6.0
Sammlung von Marko -Widgets; als die Kernbausteine für alle eBay -Komponenten, Seiten und Apps gilt.
Hinweis: Ebayui-Kernkomponenten verwenden Marko-Flags und erfordern daher eine <lasso-page/> Seite, auf der Kernkomponenten verfügen.
Hinweis: @ebay/skin/global und @ebay/skin/marketsans müssen von Ihrer App geladen werden, damit alle Module korrekt geladen werden können.
Hinweis: Damit Spread -Attribute ordnungsgemäß funktionieren, ist [email protected] zumindest erforderlich
Alle Komponenten werden unter Verwendung von BrowsStack gemäß unserer offiziellen eBay-Browser-Richtlinie entwickelt und geprüft.
Wir nehmen die Zugänglichkeit sehr ernst. Sehr ernsthaft. Daher werden alle Komponenten gemäß den eBay -Mind -Mustern erstellt. Diese Muster bauen wiederum aus den Spezifikationen der WAI-Aria-Autoring-Praktiken auf.
Komponenten werden in einer geschichteten, zunehmend verbesserten Weise integriert, wobei die folgenden Ressourcen verwendet werden:
Jede Schicht macht ihren Bit, um die Zugänglichkeit durchzusetzen und zu verbessern. Wir betrachten diese Unterstützung als eine unserer Hauptverkaufsstellen, und wir hoffen, dass Sie es auch tun!
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 Die Ebayui-Kernkomponenten sind als @ebay/ebayui-core -Paket auf NPM verfügbar.
Verwenden Sie NPM oder Garn, um die Paketabhängigkeit zu Ihrem Projekt hinzuzufügen:
npm add @ebay/ebayui-coreWeitere Informationen finden Sie im Upgrade -Handbuch
Sobald die Paketabhängigkeit hinzugefügt wurde, können die eBay -Zoll -Tags jetzt in Ihren Marko -Vorlagen verwendet werden. Zum Beispiel eine ebay-menu Komponente verwenden:
< ebay-menu text = " Sort " type = " radio " >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu > Attribute bieten einen Ausgangszustand für eine Komponente. Wir können sehen, dass das Menü text und type enthält:
< ebay-menu text = " Sort " type = " radio " >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu >Das Übergeben neuer Attribute an eine eBayui -Komponente wird immer den internen Zustand zurücksetzen. Wenn Sie diesen Staat selbst bestehen möchten, werden Ereignisse ausgesetzt, mit denen Sie den Zustand in Ihre eigenen Komponenten synchronisieren können, z. B.:
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 >HTML -Attribute können für jede Komponente verwendet werden und werden an das bekannteste Tag der Komponente übergeben. Das bekannteste Tag ist normalerweise die Stamm- oder Formregelung, aber einzelne Komponenten werden feststellen, ob es für bestimmte Fälle variiert.
Beispiel für die statische Verwendung:
< ebay-button id = " my-button " /> Für die Verwendung von Pass-Through-Attributen dynamisch sollten sie über das Attribut html-attributes gesendet werden:
$ const myAttributes = { id : ' my-button ' };
< ebay-button html-attributes = myAttributes />Statische und dynamische Pass-Through-Attribute können gleichzeitig verwendet werden (HTML-Attributes hat Vorrang in Konflikten):
$ const myAttributes = { id : ' my-button ' };
< ebay-button html-attributes = myAttributes type = " submit " />Ereignisse können auch mit der Marko -Syntax behandelt werden:
< ebay-menu text = " Sort " type = " radio " on-change ( " onMenuChange " ) >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu >Für die bevorstehende Roadmap und die Veröffentlichungsgeschichte finden Sie auf unseren Veröffentlichungen und Meilensteinen.
Das eBayui-Core-Paket folgt der strengen semantischen Versionierung.
Bei einer Versionsnummer major.minor.patch:
Die Abschreibungen werden über Versionshinweise kommuniziert. Bitte stellen Sie sicher, dass Sie diese sorgfältig lesen. Erwarten Sie im Allgemeinen, dass eine veraltete Funktion in der nächsten Hauptversion entfernt wird. In einigen Fällen können wir jedoch noch eine Weile warten.
Bitte verwenden Sie unsere Ausgabenseite, um Fragen zu stellen, Probleme zu melden oder Feature -Anfragen zu senden.
Um Ihr Problem zu verfolgen, werden unsere Administratoren es mit einem oder mehreren farbigen Etiketten zuweisen:
Möchten Sie zur eBay UI beitragen? Bitte besuchen Sie unsere beitragende Seite, um weitere Informationen zu erhalten.
Copyright (C) 2018 Ebay Inc.
Die Verwendung dieses Quellcode wird durch eine MIT-Lizenz geregelt, die in der Lizenzdatei oder unter https://opensource.org/licenses/Mit zu finden ist.
Die Verwendung einiger Komponenten erfordert eine separate Nicht-Open-Source-Lizenz von Dritten
Die Datenvisualisierungskomponenten und die Chartkomponenten der eBayui -Bibliothek sind so konzipiert, dass sie eine oder mehrere Highcharts® -Softwareprodukte verwenden. Highcharts® ist eine eingetragene Marke von HighSoft AS. HighSoft, wie es nicht mit eBay verbunden ist. EBay bietet keine Gewährleistung (z. B. der Handelsfähigkeit, der Fitness für einen bestimmten Zweck und der Nichtverbesserung), ob ausdrücklich oder impliziert, in Bezug auf die Highcharts® -Softwareprodukte, die die Datenvisualisierungskomponenten und die Chart -Komponenten verwenden sollen.
Die kommerzielle Nutzung von Highcharts® -Softwareprodukten erfordert eine kostenpflichtige Lizenz von HighSoft AS. Während viele Komponenten der eBayui -Bibliothek unter der MIT -Lizenz lizenziert sind, sind die Highcharts® -Softwareprodukte, die die Datenvisualisierungskomponenten und die Chartkomponenten der Ebayui -Bibliothek verwenden, nicht unter der MIT -Lizenz oder einer anderen Open -Source -Lizenz lizenziert. Rechte in Bezug auf HighCharts® -Softwareprodukte (z. B. einschließlich, aber nicht beschränkt auf die Rechte zur Verwendung, Installation, Verteilung, Veröffentlichung, Zusammenführung, Duplikat und Änderung) unterliegen den Bedingungen einer oder mehrerer Eigentümerlizenzvereinbarungen, die online verfügbar sind. Während HighSoft, wie es sich möglicherweise entscheidet, Highcharts®-Softwareprodukte für den nicht kommerziellen Gebrauch kostenlos zu lizenzieren, liegt es in der Verantwortung einer Partei, die Highcharts®-Softwareprodukte verwenden möchte, um die Bedingungen einer solchen Lizenz mit HighSoft AS zu überprüfen. Ungeachtet einer Bereitstellung dieser Lizenz sind Parteien, die nicht von HighSoft als (oder ihren Nachfolgern oder Zuweisungen) für die Verwendung von Highcharts® -Softwareprodukten lizenziert werden, nicht so lizenziert, dass die Datenvisualisierungskomponenten und die Chartkomponenten der Ebayui -Bibliothek verwendet werden.
Diese Mitteilung muss in alle Kopien oder wesentlichen Teile der Software enthalten sein.
