Henry_Du/BYW-VoiceHub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 迁移自定义功能至 1.5.9.9 版本

Browse Source 
包含音乐源限制、CI 防 OOM 优化、数据库连接池优化、管理端权限及 UI 细节定制等功能
This commit is contained in:
Henry_Du
2026-09-12 19:26:42 +08:00
parent 34f0679117
commit 1106aeea6c
161 changed files with 18963 additions and 27900 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/pages/change-password.vue
+60 -62
View File
@@ -5,21 +5,29 @@
<div class="info-section">
<div class="info-content">
<div class="logo-section">
<img alt="VoiceHub Logo" class="brand-logo" :src="getLogo()" />
<h1 v-if="siteTitle" class="brand-title">{{ siteTitle }}</h1>
<img
alt="VoiceHub Logo"
class="brand-logo"
:src="logo"
width="160"
height="160"
decoding="async"
fetchpriority="high"
>
<h1 v-if="siteTitle" class="brand-title">{{ siteTitle || 'VoiceHub' }}</h1>
</div>
<div v-if="isFirstLogin" class="welcome-message">
<h2>{{ locale.welcomeTitle }}</h2>
<p>{{ locale.welcomeDesc }}</p>
<h2>欢迎使用VoiceHub</h2>
<p>为了保障您的账号安全，请设置一个新的密码</p>
</div>
<div v-else class="security-message">
<h2>{{ locale.securityTitle }}</h2>
<p>{{ locale.securityDesc }}</p>
<h2>账号安全</h2>
<p>定期更新密码有助于保护您的账号安全</p>
</div>
<div class="security-tips">
<h3>{{ locale.tipsTitle }}</h3>
<h3>密码安全建议</h3>
<div class="tip-list">
<div class="tip-item">
<svg
@@ -31,7 +39,7 @@
>
<polyline points="20,6 9,17 4,12" />
</svg>
<span>{{ locale.tipMinLength }}</span>
<span>至少8个字符</span>
</div>
<div class="tip-item">
<svg
@@ -43,7 +51,7 @@
>
<polyline points="20,6 9,17 4,12" />
</svg>
<span>{{ locale.tipCase }}</span>
<span>包含大小写字母</span>
</div>
<div class="tip-item">
<svg
@@ -55,7 +63,7 @@
>
<polyline points="20,6 9,17 4,12" />
</svg>
<span>{{ locale.tipSpecial }}</span>
<span>包含数字和特殊字符</span>
</div>
</div>
</div>
@@ -66,27 +74,21 @@
<div class="form-section">
<div class="form-container">
<div class="form-header">
<h2>{{ isFirstLogin ? locale.setNewPassword : locale.changePasswordTitle }}</h2>
<p>{{ isFirstLogin ? locale.setNewPasswordDesc : locale.updatePasswordDesc }}</p>
<h2>{{ isFirstLogin ? '设置新密码' : '修改密码' }}</h2>
<p>{{ isFirstLogin ? '请设置一个安全的密码' : '更新您的登录密码' }}</p>
</div>
<div class="password-form-shell">
<ClientOnly>
<ChangePasswordForm :is-first-login="isFirstLogin" />
</ClientOnly>
</div>
<ClientOnly>
<ChangePasswordForm :is-first-login="isFirstLogin" />
</ClientOnly>
<div class="form-footer">
<NuxtLink v-if="!requirePasswordChange" class="back-link" to="/">
<NuxtLink class="back-link" to="/">
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<polyline points="15,18 9,12 15,6" />
</svg>
{{ locale.backToHome }}
返回主页
</NuxtLink>
<button v-else class="back-link logout-link" type="button" @click="auth.logout()">
<Icon class="shrink-0" name="logout" :size="16" aria-hidden="true" />
{{ locale.logout }}
</button>
</div>
</div>
</div>
@@ -96,22 +98,15 @@
<script setup>
import ChangePasswordForm from '~/components/Auth/ChangePasswordForm.vue'
import Icon from '~/components/UI/Icon.vue'
import { useLocale } from '~/utils/locale'
import { useThemeImage } from '~/composables/useThemeImage'
import { ref } from 'vue'
import logo from '~~/public/images/logo.png'
// 使用站点配置
const { siteTitle, initSiteConfig } = useSiteConfig()
const { changePassword: locale } = useLocale()
const { getLogo } = useThemeImage()
const auth = useAuth()
const router = useRouter()
const isFirstLogin = computed(() => {
const currentUser = auth.user.value
return currentUser?.needsInitialPasswordSetup === true
})
const requirePasswordChange = computed(() => !!auth.user.value?.requirePasswordChange)
const isFirstLogin = ref(false)
// 未登录用户重定向到登录页
onMounted(async () => {
@@ -122,38 +117,43 @@ onMounted(async () => {
router.push('/login')
return
}
// 检查是否需要修改密码（用于显示不同的UI提示）
if (import.meta.client) {
const userJson = localStorage.getItem('user')
if (userJson) {
const user = JSON.parse(userJson)
isFirstLogin.value = user.forcePasswordChange === true || !user.passwordChangedAt
}
}
})
</script>
<style scoped>
.auth-layout {
width: 100%;
min-height: 100vh;
min-height: 100dvh;
background: var(--panel-bg-deepest);
background: var(--bg-primary, #ffffff);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
overflow-y: auto;
}
.auth-container {
width: 100%;
max-width: 1200px;
background: var(--bg-primary);
background: var(--surface-primary, var(--bg-primary, #ffffff));
border-radius: 24px;
border: 1px solid var(--panel-border-subtle);
border: 1px solid var(--border-primary, #e5e7eb);
overflow: hidden;
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 600px;
margin: auto;
box-shadow: 0 10px 40px -10px rgba(15, 23, 42, 0.1);
}
.info-section {
background: linear-gradient(135deg, var(--color-indigo-hover) 0%, var(--color-collab-hover) 100%);
background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
padding: 60px 40px;
display: flex;
align-items: center;
@@ -169,7 +169,7 @@ onMounted(async () => {
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23666" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
opacity: 0.3;
}
@@ -195,7 +195,10 @@ onMounted(async () => {
font-size: 36px;
font-weight: 700;
margin: 0;
color: white;
background: linear-gradient(135deg, var(--card-bg, #ffffff) 0%, #f0f0f0 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.welcome-message,
@@ -214,7 +217,7 @@ onMounted(async () => {
.welcome-message p,
.security-message p {
font-size: 16px;
color: var(--overlay-90);
color: rgba(255, 255, 255, 0.9);
margin: 0;
line-height: 1.6;
}
@@ -241,16 +244,16 @@ onMounted(async () => {
align-items: center;
gap: 12px;
padding: 12px 16px;
background: var(--overlay-10);
background: rgba(255, 255, 255, 0.1);
border-radius: 8px;
backdrop-filter: blur(10px);
border: 1px solid var(--overlay-20);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.tip-icon {
width: 16px;
height: 16px;
color: var(--color-success);
color: #10b981;
flex-shrink: 0;
}
@@ -264,7 +267,7 @@ onMounted(async () => {
display: flex;
align-items: center;
justify-content: center;
background: var(--bg-primary);
background: var(--surface-primary, var(--bg-primary, #ffffff));
}
.form-container {
@@ -275,11 +278,6 @@ onMounted(async () => {
align-items: center;
}
.password-form-shell {
width: 100%;
min-width: 0;
}
.form-header {
text-align: center;
margin-bottom: 32px;
@@ -288,13 +286,13 @@ onMounted(async () => {
.form-header h2 {
font-size: 28px;
font-weight: 700;
color: var(--text-primary);
color: var(--text-primary, #1a2332);
margin: 0 0 8px 0;
}
.form-header p {
font-size: 16px;
color: var(--text-tertiary-hover);
color: var(--text-secondary, #4a5568);
margin: 0;
}
@@ -308,10 +306,10 @@ onMounted(async () => {
align-items: center;
gap: 8px;
padding: 12px 20px;
background: var(--panel-bg-deep);
border: 1px solid var(--panel-border);
background: var(--surface-secondary, var(--bg-secondary, #f7fafc));
border: 1px solid var(--border-primary, #e5e7eb);
border-radius: 8px;
color: var(--text-secondary);
color: var(--text-secondary, #4a5568);
text-decoration: none;
font-size: 14px;
font-weight: 500;
@@ -319,9 +317,9 @@ onMounted(async () => {
}
.back-link:hover {
background: var(--panel-border);
color: var(--text-primary);
border-color: var(--panel-border-light);
background: var(--surface-tertiary, var(--bg-tertiary, #edf2f7));
color: var(--text-primary, #1a2332);
border-color: var(--border-secondary, #cbd5e1);
}
.back-link svg {