Toast（轻提示） ​

<template>
  <HCard title="树形图">
    <HTree :three-data="treeData"></HTree>
  </HCard>
</template>
<script lang="ts" setup>
  const treeData = {
    name: '1',
    children: [
      {
        name: '1-1',
        children: [],
      },
      {
        name: '1-2',
        children: [
          {
            name: '1-2-1',
            children: [],
          },
          {
            name: '1-2-2',
            children: [],
          },
        ],
      },
      {
        name: '1-3',
        children: [],
      },
      {
        name: '1-4',
        children: [],
      },
    ],
  };
</script>

<template>
  <HCard title="树形图">
    <HTree :three-data="treeData"></HTree>
  </HCard>
</template>
<script lang="ts" setup>
  const treeData = {
    name: '1',
    children: [
      {
        name: '1-1',
        children: [],
      },
      {
        name: '1-2',
        children: [
          {
            name: '1-2-1',
            children: [],
          },
          {
            name: '1-2-2',
            children: [],
          },
        ],
      },
      {
        name: '1-3',
        children: [],
      },
      {
        name: '1-4',
        children: [],
      },
    ],
  };
</script>