From 4de8220ce651f86e1a61c9125522f34a9d4e477f Mon Sep 17 00:00:00 2001
From: Jin Mao <jinmao88@qq.com>
Date: Wed, 17 Sep 2025 17:28:39 +0800
Subject: [PATCH] =?UTF-8?q?feat(common-ui):=20=E6=B7=BB=E5=8A=A0=20Tree=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 common-ui 包中新增 Tree 组件
- 实现了基本的树形结构展示功能
- 集成了 VbenTree 组件和自定义样式- 添加了空数据时的占位展示
---
 .../common-ui/src/components/tree/index.ts    |  1 +
 .../common-ui/src/components/tree/tree.vue    | 25 +++++++++++++++++++
 2 files changed, 26 insertions(+)
 create mode 100644 packages/effects/common-ui/src/components/tree/index.ts
 create mode 100644 packages/effects/common-ui/src/components/tree/tree.vue

diff --git a/packages/effects/common-ui/src/components/tree/index.ts b/packages/effects/common-ui/src/components/tree/index.ts
new file mode 100644
index 00000000..ce3bc5c6
--- /dev/null
+++ b/packages/effects/common-ui/src/components/tree/index.ts
@@ -0,0 +1 @@
+export { default as Tree } from './tree.vue';
diff --git a/packages/effects/common-ui/src/components/tree/tree.vue b/packages/effects/common-ui/src/components/tree/tree.vue
new file mode 100644
index 00000000..1f2fcc17
--- /dev/null
+++ b/packages/effects/common-ui/src/components/tree/tree.vue
@@ -0,0 +1,25 @@
+<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>