ebayui core
v14.6.0
مجموعة من أجهزة توجيه Marko ؛ تعتبر لبنات البناء الأساسية لجميع مكونات eBay والصفحات والتطبيقات.
ملاحظة: تستخدم مكونات Ebayui الأساسية أعلام Marko ، وبالتالي تتطلب إضافتها إلى أي <lasso-page/> تحتوي على مكونات أساسية.
ملاحظة: @ebay/skin/global و @ebay/skin/marketsans مطلوب لتحميله بواسطة تطبيقك لجميع الوحدات النمطية لتحميلها بشكل صحيح.
ملاحظة: لكي تعمل سمات الانتشار بشكل صحيح ، مطلوب [email protected] على الأقل
يتم تطوير جميع المكونات واختبارها للمتصفح المتقاطع باستخدام Browserstack ، وفقًا لسياسة متصفح 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 تتوفر مكونات 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-Attributes لها الأسبقية في النزاعات):
$ 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 واجهة المستخدم؟ يرجى زيارة الصفحة المساهمة لمزيد من المعلومات.
حقوق الطبع والنشر (C) 2018 eBay Inc.
يخضع استخدام رمز المصدر هذا لترخيص على غرار معهد ماساتشوستس للتكنولوجيا يمكن العثور عليه في ملف الترخيص أو في https://opensource.org/licenses/MIT.
يتطلب استخدام بعض المكونات ترخيصًا منفصلًا غير مفتوح من أطراف ثالثة
تم تصميم مكونات تصور البيانات ومكونات المخططات في مكتبة eBayui لاستخدام منتجات برمجيات HighCharts® واحدة أو أكثر. HighCharts® هي علامة تجارية مسجلة لـ Highsoft AS. Highsoft كما لا ينتم إلى eBay. لا توفر eBay أي ضمانات من أي نوع (على سبيل المثال ، من القابلية للتسويق ، واللياقة لغرض معين ، وعدم الانفئة) ، سواء كانت صريحة أو ضمنية ، فيما يتعلق بمنتجات برامج HighCharts® التي تم تصميم مكونات تصور البيانات ومكونات المخططات لاستخدامها.
يتطلب الاستخدام التجاري لمنتجات برامج HighCharts® ترخيصًا مدفوعًا مقدمة من Highsoft AS. في حين أن العديد من مكونات مكتبة eBayui مرخصة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا ، فإن منتجات برامج HighCharts® التي تم تصميم مكونات تصور البيانات ومكوناتها في مكتبة eBayui لاستخدامها غير مرخصة بموجب ترخيص MIT أو أي ترخيص آخر مفتوح المصدر. تخضع الحقوق المتعلقة بمنتجات برامج HighCharts® (على سبيل المثال ، بما في ذلك ، على سبيل المثال لا الحصر ، الحقوق في استخدام وتثبيت وتوزيع ودمج ودمج وتكرار وتعديل) لشروط واحدة أو أكثر من اتفاقيات الترخيص المتوفرة على الإنترنت على الإنترنت على الإنترنت على الإنترنت. على الرغم من أن Highsoft كما قد تختار ترخيص منتجات برامج HighCharts® للاستخدام غير التجاري دون أي تكلفة ، فإن مسؤولية أي طرف يرغب في استخدام منتجات برمجيات HighCharts للتحقق من شروط هذا الترخيص مع Highsoft. على الرغم من أي حكم من أحكام هذا الترخيص ، فإن الأطراف التي لا يتم ترخيصها من قبل Highsoft (أو خلفائها أو تعيينها) لاستخدام منتجات برامج HighCharts® ليست مرخصة لاستخدام مكونات تصور البيانات ومكونات المخططات في مكتبة ebayui.
يجب تضمين هذا الإشعار في جميع النسخ أو أجزاء كبيرة من البرنامج.
