h-select-tree增加搜索功能

`h-select-tree` 是 Vue 里的一个组件，通常用于构建可展开、可选择的树形结构列表。如果要在 `h-select-tree` 中添加搜索功能，一般会通过处理用户输入事件并筛选树节点来实现。这可以通过以下几个步骤操作：

1. **监听输入变化**：在组件上绑定一个事件处理器，比如 `@input` 或者 `v-model` 的 `@change`，每当用户在搜索框输入内容时触发。

2. **过滤树节点**：当接收到用户的输入时，遍历树的节点，对每个节点的标题或其他关键字段应用模糊匹配算法（如 Levenshtein 距离、正则表达式等），只显示匹配搜索关键词的节点。

3. **动态渲染**：更新树的数据源，只展示经过筛选后的节点。这可能需要配合虚拟滚动等性能优化技术，避免一次性渲染所有节点导致页面卡顿。

4. **保存搜索状态**：为了保持用户体验，可以在用户关闭搜索框或者改变输入时，清除搜索结果或者恢复原来的节点数据。

下面是一个简化版的示例代码片段：

<template>
  <div>
    <input v-model="searchText" @input="filterNodes">
    <h-select-tree :data="filteredNodes" :key="item.id"></h-select-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchText: '',
      nodes: ... // 原始的树形节点数组
    };
  },
  computed: {
    filteredNodes() {
      return this.nodes.filter(node => node.title.includes(this.searchText) || node.children.some(child => child.title.includes(this.searchText)));
    }
  },
  methods: {
    filterNodes() {
      this.filteredNodes = this.searchText ? this.filterData(this.nodes, this.searchText) : this.nodes;
    }
  }
};
</script>

请注意，这只是一个基础示例，实际实现可能需要考虑更多细节，比如分页、异步加载、懒加载等。