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。