<template>
    <ULink to="/search/123" class="flex flex-col group">
        <div class="transition truncate group-hover:text-primary">Python有哪些新的库</div>
        <div class="break-word text-balance line-clamp-2 font-sans text-base" :class="textColor">
            Python有许多新的库不断涌现,以下是一些值得关注的新库:
            Anthropic - 由Anthropic公司开发的大型语言模型库,用于自然语言处理和生成任务。
            Jax - 用于高性能数值计算的库,支持自动微分和GPU/TPU加速,适用于机器学习和科学计算。
            FastAPI - 一个现代、快速的Web框架,用于构建API。它基于ASGI,支持异步编程。
            Starlette - 一个轻量级的ASGI框架,可用于构建高性能的异步Web服务。
            Polars - 一个快速的数据框架库,性能优于Pandas,支持延迟计算。
            Altair - 一个基于Vega和Vega-Lite的声明式统计可视化库。
            AnyIO - 提供异步并发抽象的库,支持多种异步库如asyncio、trio等。
            Hypothesis - 一个基于属性的测试框架,可自动生成测试用例。

            这些只是Python新兴库中的一小部分。Python生态系统一直在快速发展,新库层出不穷,为开发者提供更多选择。
        </div>
    </ULink>
    <div class="flex justify-between items-center">
        <div class="flex gap-4">
            <div class="flex items-center text-sm gap-0.5" :class="textColor">
                <UIcon name="i-heroicons-eye" />
                <span>1</span>
            </div>
            <div class="flex items-center text-sm gap-0.5" :class="textColor">
                <UIcon name="i-heroicons-clock" />
                <span>52 分钟前</span>
            </div>
        </div>
        <div class="flex gap-4">
            <UButton
                :ui="{ rounded: 'rounded-full' }"
                to="/library/123"
                color="white"
                size="2xs"
                label="前端开发"
            />
            <UTooltip text="添加到收藏">
                <UButton
                    color="gray"
                    variant="ghost"
                    size="2xs"
                    icon="i-heroicons-plus"
                    @click="handleOpenSelect"
                />
            </UTooltip>
            <UDropdown class="flex flex-grow" :items="actionItems">
                <UButton
                    color="gray"
                    variant="ghost"
                    size="2xs"
                    icon="i-heroicons-ellipsis-horizontal"
                />
            </UDropdown>
        </div>
    </div>
    <UDivider />
</template>
<script setup>
const Library = inject('Library')
const textColor = 'text-gray-500 dark:text-gray-400'
const actionItems = [
    [
        {
            label: '添加到收藏',
            icon: 'i-heroicons-plus',
            click: () => {
                handleOpenSelect()
            }
        },
        {
            label: '更改集合',
            icon: 'i-heroicons-squares-plus',
            click: () => {
                handleOpenSelect()
            }
        },
        {
            label: '从收藏中移除',
            icon: 'i-heroicons-x-mark'
        },
        {
            label: '删除主题',
            icon: 'i-heroicons-trash'
        }
    ]
]
function handleOpenSelect (id) {
    Library.handleOpenSelect(id)
}
</script>