chore(lib): 优化性能和细节体验

refactor: 页面结构生成拆分为多个方法

feat(lib): 支持对lable搜索

docs: 更新描述文档

docs: 更新文档

feat(lib): 快捷选择条 支持区域外滑动选中

refactor(lib): 优化事件管理

build: 更新dist

Author: lljj-x

README.md

@@ -1,10 +1,5 @@
 # js-contacts
 
-## todo
-* 优化快捷条滑动可以在划出区域继续定位
-* 优化在中间元素滚动时，如果使用快捷条要中止中间元素的滚动行为
-* 支持搜索功能
-
 ## 介绍
 
 * [查看演示](http://js-contacts.buhuida.com/)
@@ -62,6 +57,8 @@ Demo文件：https://github.com/lljj-x/js-contacts/blob/main/packages/demo/src/i
         hotLetter: '#',
         hotName: '推荐',
         showSearch: true, // 是否显示搜索
+        searchPlaceholder: '请输入搜索关键词', // 搜索框占位符
+        showNavBar: false, // 是否显示右侧快捷选择条
         curSelect: 'IT',
         indicatorDuration: 2000, // 指示器显示时间
         data: {
@@ -159,6 +156,15 @@ data: {
 * 默认：true
 * 是否显示搜索框
 
+### searchPlaceholder
+* 默认：输入搜索词
+* 搜索框占位符
+
+
+### showNavBar
+* 默认：true
+* 是否显示右侧快捷选择条
+
 ### indicatorDuration
 * 默认：`2000`
 * 快捷选择指示器tips显示时间（ms）

packages/demo/src/index/index.js

@@ -137,7 +137,7 @@ module.exports = {
         open: true,
         openPage,
         port: 8800,
-        host: '127.0.0.1',
+        host: '10.34.5.100',
         overlay: {
             warnings: false,
             errors: true