更新 package.json

fix ui
fix
2026-05-09 21:32:39 +08:00 · 2023-10-13 22:39:49 +08:00 · 2023-10-13 22:37:04 +08:00 · 2023-10-13 22:33:58 +08:00 · 2023-10-13 21:28:34 +08:00 · 2023-10-13 17:30:14 +08:00
135 changed files with 6122 additions and 2435 deletions
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -1,4 +1,4 @@
-name: Build moviepilot frontend
+name: Build Moviepilot-Frontend

 on:
  workflow_dispatch:
--- a/index.html
+++ b/index.html
@@ -1,143 +1,198 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="initial-scale=1, viewport-fit=cover, width=device-width, user-scalable=no" />
+    <title>MoviePilot</title>
+    <meta name="Robots" content="noindex,nofollow,noarchive" />
+    <meta name="referrer" content="origin" />
+    <link rel="icon" type="image/png" href="/logo.png" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <link rel="apple-touch-startup-image" href="/splash/apple-splash.jpg" />
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="manifest" href="manifest.json" crossorigin="use-credentials" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="apple-mobile-web-app-title" content="MoviePilot" />
+    <meta name="description" content="MoviePilot" />
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="referrer" content="never" />
+    <meta name="msapplication-TileColor" content="#7D34FD" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="theme-color" content="#28243D" media="(prefers-color-scheme: dark)" />
+    <meta name="theme-color" content="#F4F5FA" media="(prefers-color-scheme: light)" />
+    <meta name="HandheldFriendly" content="True" />
+    <meta name="MobileOptimized" content="320" />
+    <link rel="stylesheet" type="text/css" href="/loader.css" />
+  </head>

-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" href="/favicon.ico" />
-  <meta name="viewport" content="initial-scale=1, viewport-fit=cover, width=device-width, user-scalable=no" />
-  <title>MoviePilot</title>
-  <meta name="Robots" content="noindex,nofollow,noarchive">
-  <meta name="referrer" content="origin">
-  <link rel="icon" type="image/png" href="/logo.png">
-  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
-  <link rel="apple-touch-startup-image" href="/splash/apple-splash.jpg">
-  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
-  <link rel="manifest" href="manifest.json" crossorigin="use-credentials">
-  <meta name="mobile-web-app-capable" content="yes" />
-  <meta name="apple-mobile-web-app-capable" content="yes" />
-  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <meta name="apple-mobile-web-app-title" content="MoviePilot">
-  <meta name="description" content="MoviePilot">
-  <meta name="format-detection" content="telephone=no">
-  <meta name="referrer" content="never">
-  <meta name="msapplication-TileColor" content="#7D34FD" />
-  <meta name="color-scheme" content="light dark">
-  <meta name="theme-color" content="#28243D" media="(prefers-color-scheme: dark)">
-  <meta name="theme-color" content="#F4F5FA" media="(prefers-color-scheme: light)">
-  <meta name="HandheldFriendly" content="True" />
-  <meta name="MobileOptimized" content="320" />
-  <link rel="stylesheet" type="text/css" href="/loader.css" />
-</head>
-
-<body>
-  <div id="app">
+  <body>
    <div id="loading-bg">
      <div class="loading-logo">
        <!-- Logo -->
-        <svg width="100px" height="100px" viewBox="0 0 192 192" version="1.1" xmlns="http://www.w3.org/2000/svg"
-          xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/"
-          style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+        <svg
+          width="100px"
+          height="100px"
+          viewBox="0 0 192 192"
+          version="1.1"
+          xmlns="http://www.w3.org/2000/svg"
+          style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2"
+        >
          <g transform="matrix(1,0,0,1,-2606,-236)">
            <g id="a2-c" transform="matrix(1,0,0,1,2606,236)">
-              <rect x="0" y="0" width="192" height="192" style="fill:none;" />
+              <rect x="0" y="0" width="192" height="192" style="fill: none" />
              <g transform="matrix(-0.800798,0.462341,-0.769972,-1.33363,1869.11,-896.718)">
                <path
                  d="M2241.27,-28.175C2238.86,-28.931 2236.64,-29.181 2234.48,-29.254L2159.78,-29.286L2165.01,-11.207C2167.16,-13.121 2169.64,-13.722 2172.26,-13.808L2222.12,-13.822C2223.52,-13.824 2225,-13.701 2226.78,-13.108L2241.27,-28.175Z"
-                  style="fill:url(#_Linear1);" />
+                  style="fill: url(#_Linear1)"
+                />
              </g>
              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
                <path
                  d="M2205.67,331.428L2205.67,332.25L2205.67,352.835C2205.67,354.263 2204.91,355.583 2203.67,356.298C2202.43,357.012 2200.91,357.013 2199.67,356.3L2190.78,351.174C2189.73,350.595 2188.83,350.083 2188.03,349.59L2187.45,349.257C2186.66,348.725 2185.91,348.142 2185.21,347.461C2185.08,347.331 2184.95,347.198 2184.82,347.061C2184.26,346.457 2183.75,345.778 2183.3,344.995C2182.16,343.05 2181.69,341.024 2181.68,338.948L2181.67,268.923L2209.77,274.425C2207.5,275.639 2205.68,278.3 2205.67,281.429L2205.67,331.428Z"
-                  style="fill:url(#_Linear2);" />
+                  style="fill: url(#_Linear2)"
+                />
              </g>
              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
                <path
                  d="M2295.93,363.064C2299.48,360.882 2301.46,357.55 2301.67,352.926L2301.67,277.879L2301.67,276.775L2301.67,252.515C2301.67,251.801 2302.05,251.14 2302.67,250.783C2303.29,250.426 2304.05,250.426 2304.67,250.784L2319.81,259.54C2321.59,260.617 2322.95,262.115 2324.04,263.875C2325.03,265.551 2325.56,267.37 2325.67,269.835L2325.67,339.91C2325.18,343.645 2323.51,346.705 2320.3,348.887L2295.93,363.064ZM2295.93,363.064C2295.73,363.184 2295.53,363.301 2295.32,363.414L2295.93,363.064Z"
-                  style="fill:rgb(141,81,249);" />
+                  style="fill: rgb(141, 81, 249)"
+                />
              </g>
              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
                <path
                  d="M2295.93,363.064C2299.48,360.882 2301.46,357.55 2301.67,352.926L2301.67,277.879L2301.67,276.775L2301.67,252.515C2301.67,251.801 2302.05,251.14 2302.67,250.783C2303.29,250.426 2304.05,250.426 2304.67,250.784L2319.81,259.54C2321.59,260.617 2322.95,262.115 2324.04,263.875C2325.03,265.551 2325.56,267.37 2325.67,269.835L2325.67,339.91C2325.18,343.645 2323.51,346.705 2320.3,348.887L2295.93,363.064ZM2299.79,360.238C2299.79,360.238 2320.03,348.464 2320.04,348.461C2323.1,346.372 2324.69,343.444 2325.17,339.877C2325.17,339.877 2325.17,269.846 2325.17,269.839C2325.06,267.482 2324.56,265.739 2323.61,264.133C2322.56,262.445 2321.26,261.005 2319.55,259.97L2304.42,251.217C2303.96,250.949 2303.39,250.948 2302.92,251.216C2302.46,251.484 2302.17,251.979 2302.17,252.515L2302.17,276.775L2302.17,277.879L2302.17,352.926C2302.17,352.933 2302.17,352.941 2302.17,352.948C2302.04,355.861 2301.23,358.279 2299.79,360.238Z"
-                  style="fill:url(#_Linear3);" />
+                  style="fill: url(#_Linear3)"
+                />
              </g>
              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
                <path
                  d="M2253.67,223.256C2255.26,223.245 2257.02,223.56 2259.11,224.557L2275.67,234.102C2276.91,234.816 2277.67,236.138 2277.67,237.568L2277.67,259.508C2277.67,260.222 2277.29,260.882 2276.67,261.239C2276.05,261.597 2275.29,261.597 2274.67,261.24L2257.52,251.353C2256.38,250.731 2255.12,250.341 2253.67,250.347C2252.26,250.339 2250.99,250.721 2249.82,251.353L2187.87,287.04C2184.23,289.147 2181.96,292.478 2181.67,297.57L2181.68,269.865C2181.85,265.167 2183.93,261.653 2187.92,259.322L2248.23,224.557C2249.69,223.796 2251.5,223.29 2253.67,223.256Z"
-                  style="fill:rgb(165,118,255);" />
+                  style="fill: rgb(165, 118, 255)"
+                />
              </g>
              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
                <path
                  d="M2253.67,223.256C2255.26,223.245 2257.02,223.56 2259.11,224.557L2275.67,234.102C2276.91,234.816 2277.67,236.138 2277.67,237.568L2277.67,259.508C2277.67,260.222 2277.29,260.882 2276.67,261.239C2276.05,261.597 2275.29,261.597 2274.67,261.24L2257.52,251.353C2256.38,250.731 2255.12,250.341 2253.67,250.347C2252.26,250.339 2250.99,250.721 2249.82,251.353L2187.87,287.04C2184.23,289.147 2181.96,292.478 2181.67,297.57L2181.68,269.865C2181.85,265.167 2183.93,261.653 2187.92,259.322L2248.23,224.557C2249.69,223.796 2251.5,223.29 2253.67,223.256ZM2253.68,223.756C2251.6,223.789 2249.87,224.269 2248.47,224.996L2188.17,259.754C2184.35,261.992 2182.35,265.367 2182.18,269.874C2182.18,269.874 2182.17,292.759 2182.17,292.757C2183.25,290.047 2185.13,288.051 2187.62,286.607L2249.57,250.919C2249.58,250.917 2249.58,250.915 2249.59,250.913C2250.83,250.243 2252.17,249.839 2253.67,249.847C2255.21,249.841 2256.54,250.253 2257.76,250.914C2257.76,250.916 2257.76,250.917 2257.76,250.919L2274.92,260.807C2275.38,261.075 2275.95,261.074 2276.42,260.806C2276.88,260.538 2277.17,260.043 2277.17,259.508L2277.17,237.568C2277.17,236.317 2276.5,235.16 2275.42,234.535C2275.42,234.535 2258.88,225 2258.87,224.996C2256.87,224.049 2255.2,223.746 2253.68,223.756Z"
-                  style="fill:url(#_Linear4);" />
+                  style="fill: url(#_Linear4)"
+                />
              </g>
              <g transform="matrix(0.800798,0.462341,0.769972,-1.33363,-1677.22,-896.858)">
                <path
                  d="M2241.55,-28.184C2239.1,-28.989 2236.83,-29.204 2234.68,-29.295C2234.68,-29.295 2220.82,-29.3 2215.03,-29.303C2213.48,-29.303 2212.05,-28.808 2211.28,-28.004C2208.65,-25.275 2202.56,-18.936 2199.45,-15.709C2199.07,-15.306 2199.07,-14.809 2199.46,-14.406C2199.85,-14.004 2200.57,-13.758 2201.34,-13.761C2208.36,-13.788 2222.72,-13.845 2222.72,-13.845C2223.98,-13.851 2225.44,-13.657 2227.06,-13.117L2241.55,-28.184Z"
-                  style="fill:rgb(141,81,249);" />
+                  style="fill: rgb(141, 81, 249)"
+                />
              </g>
              <g transform="matrix(-4.32309,0,0,12.4454,9610.35,-1450.35)">
                <path
                  d="M2205.31,121.966C2205.31,121.88 2205.18,121.8 2204.96,121.757C2204.74,121.714 2204.48,121.714 2204.27,121.757C2201.75,122.263 2195.36,123.547 2192.85,124.052C2192.63,124.095 2192.5,124.174 2192.5,124.261C2192.5,124.347 2192.63,124.426 2192.85,124.469C2195.36,124.974 2201.75,126.255 2204.27,126.759C2204.48,126.802 2204.74,126.802 2204.96,126.759C2205.18,126.716 2205.31,126.636 2205.31,126.55C2205.31,125.541 2205.31,122.976 2205.31,121.966Z"
-                  style="fill:rgb(104,0,197);" />
+                  style="fill: rgb(104, 0, 197)"
+                />
                <clipPath id="_clip5">
                  <path
-                    d="M2205.31,121.966C2205.31,121.88 2205.18,121.8 2204.96,121.757C2204.74,121.714 2204.48,121.714 2204.27,121.757C2201.75,122.263 2195.36,123.547 2192.85,124.052C2192.63,124.095 2192.5,124.174 2192.5,124.261C2192.5,124.347 2192.63,124.426 2192.85,124.469C2195.36,124.974 2201.75,126.255 2204.27,126.759C2204.48,126.802 2204.74,126.802 2204.96,126.759C2205.18,126.716 2205.31,126.636 2205.31,126.55C2205.31,125.541 2205.31,122.976 2205.31,121.966Z" />
+                    d="M2205.31,121.966C2205.31,121.88 2205.18,121.8 2204.96,121.757C2204.74,121.714 2204.48,121.714 2204.27,121.757C2201.75,122.263 2195.36,123.547 2192.85,124.052C2192.63,124.095 2192.5,124.174 2192.5,124.261C2192.5,124.347 2192.63,124.426 2192.85,124.469C2195.36,124.974 2201.75,126.255 2204.27,126.759C2204.48,126.802 2204.74,126.802 2204.96,126.759C2205.18,126.716 2205.31,126.636 2205.31,126.55C2205.31,125.541 2205.31,122.976 2205.31,121.966Z"
+                  />
                </clipPath>
                <g clip-path="url(#_clip5)">
                  <g transform="matrix(0.124502,0.074907,0.206623,-0.0414384,1997.62,-7.40235)">
                    <path
                      d="M1726.17,-64.249L1708.16,-72.303L1708.05,-23.514L1721.88,-32.386C1722.96,-33.241 1723.09,-33.944 1723.15,-34.636L1723.15,-54.373C1723.19,-56.238 1724.96,-57.594 1726.87,-56.686L1726.17,-64.249Z"
-                      style="fill:url(#_Linear6);" />
+                      style="fill: url(#_Linear6)"
+                    />
                  </g>
                  <g transform="matrix(-0.126036,0.0767377,0.569859,0.112933,2435.01,-3.09225)">
                    <path
                      d="M1726.17,-45.661L1704.47,-40.254C1706.28,-40.527 1708.14,-40.212 1708.16,-39.416L1708.16,-18.976L1726.17,-18.976L1726.17,-45.661Z"
-                      style="fill:rgb(141,81,249);" />
+                      style="fill: rgb(141, 81, 249)"
+                    />
                  </g>
                  <g transform="matrix(-0.126036,0.0767377,0.569859,0.112933,2435.01,-3.09225)">
                    <path
                      d="M1726.17,-45.661L1726.17,-18.976L1708.16,-18.976L1708.16,-39.416C1707.79,-40.732 1704.5,-40.298 1702.68,-40.025L1726.17,-45.661ZM1705.49,-40.491C1706.2,-40.507 1706.87,-40.464 1707.4,-40.327C1708.01,-40.173 1708.48,-39.899 1708.62,-39.436C1708.62,-39.429 1708.62,-39.423 1708.62,-39.416L1708.62,-19.152C1708.62,-19.152 1725.72,-19.152 1725.72,-19.152L1725.72,-45.345L1705.49,-40.491Z"
-                      style="fill:url(#_Radial7);" />
+                      style="fill: url(#_Radial7)"
+                    />
                  </g>
                </g>
              </g>
            </g>
          </g>
          <defs>
-            <linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(-70.0711,-0.927611,1.54482,-42.0752,2233.59,-20.1891)">
-              <stop offset="0" style="stop-color:rgb(141,81,249);stop-opacity:1" />
-              <stop offset="1" style="stop-color:rgb(116,50,223);stop-opacity:1" />
+            <linearGradient
+              id="_Linear1"
+              x1="0"
+              y1="0"
+              x2="1"
+              y2="0"
+              gradientUnits="userSpaceOnUse"
+              gradientTransform="matrix(-70.0711,-0.927611,1.54482,-42.0752,2233.59,-20.1891)"
+            >
+              <stop offset="0" style="stop-color: rgb(141, 81, 249); stop-opacity: 1" />
+              <stop offset="1" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
            </linearGradient>
-            <linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(4.78193e-15,-78.0949,78.0949,4.78193e-15,2195.72,354.021)">
-              <stop offset="0" style="stop-color:rgb(141,81,249);stop-opacity:1" />
-              <stop offset="1" style="stop-color:rgb(116,50,223);stop-opacity:1" />
+            <linearGradient
+              id="_Linear2"
+              x1="0"
+              y1="0"
+              x2="1"
+              y2="0"
+              gradientUnits="userSpaceOnUse"
+              gradientTransform="matrix(4.78193e-15,-78.0949,78.0949,4.78193e-15,2195.72,354.021)"
+            >
+              <stop offset="0" style="stop-color: rgb(141, 81, 249); stop-opacity: 1" />
+              <stop offset="1" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
            </linearGradient>
-            <linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(41.6089,41.5866,-41.5866,41.6089,2282.31,262.837)">
-              <stop offset="0" style="stop-color:rgb(211,187,255);stop-opacity:1" />
-              <stop offset="1" style="stop-color:rgb(211,187,255);stop-opacity:0" />
+            <linearGradient
+              id="_Linear3"
+              x1="0"
+              y1="0"
+              x2="1"
+              y2="0"
+              gradientUnits="userSpaceOnUse"
+              gradientTransform="matrix(41.6089,41.5866,-41.5866,41.6089,2282.31,262.837)"
+            >
+              <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
+              <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
            </linearGradient>
-            <linearGradient id="_Linear4" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(9.25616,16.7005,-16.7005,9.25616,2215,243.712)">
-              <stop offset="0" style="stop-color:rgb(211,187,255);stop-opacity:1" />
-              <stop offset="1" style="stop-color:rgb(211,187,255);stop-opacity:0" />
+            <linearGradient
+              id="_Linear4"
+              x1="0"
+              y1="0"
+              x2="1"
+              y2="0"
+              gradientUnits="userSpaceOnUse"
+              gradientTransform="matrix(9.25616,16.7005,-16.7005,9.25616,2215,243.712)"
+            >
+              <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
+              <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
            </linearGradient>
-            <linearGradient id="_Linear6" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(-0.130164,-61.9937,59.4003,-0.135847,1711.63,-25.7957)">
-              <stop offset="0" style="stop-color:rgb(116,50,223);stop-opacity:1" />
-              <stop offset="0.51" style="stop-color:rgb(110,38,217);stop-opacity:1" />
-              <stop offset="1" style="stop-color:rgb(91,0,197);stop-opacity:1" />
+            <linearGradient
+              id="_Linear6"
+              x1="0"
+              y1="0"
+              x2="1"
+              y2="0"
+              gradientUnits="userSpaceOnUse"
+              gradientTransform="matrix(-0.130164,-61.9937,59.4003,-0.135847,1711.63,-25.7957)"
+            >
+              <stop offset="0" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
+              <stop offset="0.51" style="stop-color: rgb(110, 38, 217); stop-opacity: 1" />
+              <stop offset="1" style="stop-color: rgb(91, 0, 197); stop-opacity: 1" />
            </linearGradient>
-            <radialGradient id="_Radial7" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(13.8659,4.71436,-12.1609,5.37534,1708.16,-32.287)">
-              <stop offset="0" style="stop-color:rgb(211,187,255);stop-opacity:1" />
-              <stop offset="1" style="stop-color:rgb(211,187,255);stop-opacity:0" />
+            <radialGradient
+              id="_Radial7"
+              cx="0"
+              cy="0"
+              r="1"
+              gradientUnits="userSpaceOnUse"
+              gradientTransform="matrix(13.8659,4.71436,-12.1609,5.37534,1708.16,-32.287)"
+            >
+              <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
+              <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
            </radialGradient>
          </defs>
        </svg>
-
      </div>
      <div class="loading">
        <div class="effect-1 effects"></div>
@@ -145,18 +200,15 @@
        <div class="effect-3 effects"></div>
      </div>
    </div>
-  </div>
-  <script type="module" src="/src/main.ts"></script>
-  <script>
-    const loaderColor = localStorage.getItem('materio-initial-loader-bg') || '#FFFFFF'
-    const primaryColor = localStorage.getItem('materio-initial-loader-color') || '#9155FD'
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+    <script>
+      const loaderColor = localStorage.getItem('materio-initial-loader-bg') || '#FFFFFF'
+      const primaryColor = localStorage.getItem('materio-initial-loader-color') || '#9155FD'

-    if (loaderColor)
-      document.documentElement.style.setProperty('--initial-loader-bg', loaderColor)
+      if (loaderColor) document.documentElement.style.setProperty('--initial-loader-bg', loaderColor)

