GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 23:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update package.json version to 1.9.14

Browse Source
This commit is contained in:
jxxghp
2024-08-08 14:37:40 +08:00
parent aec9ea83c5
commit 0c72d026f6
4 changed files with 104 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "moviepilot", "name": "moviepilot",
"version": "1.9.13", "version": "1.9.14",
"private": true, "private": true,
"bin": "dist/service.js", "bin": "dist/service.js",
"scripts": { "scripts": {
src/components/cards/PluginAppCard.vue
+43 -58
View File
@@ -150,55 +150,52 @@ const dropdownItems = ref([
<template> <template>
<VCard :width="props.width" :height="props.height" @click="installPlugin" class="flex flex-col"> <VCard :width="props.width" :height="props.height" @click="installPlugin" class="flex flex-col">
<div class="relative pa-3 text-center card-cover-blurred" :style="{ background: `${backgroundColor}` }"> <div class="me-n3 absolute bottom-0 right-3">
<div class="me-n3 absolute top-0 right-3"> <IconBtn>
<IconBtn> <VIcon icon="mdi-dots-vertical" />
<VIcon icon="mdi-dots-vertical" class="text-white" /> <VMenu activator="parent" close-on-content-click>
<VMenu activator="parent" close-on-content-click> <VList>
<VList> <VListItem
<VListItem v-for="(item, i) in dropdownItems"
v-for="(item, i) in dropdownItems" v-show="item.show"
v-show="item.show" :key="i"
:key="i" variant="plain"
variant="plain" @click="item.props.click"
@click="item.props.click" >
> <template #prepend>
<template #prepend> <VIcon :icon="item.props.prependIcon" />
<VIcon :icon="item.props.prependIcon" /> </template>
</template> <VListItemTitle v-text="item.title" />
<VListItemTitle v-text="item.title" /> </VListItem>
</VListItem> </VList>
</VList> </VMenu>
</VMenu> </IconBtn>
</IconBtn>
</div>
<VAvatar size="6rem">
<VImg
ref="imageRef"
:src="iconPath"
aspect-ratio="4/3"
cover
:class="{ shadow: isImageLoaded }"
@load="imageLoaded"
@error="imageLoadError = true"
/>
</VAvatar>
</div> </div>
<VCardTitle> <div class="flex flex-row items-start pa-3 justify-between grow" :style="{ background: `${backgroundColor}` }">
{{ props.plugin?.plugin_name }} <div class="flex-1 min-w-0">
<span class="text-sm text-gray-500">v{{ props.plugin?.plugin_version }}</span> <VCardTitle class="text-white px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis">
</VCardTitle> {{ props.plugin?.plugin_name }}
<VCardText class="pb-2"> <span class="text-sm text-gray-200">v{{ props.plugin?.plugin_version }}</span>
<div>{{ props.plugin?.plugin_desc }}</div> </VCardTitle>
<div> <VCardText class="text-white px-2 py-1 text-shadow line-clamp-3">{{ props.plugin?.plugin_desc }}</VCardText>
<VChip v-for="label in pluginLabels" variant="tonal" size="small" class="me-1 my-1" color="info" label>
{{ label }}
</VChip>
</div> </div>
</VCardText> <div class="flex-shrink-0 self-center">
<VCardText class="flex align-self-baseline pb-2 w-full align-end"> <VAvatar size="64">
<VImg
ref="imageRef"
:src="iconPath"
aspect-ratio="4/3"
cover
:class="{ shadow: isImageLoaded }"
@load="imageLoaded"
@error="imageLoadError = true"
/>
</VAvatar>
</div>
</div>
<VCardText class="flex flex-none align-self-baseline py-3 w-full align-end">
<span> <span>
<VIcon icon="mdi-account" class="me-1" /> <VIcon icon="mdi-github" class="me-1" />
<a :href="props.plugin?.author_url" target="_blank" @click.stop> <a :href="props.plugin?.author_url" target="_blank" @click.stop>
{{ props.plugin?.plugin_author }} {{ props.plugin?.plugin_author }}
</a> </a>
@@ -220,15 +217,3 @@ const dropdownItems = ref([
</VCard> </VCard>
</VDialog> </VDialog>
</template> </template>
<style lang="scss" scoped>
.card-cover-blurred::before {
position: absolute;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background: rgba(29, 39, 59, 48%);
content: '';
inset: 0;
}
</style>
src/components/cards/PluginCard.vue
+58 -50
View File
@@ -383,58 +383,66 @@ watch(
<template> <template>
<!-- 插件卡片 --> <!-- 插件卡片 -->
<VCard v-if="isVisible" :width="props.width" :height="props.height" @click="openPluginDetail" class="flex flex-col"> <VCard v-if="isVisible" :width="props.width" :height="props.height" @click="openPluginDetail" class="flex flex-col">
<div class="relative pa-3 text-center card-cover-blurred" :style="{ background: `${backgroundColor}` }"> <div v-if="props.plugin?.has_update" class="me-n3 absolute top-0 left-1">
<div v-if="props.plugin?.has_update" class="me-n3 absolute top-0 left-1"> <VIcon icon="mdi-new-box" class="text-white" />
<VIcon icon="mdi-new-box" class="text-white" />
</div>
<div class="me-n3 absolute top-0 right-3">
<IconBtn>
<VIcon icon="mdi-dots-vertical" class="text-white" />
<VMenu activator="parent" close-on-content-click>
<VList>
<VListItem
v-for="(item, i) in dropdownItems"
v-show="item.show"
:key="i"
variant="plain"
:base-color="item.props.color"
@click="item.props.click"
>
<template #prepend>
<VIcon :icon="item.props.prependIcon" />
</template>
<VListItemTitle v-text="item.title" />
</VListItem>
</VList>
</VMenu>
</IconBtn>
</div>
<VAvatar size="6rem">
<VImg
ref="imageRef"
:src="iconPath"
aspect-ratio="4/3"
cover
:class="{ shadow: isImageLoaded }"
@load="imageLoaded"
@error="imageLoadError = true"
/>
</VAvatar>
</div> </div>
<VCardItem class="py-2"> <div class="me-n3 absolute bottom-0 right-3">
<VCardTitle class="flex items-center flex-row"> <IconBtn>
<VBadge v-if="props.plugin?.state" dot inline color="success" class="me-1 mb-1" /> <VIcon icon="mdi-dots-vertical" />
{{ props.plugin?.plugin_name }} <VMenu activator="parent" close-on-content-click>
<span class="text-sm ms-2 mt-1 text-gray-500">v{{ props.plugin?.plugin_version }}</span> <VList>
</VCardTitle> <VListItem
</VCardItem> v-for="(item, i) in dropdownItems"
<VCardText class="pb-1"> v-show="item.show"
{{ props.plugin?.plugin_desc }} :key="i"
</VCardText> variant="plain"
<VCardText class="flex justify-end align-self-baseline p-1 w-full align-end"> :base-color="item.props.color"
@click="item.props.click"
>
<template #prepend>
<VIcon :icon="item.props.prependIcon" />
</template>
<VListItemTitle v-text="item.title" />
</VListItem>
</VList>
</VMenu>
</IconBtn>
</div>
<div class="flex flex-row items-start pa-3 justify-between grow" :style="{ background: `${backgroundColor}` }">
<div class="flex-1 min-w-0">
<VCardTitle class="text-white px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis">
<VBadge v-if="props.plugin?.state" dot inline color="success" />
{{ props.plugin?.plugin_name }}
<span class="text-sm mt-1 text-gray-200">v{{ props.plugin?.plugin_version }}</span>
</VCardTitle>
<VCardText class="px-2 py-1 text-white text-shadow line-clamp-3">
{{ props.plugin?.plugin_desc }}
</VCardText>
</div>
<div class="flex-shrink-0 self-center">
<VAvatar size="64">
<VImg
ref="imageRef"
:src="iconPath"
aspect-ratio="4/3"
cover
:class="{ shadow: isImageLoaded }"
@load="imageLoaded"
@error="imageLoadError = true"
/>
</VAvatar>
</div>
</div>
<VCardText class="flex flex-none align-self-baseline py-3 w-full align-end">
<span>
<VIcon icon="mdi-github" class="me-1" />
<a :href="props.plugin?.author_url" target="_blank" @click.stop>
{{ props.plugin?.plugin_author }}
</a>
</span>
<span v-if="props.count" class="ms-3"> <span v-if="props.count" class="ms-3">
<VIcon icon="mdi-fire" /> <VIcon icon="mdi-download" />
<span class="text-sm ms-1">{{ props.count?.toLocaleString() }}</span> <span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
</span> </span>
</VCardText> </VCardText>
</VCard> </VCard>
src/views/plugin/PluginCardListView.vue
+2 -2
View File
@@ -347,7 +347,7 @@ onBeforeMount(async () => {
<transition name="fade-slide" appear> <transition name="fade-slide" appear>
<div> <div>
<LoadingBanner v-if="!isRefreshed" class="mt-12" /> <LoadingBanner v-if="!isRefreshed" class="mt-12" />
<div v-if="dataList.length > 0" class="grid gap-4 grid-plugin-card items-start"> <div v-if="dataList.length > 0" class="grid gap-4 grid-plugin-card">
<template v-for="(data, index) in dataList" :key="`${data.id}_v${data.plugin_version}`"> <template v-for="(data, index) in dataList" :key="`${data.id}_v${data.plugin_version}`">
<PluginCard <PluginCard
:count="PluginStatistics[data.id || '0']" :count="PluginStatistics[data.id || '0']"
@@ -417,7 +417,7 @@ onBeforeMount(async () => {
</VCol> </VCol>
</VRow> </VRow>
</div> </div>
<div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card items-start"> <div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card">
<template v-for="(data, index) in sortedUninstalledList" :key="`${data.id}_v${data.plugin_version}`"> <template v-for="(data, index) in sortedUninstalledList" :key="`${data.id}_v${data.plugin_version}`">
<PluginAppCard :plugin="data" :count="PluginStatistics[data.id || '0']" @install="pluginInstalled" /> <PluginAppCard :plugin="data" :count="PluginStatistics[data.id || '0']" @install="pluginInstalled" />
</template> </template>