ebayui core
v14.6.0
Coleção de widgets de Marko; Considerado os principais blocos de construção para todos os componentes, páginas e aplicativos do eBay.
Nota: Os componentes principais do eBayui utilizam sinalizadores de Marko e, portanto, exigem que <lasso-page/> seja adicionado a qualquer página que tenha componentes principais.
Nota: @ebay/skin/global e @ebay/skin/marketsans devem ser carregados pelo seu aplicativo para que todos os módulos carreguem corretamente.
NOTA: Para que os atributos de spread funcionem corretamente, [email protected] é necessário pelo menos
Todos os componentes são desenvolvidos e testados no navegador usando o BrowSerstack, de acordo com nossa política oficial do navegador do eBay.
Levamos a acessibilidade muito a sério. Muito seriamente. Portanto, todos os componentes são construídos de acordo com os padrões da mente do eBay. Esses padrões, por sua vez, desenvolvem as especificações fornecidas pelas práticas de autoria da WAI-ARIA.
Os componentes são construídos de maneira em camadas, progressivamente aprimorada, utilizando os seguintes recursos:
Cada camada faz sua parte para aplicar e aumentar a acessibilidade. Consideramos esse nível de apoio um dos nossos principais pontos de venda, e esperamos que você também!
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 Os componentes principais do eBayui estão disponíveis como o pacote @ebay/ebayui-core no NPM.
Use NPM ou fios para adicionar a dependência do pacote ao seu projeto:
npm add @ebay/ebayui-coreVeja o guia de atualização para obter mais informações
Depois que a dependência do pacote é adicionada, as tags alfândega do eBay estão agora disponíveis para uso em seus modelos de Marko. Por exemplo, para usar um componente ebay-menu :
< ebay-menu text = " Sort " type = " radio " >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu > Os atributos fornecem estado inicial para um componente. Podemos ver que o menu possui atributos text e type :
< ebay-menu text = " Sort " type = " radio " >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu >Passar novos atributos para um componente eBayui sempre redefinirá seu estado interno. Se você deseja persistir esse estado, são expostos eventos que permitem sincronizar o estado em seus próprios componentes, por exemplo:
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 >Os atributos HTML podem ser usados em qualquer componente e serão passados para a etiqueta mais proeminente do componente. A tag mais proeminente é geralmente o controle de raiz ou formulário, mas os componentes individuais observarão se varia para casos específicos.
Exemplo de uso estático:
< ebay-button id = " my-button " /> Para usar atributos de repasse dinamicamente, eles devem ser enviados através do atributo html-attributes :
$ const myAttributes = { id : ' my-button ' };
< ebay-button html-attributes = myAttributes />Os atributos estáticos e dinâmicos de passagem podem ser usados simultaneamente (html-atributos tem precedência em conflitos):
$ const myAttributes = { id : ' my-button ' };
< ebay-button html-attributes = myAttributes type = " submit " />Os eventos também podem ser tratados usando a sintaxe do Marko:
< ebay-menu text = " Sort " type = " radio " on-change ( " onMenuChange " ) >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu >Para o próximo roteiro e a história do lançamento, consulte nossas páginas de lançamentos e marcos.
O pacote ebayui-core segue uma versão semântica estrita.
Dado um número de versão major.Minor.patch:
As deprecações serão comunicadas por meio de notas de liberação; portanto, verifique -as de maneira cuidadosamente. Em geral, espere que qualquer recurso depreciado seja removido na próxima versão principal. No entanto, em alguns casos, podemos esperar mais um tempo.
Use nossa página de problemas para fazer perguntas, relatar problemas ou enviar solicitações de recursos.
Para ajudar a acompanhar seu problema, nossos administradores o designarão com um ou mais rótulos coloridos:
Procurando contribuir para a interface do usuário do eBay? Visite nossa página contribuinte para obter mais informações.
Copyright (C) 2018 eBay Inc.
O uso desse código-fonte é regido por uma licença no estilo MIT que pode ser encontrada no arquivo de licença ou em https://opensource.org/license/MIT.
O uso de alguns componentes requer uma licença separada e sem origem de terceiros
Os componentes de visualização de dados e os componentes de gráficos da biblioteca ebayui foram projetados para usar um ou mais produtos de software HighCharts®. HighCharts® é uma marca registrada da HighSoft AS. Highsoft como não é afiliado ao eBay. O eBay não oferece garantias de qualquer tipo (por exemplo, de comercialização, condicionamento físico para uma finalidade específica e não comprometimento), expressa ou implícita, com relação aos produtos de software HighCharts® que os componentes de visualização de dados e os componentes de gráficos são projetados para usar.
O uso comercial de produtos de software HighCharts® requer uma licença paga fornecida pela HighSoft AS. Embora muitos componentes da biblioteca ebayui estejam licenciados sob a licença do MIT, os produtos de software HighCharts® que os componentes de visualização de dados e componentes de gráficos da biblioteca eBayui são projetados para usar não são licenciados sob a licença MIT ou qualquer outra licença de código aberto. Os direitos referentes a produtos de software HighCharts® (por exemplo, incluindo, entre outros, os direitos de usar, instalar, distribuir, publicar, mesclar, duplicar e modificar) são governados pelos termos de um ou mais acordos de licença proprietários que estão disponíveis on -line em http://www.highcharts.com ou por termos de licenciamentos personalizados que Embora o HighSoft seja possível licenciar produtos de software HighCharts® para uso não comercial, sem nenhum custo, é de responsabilidade de qualquer parte que deseje usar produtos de software HighCharts® para verificar os termos de uma licença com a HighSoft. Não obstante qualquer disposição desta licença, as partes que não são licenciadas pela HighSoft como (ou seus sucessores ou atribuições) para usar produtos de software HighCharts® não estão licenciados para usar os componentes de visualização de dados e os componentes de gráficos da biblioteca ebayui.
Este aviso deve ser incluído em todas as cópias ou partes substanciais do software.