-    if (primaryColor)
-      document.documentElement.style.setProperty('--initial-loader-color', primaryColor)
-  </script>
-</body>
-
-</html>
+      if (primaryColor) document.documentElement.style.setProperty('--initial-loader-color', primaryColor)
+    </script>
+  </body>
+</html>
--- a/package.json
+++ b/package.json
@@ -1,7 +1,8 @@
 {
  "name": "moviepilot",
-  "version": "1.0.6",
+  "version": "1.3.3",
  "private": true,
+  "bin": "dist/service.js",
  "scripts": {
    "dev": "vite --host",
    "build": "vite build",
@@ -9,7 +10,13 @@
    "typecheck": "vue-tsc --noEmit",
    "lint": "eslint . -c .eslintrc.js --fix --ext .ts,.js,.vue,.tsx,.jsx",
    "build:icons": "tsc -b src/@iconify && node src/@iconify/build-icons.js",
-    "postinstall": "npm run build:icons"
+    "postinstall": "npm run build:icons",
+    "pkg": "pkg . -t node18-win-x64 -o MoviePilot-Frontend.exe"
+  },
+  "pkg": {
+    "assets": [
+      "dist/**/*"
+    ]
  },
  "dependencies": {
    "@casl/ability": "^6.2.0",
@@ -21,6 +28,8 @@
    "axios": "1.4.0",
    "axios-mock-adapter": "^1.21.4",
    "chart.js": "^4.1.2",
+    "express": "^4.18.2",
+    "express-http-proxy": "^2.0.0",
    "jwt-decode": "^3.1.2",
    "nprogress": "^0.2.0",
    "postcss-purgecss": "^5.0.0",
@@ -59,6 +68,7 @@
    "@iconify/vue": "4.1.1",
    "@intlify/unplugin-vue-i18n": "^0.10.0",
    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@types/lodash": "^4.14.197",
    "@types/node": "^20.1.4",
    "@types/webfontloader": "^1.6.34",
    "@typescript-eslint/eslint-plugin": "^5.59.5",
--- a/public/loader.css
+++ b/public/loader.css
@@ -11,10 +11,11 @@ html {

 #loading-bg {
  position: absolute;
+  z-index: 999;
  display: block;
  background: var(--initial-loader-bg, #fff);
-  block-size: 100%;
-  inline-size: 100%;
+  block-size: 100vh;
+  inline-size: 100vw;
 }

 .loading-logo {
@@ -82,4 +83,4 @@ html {
    opacity: 1;
    transform: rotate(1turn);
  }
-}
+}
--- a/public/nginx.conf
+++ b/public/nginx.conf
@@ -0,0 +1,86 @@
+worker_processes auto;
+
+events {
+    worker_connections 1024;
+}
+
+
+http {
+
+    sendfile on;
+
+    keepalive_timeout 3600;
+
+    server {
+
+        include mime.types;
+        default_type application/octet-stream;
+
+        listen 3000;
+        listen [::]:3000;
+        server_name moviepilot;
+
+        location / {
+            # 主目录
+            expires off;
+            add_header Cache-Control "no-cache, no-store, must-revalidate";
+            root html;
+            try_files $uri $uri/ /index.html;
+        }
+
+        location /assets {
+            # 静态资源
+            expires 7d;
+            add_header Cache-Control "public";
+            root html;
+        }
+
+        location ~ ^/api/v1/system/(message|progress/) {
+            # SSE MIME类型设置
+            default_type text/event-stream;
+
+            # 禁用缓存
+            add_header Cache-Control no-cache;
+            add_header X-Accel-Buffering no;
+            proxy_buffering off;
+            proxy_cache off;
+
+            # 代理设置
+            proxy_pass http://backend_api;
+            proxy_http_version 1.1;
+            proxy_set_header Connection "";
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+
+            # 超时设置
+            proxy_read_timeout 3600s;
+        }
+
+        location /api {
+            # 后端API
+            proxy_pass http://backend_api;
+            rewrite ^.+mock-server/?(.*)$ /$1 break;
+            proxy_http_version 1.1;
+            proxy_buffering off;
+            proxy_cache off;
+            proxy_redirect off;
+            proxy_set_header Connection "";
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header Host $http_host;
+            proxy_set_header X-Nginx-Proxy true;
+
+            # 超时设置
+            proxy_read_timeout 600s;
+        }
+    }
+
+    upstream backend_api {
+        # 后端API的地址和端口
+        server 127.0.0.1:3001;
+        # 可以添加更多后端服务器作为负载均衡
+    }
+
+}
--- a/public/plugin/download.png
+++ b/public/plugin/download.png
--- a/public/plugin/seed.png
+++ b/public/plugin/seed.png
--- a/public/plugin/seed_size.png
+++ b/public/plugin/seed_size.png
--- a/public/plugin/torrentremover.png
+++ b/public/plugin/torrentremover.png
--- a/public/plugin/upload.png
+++ b/public/plugin/upload.png
--- a/public/plugin_icon/SpeedLimiter.jpg
+++ b/public/plugin_icon/SpeedLimiter.jpg
--- a/public/plugin_icon/actor.png
+++ b/public/plugin_icon/actor.png
--- a/public/plugin_icon/autosubtitles.jpeg
+++ b/public/plugin_icon/autosubtitles.jpeg
--- a/public/plugin_icon/backup.png
+++ b/public/plugin_icon/backup.png
--- a/public/plugin_icon/brush.jpg
+++ b/public/plugin_icon/brush.jpg
--- a/public/plugin_icon/chatgpt.png
+++ b/public/plugin_icon/chatgpt.png
--- a/public/plugin_icon/chinesesubfinder.png
+++ b/public/plugin_icon/chinesesubfinder.png
--- a/public/plugin_icon/clean.png
+++ b/public/plugin_icon/clean.png
--- a/public/plugin_icon/cloud.png
+++ b/public/plugin_icon/cloud.png
--- a/public/plugin_icon/cloudflare.jpg
+++ b/public/plugin_icon/cloudflare.jpg
--- a/public/plugin_icon/database.png
+++ b/public/plugin_icon/database.png
--- a/public/plugin_icon/delete.png
+++ b/public/plugin_icon/delete.png
--- a/public/plugin_icon/directory.png
+++ b/public/plugin_icon/directory.png
--- a/public/plugin_icon/diskusage.jpg
+++ b/public/plugin_icon/diskusage.jpg
--- a/public/plugin_icon/douban.png
+++ b/public/plugin_icon/douban.png
--- a/public/plugin_icon/download.png
+++ b/public/plugin_icon/download.png
--- a/public/plugin_icon/downloadmsg.png
+++ b/public/plugin_icon/downloadmsg.png
--- a/public/plugin_icon/emby.png
+++ b/public/plugin_icon/emby.png
--- a/public/plugin_icon/fileupload.png
+++ b/public/plugin_icon/fileupload.png
--- a/public/plugin_icon/forward.png
+++ b/public/plugin_icon/forward.png
--- a/public/plugin_icon/hosts.png
+++ b/public/plugin_icon/hosts.png
--- a/public/plugin_icon/invites.png
+++ b/public/plugin_icon/invites.png
--- a/public/plugin_icon/iyuu.png
+++ b/public/plugin_icon/iyuu.png
--- a/public/plugin_icon/like.jpg
+++ b/public/plugin_icon/like.jpg
--- a/public/plugin_icon/mediasyncdel.png
+++ b/public/plugin_icon/mediasyncdel.png
--- a/public/plugin_icon/movie.jpg
+++ b/public/plugin_icon/movie.jpg
--- a/public/plugin_icon/nfo.png
+++ b/public/plugin_icon/nfo.png
--- a/public/plugin_icon/opensubtitles.png
+++ b/public/plugin_icon/opensubtitles.png
--- a/public/plugin_icon/random.png
+++ b/public/plugin_icon/random.png
--- a/public/plugin_icon/refresh.png
+++ b/public/plugin_icon/refresh.png
--- a/public/plugin_icon/regex.png
+++ b/public/plugin_icon/regex.png
--- a/public/plugin_icon/rss.png
+++ b/public/plugin_icon/rss.png
--- a/public/plugin_icon/scraper.png
+++ b/public/plugin_icon/scraper.png
--- a/public/plugin_icon/seed.png
+++ b/public/plugin_icon/seed.png
--- a/public/plugin_icon/signin.png
+++ b/public/plugin_icon/signin.png
--- a/public/plugin_icon/statistic.png
+++ b/public/plugin_icon/statistic.png
--- a/public/plugin_icon/sync.png
+++ b/public/plugin_icon/sync.png
--- a/public/plugin_icon/sync_file.png
+++ b/public/plugin_icon/sync_file.png
--- a/public/plugin_icon/teamwork.png
+++ b/public/plugin_icon/teamwork.png
--- a/public/plugin_icon/torrent.png
+++ b/public/plugin_icon/torrent.png
--- a/public/plugin_icon/torrenttransfer.jpg
+++ b/public/plugin_icon/torrenttransfer.jpg
--- a/public/plugin_icon/upload.png
+++ b/public/plugin_icon/upload.png
--- a/public/plugin_icon/webhook.png
+++ b/public/plugin_icon/webhook.png
--- a/public/service.js
+++ b/public/service.js
@@ -0,0 +1,36 @@
+const path = require('node:path')
+const express = require('express')
+const proxy = require('express-http-proxy')
+
+const app = express()
+const port = process.env.NGINX_PORT || 3000
+
+// 后端 API 地址
+const proxyConfig = {
+  URL: '127.0.0.1',
+  PORT: process.env.PORT || 3001
+}
+
+// 静态文件服务目录
+app.use(express.static(__dirname))
+
+// 配置代理中间件将请求转发给后端API
+app.use(
+  '/api',
+  proxy(`${proxyConfig.URL}:${proxyConfig.PORT}`, {
+    // 路径加上 /api 前缀
+    proxyReqPathResolver: (req) => {
+      return `/api${req.url}`
+    }
+  })
+);
+
+
+// 处理根路径的请求
+app.get('/', (req, res) => {
+  res.sendFile(path.join(__dirname, 'index.html')) // 指向你的前端入口文件
+})
+
+app.listen(port, () => {
+  console.log(`Server is running on port ${port}`)
+})
--- a/src/@core/scss/_mixins.scss
+++ b/src/@core/scss/_mixins.scss
@@ -17,7 +17,6 @@
 // ℹ️ This mixin is inspired from vuetify for adding hover styles via before pseudo element
@mixin before-pseudo() {
  position: relative;
-
  &::before {
    position: absolute;
    background: currentcolor;
--- a/src/@core/scss/_vertical-nav.scss
+++ b/src/@core/scss/_vertical-nav.scss
@@ -50,7 +50,7 @@
          rgba(#{variables.$vertical-nav-background-color-rgb}, 30%) 75%,
          transparent
        );
-      block-size: calc(env(safe-area-inset-top) + 64px);
+      block-size: calc(env(safe-area-inset-top) + 4rem);
      inline-size: 100%;
      inset-block-start: calc(#{variables.$vertical-nav-header-height} - 2px);
      opacity: 0;
--- a/src/@core/scss/base/_mixins.scss
+++ b/src/@core/scss/base/_mixins.scss
@@ -8,7 +8,6 @@
 // ℹ️ This mixin is inspired from vuetify for adding hover styles via before pseudo element
@mixin before-pseudo() {
  position: relative;
-
  &::before {
    position: absolute;
    border-radius: inherit;
--- a/src/@core/scss/base/libs/_perfect-scrollbar.scss
+++ b/src/@core/scss/base/libs/_perfect-scrollbar.scss
@@ -33,3 +33,11 @@ $ps-track-size: 0.5rem;
 .ps__thumb-y {
  background-color: rgb(var(--v-theme-perfect-scrollbar-thumb)) !important;
 }
+
+// fix bug
+@media(hover: none) {
+  .ps > .ps__rail-x,
+  .ps > .ps__rail-y {
+    opacity: 0.6;
+  }
+}
--- a/src/@core/utils/formatters.ts
+++ b/src/@core/utils/formatters.ts
@@ -88,10 +88,24 @@ export function formatSeconds(seconds: number) {
 }

 // YYYY-MM-DD 转化为Date
-export function parseDate(dateString: string): Date {
+export function parseDate(dateString: string): Date | null {
  if (!dateString)
-    return new Date()
+    return null
  const [year, month, day] = dateString.split('-').map(Number)

  return new Date(year, month - 1, day)
 }
+
+// 文件大小格式化
+export function formatBytes(bytes: number, decimals = 2) {
+  if (bytes === 0)
+    return '0 bytes'
+
+  const k = 1024
+  const dm = decimals < 0 ? 0 : decimals
+  const sizes = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+
+  const i = Math.floor(Math.log(bytes) / Math.log(k))
+
+  return `${parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`
+}
--- a/src/@layouts/components/TransitionExpand.vue
+++ b/src/@layouts/components/TransitionExpand.vue
@@ -85,7 +85,7 @@ export default defineComponent({
 <style scoped>
 * {
  backface-visibility: hidden;
-  perspective: 1000px;
+  perspective: 62.5rem;
  transform: translateZ(0);
  will-change: block-size;
 }
--- a/src/@layouts/components/VerticalNav.vue
+++ b/src/@layouts/components/VerticalNav.vue
@@ -15,13 +15,7 @@ const props = withDefaults(defineProps<Props>(), {
 })

 const { mdAndDown } = useDisplay()
-
 const refNav = ref()
-
-/*
-  ℹ️ Close overlay side when route is changed
-  Close overlay vertical nav when link is clicked
-*/
 const route = useRoute()

 watch(
@@ -31,9 +25,11 @@ watch(
  },
 )

+// 是否滚动
 const isVerticalNavScrolled = ref(false)
 const updateIsVerticalNavScrolled = (val: boolean) => (isVerticalNavScrolled.value = val)

+// 滚动响应
 function handleNavScroll(evt: Event) {
  isVerticalNavScrolled.value = (evt.target as HTMLElement).scrollTop > 0
 }
@@ -83,9 +79,12 @@ function handleNavScroll(evt: Event) {
 </template>

 <style lang="scss">
-@use "@configured-variables" as variables;
-@use "@layouts/styles/mixins";
+@use '@configured-variables' as variables;
+@use '@layouts/styles/mixins';

+.visible {
+  visibility: visible !important;
+}
 // 👉 Vertical Nav
 .layout-vertical-nav {
  position: fixed;
@@ -98,6 +97,11 @@ function handleNavScroll(evt: Event) {
  inset-inline-start: 0;
  transition: transform 0.25s ease-in-out, inline-size 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  will-change: transform, inline-size;
+  visibility: hidden;
+
+  &:not(.overlay-nav) {
+    visibility: visible;
+  }

  .nav-header {
    display: flex;
--- a/src/@layouts/components/VerticalNavLayout.vue
+++ b/src/@layouts/components/VerticalNavLayout.vue
@@ -111,7 +111,7 @@ export default defineComponent({

  .layout-navbar {
    position: fixed;
-    width: calc(100vw - variables.$layout-vertical-nav-width - 1rem);
+    width: calc(100vw - variables.$layout-vertical-nav-width - 0.5rem);
    z-index: variables.$layout-vertical-nav-layout-navbar-z-index;
    inset-block-start: 0;

--- a/src/@layouts/styles/_default-layout.scss
+++ b/src/@layouts/styles/_default-layout.scss
@@ -38,7 +38,7 @@ body,
  overflow: hidden;
  // TODO: Use grid gutter variable here
  padding-block: 1.5rem;
-  padding-top: calc(env(safe-area-inset-top) + 65px);
+  padding-top: calc(env(safe-area-inset-top) + 4.25rem);
  // display: flex;


@@ -49,7 +49,7 @@ body,
    & > div:first-child {
      flex: auto;
      position: relative;
-      width: calc(100vw - variables.$layout-vertical-nav-width - 1rem);
+      width: calc(100vw - variables.$layout-vertical-nav-width - 0.5rem);
    }
  }
 }
--- a/src/@layouts/styles/_variables.scss
+++ b/src/@layouts/styles/_variables.scss
@@ -2,24 +2,24 @@

 // 👉 Vertical nav
 $layout-vertical-nav-z-index: 12 !default;
-$layout-vertical-nav-width: 260px !default;
-$layout-vertical-nav-collapsed-width: 80px !default;
+$layout-vertical-nav-width: 16.25rem !default;
+$layout-vertical-nav-collapsed-width: 5rem !default;

 // 👉 Horizontal nav
 $layout-horizontal-nav-z-index: 11 !default;
-$layout-horizontal-nav-navbar-height: 64px !default;
+$layout-horizontal-nav-navbar-height: 4rem !default;

 // 👉 Navbar
-$layout-vertical-nav-navbar-height: 64px !default;
+$layout-vertical-nav-navbar-height: 4rem !default;
 $layout-vertical-nav-navbar-is-contained: true !default;
 $layout-vertical-nav-layout-navbar-z-index: 11 !default;
 $layout-horizontal-nav-layout-navbar-z-index: 11 !default;

 // 👉 Main content
-$layout-boxed-content-width: 1440px !default;
+$layout-boxed-content-width: 90rem !default;

 //  👉Footer
-$layout-vertical-nav-footer-height: 56px !default;
+$layout-vertical-nav-footer-height: 3.5rem !default;

 // 👉 Layout overlay
 $layout-overlay-z-index: 11 !default;
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,18 +1,12 @@
 <script lang="ts" setup>
 import { useToast } from 'vue-toast-notification'
 import { useTheme } from 'vuetify'
-import api from './api'
-import type { User } from './api/types'
 import store from './store'
-import avatar1 from '@images/avatars/avatar-1.png'

 // 第一时间应用主题
 const { global: globalTheme } = useTheme()
 globalTheme.name.value = localStorage.getItem('theme') || 'light'

-// 路由
-const route = useRoute()
-
 // 提示框
 const $toast = useToast()

@@ -36,43 +30,14 @@ function startSSEMessager() {
  }
 }

-// 当前用户信息
-const accountInfo = ref<User>({
-  id: 0,
-  name: '',
-  password: '',
-  email: '',
-  is_active: false,
-  is_superuser: false,
-  avatar: avatar1,
-})
-
-// 调用API，加载当前用户数据
-async function loadAccountInfo() {
-  try {
-    const user: User = await api.get('user/current')
-
-    accountInfo.value = user
-    if (!accountInfo.value.avatar)
-      accountInfo.value.avatar = avatar1
-  }
-  catch (error) {
-    console.log(error)
-  }
-}
-
 // 页面加载时，加载当前用户数据
-onMounted(() => {
-  loadAccountInfo()
+onBeforeMount(async () => {
  startSSEMessager()
 })
-
-// 提供给所有元素复用
-provide('accountInfo', accountInfo)
 </script>

 <template>
  <VApp>
-    <RouterView :key="route.fullPath" />
+    <RouterView />
  </VApp>
 </template>
--- a/src/api/types.ts
+++ b/src/api/types.ts
@@ -44,6 +44,15 @@ export interface Subscribe {
  // 排除
  exclude?: string

+  // 质量
+  quality?: string
+
+  // 分辨率
+  resolution?: string
+
+  // 特效
+  effect?: string
+
  // 总集数
  total_episode?: number

@@ -68,8 +77,8 @@ export interface Subscribe {
  // 订阅站点
  sites: number[]

-  // 是否洗版
-  best_version: number
+  // 是否洗版，数字或者boolean
+  best_version: any

  // 当前优先级
  current_priority: number
@@ -87,7 +96,7 @@ export interface TransferHistory {
  // 目的目录
  dest?: string

-  // 转移模式link/copy/move/softlink
+  // 转移模式link/copy/move/softlink/rclone_copy/rclone_move
  mode?: string

  // 类型：电影、电视剧
@@ -526,6 +535,9 @@ export interface Plugin {

  // 运行状态
  state?: boolean
+
+  // 是否有详情页面
+  has_page?: boolean
 }

 // 种子信息
@@ -829,71 +841,33 @@ export interface NotificationSwitch {
  wechat: boolean
  telegram: boolean
  slack: boolean
+  synologychat: boolean
 }

 // 环境设置
 export interface Setting {
-  // 媒体服务器 emby/jellyfin/plex
-  MEDIASERVER: string
-  // EMBY服务器地址，IP:PORT
-  EMBY_HOST: string
-  // EMBY Api Key
-  EMBY_API_KEY: string
-  // Jellyfin服务器地址，IP:PORT
-  JELLYFIN_HOST: string
-  // Jellyfin Api Key
-  JELLYFIN_API_KEY: string
-  // Plex服务器地址，IP:PORT
-  PLEX_HOST: string
-  // Plex Token
-  PLEX_TOKEN: string
+  // 下载目录
+  DOWNLOAD_PATH: string
 }

-// 自定义订阅
-export interface Rss {
-  id?: number
-  // 名称
-  name?: string
-  // RSS地址
-  url?: string
-  // 类型
-  type?: string
-  // 标题
-  title?: string
-  // 年份
-  year?: string
-  // TMDBID
-  tmdbid?: number
-  // 季号
-  season?: number
-  // 海报
-  poster?: string
-  // 背景图
-  backdrop?: string
-  // 评分
-  vote?: number
-  // 简介
-  description?: string
-  // 总集数
-  total_episode?: number
-  // 包含
-  include?: string
-  // 排除
-  exclude?: string
-  // 洗版
-  best_version?: number
-  // 是否使用代理服务器
-  proxy?: number
-  // 是否使用过滤规则
-  filter?: boolean
-  // 保存路径
-  save_path?: string
-  // 已处理数量
-  processed?: number
-  // 附加信息
-  note?: string
-  // 最后更新时间
-  last_update?: string
-  // 状态 0-停用，1-启用
-  state?: number
+// 文件浏览接口
+export interface EndPoints {
+  list: any
+  mkdir: any
+  delete: any
+  download: any
+  image: any
+  rename: any
+}
+
+// 文件浏览项目
+export interface FileItem {
+  type: string
+  name: string
+  basename: string
+  path: string
+  extension: string
+  size: number
+  children: FileItem[]
+  modify_time: number
 }
--- a/src/components/FileBrowser.vue
+++ b/src/components/FileBrowser.vue
@@ -0,0 +1,147 @@
+<script lang="ts" setup>
+import type { Axios } from 'axios'
+import axios from 'axios'
+
+import Toolbar from './filebrowser/Toolbar.vue'
+import Tree from './filebrowser/Tree.vue'
+import List from './filebrowser/List.vue'
+import type { EndPoints } from '@/api/types'
+
+// 输入参数
+const props = defineProps({
+  storages: String,
+  storage: String,
+  path: String,
+  tree: Boolean,
+  endpoints: Object as PropType<EndPoints>,
+  axios: Object as PropType<Axios>,
+  axiosconfig: Object,
+})
+
+// 对外事件
+const emit = defineEmits(['pathchanged'])
+
+const availableStorages = [
+  {
+    name: '本地',
+    code: 'local',
+    icon: 'mdi-folder-multiple-outline',
+  },
+]
+
+const fileIcons = {
+  zip: 'mdi-folder-zip-outline',
+  rar: 'mdi-folder-zip-outline',
+  htm: 'mdi-language-html5',
+  html: 'mdi-language-html5',
+  js: 'mdi-nodejs',
+  json: 'mdi-file-document-outline',
+  md: 'mdi-language-markdown-outline',
+  pdf: 'mdi-file-pdf',
+  png: 'mdi-file-image',
+  jpg: 'mdi-file-image',
+  jpeg: 'mdi-file-image',
+  mp4: 'mdi-filmstrip',
+  mkv: 'mdi-filmstrip',
+  avi: 'mdi-filmstrip',
+  wmv: 'mdi-filmstrip',
+  mov: 'mdi-filmstrip',
+  txt: 'mdi-file-document-outline',
+  xls: 'mdi-file-excel',
+  other: 'mdi-file-outline',
+}
+
+// 加载次数
+const loading = ref(0)
+// 当前存储
+const activeStorage = ref('local')
+// 刷新
+const refreshPending = ref(false)
+// 排序
+const sort = ref('name')
+// axios实例
+const axiosInstance = ref<Axios>()
+
+// 计算属性
+const storagesArray = computed(() => {
+  const storageCodes = props.storages?.split(',')
+  return availableStorages.filter(item => storageCodes?.includes(item.code))
+})
+
+// 方法
+function loadingChanged(loading: number) {
+  if (loading)
+    loading++
+  else if (loading > 0)
+    loading--
+}
+
+function storageChanged(storage: string) {
+  activeStorage.value = storage
+}
+
+// 路径变化
+function pathChanged(_path: string) {
+  emit('pathchanged', _path)
+}
+
+// 排序变化
+function sortChanged(s: string) {
+  sort.value = s
+  refreshPending.value = true
+}
+
+// 初始化
+onBeforeMount(() => {
+  activeStorage.value = props.storage ?? 'local'
+  axiosInstance.value = props.axios ?? axios.create(props.axiosconfig)
+})
+</script>
+
+<template>
+  <VCard class="mx-auto" :loading="loading > 0">
+    <Toolbar
+      :path="props.path"
+      :storages="storagesArray"
+      :storage="activeStorage"
+      :endpoints="props.endpoints"
+      :axios="axiosInstance"
+      @storagechanged="storageChanged"
+      @pathchanged="pathChanged"
+      @foldercreated="refreshPending = true"
+      @sortchanged="sortChanged"
+    />
+    <VRow no-gutters>
+      <VCol v-if="tree" sm="auto" class="d-none d-md-block">
+        <Tree
+          :path="props.path"
+          :storage="activeStorage"
+          :icons="fileIcons"
+          :endpoints="endpoints"
+          :axios="axiosInstance"
+          :refreshpending="refreshPending"
+          @pathchanged="pathChanged"
+          @loading="loadingChanged"
+          @refreshed="refreshPending = false"
+        />
+      </VCol>
+      <VDivider v-if="tree" vertical />
+      <VCol>
+        <List
+          :path="props.path"
+          :storage="activeStorage"
+          :icons="fileIcons"
+          :endpoints="endpoints"
+          :axios="axiosInstance"
+          :refreshpending="refreshPending"
+          :sort="sort"
+          @pathchanged="pathChanged"
+          @loading="loadingChanged"
+          @refreshed="refreshPending = false"
+          @filedeleted="refreshPending = true"
+          @renamed="refreshPending = true"
+        />
+      </VCol>
+    </VRow>
+  </VCard>
+</template>
--- a/src/components/NoDataFound.vue
+++ b/src/components/NoDataFound.vue
@@ -1,18 +1,8 @@
 <script setup lang="ts">
-import { useTheme } from 'vuetify'
 import miscpose from '@images/pages/pose-fs-9.png'
-import miscMaskDark from '@images/pages/misc-mask-dark.png'
-import miscMaskLight from '@images/pages/misc-mask-light.png'
-import tree from '@images/pages/tree.png'

 const props = defineProps<Props>()

-const vuetifyTheme = useTheme()
-
-const authThemeMask = computed(() => {
-  return vuetifyTheme.global.name.value === 'light' ? miscMaskLight : miscMaskDark
-})
-
 interface Props {
  errorCode?: string
  errorTitle?: string
@@ -21,7 +11,7 @@ interface Props {
 </script>

 <template>
-  <div class="misc-wrapper">
+  <div class="flex flex-col">
    <ErrorHeader
      :error-code="props.errorCode"
      :error-title="props.errorTitle"
@@ -29,7 +19,7 @@ interface Props {
    />

    <!-- 👉 Image -->
-    <div class="misc-avatar text-center">
+    <div class="text-center">
      <VImg
        :src="miscpose"
        class="mx-auto pt-10"
@@ -38,40 +28,8 @@ interface Props {
      />
      <slot name="button" />
    </div>
-
-    <!-- 👉 Footer -->
-    <VImg
-      :src="tree"
-      class="misc-footer-tree d-none d-lg-block"
-    />
-
-    <VImg
-      :src="authThemeMask"
-      class="misc-footer-img d-none d-md-block"
-    />
  </div>
 </template>

 <style lang="scss">
-@use "@configured-variables" as variables;
-@use '@core/scss/pages/misc.scss';
-
-.misc-wrapper {
-  position: relative;
-
-  .misc-footer-tree {
-    position: fixed;
-    z-index: 1;
-    inline-size: 15.625rem;
-    inset-block-end: 3.5rem;
-    inset-inline-start: 0.375rem;
-    left: variables.$layout-vertical-nav-width;
-  }
-
-  .misc-footer-img {
-    position: fixed;
-    inline-size: 100%;
-    inset-block-end: 0;
-  }
-}
 </style>
--- a/src/components/cards/DownloadingCard.vue
+++ b/src/components/cards/DownloadingCard.vue
@@ -84,7 +84,7 @@ async function deleteDownload() {
      :class="getTextClass()"
    >
      {{ props.info?.media.title || props.info?.name }}
-      {{ props.info?.season_episode }}
+      {{ props.info?.media.episode ? `${props.info?.media.season} ${props.info?.media.episode}` : props.info?.season_episode }}
    </VCardTitle>

    <VCardSubtitle
--- a/src/components/cards/FilterRuleCard.vue
+++ b/src/components/cards/FilterRuleCard.vue
@@ -2,19 +2,30 @@
 // 输入参数
 const props = defineProps({
  pri: String,
+  maxpri: String,
  rules: Array as PropType<string[]>,
  width: String,
  height: String,
 })

 // 定义触发的自定义事件
-const emit = defineEmits(['close', 'changed'])
+const emit = defineEmits(['close', 'changed', 'levelup', 'leveldown'])

 // 按钮点击
 function onClose() {
  emit('close')
 }

+// 上升优先级
+function onLevelUp() {
+  emit('levelup', props.pri)
+}
+
+// 下降优先级
+function onLevelDown() {
+  emit('leveldown', props.pri)
+}
+
 // 选项变化
 function filtersChanged(value: string[]) {
  emit('changed', props.pri, value)
@@ -24,6 +35,11 @@ function filtersChanged(value: string[]) {
 const selectFilterOptions = ref<{ [key: string]: string }[]>([
  { title: '特效字幕', value: ' SPECSUB ' },
  { title: '中文字幕', value: ' CNSUB ' },
+  { title: '国语配音', value: ' CNVOI ' },
+  { title: '排除: 国语配音', value: ' !CNVOI ' },
+  { title: '粤语配音', value: ' HKVOI ' },
+  { title: '排除: 粤语配音', value: ' !HKVOI ' },
+  { title: '促销: 免费', value: ' FREE ' },
  { title: '分辨率: 4K', value: ' 4K ' },
  { title: '分辨率: 1080P', value: ' 1080P ' },
  { title: '分辨率: 720P', value: ' 720P ' },
@@ -38,25 +54,41 @@ const selectFilterOptions = ref<{ [key: string]: string }[]>([
  { title: '排除: REMUX', value: ' !REMUX ' },
  { title: '质量: WEB-DL', value: ' WEBDL ' },
  { title: '排除: WEB-DL', value: ' !WEBDL ' },
+  { title: '质量: 60fps', value: ' 60FPS ' },
+  { title: '排除: 60fps', value: ' !60FPS ' },
  { title: '编码: H265', value: ' H265 ' },
  { title: '排除: H265', value: ' !H265 ' },
  { title: '编码: H264', value: ' H264 ' },
  { title: '排除: H264', value: ' !H264 ' },
  { title: '效果: 杜比视界', value: ' DOLBY ' },
  { title: '排除: 杜比视界', value: ' !DOLBY ' },
+  { title: '效果: 杜比全景声', value: ' ATMOS ' },
+  { title: '排除: 杜比全景声', value: ' !ATMOS ' },
  { title: '效果: HDR', value: ' HDR ' },
  { title: '排除: HDR', value: ' !HDR ' },
-  { title: '国语配音', value: ' CNVOI ' },
-  { title: '排除: 国语配音', value: ' !CNVOI ' },
-  { title: '促销: 免费', value: ' FREE ' },
+  { title: '效果: SDR', value: ' SDR ' },
+  { title: '排除: SDR', value: ' !SDR ' },
+  { title: '效果: 3D', value: ' 3D ' },
+  { title: '排除: 3D', value: ' !3D ' },
 ])
-
-// 已选择的过滤规则
-const selectedFilters = ref<string[]>(props.rules ?? [])
 </script>

 <template>
  <VCard variant="tonal" :width="props.width" :height="props.height">
+    <span class="absolute top-3 right-14">
+      <IconBtn
+        v-if="props.pri !== '1'"
+        @click.stop="onLevelUp"
+      >
+        <VIcon icon="mdi-arrow-up" />
+      </IconBtn>
+      <IconBtn
+        v-if="props.pri !== props.maxpri"
+        @click.stop="onLevelDown"
+      >
+        <VIcon icon="mdi-arrow-down" />
+      </IconBtn>
+    </span>
    <DialogCloseBtn @click="onClose" />
    <VCardItem>
      <VCardTitle>优先级 {{ props.pri }}</VCardTitle>
@@ -64,7 +96,7 @@ const selectedFilters = ref<string[]>(props.rules ?? [])
        <VCol>
          <VSelect
            :key="props.pri"
-            v-model="selectedFilters"
+            v-model="props.rules"
            variant="underlined"
            :items="selectFilterOptions"
            chips
--- a/src/components/cards/MediaCard.vue
+++ b/src/components/cards/MediaCard.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { PropType, Ref } from 'vue'
 import { useToast } from 'vue-toast-notification'
+import SubscribeEditForm from '../form/SubscribeEditForm.vue'
 import { formatSeason } from '@/@core/utils/formatters'
 import api from '@/api'
 import { doneNProgress, startNProgress } from '@/api/nprogress'
@@ -39,6 +40,12 @@ const seasonsNotExisted = ref<{ [key: number]: number }>({})
 // 订阅季弹窗
 const subscribeSeasonDialog = ref(false)

+// 订阅编辑弹窗
+const subscribeEditDialog = ref(false)
+
+// 订阅ID
+const subscribeId = ref(0)
+
 // 季详情
 const seasonInfos = ref<TmdbSeason[]>([])

@@ -86,6 +93,7 @@ async function handleAddSubscribe() {
    }
    else {
      // 弹出季选择列表，支持多选
+      seasonsSelected.value = []
      subscribeSeasonDialog.value = true
    }
  }
@@ -112,7 +120,7 @@ async function addSubscribe(season = 0) {
      // 全部存在时洗版
      best_version = !seasonsNotExisted.value[season] ? 1 : 0
    // 请求API
-    const result: { [key: string]: any } = await api.post('subscribe', {
+    const result: { [key: string]: any } = await api.post('subscribe/', {
      name: props.media?.title,
      type: props.media?.type,
      year: props.media?.year,
@@ -136,6 +144,12 @@ async function addSubscribe(season = 0) {
      result.message,
      best_version,
    )
+
+    // 弹出订阅编辑弹窗
+    if (result.success && seasonsSelected.value.length <= 1) {
+      subscribeId.value = result.data.id
+      subscribeEditDialog.value = true
+    }
  }
  catch (error) {
    console.error(error)
@@ -156,9 +170,9 @@ function showSubscribeAddToast(result: boolean,
  if (best_version > 0)
    subname = '洗版订阅'

-  if (result)
+  if (result && seasonsSelected.value.length > 1)
    $toast.success(`${title} 添加${subname}成功！`)
-  else
+  else if (!result)
    $toast.error(`${title} 添加${subname}失败：${message}！`)
 }

@@ -360,14 +374,6 @@ onBeforeMount(() => {
  handleCheckExists()
 })

-// 订阅季表头
-const seasonsHeaders = [
-  { title: '季', key: 'title', sortable: false },
-  { title: '集数', key: 'episodes', sortable: false },
-  { title: '评分', key: 'vote', sortable: false },
-  { title: '状态', key: 'status', sortable: false },
-]
-
 // 计算图片地址
 const getImgUrl: Ref<string> = computed(() => {
  if (imageLoadError.value)
@@ -379,6 +385,28 @@ const getImgUrl: Ref<string> = computed(() => {

  return url
 })
+
+// 拼装季图片地址
+function getSeasonPoster(posterPath: string) {
+  if (!posterPath)
+    return ''
+  return `https://image.tmdb.org/t/p/w500${posterPath}`
+}
+
+// 将yyyy-mm-dd转换为yyyy年mm月dd日
+function formatAirDate(airDate: string) {
+  if (!airDate)
+    return ''
+  const date = new Date(airDate)
+  return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`
+}
+// 从yyyy-mm-dd中提取年份
+function getYear(airDate: string) {
+  if (!airDate)
+    return ''
+  const date = new Date(airDate)
+  return date.getFullYear()
+}
 </script>

 <template>
@@ -460,72 +488,97 @@ const getImgUrl: Ref<string> = computed(() => {
      </VCard>
    </template>
  </VHover>
-  <VDialog
+  <!-- 订阅季弹窗 -->
+  <VBottomSheet
    v-model="subscribeSeasonDialog"
-    max-width="600"
-    content-class="whitespace-nowrap"
+    inset
    scrollable
  >
-    <!-- Dialog Content -->
-    <VCard title="选择订阅季">
-      <VCardText style="padding: 0;">
-        <VDataTable
-          v-model="seasonsSelected"
-          :headers="seasonsHeaders"
-          :items="seasonInfos"
-          item-value="season_number"
-          return-object
-          fixed-header
-          show-select
-          :items-per-page="100"
-          density="compact"
-          height="auto"
+    <VCard class="rounded-t">
+      <DialogCloseBtn @click="subscribeSeasonDialog = false" />
+      <VCardTitle class="pe-10">
+        订阅 - {{ props.media?.title }}
+      </VCardTitle>
+      <VCardText>
+        <VList
+          v-model:selected="seasonsSelected"
+          lines="three"
+          select-strategy="classic"
        >
-          <template #item.title="{ item }">
-            <span class="d-block whitespace-nowrap">第 {{ item.raw.season_number }} 季
-            </span>
-          </template>
-          <template #item.episodes="{ item }">
-            <VChip
-              variant="outlined"
-              size="small"
-            >
-              {{ item.raw.episode_count }}
-            </VChip>
-          </template>
-          <template #item.vote="{ item }">
-            {{ item.raw.vote_average }}
-          </template>
-          <template #item.status="{ item }">
-            <VChip
-              v-if="seasonsNotExisted"
-              :color="getExistColor(item.raw.season_number)"
-              flat
-              size="small"
-            >
-              {{ getExistText(item.raw.season_number) }}
-            </VChip>
-          </template>
-          <template #no-data>
-            没有数据
-          </template>
-          <template #bottom />
-        </VDataTable>
+          <VListItem
+            v-for="(item, i) in seasonInfos" :key="i"
+            :value="item"
+          >
+            <template #prepend>
+              <VImg
+                height="90"
+                width="60"
+                :src="getSeasonPoster(item.poster_path || '')"
+                aspect-ratio="2/3"
+                class="object-cover rounded shadow ring-gray-500 me-3"
+                cover
+              >
+                <template #placeholder>
+                  <div class="w-full h-full">
+                    <VSkeletonLoader class="object-cover aspect-w-2 aspect-h-3" />
+                  </div>
+                </template>
+              </VImg>
+            </template>
+            <VListItemTitle>
+              第 {{ item.season_number }} 季
+            </VListItemTitle>
+            <VListItemSubtitle class="mt-1 me-2">
+              <VChip
+                v-if="item.vote_average"
+                color="primary"
+                size="small"
+                class="mb-1"
+              >
+                <VIcon icon="mdi-star" /> {{ item.vote_average }}
+              </VChip>
+              {{ getYear(item.air_date || '') }} • {{ item.episode_count }} 集
+            </VListItemSubtitle>
+            <VListItemSubtitle>
+              《{{ media?.title }}》第 {{ item.season_number }} 季于 {{ formatAirDate(item.air_date || '') }} 首播。
+            </VListItemSubtitle>
+            <VListItemSubtitle>
+              <VChip
+                v-if="seasonsNotExisted"
+                class="mt-2"
+                size="small"
+                :color="getExistColor(item.season_number || 0)"
+              >
+                {{ getExistText(item.season_number || 0) }}
+              </VChip>
+            </VListItemSubtitle>
+            <template #append="{ isSelected }">
+              <VListItemAction start>
+                <VSwitch :model-value="isSelected" />
+              </VListItemAction>
+            </template>
+          </VListItem>
+        </VList>
      </VCardText>
-      <VCardActions>
-        <VBtn @click="subscribeSeasonDialog = false">
-          取消
-        </VBtn>
-        <VSpacer />
+      <div class="my-2 text-center">
        <VBtn
+          :disabled="seasonsSelected.length === 0"
+          width="30%"
          @click="subscribeSeasons"
-          @keydown.enter="subscribeSeasons"
        >
-          确定
+          {{ seasonsSelected.length === 0 ? '请选择订阅季' : '提交订阅' }}
        </VBtn>
-      </VCardActions>
+      </div>
    </VCard>
-  </VDialog>
+  </VBottomSheet>
+  <!-- 订阅编辑弹窗 -->
+  <SubscribeEditForm
+    v-model="subscribeEditDialog"
+    :subid="subscribeId"
+    @close="subscribeEditDialog = false"
+    @save="subscribeEditDialog = false"
+    @remove="() => { subscribeEditDialog = false; handleCheckSubscribe(); }"
+  />
 </template>

 <style lang="scss">
--- a/src/components/cards/MediaInfoCard.vue
+++ b/src/components/cards/MediaInfoCard.vue
@@ -0,0 +1,147 @@
+<script lang="ts" setup>
+import type { PropType } from 'vue'
+import type { Context } from '@/api/types'
+
+// 输入参数
+const props = defineProps({
+  context: Object as PropType<Context>,
+})
+
+// TMDB图片转换为w500大小
+function getW500Image(url = '') {
+  if (!url)
+    return ''
+  return url.replace('original', 'w500')
+}
+
+// 打开TMDB详情页面
+function openTmdbPage(type: string, tmdbId: number) {
+  if (!type || !tmdbId)
+    return
+
+  const url = `https://www.themoviedb.org/${type === '电影' ? 'movie' : 'tv'}/${tmdbId}`
+  window.open(url, '_blank')
+}
+</script>
+
+<template>
+  <div v-show="context">
+    <VCol>
+      <div
+        v-if="context?.meta_info?.name"
+        class="d-flex justify-space-between flex-wrap flex-md-nowrap flex-column flex-md-row"
+      >
+        <div
+          v-if="context?.media_info?.poster_path"
+          class="ma-auto"
+        >
+          <VImg
+            width="10rem"
+            aspect-ratio="2/3"
+            class="object-cover aspect-w-2 aspect-h-3 rounded-lg ring-1 ring-gray-500"
+            :src="getW500Image(context?.media_info?.poster_path)"
+            cover
+          >
+            <template #placeholder>
+              <div class="w-full h-full">
+                <VSkeletonLoader class="object-cover aspect-w-2 aspect-h-3" />
+              </div>
+            </template>
+          </VImg>
+        </div>
+
+        <div>
+          <VCardItem class="pb-1">
+            <VCardTitle class="text-center text-md-left">
+              {{ context?.media_info?.title || context?.meta_info?.name }}
+              {{ context?.meta_info?.season_episode }}
+            </VCardTitle>
+            <VCardSubtitle class="text-center text-md-left">
+              {{ context?.media_info?.year || context?.meta_info?.year }}
+            </VCardSubtitle>
+          </VCardItem>
+
+          <VCardText
+            v-if="context?.media_info?.overview"
+            class="line-clamp-4 overflow-hidden text-ellipsis text-center text-md-left ..."
+          >
+            {{ context?.media_info?.overview }}
+          </VCardText>
+
+          <VCardItem class="text-center text-md-left">
+            <!-- 类型 -->
+            <VChip
+              v-if="context?.media_info?.type || context?.meta_info?.type"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-blue-500"
+            >
+              {{
+                context?.media_info?.type || context?.meta_info?.type
+              }}
+            </VChip>
+            <!-- 二级分类 -->
+            <VChip
+              v-if="context?.media_info?.category"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-blue-500"
+            >
+              {{ context?.media_info?.category }}
+            </VChip>
+            <!-- TMDBID -->
+            <VChip
+              v-if="context?.media_info?.tmdb_id"
+              variant="elevated"
+              color="success"
+              class="me-1 mb-1"
+              @click="openTmdbPage(context?.media_info?.type || '', context?.media_info?.tmdb_id)"
+            >
+              {{ context?.media_info?.tmdb_id }}
+            </VChip>
+            <!-- meta_info -->
+            <VChip
+              v-if="context?.meta_info?.edition"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-red-500"
+            >
+              {{ context?.meta_info?.edition }}
+            </VChip>
+            <VChip
+              v-if="context?.meta_info?.resource_pix"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-red-500"
+            >
+              {{ context?.meta_info?.resource_pix }}
+            </VChip>
+            <VChip
+              v-if="context?.meta_info?.video_encode"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-orange-500"
+            >
+              {{ context?.meta_info?.video_encode }}
+            </VChip>
+            <VChip
+              v-if="context?.meta_info?.audio_encode"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-orange-500"
+            >
+              {{ context?.meta_info?.audio_encode }}
+            </VChip>
+            <VChip
+              v-if="context?.meta_info?.resource_team"
+              variant="elevated"
+              class="me-1 mb-1 text-white bg-cyan-500"
+            >
+              {{ context?.meta_info?.resource_team }}
+            </VChip>
+          </VCardItem>
+        </div>
+      </div>
+      <VAlert
+        v-if="!context?.meta_info?.name"
+        icon="mdi-alert-circle-outline"
+      >
+        识别失败，无法识别到有效信息！
+      </VAlert>
+    </VCol>
+  </div>
+</template>
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -53,11 +53,11 @@ async function installPlugin() {
      :style="{ background: `${props.plugin?.plugin_color}` }"
    >
      <VAvatar
-        size="128"
+        size="8rem"
        :class="{ shadow: isImageLoaded }"
      >
        <VImg
-          :src="`/plugin/${props.plugin?.plugin_icon}`"
+          :src="`/plugin_icon/${props.plugin?.plugin_icon}`"
          aspect-ratio="4/3"
          cover
          @load="isImageLoaded = true"
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -119,6 +119,8 @@ async function savePluginConf() {

 // 显示插件详情
 async function showPluginInfo() {
+  // 加载详情
+  await loadPluginPage()
  pluginConfigDialog.value = false
  pluginInfoDialog.value = true
 }
@@ -129,17 +131,35 @@ async function showPluginConfig() {
  await loadPluginForm()
  // 加载配置
  await loadPluginConf()
-  // 加载详情
-  await loadPluginPage()
  // 显示对话框
+  pluginInfoDialog.value = false
  pluginConfigDialog.value = true
 }

 // 弹出菜单
 const dropdownItems = ref([
  {
-    title: '卸载',
+    title: '查看详情',
    value: 1,
+    show: props.plugin?.has_page,
+    props: {
+      prependIcon: 'mdi-information-outline',
+      click: showPluginInfo,
+    },
+  },
+  {
+    title: '配置',
+    value: 2,
+    show: true,
+    props: {
+      prependIcon: 'mdi-cog-outline',
+      click: showPluginConfig,
+    },
+  },
+  {
+    title: '卸载',
+    value: 3,
+    show: true,
    props: {
      prependIcon: 'mdi-trash-can-outline',
      color: 'error',
@@ -155,7 +175,12 @@ const dropdownItems = ref([
    v-if="isVisible"
    :width="props.width"
    :height="props.height"
-    @click="showPluginConfig"
+    @click="() => {
+      if (props.plugin?.has_page)
+        showPluginInfo()
+      else
+        showPluginConfig()
+    }"
  >
    <div
      class="relative pa-4 text-center card-cover-blurred"
@@ -171,6 +196,7 @@ const dropdownItems = ref([
            <VList>
              <VListItem
                v-for="(item, i) in dropdownItems"
+                v-show="item.show"
                :key="i"
                variant="plain"
                :base-color="item.props.color"
@@ -186,11 +212,11 @@ const dropdownItems = ref([
        </IconBtn>
      </div>
      <VAvatar
-        size="128"
+        size="8rem"
        :class="{ shadow: isImageLoaded }"
      >
        <VImg
-          :src="`/plugin/${props.plugin?.plugin_icon}`"
+          :src="`/plugin_icon/${props.plugin?.plugin_icon}`"
          aspect-ratio="4/3"
          cover
          :class="{ shadow: isImageLoaded }"
@@ -210,11 +236,11 @@ const dropdownItems = ref([
  <!-- 插件配置页面 -->
  <VDialog
    v-model="pluginConfigDialog"
-    max-width="800"
+    max-width="50rem"
    scrollable
    persistent
  >
-    <VCard :title="props.plugin?.plugin_name">
+    <VCard :title="`${props.plugin?.plugin_name} - 配置`">
      <DialogCloseBtn @click="pluginConfigDialog = false" />
      <VCardText>
        <FormRender
@@ -226,10 +252,13 @@ const dropdownItems = ref([
      </VCardText>
      <VCardActions>
        <VBtn v-if="pluginPageItems.length > 0" @click="showPluginInfo">
-          详情
+          查看详情
        </VBtn>
        <VSpacer />
-        <VBtn @click="savePluginConf">
+        <VBtn
+          variant="tonal"
+          @click="savePluginConf"
+        >
          保存
        </VBtn>
      </VCardActions>
@@ -239,11 +268,11 @@ const dropdownItems = ref([
  <!-- 插件详情页面 -->
  <VDialog
    v-model="pluginInfoDialog"
-    max-width="1000"
+    max-width="62.5rem"
    scrollable
    persistent
  >
-    <VCard :title="`${props.plugin?.plugin_name} - 详情`">
+    <VCard :title="`${props.plugin?.plugin_name}`">
      <DialogCloseBtn @click="pluginInfoDialog = false" />
      <VCardText>
        <PageRender
@@ -253,8 +282,16 @@ const dropdownItems = ref([
        />
      </VCardText>
      <VCardActions>
+        <VBtn
+          @click="showPluginConfig"
+        >
+          配置
+        </VBtn>
        <VSpacer />
-        <VBtn @click="pluginInfoDialog = false">
+        <VBtn
+          variant="tonal"
+          @click="pluginInfoDialog = false"
+        >
          关闭
        </VBtn>
      </VCardActions>
--- a/src/components/cards/RssCard.vue
+++ b/src/components/cards/RssCard.vue
@@ -1,590 +0,0 @@
-<script lang="ts" setup>
-import { useToast } from 'vue-toast-notification'
-import { calculateTimeDifference } from '@/@core/utils'
-import { formatFileSize, formatSeason } from '@/@core/utils/formatters'
-import api from '@/api'
-import type { Rss, Site, TorrentInfo } from '@/api/types'
-
-// 输入参数
-const props = defineProps({
-  media: Object as PropType<Rss>,
-})
-
-// 定义触发的自定义事件
-const emit = defineEmits(['remove', 'save'])
-
-// 提示框
-const $toast = useToast()
-
-// 图片是否加载完成
-const imageLoaded = ref(false)
-
-// 订阅弹窗
-const rssInfoDialog = ref(false)
-
-// RSS预览窗口
-const rssPreviewDialog = ref(false)
-
-// 加载状态
-const previewLoading = ref(false)
-
-// 总条数
-const previewTotalItems = ref(0)
-
-// 每页条数
-const previewItemsPerPage = ref(25)
-
-// 预览表头
-const previewHeaders = [
-  { title: '标题', key: 'title', sortable: true },
-  { title: '时间', key: 'pubdate', sortable: true },
-  { title: '大小', key: 'size', sortable: true },
-  { title: '', key: 'actions', sortable: false },
-]
-
-// 预览数据
-const previewDataList = ref<TorrentInfo[]>([])
-
-// 站点名称
-const siteName = ref('')
-
-// 订阅编辑表单
-const rssForm = reactive<any>(props.media ?? {})
-
-// 类型转换
-rssForm.best_version = rssForm.best_version === 1
-rssForm.proxy = rssForm.proxy === 1
-rssForm.filter = rssForm.filter === 1
-
-// 上一次更新时间
-const lastUpdateText = ref(
-  `${
-    props.media?.last_update
-      ? `${calculateTimeDifference(props.media?.last_update || '')}前`
-      : ''
-  }`,
-)
-
-// 图片加载完成响应
-function imageLoadHandler() {
-  imageLoaded.value = true
-}
-
-// 根据 type 返回不同的图标
-function getIcon() {
-  if (props.media?.type === '电影')
-    return 'mdi-movie'
-  else if (props.media?.type === '电视剧')
-    return 'mdi-television-classic'
-  else
-    return 'mdi-help-circle'
-}
-
-// 计算文本颜色
-function getTextColor() {
-  return imageLoaded.value ? 'white' : ''
-}
-
-// 计算文本类
-function getTextClass() {
-  return imageLoaded.value ? 'text-white' : ''
-}
-
-// 删除订阅
-async function removerRss() {
-  try {
-    const result: { [key: string]: any } = await api.delete(
-      `rss/${props.media?.id}`,
-    )
-
-    if (result.success) {
-      // 通知父组件刷新
-      emit('remove')
-    }
-  }
-  catch (e) {
-    console.log(e)
-  }
-}
-
-// 调用API修改订阅
-async function updateRssInfo() {
-  rssInfoDialog.value = false
-  try {
-    const result: { [key: string]: any } = await api.put('rss', rssForm)
-
-    // 提示
-    if (result.success) {
-      $toast.success(`${props.media?.name} 更新成功！`)
-      // 通知父组件刷新
-      emit('remove')
-    }
-    else { $toast.error(`${props.media?.name} 更新失败：${result.message}！`) }
-  }
-  catch (e) {
-    console.log(e)
-  }
-}
-
-// 查询站点名称
-async function querySiteName() {
-  try {
-    const result: Site = await api.get(
-      `site/domain/${props.media?.url?.split('/')[2]}`,
-    )
-
-    if (result)
-      siteName.value = result.name
-  }
-  catch (e) {
-    // 截取URL中的主域名作为站点名称
-    siteName.value = props.media?.url?.split('/')[2] ?? '未知'
-    console.log(e)
-  }
-}
-
-// 预览按钮响应
-async function handleRssPreview() {
-  rssPreviewDialog.value = true
-  previewLoading.value = true
-  await previewRss()
-  previewLoading.value = false
-}
-
-// 预览站点RSS
-async function previewRss() {
-  try {
-    const result: TorrentInfo[] = await api.get(
-      `rss/preview/${props.media?.id}`,
-    )
-    previewDataList.value = result
-  }
-  catch (e) {
-    console.log(e)
-  }
-}
-
-// 编辑订阅响应
-async function editRssDialog() {
-  rssInfoDialog.value = true
-}
-
-// 刷新按钮响应
-async function refreshRss() {
-  try {
-    const result: { [key: string]: any } = await api.get(
-      `rss/refresh/${props.media?.id}`,
-    )
-
-    if (result.success)
-      $toast.success(`${props.media?.name} 已提交刷新任务！`)
-  }
-  catch (e) {
-    console.log(e)
-  }
-}
-
-// 生成1到50季的下拉框选项
-const seasonItems = ref(
-  Array.from({ length: 50 }, (_, i) => i + 1).map(item => ({
-    title: `第 ${item} 季`,
-    value: item,
-  })),
-)
-
-// 打开种子详情页面
-function openTorrentDetail(page_url: string) {
-  window.open(page_url, '_blank')
-}
-
-// 下载种子文件
-async function downloadTorrentFile(enclosure: string) {
-  window.open(enclosure, '_blank')
-}
-
-// 弹出菜单
-const dropdownItems = ref([
-  {
-    title: '编辑',
-    value: 1,
-    props: {
-      prependIcon: 'mdi-file-edit-outline',
-      click: editRssDialog,
-    },
-  },
-  {
-    title: '预览',
-    value: 2,
-    props: {
-      prependIcon: 'mdi-eye-outline',
-      click: handleRssPreview,
-    },
-  },
-  {
-    title: '刷新',
-    value: 3,
-    props: {
-      prependIcon: 'mdi-refresh',
-      click: refreshRss,
-    },
-  },
-  {
-    title: '取消订阅',
-    value: 4,
-    props: {
-      prependIcon: 'mdi-trash-can-outline',
-      color: 'error',
-      click: removerRss,
-    },
-  },
-])
-
-onMounted(() => {
-  querySiteName()
-})
-</script>
-
-<template>
-  <VCard
-    :key="props.media?.id"
-    :class="`${rssForm.best_version ? 'outline-dashed outline-1' : ''}`"
-    @click="editRssDialog"
-  >
-    <template #image>
-      <VImg
-        :src="props.media?.backdrop || props.media?.poster"
-        aspect-ratio="2/3"
-        cover
-        class="brightness-50"
-        @load="imageLoadHandler"
-      />
-    </template>
-    <VCardItem>
-      <template #prepend>
-        <VIcon
-          size="1.9rem"
-          :color="getTextColor()"
-          :icon="getIcon()"
-        />
-      </template>
-      <VCardTitle :class="getTextClass()">
-        {{ props.media?.name }}
-        {{ formatSeason(props.media?.season ? props.media?.season.toString() : "") }}
-      </VCardTitle>
-      <template #append>
-        <div class="me-n3">
-          <IconBtn>
-            <VIcon
-              icon="mdi-dots-vertical"
-              :color="getTextColor()"
-            />
-            <VMenu
-              activator="parent"
-              close-on-content-click
-            >
-              <VList>
-                <VListItem
-                  v-for="(item, i) in dropdownItems"
-                  :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>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <p
-        class="clamp-text mb-0"
-        :class="getTextClass()"
-      >
-        {{ props.media?.description }}
-      </p>
-    </VCardText>
-
-    <VCardText class="d-flex justify-space-between align-center flex-wrap">
-      <div class="d-flex align-center">
-        <IconBtn
-          icon="mdi-star"
-          :color="getTextColor()"
-          class="me-1"
-        />
-        <span
-          class="text-subtitle-2 me-4"
-          :class="getTextClass()"
-        >{{
-          props.media?.vote
-        }}</span>
-        <IconBtn
-          v-bind="props"
-          icon="mdi-progress-clock"
-          :color="getTextColor()"
-          class="me-1"
-        />
-        <span
-          class="text-subtitle-2 me-4"
-          :class="getTextClass()"
-        >{{ props.media?.processed || 0 }}</span>
-        <IconBtn
-          v-if="siteName"
-          icon="mdi-web"
-          :color="getTextColor()"
-          class="me-1"
-        />
-        <span
-          v-if="siteName"
-          class="text-subtitle-2 me-4"
-          :class="getTextClass()"
-        >
-          {{ siteName }}
-        </span>
-      </div>
-    </VCardText>
-    <VCardText
-      v-if="lastUpdateText"
-      class="absolute right-0 bottom-0 d-flex align-center p-2 text-gray-300"
-    >
-      <VIcon
-        icon="mdi-download"
-        class="me-1"
-      /> {{ lastUpdateText }}
-    </VCardText>
-  </VCard>
-  <!-- 订阅编辑弹窗 -->
-  <VDialog
-    v-model="rssInfoDialog"
-    max-width="800"
-    persistent
-    scrollable
-  >
-    <!-- Dialog Content -->
-    <VCard :title="`订阅 - ${props.media?.name}`">
-      <VCardText class="pt-2">
-        <VForm @submit.prevent="() => {}">
-          <VRow>
-            <VCol
-              cols="12"
-            >
-              <VTextField
-                v-model="rssForm.url"
-                label="RSS地址"
-                placeholder="https://example.com/rss"
-              />
-            </VCol>
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <VSelect
-                v-model="rssForm.type"
-                label="类型"
-                :items="[{ title: '电影', value: '电影' }, { title: '电视剧', value: '电视剧' }]"
-                readonly
-              />
-            </VCol>
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <VTextField
-                v-model="rssForm.title"
-                label="标题"
-                readonly
-              />
-            </VCol>
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <VTextField
-                v-model="rssForm.year"
-                label="年份"
-                readonly
-              />
-            </VCol>
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <VSelect
-                v-show="rssForm.type === '电视剧'"
-                v-model="rssForm.season"
-                label="季"
-                :items="seasonItems"
-                readonly
-              />
-            </VCol>
-            <VCol
-              cols="12"
-            >
-              <VTextField
-                v-model="rssForm.include"
-                label="包含"
-              />
-            </VCol>
-            <VCol
-              cols="12"
-            >
-              <VTextField
-                v-model="rssForm.exclude"
-                label="排除"
-              />
-            </VCol>
-            <VCol
-              cols="12"
-            >
-              <VTextField
-                v-model="rssForm.save_path"
-                label="保存路径"
-                placeholder="留空自动"
-              />
-            </VCol>
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <VSelect
-                v-model="rssForm.state"
-                label="状态"
-                :items="[{
-                  title: '启用',
-                  value: 1,
-                }, {
-                  title: '停用',
-                  value: 0,
-                }]"
-              />
-            </VCol>
-          </VRow>
-          <VRow>
-            <VCol
-              cols="12"
-              md="4"
-            >
-              <VSwitch
-                v-model="rssForm.best_version"
-                label="洗版"
-              />
-            </VCol>
-            <VCol
-              cols="12"
-              md="4"
-            >
-              <VSwitch
-                v-model="rssForm.proxy"
-                label="代理服务器"
-              />
-            </VCol>
-            <VCol
-              cols="12"
-              md="4"
-            >
-              <VSwitch
-                v-model="rssForm.filter"
-                label="过滤规则"
-              />
-            </VCol>
-          </VRow>
-        </VForm>
-      </VCardText>
-
-      <VCardActions>
-        <VBtn @click="rssInfoDialog = false">
-          取消
-        </VBtn>
-        <VSpacer />
-        <VBtn @click="updateRssInfo">
-          确定
-        </VBtn>
-      </VCardActions>
-    </VCard>
-  </VDialog>
-  <!-- RSS预览窗口 -->
-  <VDialog
-    v-model="rssPreviewDialog"
-    max-width="1280"
-    scrollable
-  >
-    <!-- Dialog Content -->
-    <VCard title="RSS预览">
-      <DialogCloseBtn @click="rssPreviewDialog = false" />
-      <VCardText class="pt-2">
-        <VDataTable
-          v-model:items-per-page="previewItemsPerPage"
-          :headers="previewHeaders"
-          :items="previewDataList"
-          :items-length="previewTotalItems"
-          :loading="previewLoading"
-          density="compact"
-          item-value="title"
-          return-object
-          fixed-header
-          items-per-page-text="每页条数"
-          page-text="{0}-{1} 共 {2} 条"
-        >
-          <template #item.title="{ item }">
-            <div class="text-high-emphasis">
-              {{ item.raw.title }}
-            </div>
-          </template>
-          <template #item.size="{ item }">
-            <div class="text-nowrap whitespace-nowrap">
-              {{ formatFileSize(item.raw.size) }}
-            </div>
-          </template>
-          <template #item.pubdate="{ item }">
-            <div class="text-sm">
-              {{ item.raw.pubdate }}
-            </div>
-          </template>
-          <template #item.actions="{ item }">
-            <div class="me-n3">
-              <IconBtn>
-                <VIcon
-                  icon="mdi-dots-vertical"
-                />
-                <VMenu
-                  activator="parent"
-                  close-on-content-click
-                >
-                  <VList>
-                    <VListItem
-                      variant="plain"
-                      @click="openTorrentDetail(item.raw.page_url)"
-                    >
-                      <template #prepend>
-                        <VIcon icon="mdi-information" />
-                      </template>
-                      <VListItemTitle>查看详情</VListItemTitle>
-                    </VListItem>
-                    <VListItem
-                      variant="plain"
-                      @click="downloadTorrentFile(item.raw.enclosure)"
-                    >
-                      <template #prepend>
-                        <VIcon icon="mdi-download" />
-                      </template>
-                      <VListItemTitle>下载种子</VListItemTitle>
-                    </VListItem>
-                  </VList>
-                </VMenu>
-              </IconBtn>
-            </div>
-          </template>
-          <template #no-data>
-            没有数据
-          </template>
-        </VDataTable>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
--- a/src/components/cards/SiteCard.vue
+++ b/src/components/cards/SiteCard.vue
@@ -72,9 +72,6 @@ const resourceTotalItems = ref(0)
 // 每页条数
 const resourceItemsPerPage = ref(25)

-// 当前页码
-const resourceCurrentPage = ref(0)
-
 // 用户名密码表单
 const userPwForm = ref({
  username: '',
@@ -215,7 +212,7 @@ async function updateSiteInfo() {
    // 更新按钮状态
    siteInfoDialog.value = false

-    const result: { [key: string]: any } = await api.put('site', siteForm)
+    const result: { [key: string]: any } = await api.put('site/', siteForm)
    if (result.success) {
      $toast.success(`${cardProps.site?.name} 更新成功！`)
      emit('update')
@@ -244,13 +241,7 @@ function getVolumeFactorClass(downloadVolume: number, uploadVolume: number) {
 async function getResourceList() {
  resourceLoading.value = true
  try {
-    resourceDataList.value = await api.get('search/title', {
-      params: {
-        keyword: resourceSearch.value,
-        page: resourceCurrentPage.value,
-        site: cardProps.site?.id,
-      },
-    })
+    resourceDataList.value = await api.get(`site/resource/${cardProps.site?.id}`)
    resourceLoading.value = false
  }
  catch (error) {
@@ -287,10 +278,14 @@ onMounted(() => {
      </VAvatar>
    </template>
    <VCardItem>
-      <VCardTitle class="font-bold" @click.stop="openSitePage">
+      <VCardTitle class="font-bold">
        {{ cardProps.site?.name }}
      </VCardTitle>
-      <VCardSubtitle>{{ cardProps.site?.url }}</VCardSubtitle>
+      <VCardSubtitle
+        @click.stop="openSitePage"
+      >
+        {{ cardProps.site?.url }}
+      </VCardSubtitle>
    </VCardItem>

    <ExistIcon v-if="siteForm.is_active" />
@@ -389,7 +384,7 @@ onMounted(() => {
  <!-- 更新站点Cookie & UA弹窗 -->
  <VDialog
    v-model="siteCookieDialog"
-    max-width="600"
+    max-width="50rem"
  >
    <!-- Dialog Content -->
    <VCard title="更新站点Cookie & UA">
@@ -437,7 +432,7 @@ onMounted(() => {
  <!-- 站点编辑弹窗 -->
  <VDialog
    v-model="siteInfoDialog"
-    max-width="1000"
+    max-width="50rem"
    persistent
    scrollable
  >
@@ -480,6 +475,12 @@ onMounted(() => {
            </VCol>
          </VRow>
          <VRow>
+            <VCol cols="12">
+              <VTextField
+                v-model="siteForm.rss"
+                label="RSS地址"
+              />
+            </VCol>
            <VCol cols="12">
              <VTextarea
                v-model="siteForm.cookie"
@@ -553,7 +554,10 @@ onMounted(() => {
          删除
        </VBtn>
        <VSpacer />
-        <VBtn @click="updateSiteInfo">
+        <VBtn
+          variant="tonal"
+          @click="updateSiteInfo"
+        >
          确定
        </VBtn>
      </VCardActions>
@@ -562,7 +566,7 @@ onMounted(() => {
  <!-- 站点资源弹窗 -->
  <VDialog
    v-model="resourceDialog"
-    max-width="1280"
+    max-width="80rem"
    scrollable
  >
    <!-- Dialog Content -->
@@ -650,13 +654,14 @@ onMounted(() => {
                      <VListItemTitle>查看详情</VListItemTitle>
                    </VListItem>
                    <VListItem
+                      v-if="item.raw.enclosure?.startsWith('http')"
                      variant="plain"
                      @click="downloadTorrentFile(item.raw.enclosure)"
                    >
                      <template #prepend>
                        <VIcon icon="mdi-download" />
                      </template>
-                      <VListItemTitle>下载种子</VListItemTitle>
+                      <VListItemTitle>下载种子文件</VListItemTitle>
                    </VListItem>
                  </VList>
                </VMenu>
--- a/src/components/cards/SubscribeCard.vue
+++ b/src/components/cards/SubscribeCard.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import { useToast } from 'vue-toast-notification'
+import SubscribeEditForm from '../form/SubscribeEditForm.vue'
 import { calculateTimeDifference } from '@/@core/utils'
 import { formatSeason } from '@/@core/utils/formatters'
-import { numberValidator } from '@/@validators'
 import api from '@/api'
-import type { Site, Subscribe } from '@/api/types'
+import type { Subscribe } from '@/api/types'

 // 输入参数
 const props = defineProps({
@@ -21,19 +21,7 @@ const $toast = useToast()
 const imageLoaded = ref(false)

 // 订阅弹窗
-const subscribeInfoDialog = ref(false)
-
-// 站点数据列表
-const siteList = ref<Site[]>([])
-
-// 站点选择下载框
-const selectSitesOptions = ref<{ [key: number]: string }[]>([])
-
-// 订阅编辑表单
-const subscribeForm = reactive<any>(props.media ?? {})
-
-// 类型转换
-subscribeForm.best_version = subscribeForm.best_version === 1
+const subscribeEditDialog = ref(false)

 // 上一次更新时间
 const lastUpdateText = ref(
@@ -65,8 +53,8 @@ function getPercentage() {
    return 0

  return Math.round(
-    (((props.media?.total_episode || 0) - (props.media?.lack_episode || 0))
-      / (props.media?.total_episode || 1))
+    (((props.media?.total_episode ?? 0) - (props.media?.lack_episode ?? 0))
+      / (props.media?.total_episode ?? 1))
      * 100,
  )
 }
@@ -114,58 +102,9 @@ async function searchSubscribe() {
  }
 }

-// 调用API修改订阅
-async function updateSubscribeInfo() {
-  subscribeInfoDialog.value = false
-  try {
-    const result: { [key: string]: any } = await api.put('subscribe', subscribeForm)
-
-    // 提示
-    if (result.success) {
-      $toast.success(`${props.media?.name} 更新成功！`)
-      // 通知父组件刷新
-      emit('remove')
-    }
-    else { $toast.error(`${props.media?.name} 更新失败：${result.message}！`) }
-  }
-  catch (e) {
-    console.log(e)
-  }
-}
-
-// 获取站点列表数据
-async function loadSites() {
-  try {
-    const data: Site[] = await api.get('site')
-
-    // 过滤站点，只有启用的站点才显示
-    siteList.value = data.filter(item => item.is_active)
-  }
-  catch (error) {
-    console.error(error)
-  }
-}
-
-// 获取站点列表选择框数据
-async function getSiteList() {
-  // 加载订阅站点列表
-  if (!siteList.value.length)
-    await loadSites()
-
-  const maps = siteList.value.map((item) => {
-    return {
-      title: item.name,
-      value: item.id,
-    }
-  })
-
-  selectSitesOptions.value = maps.flat()
-}
-
 // 编辑订阅响应
 async function editSubscribeDialog() {
-  await getSiteList()
-  subscribeInfoDialog.value = true
+  subscribeEditDialog.value = true
 }

 // 弹出菜单
@@ -201,7 +140,7 @@ const dropdownItems = ref([
 <template>
  <VCard
    :key="props.media?.id"
-    :class="`${subscribeForm.best_version ? 'outline-dashed outline-1' : ''}`"
+    :class="`${props.media?.best_version ? 'outline-dashed outline-1' : ''}`"
    @click="editSubscribeDialog"
  >
    <template #image>
@@ -323,100 +262,11 @@ const dropdownItems = ref([
    />
  </VCard>
  <!-- 订阅编辑弹窗 -->
-  <VDialog
-    v-model="subscribeInfoDialog"
-    max-width="1000"
-    persistent
-    scrollable
-  >
-    <!-- Dialog Content -->
-    <VCard :title="`订阅 - ${props.media?.name}`">
-      <VCardText class="pt-2">
-        <VForm @submit.prevent="() => {}">
-          <VRow>
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <VTextField
-                v-model="subscribeForm.keyword"
-                label="搜索关键词"
-              />
-            </VCol>
-            <VCol
-              v-if="props.media?.type === '电视剧'"
-              cols="12"
-              md="3"
-            >
-              <VTextField
-                v-model="subscribeForm.total_episode"
-                label="总集数"
-                :rules="[numberValidator]"
-              />
-            </VCol>
-            <VCol
-              v-if="props.media?.type === '电视剧'"
-              cols="12"
-              md="3"
-            >
-              <VTextField
-                v-model="subscribeForm.start_episode"
-                label="开始集数"
-                :rules="[numberValidator]"
-              />
-            </VCol>
-          </VRow>
-          <VRow>
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <VTextField
-                v-model="subscribeForm.include"
-                label="包含（关键字、正则式）"
-              />
-            </VCol>
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <VTextField
-                v-model="subscribeForm.exclude"
-                label="排除（关键字、正则式）"
-              />
-            </VCol>
-          </VRow>
-          <VRow>
-            <VCol cols="12">
-              <VSelect
-                v-model="subscribeForm.sites"
-                :items="selectSitesOptions"
-                chips
-                label="订阅站点"
-                multiple
-              />
-            </VCol>
-          </VRow>
-          <VRow>
-            <VCol cols="12">
-              <VSwitch
-                v-model="subscribeForm.best_version"
-                label="洗版"
-              />
-            </VCol>
-          </VRow>
-        </VForm>
-      </VCardText>
-
-      <VCardActions>
-        <VBtn @click="subscribeInfoDialog = false">
-          取消
-        </VBtn>
-        <VSpacer />
-        <VBtn @click="updateSubscribeInfo">
-          确定
-        </VBtn>
-      </VCardActions>
-    </VCard>
-  </VDialog>
+  <SubscribeEditForm
+    v-model="subscribeEditDialog"
+    :subid="props.media?.id"
+    @remove="() => { emit('remove');subscribeEditDialog = false; }"
+    @save="() => { emit('save');subscribeEditDialog = false; }"
+    @close="subscribeEditDialog = false"
+  />
 </template>
--- a/src/components/cards/TmdbSelectorCard.vue
+++ b/src/components/cards/TmdbSelectorCard.vue
@@ -0,0 +1,139 @@
+<script lang="ts" setup>
+import api from '@/api'
+import type { MediaInfo } from '@/api/types'
+
+interface TmdbItem {
+  title: string
+  overview: string
+  tmdbid: number
+  poster: string
+}
+
+// update:modelValue 事件
+const emit = defineEmits(['update:modelValue', 'close'])
+
+const items = ref<TmdbItem[]>([])
+
+// 搜索词
+const keyword = ref('')
+
+// 加载中
+const loading = ref(false)
+
+// ref
+const tmdbKeyword = ref<HTMLElement | null>(null)
+
+// 选中条目
+function selectMedia(item: TmdbItem) {
+  console.log(item)
+  emit('update:modelValue', item.tmdbid)
+  emit('close')
+}
+
+// TMDB图片转换为w500大小
+function getW500Image(url = '') {
+  if (!url)
+    return ''
+  return url.replace('original', 'w500')
+}
+
+// 搜索词条
+async function searchMedias() {
+  if (!keyword)
+    return
+
+  // 调用API搜索词条
+  try {
+    loading.value = true
+    const result: MediaInfo[] = await api.get('media/search', {
+      params: {
+        title: keyword.value,
+        page: 1,
+        count: 20,
+      },
+    })
+
+    // 清空
+    items.value = []
+
+    // 赋值
+    for (const item of result) {
+      items.value.push({
+        tmdbid: item.tmdb_id || 0,
+        poster: getW500Image(item.poster_path),
+        title: `${item.title}（${item.year}）`,
+        overview: `<span class="text-primary">${item.type}</span> ${item.overview}`,
+      })
+    }
+    loading.value = false
+  }
+  catch (e) {
+    console.error(e)
+  }
+}
+
+// 加载时聚焦搜索框
+onMounted(() => {
+  // 500ms后聚焦
+  setTimeout(() => {
+    tmdbKeyword.value?.focus()
+  }, 500)
+})
+</script>
+
+<template>
+  <VCard
+    class="mx-auto"
+    width="100%"
+  >
+    <VToolbar flat class="p-0">
+      <VTextField
+        ref="tmdbKeyword"
+        v-model="keyword"
+        label="输入名称搜索"
+        single-line
+        placeholder="电影或电视剧名称"
+        variant="solo"
+        append-inner-icon="mdi-magnify"
+        flat
+        class="mx-1"
+        :loading="loading"
+        @click:append-inner="searchMedias"
+        @keydown.enter="searchMedias"
+      />
+    </VToolbar>
+
+    <VList
+      v-if="items.length > 0"
+      lines="three"
+    >
+      <template v-for="(item, i) in items" :key="i">
+        <VListItem
+          @click="selectMedia(item)"
+        >
+          <template #prepend>
+            <VImg
+              height="75"
+              width="50"
+              :src="item.poster"
+              aspect-ratio="2/3"
+              class="object-cover rounded shadow ring-gray-500 me-3"
+              cover
+            >
+              <template #placeholder>
+                <div class="w-full h-full">
+                  <VSkeletonLoader class="object-cover aspect-w-2 aspect-h-3" />
+                </div>
+              </template>
+            </VImg>
+          </template>
+          <VListItemTitle>
+            {{ item.title }}
+          </VListItemTitle>
+          <VListItemSubtitle class="mt-2" v-html="item.overview" />
+        </VListItem>
+        <VDivider v-if="i < items.length - 1" class="mt-1" inset />
+      </template>
+    </VList>
+  </VCard>
+</template>
--- a/src/components/cards/TorrentCard.vue
+++ b/src/components/cards/TorrentCard.vue
@@ -62,7 +62,10 @@ async function handleAddDownload(_site: any = undefined,
    confirmationText: '确认',
    cancellationText: '取消',
    dialogProps: {
-      maxWidth: 600,
+      maxWidth: '50rem',
+    },
+    confirmationButtonProps: {
+      variant: 'tonal',
    },
  })

@@ -76,7 +79,7 @@ async function handleAddDownload(_site: any = undefined,
 async function addDownload(_media: any, _torrent: any) {
  startNProgress()
  try {
-    const result: { [key: string]: any } = await api.post('download', {
+    const result: { [key: string]: any } = await api.post('download/', {
      media_in: _media,
      torrent_in: _torrent,
    })
@@ -122,26 +125,6 @@ function getVolumeFactorClass(downloadVolume: number, uploadVolume: number) {
 onMounted(() => {
  getSiteIcon()
 })
-
-// 弹出菜单
-const dropdownItems = ref([
-  {
-    title: '查看详情',
-    value: 1,
-    props: {
-      prependIcon: 'mdi-information',
-      click: openTorrentDetail,
-    },
-  },
-  {
-    title: '下载种子',
-    value: 2,
-    props: {
-      prependIcon: 'mdi-download',
-      click: downloadTorrentFile,
-    },
-  },
-])
 </script>

 <template>
@@ -163,7 +146,7 @@ const dropdownItems = ref([
      </VAvatar>
    </template>
    <VCardItem class="py-1">
-      <VCardTitle>
+      <VCardTitle class="break-words overflow-visible whitespace-break-spaces">
        {{ media?.title }} {{ meta?.season_episode }}
        <span class="text-green-700 ms-2 text-sm">↑{{ torrent?.seeders }}</span>
        <span class="text-orange-700 ms-2 text-sm">↓{{ torrent?.peers }}</span>
@@ -180,15 +163,23 @@ const dropdownItems = ref([
            >
              <VList>
                <VListItem
-                  v-for="(item, i) in dropdownItems"
-                  :key="i"
                  variant="plain"
-                  @click="item.props.click"
+                  @click="openTorrentDetail()"
                >
                  <template #prepend>
-                    <VIcon :icon="item.props.prependIcon" />
+                    <VIcon icon="mdi-information" />
                  </template>
-                  <VListItemTitle v-text="item.title" />
+                  <VListItemTitle>查看详情</VListItemTitle>
+                </VListItem>
+                <VListItem
+                  v-if="props.torrent?.torrent_info?.enclosure?.startsWith('http')"
+                  variant="plain"
+                  @click="downloadTorrentFile()"
+                >
+                  <template #prepend>
+                    <VIcon icon="mdi-download" />
+                  </template>
+                  <VListItemTitle>下载种子文件</VListItemTitle>
                </VListItem>
              </VList>
            </VMenu>
--- a/src/components/cards/TorrentItem.vue
+++ b/src/components/cards/TorrentItem.vue
@@ -0,0 +1,251 @@
+<script lang="ts" setup>
+import type { PropType } from 'vue'
+import { useToast } from 'vue-toast-notification'
+import { useConfirm } from 'vuetify-use-dialog'
+import { formatFileSize } from '@/@core/utils/formatters'
+import api from '@/api'
+import { doneNProgress, startNProgress } from '@/api/nprogress'
+import type { Context } from '@/api/types'
+
+// 输入参数
+const props = defineProps({
+  torrent: Object as PropType<Context>,
+})
+
+// 提示框
+const $toast = useToast()
+
+// 确认框
+const createConfirm = useConfirm()
+
+// 更多来源界面
+const showMoreTorrents = ref(false)
+
+// 种子信息
+const torrent = ref(props.torrent?.torrent_info)
+
+// 媒体信息
+const media = ref(props.torrent?.media_info)
+
+// 识别元数据
+const meta = ref(props.torrent?.meta_info)
+
+// 站点图标
+const siteIcon = ref('')
+
+// 查询站点图标
+async function getSiteIcon() {
+  try {
+    siteIcon.value = (await api.get(`site/icon/${torrent?.value?.site}`)).data.icon
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
+
+// 询问并添加下载
+async function handleAddDownload(_site: any = undefined,
+  _media: any = undefined,
+  _torrent: any = undefined) {
+  if (!_media || !_torrent || !_site) {
+    _site = torrent.value?.site_name
+    _media = media.value
+    _torrent = torrent.value
+  }
+
+  const isConfirmed = await createConfirm({
+    title: '确认',
+    content: `是否确认下载【${_site}】${_torrent?.title} ?`,
+    confirmationText: '确认',
+    cancellationText: '取消',
+    dialogProps: {
+      maxWidth: '50rem',
+    },
+    confirmationButtonProps: {
+      variant: 'tonal',
+    },
+  })
+
+  if (!isConfirmed)
+    return
+
+  addDownload(_media, _torrent)
+}
+
+// 添加下载
+async function addDownload(_media: any, _torrent: any) {
+  startNProgress()
+  try {
+    const result: { [key: string]: any } = await api.post('download/', {
+      media_in: _media,
+      torrent_in: _torrent,
+    })
+
+    if (result.success) {
+      // 添加下载成功
+      $toast.success(`${_torrent?.site_name} ${_torrent?.title} 添加下载成功！`)
+    }
+    else {
+      // 添加下载失败
+      $toast.error(`${_torrent?.site_name} ${_torrent?.title} 添加下载失败！`)
+    }
+  }
+  catch (error) {
+    console.error(error)
+  }
+  doneNProgress()
+}
+
+// 打开种子详情页面
+function openTorrentDetail() {
+  window.open(torrent.value?.page_url, '_blank')
+}
+
+// 下载种子文件
+async function downloadTorrentFile() {
+  window.open(torrent.value?.enclosure, '_blank')
+}
+
+// 促销Chip类
+function getVolumeFactorClass(downloadVolume: number, uploadVolume: number) {
+  if (downloadVolume === 0)
+    return 'text-white bg-lime-500'
+  else if (downloadVolume < 1)
+    return 'text-white bg-green-500'
+  else if (uploadVolume !== 1)
+    return 'text-white bg-sky-500'
+  else
+    return 'text-white bg-gray-500'
+}
+
+// 装载时查询站点图标
+onMounted(() => {
+  getSiteIcon()
+})
+</script>
+
+<template>
+  <VListItem @click="handleAddDownload">
+    <template
+      v-if="!showMoreTorrents"
+      #prepend
+    >
+      <VAvatar
+        class="rounded"
+        variant="flat"
+        @click.stop="openTorrentDetail"
+      >
+        <VImg :src="siteIcon" />
+      </VAvatar>
+    </template>
+    <VListItemTitle class="break-words overflow-visible whitespace-break-spaces">
+      {{ torrent?.title }}
+      <span class="text-green-700 ms-2 text-sm">↑{{ torrent?.seeders }}</span>
+      <span class="text-orange-700 ms-2 text-sm">↓{{ torrent?.peers }}</span>
+    </VListItemTitle>
+    <VListItemSubtitle>
+      {{ torrent?.description }}
+    </VListItemSubtitle>
+    <div
+      v-if="torrent?.labels"
+      class="pt-2"
+    >
+      <VChip
+        v-for="(label, index) in torrent?.labels"
+        :key="index"
+        variant="elevated"
+        size="small"
+        color="primary"
+        class="me-1 mb-1"
+      >
+        {{ label }}
+      </VChip>
+      <VChip
+        v-if="meta?.edition"
+        variant="elevated"
+        size="small"
+        class="me-1 mb-1 text-white bg-red-500"
+      >
+        {{ meta?.edition }}
+      </VChip>
+      <VChip
+        v-if="meta?.resource_pix"
+        variant="elevated"
+        size="small"
+        class="me-1 mb-1 text-white bg-red-500"
+      >
+        {{ meta?.resource_pix }}
+      </VChip>
+      <VChip
+        v-if="meta?.video_encode"
+        variant="elevated"
+        size="small"
+        class="me-1 mb-1 text-white bg-orange-500"
+      >
+        {{ meta?.video_encode }}
+      </VChip>
+      <VChip
+        v-if="torrent?.size"
+        variant="elevated"
+        size="small"
+        class="me-1 mb-1 text-white bg-yellow-500"
+      >
+        {{ formatFileSize(torrent?.size) }}
+      </VChip>
+      <VChip
+        v-if="meta?.resource_team"
+        variant="elevated"
+        size="small"
+        class="me-1 mb-1 text-white bg-cyan-500"
+      >
+        {{ meta?.resource_team }}
+      </VChip>
+      <VChip
+        v-if="torrent?.downloadvolumefactor !== 1 || torrent?.uploadvolumefactor !== 1"
+        :class="
+          getVolumeFactorClass(torrent?.downloadvolumefactor, torrent?.uploadvolumefactor)
+        "
+        variant="elevated"
+        size="small"
+        class="me-1 mb-1"
+      >
+        {{ torrent?.volume_factor }}
+      </VChip>
+    </div>
+    <template #append>
+      <div class="me-n3">
+        <IconBtn>
+          <VIcon
+            icon="mdi-dots-vertical"
+          />
+          <VMenu
+            activator="parent"
+            close-on-content-click
+          >
+            <VList>
+              <VListItem
+                variant="plain"
+                @click="openTorrentDetail()"
+              >
+                <template #prepend>
+                  <VIcon icon="mdi-information" />
+                </template>
+                <VListItemTitle>查看详情</VListItemTitle>
+              </VListItem>
+              <VListItem
+                v-if="props.torrent?.torrent_info?.enclosure?.startsWith('http')"
+                variant="plain"
+                @click="downloadTorrentFile()"
+              >
+                <template #prepend>
+                  <VIcon icon="mdi-download" />
+                </template>
+                <VListItemTitle>下载种子文件</VListItemTitle>
+              </VListItem>
+            </VList>
+          </VMenu>
+        </IconBtn>
+      </div>
+    </template>
+  </VListItem>
+</template>
--- a/src/components/filebrowser/List.vue
+++ b/src/components/filebrowser/List.vue
@@ -0,0 +1,805 @@
+<script lang="ts" setup>
+import type { Axios } from 'axios'
+import type { PropType } from 'vue'
+import { useConfirm } from 'vuetify-use-dialog'
+import axios from 'axios'
+import { useToast } from 'vue-toast-notification'
+import { numberValidator } from '@/@validators'
+import { formatBytes } from '@core/utils/formatters'
+import type { Context, EndPoints, FileItem } from '@/api/types'
+import store from '@/store'
+import api from '@/api'
+import MediaInfoCard from '@/components/cards/MediaInfoCard.vue'
+import TmdbSelectorCard from '@/components/cards/TmdbSelectorCard.vue'
+
+// 输入参数
+const inProps = defineProps({
+  icons: Object,
+  storage: String,
+  path: String,
+  endpoints: Object as PropType<EndPoints>,
+  axios: Object as PropType<Axios>,
+  refreshpending: Boolean,
+  sort: String,
+})
+
+// 对外事件
+const emit = defineEmits(['loading', 'pathchanged', 'refreshed', 'filedeleted', 'renamed'])
+
+// 提示框
+const $toast = useToast()
+
+// 是否正在加载
+const loading = ref(true)
+
+// 确认框
+const createConfirm = useConfirm()
+
+// 存储空间类型
+const storage = ref(inProps.storage ?? '')
+
+// axios实例
+const axiosInstance = ref<Axios>(inProps.axios ?? axios)
+
+// 内容列表
+const items = ref<FileItem[]>([])
+
+// 过滤条件
+const filter = ref('')
+
+// 重命名弹窗
+const renamePopper = ref(false)
+
+// 整理弹窗
+const transferPopper = ref(false)
+
+// 整理进度条
+const progressDialog = ref(false)
+
+// 整理进度文本
+const progressText = ref('请稍候 ...')
+
+// 整理进度
+const progressValue = ref(0)
+
+// 加载进度SSE
+const progressEventSource = ref<EventSource>()
+
+// 新名称
+const newName = ref('')
+
+// 当前名称
+const currentItem = ref<FileItem>()
+
+// 文件转移表单
+const transferForm = reactive({
+  path: '',
+  target: '',
+  tmdbid: null,
+  season: null,
+  type_name: '',
+  transfer_type: '',
+  episode_format: '',
+  episode_detail: '',
+  episode_part: '',
+  episode_offset: null,
+  min_filesize: 0,
+
+})
+
+// 识别结果
+const nameTestResult = ref<Context>()
+
+// 识别结果对话框
+const nameTestDialog = ref(false)
+
+// TMDB选择对话框
+const tmdbSelectorDialog = ref(false)
+
+// 生成1到50季的下拉框选项
+const seasonItems = ref(
+  Array.from({ length: 51 }, (_, i) => i).map(item => ({
+    title: `第 ${item} 季`,
+    value: item,
+  })),
+)
+
+// 目录过滤
+const dirs = computed(() =>
+  items.value.filter(item => item.type === 'dir' && item.basename.includes(filter.value)),
+)
+
+// 文件过滤
+const files = computed(() =>
+  items.value.filter(item => item.type === 'file' && item.basename.includes(filter.value)),
+)
+
+// 是否目录
+const isDir = computed(() => inProps.path?.endsWith('/'))
+
+// 是否文件
+const isFile = computed(() => !isDir.value)
+
+// 是否为图片文件
+const isImage = computed(() => {
+  const ext = inProps.path?.split('.').pop()?.toLowerCase()
+  return ['png', 'jpg', 'jpeg', 'gif', 'bmp'].includes(ext ?? '')
+})
+
+// 调API加载内容
+async function load() {
+  loading.value = true
+  emit('loading', true)
+  // 参数
+  const url = inProps.endpoints?.list.url
+    .replace(/{storage}/g, storage.value)
+    .replace(/{path}/g, encodeURIComponent(inProps.path || ''))
+    .replace(/{sort}/g, inProps.sort || 'name')
+
+  const config = {
+    url,
+    method: inProps.endpoints?.list.method || 'get',
+  }
+  // 加载数据
+  items.value = await axiosInstance.value.request(config) ?? []
+  emit('loading', false)
+  loading.value = false
+}
+
+// 删除项目
+async function deleteItem(item: FileItem) {
+  const confirmed = await createConfirm({
+    title: '确认',
+    content: `是否确认删除${
+                item.type === 'dir' ? '目录' : '文件'
+            } ${item.basename}？`,
+    confirmationText: '确认',
+    cancellationText: '取消',
+    dialogProps: {
+      maxWidth: '50rem',
+    },
+    cancellationButtonProps: {
+      variant: 'tonal',
+    },
+  })
+
+  if (confirmed) {
+    emit('loading', true)
+    const url = inProps.endpoints?.delete.url
+      .replace(/{storage}/g, storage.value)
+      .replace(/{path}/g, encodeURIComponent(item.path))
+
+    const config = {
+      url,
+      method: inProps.endpoints?.delete.method || 'post',
+    }
+
+    await axiosInstance.value.request(config)
+    emit('filedeleted')
+    emit('loading', false)
+    // 重新加载
+    load()
+  }
+}
+
+// 切换路径
+function changePath(_path: string) {
+  emit('pathchanged', _path)
+}
+
+// 新窗口中下载文件
+function download(path: string) {
+  if (!path)
+    return
+  const token = store.state.auth.token
+  const url_path = inProps.endpoints?.download.url
+    .replace(/{storage}/g, storage.value)
+    .replace(/{path}/g, encodeURIComponent(path))
+  const url = `${import.meta.env.VITE_API_BASE_URL}${url_path.slice(1)}&token=${token}`
+  // 下载文件
+  window.open(url, '_blank')
+}
+
+// 显示图片
+function getImgLink(path: string) {
+  if (!path)
+    return ''
+  const token = store.state.auth.token
+  const url_path = inProps.endpoints?.image.url
+    .replace(/{storage}/g, storage.value)
+    .replace(/{path}/g, encodeURIComponent(path))
+  return `${import.meta.env.VITE_API_BASE_URL}${url_path.slice(1)}&token=${token}`
+}
+
+// 显示重命名弹窗
+function showRenmae(item: FileItem) {
+  currentItem.value = item
+  newName.value = item.name
+  renamePopper.value = true
+}
+
+// 重命名
+async function rename() {
+  emit('loading', true)
+  const url = inProps.endpoints?.rename.url
+    .replace(/{storage}/g, inProps.storage)
+    .replace(/{path}/g, encodeURIComponent(currentItem.value?.path || ''))
+    .replace(/{newname}/g, encodeURIComponent(newName.value))
+
+  const config = {
+    url,
+    method: inProps.endpoints?.mkdir.method || 'post',
+  }
+
+  // 调API
+  await inProps.axios?.request(config)
+
+  renamePopper.value = false
+  newName.value = ''
+  emit('loading', false)
+
+  // 通知重新加载
+  emit('renamed')
+}
+
+// 显示整理对话框
+function showTransfer(item: FileItem) {
+  currentItem.value = item
+  transferPopper.value = true
+}
+
+// 整理文件
+async function transfer() {
+  transferForm.path = currentItem.value?.path ?? ''
+  // 开始整理文件
+  try {
+    // 关闭弹窗
+    transferPopper.value = false
+    // 显示进度条
+    progressDialog.value = true
+    // 开始监听进度
+    startLoadingProgress()
+    // 异步调API，结束后关闭进度条
+    api.post('transfer/manual', {}, {
+      params: transferForm,
+    }).then((res: any) => {
+      // 关闭进度条
+      progressDialog.value = false
+      // 停止监听进度
+      stopLoadingProgress()
+      // 显示结果
+      if (res.success) {
+        $toast.success(`${currentItem.value?.name} 整理完成！`)
+        // 重新加载
+        load()
+      }
+      else {
+        $toast.error(`${currentItem.value?.name} 整理失败：${res.message}！`)
+      }
+    })
+  }
+  catch (e) {
+    console.log(e)
+  }
+}
+
+// 将文件修改时间（timestape）转换为本地时间
+function formatTime(timestape: number) {
+  return new Date(timestape * 1000).toLocaleString()
+}
+
+// 监听path变化
+watch(
+  () => inProps.path,
+  async () => {
+    items.value = []
+    nameTestResult.value = undefined
+    nameTestDialog.value = false
+    await load()
+  },
+)
+
+// 监听refreshPending变化
+watch(
+  () => inProps.refreshpending,
+  async () => {
+    if (inProps.refreshpending) {
+      await load()
+      emit('refreshed')
+    }
+  },
+)
+
+// 使用SSE监听加载进度
+function startLoadingProgress() {
+  progressText.value = '请稍候 ...'
+
+  const token = store.state.auth.token
+
+  progressEventSource.value = new EventSource(
+    `${import.meta.env.VITE_API_BASE_URL}system/progress/filetransfer?token=${token}`,
+  )
+  progressEventSource.value.onmessage = (event) => {
+    const progress = JSON.parse(event.data)
+    if (progress) {
+      progressText.value = progress.text
+      progressValue.value = progress.value
+    }
+  }
+}
+
+// 停止监听加载进度
+function stopLoadingProgress() {
+  progressEventSource.value?.close()
+}
+
+// 调用API识别
+async function recognize(path: string) {
+  try {
+    // 显示进度条
+    progressDialog.value = true
+    progressText.value = `正在识别 ${path} ...`
+    progressValue.value = 0
+    nameTestResult.value = await api.get('media/recognize_file', {
+      params: {
+        path,
+      },
+    })
+    // 关闭进度条
+    progressDialog.value = false
+    if (!nameTestResult.value)
+      $toast.error(`${path} 识别失败！`)
+    nameTestDialog.value = !!nameTestResult.value?.meta_info?.name
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
+
+// 弹出菜单
+const dropdownItems = ref([
+  {
+    title: '识别',
+    value: 1,
+    props: {
+      prependIcon: 'mdi-text-recognition',
+      click: (_item: FileItem) => {
+        recognize(_item.path || '')
+      },
+    },
+  }, {
+    title: '重命名',
+    value: 2,
+    props: {
+      prependIcon: 'mdi-rename',
+      click: showRenmae,
+    },
+  },
+  {
+    title: '整理',
+    value: 3,
+    props: {
+      prependIcon: 'mdi-folder-arrow-right',
+      click: showTransfer,
+    },
+  },
+  {
+    title: '删除',
+    value: 4,
+    props: {
+      prependIcon: 'mdi-delete-outline',
+      color: 'error',
+      click: deleteItem,
+    },
+  },
+])
+
+onMounted(() => {
+  load()
+})
+</script>
+
+<template>
+  <VCard class="d-flex flex-column">
+    <VCardText
+      v-if="loading"
+      class="text-center flex flex-col items-center"
+    >
+      <VProgressCircular
+        size="48"
+        indeterminate
+        color="primary"
+      />
+    </VCardText>
+    <VCardText
+      v-if="!path"
+      class="grow d-flex justify-center align-center grey--text"
+    >
+      选择目录或文件
+    </VCardText>
+    <VCardText
+      v-else-if="isFile && !isImage"
+      class="text-center break-all"
+    >
+      <strong>{{ items[0]?.name }}</strong><br>
+      大小：{{ formatBytes(items[0]?.size || 0) }}<br>
+      修改时间：{{ formatTime(items[0]?.modify_time || 0) }}
+    </VCardText>
+    <VCardText
+      v-else-if="isFile && isImage"
+      class="grow d-flex justify-center align-center"
+    >
+      <VImg :src="getImgLink(path)" max-width="100%" max-height="100%" />
+    </VCardText>
+    <VCardText v-else-if="dirs.length || files.length" class="p-0">
+      <VList v-if="dirs.length" subheader>
+        <VListSubheader>目录</VListSubheader>
+        <VListItem
+          v-for="(item, index) in dirs"
+          :key="index"
+          class="px-3 pe-1"
+          @click="changePath(item.path)"
+        >
+          <template #prepend>
+            <VIcon icon="mdi-folder-outline" />
+          </template>
+          <VListItemTitle v-text="item.name" />
+          <template #append>
+            <IconBtn class="d-sm-none">
+              <VIcon
+                icon="mdi-dots-vertical"
+              />
+              <VMenu
+                activator="parent"
+                close-on-content-click
+              >
+                <VList>
+                  <VListItem
+                    v-for="(menu, i) in dropdownItems"
+                    :key="i"
+                    variant="plain"
+                    :base-color="menu.props.color"
+                    @click="menu.props.click(item)"
+                  >
+                    <template #prepend>
+                      <VIcon :icon="menu.props.prependIcon" />
+                    </template>
+                    <VListItemTitle v-text="menu.title" />
+                  </VListItem>
+                </VList>
+              </VMenu>
+            </IconBtn>
+            <IconBtn class="d-none d-sm-block" @click.stop="recognize(item.path)">
+              <VIcon icon="mdi-text-recognition" />
+            </IconBtn>
+            <IconBtn class="d-none d-sm-block" @click.stop="showRenmae(item)">
+              <VIcon icon="mdi-rename" />
+            </IconBtn>
+            <IconBtn class="d-none d-sm-block" @click.stop="showTransfer(item)">
+              <VIcon icon="mdi-folder-arrow-right" />
+            </IconBtn>
+            <IconBtn class="d-none d-sm-block" @click.stop="deleteItem(item)">
+              <VIcon icon="mdi-delete-outline" />
+            </IconBtn>
+          </template>
+        </VListItem>
+      </VList>
+      <VDivider v-if="dirs.length && files.length" />
+      <VList v-if="files.length" subheader>
+        <VListSubheader>文件</VListSubheader>
+        <VListItem
+          v-for="(item, index) in files"
+          :key="index"
+          class="pl-3 pe-1"
+          @click="changePath(item.path)"
+        >
+          <template #prepend>
+            <VIcon v-if="inProps.icons" :icon="inProps.icons[item.extension.toLowerCase()] || inProps.icons?.other" />
+          </template>
+
+          <VListItemTitle v-text="item.name" />
+          <VListItemSubtitle> {{ formatBytes(item.size) }}</VListItemSubtitle>
+
+          <template #append>
+            <IconBtn class="d-sm-none">
+              <VIcon
+                icon="mdi-dots-vertical"
+              />
+              <VMenu
+                activator="parent"
+                close-on-content-click
+              >
+                <VList>
+                  <VListItem
+                    v-for="(menu, i) in dropdownItems"
+                    :key="i"
+                    variant="plain"
+                    :base-color="menu.props.color"
+                    @click="menu.props.click(item)"
+                  >
+                    <template #prepend>
+                      <VIcon :icon="menu.props.prependIcon" />
+                    </template>
+                    <VListItemTitle v-text="menu.title" />
+                  </VListItem>
+                </VList>
+              </VMenu>
+            </IconBtn>
+            <IconBtn class="d-none d-sm-block" @click.stop="recognize(item.path)">
+              <VIcon icon="mdi-text-recognition" />
+            </IconBtn>
+            <IconBtn class="d-none d-sm-block" @click.stop="showRenmae(item)">
+              <VIcon icon="mdi-rename" />
+            </IconBtn>
+            <IconBtn class="d-none d-sm-block" @click.stop="showTransfer(item)">
+              <VIcon icon="mdi-folder-arrow-right" />
+            </IconBtn>
+            <IconBtn class="d-none d-sm-block" @click.stop="deleteItem(item)">
+              <VIcon icon="mdi-delete-outline" />
+            </IconBtn>
+          </template>
+        </VListItem>
+      </VList>
+    </VCardText>
+    <VCardText
+      v-else-if="filter"
+      class="grow d-flex justify-center align-center grey--text py-5"
+    >
+      没有目录或文件
+    </VCardText>
+    <VCardText
+      v-else-if="!loading"
+      class="grow d-flex justify-center align-center grey--text py-5"
+    >
+      空目录
+    </VCardText>
+    <VDivider v-if="path" />
+    <VToolbar v-if="!loading" density="compact" flat color="gray">
+      <VTextField
+        v-if="!isFile"
+        v-model="filter"
+        hide-details
+        flat
+        density="compact"
+        variant="solo-filled"
+        placeholder="搜索 ..."
+        prepend-inner-icon="mdi-filter-outline"
+        class="me-2"
+      />
+      <VSpacer v-if="isFile" />
+      <IconBtn v-if="isFile" @click="recognize(inProps.path || '')">
+        <VIcon color="primary">
+          mdi-text-recognition
+        </VIcon>
+      </IconBtn>
+      <IconBtn v-if="isFile" @click="download(inProps.path || '')">
+        <VIcon color="primary">
+          mdi-download
+        </VIcon>
+      </IconBtn>
+      <IconBtn v-if="!isFile" @click="load">
+        <VIcon color="primary">
+          mdi-refresh
+        </VIcon>
+      </IconBtn>
+    </VToolbar>
+  </VCard>
+  <!-- 重命名弹窗 -->
+  <VDialog
+    v-model="renamePopper"
+    max-width="50rem"
+  >
+    <template #activator="{ props }">
+      <IconBtn title="重命名" v-bind="props">
+        <VIcon icon="mdi-rename-outline" />
+      </IconBtn>
+    </template>
+    <VCard title="重命名">
+      <VCardText>
+        <VTextField v-model="newName" label="名称" />
+      </VCardText>
+      <VCardActions>
+        <VBtn depressed @click="renamePopper = false">
+          取消
+        </VBtn>
+        <VSpacer />
+        <VBtn
+          :disabled="!newName"
+          depressed
+          variant="tonal"
+          @click="rename"
+        >
+          重命名
+        </VBtn>
+      </VCardActions>
+    </VCard>
+  </VDialog>
+  <!-- 文件整理弹窗 -->
+  <VDialog
+    v-model="transferPopper"
+    max-width="50rem"
+    scrollable
+  >
+    <template #activator="{ props }">
+      <IconBtn title="整理" v-bind="props">
+        <VIcon icon="mdi-folder-arrow-right-outline" />
+      </IconBtn>
+    </template>
+    <VCard :title="`文件整理 - ${currentItem?.name}`">
+      <DialogCloseBtn @click="transferPopper = false" />
+      <VCardText class="pt-2">
+        <VForm @submit.prevent="() => {}">
+          <VRow>
+            <VCol
+              cols="12"
+              md="8"
+            >
+              <VTextField
+                v-model="transferForm.target"
+                label="目的路径"
+                placeholder="留空自动"
+              />
+            </VCol>
+            <VCol
+              cols="12"
+              md="4"
+            >
+              <VSelect
+                v-model="transferForm.transfer_type"
+                label="整理方式"
+                :items="[
+                  { title: '默认', value: '' },
+                  { title: '移动', value: 'move' },
+                  { title: '复制', value: 'copy' },
+                  { title: '硬链接', value: 'link' },
+                  { title: '软链接', value: 'softlink' },
+                  { title: 'Rclone复制', value: 'rclone_copy' },
+                  { title: 'Rclone移动', value: 'rclone_move' },
+                ]"
+              />
+            </VCol>
+          </VRow>
+          <VRow>
+            <VCol
+              cols="12"
+              md="4"
+            >
+              <VSelect
+                v-model="transferForm.type_name"
+                label="类型"
+                :items="[{ title: '请选择', value: '' }, { title: '电影', value: '电影' }, { title: '电视剧', value: '电视剧' }]"
+              />
+            </VCol>
+            <VCol
+              cols="12"
+              md="4"
+            >
+              <VTextField
+                v-model="transferForm.tmdbid"
+                :disabled="transferForm.type_name === ''"
+                label="TMDBID"
+                placeholder="留空自动识别"
+                :rules="[numberValidator]"
+                append-inner-icon="mdi-magnify"
+                @click:append-inner="tmdbSelectorDialog = true"
+              />
+            </VCol>
+            <VCol
+              cols="12"
+              md="4"
+            >
+              <VSelect
+                v-show="transferForm.type_name === '电视剧'"
+                v-model.number="transferForm.season"
+                label="季"
+                :items="seasonItems"
+              />
+            </VCol>
+          </VRow>
+          <VRow>
+            <VCol cols="12" md="8">
+              <VTextField
+                v-model="transferForm.episode_format"
+                label="集数定位"
+                placeholder="使用{ep}定位集数"
+              />
+            </VCol>
+            <VCol cols="12" md="4">
+              <VTextField
+                v-model="transferForm.episode_detail"
+                label="指定集数"
+                placeholder="起始集,终止集，如1或1,2"
+              />
+            </VCol>
+            <VCol cols="12" md="4">
+              <VTextField
+                v-model="transferForm.episode_part"
+                label="指定Part"
+                placeholder="如part1"
+              />
+            </VCol>
+            <VCol cols="12" md="4">
+              <VTextField
+                v-model.number="transferForm.episode_offset"
+                label="集数偏移"
+                placeholder="如-10"
+              />
+            </VCol>
+            <VCol cols="12" md="4">
+              <VTextField
+                v-model.number="transferForm.min_filesize"
+                label="最小文件大小（MB）"
+                :rules="[numberValidator]"
+                placeholder="0"
+              />
+            </VCol>
+          </VRow>
+        </VForm>
+      </VCardText>
+      <VCardActions>
+        <VBtn depressed @click="transferPopper = false">
+          取消
+        </VBtn>
+        <VSpacer />
+        <VBtn
+          variant="tonal"
+          @click="transfer"
+        >
+          开始整理
+        </VBtn>
+      </VCardActions>
+    </VCard>
+  </VDialog>
+  <!-- 手动整理进度框 -->
+  <vDialog
+    v-model="progressDialog"
+    :scrim="false"
+    width="25rem"
+  >
+    <vCard
+      color="primary"
+    >
+      <vCardText class="text-center">
+        {{ progressText }}
+        <vProgressLinear
+          v-if="progressValue"
+          color="white"
+          class="mb-0 mt-1"
+          :model-value="progressValue"
+        />
+      </vCardText>
+    </vCard>
+  </vDialog>
+  <!-- 识别结果对话框 -->
+  <vDialog
+    v-model="nameTestDialog"
+    width="50rem"
+  >
+    <vCard>
+      <DialogCloseBtn @click="nameTestDialog = false" />
+      <VCardItem>
+        <MediaInfoCard :context="nameTestResult" />
+      </VCardItem>
+    </vCard>
+  </vDialog>
+  <!-- TMDB ID搜索框 -->
+  <vDialog
+    v-model="tmdbSelectorDialog"
+    width="40rem"
+    scrollable
+  >
+    <TmdbSelectorCard
+      v-model="transferForm.tmdbid"
+      @close="tmdbSelectorDialog = false"
+    />
+  </vDialog>
+</template>
+
+<style lang="scss" scoped>
+.v-card {
+    height: 100%;
+}
+.v-toolbar{
+  background: rgb(var(--v-table-header-background));
+}
+</style>
--- a/src/components/filebrowser/Toolbar.vue
+++ b/src/components/filebrowser/Toolbar.vue
@@ -0,0 +1,183 @@
+<script lang="ts" setup>
+import type { Axios } from 'axios'
+import type { EndPoints } from '@/api/types'
+
+// 输入参数
+const inProps = defineProps({
+  storages: Array as PropType<any[]>,
+  storage: String,
+  path: String,
+  endpoints: Object as PropType<EndPoints>,
+  axios: Object as PropType<Axios>,
+})
+
+// 对外事件
+const emit = defineEmits(['storagechanged', 'pathchanged', 'loading', 'foldercreated', 'sortchanged'])
+
+// 新建文件夹名称
+const newFolderPopper = ref(false)
+
+// 新建文件名称
+const newFolderName = ref('')
+
+// 排序方式
+const sort = ref('name')
+
+// 调整排序方式
+function changeSort() {
+  if (sort.value === 'name')
+    sort.value = 'time'
+  else
+    sort.value = 'name'
+
+  emit('sortchanged', sort.value)
+}
+
+// 计算PATH面包屑
+const pathSegments = computed(() => {
+  let path_str = ''
+  const isFolder = inProps.path?.endsWith('/')
+  const segments = inProps.path?.split('/').filter(item => item)
+
+  return segments?.map((item, index) => {
+    path_str += item + ((index < segments.length - 1 || isFolder) ? '/' : '')
+    return {
+      name: item,
+      path: path_str,
+    }
+  }) ?? []
+})
+
+const storageObject = computed(() => {
+  return inProps.storages?.find(item => item.code === inProps.storage)
+})
+
+// 切换存储
+function changeStorage(code: string) {
+  if (inProps.storage !== code) {
+    emit('storagechanged', code)
+    emit('pathchanged', '')
+  }
+}
+
+// 路径变化
+function changePath(_path: string) {
+  emit('pathchanged', _path)
+}
+
+// 返回上一级
+function goUp() {
+  const segments = pathSegments.value ?? []
+  const path = segments?.length === 1 ? '/' : segments[segments.length - 2].path
+  changePath(path)
+}
+
+// 创建目录
+async function mkdir() {
+  emit('loading', true)
+  const url = inProps.endpoints?.mkdir.url
+    .replace(/{storage}/g, inProps.storage)
+    .replace(/{path}/g, encodeURIComponent(inProps.path + newFolderName.value))
+
+  const config = {
+    url,
+    method: inProps.endpoints?.mkdir.method || 'post',
+  }
+
+  // 调API
+  await inProps.axios?.request(config)
+
+  newFolderPopper.value = false
+  newFolderName.value = ''
+  emit('loading', false)
+
+  // 通知重新加载
+  emit('foldercreated')
+}
+
+// 计算排序图标
+const sortIcon = computed(() => {
+  if (sort.value === 'time')
+    return 'mdi-sort-clock-ascending-outline'
+  else
+    return 'mdi-sort-alphabetical-ascending'
+})
+</script>
+
+<template>
+  <VToolbar flat dense>
+    <VToolbarItems class="overflow-hidden">
+      <VMenu v-if="inProps.storages?.length || 0 > 1" offset-y>
+        <template #activator="{ props }">
+          <VBtn v-bind="props">
+            <VIcon icon="mdi-arrow-down-drop-circle-outline" />
+          </VBtn>
+        </template>
+        <VList>
+          <VListItem
+            v-for="(item, index) in storages"
+            :key="index"
+            :disabled="item.code === storageObject?.code"
+            @click="changeStorage(item.code)"
+          >
+            <template #prepend>
+              <Icon :icon="item.icon" />
+            </template>
+            <VListItemTitle>{{ item.name }}</VListItemTitle>
+          </VListItem>
+        </VList>
+      </VMenu>
+      <VBtn variant="text" :input-value="path === '/'" class="px-1" @click="changePath('/')">
+        <VIcon :icon="storageObject?.icon" class="mr-2" />
+        {{ storageObject?.name }}
+      </VBtn>
+      <template v-for="(segment, index) in pathSegments" :key="index">
+        <VBtn
+          variant="text"
+          :input-value="index === pathSegments.length - 1"
+          class="px-1 d-none d-md-block"
+          @click="changePath(segment.path)"
+        >
+          <VIcon icon=" mdi-chevron-right" />
+          {{ segment.name }}
+        </VBtn>
+      </template>
+    </VToolbarItems>
+    <div class="flex-grow-1" />
+    <IconBtn @click="changeSort">
+      <VIcon :icon="sortIcon" />
+    </IconBtn>
+    <IconBtn v-if="pathSegments.length > 0" @click="goUp">
+      <VIcon icon="mdi-arrow-up-bold-outline" />
+    </IconBtn>
+    <VDialog
+      v-model="newFolderPopper"
+      max-width="50rem"
+    >
+      <template #activator="{ props }">
+        <IconBtn title="新建文件夹" v-bind="props">
+          <VIcon icon="mdi-folder-plus-outline" />
+        </IconBtn>
+      </template>
+      <VCard title="新建文件夹">
+        <VCardText>
+          <VTextField v-model="newFolderName" label="名称" />
+        </VCardText>
+        <VCardActions>
+          <div class="flex-grow-1" />
+          <VBtn depressed @click="newFolderPopper = false">
+            取消
+          </VBtn>
+          <VBtn
+            :disabled="!newFolderName"
+            depressed
+            variant="tonal"
+            @click="mkdir"
+          >
+            新建
+          </VBtn>
+        </VCardActions>
+      </VCard>
+    </VDialog>
+  </VToolbar>
+</template>
--- a/src/components/filebrowser/Tree.vue
+++ b/src/components/filebrowser/Tree.vue
@@ -0,0 +1,203 @@
+<script lang="ts" setup>
+import type { Axios } from 'axios'
+import type { EndPoints, FileItem } from '@/api/types'
+
+// 输入参数
+const props = defineProps({
+  icons: Object,
+  storage: String,
+  path: String,
+  endpoints: Object as PropType<EndPoints>,
+  axios: Object as PropType<Axios>,
+  refreshpending: Boolean,
+})
+
+// 对外事件
+const emit = defineEmits(['pathchanged', 'loading', 'refreshed'])
+
+// 变量
+const open = ref<string[]>([])
+// 活跃的文件夹
+const active = ref<string[]>([])
+// 内容
+const items = ref<FileItem[]>([])
+// 过滤
+const filter = ref('')
+
+// 方法
+function init() {
+  open.value = []
+  items.value = [{
+    type: 'dir',
+    path: '/',
+    basename: 'root',
+    extension: '',
+    name: 'root',
+    children: [],
+    size: 0,
+    modify_time: 0,
+  }]
+}
+
+// 调用API读取文件夹
+async function readFolder(item: FileItem) {
+  emit('loading', true)
+  const url = props.endpoints?.list.url
+    .replace(/{storage}/g, props.storage)
+    .replace(/{path}/g, item.path)
+
+  const config = {
+    url,
+    method: props.endpoints?.list.method || 'get',
+  }
+
+  const response: FileItem[] = await props.axios?.request(config) ?? []
+
+  item.children = response.map((item: FileItem) => {
+    if (item.type === 'dir')
+      item.children = []
+
+    return item
+  })
+
+  emit('loading', false)
+}
+
+// 选中变化
+function activeChanged(_active: string[]) {
+  let path = ''
+  if (active.value.length)
+    path = active.value[0]
+
+  if (props.path !== path)
+    emit('pathchanged', path)
+}
+
+// 查找文件
+function findItem(path: string) {
+  const stack: FileItem[] = []
+  stack.push(items.value[0])
+  while (stack.length > 0) {
+    const node = stack.pop()
+    if (node?.path === path) {
+      return node
+    }
+    else if (node?.children && node.children.length) {
+      for (const element of node.children)
+        stack.push(element)
+    }
+  }
+  return null
+}
+
+// 监听存储空间变量
+watch(() => props.storage, () => {
+  init()
+})
+
+// 监听路径变化
+watch(
+  () => props.path,
+  () => {
+    if (props.path) {
+      active.value = [props.path]
+      if (!open.value.includes(props.path))
+        open.value.push(props.path)
+    }
+  })
+
+// 监听 refreshPending
+watch(
+  () => props.refreshpending,
+  async () => {
+    if (props.refreshpending && props.path) {
+      const item = findItem(props.path)
+      if (item) {
+        await readFolder(item)
+        emit('refreshed')
+      }
+    }
+  },
+)
+
+onMounted(() => {
+  init()
+})
+</script>
+
+<template>
+  <VCard flat width="250" min-height="500" class="d-flex flex-column folders-tree-card">
+    <div class="grow scroll-x">
+      <VTreeview
+        :open="open"
+        :active="active"
+        :items="items"
+        :search="filter"
+        :load-children="readFolder"
+        item-key="path"
+        item-text="basename"
+        dense
+        activatable
+        transition
+        class="folders-tree"
+        @update:active="activeChanged"
+      >
+        <template #prepend="{ item, open }">
+          <VIcon
+            v-if="item.type === 'dir'"
+          >
+            {{ open ? 'mdi-folder-open-outline' : 'mdi-folder-outline' }}
+          </VIcon>
+          <VIcon v-else-if="props.icons" :icon="props.icons[item.extension.toLowerCase()] || props.icons.other" />
+        </template>
+        <template #label="{ item }">
+          {{ item.basename }}
+          <VBtn
+            v-if="item.type === 'dir'"
+            icon
+            class="ml-1"
+            @click.stop="readFolder(item)"
+          >
+            <VIcon class="pa-0 mdi-18px" color="grey lighten-1">
+              mdi-refresh
+            </VIcon>
+          </VBtn>
+        </template>
+      </VTreeview>
+    </div>
+    <VDivider />
+    <VToolbar
+      density="compact"
+    >
+      <VBtn icon @click="init">
+        <VIcon icon="mdi-collapse-all-outline" />
+      </VBtn>
+    </VToolbar>
+  </VCard>
+</template>
+
+<style lang="scss" scoped>
+.folders-tree-card {
+    height: 100%;
+
+    .scroll-x {
+        overflow-x: auto;
+    }
+
+    ::v-deep .folders-tree {
+        width: fit-content;
+        min-width: 250px;
+
+        .v-treeview-node {
+            cursor: pointer;
+
+            &:hover {
+                background-color: rgba(0, 0, 0, 0.02);
+            }
+        }
+    }
+}
+.v-toolbar{
+  background: rgb(var(--v-table-header-background));
+}
+</style>
--- a/src/components/form/SubscribeEditForm.vue
+++ b/src/components/form/SubscribeEditForm.vue
@@ -0,0 +1,355 @@
+<script lang="ts" setup>
+import { useToast } from 'vue-toast-notification'
+import { numberValidator } from '@/@validators'
+import api from '@/api'
+import type { Site, Subscribe } from '@/api/types'
+
+// 输入参数
+const props = defineProps({
+  subid: Number,
+})
+
+// 定义触发的自定义事件
+const emit = defineEmits(['remove', 'save', 'close'])
+
+// 站点数据列表
+const siteList = ref<Site[]>([])
+
+// 站点选择下载框
+const selectSitesOptions = ref<{ [key: number]: string }[]>([])
+
+// 订阅编辑表单
+const subscribeForm = ref<Subscribe>({
+  id: props.subid ?? 0,
+  keyword: '',
+  quality: '',
+  resolution: '',
+  effect: '',
+  include: '',
+  exclude: '',
+  total_episode: 0,
+  start_episode: 0,
+  best_version: 0,
+  sites: [],
+  type: '',
+  name: '',
+  year: '',
+  tmdbid: 0,
+  state: '',
+  last_update: '',
+  username: '',
+  current_priority: 0,
+})
+
+// 提示框
+const $toast = useToast()
+
+// 调用API修改订阅
+async function updateSubscribeInfo() {
+  try {
+    subscribeForm.value.best_version = subscribeForm.value.best_version ? 1 : 0
+    const result: { [key: string]: any } = await api.put('subscribe/', subscribeForm.value)
+    // 提示
+    if (result.success) {
+      $toast.success(`${subscribeForm.value.name} 更新成功！`)
+      // 通知父组件刷新
+      emit('save')
+    }
+    else { $toast.error(`${subscribeForm.value.name} 更新失败：${result.message}！`) }
+  }
+  catch (e) {
+    console.log(e)
+  }
+}
+
+// 获取站点列表数据
+async function loadSites() {
+  try {
+    const data: Site[] = await api.get('site/rss')
+
+    // 过滤站点，只有启用的站点才显示
+    siteList.value = data.filter(item => item.is_active)
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
+
+// 获取站点列表选择框数据
+async function getSiteList() {
+  // 加载订阅站点列表
+  if (!siteList.value.length)
+    await loadSites()
+
+  const maps = siteList.value.map((item) => {
+    return {
+      title: item.name,
+      value: item.id,
+    }
+  })
+
+  selectSitesOptions.value = maps.flat()
+}
+
+// 获取订阅信息
+async function getSubscribeInfo() {
+  try {
+    const result: Subscribe = await api.get(
+      `subscribe/${props.subid}`,
+    )
+    subscribeForm.value = result
+    subscribeForm.value.best_version = subscribeForm.value.best_version === 1
+  }
+  catch (e) {
+    console.log(e)
+  }
+}
+
+// 删除订阅
+async function removeSubscribe() {
+  try {
+    const result: { [key: string]: any } = await api.delete(
+      `subscribe/${props.subid}`,
+    )
+
+    if (result.success) {
+      // 通知父组件刷新
+      emit('remove')
+    }
+  }
+  catch (e) {
+    console.log(e)
+  }
+}
+
+watchEffect(() => {
+  if (props.subid)
+    getSubscribeInfo()
+})
+
+// 质量选择框数据
+const qualityOptions = ref([
+  {
+    title: '全部',
+    value: '',
+  },
+  {
+    title: '蓝光原盘',
+    value: 'Blu-?Ray.+VC-?1|Blu-?Ray.+AVC|UHD.+blu-?ray.+HEVC|MiniBD',
+  },
+  {
+    title: 'Remux',
+    value: 'Remux',
+  },
+  {
+    title: 'BluRay',
+    value: 'Blu-?Ray',
+  },
+  {
+    title: 'UHD',
+    value: 'UHD|UltraHD',
+  },
+  {
+    title: 'WEB-DL',
+    value: 'WEB-?DL|WEB-?RIP',
+  },
+  {
+    title: 'HDTV',
+    value: 'HDTV',
+  },
+  {
+    title: 'H265',
+    value: '[Hx].?265|HEVC',
+  },
+  {
+    title: 'H264',
+    value: '[Hx].?264|AVC',
+  },
+])
+
+// 分辨率选择框数据
+const resolutionOptions = ref([
+  {
+    title: '全部',
+    value: '',
+  },
+  {
+    title: '4k',
+    value: '4K|2160p|x2160',
+  },
+  {
+    title: '1080p',
+    value: '1080[pi]|x1080',
+  },
+  {
+    title: '720p',
+    value: '720[pi]|x720',
+  },
+])
+
+// 特效选择框数据
+const effectOptions = ref([
+  {
+    title: '全部',
+    value: '',
+  },
+  {
+    title: '杜比视界',
+    value: 'Dolby[\\s.]+Vision|DOVI|[\\s.]+DV[\\s.]+',
+  },
+  {
+    title: '杜比全景声',
+    value: 'Dolby[\\s.]*\\+?Atmos|Atmos',
+  },
+  {
+    title: 'HDR',
+    value: '[\\s.]+HDR[\\s.]+|HDR10|HDR10\\+',
+  },
+  {
+    title: 'SDR',
+    value: '[\\s.]+SDR[\\s.]+',
+  },
+])
+
+// 初始化
+onMounted(async () => {
+  // 加载订阅站点列表
+  getSiteList()
+})
+</script>
+
+<template>
+  <VBottomSheet
+    inset
+    scrollable
+  >
+    <VCard
+      :title="`编辑订阅 - ${subscribeForm.name} ${subscribeForm.season ? `第 ${subscribeForm.season} 季` : ''}`"
+      class="rounded-t"
+    >
+      <VCardText class="pt-2">
+        <DialogCloseBtn @click="emit('close')" />
+        <VForm @submit.prevent="() => {}">
+          <VRow>
+            <VCol
+              cols="12"
+              md="8"
+            >
+              <VTextField
+                v-model="subscribeForm.keyword"
+                label="搜索关键词"
+              />
+            </VCol>
+            <VCol
+              v-if="subscribeForm.type === '电视剧'"
+              cols="12"
+              md="2"
+            >
+              <VTextField
+                v-model="subscribeForm.total_episode"
+                label="总集数"
+                :rules="[numberValidator]"
+              />
+            </VCol>
+            <VCol
+              v-if="subscribeForm.type === '电视剧'"
+              cols="12"
+              md="2"
+            >
+              <VTextField
+                v-model="subscribeForm.start_episode"
+                label="开始集数"
+                :rules="[numberValidator]"
+              />
+            </VCol>
+          </VRow>
+          <VRow>
+            <VCol
+              cols="12"
+              md="4"
+            >
+              <VSelect
+                v-model="subscribeForm.quality"
+                label="质量"
+                :items="qualityOptions"
+              />
+            </VCol>
+            <VCol
+              cols="12"
+              md="4"
+            >
+              <VSelect
+                v-model="subscribeForm.resolution"
+                label="分辨率"
+                :items="resolutionOptions"
+              />
+            </VCol>
+            <VCol
+              cols="12"
+              md="4"
+            >
+              <VSelect
+                v-model="subscribeForm.effect"
+                label="特效"
+                :items="effectOptions"
+              />
+            </VCol>
+          </VRow>
+          <VRow>
+            <VCol
+              cols="12"
+              md="4"
+            >
+              <VTextField
+                v-model="subscribeForm.include"
+                label="包含（关键字、正则式）"
+              />
+            </VCol>
+            <VCol
+              cols="12"
+              md="4"
+            >
+              <VTextField
+                v-model="subscribeForm.exclude"
+                label="排除（关键字、正则式）"
+              />
+            </VCol>
+            <VCol
+              cols="12"
+              md="4"
+            >
+              <VSelect
+                v-model="subscribeForm.sites"
+                :items="selectSitesOptions"
+                chips
+                label="订阅站点"
+                multiple
+              />
+            </VCol>
+          </VRow>
+          <VRow>
+            <VCol cols="12">
+              <VSwitch
+                v-model="subscribeForm.best_version"
+                label="洗版"
+              />
+            </VCol>
+          </VRow>
+        </VForm>
+      </VCardText>
+
+      <VCardActions>
+        <VBtn color="error" @click="removeSubscribe">
+          取消订阅
+        </VBtn>
+        <VSpacer />
+        <VBtn
+          variant="tonal"
+          @click="updateSubscribeInfo"
+        >
+          保存
+        </VBtn>
+      </VCardActions>
+    </VCard>
+  </VBottomSheet>
+</template>
--- a/src/components/render/FormRender.vue
+++ b/src/components/render/FormRender.vue
@@ -5,6 +5,7 @@ import { type PropType, ref } from 'vue'
 interface RenderProps {
  component: string
  text: string
+  html: string
  content?: any
  props?: any
 }
@@ -16,9 +17,10 @@ const elementProps = defineProps({
 })

 // 配置元素
-const formItem = ref<RenderProps>(elementProps.config || {
+const formItem = ref<RenderProps>(elementProps.config ?? {
  component: 'div',
  text: '',
+  html: '',
  props: {},
  content: [],
 })
@@ -30,6 +32,7 @@ const formData = ref<any>(elementProps.form || {})
 <template>
  <Component
    :is="formItem.component"
+    v-if="!formItem.html"
    v-bind="formItem.props"
    v-model="formData[formItem.props?.model || '']"
  >
@@ -42,4 +45,10 @@ const formData = ref<any>(elementProps.form || {})
      :form="formData"
    />
  </Component>
+  <Component
+    :is="formItem.component"
+    v-if="formItem.html"
+    v-bind="formItem.props"
+    v-html="formItem.html"
+  />
 </template>
--- a/src/components/render/PageRender.vue
+++ b/src/components/render/PageRender.vue
@@ -13,11 +13,10 @@ interface RenderProps {
 // 输入参数
 const elementProps = defineProps({
  config: Object as PropType<RenderProps>,
-  handler: Boolean,
 })

 // 配置元素
-const formItem = ref<RenderProps>(elementProps.config || {
+const formItem = ref<RenderProps>(elementProps.config ?? {
  component: 'div',
  text: '',
  html: '',
--- a/src/components/slide/SlideView.vue
+++ b/src/components/slide/SlideView.vue
@@ -11,6 +11,8 @@ const props = defineProps({
 const slideview_content = ref()
 // 分页切换状态
 const disabled = ref(0)
+// 记录滚动值
+const slideview_scrollLeft = ref(0)
 // 所有卡片数量
 let slide_card_length: number
 // 卡片间距
@@ -58,6 +60,7 @@ function countMaxNumber() {

 // 修改分页切换按钮状态
 function countDisabled() {
+  slideview_scrollLeft.value = slideview_content.value.scrollLeft
  card_current = slideview_content.value.scrollLeft === 0 ? 0 : Math.trunc((slideview_content.value.scrollLeft + card_width / 2) / card_width)
  if (slide_card_length * card_width <= slideview_content.value.clientWidth)
    disabled.value = 3
@@ -81,6 +84,12 @@ onUnmounted(() => {
  // 卸载事件
  window.removeEventListener('resize', countMaxNumber)
 })
+onActivated(() => {
+  if (slideview_scrollLeft.value !== 0) {
+    // console.log(`onActivated: to_scrollLeft, ${slideview_scrollLeft.value}`)
+    slideview_content.value.scrollLeft = slideview_scrollLeft.value
+  }
+})
 </script>

 <template>
--- a/src/layouts/components/DefaultLayoutWithVerticalNav.vue
+++ b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
@@ -9,6 +9,10 @@ import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue'
 import SearchBar from '@/layouts/components/SearchBar.vue'
 import ShortcutBar from '@/layouts/components/ShortcutBar.vue'
 import UserProfile from '@/layouts/components/UserProfile.vue'
+import store from '@/store'
+
+// 从Vuex Store中获取superuser信息
+const superUser = store.state.auth.superUser
 </script>

 <template>
@@ -87,6 +91,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
        }"
      />
      <VerticalNavLink
+        v-if="superUser"
        :item="{
          title: '电影',
          icon: 'mdi-movie-check-outline',
@@ -94,19 +99,13 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
        }"
      />
      <VerticalNavLink
+        v-if="superUser"
        :item="{
          title: '电视剧',
          icon: 'mdi-television-classic',
          to: '/subscribe-tv',
        }"
      />
-      <VerticalNavLink
-        :item="{
-          title: '自定义',
-          icon: 'mdi-rss',
-          to: '/subscribe-rss',
-        }"
-      />
      <VerticalNavLink
        :item="{
          title: '日历',
@@ -128,20 +127,31 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
        }"
      />
      <VerticalNavLink
+        v-if="superUser"
        :item="{
          title: '历史记录',
          icon: 'mdi-history',
          to: '/history',
        }"
      />
+      <VerticalNavLink
+        v-if="superUser"
+        :item="{
+          title: '文件管理',
+          icon: 'mdi-folder-multiple-outline',
+          to: '/filemanager',
+        }"
+      />

      <!-- 👉 系统 -->
      <VerticalNavSectionTitle
+        v-if="superUser"
        :item="{
          heading: '系统',
        }"
      />
      <VerticalNavLink
+        v-if="superUser"
        :item="{
          title: '插件',
          icon: 'mdi-apps',
@@ -149,6 +159,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
        }"
      />
      <VerticalNavLink
+        v-if="superUser"
        :item="{
          title: '站点管理',
          icon: 'mdi-web',
@@ -156,6 +167,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
        }"
      />
      <VerticalNavLink
+        v-if="superUser"
        :item="{
          title: '设定',
          icon: 'mdi-cog',
--- a/src/layouts/components/NavbarThemeSwitcher.vue
+++ b/src/layouts/components/NavbarThemeSwitcher.vue
@@ -10,6 +10,10 @@ const themes: ThemeSwitcherTheme[] = [
    name: 'dark',
    icon: 'mdi-weather-night',
  },
+  {
+    name: 'purple',
+    icon: 'mdi-brightness-4',
+  },
 ]
 </script>

--- a/src/layouts/components/SearchBar.vue
+++ b/src/layouts/components/SearchBar.vue
@@ -8,6 +8,9 @@ const searchWord = ref<string>('')
 // 搜索弹窗
 const searchDialog = ref(false)

+// ref
+const searchWordInput = ref<HTMLElement | null>(null)
+
 // Search
 function search() {
  if (!searchWord.value)
@@ -21,6 +24,14 @@ function search() {
    },
  })
 }
+
+// 打开搜索弹窗
+function openSearchDialog() {
+  searchDialog.value = true
+  nextTick(() => {
+    searchWordInput.value?.focus()
+  })
+}
 </script>

 <template>
@@ -31,26 +42,19 @@ function search() {
  >
    <VDialog
      v-model="searchDialog"
-      max-width="600"
+      max-width="50rem"
      transition="dialog-top-transition"
    >
-      <!-- Dialog Activator -->
-      <template #activator="{ props }">
-        <IconBtn
-          class="d-lg-none"
-          v-bind="props"
-        >
-          <VIcon icon="mdi-magnify" />
-        </IconBtn>
-      </template>
      <!-- Dialog Content -->
      <VCard title="搜索">
        <VCardText>
          <VRow>
            <VCol cols="12">
              <VTextField
+                ref="searchWordInput"
                v-model="searchWord"
                label="电影、电视剧名称"
+                @keydown.enter="search"
              />
            </VCol>
          </VRow>
@@ -59,8 +63,8 @@ function search() {
        <VCardActions>
          <VSpacer />
          <VBtn
+            variant="tonal"
            @click="search"
-            @keydown.enter="search"
          >
            搜索
          </VBtn>
@@ -68,7 +72,13 @@ function search() {
      </VCard>
    </VDialog>
  </div>
-
+  <!-- 👉 Search Icon -->
+  <IconBtn
+    class="d-lg-none"
+    @click="openSearchDialog"
+  >
+    <VIcon icon="mdi-magnify" />
+  </IconBtn>
  <!-- 👉 Search Textfield -->
  <span class="w-1/5">
    <VTextField
--- a/src/layouts/components/ShortcutBar.vue
+++ b/src/layouts/components/ShortcutBar.vue
@@ -1,6 +1,8 @@
 <script lang="ts" setup>
 import NameTestView from '@/views/system/NameTestView.vue'
 import NetTestView from '@/views/system/NetTestView.vue'
+import LoggingView from '@/views/system/LoggingView.vue'
+import RuleTestView from '@/views/system/RuleTestView.vue'

 // App捷径
 const appsMenu = ref(false)
@@ -10,6 +12,12 @@ const nameTestDialog = ref(false)

 // 网络测试弹窗
 const netTestDialog = ref(false)
+
+// 实时日志弹窗
+const loggingDialog = ref(false)
+
+// 过滤规则弹窗
+const ruleTestDialog = ref(false)
 </script>

 <template>
@@ -86,13 +94,57 @@ const netTestDialog = ref(false)
            </VListItem>
          </VCol>
        </VRow>
+        <VRow class="ma-0 mt-n1 border-t">
+          <VCol
+            cols="6"
+            class="text-center cursor-pointer pa-0 shortcut-icon border-e"
+            @click="() => {}"
+          >
+            <VListItem
+              class="pa-4"
+              @click="loggingDialog = true"
+            >
+              <VAvatar
+                size="48"
+                variant="tonal"
+              >
+                <VIcon icon="mdi-file-document-outline" />
+              </VAvatar>
+              <h6 class="text-base font-weight-medium mt-2 mb-0">
+                日志
+              </h6>
+              <span class="text-sm">系统实时日志</span>
+            </VListItem>
+          </VCol>
+          <VCol
+            cols="6"
+            class="text-center cursor-pointer pa-0 shortcut-icon border-e"
+            @click="() => {}"
+          >
+            <VListItem
+              class="pa-4"
+              @click="ruleTestDialog = true"
+            >
+              <VAvatar
+                size="48"
+                variant="tonal"
+              >
+                <VIcon icon="mdi-filter-cog-outline" />
+              </VAvatar>
+              <h6 class="text-base font-weight-medium mt-2 mb-0">
+                优先级
+              </h6>
+              <span class="text-sm">优先级规则测试</span>
+            </VListItem>
+          </VCol>
+        </VRow>
      </div>
    </VCard>
  </VMenu>
  <!-- 名称测试弹窗 -->
  <VDialog
    v-model="nameTestDialog"
-    max-width="800"
+    max-width="50rem"
  >
    <VCard title="名称识别测试">
      <DialogCloseBtn @click="nameTestDialog = false" />
@@ -104,7 +156,7 @@ const netTestDialog = ref(false)
  <!-- 网络测试弹窗 -->
  <VDialog
    v-model="netTestDialog"
-    max-width="600"
+    max-width="35rem"
  >
    <VCard title="网络测试">
      <DialogCloseBtn @click="netTestDialog = false" />
@@ -113,4 +165,30 @@ const netTestDialog = ref(false)
      </VCardItem>
    </VCard>
  </VDialog>
+  <!-- 实时日志弹窗 -->
+  <VDialog
+    v-model="loggingDialog"
+    class="w-full lg:w-4/5"
+    scrollable
+  >
+    <VCard title="实时日志">
+      <DialogCloseBtn @click="loggingDialog = false" />
+      <VCardText>
+        <LoggingView />
+      </VCardText>
+    </VCard>
+  </VDialog>
+  <!-- 规则测试弹窗 -->
+  <VDialog
+    v-model="ruleTestDialog"
+    max-width="50rem"
+    scrollable
+  >
+    <VCard title="优先级测试">
+      <DialogCloseBtn @click="ruleTestDialog = false" />
+      <VCardText>
+        <RuleTestView />
+      </VCardText>
+    </VCard>
+  </VDialog>
 </template>
--- a/src/layouts/components/UserProfile.vue
+++ b/src/layouts/components/UserProfile.vue
@@ -1,10 +1,23 @@
 <script setup lang="ts">
 import { useStore } from 'vuex'
+import { useConfirm } from 'vuetify-use-dialog'
+import { useToast } from 'vue-toast-notification'
 import router from '@/router'
+import avatar1 from '@images/avatars/avatar-1.png'
+import api from '@/api'

 // Vuex Store
 const store = useStore()

+// 确认框
+const createConfirm = useConfirm()
+
+// 提示框
+const $toast = useToast()
+
+// 进度框
+const progressDialog = ref(false)
+
 // 执行注销操作
 function logout() {
  // 清除登录状态信息
@@ -14,8 +27,48 @@ function logout() {
  router.push('/login')
 }

-// 获取当前用户信息
-const accountInfo: any = inject('accountInfo')
+// 执行重启操作
+async function restart() {
+  // 弹出提示
+  const confirmed = await createConfirm({
+    title: '确认',
+    content: '确认重启系统吗？',
+    confirmationText: '确认',
+    cancellationText: '取消',
+    dialogProps: {
+      maxWidth: '30rem',
+    },
+    cancellationButtonProps: {
+      variant: 'tonal',
+    },
+  })
+
+  if (confirmed) {
+    // 调用API重启
+    try {
+      // 显示等待框
+      progressDialog.value = true
+      const result: { [key: string]: any } = await api.get('system/restart')
+      if (!result?.success) {
+        // 隐藏等待框
+        progressDialog.value = false
+        // 重启不成功
+        $toast.error(result.message)
+        return
+      }
+    }
+    catch (error) {
+      console.error(error)
+    }
+    // 注销
+    logout()
+  }
+}
+
+// 从Vuex Store中获取信息
+const superUser = store.state.auth.superUser
+const userName = store.state.auth.userName
+const avatar = store.state.auth.avatar
 </script>

 <template>
@@ -24,7 +77,7 @@ const accountInfo: any = inject('accountInfo')
    color="primary"
    variant="tonal"
  >
-    <VImg :src="accountInfo.avatar" />
+    <VImg :src="avatar ?? avatar1" />

    <!-- SECTION Menu -->
    <VMenu
@@ -42,20 +95,21 @@ const accountInfo: any = inject('accountInfo')
                color="primary"
                variant="tonal"
              >
-                <VImg :src="accountInfo.avatar" />
+                <VImg :src="avatar ?? avatar1" />
              </VAvatar>
            </VListItemAction>
          </template>

          <VListItemTitle class="font-weight-semibold">
-            {{ accountInfo.is_superuser ? "管理员" : "普通用户" }}
+            {{ superUser ? "管理员" : "普通用户" }}
          </VListItemTitle>
-          <VListItemSubtitle>{{ accountInfo.name }}</VListItemSubtitle>
+          <VListItemSubtitle>{{ userName }}</VListItemSubtitle>
        </VListItem>
        <VDivider class="my-2" />

        <!-- 👉 Profile -->
        <VListItem
+          v-if="superUser"
          link
          to="setting"
        >
@@ -89,6 +143,19 @@ const accountInfo: any = inject('accountInfo')
        <!-- Divider -->
        <VDivider class="my-2" />

+        <!-- 👉 restart -->
+        <VListItem @click="restart">
+          <template #prepend>
+            <VIcon
+              class="me-2"
+              icon="mdi-restart"
+              size="22"
+            />
+          </template>
+
+          <VListItemTitle>重启</VListItemTitle>
+        </VListItem>
+
        <!-- 👉 Logout -->
        <VListItem @click="logout">
          <template #prepend>
@@ -105,4 +172,22 @@ const accountInfo: any = inject('accountInfo')
    </VMenu>
    <!-- !SECTION -->
  </VAvatar>
+  <!-- 重启进度框 -->
+  <vDialog
+    v-model="progressDialog"
+    width="25rem"
+  >
+    <vCard
+      color="primary"
+    >
+      <vCardText class="text-center">
+        正在重启 ...
+        <vProgressLinear
+          indeterminate
+          color="white"
+          class="mb-0 mt-1"
+        />
+      </vCardText>
+    </vCard>
+  </vDialog>
 </template>
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -6,14 +6,14 @@ import DefaultLayoutWithVerticalNav from './components/DefaultLayoutWithVertical
  <DefaultLayoutWithVerticalNav>
    <router-view v-slot="{ Component }">
      <keep-alive>
-        <component :is="Component" v-if="$route.meta.keepAlive" :key="$route.name" />
+        <component :is="Component" v-if="$route.meta.keepAlive" :key="$route.fullPath" />
      </keep-alive>
-      <component :is="Component" v-if="!$route.meta.keepAlive" :key="$route.name" />
+      <component :is="Component" v-if="!$route.meta.keepAlive" :key="$route.fullPath" />
    </router-view>
  </DefaultLayoutWithVerticalNav>
 </template>

 <style lang="scss">
 // As we are using `layouts` plugin we need its styles to be imported
-@use '@layouts/styles/default-layout';
+@use "@layouts/styles/default-layout";
 </style>
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,7 +2,6 @@ import { createApp } from 'vue'
 import '@/@iconify/icons-bundle'
 import ToastPlugin from 'vue-toast-notification'
 import VuetifyUseDialog from 'vuetify-use-dialog'
-import { configureNProgress, doneNProgress, startNProgress } from '@/api/nprogress'
 import App from '@/App.vue'
 import vuetify from '@/plugins/vuetify'
 import { loadFonts } from '@/plugins/webfontloader'
@@ -11,54 +10,22 @@ import store from '@/store'
 import '@core/scss/template/index.scss'
 import '@layouts/styles/index.scss'
 import '@styles/styles.scss'
-import 'vue-toast-notification/dist/theme-default.css'
+import 'vue-toast-notification/dist/theme-bootstrap.css'
+import { removeEl } from '@/util'

 loadFonts()

-// Nprogress
-configureNProgress()
-
 // Create vue app
 const app = createApp(App)

 // Use plugins Mount vue app
-app.use(vuetify)
+app
+  .use(vuetify)
  .use(router)
  .use(store)
  .use(ToastPlugin, {
    position: 'bottom-right',
  })
-  .use(VuetifyUseDialog).mount('#app')
-
-// 记录和恢复滚动位置
-const scrollPositions: { [key: string]: number } = {} // 用于存储每个路由的滚动位置
-
-// 路由导航守卫
-router.beforeEach((to, from, next) => {
-  const isAuthenticated = store.state.auth.token !== null
-
-  if (to.meta.requiresAuth && !isAuthenticated) {
-    next('/login')
-  }
-  else {
-    // 只有 meta 中 keepAlive 为 true 的情况下才记录滚动位置
-    if (from.meta.keepAlive)
-      scrollPositions[from.fullPath] = window.scrollY
-
-    startNProgress()
-    next()
-  }
-})
-
-router.afterEach((to) => {
-  // 只有 meta 中 keepAlive 为 true 的情况下才恢复滚动位置
-  if (to.meta.keepAlive) {
-    const savedPosition = scrollPositions[to.fullPath]
-    if (savedPosition !== undefined) {
-      setTimeout(() => {
-        window.scrollTo(0, savedPosition)
-      }, 0)
-    }
-  }
-  doneNProgress()
-})
+  .use(VuetifyUseDialog)
+  .mount('#app')
+  .$nextTick(() => removeEl('#loading-bg'))
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import AnalyticsMediaStatistic from '@/views/dashboard/AnalyticsMediaStatistic.vue'
-import AnalyticsProcesses from '@/views/dashboard/AnalyticsProcesses.vue'
 import AnalyticsScheduler from '@/views/dashboard/AnalyticsScheduler.vue'
 import AnalyticsSpeed from '@/views/dashboard/AnalyticsSpeed.vue'
 import AnalyticsStorage from '@/views/dashboard/AnalyticsStorage.vue'
 import AnalyticsWeeklyOverview from '@/views/dashboard/AnalyticsWeeklyOverview.vue'
+import AnalyticsCpu from '@/views/dashboard/AnalyticsCpu.vue'
+import AnalyticsMemory from '@/views/dashboard/AnalyticsMemory.vue'
 </script>

 <template>
@@ -44,8 +45,18 @@ import AnalyticsWeeklyOverview from '@/views/dashboard/AnalyticsWeeklyOverview.v
      <AnalyticsScheduler />
    </VCol>

-    <VCol cols="12">
-      <AnalyticsProcesses />
+    <VCol
+      cols="12"
+      md="6"
+    >
+      <AnalyticsCpu />
+    </VCol>
+
+    <VCol
+      cols="12"
+      md="6"
+    >
+      <AnalyticsMemory />
    </VCol>
  </VRow>
 </template>
--- a/src/pages/filemanager.vue
+++ b/src/pages/filemanager.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import FileBrowserView from '@/views/reorganize/FileBrowserView.vue'
+</script>
+
+<template>
+  <FileBrowserView />
+</template>
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -66,10 +66,16 @@ function login() {
    .then((response: any) => {
      // 获取token
      const token = response.access_token
+      const superuser = response.super_user
+      const username = response.user_name
+      const avatar = response.avatar

      // 更新token和remember状态到Vuex Store
      store.dispatch('auth/updateToken', token)
      store.dispatch('auth/updateRemember', form.value.remember)
+      store.dispatch('auth/updateSuperUser', superuser)
+      store.dispatch('auth/updateUserName', username)
+      store.dispatch('auth/updateAvatar', avatar)

      // 跳转到首页
      router.push('/')
@@ -124,7 +130,7 @@ onMounted(() => {
        <VCardItem class="justify-center mb-7">
          <template #prepend>
            <div class="d-flex pe-0">
-              <VImg :src="logo" width="64" />
+              <VImg :src="logo" width="64" height="64" />
            </div>
          </template>

--- a/src/pages/ranking.vue
+++ b/src/pages/ranking.vue
@@ -10,6 +10,12 @@ import MediaCardSlideView from '@/views/discover/MediaCardSlideView.vue'
      title="流行趋势"
    />

+    <MediaCardSlideView
+      apipath="douban/showing"
+      linkurl="/browse/douban/showing?title=正在热映"
+      title="正在热映"
+    />
+
    <MediaCardSlideView
      apipath="tmdb/movies"
      linkurl="/browse/tmdb/movies?title=热门电影"
@@ -22,6 +28,12 @@ import MediaCardSlideView from '@/views/discover/MediaCardSlideView.vue'
      title="热门电视剧"
    />

+    <MediaCardSlideView
+      apipath="douban/tv_animation"
+      linkurl="/browse/douban/tv_animation?title=热门动漫"
+      title="热门动漫"
+    />
+
    <MediaCardSlideView
      apipath="douban/movies"
      linkurl="/browse/douban/movies?title=最新电影"
--- a/src/pages/resource.vue
+++ b/src/pages/resource.vue
@@ -1,5 +1,9 @@
 <script setup lang="ts">
+import api from '@/api'
+import type { Context } from '@/api/types'
+import store from '@/store'
 import TorrentCardListView from '@/views/discover/TorrentCardListView.vue'
+import TorrentRowListView from '@/views/discover/TorrentRowListView.vue'

 // 路由参数
 const route = useRoute()
@@ -12,14 +16,128 @@ const type = route.query?.type?.toString() ?? ''

 // 搜索字段
 const area = route.query?.area?.toString() ?? ''
+
+// 视图类型，从localStorage中读取
+const viewType = ref<string>(localStorage.getItem('MPTorrentsViewType') ?? 'card')
+
+// 数据列表
+const dataList = ref<Array<Context>>([])
+
+// 是否刷新过
+const isRefreshed = ref(false)
+
+// 加载进度文本
+const progressText = ref('')
+
+// 加载进度
+const progressValue = ref(0)
+
+// 加载进度SSE
+const progressEventSource = ref<EventSource>()
+
+// 使用SSE监听加载进度
+function startLoadingProgress() {
+  progressText.value = '正在搜索，请稍候...'
+
+  const token = store.state.auth.token
+
+  progressEventSource.value = new EventSource(
+    `${import.meta.env.VITE_API_BASE_URL}system/progress/search?token=${token}`,
+  )
+  progressEventSource.value.onmessage = (event) => {
+    const progress = JSON.parse(event.data)
+    if (progress) {
+      progressText.value = progress.text
+      progressValue.value = progress.value
+    }
+  }
+}
+
+// 停止监听加载进度
+function stopLoadingProgress() {
+  progressEventSource.value?.close()
+}
+
+// 设置视图类型
+function setViewType(type: string) {
+  localStorage.setItem('MPTorrentsViewType', type)
+  viewType.value = type
+}
+
+// 获取搜索列表数据
+async function fetchData() {
+  try {
+    if (!keyword) {
+      // 查询上次搜索结果
+      dataList.value = await api.get('search/last')
+    }
+    else {
+      startLoadingProgress()
+      // 优先按TMDBID精确查询
+      if (keyword?.startsWith('tmdb:') || keyword?.startsWith('douban:')) {
+        dataList.value = await api.get(`search/media/${keyword}`, {
+          params: {
+            mtype: type,
+            area,
+          },
+        })
+      }
+      else {
+        // 按标题模糊查询
+        dataList.value = await api.get(`search/title/${keyword}`)
+      }
+      stopLoadingProgress()
+    }
+    // 标记已刷新
+    isRefreshed.value = true
+  }
+  catch (error) {
+    console.error(error)
+    return Promise.reject(error)
+  }
+}
+
+// 加载数据
+onMounted(() => {
+  fetchData()
+})
 </script>

 <template>
-  <div>
+  <div v-if="!isRefreshed" class="mt-12 w-full text-center text-gray-500 text-sm flex flex-col items-center">
+    <VProgressCircular v-if="!keyword" size="48" indeterminate color="primary" />
+    <VProgressCircular v-if="keyword" class="mb-3" color="primary" :model-value="progressValue" size="64" />
+    <span>{{ progressText }}</span>
+  </div>
+  <NoDataFound
+    v-if="dataList.length === 0 && isRefreshed"
+    error-code="404"
+    error-title="没有资源"
+    error-description="没有搜索到符合条件的资源。"
+  />
+  <div v-if="dataList.length > 0">
+    <TorrentRowListView
+      v-if="viewType === 'list'"
+      :items="dataList"
+    />
    <TorrentCardListView
-      :keyword="keyword"
-      :type="type"
-      :area="area"
+      v-else
+      :items="dataList"
    />
  </div>
+  <!-- 视图切换 -->
+  <span v-if="dataList.length > 0" class="fixed right-5 bottom-5">
+    <VBtn
+      v-if="viewType === 'list'"
+      icon="mdi-view-grid"
+      color="primary"
+      @click="setViewType('card')"
+    />
+    <VBtn
+      v-else
+      icon="mdi-view-list"
+      color="primary"
+      @click="setViewType('list')"
+    />
+  </span>
 </template>
--- a/src/pages/setting.vue
+++ b/src/pages/setting.vue
@@ -2,11 +2,12 @@
 import { useRoute } from 'vue-router'
 import AccountSettingAccount from '@/views/setting/AccountSettingAccount.vue'
 import AccountSettingNotification from '@/views/setting/AccountSettingNotification.vue'
-import AccountSettingRule from '@/views/setting/AccountSettingRule.vue'
 import AccountSettingSite from '@/views/setting/AccountSettingSite.vue'
 import AccountSettingWords from '@/views/setting/AccountSettingWords.vue'
-import AccountSettingLogging from '@/views/setting/AccountSettingLogging.vue'
 import AccountSettingAbout from '@/views/setting/AccountSettingAbout.vue'
+import AccountSettingSearch from '@/views/setting/AccountSettingSearch.vue'
+import AccountSettingSubscribe from '@/views/setting/AccountSettingSubscribe.vue'
+import AccountSettingService from '@/views/setting/AccountSettingService.vue'

 const route = useRoute()

@@ -25,9 +26,19 @@ const tabs = [
    tab: 'site',
  },
  {
-    title: '规则',
-    icon: 'mdi-filter-cog',
-    tab: 'filter',
+    title: '搜索',
+    icon: 'mdi-magnify',
+    tab: 'search',
+  },
+  {
+    title: '订阅',
+    icon: 'mdi-rss',
+    tab: 'subscribe',
+  },
+  {
+    title: '服务',
+    icon: 'mdi-list-box',
+    tab: 'service',
  },
  {
    title: '通知',
@@ -39,11 +50,6 @@ const tabs = [
    icon: 'mdi-file-word-box',
    tab: 'words',
  },
-  {
-    title: '日志',
-    icon: 'mdi-text-box',
-    tab: 'logging',
-  },
  {
    title: '关于',
    icon: 'mdi-information',
@@ -54,7 +60,10 @@ const tabs = [

 <template>
  <div>
-    <VTabs v-model="activeTab" show-arrows>
+    <VTabs
+      v-model="activeTab"
+      show-arrows
+    >
      <VTab v-for="item in tabs" :key="item.icon" :value="item.tab">
        <VIcon size="20" start :icon="item.icon" />
        {{ item.title }}
@@ -62,47 +71,59 @@ const tabs = [
    </VTabs>
    <VDivider />

-    <VWindow v-model="activeTab" class="mt-5 disable-tab-transition">
-      <!-- Account -->
+    <VWindow
+      v-model="activeTab"
+      class="mt-5 disable-tab-transition"
+      :touch="false"
+    >
+      <!-- 用户 -->
      <VWindowItem value="account">
        <transition name="fade-slide" appear>
          <AccountSettingAccount />
        </transition>
      </VWindowItem>

-      <!-- System -->
+      <!-- 站点 -->
      <VWindowItem value="site">
        <transition name="fade-slide" appear>
          <AccountSettingSite />
        </transition>
      </VWindowItem>

-      <!-- Notification -->
-      <VWindowItem value="filter">
+      <!-- 搜索 -->
+      <VWindowItem value="search">
        <transition name="fade-slide" appear>
-          <AccountSettingRule />
+          <AccountSettingSearch />
        </transition>
      </VWindowItem>

-      <!-- Notification -->
+      <!-- 订阅 -->
+      <VWindowItem value="subscribe">
+        <transition name="fade-slide" appear>
+          <AccountSettingSubscribe />
+        </transition>
+      </VWindowItem>
+
+      <!-- 服务 -->
+      <VWindowItem value="service">
+        <transition name="fade-slide" appear>
+          <AccountSettingService />
+        </transition>
+      </VWindowItem>
+
+      <!-- 通知 -->
      <VWindowItem value="notification">
        <transition name="fade-slide" appear>
          <AccountSettingNotification />
        </transition>
      </VWindowItem>
-      <!-- Words -->
+      <!-- 词表 -->
      <VWindowItem value="words">
        <transition name="fade-slide" appear>
          <AccountSettingWords />
        </transition>
      </VWindowItem>
-      <!-- Logging -->
-      <VWindowItem value="logging">
-        <transition name="fade-slide" appear>
-          <AccountSettingLogging />
-        </transition>
-      </VWindowItem>
-      <!-- About -->
+      <!-- 关于 -->
      <VWindowItem value="about">
        <transition name="fade-slide" appear>
          <AccountSettingAbout />
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
jxxghp	789aac60c9	更新 package.json	2023-10-13 22:39:49 +08:00
jxxghp	2c73a8f3e1	fix ui	2023-10-13 22:37:04 +08:00
jxxghp	539bc656f8	fix	2023-10-13 22:33:58 +08:00
jxxghp	feda0cad2d	feat 默认过滤规则拆分	2023-10-13 21:28:34 +08:00
jxxghp	c723d89739	fix	2023-10-13 17:30:14 +08:00
jxxghp	0a0e7a059a	fix	2023-10-13 17:29:23 +08:00
jxxghp	0263fbbee6	fix	2023-10-13 17:26:12 +08:00
jxxghp	e205296e22	feat 订阅实时编辑	2023-10-13 17:24:18 +08:00
jxxghp	261f5a9c68	fix #822	2023-10-13 15:14:26 +08:00
jxxghp	fa097651f4	fix rules	2023-10-13 11:41:27 +08:00
jxxghp	c94d5f7e7d	fix bug	2023-10-12 22:45:59 +08:00
jxxghp	e34f18799f	fix	2023-10-12 22:25:15 +08:00
jxxghp	1681a311f7	fix	2023-10-12 21:44:48 +08:00
jxxghp	da08d8ec19	fix ui	2023-10-12 21:36:08 +08:00
jxxghp	730178c838	fix	2023-10-12 20:02:24 +08:00
jxxghp	a04450ae98	feat 60fps	2023-10-12 17:06:37 +08:00
jxxghp	2b2fd66a29	fix bug	2023-10-12 16:31:17 +08:00
jxxghp	58fe08ad3d	build ui	2023-10-12 16:30:27 +08:00
jxxghp	240d6bede0	fix ui	2023-10-12 16:26:05 +08:00
jxxghp	23d808f8b1	feat 资源页面视图切换	2023-10-12 16:09:15 +08:00
jxxghp	2f293706cb	fix	2023-10-12 09:46:04 +08:00
jxxghp	9aaaf0c520	feat 更多订阅设置项	2023-10-12 09:43:55 +08:00
jxxghp	6694e7e929	feat 搜索框聚焦、发现页缓存	2023-10-12 08:13:05 +08:00
jxxghp	d3768cb994	feat switch view button	2023-10-11 21:30:59 +08:00
jxxghp	c59d3e28b9	feat torrents page	2023-10-11 21:21:49 +08:00
jxxghp	914239f434	feat 热门动漫	2023-10-11 16:12:38 +08:00
jxxghp	7a5d04dc53	add rclone	2023-10-11 11:47:45 +08:00
jxxghp	110fe39e72	Merge pull request #50 from thsrite/main fix customization	2023-10-10 13:57:14 +08:00
thsrite	9689a86151	fix customization	2023-10-10 13:54:57 +08:00
jxxghp	6462ae5956	fix	2023-10-10 09:15:01 +08:00
jxxghp	053963d050	nginx conf	2023-10-10 08:36:09 +08:00
jxxghp	8a95549118	remove win builder	2023-10-10 08:09:29 +08:00
jxxghp	46e8fa551c	fix plugin uri	2023-10-10 08:06:34 +08:00
jxxghp	be2034d75b	fix build	2023-10-09 21:28:39 +08:00
jxxghp	634fa58048	fix build	2023-10-09 19:21:51 +08:00
jxxghp	cd5c093557	fix build	2023-10-09 19:16:14 +08:00
jxxghp	76cf86385e	add pkg	2023-10-09 19:13:31 +08:00
jxxghp	5c5ed5d7ee	add express	2023-10-09 18:40:55 +08:00
jxxghp	47e7a37667	Merge pull request #48 from thsrite/customization	2023-10-08 12:22:40 +08:00
thsrite	d642ab42be	feat 自定义占位符	2023-10-08 12:13:21 +08:00
jxxghp	b4de1c99d5	repack	2023-10-08 09:19:23 +08:00
jxxghp	53e35eb9ff	fix ui	2023-10-08 09:05:37 +08:00
jxxghp	b222098ec5	Update package.json	2023-10-07 05:55:15 -07:00
jxxghp	bb8cf7ed78	Merge pull request #47 from thsrite/main feat 药丸论坛签到	2023-10-07 20:54:37 +08:00
thsrite	0219ce3a9c	Merge remote-tracking branch 'origin/main' into main	2023-10-07 20:50:07 +08:00
thsrite	b82e5d7cba	feat 药丸论坛签到	2023-10-07 20:49:59 +08:00
jxxghp	ccee71e638	fix ui	2023-09-29 08:55:33 +08:00
jxxghp	cba0e739eb	更新 package.json	2023-09-28 17:55:17 +08:00
jxxghp	c569cb9cde	add icon	2023-09-28 17:11:04 +08:00
jxxghp	fc585a3900	v1.2.7	2023-09-28 16:16:04 +08:00
jxxghp	973f8529c2	Merge pull request #46 from thsrite/main feat 自动清理媒体库插件icon	2023-09-28 15:46:36 +08:00
thsrite	1ff9dc50fd	feat 自动清理媒体库插件icon	2023-09-28 15:12:15 +08:00
jxxghp	065c9053da	fix ui	2023-09-28 12:52:44 +08:00
jxxghp	6905be1bcd	fix #681	2023-09-28 09:58:39 +08:00
jxxghp	a550f9616c	feat 批量整理进度条	2023-09-27 14:26:59 +08:00
jxxghp	bcee3e5373	v1.2.6	2023-09-27 10:19:05 +08:00
jxxghp	d377ced6b6	feat 优先级规则支持动态调整	2023-09-27 09:42:28 +08:00
jxxghp	6e0ceb093c	feat 批量重新整理	2023-09-27 08:59:09 +08:00
jxxghp	745f99e52e	feat 历史记录批量重新整理	2023-09-27 08:45:55 +08:00
jxxghp	7197034eda	fix ui	2023-09-24 19:52:55 +08:00
jxxghp	264748652f	fix	2023-09-24 19:47:28 +08:00
jxxghp	48e214564a	v1.2.5	2023-09-24 19:30:37 +08:00
jxxghp	5424e7e02a	fix ui	2023-09-24 12:26:42 +08:00
jxxghp	0c9c70b067	feat 服务设置	2023-09-24 11:14:27 +08:00
jxxghp	0ff24f4b09	fix torrent ui	2023-09-23 11:55:49 +08:00
jxxghp	cfa75b7643	rename	2023-09-23 08:32:24 +08:00
jxxghp	b72ad1d78d	Merge pull request #45 from jianxcao/feature-url-307 feat: 修改url地址，防止307成错误的url地址	2023-09-22 15:34:14 +08:00
jxxghp	5d1f293606	feat SynologyChat	2023-09-22 15:32:51 +08:00
jianxiong.cao	2dc0eca4aa	feat: 修改url地址，防止307成错误的url地址	2023-09-22 15:11:52 +08:00
jxxghp	f5808c1c81	fix 光标聚焦	2023-09-22 13:49:00 +08:00
jxxghp	321037477f	fix placeholder	2023-09-22 11:03:58 +08:00
jxxghp	43589c66e9	fix bug	2023-09-22 09:20:41 +08:00
jxxghp	435f299a8b	fix ui	2023-09-22 07:27:27 +08:00
jxxghp	083db80251	更新 MediaCard.vue	2023-09-21 23:21:04 +08:00
jxxghp	92bf520cf4	fix	2023-09-21 23:06:51 +08:00
jxxghp	ab354f21c4	fix ui	2023-09-21 22:57:54 +08:00
jxxghp	c7a2c045c7	fix ui	2023-09-21 22:50:35 +08:00
jxxghp	d33c8942e4	fix ui	2023-09-21 22:28:18 +08:00
jxxghp	5e630097b9	更新 MediaCard.vue	2023-09-21 21:52:56 +08:00
jxxghp	3b5d03c1c8	更新 package.json	2023-09-21 21:26:34 +08:00
jxxghp	298ae2c354	fix ui	2023-09-21 21:24:10 +08:00
jxxghp	d936b68597	fix ui	2023-09-21 20:31:24 +08:00
jxxghp	41471b9fd6	feat 历史记录删除UI调整	2023-09-21 20:01:25 +08:00
jxxghp	cc071c0911	v1.2.3-1	2023-09-20 15:36:16 +08:00
jxxghp	628164d2bd	fix cssCodeSplit	2023-09-20 15:35:49 +08:00
jxxghp	999af85262	fix text	2023-09-20 07:10:15 +08:00
jxxghp	07e075ad8b	fix text	2023-09-20 07:08:45 +08:00
jxxghp	18098f8aef	fix	2023-09-20 07:02:10 +08:00
jxxghp	f335b4e436	v1.2.3	2023-09-20 06:56:25 +08:00
jxxghp	ab293edf4c	更新 AccountSettingRule.vue	2023-09-19 23:44:17 +08:00
jxxghp	88917070bf	Merge pull request #43 from thofx/fix_bug try fix bug	2023-09-19 22:46:46 +08:00
thofx	5bba5cb2bc	try fix bug	2023-09-19 22:44:18 +08:00
jxxghp	098916bfa5	Merge pull request #42 from thofx/fix_bug	2023-09-19 22:16:37 +08:00
thofx	bb79aaed8b	fix bug	2023-09-19 22:11:58 +08:00
jxxghp	bc5c5a2835	fix ui	2023-09-19 21:43:39 +08:00
jxxghp	4c11199de2	feat 规则页面拆分	2023-09-19 21:41:07 +08:00
jxxghp	2e987701a8	fix router	2023-09-19 18:02:44 +08:00
jxxghp	4f625291a5	roolback	2023-09-19 17:24:05 +08:00
jxxghp	048f2abd87	fix	2023-09-19 17:20:51 +08:00
jxxghp	31dea532c5	更新 App.vue	2023-09-19 14:57:38 +08:00
jxxghp	3d54e5d965	更新 VerticalNav.vue	2023-09-19 14:56:52 +08:00
jxxghp	aee2a5a161	Merge pull request #41 from cikezhu/main	2023-09-19 14:55:38 +08:00
叮叮当	198ea0104d	优化首次载入流程	2023-09-19 14:35:43 +08:00
叮叮当	1abdf6d15c	优化首次载入方式	2023-09-19 14:30:54 +08:00
叮叮当	e5b836462f	优化首次载入流程	2023-09-19 13:57:37 +08:00
jxxghp	552b20b5d9	fix ui	2023-09-19 13:41:05 +08:00
jxxghp	7d500aedb5	fix menu layout	2023-09-19 13:04:35 +08:00
jxxghp	751e823b8c	test remove transition	2023-09-19 12:51:44 +08:00
jxxghp	59d47b2b15	Merge pull request #40 from cikezhu/main 去除多余的代码/修改记录位置的方式/修复IOS14登录页显示bug	2023-09-19 12:07:54 +08:00
叮叮当	b1635b0715	修复IOS14登录页显示bug	2023-09-19 10:42:46 +08:00
叮叮当	4d778e9ca9	修改记录位置的方式	2023-09-19 10:36:59 +08:00
叮叮当	af433286d0	Merge branch 'main' of https://github.com/jxxghp/MoviePilot-Frontend	2023-09-19 10:35:02 +08:00
叮叮当	2a41e8a726	修改记录位置的方式	2023-09-19 10:34:49 +08:00
叮叮当	6b41f3bb64	去除多余的代码	2023-09-19 10:33:52 +08:00
jxxghp	78c178b1f6	fix ui	2023-09-19 08:17:18 +08:00
jxxghp	20a6dd1aeb	fix ui	2023-09-18 17:51:04 +08:00
jxxghp	3773dfb4a1	fix ui	2023-09-18 17:39:05 +08:00
jxxghp	e156b662a3	fix ui	2023-09-18 17:36:12 +08:00
jxxghp	38193a870b	fix	2023-09-18 17:05:40 +08:00
jxxghp	e3a636772a	fix	2023-09-17 20:02:26 +08:00
jxxghp	46b043fdc7	fix ui	2023-09-17 20:02:04 +08:00
jxxghp	a774ae87c2	Merge pull request #39 from WithdewHua/dev	2023-09-17 18:58:52 +08:00
WithdewHua	a332a7b402	feat: 订阅搜索支持默认包含与排除规则	2023-09-17 18:32:41 +08:00
jxxghp	2ee4d874da	Merge pull request #38 from cikezhu/main	2023-09-16 16:54:07 +08:00
叮叮当	4f051e5251	增加滚动位置记录, 返回时恢复	2023-09-16 16:51:11 +08:00
jxxghp	e4a0b29162	更新 package.json	2023-09-16 16:38:02 +08:00
jxxghp	09234296f4	Merge pull request #37 from cikezhu/main	2023-09-16 16:37:24 +08:00
叮叮当	679228c8a7	修复keep-alive	2023-09-16 16:28:40 +08:00
jxxghp	a752e19878	roolback	2023-09-15 11:23:35 +08:00
jxxghp	0880c0e3b3	v1.2.1	2023-09-15 11:14:25 +08:00
jxxghp	948e65d383	v1.2.0-1	2023-09-14 17:22:23 +08:00
jxxghp	7cce57496d	v1.2.0-1	2023-09-14 16:12:09 +08:00
jxxghp	e54e851f61	fix ios菜单点击两次	2023-09-14 16:11:44 +08:00
jxxghp	17020cf62d	fix text	2023-09-14 10:39:35 +08:00
jxxghp	0c7be28eaa	fix tooltip	2023-09-14 10:11:11 +08:00
jxxghp	0d5a183f2e	fix ui	2023-09-14 09:49:03 +08:00
jxxghp	c222594bea	fix size	2023-09-13 19:25:46 +08:00
jxxghp	3df8bdfbf2	fix ui	2023-09-12 09:24:45 +08:00
jxxghp	5722547d93	fix 日历	2023-09-12 08:53:14 +08:00
jxxghp	dea5ebd95d	feat RSS地址维护	2023-09-11 18:02:00 +08:00
jxxghp	048e41c1ca	feat 移动自定义订阅	2023-09-11 17:48:09 +08:00
jxxghp	5078036c51	fix ui	2023-09-11 16:34:34 +08:00
jxxghp	e7a128bf0d	fix image size	2023-09-11 12:35:29 +08:00
jxxghp	0e46936231	fix ui	2023-09-11 12:32:20 +08:00
jxxghp	d91d3ef0ef	feat TMDBID搜索	2023-09-11 11:59:07 +08:00
jxxghp	1f0dd907f9	1.1.8	2023-09-10 17:34:26 +08:00
jxxghp	3c555cbfca	fix site api	2023-09-09 17:40:01 +08:00
jxxghp	9a8e4d8600	fix ui text	2023-09-09 16:35:55 +08:00
jxxghp	444aaa5cdc	fix plugin ui	2023-09-09 11:38:17 +08:00
jxxghp	25669d18fc	v1.1.7	2023-09-09 11:03:49 +08:00
jxxghp	03d6e46eca	fix 过滤规则删除问题	2023-09-09 09:40:06 +08:00
jxxghp	c44c7ed0f0	fix filemanager	2023-09-09 08:01:00 +08:00
jxxghp	47ac7437c0	feat 优化插件界面交互	2023-09-08 15:36:54 +08:00
jxxghp	37f982e0ea	add icon	2023-09-08 15:08:32 +08:00
jxxghp	139646369f	fix icon	2023-09-08 10:02:43 +08:00
jxxghp	3d4b84dc09	更新 package.json	2023-09-07 17:52:20 +08:00
jxxghp	02866754e0	add icon	2023-09-07 15:50:08 +08:00
jxxghp	e4e1a75d44	fix ui	2023-09-06 21:19:30 +08:00
jxxghp	4e5dd03456	fix ui	2023-09-06 20:22:32 +08:00
jxxghp	506b6eea09	fix rss ui	2023-09-06 20:18:45 +08:00
jxxghp	403ee4b925	fix	2023-09-06 17:26:20 +08:00
jxxghp	193d1f550f	fix ui	2023-09-06 15:50:05 +08:00
jxxghp	d2a02a830c	fix restart ui	2023-09-06 15:30:10 +08:00
jxxghp	6cc9c1ac57	feat 内建重启	2023-09-06 12:56:49 +08:00
jxxghp	fffb1c6c02	v1.1.4	2023-09-05 19:52:01 +08:00
jxxghp	985d1baff5	feat 新增紫色主题	2023-09-05 10:15:20 +08:00
jxxghp	a70e467b69	fix ui	2023-09-05 09:53:02 +08:00
jxxghp	b07010bebd	Merge pull request #35 from amtoaer/memory_percent	2023-09-04 23:18:20 +08:00
amtoaer	353bdc5989	feat: 内存占用图使用百分比	2023-09-04 23:05:16 +08:00
jxxghp	f135804c4b	fix ui	2023-09-04 21:30:03 +08:00
jxxghp	ae6d0ead2c	v1.1.3	2023-09-04 21:13:27 +08:00
jxxghp	6db3ad4e0d	fix ui	2023-09-04 20:07:59 +08:00
jxxghp	09e42d5a08	build	2023-09-04 17:56:32 +08:00
jxxghp	b9a09fd1be	fix 用户权限控制	2023-09-04 17:49:17 +08:00
jxxghp	b08235b9f6	fix ui	2023-09-04 12:37:34 +08:00
jxxghp	43e67893b4	fix ui	2023-09-04 12:36:05 +08:00
jxxghp	633b38da01	fix dashboard	2023-09-04 11:07:56 +08:00
jxxghp	68a4818be0	build	2023-09-04 07:08:00 +08:00
jxxghp	be3e4a7b13	fix user menu	2023-09-04 07:07:38 +08:00
jxxghp	2bc616ebbb	px => rem	2023-09-03 22:36:48 +08:00
jxxghp	7058472784	feat 媒体信息组件	2023-09-03 19:25:46 +08:00
jxxghp	8d9f28b3c8	fix ui	2023-09-03 19:15:58 +08:00
jxxghp	0d2bba78d9	UI 1.1.3	2023-09-03 18:39:14 +08:00
jxxghp	23a62d33eb	feat 过滤规则测试	2023-09-03 18:36:43 +08:00
jxxghp	93a2a4a772	fix logging ui	2023-09-03 15:42:01 +08:00
jxxghp	38e74f0c1b	fix build	2023-09-03 13:16:56 +08:00
jxxghp	d2d6ca75be	feat 文件管理添加快速识别按钮	2023-09-03 13:01:18 +08:00
jxxghp	a4a9f9e7c5	更新 package.json	2023-09-03 09:53:14 +08:00
jxxghp	4d5d1094ed	feat 支持设置转移屏蔽词	2023-09-03 09:22:25 +08:00
jxxghp	9f8eaa5722	feat 实时日志放快捷栏&&美化日志界面	2023-09-03 09:15:42 +08:00
jxxghp	79e07d2b3d	fix color schema	2023-09-02 09:58:28 +08:00
jxxghp	822d457bff	v1.1.1	2023-09-02 08:23:04 +08:00
jxxghp	8e391af0b4	Merge pull request #33 from amtoaer/main	2023-09-02 06:42:38 +08:00
amtoaer	b522b4d355	fix: 修复 tmdb 未记录发行日期的剧集全部堆叠在今天的问题	2023-09-02 00:36:06 +08:00
jxxghp	9c5ef8f5b4	fix nodatafound page	2023-09-01 17:17:07 +08:00
jxxghp	4dc1ad35d2	feat 历史记录批量操作	2023-09-01 10:54:40 +08:00
jxxghp	9b405d9e59	Merge pull request #31 from thofx/fix_28	2023-08-31 22:36:47 +08:00
thofx	2351ec7b85	fix: 筛选出现的bug #28	2023-08-31 22:34:39 +08:00
jxxghp	6fc3228334	fix color	2023-08-31 19:17:08 +08:00
jxxghp	81b1f5b14d	Merge pull request #30 from thsrite/main 下载器文件同步插件logo	2023-08-31 15:23:20 +08:00
thsrite	b8450ad28b	Merge remote-tracking branch 'origin/main'	2023-08-31 14:38:07 +08:00
thsrite	70371a5001	feat 下载器文件同步插件logo	2023-08-31 14:38:00 +08:00
jxxghp	87f4cf772b	v1.0.10	2023-08-30 19:21:50 +08:00
jxxghp	970ed8ff86	fix icons	2023-08-30 15:19:47 +08:00
jxxghp	3f77f1037a	Merge pull request #29 from thsrite/main	2023-08-30 11:06:43 +08:00
thsrite	6cc770dced	fix #328 管理员账户无法删除	2023-08-30 10:09:58 +08:00
jxxghp	355172dbf6	fix 豆瓣搜索跳转 feat 推荐新增正在热映	2023-08-30 08:29:11 +08:00
jxxghp	3bfcd38e65	更新 List.vue	2023-08-29 17:46:36 +08:00
jxxghp	909857f146	fix ui	2023-08-29 12:11:09 +08:00
jxxghp	1cc64c7d21	更新 List.vue	2023-08-28 19:19:46 +08:00
jxxghp	891db2be21	v1.0.9 UI	2023-08-28 19:04:54 +08:00
jxxghp	54f3451456	feat 手动整理进度显示	2023-08-28 18:06:59 +08:00
jxxghp	563471ccf5	fix ui	2023-08-28 17:46:37 +08:00
jxxghp	2e70b61e60	fix bug	2023-08-28 17:26:16 +08:00
jxxghp	cd0d786a4c	Merge pull request #27 from thsrite/main	2023-08-28 17:21:32 +08:00
thsrite	611ae13777	feat 订阅站点单独配置	2023-08-28 13:30:25 +08:00
thsrite	026214bd3f	Merge remote-tracking branch 'origin/main'	2023-08-28 11:04:20 +08:00
thsrite	7c29c9ad27	fix 媒体详情页增加tmdbid	2023-08-28 11:03:55 +08:00
jxxghp	cba5586f05	fix 文件管理默认路径、特殊字符问题	2023-08-28 08:22:01 +08:00
jxxghp	25a8d0cc2a	更新 List.vue	2023-08-27 10:06:19 +08:00
jxxghp	2396a6b5fc	fix ui	2023-08-27 09:40:08 +08:00
jxxghp	c94add8d6b	fix ui	2023-08-27 09:35:49 +08:00
jxxghp	8b893dc6f2	fix ui	2023-08-27 09:23:13 +08:00
jxxghp	51816da3d3	v1.0.8	2023-08-27 08:46:32 +08:00
jxxghp	5e2d144828	fix 手动整理UI	2023-08-26 23:52:15 +08:00
jxxghp	04f56692a5	fix 文件管理UI	2023-08-26 20:58:13 +08:00
jxxghp	d3fb71c289	fix ui	2023-08-26 20:23:24 +08:00
jxxghp	e565ec5b62	fix	2023-08-26 20:01:31 +08:00
jxxghp	e5f7467d5b	fix 重命名	2023-08-26 19:58:36 +08:00
jxxghp	3a9e85c821	feat 图片显示&文件下载	2023-08-26 19:28:04 +08:00
jxxghp	f2b51107fa	fix FileManager	2023-08-26 14:50:35 +08:00
jxxghp	e3df4000bb	fix FileManager	2023-08-26 14:30:51 +08:00
jxxghp	f4aef8f9dd	fix	2023-08-26 12:52:46 +08:00
jxxghp	476bd4bd19	fix	2023-08-26 12:48:04 +08:00
jxxghp	4681c947c7	feat FileManager	2023-08-26 11:00:33 +08:00
jxxghp	5db4d97568	need fix	2023-08-25 22:05:57 +08:00
jxxghp	235942157e	v1.0.7	2023-08-25 12:47:29 +08:00
jxxghp	8ef2be1c81	fix	2023-08-24 20:56:46 +08:00
jxxghp	ed45f3438f	fix #251	2023-08-24 20:18:45 +08:00
jxxghp	2ca0920131	fix downloading title	2023-08-24 12:26:57 +08:00