Showing
1 changed file
with
13 additions
and
4 deletions
| 1 | 1 | <script lang="ts" setup> |
| 2 | + import { Badge } from 'ant-design-vue'; | |
| 2 | 3 | import { cloneDeep } from 'lodash'; |
| 3 | 4 | import { computed, ref, unref } from 'vue'; |
| 4 | 5 | import { allComponents } from '../../../packages'; |
| ... | ... | @@ -27,13 +28,21 @@ |
| 27 | 28 | <template> |
| 28 | 29 | <section class="absolute top-11 w-full flex flex-auto h-[calc(100%-2.75rem)] bg-neutral-100"> |
| 29 | 30 | <nav class="w-20 min-w-20 p-2 border-t border-light-50"> |
| 30 | - <CategoryItem | |
| 31 | + <Badge | |
| 31 | 32 | v-for="category in allComponents" |
| 32 | 33 | :key="category.category.category" |
| 33 | - v-model:activeKey="activeKey" | |
| 34 | - :category="category" | |
| 35 | - /> | |
| 34 | + :dot="!!searchText && | |
| 35 | + category.components.some((item) => | |
| 36 | + item.name.toUpperCase().includes(searchText!.toUpperCase()) | |
| 37 | + ) | |
| 38 | + " | |
| 39 | + :offset="[-10, 10]" | |
| 40 | + class="!block" | |
| 41 | + > | |
| 42 | + <CategoryItem v-model:activeKey="activeKey" :category="category" /> | |
| 43 | + </Badge> | |
| 36 | 44 | </nav> |
| 45 | + | |
| 37 | 46 | <body class="p-4 w-full flex flex-col gap-2 items-center overflow-x-hidden overflow-y-auto"> |
| 38 | 47 | <NodeItem |
| 39 | 48 | v-for="config in getCurrentCategoryNode.components" | ... | ... |