TTreeMenu / 树型菜单

TreeMenu renders a hierarchical sidebar navigation with expand/collapse, accordion mode, and select events. Used in the demo app sidebar. / 树型菜单渲染层级侧边栏导航，支持展开/折叠、手风琴模式和选中事件。

Props / 属性

Prop	Type / 类型	Default / 默认值	Description / 说明
items	TreeMenuItem[]	[]	Menu data
accordion	boolean	true	Accordion mode
defaultExpandAll	boolean	false	Expand all by default
indent	number	16	Indent per level

Events / 事件

Event	Payload	Description
@select	item: TreeMenuItem	Item selected

Basic Usage / 基础用法

<script setup lang="ts">
import { TTreeMenu } from '@gulcc/tabler-vue'

const items = [
  { label: 'Home', icon: IconHome, _name: 'home' },
  { label: 'Section', children: [
    { label: 'Item 1', _name: 'item1' },
    { label: 'Item 2', _name: 'item2' },
  ]},
]

function onSelect(item: any) {
  // handle selection
}
</script>

<template>
  <TTreeMenu :items="items" @select="onSelect" />
</template>