ebayui core
v14.6.0
คอลเลกชันของวิดเจ็ต Marko; ถือว่าเป็นหน่วยการสร้างหลักสำหรับส่วนประกอบ eBay ทั้งหมดหน้าและแอพ
หมายเหตุ: ส่วนประกอบหลักของ Ebayui ใช้ธงมาร์โกและดังนั้นจึงต้องเพิ่ม <lasso-page/> เพื่อเพิ่มในหน้าใด ๆ ที่จะมีส่วนประกอบหลัก
หมายเหตุ: @ebay/skin/global และ @ebay/skin/marketsans จะต้องโหลดโดยแอปของคุณเพื่อให้โมดูลทั้งหมดโหลดได้อย่างถูกต้อง
หมายเหตุ: เพื่อให้แอตทริบิวต์การแพร่กระจายทำงานอย่างถูกต้อง [email protected] อย่างน้อยก็จำเป็นต้องมี
ส่วนประกอบทั้งหมดได้รับการพัฒนาและทดสอบข้ามเบราว์เซอร์โดยใช้ BrowserStack ตามนโยบายเบราว์เซอร์ 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 " />เหตุการณ์สามารถจัดการได้โดยใช้มาร์โคไวยากรณ์:
< 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 UI หรือไม่? กรุณาเยี่ยมชมหน้าการบริจาคของเราสำหรับข้อมูลเพิ่มเติม
ลิขสิทธิ์ (c) 2018 eBay Inc.
การใช้ซอร์สโค้ดนี้ถูกควบคุมโดยใบอนุญาตสไตล์ MIT ที่สามารถพบได้ในไฟล์ใบอนุญาตหรือที่ https://opensource.org/licenses/mit
การใช้ส่วนประกอบบางอย่างต้องใช้ใบอนุญาตแยกต่างหากที่ไม่ได้เปิดจากบุคคลที่สาม
ส่วนประกอบการสร้างภาพข้อมูลและส่วนประกอบแผนภูมิของไลบรารี Ebayui ได้รับการออกแบบมาเพื่อใช้ผลิตภัณฑ์ซอฟต์แวร์Highcharts®หนึ่งรายการขึ้นไป Highcharts®เป็นเครื่องหมายการค้าจดทะเบียนของ Highsoft AS Highsoft ที่ไม่มีส่วนเกี่ยวข้องกับ eBay eBay ไม่รับประกันใด ๆ (เช่นความสามารถในการค้าการออกกำลังกายสำหรับวัตถุประสงค์เฉพาะและ noninfringement) ไม่ว่าจะโดยชัดแจ้งหรือบอกเป็นนัย ๆ เกี่ยวกับผลิตภัณฑ์ซอฟต์แวร์Highcharts®ที่ส่วนประกอบการสร้างภาพข้อมูลและส่วนประกอบแผนภูมิได้รับการออกแบบให้ใช้
การใช้ผลิตภัณฑ์ซอฟต์แวร์Highcharts®ในเชิงพาณิชย์ต้องใช้ใบอนุญาตแบบชำระเงินโดย Highsoft AS ในขณะที่ส่วนประกอบจำนวนมากของไลบรารี Ebayui ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT ผลิตภัณฑ์ซอฟต์แวร์Highcharts®ซึ่งส่วนประกอบการสร้างภาพข้อมูลและส่วนประกอบแผนภูมิของไลบรารี Ebayui ได้รับการออกแบบให้ใช้ไม่ได้รับอนุญาตภายใต้ใบอนุญาต MIT หรือใบอนุญาตโอเพ่นซอร์สอื่น ๆ สิทธิ์ที่เกี่ยวข้องกับผลิตภัณฑ์ซอฟต์แวร์Highcharts® (เช่น แต่ไม่ จำกัด เพียงสิทธิ์ในการใช้การติดตั้งแจกจ่ายเผยแพร่รวมทำซ้ำและแก้ไข) ถูกควบคุมโดยเงื่อนไขของข้อตกลงใบอนุญาตที่เป็นกรรมสิทธิ์อย่างน้อยหนึ่งรายการที่มีอยู่ทางออนไลน์ที่ http://ww.highcharts.com ในขณะที่ Highsoft ตามที่อาจเลือกที่จะอนุญาตให้ใช้ผลิตภัณฑ์ซอฟต์แวร์Highcharts®สำหรับการใช้งานที่ไม่ใช่เชิงพาณิชย์โดยไม่มีค่าใช้จ่าย แต่เป็นความรับผิดชอบของฝ่ายใดฝ่ายหนึ่งที่ต้องการใช้ผลิตภัณฑ์ซอฟต์แวร์Highcharts®เพื่อตรวจสอบข้อกำหนดของใบอนุญาตดังกล่าวด้วย Highsoft AS แม้จะมีบทบัญญัติใด ๆ ของใบอนุญาตนี้ฝ่ายที่ไม่ได้รับอนุญาตจาก Highsoft เป็น (หรือผู้สืบทอดหรือมอบหมาย) เพื่อใช้ผลิตภัณฑ์ซอฟต์แวร์Highcharts®ไม่ได้รับอนุญาตให้ใช้ส่วนประกอบการสร้างภาพข้อมูลและส่วนประกอบแผนภูมิของไลบรารี Ebayui
ประกาศนี้จะรวมอยู่ในสำเนาทั้งหมดหรือส่วนสำคัญของซอฟต์แวร์
