Spaces:
Running
Running
File size: 2,749 Bytes
6e41657 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 | <template>
<USelectMenu
v-model="selected"
size="md"
color="gray"
searchable
searchable-placeholder="筛选公众号..."
clear-search-on-close
:options="sortedAccountInfos"
option-attribute="nickname"
placeholder="请选择公众号"
>
<template #label>
<UAvatar v-if="selected" :src="IMAGE_PROXY + selected.round_head_img" size="2xs" />
<span v-if="selected" class="max-w-30 line-clamp-1">{{ selected.nickname }}</span>
<span v-if="selected" class="shrink-0">({{ selected.albums!.length }}个合集)</span>
</template>
<template #option="{ option: account }">
<UAvatar :src="IMAGE_PROXY + account.round_head_img" size="sm" />
<div>
<p class="text-[16px]">{{ account.nickname }}</p>
<p class="text-gray-500 text-sm">合集数: {{ account.albums.length }}</p>
</div>
</template>
<template #option-empty="{ query }">
未找到匹配「{{ query }}」的公众号<br />请先在「<NuxtLink
to="/dashboard/account"
class="text-blue-500 hover:underline"
>公众号管理</NuxtLink
>」中添加
</template>
<template #empty>
暂无公众号，请先在「<NuxtLink to="/dashboard/account" class="text-blue-500 hover:underline">公众号管理</NuxtLink
>」中添加
</template>
</USelectMenu>
</template>
<script setup lang="ts">
import { IMAGE_PROXY } from '~/config';
import { getArticleCache } from '~/store/v2/article';
import { getAllInfo, type MpAccount } from '~/store/v2/info';
import type { AppMsgAlbumInfo } from '~/types/types';
interface AccountInfo extends MpAccount {
albums?: AppMsgAlbumInfo[];
}
// 已缓存的公众号信息
const cachedAccountInfos: AccountInfo[] = reactive(await getAllInfo());
cachedAccountInfos.forEach(async accountInfo => {
accountInfo.albums = await getAllAlbums(accountInfo.fakeid);
});
const sortedAccountInfos = computed(() => {
cachedAccountInfos.sort((a, b) => {
if (a.albums && b.albums) {
return a.albums.length > b.albums.length ? -1 : 1;
} else {
return 0;
}
});
return cachedAccountInfos;
});
// 获取公众号下所有的合集数据（根据已缓存的文章数据）
async function getAllAlbums(fakeid: string) {
const articles = await getArticleCache(fakeid, Math.floor(Date.now() / 1000));
const albums: AppMsgAlbumInfo[] = [];
articles
.flatMap(article => article.appmsg_album_infos)
.forEach(album => {
if (!albums.some(a => a.id === album.id)) {
albums.push(album);
}
});
return albums;
}
const selected = defineModel<AccountInfo | undefined>();
</script>
|