ebayui core
v14.6.0
Colección de widgets Marko; Considerados como los bloques de construcción principales para todos los componentes, páginas y aplicaciones de eBay.
Nota: Los componentes del núcleo de eBayui utilizan las banderas Marko y, por lo tanto, requieren <lasso-page/> que se agregarán a cualquier página que tenga componentes centrales.
Nota: @ebay/skin/global y @ebay/skin/marketsans debe ser cargado por su aplicación para que todos los módulos se carguen correctamente.
Nota: Para que los atributos de propagación funcionen correctamente, se requiere [email protected] al menos
Todos los componentes se desarrollan y proban el navegador cruzado utilizando Browserstack, de acuerdo con nuestra política oficial de navegador eBay.
Tomamos la accesibilidad muy en serio. Muy en serio de hecho. Por lo tanto, todos los componentes se construyen de acuerdo con los patrones mentales de eBay. Estos patrones, a su vez, se basan en las especificaciones proporcionadas por las prácticas de autoría de Wai-Aria.
Los componentes están construidos de manera en capas y mejoradas progresivamente, utilizando los siguientes recursos:
Cada capa hace su parte para hacer cumplir y mejorar la accesibilidad. Consideramos que este nivel de apoyo es uno de nuestros principales puntos de venta, ¡y esperamos que usted también lo haga!
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 Los componentes centrales de eBayui están disponibles como el paquete @ebay/ebayui-core en npm.
Use NPM o hilo para agregar la dependencia del paquete a su proyecto:
npm add @ebay/ebayui-coreConsulte la Guía de actualización para obtener más información
Una vez que se agrega la dependencia del paquete, las etiquetas de aduanas de eBay ahora están disponibles para su uso en sus plantillas Marko. Por ejemplo, para usar un componente ebay-menu :
< ebay-menu text = " Sort " type = " radio " >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu > Los atributos proporcionan estado inicial para un componente. Podemos ver que el menú tiene atributos text y type :
< ebay-menu text = " Sort " type = " radio " >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu >Pasar nuevos atributos a un componente eBayui siempre restablecerá su estado interno. Si desea persistir este estado usted mismo, se exponen los eventos que le permiten sincronizar el estado con sus propios componentes, por ejemplo:
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 >Los atributos HTML se pueden usar en cualquier componente, y se pasarán a la etiqueta más destacada del componente. La etiqueta más prominente suele ser el control raíz o de forma, pero los componentes individuales notarán si varía para casos específicos.
Ejemplo de uso estático:
< ebay-button id = " my-button " /> Para el uso de atributos de transferencia dinámicamente, deben enviarse a través del atributo html-attributes :
$ const myAttributes = { id : ' my-button ' };
< ebay-button html-attributes = myAttributes />Los atributos de transferencia estáticos y dinámicos se pueden usar simultáneamente (html-atributos tiene prioridad en los conflictos):
$ const myAttributes = { id : ' my-button ' };
< ebay-button html-attributes = myAttributes type = " submit " />Los eventos también se pueden manejar utilizando la sintaxis Marko:
< ebay-menu text = " Sort " type = " radio " on-change ( " onMenuChange " ) >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu >Para la próxima hoja de ruta y el historial de lanzamiento, consulte nuestras páginas de lanzamientos e hitos.
El paquete eBayui-Core sigue a estrictos versiones semánticas.
Dado un número de versión mayor.minor.patch:
Las deprecaciones se comunicarán a través de las notas de la versión, así que asegúrese de leerlas cuidadosamente. En general, espere que se elimine cualquier característica desapercibida en la próxima versión principal. Sin embargo, en algunos casos podemos esperar un tiempo más.
Utilice nuestra página de problemas para hacer preguntas, informar problemas o enviar solicitudes de funciones.
Para ayudar a rastrear su problema, nuestros administradores lo asignarán con una o más etiquetas de colores:
¿Buscas contribuir a la interfaz de usuario de eBay? Visite nuestra página contribuyente para obtener más información.
Copyright (c) 2018 eBay Inc.
El uso de este código fuente se rige por una licencia de estilo MIT que se puede encontrar en el archivo de licencia o en https://opensource.org/licenses/mit.
El uso de algunos componentes requiere una licencia separada y no abierta de terceros
Los componentes de visualización de datos y los componentes de gráficos de la biblioteca eBayui están diseñados para usar uno o más productos de software HighCharts®. HighCharts® es una marca registrada de Highsoft AS. Highsoft como no está afiliado a eBay. EBay no ofrece garantías de ningún tipo (por ejemplo, comerciabilidad, idoneidad para un propósito particular y no infracción), ya sea expresa o implícita, con respecto a los productos de software HighCharts® que los componentes de visualización de datos y los componentes de diagrama están diseñados para usar.
El uso comercial de productos de software HighCharts® requiere una licencia pagada proporcionada por Highsoft AS. Mientras que muchos componentes de la Biblioteca Ebayui tienen licencia bajo la licencia MIT, los productos de software HighCharts® que los componentes de visualización de datos y los componentes de gráficos de la Biblioteca Ebayui no tienen licencia bajo la licencia MIT o cualquier otra licencia de código abierto. Los derechos relacionados con los productos de software HighCharts® (por ejemplo, que incluyen, entre otros, los derechos de uso, instalar, distribuir, publicar, fusionar, duplicar y modificar) se rigen por los términos de uno o más de un mayor acuerdo con los acuerdos de licencia de propiedad que están disponibles en línea en http://www.highcharts.com o por los términos de los acuerdos de licencia de la costumbre que tienen los niveles de los clientes en línea con sus clientes con sus clientes. Si bien Highsoft como puede elegir licenciar productos de software Highcharts® para uso no comercial sin costo, es responsabilidad de cualquier parte que desee usar productos de software HighCharts® para verificar los términos de dicha licencia con HighSoft como. A pesar de cualquier disposición de esta licencia, las partes que no tienen licencia por Highsoft como (o sus sucesores o asignaciones) para usar productos de software HighCharts® no tienen licencia para usar los componentes de visualización de datos y los componentes de gráficos de la Biblioteca Ebayui.
Este aviso se incluirá en todas las copias o porciones sustanciales del software.
