v1.9.17

package.json

@@ -1,6 +1,6 @@
 {
   "name": "moviepilot",
-  "version": "1.9.12",
+  "version": "1.9.17",
   "private": true,
   "bin": "dist/service.js",
   "scripts": {

src/ace-config.ts

@@ -10,6 +10,8 @@ import modeYamlUrl from 'ace-builds/src-noconflict/mode-yaml?url'
 
 import modeCssUrl from 'ace-builds/src-noconflict/mode-css?url'
 
+import modePythonUrl from 'ace-builds/src-noconflict/mode-python?url'
+
 import themeGithubUrl from 'ace-builds/src-noconflict/theme-github?url'
 
 import themeChromeUrl from 'ace-builds/src-noconflict/theme-chrome?url'
@@ -38,6 +40,8 @@ import snippetsJsonUrl from 'ace-builds/src-noconflict/snippets/json?url'
 
 import snippertsCssUrl from 'ace-builds/src-noconflict/snippets/css?url'
 
+import snippetsPythonUrl from 'ace-builds/src-noconflict/snippets/python?url'
+
 import 'ace-builds/src-noconflict/ext-language_tools'
 
 ace.config.setModuleUrl('ace/mode/json', modeJsonUrl)
@@ -45,6 +49,7 @@ ace.config.setModuleUrl('ace/mode/javascript', modeJavascriptUrl)
 ace.config.setModuleUrl('ace/mode/html', modeHtmlUrl)
 ace.config.setModuleUrl('ace/mode/yaml', modeYamlUrl)
 ace.config.setModuleUrl('ace/mode/css', modeCssUrl)
+ace.config.setModuleUrl('ace/mode/python', modePythonUrl)
 ace.config.setModuleUrl('ace/theme/github', themeGithubUrl)
 ace.config.setModuleUrl('ace/theme/chrome', themeChromeUrl)
 ace.config.setModuleUrl('ace/theme/monokai', themeMonokaiUrl)
@@ -59,5 +64,6 @@ ace.config.setModuleUrl('ace/snippets/javascript', snippetsJsUrl)
 ace.config.setModuleUrl('ace/snippets/javascript', snippetsYamlUrl)
 ace.config.setModuleUrl('ace/snippets/json', snippetsJsonUrl)
 ace.config.setModuleUrl('ace/snippets/css', snippertsCssUrl)
+ace.config.setModuleUrl('ace/snippets/python', snippetsPythonUrl)
 
 ace.require('ace/ext/language_tools')

src/components/cards/FilterRuleCard.vue

@@ -21,6 +21,14 @@ function filtersChanged(value: string[]) {
   emit('changed', props.pri, value)
 }
 
+// 清洗规则中的换行符和多余空格，并在前后添加空格
+const cleanedRules = computed(() => {
+  return props.rules.map(rule => {
+    rule = rule ?? ''
+    return ` ${rule.replace(/[\r\n]/g, '').replace(/\s+/g, '')} `
+  })
+})
+
 // 过滤规则下拉框
 const selectFilterOptions = ref<{ [key: string]: string }[]>([
   { title: '特效字幕', value: ' SPECSUB ' },
@@ -77,7 +85,7 @@ const selectFilterOptions = ref<{ [key: string]: string }[]>([
       <VRow>
         <VCol>
           <VSelect
-            v-model="props.rules"
+            v-model="cleanedRules"
             variant="underlined"
             :items="selectFilterOptions"
             chips

src/components/cards/PluginAppCard.vue

@@ -150,55 +150,61 @@ const dropdownItems = ref([
 
 <template>
   <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>
-    <VCardTitle>
+    <div
-      {{ props.plugin?.plugin_name }}
+      class="relative flex flex-row items-start pa-3 justify-between grow"
-      <span class="text-sm text-gray-500">v{{ props.plugin?.plugin_version }}</span>
+      :style="{ background: `${backgroundColor}` }"
-    </VCardTitle>
+    >
-    <VCardText class="pb-2">
+      <div
-      <div>{{ props.plugin?.plugin_desc }}</div>
+        class="absolute inset-0 bg-cover bg-center"
-      <div>
+        :style="{ background: `${backgroundColor}`, filter: 'brightness(0.7)' }"
-        <VChip v-for="label in pluginLabels" variant="tonal" size="small" class="me-1 my-1" color="info" label>
+      ></div>
-          {{ label }}
+      <div class="relative flex-1 min-w-0">
-        </VChip>
+        <VCardTitle class="text-white px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis">
+          {{ props.plugin?.plugin_name }}
+          <span class="text-sm text-gray-200">v{{ props.plugin?.plugin_version }}</span>
+        </VCardTitle>
+        <VCardText class="text-white px-2 py-1 text-shadow line-clamp-3">
+          {{ props.plugin?.plugin_desc }}
+        </VCardText>
       </div>
-    </VCardText>
+      <div class="relative 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>
-        <VIcon icon="mdi-account" class="me-1" />
+        <VIcon icon="mdi-github" class="me-1" />
         <a :href="props.plugin?.author_url" target="_blank" @click.stop>
           {{ props.plugin?.plugin_author }}
         </a>
@@ -220,15 +226,3 @@ const dropdownItems = ref([
     </VCard>
   </VDialog>
 </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

@@ -383,60 +383,75 @@ watch(
 <template>
   <!-- 插件卡片 -->
   <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 class="me-n3 absolute bottom-0 right-3">
-      <div v-if="props.plugin?.has_update" class="me-n3 absolute top-0 left-1">
+      <IconBtn>
-        <VIcon icon="mdi-new-box" class="text-white" />
+        <VIcon icon="mdi-dots-vertical" />
-      </div>
+        <VMenu activator="parent" close-on-content-click>
-      <div class="me-n3 absolute top-0 right-3">
+          <VList>
-        <IconBtn>
+            <VListItem
-          <VIcon icon="mdi-dots-vertical" class="text-white" />
+              v-for="(item, i) in dropdownItems"
-          <VMenu activator="parent" close-on-content-click>
+              v-show="item.show"
-            <VList>
+              :key="i"
-              <VListItem
+              variant="plain"
-                v-for="(item, i) in dropdownItems"
+              :base-color="item.props.color"
-                v-show="item.show"
+              @click="item.props.click"
-                :key="i"
+            >
-                variant="plain"
+              <template #prepend>
-                :base-color="item.props.color"
+                <VIcon :icon="item.props.prependIcon" />
-                @click="item.props.click"
+              </template>
-              >
+              <VListItemTitle v-text="item.title" />
-                <template #prepend>
+            </VListItem>
-                  <VIcon :icon="item.props.prependIcon" />
+          </VList>
-                </template>
+        </VMenu>
-                <VListItemTitle v-text="item.title" />
+      </IconBtn>
-              </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>
-    <VCardItem class="py-2">
+    <div
-      <VCardTitle class="flex items-center flex-row">
+      class="relative flex flex-row items-start pa-3 justify-between grow"
-        <VBadge v-if="props.plugin?.state" dot inline color="success" class="me-1 mb-1" />
+      :style="{ background: `${backgroundColor}` }"
-        {{ props.plugin?.plugin_name }}
+    >
-        <span class="text-sm ms-2 mt-1 text-gray-500">v{{ props.plugin?.plugin_version }}</span>
+      <div
-      </VCardTitle>
+        class="absolute inset-0 bg-cover bg-center"
-    </VCardItem>
+        :style="{ background: `${backgroundColor}`, filter: 'brightness(0.7)' }"
-    <VCardText class="pb-1">
+      />
-      {{ props.plugin?.plugin_desc }}
+      <div class="relative flex-1 min-w-0">
-    </VCardText>
+        <VCardTitle class="text-white px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis">
-    <VCardText class="flex justify-end align-self-baseline p-1 w-full align-end">
+          <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="relative 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">
-        <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>
     </VCardText>
+    <div v-if="props.plugin?.has_update" class="me-n3 absolute top-0 right-5">
+      <VIcon icon="mdi-new-box" class="text-white" />
+    </div>
   </VCard>
 
   <!-- 插件配置页面 -->

src/components/cards/SubscribeCard.vue

@@ -223,9 +223,9 @@ watch(
             <div class="absolute inset-0 subscribe-card-background"></div>
           </VImg>
         </template>
-        <div v-if="imageLoaded">
+        <div>
           <VCardText class="flex items-center">
-            <div class="h-auto w-12 flex-shrink-0 overflow-hidden rounded-md shadow-lg">
+            <div class="h-auto w-12 flex-shrink-0 overflow-hidden rounded-md shadow-lg" v-if="imageLoaded">
               <VImg :src="props.media?.poster" aspect-ratio="2/3" cover @click.stop="viewMediaDetail">
                 <template #placeholder>
                   <div class="w-full h-full">

src/components/input/PathField.vue

@@ -8,7 +8,6 @@ const props = defineProps({
   root: {
     type: String,
     default: '/',
-    required: true,
   },
 })
 

src/pages/setting.vue

@@ -32,8 +32,10 @@ function jumpTab(tab: string) {
         @click="jumpTab(item.tab)"
         selected-class="v-slide-group-item--active v-tab--selected"
       >
-        <VIcon size="20" start :icon="item.icon" />
+        <div>
-        {{ item.title }}
+          <VIcon size="20" start :icon="item.icon" />
+          {{ item.title }}
+        </div>
       </VTab>
     </VTabs>
 
@@ -41,70 +43,90 @@ function jumpTab(tab: string) {
       <!-- 用户 -->
       <VWindowItem value="account">
         <transition name="fade-slide" appear>
-          <AccountSettingAccount />
+          <div>
+            <AccountSettingAccount />
+          </div>
         </transition>
       </VWindowItem>
 
       <!-- 连接 -->
       <VWindowItem value="system">
         <transition name="fade-slide" appear>
-          <AccountSettingSystem />
+          <div>
+            <AccountSettingSystem />
+          </div>
         </transition>
       </VWindowItem>
 
       <!-- 目录 -->
       <VWindowItem value="directory">
         <transition name="fade-slide" appear>
-          <AccountSettingDirectory />
+          <div>
+            <AccountSettingDirectory />
+          </div>
         </transition>
       </VWindowItem>
 
       <!-- 站点 -->
       <VWindowItem value="site">
         <transition name="fade-slide" appear>
-          <AccountSettingSite />
+          <div>
+            <AccountSettingSite />
+          </div>
         </transition>
       </VWindowItem>
 
       <!-- 搜索 -->
       <VWindowItem value="search">
         <transition name="fade-slide" appear>
-          <AccountSettingSearch />
+          <div>
+            <AccountSettingSearch />
+          </div>
         </transition>
       </VWindowItem>
 
       <!-- 订阅 -->
       <VWindowItem value="subscribe">
         <transition name="fade-slide" appear>
-          <AccountSettingSubscribe />
+          <div>
+            <AccountSettingSubscribe />
+          </div>
         </transition>
       </VWindowItem>
 
       <!-- 服务 -->
       <VWindowItem value="service">
         <transition name="fade-slide" appear>
-          <AccountSettingService />
+          <div>
+            <AccountSettingService />
+          </div>
         </transition>
       </VWindowItem>
 
       <!-- 通知 -->
       <VWindowItem value="notification">
         <transition name="fade-slide" appear>
-          <AccountSettingNotification />
+          <div>
+            <AccountSettingNotification />
+          </div>
         </transition>
       </VWindowItem>
 
       <!-- 词表 -->
       <VWindowItem value="words">
         <transition name="fade-slide" appear>
-          <AccountSettingWords />
+          <div>
+            <AccountSettingWords />
+          </div>
         </transition>
       </VWindowItem>
 
       <!-- 关于 -->
       <VWindowItem value="about">
         <transition name="fade-slide" appear>
-          <AccountSettingAbout />
+          <div>
+            <AccountSettingAbout />
+          </div>
         </transition>
       </VWindowItem>
     </VWindow>

src/styles/styles.scss

@@ -156,7 +156,7 @@
 }
 
 .grid-plugin-card {
-  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
   padding-block-end: 1rem;
 }
 

src/views/plugin/PluginCardListView.vue

@@ -347,7 +347,7 @@ onBeforeMount(async () => {
         <transition name="fade-slide" appear>
           <div>
             <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}`">
                 <PluginCard
                   :count="PluginStatistics[data.id || '0']"
@@ -417,7 +417,7 @@ onBeforeMount(async () => {
                 </VCol>
               </VRow>
             </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}`">
                 <PluginAppCard :plugin="data" :count="PluginStatistics[data.id || '0']" @install="pluginInstalled" />
               </template>

src/views/setting/AccountSettingDirectory.vue

@@ -137,7 +137,7 @@ function addDownloadDirectory() {
   downloadDirectories.value.push({
     name: `下载目录${downloadDirectories.value.length + 1}`,
     path: '',
-    media_type: '全部',
+    media_type: '',
     category: '',
   })
 }
@@ -181,7 +181,7 @@ function addLibraryDirectory() {
   libraryDirectories.value.push({
     name: `媒体库目录${libraryDirectories.value.length + 1}`,
     path: '',
-    media_type: '全部',
+    media_type: '',
     category: '',
     scrape: true,
   })