esl

Exadel Smart Library

Exadel Smart Library ( ESL ) เป็นไลบรารีส่วนประกอบ UI ที่มีน้ำหนักเบา และ ยืดหยุ่น ตามโอเพ่นซอร์สตามส่วนประกอบของเว็บ เพิ่มประสิทธิภาพของไซต์ของคุณด้วยการสร้างรุ่น UX ด้วยส่วนประกอบที่กำหนดเองจากห้องสมุดของเรา ห้องสมุดส่วนประกอบ ESL Web UI เข้ากันได้กับกรอบใด ๆ ซึ่งทำให้ ESL เหมาะสำหรับโครงการโดยไม่คำนึงถึงสแต็คเทคโนโลยีของพวกเขา

★ ตรวจสอบไลบรารีส่วนประกอบ UI ของเราและรองรับด้วยดาว ★

• ภาพรวม
• โครงสร้างห้องสมุด
• คู่มือการติดตั้ง
• ข้อมูลการพัฒนาสำหรับผู้มีส่วนร่วม

ภาพรวม

Exadel Smart Library หรือ ESL สั้น ๆ เป็นไลบรารีส่วนประกอบเว็บ UI ฟรีที่ลดงานประจำและให้คุณสร้างเว็บไซต์ที่มีส่วนประกอบเว็บหลายรายการได้อย่างมีประสิทธิภาพ เมื่อคุณตัดสินใจว่าจะเป็นไลบรารี UI ส่วนประกอบที่ดีที่สุดสำหรับเว็บไซต์ของคุณโปรดทราบว่าควรเข้ากันได้กับห้องสมุดและเฟรมเวิร์กอื่น ๆ - เช่น ESL คือ!

ไลบรารีส่วนประกอบ ESL UI ช่วยให้คุณสามารถเข้าถึงชุดเครื่องมือที่เต็มไปด้วยส่วนประกอบที่นำกลับมาใช้ใหม่ได้ คุณสามารถใช้ส่วนประกอบเว็บเหล่านี้เพื่อเติมเต็มโครงการหรือสร้างโครงสร้างพื้นฐานของคุณจากพื้นดินโดยใช้ ESL เพียงอย่างเดียว ห้องสมุดส่วนประกอบ UI เว็บของเรามีคุณภาพสูงดังนั้นสิ่งเดียวที่คุณต้องมุ่งเน้นคือการใช้สไตล์เพื่อตอบสนองความต้องการโครงการของคุณ

ESL มีพื้นฐานมาจากคุณสมบัติของ Web API และ ECMASCRIPT 6 เท่านั้นซึ่งให้ไลบรารีส่วนประกอบเว็บ UI ของเราทำงานได้ดีในเบราว์เซอร์ที่ทันสมัยทั้งหมดเช่น Firefox, Chrome, Safari, Opera และ Edge ESL ยังสามารถทำงานบน IE11 เมื่อมีการจัดทำรายการโพลีฟิลทั้งหมด (ดูการสนับสนุนเบราว์เซอร์และโพลีฟิลด์สำหรับรายละเอียดเพิ่มเติม)

โครงสร้างห้องสมุด

ในขณะที่การสร้างห้องสมุดองค์ประกอบ UI เรารวมส่วนประกอบส่วนประกอบและยูทิลิตี้ที่แก้ปัญหาสถาปัตยกรรมโครงการที่ซับซ้อนและสอดคล้องกับหลักการแห้ง ดูบทสรุปของส่วนประกอบเว็บและอ่านข้อมูลจำเพาะ

ห้องสมุด

ด้วยไลบรารีส่วนประกอบ UI ของเราคุณจะได้รับน้ำตาลไวยากรณ์ที่ยืดหยุ่นสำหรับการสร้างส่วนประกอบพื้นฐานและควบคุมวงจรชีวิตของพวกเขา

• องค์ประกอบฐาน ESL

• องค์ประกอบ ESL Mixin

• สอบถามสื่อ ESL

• ESL Traversing Query

• ผู้ฟังเหตุการณ์ ESL

• ESL Utils

ส่วนประกอบ

ไลบรารีส่วนประกอบ HTML UI ของเราให้องค์ประกอบทั้งหมดที่คุณต้องสร้างโมดูล UX ด้วยประสิทธิภาพที่ยอดเยี่ยม

• ESL A11YGROUP (เบต้า)

• การแจ้งเตือน ESL

