Files
hunli/vite-tailwindcss/src/composables/posterDefaults.js

228 lines
7.3 KiB
JavaScript
Raw Normal View History

2026-08-03 09:54:43 +08:00
/** 海报 side1=男方(/hb-n)2=女方(/hb-nv) */
2026-08-03 09:31:32 +08:00
export const POSTER_SIDES = [
2026-08-03 09:54:43 +08:00
{ key: 1, keyStr: '1', route: '/hb-n', label: '男方', short: 'n' },
{ key: 2, keyStr: '2', route: '/hb-nv', label: '女方', short: 'nv' },
2026-08-03 09:31:32 +08:00
]
2026-08-03 09:54:43 +08:00
export const POSTER_TEMPLATES = [
{ value: 'classic', label: '经典竖版', desc: '顶图 + 正文逐行出现' },
{ value: 'split', label: '左图右文', desc: '竖排书法 + 右侧宴席信息' },
]
2026-08-03 10:18:23 +08:00
/** 手机端布局仅影响窄屏PC 仍按模板本身版式 */
export const MOBILE_LAYOUTS = [
{ value: 'auto', label: '自动布局', desc: '按屏幕宽度自动切换(当前默认)' },
{ value: 'portrait', label: '竖向展示', desc: '手机端强制上下排布' },
{ value: 'landscape', label: '横屏展示', desc: '手机端强制左右分栏' },
]
2026-08-03 09:54:43 +08:00
/** 解析为 1 | 2无法识别返回 0 */
2026-08-03 09:31:32 +08:00
export function resolvePosterSide(input) {
2026-08-03 09:54:43 +08:00
if (input === 1 || input === '1') return 1
if (input === 2 || input === '2') return 2
2026-08-03 09:31:32 +08:00
const v = String(input || '').trim().toLowerCase()
2026-08-03 09:54:43 +08:00
if (v === 'female' || v === 'nv' || v === 'f' || v === 'bride') return 2
if (v === 'male' || v === 'n' || v === 'm' || v === 'groom') return 1
return 0
}
export function sideKey(side) {
const s = resolvePosterSide(side) || 1
return String(s)
2026-08-03 09:31:32 +08:00
}
2026-08-03 09:54:43 +08:00
function baseFields(side) {
2026-08-03 09:31:32 +08:00
return {
2026-08-03 09:54:43 +08:00
side: resolvePosterSide(side) || 1,
template: 'classic',
2026-08-03 10:18:23 +08:00
mobileLayout: 'auto',
2026-08-03 09:31:32 +08:00
enabled: true,
heroImg: '',
2026-08-03 10:18:23 +08:00
/** 二维码中心图;空则显示圆圈大囍 */
qrCenterImg: '',
2026-08-03 09:31:32 +08:00
title: '婚礼邀请函',
footer: '—诚挚邀请 ♥ 恭请光临—',
loadingEffect: 'redSeal',
enterEffect: 'fadeUp',
showInviteButton: true,
inviteButtonText: '打开请柬',
invitePath: '/',
2026-08-03 09:54:43 +08:00
// split 模板字段
verticalSlogan: '吾家有喜',
subSlogan1: '佳偶天成',
subSlogan2: '百年好合',
greeting: '尊敬的各位亲朋好友',
groomName: '',
brideName: '',
dateText: '2026年10月3日 星期日',
lunarText: '农历九月初八',
venueText: '幸福大酒店二楼宴会厅',
loveFooter: 'Love you',
2026-08-03 09:31:32 +08:00
}
}
2026-08-03 09:54:43 +08:00
/** 男方(1) 默认 */
export function defaultSide1PosterConfig() {
2026-08-03 09:31:32 +08:00
return {
2026-08-03 09:54:43 +08:00
...baseFields(1),
side: 1,
2026-08-03 09:31:32 +08:00
sonLabel: '儿子:',
sonName: '张浩强',
daughterInLawLabel: '儿媳:',
daughterInLawName: '刘佳怡',
2026-08-03 09:54:43 +08:00
groomName: '张浩强',
brideName: '刘佳怡',
verticalSlogan: '吾家有喜',
2026-08-03 09:31:32 +08:00
lines: [
'各位亲朋好友',
'吾家有喜 儿子结婚',
'良辰已定 吉日待访',
'兹定于2026年10月3日 星期日',
'农历九月初八 中午11:08分',
'为儿子儿媳举办结婚典礼',
'敬备喜宴 诚邀您携家人光临',
'地址:幸福大酒店二楼宴会厅',
'张国栋 & 陈晓玲 夫 妇 敬邀',
],
}
}
2026-08-03 09:54:43 +08:00
/** 女方(2) 默认 */
export function defaultSide2PosterConfig() {
2026-08-03 09:31:32 +08:00
return {
2026-08-03 09:54:43 +08:00
...baseFields(2),
side: 2,
2026-08-03 09:31:32 +08:00
sonLabel: '女儿:',
sonName: '刘佳怡',
daughterInLawLabel: '女婿:',
daughterInLawName: '张浩强',
2026-08-03 09:54:43 +08:00
groomName: '张浩强',
brideName: '刘佳怡',
verticalSlogan: '小女出阁',
2026-08-03 09:31:32 +08:00
lines: [
'各位亲朋好友',
'吾家有喜 女儿出嫁',
'良辰已定 吉日待访',
'兹定于2026年10月3日 星期日',
'农历九月初八 中午11:08分',
'为女儿女婿举办结婚典礼',
'敬备喜宴 诚邀您携家人光临',
'地址:幸福大酒店二楼宴会厅',
'刘建国 & 王秀兰 夫 妇 敬邀',
],
}
}
2026-08-03 09:54:43 +08:00
export function defaultMalePosterConfig() {
return defaultSide1PosterConfig()
}
export function defaultFemalePosterConfig() {
return defaultSide2PosterConfig()
}
2026-08-03 09:31:32 +08:00
export function defaultPosterConfig() {
2026-08-03 09:54:43 +08:00
return defaultSide1PosterConfig()
2026-08-03 09:31:32 +08:00
}
export function defaultPosterBundle() {
return {
2026-08-03 09:54:43 +08:00
'1': defaultSide1PosterConfig(),
'2': defaultSide2PosterConfig(),
2026-08-03 09:31:32 +08:00
}
}
export const LOADING_EFFECTS = [
{ value: 'fade', label: '淡入加载' },
{ value: 'redSeal', label: '红印囍字' },
{ value: 'goldShimmer', label: '金字微光' },
]
export const ENTER_EFFECTS = [
{ value: 'fadeUp', label: '上浮淡入' },
{ value: 'scaleIn', label: '缩放进入' },
{ value: 'curtain', label: '金幕拉开' },
]
function isLegacyFlatPoster(raw) {
if (!raw || typeof raw !== 'object') return false
2026-08-03 09:54:43 +08:00
if (raw['1'] || raw['2'] || raw[1] || raw[2] || raw.male || raw.female) return false
return 'title' in raw || 'lines' in raw || 'heroImg' in raw || 'sonName' in raw || 'template' in raw
2026-08-03 09:31:32 +08:00
}
2026-08-03 09:54:43 +08:00
function pickSideSource(loaded, side) {
const k = sideKey(side)
if (loaded[k] && typeof loaded[k] === 'object') return loaded[k]
if (side === 1 && loaded.male && typeof loaded.male === 'object') return loaded.male
if (side === 2 && loaded.female && typeof loaded.female === 'object') return loaded.female
return null
}
export function normalizePosterConfig(raw, side = 1) {
const s = resolvePosterSide(side) || 1
const base = s === 2 ? defaultSide2PosterConfig() : defaultSide1PosterConfig()
2026-08-03 09:31:32 +08:00
const loaded = raw && typeof raw === 'object' ? raw : {}
const lines = Array.isArray(loaded.lines)
? loaded.lines.map((l) => String(l ?? ''))
: base.lines
2026-08-03 09:54:43 +08:00
const template = POSTER_TEMPLATES.some((t) => t.value === loaded.template)
? loaded.template
: base.template
2026-08-03 10:18:23 +08:00
const mobileLayout = MOBILE_LAYOUTS.some((t) => t.value === loaded.mobileLayout)
? loaded.mobileLayout
: base.mobileLayout
2026-08-03 09:54:43 +08:00
const groomName = loaded.groomName || loaded.sonName || base.groomName
const brideName = loaded.brideName || loaded.daughterInLawName || base.brideName
2026-08-03 09:31:32 +08:00
return {
...base,
...loaded,
2026-08-03 09:54:43 +08:00
side: s,
template,
2026-08-03 10:18:23 +08:00
mobileLayout,
2026-08-03 09:31:32 +08:00
lines: lines.length ? lines : base.lines,
2026-08-03 09:54:43 +08:00
groomName,
brideName,
2026-08-03 09:31:32 +08:00
enabled: loaded.enabled !== false,
showInviteButton: loaded.showInviteButton !== false,
loadingEffect: LOADING_EFFECTS.some((e) => e.value === loaded.loadingEffect)
? loaded.loadingEffect
: base.loadingEffect,
enterEffect: ENTER_EFFECTS.some((e) => e.value === loaded.enterEffect)
? loaded.enterEffect
: base.enterEffect,
invitePath: loaded.invitePath || '/',
inviteButtonText: loaded.inviteButtonText || base.inviteButtonText,
2026-08-03 10:18:23 +08:00
qrCenterImg: loaded.qrCenterImg || '',
2026-08-03 09:54:43 +08:00
verticalSlogan: loaded.verticalSlogan || base.verticalSlogan,
subSlogan1: loaded.subSlogan1 || base.subSlogan1,
subSlogan2: loaded.subSlogan2 || base.subSlogan2,
greeting: loaded.greeting || base.greeting,
dateText: loaded.dateText || base.dateText,
lunarText: loaded.lunarText || base.lunarText,
venueText: loaded.venueText || base.venueText,
loveFooter: loaded.loveFooter || base.loveFooter,
2026-08-03 09:31:32 +08:00
}
}
2026-08-03 09:54:43 +08:00
/** 归一化为 { 1, 2 };兼容旧 male/female 与扁平数据 */
2026-08-03 09:31:32 +08:00
export function normalizePosterBundle(raw) {
const loaded = raw && typeof raw === 'object' ? raw : {}
if (isLegacyFlatPoster(loaded)) {
return {
2026-08-03 09:54:43 +08:00
'1': normalizePosterConfig(loaded, 1),
'2': defaultSide2PosterConfig(),
2026-08-03 09:31:32 +08:00
}
}
return {
2026-08-03 09:54:43 +08:00
'1': normalizePosterConfig(pickSideSource(loaded, 1) || {}, 1),
'2': normalizePosterConfig(pickSideSource(loaded, 2) || {}, 2),
2026-08-03 09:31:32 +08:00
}
}
export function pickPosterSide(bundle, side) {
const normalized = normalizePosterBundle(bundle)
2026-08-03 09:54:43 +08:00
const s = sideKey(side)
2026-08-03 09:31:32 +08:00
return normalized[s]
}