ebayui core
v14.6.0
Koleksi widget Marko; Dianggap sebagai blok bangunan inti untuk semua komponen eBay, halaman & aplikasi.
Catatan: Komponen inti eBayui menggunakan bendera Marko dan, oleh karena itu, mengharuskan <lasso-page/> untuk ditambahkan ke halaman apa pun yang akan memiliki komponen inti.
Catatan: @ebay/skin/global dan @ebay/skin/marketsans harus dimuat oleh aplikasi Anda agar semua modul memuat dengan benar.
Catatan: Agar atribut penyebaran dapat bekerja dengan baik, [email protected] setidaknya diperlukan
Semua komponen dikembangkan dan diuji browser silang menggunakan BrowserStack, sesuai dengan kebijakan browser eBay resmi kami.
Kami menganggap aksesibilitas dengan sangat serius. Memang sangat serius. Oleh karena itu, semua komponen dibangun sesuai dengan pola pikiran eBay. Pola-pola ini, pada gilirannya, dibangun dari spesifikasi yang disediakan oleh praktik penulisan WAI-ARIA.
Komponen dibangun dengan cara yang berlapis -lapis dan semakin ditingkatkan, memanfaatkan sumber daya berikut:
Setiap lapisan melakukan bit untuk menegakkan dan meningkatkan aksesibilitas. Kami menganggap tingkat dukungan ini sebagai salah satu nilai penjualan utama kami, dan kami harap Anda juga!
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 Komponen inti eBayui tersedia sebagai paket @ebay/ebayui-core di NPM.
Gunakan NPM atau Benang untuk menambahkan ketergantungan paket ke proyek Anda:
npm add @ebay/ebayui-coreLihat Panduan Peningkatan untuk informasi lebih lanjut
Setelah ketergantungan paket ditambahkan, tag bea cukai eBay sekarang tersedia untuk digunakan di templat Marko Anda. Misalnya, untuk menggunakan komponen ebay-menu :
< ebay-menu text = " Sort " type = " radio " >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu > Atribut menyediakan keadaan awal untuk komponen. Kita dapat melihat bahwa menu memiliki atribut text dan type :
< ebay-menu text = " Sort " type = " radio " >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu >Melewati atribut baru ke komponen eBayui akan selalu mengatur ulang keadaan internalnya. Jika Anda ingin mempertahankan keadaan ini sendiri, acara terpapar yang memungkinkan Anda untuk menyinkronkan negara ke dalam komponen Anda sendiri, misalnya:
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 >Atribut HTML dapat digunakan pada komponen apa pun, dan mereka akan diteruskan ke tag komponen yang paling menonjol. Tag yang paling menonjol biasanya adalah kontrol root atau bentuk, tetapi komponen individual akan mencatat jika bervariasi untuk kasus tertentu.
Contoh penggunaan statis:
< ebay-button id = " my-button " /> Untuk menggunakan atribut pass-through secara dinamis, mereka harus dikirim melalui atribut html-attributes :
$ const myAttributes = { id : ' my-button ' };
< ebay-button html-attributes = myAttributes />Atribut pass-through statis dan dinamis dapat digunakan secara bersamaan (atribut html lebih diutamakan dalam konflik):
$ const myAttributes = { id : ' my-button ' };
< ebay-button html-attributes = myAttributes type = " submit " />Acara juga dapat ditangani menggunakan sintaks Marko:
< ebay-menu text = " Sort " type = " radio " on-change ( " onMenuChange " ) >
< @item > Price </ @item >
< @item > Time </ @item >
< @item > Distance </ @item >
</ ebay-menu >Untuk peta jalan yang akan datang dan riwayat rilis, silakan merujuk ke halaman rilis dan tonggak kami.
Paket eBayui-core mengikuti versi semantik yang ketat.
Diberikan nomor versi Major.minor.patch:
Pengusiran akan dikomunikasikan melalui catatan rilis, jadi harap pastikan Anda membacanya dengan cermat. Secara umum, harapkan fitur yang sudah usang dihapus di versi utama berikutnya. Namun, dalam beberapa kasus kita mungkin menunggu lebih lama.
Silakan gunakan halaman masalah kami untuk mengajukan pertanyaan, melaporkan masalah atau mengirimkan permintaan fitur.
Untuk membantu melacak masalah Anda, admin kami akan menetapkannya dengan satu atau lebih label berwarna:
Ingin berkontribusi ke eBay UI? Silakan kunjungi halaman kontribusi kami untuk informasi lebih lanjut.
Hak Cipta (C) 2018 Ebay Inc.
Penggunaan kode sumber ini diatur oleh lisensi gaya MIT yang dapat ditemukan dalam file lisensi atau di https://opensource.org/licenses/mit.
Penggunaan beberapa komponen memerlukan lisensi yang terpisah dan tidak terbuka dari pihak ketiga
Komponen visualisasi data dan komponen bagan perpustakaan eBayui dirancang untuk menggunakan satu atau lebih produk perangkat lunak HighCharts®. HighCharts® adalah merek dagang terdaftar dari Highsoft AS. Highsoft seperti yang tidak berafiliasi dengan eBay. Ebay tidak memberikan jaminan dalam bentuk apa pun (misalnya, dapat diperjualbelikan, kebugaran untuk tujuan tertentu, dan non -infringement), baik tersurat maupun tersirat, sehubungan dengan produk perangkat lunak HighCharts® bahwa komponen visualisasi data dan komponen bagan dirancang untuk digunakan.
Penggunaan komersial produk perangkat lunak HighCharts® memerlukan lisensi berbayar yang disediakan oleh Highsoft AS. Sementara banyak komponen perpustakaan eBayui dilisensikan di bawah lisensi MIT, produk perangkat lunak HighCharts® yang dirancang oleh komponen visualisasi data dan komponen bagan dari perpustakaan eBayui yang dirancang untuk digunakan tidak dilisensikan di bawah lisensi MIT atau lisensi sumber terbuka lainnya. Hak yang berkaitan dengan produk perangkat lunak HighCharts® (misalnya, termasuk, tetapi tidak terbatas pada, hak untuk menggunakan, menginstal, mendistribusikan, menerbitkan, menggabungkan, duplikat, dan memodifikasi) diatur oleh ketentuan satu atau lebih perjanjian lisensi kepemilikan yang tersedia secara online di http://www.highcharts.com atau oleh persyaratan lisensi kustom yang kustom, http:/www.highcharts.com atau oleh persyaratan lisensi kustom, http:/www.highcharts.com atau oleh persyaratan lisensi kustom, http:/www.highcharts.com atau oleh persyaratan lisensi kustom, http:/www. Sementara Highsoft As dapat memilih untuk melisensikan produk perangkat lunak HighCharts® untuk penggunaan non-komersial tanpa biaya, itu adalah tanggung jawab pihak mana pun yang ingin menggunakan produk perangkat lunak HighCharts® untuk memverifikasi ketentuan lisensi dengan Highsoft seperti. Terlepas dari ketentuan lisensi ini, pihak -pihak yang tidak dilisensikan oleh Highsoft sebagai (atau penerus atau penugasannya) untuk menggunakan produk perangkat lunak HighCharts® tidak memiliki lisensi untuk menggunakan komponen visualisasi data dan komponen bagan perpustakaan eBayui.
Pemberitahuan ini harus dimasukkan dalam semua salinan atau bagian substansial dari perangkat lunak.
