299 lines
11 KiB
JavaScript
299 lines
11 KiB
JavaScript
import { computed, ref, readonly } from 'vue'
|
|
import { getAggregateOAuthLoginTypesOrDefault, getProviderDisplayName } from '~/utils/oauth'
|
|
import { applyThemeConfig, useTheme } from '~/composables/useTheme'
|
|
|
|
const THEME_LOGO_SEPARATOR = '||'
|
|
|
|
// 兼容旧配置：没有分隔符时，地址只归入深色；浅色运行时回退到深色。
|
|
export const splitThemeLogoUrl = (value) => {
|
|
const normalized = typeof value === 'string' ? value.trim() : ''
|
|
if (!normalized) return { dark: '', light: '' }
|
|
|
|
const separatorIndex = normalized.indexOf(THEME_LOGO_SEPARATOR)
|
|
if (separatorIndex < 0) return { dark: normalized, light: '' }
|
|
|
|
const dark = normalized.slice(0, separatorIndex).trim()
|
|
const light = normalized.slice(separatorIndex + THEME_LOGO_SEPARATOR.length).trim()
|
|
return {
|
|
dark: dark || light,
|
|
light: light || dark
|
|
}
|
|
}
|
|
|
|
export const joinThemeLogoUrl = (dark, light) => {
|
|
const normalizedDark = typeof dark === 'string' ? dark.trim() : ''
|
|
const normalizedLight = typeof light === 'string' ? light.trim() : ''
|
|
if (!normalizedDark && !normalizedLight) return ''
|
|
if (!normalizedLight || normalizedLight === normalizedDark) return normalizedDark || normalizedLight
|
|
return `${normalizedDark}||${normalizedLight}`
|
|
}
|
|
|
|
const defaultSubmissionGuidelines = `1. 投稿时无需加入书名号
|
|
2. 除DJ外，其他类型歌曲均接收（包括小语种）
|
|
3. 禁止投递含有违规内容的歌曲
|
|
4. 点播的歌曲将由管理员进行审核
|
|
5. 审核通过后将安排在播放时段播出
|
|
6. 提交即表明我已阅读投稿须知并已知该歌曲有概率无法播出
|
|
7. 本系统仅提供音乐搜索和播放管理功能，不存储任何音乐文件。所有音乐内容均来自第三方音乐平台，版权归原平台及版权方所有。用户点歌时请确保遵守相关音乐平台的服务条款，尊重音乐作品版权。我们鼓励用户支持正版音乐，在官方平台购买和收听喜爱的音乐作品。
|
|
8. 最终解释权归广播站所有`
|
|
|
|
// 站点配置状态
|
|
const siteConfig = ref({
|
|
siteTitle: '',
|
|
siteLogoUrl: '',
|
|
schoolLogoHomeUrl: '',
|
|
schoolLogoPrintUrl: '',
|
|
siteDescription: '',
|
|
submissionGuidelines: '',
|
|
icpNumber: '',
|
|
gonganNumber: '',
|
|
captchaEnabled: false,
|
|
captchaProvider: 'graphic',
|
|
turnstileSiteKey: '',
|
|
enableSubmissionLimit: false,
|
|
enableCardCodeRequests: false,
|
|
requireCardCodeForRequests: false,
|
|
enableCardCodeLimitBypass: false,
|
|
githubOAuthEnabled: false,
|
|
casdoorOAuthEnabled: false,
|
|
googleOAuthEnabled: false,
|
|
aggregateOAuthEnabled: false,
|
|
aggregateOAuthLoginType: 'qq',
|
|
customOAuthEnabled: false,
|
|
customOAuthDisplayName: '',
|
|
allowRegister: false,
|
|
submissionNoteRequiresApproval: false,
|
|
registerEmailRequired: false,
|
|
registerRequiresGradeClass: false,
|
|
defaultTheme: 'System',
|
|
enabledThemes: JSON.stringify(['System', 'ClassicDark', 'ClassicLight', 'ModernLight'])
|
|
})
|
|
|
|
const isLoaded = ref(false)
|
|
const isLoading = ref(false)
|
|
|
|
const getImageDisplayUrl = (url) => {
|
|
const normalizedUrl = typeof url === 'string' ? url.trim() : ''
|
|
if (!normalizedUrl) return ''
|
|
|
|
// HTTP 图片通过同源代理加载，避免在 HTTPS 页面中被浏览器按混合内容拦截
|
|
if (/^http:\/\//i.test(normalizedUrl)) {
|
|
return `/api/proxy/image?url=${encodeURIComponent(normalizedUrl)}`
|
|
}
|
|
|
|
return normalizedUrl
|
|
}
|
|
|
|
export const useSiteConfig = () => {
|
|
const { isDark } = useTheme()
|
|
// 获取站点配置
|
|
const fetchSiteConfig = async () => {
|
|
if (isLoading.value) return
|
|
|
|
try {
|
|
isLoading.value = true
|
|
|
|
const response = await fetch('/api/site-config')
|
|
if (!response.ok) {
|
|
throw new Error('获取站点配置失败')
|
|
}
|
|
|
|
const data = await response.json()
|
|
siteConfig.value = data
|
|
try {
|
|
applyThemeConfig(
|
|
data.defaultTheme,
|
|
typeof data.enabledThemes === 'string' ? JSON.parse(data.enabledThemes) : data.enabledThemes
|
|
)
|
|
} catch {
|
|
applyThemeConfig('System', null)
|
|
}
|
|
isLoaded.value = true
|
|
} catch (error) {
|
|
console.error('获取站点配置失败:', error)
|
|
|
|
// 使用默认配置
|
|
siteConfig.value = {
|
|
siteTitle: '校园广播站点歌系统',
|
|
siteLogoUrl: '/favicon.ico',
|
|
schoolLogoHomeUrl: '',
|
|
schoolLogoPrintUrl: '',
|
|
siteDescription: '校园广播站点歌系统 - 让你的声音被听见',
|
|
submissionGuidelines: defaultSubmissionGuidelines,
|
|
icpNumber: '',
|
|
gonganNumber: '',
|
|
enableReplayRequests: false,
|
|
enableSubmissionRestriction: false,
|
|
enableCollaborativeSubmission: true,
|
|
enableSubmissionRemarks: false,
|
|
allowOAuthRegistration: false,
|
|
captchaEnabled: false,
|
|
captchaProvider: 'graphic',
|
|
turnstileSiteKey: '',
|
|
enableSubmissionLimit: false,
|
|
enableCardCodeRequests: false,
|
|
requireCardCodeForRequests: false,
|
|
enableCardCodeLimitBypass: false,
|
|
githubOAuthEnabled: false,
|
|
casdoorOAuthEnabled: false,
|
|
googleOAuthEnabled: false,
|
|
aggregateOAuthEnabled: false,
|
|
aggregateOAuthLoginType: 'qq',
|
|
customOAuthEnabled: false,
|
|
customOAuthDisplayName: '',
|
|
allowRegister: false,
|
|
submissionNoteRequiresApproval: false,
|
|
registerEmailRequired: false,
|
|
registerRequiresGradeClass: false,
|
|
defaultTheme: 'System',
|
|
enabledThemes: JSON.stringify(['System', 'ClassicDark', 'ClassicLight', 'ModernLight'])
|
|
}
|
|
isLoaded.value = true
|
|
} finally {
|
|
isLoading.value = false
|
|
}
|
|
}
|
|
|
|
// 计算属性
|
|
const siteTitle = computed(() => siteConfig.value.siteTitle || '校园广播站点歌系统')
|
|
const logoUrl = computed(() => siteConfig.value.siteLogoUrl || '/favicon.ico')
|
|
const schoolLogoHomeUrl = computed(() => {
|
|
const logos = splitThemeLogoUrl(siteConfig.value.schoolLogoHomeUrl)
|
|
return (isDark.value ? logos.dark : logos.light) || logos.dark || logos.light || ''
|
|
})
|
|
const schoolLogoPrintUrl = computed(() => siteConfig.value.schoolLogoPrintUrl || '')
|
|
const schoolLogoHomeDisplayUrl = computed(() => getImageDisplayUrl(schoolLogoHomeUrl.value))
|
|
const schoolLogoPrintDisplayUrl = computed(() => getImageDisplayUrl(schoolLogoPrintUrl.value))
|
|
const description = computed(
|
|
() => siteConfig.value.siteDescription || '校园广播站点歌系统 - 让你的声音被听见'
|
|
)
|
|
const guidelines = computed(
|
|
() => siteConfig.value.submissionGuidelines || defaultSubmissionGuidelines
|
|
)
|
|
const icp = computed(() => siteConfig.value.icpNumber || '')
|
|
const gonganNumber = computed(() => siteConfig.value.gonganNumber || '')
|
|
const showBeianIcon = computed(() => siteConfig.value.showBeianIcon || false)
|
|
const enableReplayRequests = computed(() => siteConfig.value.enableReplayRequests || false)
|
|
const enableSubmissionRestriction = computed(
|
|
() => siteConfig.value.enableSubmissionRestriction === true
|
|
)
|
|
const enableCollaborativeSubmission = computed(
|
|
() => siteConfig.value.enableCollaborativeSubmission !== false
|
|
)
|
|
const enableSubmissionRemarks = computed(() => siteConfig.value.enableSubmissionRemarks === true)
|
|
const enableSubmissionLimit = computed(() => siteConfig.value.enableSubmissionLimit === true)
|
|
const enableCardCodeRequests = computed(() => siteConfig.value.enableCardCodeRequests === true)
|
|
const requireCardCodeForRequests = computed(
|
|
() =>
|
|
enableCardCodeRequests.value && siteConfig.value.requireCardCodeForRequests === true
|
|
)
|
|
const enableCardCodeLimitBypass = computed(
|
|
() => siteConfig.value.enableCardCodeLimitBypass === true
|
|
)
|
|
const allowOAuthRegistration = computed(() => siteConfig.value.allowOAuthRegistration === true)
|
|
const allowRegister = computed(() => siteConfig.value.allowRegister === true)
|
|
const registerEmailRequired = computed(() => siteConfig.value.registerEmailRequired === true)
|
|
const registerRequiresGradeClass = computed(
|
|
() => siteConfig.value.registerRequiresGradeClass === true
|
|
)
|
|
const submissionNoteRequiresApproval = computed(
|
|
() => siteConfig.value.submissionNoteRequiresApproval === true
|
|
)
|
|
const captchaEnabled = computed(() => siteConfig.value.captchaEnabled === true)
|
|
const captchaProvider = computed(() => siteConfig.value.captchaProvider || 'graphic')
|
|
const turnstileSiteKey = computed(() => siteConfig.value.turnstileSiteKey || '')
|
|
const smtpEnabled = computed(() => !!siteConfig.value.smtpEnabled)
|
|
const oauth = computed(() => ({
|
|
github: !!siteConfig.value.githubOAuthEnabled,
|
|
casdoor: !!siteConfig.value.casdoorOAuthEnabled,
|
|
google: !!siteConfig.value.googleOAuthEnabled,
|
|
aggregate: !!siteConfig.value.aggregateOAuthEnabled,
|
|
oauth2: !!siteConfig.value.customOAuthEnabled
|
|
}))
|
|
|
|
const oauthProviders = computed(() => {
|
|
const providers = []
|
|
if (siteConfig.value.githubOAuthEnabled) {
|
|
providers.push({ key: 'github', name: 'GitHub' })
|
|
}
|
|
if (siteConfig.value.casdoorOAuthEnabled) {
|
|
providers.push({ key: 'casdoor', name: 'Casdoor' })
|
|
}
|
|
if (siteConfig.value.googleOAuthEnabled) {
|
|
providers.push({ key: 'google', name: 'Google' })
|
|
}
|
|
if (siteConfig.value.aggregateOAuthEnabled) {
|
|
const enabledLoginTypes = getAggregateOAuthLoginTypesOrDefault(
|
|
siteConfig.value.aggregateOAuthLoginType
|
|
)
|
|
enabledLoginTypes.forEach((loginType) => {
|
|
providers.push({
|
|
key: `aggregate:${loginType}`,
|
|
routeProvider: 'aggregate',
|
|
loginType,
|
|
name: getProviderDisplayName(`aggregate:${loginType}`)
|
|
})
|
|
})
|
|
}
|
|
if (siteConfig.value.customOAuthEnabled) {
|
|
providers.push({
|
|
key: 'oauth2',
|
|
name: siteConfig.value.customOAuthDisplayName || '第三方 OAuth'
|
|
})
|
|
}
|
|
return providers
|
|
})
|
|
|
|
// 初始化配置（仅在客户端执行）
|
|
const initSiteConfig = async () => {
|
|
if (typeof window !== 'undefined' && !isLoaded.value) {
|
|
await fetchSiteConfig()
|
|
}
|
|
}
|
|
|
|
// 刷新配置
|
|
const refreshSiteConfig = async () => {
|
|
isLoaded.value = false
|
|
await fetchSiteConfig()
|
|
}
|
|
|
|
return {
|
|
siteConfig: readonly(siteConfig),
|
|
isLoaded: readonly(isLoaded),
|
|
isLoading: readonly(isLoading),
|
|
siteTitle,
|
|
logoUrl,
|
|
schoolLogoHomeUrl,
|
|
schoolLogoPrintUrl,
|
|
schoolLogoHomeDisplayUrl,
|
|
schoolLogoPrintDisplayUrl,
|
|
description,
|
|
guidelines,
|
|
icp,
|
|
gonganNumber,
|
|
showBeianIcon,
|
|
enableReplayRequests,
|
|
enableSubmissionRestriction,
|
|
enableCollaborativeSubmission,
|
|
enableSubmissionRemarks,
|
|
enableSubmissionLimit,
|
|
enableCardCodeRequests,
|
|
requireCardCodeForRequests,
|
|
enableCardCodeLimitBypass,
|
|
allowOAuthRegistration,
|
|
allowRegister,
|
|
submissionNoteRequiresApproval,
|
|
registerEmailRequired,
|
|
registerRequiresGradeClass,
|
|
captchaEnabled,
|
|
captchaProvider,
|
|
turnstileSiteKey,
|
|
smtpEnabled,
|
|
oauth,
|
|
oauthProviders,
|
|
fetchSiteConfig,
|
|
initSiteConfig,
|
|
refreshSiteConfig
|
|
}
|
|
}
|