## s-select ### s-select 是什么？ s-select 是一个以增强 「浏览器原生 select 体验」 为目标 的下拉选择器组件，这对于现代 UI 和用户体验来说几乎是必不可少的。 设计稿：https://lanhuapp.com/url/lw1dv （缩放800%时最清晰） ---- ### s-select 与 select2 的区别 在 s-select 诞生之前 select2 曾是最好的选择器组件，select2 很强大，但是遗憾没能跟上时代发展，现其已然不能满足现代的网页交互需求了，用现代的眼光来看老旧了，是时候更新换代了，所以 s-select 是 select2 的替代品。 ---- ### 功能 1. 本地搜索，自定义搜索key源，ajax搜索，分页，更多/下一页 2. 单选、多选 3. 自定义模板，option / content 自定义 4. 快捷键操作 5. 事件钩子 6. 灵活配置，满足多样需求 7. 自定义唯一k组合 8. option 选择项分组 ---- ### 特性 1. 与原生组件数据结构互转，转换器和核心是分离的，确保核心可以通用 2. 数据结构优先，核心是数据结构，基于数据可以渲染出任何UI和满足其交互 3. 鲁棒性，考虑任何特特殊情况，最大限度的灵活，以让用户应对任何特殊情况 4. 响应式，自动调整跟随位置（防止溢出到可视窗口边缘外） 5. 支持多种运行模式： - production: 生产环境 - dev: 开发模式 - debug: 调试模式，调试信息，打印帮助提示信息 ---- last update: 2019-12-28