esl

Exadel智能庫

Exadel Smart Library（ ESL ）是基於Web組件的開源輕巧且靈活的UI組件庫。通過使用我們圖書館的自定義組件構建UX模型來提高網站的性能。 ESL Web UI組件庫與任何框架都兼容，這使ESL非常適合項目，無論其技術堆棧如何。

★查看我們的UI組件庫，並用星星★支持它

• 概述
• 庫結構
• 安裝指南
• 貢獻者的開發信息

概述

Exadel Smart Library或Short ESL是一個免費的Web UI組件庫，可減少常規任務，並讓您有效地創建具有多個Web組件的網站。當您確定哪個是網站的最佳UI組件庫時，請記住，它應該與其他庫和框架兼容，就像ESL一樣！

ESL UI組件庫允許您訪問裝滿可重複使用組件的工具包。您可以利用這些Web組件來補充項目或僅使用ESL從頭開始構建基礎架構。我們的Web UI組件庫是高質量的，因此您唯一要關注的就是應用樣式來滿足您的項目需求。

ESL僅基於Web API和Ecmascript 6功能，這使我們的Web UI組件庫在所有現代瀏覽器（例如Firefox，Chrome，Safari，Opera和Edge）等所有現代瀏覽器中都可以正常運行。當提供整個多填充列表時，ESL也可以在IE11上工作（有關更多詳細信息，請參見瀏覽器支持和多填充）。

庫結構

在構建UI組件庫時，我們包括了解決複雜項目架構問題並符合乾燥原則的組件，形式組件和實用程序。請參閱Web組件的摘要並閱讀規格。

庫核心

借助我們的UI組件庫，您將獲得靈活的語法糖，用於在基本組件之上構建並控制其生命週期。

• ESL基本元素

• ESL混合蛋白元素

• ESL媒體查詢

• ESL穿越查詢

• ESL活動聽眾

• ESL UTILS

成分

我們的HTML UI組件庫為您提供具有出色性能的UX模塊所需的所有元素。

• ESL A11yGroup（beta）

• ESL警報

• ESL動畫

• ESL腳註（beta）

• ESL圖像

• ESL媒體

• ESL面板

• ESL面板組

• ESL彈出窗口（beta）

• ESL相關目標（Beta）

• ESL捲軸

• ESL選擇（beta）

• ESL選擇列表（Beta）

• ESL共享（beta）

• ESL選項卡和選項卡

• ESL可切換

• ESL觸發器

---

安裝指南

0. 前提：

   • 確保您擁有所有需要的多填充物來支持瀏覽器支持列表中的瀏覽器。有關詳細信息，請參見瀏覽器支持和多填充。
   • 使用捆綁器來構建您的項目。當前，僅ES6模塊可供消費。

1. 安裝ESL NPM依賴性：

    npm i @exadel/esl --save
   

2. 您需要的導入組件/模塊：

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

   • core模塊輸入通常代表模塊的主要部分；
   • 直接包括可選的子功能。有關詳細信息，請參見組件的文檔。

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

   • 一些模塊包含累積all條目。
   • 樣式分佈在兩個版本中：
     • “準備使用” core.css或core.less
     • mixin版本core.mixin.less for自定義標記名稱定義

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靜態方法註冊Web組件調用：

    ESLImage . register ( ) ;

   您可以將自定義標籤名稱傳遞給“註冊”功能，但僅在特殊情況下使用此選項。

---

貢獻者的開發信息

如果您是ESL團隊的一部分或想為該項目做出貢獻，則可以在此處找到有關項目流程和協議的有用信息：

• ？貢獻指南

• ？開髮指南

• ？貢獻者許可協議

---

ESL核心團隊

建築師，維護和保持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 顧問	安德烈·貝魯斯 顧問	Dzianis Mantsevich 顧問	Liubou Masiuk 顧問

Exadel，Inc。