feat: align with upstream 1.5.9.9
This commit is contained in:
@@ -0,0 +1,298 @@
|
||||
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
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user