对应 Arco Tree，节点标题使用局部悬停背景，选中节点使用主色文字。 属性用法见 Element Plus 文档。
highlight-current 标识当前节点，indent="22" 对齐 Arco 缩进。
<script setup lang="ts">
const data = [
{ id: 1, label: 'Design', children: [{ id: 11, label: 'Tokens' }, { id: 12, label: 'Components', disabled: true }] },
{ id: 2, label: 'Engineering', children: [{ id: 21, label: 'Testing' }] },
]
</script>
<template>
<el-tree :data="data" node-key="id" :default-expanded-keys="[1]" :indent="22" highlight-current style="width: 100%" />
</template>show-checkbox 对应 Arco 的 checkable，禁用节点不能勾选。
<script setup lang="ts">
const data = [
{ id: 1, label: 'Design', children: [{ id: 11, label: 'Tokens' }, { id: 12, label: 'Components', disabled: true }] },
{ id: 2, label: 'Engineering', children: [{ id: 21, label: 'Testing' }] },
]
</script>
<template>
<el-tree :data="data" node-key="id" show-checkbox :default-expanded-keys="[1]" :default-checked-keys="[11]" :indent="22" style="width: 100%" />
</template>:indent="22"。