From 5a205ed35ce342d672cd0f02b0f54bd46f123ae8 Mon Sep 17 00:00:00 2001 From: zhiyu1998 <542716863@qq.com> Date: Fri, 22 Nov 2024 13:03:08 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=88=20pref:=20=E5=A2=9E=E5=8A=A0?= =?UTF-8?q?=E4=BF=AE=E6=94=B9SIDEBAR=5FITEMS=E7=BB=B4=E6=8A=A4=E6=80=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- server/components/content.jsx | 24 +++++------------------- server/constants/sidebar.js | 29 ++++++++++++++++++++++------- 2 files changed, 27 insertions(+), 26 deletions(-) diff --git a/server/components/content.jsx b/server/components/content.jsx index 8b18e1a..135534a 100644 --- a/server/components/content.jsx +++ b/server/components/content.jsx @@ -1,27 +1,13 @@ -import Bili from "./contents/bili.jsx"; -import Generic from "./contents/generic.jsx"; -import Home from "./contents/home.jsx"; -import Ncm from "./contents/ncm.jsx"; -import Tiktok from "./contents/tiktok.jsx"; -import Weekly from "./contents/weekly.jsx"; -import Youtube from "./contents/youtube.jsx"; +import { SIDEBAR_ITEMS } from "../constants/sidebar.js"; export function Content({ activeItem }) { + // 查找当前激活项 + const currentItem = SIDEBAR_ITEMS.find(item => item.name === activeItem); - // 使用对象映射内容，以便于后期扩展和维护 - const contentMap = { - "总控制台": , - "通用及杂项": , - "哔哩哔哩控制台": , - "抖音控制台": , - "网易云控制台": , - "油管控制台": , - "周刊预览": - }; - + // 如果没找到则返回总控制台 return (
- { contentMap[activeItem] || contentMap["总控制台"] } + {currentItem?.component || SIDEBAR_ITEMS[0].component}
); } diff --git a/server/constants/sidebar.js b/server/constants/sidebar.js index b070bec..57bf14b 100644 --- a/server/constants/sidebar.js +++ b/server/constants/sidebar.js @@ -1,3 +1,11 @@ +import Bili from "../components/contents/bili.jsx"; +import Generic from "../components/contents/generic.jsx"; +import Home from "../components/contents/home.jsx"; +import Ncm from "../components/contents/ncm.jsx"; +import Tiktok from "../components/contents/tiktok.jsx"; +import Weekly from "../components/contents/weekly.jsx"; +import Youtube from "../components/contents/youtube.jsx"; + export const SIDEBAR_ITEMS = [ { name: "总控制台", @@ -16,7 +24,8 @@ export const SIDEBAR_ITEMS = [ , - theme: "light" + theme: "light", + component: }, { name: "通用及杂项", @@ -29,7 +38,8 @@ export const SIDEBAR_ITEMS = [ d="M512.1 192.4c43.3 0 85.2 8.4 124.5 25.1 38.1 16.1 72.3 39.2 101.8 68.6 29.4 29.4 52.5 63.7 68.6 101.8 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.2-25.1 124.5c-16.1 38.1-39.2 72.3-68.6 101.8s-63.7 52.5-101.8 68.6c-39.4 16.7-81.3 25.1-124.5 25.1-43.3 0-85.2-8.4-124.5-25.1-38.1-16.1-72.3-39.2-101.8-68.6-29.4-29.4-52.5-63.7-68.6-101.8-16.7-39.4-25.1-81.3-25.1-124.5s8.4-85.2 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.8 29.4-29.4 63.7-52.5 101.8-68.6 39.4-16.7 81.3-25.1 124.5-25.1m0-128c-247.4 0-448 200.6-448 448s200.6 448 448 448 448-200.6 448-448c0-247.5-200.6-448-448-448z" fill="#333333" p-id="7983"> , - theme: "cupcake" + theme: "cupcake", + component: }, { name: "哔哩哔哩控制台", @@ -42,7 +52,8 @@ export const SIDEBAR_ITEMS = [ d="M849.92 51.2H174.08c-67.8656 0-122.88 55.0144-122.88 122.88v675.84c0 67.87072 55.0144 122.88 122.88 122.88h675.84c67.87072 0 122.88-55.00928 122.88-122.88V174.08c0-67.86048-55.00928-122.88-122.88-122.88z m-36.60288 627.45088c-2.62656 44.57984-21.82144 78.63296-55.51616 98.48832-25.68192 15.13472-54.17472 19.48672-81.13664 21.9392-32.45568 2.94912-92.71808 6.09792-164.66432 6.1184-71.94112-0.02048-132.20864-3.16416-164.66432-6.1184-26.96192-2.45248-55.45472-6.80448-81.13152-21.9392-33.69472-19.85536-52.8896-53.90336-55.51104-98.4832-4.70528-80.13312-10.5728-179.85536 0.19456-262.10816C221.5424 335.16544 280.99072 311.57248 311.5008 310.37952a2482.64192 2482.64192 0 0 1 81.42336-4.08576c-7.53664-8.53504-19.88096-23.3216-28.81536-38.11328-13.73696-22.73792 8.52992-41.68704 8.52992-41.68704s23.68-20.36736 44.52864 5.21216c15.69792 19.26656 38.37952 55.99744 48.61952 72.95488l53.20704-0.21504c13.2608 0 26.33216 0.07168 39.2192 0.21504 10.24-16.95744 32.9216-53.6832 48.61952-72.95488 20.84352-25.57952 44.52864-5.21216 44.52864-5.21216s22.26176 18.94912 8.5248 41.68704c-8.9344 14.79168-21.27872 29.57824-28.81536 38.11328 28.35968 0.97792 55.56224 2.33984 81.42336 4.08064 30.5152 1.19808 89.9584 24.79104 100.61312 106.17344 10.7776 82.24768 4.9152 181.96992 0.20992 262.10304z" fill="#F16C8D" p-id="4284"> , - theme: "valentine" + theme: "valentine", + component: }, { name: "抖音控制台", @@ -67,7 +78,8 @@ export const SIDEBAR_ITEMS = [ d="M440.380235 425.562353c12.649412 0 25.840941 0.602353 38.490353 2.258823v134.866824a106.706824 106.706824 0 0 0-58.006588-2.258824 110.983529 110.983529 0 0 0-79.299765 69.421177c-12.649412 33.852235-7.469176 73.366588 14.366118 102.128941a120.229647 120.229647 0 0 1-33.310118-27.648 105.502118 105.502118 0 0 1-25.298823-56.982588c-2.288941-21.443765 1.174588-44.032 11.504941-63.216941 5.722353-11.264 14.366118-21.443765 24.124235-29.906824 16.082824-13.552941 36.201412-21.985882 56.32-27.075765 17.227294-3.945412 35.599059-3.945412 52.254118 1.686589v-66.017883c-1.144471-11.294118-0.572235-24.274824-1.144471-37.255529z" fill="#FE2C55" p-id="6900"> , - theme: "dark" + theme: "dark", + component: }, { name: "油管控制台", @@ -86,7 +98,8 @@ export const SIDEBAR_ITEMS = [ d="M728.078 956.122H294.83c-124.896 0-226.506-101.636-226.506-226.566V296.358c0-124.908 101.61-226.526 226.506-226.526h433.248c124.918 0 226.544 101.62 226.544 226.526v433.198c0.002 124.928-101.626 226.566-226.544 226.566zM294.83 89.636c-113.976 0-206.702 92.734-206.702 206.72v433.198c0 114.008 92.726 206.762 206.702 206.762h433.248c113.996 0 206.74-92.754 206.74-206.762V296.358c0-113.986-92.744-206.72-206.74-206.72H294.83z" fill="#801917" p-id="4284"> , - theme: "dracula" + theme: "dracula", + component: }, { name: "网易云控制台", @@ -99,7 +112,8 @@ export const SIDEBAR_ITEMS = [ d="M527.616 849.43872a373.6064 373.6064 0 0 1-162.54976-39.00416c-112.36352-55.16288-180.00896-176.29184-172.55424-308.67456 7.41376-130.34496 85.10464-237.4656 202.752-279.552a35.85024 35.85024 0 0 1 24.15616 67.51232c-107.66336 38.49216-150.81472 136.86784-155.29984 216.13568-5.86752 103.51616 46.08 197.79584 132.34176 240.13824 124.69248 60.30336 216.91392 22.35392 260.82304-5.64224 59.8016-38.16448 97.86368-100.01408 96.95232-157.55264-1.024-63.72352-24.064-120.99584-63.27296-157.14304a145.408 145.408 0 0 0-65.5872-35.28704q2.82624 9.76896 5.64224 19.32288c13.38368 45.63968 24.94464 85.05344 25.6 114.40128a134.26688 134.26688 0 0 1-37.69344 97.76128 139.1104 139.1104 0 0 1-100.6592 40.45824 140.10368 140.10368 0 0 1-100.47488-42.24 169.12384 169.12384 0 0 1-46.2848-122.76736c1.19808-85.12512 80.11776-153.28256 162.816-175.104a324.80256 324.80256 0 0 1-6.71744-67.05152 92.0576 92.0576 0 0 1 69.18144-91.81184c46.21312-12.53376 104.448 5.19168 124.66176 37.888a35.84 35.84 0 0 1-11.70432 49.31584 35.84 35.84 0 0 1-49.26464-11.65312 62.34112 62.34112 0 0 0-48.45568-5.21216c-4.32128 1.71008-12.35968 4.90496-12.76928 23.10144a270.87872 270.87872 0 0 0 6.73792 58.51136 217.4976 217.4976 0 0 1 133.56032 57.6512c53.57568 49.38752 85.0432 125.46048 86.35392 208.71168 1.29024 81.85856-49.7664 167.86432-130.048 219.136a310.14912 310.14912 0 0 1-168.2432 48.65024z m23.6544-457.55392c-56.77056 15.6672-107.4688 63.03744-108.07296 106.42432a98.304 98.304 0 0 0 25.6512 71.43424 68.0448 68.0448 0 0 0 49.36704 20.87936 67.24608 67.24608 0 0 0 49.44896-18.944 63.19104 63.19104 0 0 0 17.23392-46.08c-0.4096-19.79392-11.7248-58.368-22.67136-95.6928-3.61472-12.42112-7.35232-25.14944-10.9568-38.02112z" fill="#FFFFFF" p-id="5761"> , - theme: "lofi" + theme: "lofi", + component: }, { name: "周刊预览", @@ -110,6 +124,7 @@ export const SIDEBAR_ITEMS = [ fill="#19B883" p-id="4285"> , - theme: "retro" + theme: "retro", + component: } ];