ci(document): 新增文档内容检索

docs/src/components/LaySearch.vue

@@ -9,9 +9,9 @@
       <input
         type="text"
         placeholder="请选择"
-        :value="name"
         class="layui-input layui-unselect"
         @input="change"
+        :value="name"
         style="
           background: rgba(255, 255, 255, 0.05);
           border: none;
@@ -20,10 +20,11 @@
       /><i class="layui-edge"></i>
     </div>
     <dl class="layui-anim layui-anim-upbit" style="">
-      <dd lay-value="" class="layui-select-tips">请选择</dd>
+      <dd v-if="menus.length <= 0" class="layui-select-tips">无内容</dd>
       <dd
-        v-for="data in datas"
-        lay-value=""
+        v-else
+        v-for="data in menus"
+        :value = "name"
         @click="jump(data)"
         :key="data"
         class="layui-select-tips"
@@ -47,7 +48,7 @@ const route = useRoute()
 const router = useRouter()
 
 const openState = ref(false)
-
+const menus = ref(props.datas)
 const name = ref('')
 
 const open = function () {
@@ -55,7 +56,48 @@ const open = function () {
 }
 
 const jump = function (data: any) {
-  router.push(data.path)
   name.value = data.title
+  router.push(data.path)
+}
+
+const change = function(e: any) {
+  name.value = e.target.value
+  if(e.target.value === ""){
+    menus.value = props.datas
+  }else{
+    menus.value = searchList(e.target.value, props.datas);
+  }
+}
+
+const searchList = function (str: String, container: any) {
+  var newList = []
+  var startChar = str.charAt(0)
+  var strLen = str.length
+  for (var i = 0; i < container.length; i++) {
+    var obj = container[i]
+    var isMatch = false
+    for (var p in obj) {
+      if (typeof obj[p] == 'function') {
+        obj[p]()
+      } else {
+        var curItem = ''
+        if (obj[p] != null) {
+          curItem = obj[p]
+        }
+        for (var j = 0; j < curItem.length; j++) {
+          if (curItem.charAt(j) == startChar) {
+            if (curItem.substring(j).substring(0, strLen) == str) {
+              isMatch = true
+              break
+            }
+          }
+        }
+      }
+    }
+    if (isMatch) {
+      newList.push(obj)
+    }
+  }
+  return newList
 }
 </script>

src/module/iconPicker/index.vue

@@ -175,9 +175,7 @@ const searchList = function (str: String, container: any) {
         }
         for (var j = 0; j < curItem.length; j++) {
           if (curItem.charAt(j) == startChar) {
-            //如果匹配起始字符,开始查找
             if (curItem.substring(j).substring(0, strLen) == str) {
-              //如果从j开始的字符与str匹配，那ok
               isMatch = true
               break
             }