You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
772 B
25 lines
772 B
<script setup lang="ts">
|
|
import type { TreeProps } from '@vben-core/shadcn-ui';
|
|
|
|
import { Inbox } from '@vben/icons';
|
|
import { $t } from '@vben/locales';
|
|
|
|
import { treePropsDefaults, VbenTree } from '@vben-core/shadcn-ui';
|
|
|
|
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 text-muted-foreground cursor-pointer rounded-lg border p-10 text-sm font-medium"
|
|
>
|
|
<Inbox class="size-10" />
|
|
<div class="mt-1">{{ $t('common.noData') }}</div>
|
|
</div>
|
|
</template>
|
|
|