ebayui core
v14.6.0
Коллекция виджетов Марко; считается основными строительными блоками для всех компонентов, страниц и приложений eBay.
ПРИМЕЧАНИЕ. Компоненты Core eBayui используют флаги Марко и, следовательно, требуют, чтобы <lasso-page/> будет добавлять на любую страницу, которая будет иметь основные компоненты.
ПРИМЕЧАНИЕ. @ebay/skin/global и @ebay/skin/marketsans необходимо загрузить вашим приложением для правильной загрузки всех модулей.
Примечание: для правильной работы для распространения атрибутов для работы, [email protected] , по крайней мере, требуется
Все компоненты разрабатываются и протестируются поперечным браузером с использованием Browesstack в соответствии с нашей официальной политикой браузера eBay.
Мы очень серьезно относимся к доступу. Действительно очень серьезно. Следовательно, все компоненты построены в соответствии с узорами разума eBay. Эти модели, в свою очередь, опираются на спецификации, предоставленные методами авторизации WAI-ARIA.
Компоненты построены в многослойной, постепенно улучшенной моде, используя следующие ресурсы:
Каждый слой делает свой бит для обеспечения соблюдения и повышения доступности. Мы считаем этот уровень поддержки одним из наших главных пунктов продажи, и мы надеемся, что вы тоже это сделаете!
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 Компоненты Core Ebayui доступны в виде пакета @ebay/ebayui-core на NPM.
Используйте NPM или пряжу, чтобы добавить зависимость пакета в свой проект:
npm add @ebay/ebayui-coreСм. Руководство по обновлению для получения дополнительной информации
Как только зависимость пакета добавлена, таможенные теги eBay теперь доступны для использования в ваших шаблонах Marko. Например, чтобы использовать компонент ebay-menu :
< ebay-menu text = " Sort " type = " radio " >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu > Атрибуты обеспечивают начальное состояние для компонента. Мы видим, что в меню есть атрибуты text и type :
< ebay-menu text = " Sort " type = " radio " >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu >Передача новых атрибутов компоненту eBayui всегда будет сбросить свое внутреннее состояние. Если вы хотите сохранить это состояние самостоятельно, разоблачаются события, которые позволяют вам синхронизировать состояние в свои собственные компоненты, например:
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 могут использоваться на любом компоненте, и они будут переданы по наиболее заметной метке компонента. Наиболее заметным тегом обычно является элемент управления корнем или формой, но отдельные компоненты отмечают, варьируется ли он для конкретных случаев.
Пример статического использования:
< ebay-button id = " my-button " /> Для динамического использования атрибутов прохождения, их следует отправлять через атрибут html-attributes :
$ const myAttributes = { id : ' my-button ' };
< ebay-button html-attributes = myAttributes />Статические и динамические атрибуты прохождения могут использоваться одновременно (HTML-атрибуты имеют приоритет в конфликтах):
$ const myAttributes = { id : ' my-button ' };
< ebay-button html-attributes = myAttributes type = " submit " />События также можно обрабатывать с помощью синтаксиса Marko:
< ebay-menu text = " Sort " type = " radio " on-change ( " onMenuChange " ) >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu >Для предстоящей дорожной карты и истории выпуска, пожалуйста, обратитесь к нашим страницам релизов и вех.
Пакет ebayui-core следует за строгим семантическим управлением версиями.
Учитывая номер версии major.minor.patch:
Объяснения будут переданы с помощью заметок о выпуске, поэтому, пожалуйста, убедитесь, что вы тщательно прочитали их. В целом, ожидайте, что любая устаревшая функция будет удалена в следующей крупной версии. Однако в некоторых случаях мы можем ждать некоторое время дольше.
Пожалуйста, используйте нашу страницу вопросов, чтобы задать вопросы, сообщать о проблемах или отправить запросы на функции.
Чтобы помочь отслеживать вашу проблему, наши администраторы назначат ее одним или несколькими цветными этикетками:
Хотите внести свой вклад в пользовательский интерфейс eBay? Пожалуйста, посетите нашу страницу для получения дополнительной информации.
Copyright (C) 2018 Ebay Inc.
Использование этого исходного кода регулируется лицензией в стиле MIT, которую можно найти в файле лицензии или по адресу https://opensource.org/licenses/mit.
Использование некоторых компонентов требует отдельной лицензии, не являющейся открытым источником от третьих лиц.
Компоненты визуализации данных и компоненты диаграммы библиотеки eBayui предназначены для использования одного или нескольких программных продуктов HighCharts®. HighTharts® является зарегистрированным товарным знаком HighSoft AS. Highsoft, как это не связано с eBay. EBay не предоставляет никаких гарантий (например, торговцев, пригодности для определенной цели и неревенчивания), независимо от того, экспресс или подразумевается, в отношении программных продуктов HighCharts®, которые предназначены для использования компонентов визуализации данных и диаграммных компонентов.
Коммерческое использование программных продуктов HighCharts® требует платной лицензии, предоставленной Highsoft AS. В то время как многие компоненты библиотеки eBayui лицензированы по лицензии MIT, программные продукты HighTharts®, которые компоненты визуализации данных и компоненты диаграммы библиотеки eBayui предназначены для использования, не лицензируются по лицензии MIT или любой другой лицензии с открытым исходным кодом. Права, относящиеся к программным продуктам HighCharts® (например, включая, помимо прочего, права на использование, установку, распределение, публикацию, объединение, дублирование и модификацию) регулируются условиями одного или нескольких договоров с лицензиями, которые доступны в Интернете по адресу http://www.highatharts.com или по терминам лицензионных лицензий, которые могут договориться с таковыми клиентами. Несмотря на то, что Highsoft, как и может лицензировать программные продукты HighTharts® для некоммерческого использования, бесплатно, это обязанность любой стороны, которая хочет использовать программные продукты HighCharts® для проверки условий такой лицензии с HighSoft AS. Несмотря на какое -либо положение этой лицензии, стороны, которые не имеют лицензии Highsoft как (или ее преемники или назначения) для использования программных продуктов HighTharts®, не имеют лицензии на использование компонентов визуализации данных и компонентов диаграммы библиотеки eBayui.
Это уведомление должно быть включено во все копии или существенные части программного обеспечения.
