From cf2d501c511483e82a5d55b07eb7629f93467bc7 Mon Sep 17 00:00:00 2001
From: zhiyu1998 <542716863@qq.com>
Date: Fri, 22 Nov 2024 21:26:00 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix:=20=E4=BF=AE=E6=AD=A3?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E9=80=89=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 server/components/contents/bili.jsx    | 35 ++++++++++++++++----------
 server/components/contents/ncm.jsx     | 15 ++---------
 server/components/contents/youtube.jsx | 12 ++++++---
 3 files changed, 32 insertions(+), 30 deletions(-)

diff --git a/server/components/contents/bili.jsx b/server/components/contents/bili.jsx
index 2184832..61a0a46 100644
--- a/server/components/contents/bili.jsx
+++ b/server/components/contents/bili.jsx
@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { BILI_CDN_SELECT_LIST, BILI_DOWNLOAD_METHOD, BILI_RESOLUTION_LIST } from "../../../constants/constant.js";
 import { readYamlConfig, updateYamlConfig } from '../../utils/yamlHelper';
 
 export default function Bili() {
@@ -235,9 +236,13 @@ export default function Bili() {
                                     className="select select-bordered"
                                     value={config.biliCDN}
                                     onChange={(e) => setConfig({ ...config, biliCDN: parseInt(e.target.value) })}>
-                                    <option value={0}>不使用CDN</option>
-                                    <option value={1}>CDN 1</option>
-                                    <option value={2}>CDN 2</option>
+                                    {
+                                        BILI_CDN_SELECT_LIST.map(item => {
+                                            return (
+                                                <option value={ item.value }>{ item.label }</option>
+                                            )
+                                        })
+                                    }
                                 </select>
                             </div>
                             <div className="form-control">
@@ -248,10 +253,13 @@ export default function Bili() {
                                     className="select select-bordered"
                                     value={config.biliDownloadMethod}
                                     onChange={(e) => setConfig({ ...config, biliDownloadMethod: parseInt(e.target.value) })}>
-                                    <option value={0}>原生下载</option>
-                                    <option value={1}>wget</option>
-                                    <option value={2}>axel</option>
-                                    <option value={3}>Aria2</option>
+                                    {
+                                        BILI_DOWNLOAD_METHOD.map(item => {
+                                            return (
+                                                <option value={ item.value }>{ item.label }</option>
+                                            )
+                                        })
+                                    }
                                 </select>
                             </div>
                             <div className="form-control">
@@ -262,12 +270,13 @@ export default function Bili() {
                                     className="select select-bordered"
                                     value={config.biliResolution}
                                     onChange={(e) => setConfig({ ...config, biliResolution: parseInt(e.target.value) })}>
-                                    <option value={5}>480P</option>
-                                    <option value={16}>360P</option>
-                                    <option value={32}>720P</option>
-                                    <option value={64}>1080P</option>
-                                    <option value={74}>720P60</option>
-                                    <option value={80}>1080P+</option>
+                                    {
+                                        BILI_RESOLUTION_LIST.map(item => {
+                                            return (
+                                                <option value={ item.value }>{ item.label }</option>
+                                            )
+                                        })
+                                    }
                                 </select>
                             </div>
                         </div>
diff --git a/server/components/contents/ncm.jsx b/server/components/contents/ncm.jsx
index acbd154..77b6b7b 100644
--- a/server/components/contents/ncm.jsx
+++ b/server/components/contents/ncm.jsx
@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { NETEASECLOUD_QUALITY_LIST } from "../../../constants/constant.js";
 import { readYamlConfig, updateYamlConfig } from '../../utils/yamlHelper';
 
 export default function Ncm() {
@@ -81,18 +82,6 @@ export default function Ncm() {
         }
     };
 
-    const audioQualityOptions = [
-        { value: 'standard', label: '标准' },
-        { value: 'higher', label: '较高' },
-        { value: 'exhigh', label: '极高' },
-        { value: 'lossless', label: '无损' },
-        { value: 'hires', label: 'Hi-Res' },
-        { value: 'jyeffect', label: '高清环绕声' },
-        { value: 'sky', label: '沉浸环绕声' },
-        { value: 'dolby', label: '杜比全景声' },
-        { value: 'jymaster', label: '超清母带' }
-    ];
-
     return (
         <div className="p-6 mx-auto container">
             {/* 成功提示 */}
@@ -208,7 +197,7 @@ export default function Ncm() {
                                     className="select select-bordered"
                                     value={config.neteaseCloudAudioQuality}
                                     onChange={(e) => setConfig({ ...config, neteaseCloudAudioQuality: e.target.value })}>
-                                    {audioQualityOptions.map(option => (
+                                    {NETEASECLOUD_QUALITY_LIST.map(option => (
                                         <option key={option.value} value={option.value}>
                                             {option.label}
                                         </option>
diff --git a/server/components/contents/youtube.jsx b/server/components/contents/youtube.jsx
index d460af7..107a7ce 100644
--- a/server/components/contents/youtube.jsx
+++ b/server/components/contents/youtube.jsx
@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { BILI_CDN_SELECT_LIST, YOUTUBE_GRAPHICS_LIST } from "../../../constants/constant.js";
 import { readYamlConfig, updateYamlConfig } from '../../utils/yamlHelper';
 
 export default function Youtube() {
@@ -107,10 +108,13 @@ export default function Youtube() {
                                     className="select select-bordered"
                                     value={config.youtubeGraphicsOptions}
                                     onChange={(e) => setConfig({ ...config, youtubeGraphicsOptions: parseInt(e.target.value) })}>
-                                    <option value={0}>原画</option>
-                                    <option value={1080}>1080P</option>
-                                    <option value={720}>720P</option>
-                                    <option value={480}>480P</option>
+                                    {
+                                        YOUTUBE_GRAPHICS_LIST.map(item => {
+                                            return (
+                                                <option value={ item.value }>{ item.label }</option>
+                                            )
+                                        })
+                                    }
                                 </select>
                             </div>
                             <div className="form-control">