## 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