1 line
8.2 KiB
JavaScript
1 line
8.2 KiB
JavaScript
"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[60],{5060:(e,r,t)=>{t.d(r,{A:()=>l});var s=t(5155),n=t(6874),a=t.n(n),o=t(2115);function l(e){let{username:r="用户",isOpen:t,onToggle:n,darkMode:l}=e;return(0,o.useEffect)(()=>{let e=e=>{let r=document.getElementById("mobile-sidebar");window.innerWidth<768&&t&&r&&!r.contains(e.target)&&n()};return document.addEventListener("mousedown",e),t&&window.innerWidth<768?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.removeEventListener("mousedown",e),document.body.style.overflow=""}},[t,n]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"md:hidden fixed inset-0 bg-black transition-opacity duration-300 ease-in-out ".concat(t?"opacity-5":"opacity-0 pointer-events-none"," z-20"),"aria-hidden":"true",onClick:n}),(0,s.jsx)("aside",{id:"mobile-sidebar",className:"w-[60%] max-w-[250px] border-r border-gray-100 dark:border-gray-800 h-full fixed left-0 top-0 bg-white dark:bg-black z-30 transition-transform duration-300 ease-in-out ".concat(t?"translate-x-0":"-translate-x-full md:translate-x-0 md:w-64"," overflow-auto shadow-lg"),children:(0,s.jsxs)("div",{className:"flex flex-col h-full",children:[(0,s.jsxs)("div",{className:"px-4 py-4 border-b border-gray-100 dark:border-gray-800 flex justify-between items-center",children:[(0,s.jsx)("h1",{className:"text-lg font-medium text-black dark:text-white",children:"VIP视频解析"}),(0,s.jsx)("button",{className:"md:hidden text-gray-600 dark:text-gray-400",onClick:n,"aria-label":"关闭菜单",children:(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-5 h-5",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,s.jsxs)("div",{className:"px-4 py-3 border-b border-gray-100 dark:border-gray-800 flex items-center",children:[(0,s.jsx)("div",{className:"w-8 h-8 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center mr-2",children:(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-5 h-5 text-gray-600 dark:text-gray-300",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"})})}),(0,s.jsx)("div",{className:"flex-1 truncate",children:(0,s.jsx)("p",{className:"text-sm font-medium truncate text-black dark:text-white",children:r})}),(0,s.jsx)(a(),{href:"/settings",className:"text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white",children:(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-5 h-5",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10"})})})]}),(0,s.jsx)("nav",{className:"flex-1 px-3 py-4 overflow-y-auto",children:(0,s.jsxs)("ul",{className:"space-y-1",children:[(0,s.jsx)("li",{children:(0,s.jsxs)(a(),{href:"/",className:"flex items-center px-2 py-2 text-black dark:text-white hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md",onClick:()=>window.innerWidth<768&&n(),children:[(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-5 h-5 mr-3",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"})}),"首页"]})}),(0,s.jsx)("li",{children:(0,s.jsxs)(a(),{href:"/history",className:"flex items-center px-2 py-2 text-black dark:text-white hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md",onClick:()=>window.innerWidth<768&&n(),children:[(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-5 h-5 mr-3",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"})}),"历史记录"]})}),(0,s.jsx)("li",{children:(0,s.jsxs)(a(),{href:"/favorite",className:"flex items-center px-2 py-2 text-black dark:text-white hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md",onClick:()=>window.innerWidth<768&&n(),children:[(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-5 h-5 mr-3",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.563.563 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"})}),"我的收藏"]})}),(0,s.jsx)("li",{children:(0,s.jsxs)(a(),{href:"/categories",className:"flex items-center px-2 py-2 text-black dark:text-white hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md",onClick:()=>window.innerWidth<768&&n(),children:[(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-5 h-5 mr-3",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 12h16.5m-16.5 3.75h16.5M3.75 19.5h16.5M5.625 4.5h12.75a1.875 1.875 0 0 1 0 3.75H5.625a1.875 1.875 0 0 1 0-3.75Z"})}),"视频分类"]})}),(0,s.jsx)("li",{children:(0,s.jsxs)(a(),{href:"/settings",className:"flex items-center px-2 py-2 text-black dark:text-white hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md",onClick:()=>window.innerWidth<768&&n(),children:[(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-5 h-5 mr-3",children:[(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"}),(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"})]}),"设置"]})}),(0,s.jsx)("li",{children:(0,s.jsxs)(a(),{href:"/about",className:"flex items-center px-2 py-2 text-black dark:text-white hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md",onClick:()=>window.innerWidth<768&&n(),children:[(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-5 h-5 mr-3",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"})}),"关于"]})})]})}),(0,s.jsx)("div",{className:"px-4 py-3 text-xs text-gray-500 dark:text-gray-400 border-t border-gray-100 dark:border-gray-800",children:(0,s.jsx)("p",{children:"版本 1.0.0"})})]})})]})}}}]); |