<script setup lang="ts">
|
import type { TreeProps } from '../../../../../@core/ui-kit/shadcn-ui/src';
|
|
import { Inbox } from '../../../../../icons/src';
|
import { $t } from '../../../../../locales/src';
|
|
import { treePropsDefaults, VbenTree } from '../../../../../@core/ui-kit/shadcn-ui/src';
|
|
const props = withDefaults(defineProps<TreeProps>(), treePropsDefaults());
|
</script>
|
|
<template>
|
<VbenTree v-if="props.treeData?.length > 0" v-bind="props">
|
<template v-for="(_, key) in $slots" :key="key" #[key]="slotProps">
|
<slot :name="key" v-bind="slotProps"> </slot>
|
</template>
|
</VbenTree>
|
<div
|
v-else
|
class="flex-col-center cursor-pointer rounded-lg border p-10 text-sm font-medium text-muted-foreground"
|
>
|
<Inbox class="size-10" />
|
<div class="mt-1">{{ $t('common.noData') }}</div>
|
</div>
|
</template>
|