• ESL antiMIAT

• เชิงอรรถ ESL (เบต้า)

• ภาพ ESL

• สื่อ ESL

• แผง ESL

• กลุ่มแผง ESL

• ESL Popup (เบต้า)

• เป้าหมายที่เกี่ยวข้องกับ ESL (เบต้า)

• แถบเลื่อน ESL

• ESL SELECT (เบต้า)

• ESL SELECT LIST (เบต้า)

• ส่วนแบ่ง ESL (เบต้า)

• แท็บและแท็บ ESL

• ESL toggleable

• ทริกเกอร์ ESL

---

คู่มือการติดตั้ง

0. เงื่อนไขก่อน:

   • ตรวจสอบให้แน่ใจว่าคุณมีโพลีฟิลด์ที่จำเป็นทั้งหมดเพื่อรองรับเบราว์เซอร์จากรายการรองรับเบราว์เซอร์ของคุณ ดูรายละเอียดการสนับสนุนและ Polyfills ของเบราว์เซอร์
   • ใช้ Bundler เพื่อสร้างโครงการของคุณ ปัจจุบันมีเพียงโมดูล ES6 เท่านั้นที่มีไว้สำหรับการบริโภค

1. ติดตั้ง ESL NPM การพึ่งพา:

    npm i @exadel/esl --save
   

2. นำเข้าส่วนประกอบ/โมดูลที่คุณต้องการ:

    import '@exadel/esl/modules/esl-component/core' ;

   • รายการโมดูล core มักแสดงถึงส่วนหลักของโมดูล
   • รวมคุณสมบัติย่อยเพิ่มเติมโดยตรง ดูเอกสารของ Component สำหรับรายละเอียด

    import '@exadel/esl/modules/esl-media/providers/iframe-provider' ;

   • โมดูลบางรายการมีรายการสะสม all
   • สไตล์มีการกระจายในสองเวอร์ชัน:
     • 'พร้อมที่จะใช้' core.css หรือ core.less
     • mixin เวอร์ชัน core.mixin.less สำหรับนิยาม Tagname ที่กำหนดเอง

3. [ไม่บังคับ] การกำหนดค่าสภาพแวดล้อมการตั้งค่าเช่นจุดเบรกพอยต์หน้าจอที่กำหนดเอง:

    import { ESLScreenBreakpoints } from '@exadel/esl/modules/esl-media-query/core' ;
   
   // define XS screen breakpoint for up to 800px screen width
   ESLScreenBreakpoints . addCustomBreakpoint ( 'XS' , 1 , 800 ) ; 

4. ลงทะเบียนส่วนประกอบเว็บผ่าน register วิธีการโทรแบบสแตติก:

    ESLImage . register ( ) ;

   คุณสามารถส่งชื่อแท็กที่กำหนดเองไปยังฟังก์ชั่น 'ลงทะเบียน' แต่ใช้ตัวเลือกนี้ในสถานการณ์พิเศษเท่านั้น

---

ข้อมูลการพัฒนาสำหรับผู้มีส่วนร่วม

หากคุณเป็นส่วนหนึ่งของทีม ESL หรือต้องการมีส่วนร่วมในโครงการคุณสามารถค้นหาข้อมูลที่เป็นประโยชน์เกี่ยวกับกระบวนการโครงการและข้อตกลงที่นี่:

• - คู่มือการบริจาค

• - คู่มือการพัฒนา

• - ข้อตกลงใบอนุญาตผู้สนับสนุน

---

ทีม ESL Core

คนที่สถาปนิกดูแลและรักษาความคิดของ ESL

Alexey Stsefanovich

Julia Murashko

Yuliya Adamskaya

dmytro shovchko

Anna Barmina

Anastasiya Lesun

ผู้มีส่วนร่วม ESL :

คนที่มีส่วนร่วมใน ESL อย่างแข็งขัน

Anna-Mariia Petryk ผู้พัฒนา	Feoktyst Shovchko ผู้พัฒนา	Natallia Harshunova ผู้พัฒนา	Yana Bernatskaya ผู้พัฒนา	Natalie Smirnova ผู้พัฒนา
Iryna Pavlenko นักออกแบบ	Aliaksandr Auseyeu ที่ปรึกษา	Andrey Belous ที่ปรึกษา	Dzianis Mantsevich ที่ปรึกษา	liubou masiuk ที่ปรึกษา

Exadel, Inc.