复制<script setup lang="ts">
import { ref } from 'vue'

const query = ref('')
const value = ref()

const nodes = [
  {
    key: 'design',
    label: 'Design',
    children: [
      { key: 'design-ui', label: 'UI' },
      { key: 'design-ux', label: 'UX' },
    ],
  },
  {
    key: 'dev',
    label: 'Development',
    children: [
      { key: 'dev-web', label: 'Web' },
      { key: 'dev-app', label: 'App' },
    ],
  },
]
</script>

<template>
  <TxSearchInput v-model="query" placeholder="过滤节点" />
  <TxTree
    v-model="value"
    :nodes="nodes"
    :default-expanded-keys="['design']"
    :filter-text="query"
  />
</template>