<template>
  <u-tree 
    :data="basicData" 
    :default-expanded-keys="['1','1-1']" 
    expand-on-click 
    checkable 
  />
 </template>

<script>
export default {
  data() {
    return {
      basicData: [
        {
          label: '技术部',
          key: '1',
          children: [
            {
              label: '前端组',
              key: '1-1',
              children: [
                {
                  label: 'Vue开发',
                  key: '1-1-1',
                  children: [
                    { label: '组件库开发', key: '1-1-1-1' },
                    { label: '页面开发', key: '1-1-1-2' }
                  ]
                },
                {
                  label: 'React开发',
                  key: '1-1-2',
                  children: [
                    { label: 'Hooks开发', key: '1-1-2-1' },
                    { label: '状态管理', key: '1-1-2-2' }
                  ]
                }
              ]
            },
            {
              label: '后端组',
              key: '1-2',
              children: [
                { label: 'Java开发', key: '1-2-1' },
                { label: 'Python开发', key: '1-2-2' },
                { label: '数据库设计', key: '1-2-3' }
              ]
            }
          ]
        }
      ]
    }
  }
}
</script>
✅ Copy success!
copy

<u-tree 
  :data="basicData" 
  :default-expanded-keys="['1','1-1']" 
  :show-switcher="false"
  expand-on-click 
  checkable 
/>
✅ Copy success!
copy

<u-tree 
  :data="basicData" 
  :default-expanded-keys="['1','1-1']" 
  expand-icon="plus"
  collapse-icon="minus"
  expand-on-click 
  selectable
/>
✅ Copy success!
copy

<u-tree 
  :data="customFieldData" 
  :default-expanded-keys="['1','1-1']" 
  key-field="id"
  label-field="name" 
  children-field="items" 
  selectable 
/>
✅ Copy success!
copy

<template>
  <view>
    <u-tree 
      :data="cascadeData" 
      cascade 
      :default-expanded-keys="['0','0-0','0-1','0-2']"
      :default-checked-keys="['0-0-0']" 
      @checked="updateCheckedKeys" 
      checkable 
    />
    <text>已选中: {{ checkedKeys.join(', ') || '无' }}</text>
  </view>
</template>
✅ Copy success!
copy

<u-input v-model="searchPattern" placeholder="输入节点名称搜索" :clearable="true" />
<u-tree 
  :data="searchData" 
  expand-on-click 
  :pattern="searchPattern"
  :show-irrelevant-nodes="showIrrelevantNodes"
/>
✅ Copy success!
copy

<u-tree 
  :data="asyncData" 
  :load-node="loadNodeData"
/>
✅ Copy success!
copy

<u-tree 
  :data="slotData" 
  :default-expanded-keys="['1']"
>
  <template #switcher="{ hide, expanded }">
    <view v-if="!hide" class="custom-switcher">
      <u-icon :name="expanded ? 'arrow-down' : 'arrow-right'" size="12" />
    </view>
  </template>
  <template #content="{ node }">
    <view class="custom-content">
      <text class="custom-label">{{ node.label }}</text>
      <text class="custom-tag" v-if="node.tag">{{ node.tag }}</text>
    </view>
  </template>
</u-tree>
✅ Copy success!
copy