新增宣传页 Mock 模块并接入首页路由。
从 xh_test 同步 ScenicPromotion 演示页，补齐 MVVM 结构、本地资源、单元测试与模块文档，注册 promotion_page 首页入口。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@ -0,0 +1,270 @@
|
||||
//
|
||||
// ScenicPromotionViewModels.swift
|
||||
// suixinkan
|
||||
//
|
||||
// Created by Codex on 2026/7/2.
|
||||
//
|
||||
|
||||
import Combine
|
||||
import Foundation
|
||||
import SwiftUI
|
||||
|
||||
/// 宣传页主视图 ViewModel，驱动看板数据、打卡点切换与素材选中状态。
|
||||
@MainActor
|
||||
final class ScenicPromotionViewModel: ObservableObject {
|
||||
@Published private(set) var pageState: ScenicPromotionPageState = .idle
|
||||
@Published private(set) var board: ScenicPromotionBoard?
|
||||
@Published var selectedSpotID: String?
|
||||
@Published var selectedMode: ScenicPromotionMediaMode = .video
|
||||
@Published var selectedMediaID: ScenicPromotionMedia.ID?
|
||||
@Published private(set) var activeScenario: ScenicPromotionDemoScenario = .normal
|
||||
|
||||
/// 当前选中的打卡点；如果 selectedSpotID 为空，默认取第一个点位。
|
||||
var selectedSpot: ScenicPromotionSpot? {
|
||||
guard let board else { return nil }
|
||||
return board.spots.first { $0.id == selectedSpotID } ?? board.spots.first
|
||||
}
|
||||
|
||||
/// 无排队演示状态下返回 nil，让页面展示“当前暂无排队信息”。
|
||||
var queue: ScenicPromotionQueueInfo? {
|
||||
guard activeScenario != .noQueue else { return nil }
|
||||
return selectedSpot?.queue
|
||||
}
|
||||
|
||||
/// 当前素材列表随“视频 / 照片”切换变化，缩略图和主视觉共用这组数据。
|
||||
var mediaItems: [ScenicPromotionMedia] {
|
||||
guard activeScenario != .noMedia else { return [] }
|
||||
return Self.mediaItems(for: selectedSpot, mode: selectedMode)
|
||||
}
|
||||
|
||||
/// 当前主视觉素材；如果选中 ID 丢失，兜底展示列表第一条。
|
||||
var selectedMedia: ScenicPromotionMedia? {
|
||||
let items = mediaItems
|
||||
return items.first { $0.id == selectedMediaID } ?? items.first
|
||||
}
|
||||
|
||||
var hasQueueData: Bool {
|
||||
queue != nil
|
||||
}
|
||||
|
||||
/// 首次进入页面时加载 Mock 数据。
|
||||
func loadIfNeeded() async {
|
||||
guard pageState == .idle else { return }
|
||||
await load()
|
||||
}
|
||||
|
||||
/// 模拟接口加载耗时，便于展示 Loading 状态。
|
||||
func load() async {
|
||||
withAnimation(.easeInOut(duration: 0.25)) {
|
||||
pageState = .loading
|
||||
}
|
||||
try? await Task.sleep(nanoseconds: 350_000_000)
|
||||
guard !Task.isCancelled else { return }
|
||||
applyScenario(.normal)
|
||||
}
|
||||
|
||||
/// 切换产品演示状态，覆盖正常、无媒体、无排队、加载、异常和空数据。
|
||||
func applyScenario(_ scenario: ScenicPromotionDemoScenario) {
|
||||
activeScenario = scenario
|
||||
withAnimation(.easeInOut(duration: 0.28)) {
|
||||
switch scenario {
|
||||
case .normal, .noMedia, .noQueue:
|
||||
board = ScenicPromotionMockStore.mockBoard
|
||||
selectedSpotID = selectedSpotID ?? board?.spots.first?.id
|
||||
selectedMediaID = Self.mediaItems(for: selectedSpot, mode: selectedMode).first?.id
|
||||
pageState = .normal
|
||||
case .loading:
|
||||
pageState = .loading
|
||||
case .error:
|
||||
board = nil
|
||||
pageState = .error("宣传页数据加载失败，请稍后重试")
|
||||
case .empty:
|
||||
board = nil
|
||||
pageState = .empty
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// 切换打卡点时，默认选中当前素材类型下的第一条素材。
|
||||
func selectSpot(_ spot: ScenicPromotionSpot) {
|
||||
withAnimation(.spring(response: 0.28, dampingFraction: 0.82)) {
|
||||
selectedSpotID = spot.id
|
||||
selectedMediaID = Self.mediaItems(for: spot, mode: selectedMode).first?.id
|
||||
}
|
||||
}
|
||||
|
||||
/// 切换视频 / 照片时，底部主视觉同步切到该模式下第一条素材。
|
||||
func selectMode(_ mode: ScenicPromotionMediaMode) {
|
||||
withAnimation(.spring(response: 0.28, dampingFraction: 0.82)) {
|
||||
selectedMode = mode
|
||||
selectedMediaID = Self.mediaItems(for: selectedSpot, mode: mode).first?.id
|
||||
}
|
||||
}
|
||||
|
||||
/// 点击横向素材缩略图，只更新选中态并联动底部主视觉。
|
||||
func selectMedia(_ media: ScenicPromotionMedia) {
|
||||
withAnimation(.spring(response: 0.28, dampingFraction: 0.82)) {
|
||||
selectedMediaID = media.id
|
||||
}
|
||||
}
|
||||
|
||||
/// 左右箭头循环切换当前素材。
|
||||
func moveMedia(_ offset: Int) {
|
||||
let items = mediaItems
|
||||
guard !items.isEmpty else { return }
|
||||
let currentIndex = items.firstIndex { $0.id == selectedMedia?.id } ?? 0
|
||||
let nextIndex = (currentIndex + offset + items.count) % items.count
|
||||
selectMedia(items[nextIndex])
|
||||
}
|
||||
|
||||
/// 根据点位和素材类型取素材列表，避免切换模式时读到旧模式数据。
|
||||
static func mediaItems(
|
||||
for spot: ScenicPromotionSpot?,
|
||||
mode: ScenicPromotionMediaMode
|
||||
) -> [ScenicPromotionMedia] {
|
||||
switch mode {
|
||||
case .video:
|
||||
return spot?.videos ?? []
|
||||
case .photo:
|
||||
return spot?.photos ?? []
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// 宣传页设置 ViewModel，管理排队绑定、素材点、上传、删除和提交。
|
||||
@MainActor
|
||||
final class ScenicPromotionSettingsViewModel: ObservableObject {
|
||||
@Published private(set) var pageState: ScenicPromotionSettingsPageState = .idle
|
||||
@Published private(set) var queuePoints: [ScenicPromotionQueuePoint] = []
|
||||
@Published private(set) var materialPoints: [ScenicPromotionMaterialPoint] = []
|
||||
@Published var selectedQueuePointIDs: Set<String> = []
|
||||
@Published var selectedMaterialPointID: String?
|
||||
@Published private(set) var materialsByPointID: [String: [ScenicPromotionManagedMaterial]] = [:]
|
||||
|
||||
/// 多选排队打卡点的展示文案。
|
||||
var selectedQueuePointNames: String {
|
||||
let names = queuePoints
|
||||
.filter { selectedQueuePointIDs.contains($0.id) }
|
||||
.map(\.name)
|
||||
return names.isEmpty ? "请选择排队打卡点" : names.joined(separator: "、")
|
||||
}
|
||||
|
||||
/// 当前素材上传所属打卡点。
|
||||
var selectedMaterialPoint: ScenicPromotionMaterialPoint? {
|
||||
guard let selectedMaterialPointID else { return nil }
|
||||
return materialPoints.first { $0.id == selectedMaterialPointID }
|
||||
}
|
||||
|
||||
/// 素材点选择框的展示文案。
|
||||
var selectedMaterialPointName: String {
|
||||
selectedMaterialPoint?.name ?? "请选择素材所属打卡点"
|
||||
}
|
||||
|
||||
/// 首次进入设置页时加载 Mock 配置。
|
||||
func loadIfNeeded() async {
|
||||
guard pageState == .idle else { return }
|
||||
await load()
|
||||
}
|
||||
|
||||
/// 模拟设置页加载过程。
|
||||
func load() async {
|
||||
withAnimation(.easeInOut(duration: 0.24)) {
|
||||
pageState = .loading
|
||||
}
|
||||
try? await Task.sleep(nanoseconds: 260_000_000)
|
||||
guard !Task.isCancelled else { return }
|
||||
applyScenario(.normal)
|
||||
}
|
||||
|
||||
/// 切换设置页演示状态。
|
||||
func applyScenario(_ scenario: ScenicPromotionSettingsDemoScenario) {
|
||||
withAnimation(.easeInOut(duration: 0.24)) {
|
||||
switch scenario {
|
||||
case .normal:
|
||||
queuePoints = ScenicPromotionMockStore.mockQueuePoints
|
||||
materialPoints = ScenicPromotionMockStore.mockMaterialPoints
|
||||
selectedQueuePointIDs = ["queue_bridge", "queue_hendi"]
|
||||
selectedMaterialPointID = selectedMaterialPointID ?? ScenicPromotionMockStore.mockMaterialPoints.first?.id
|
||||
materialsByPointID = ScenicPromotionMockStore.mockMaterialsByPointID
|
||||
pageState = .normal
|
||||
case .loading:
|
||||
pageState = .loading
|
||||
case .empty:
|
||||
queuePoints = []
|
||||
materialPoints = []
|
||||
selectedQueuePointIDs = []
|
||||
selectedMaterialPointID = nil
|
||||
materialsByPointID = [:]
|
||||
pageState = .empty
|
||||
case .error:
|
||||
queuePoints = []
|
||||
materialPoints = []
|
||||
selectedQueuePointIDs = []
|
||||
selectedMaterialPointID = nil
|
||||
materialsByPointID = [:]
|
||||
pageState = .error("宣传页设置数据加载失败，请稍后重试")
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// 排队打卡点多选逻辑。
|
||||
func toggleQueuePoint(_ point: ScenicPromotionQueuePoint) {
|
||||
withAnimation(.spring(response: 0.25, dampingFraction: 0.86)) {
|
||||
if selectedQueuePointIDs.contains(point.id) {
|
||||
selectedQueuePointIDs.remove(point.id)
|
||||
} else {
|
||||
selectedQueuePointIDs.insert(point.id)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// 切换素材所属打卡点后，页面会展示该点位已有素材。
|
||||
func selectMaterialPoint(_ point: ScenicPromotionMaterialPoint) {
|
||||
withAnimation(.spring(response: 0.25, dampingFraction: 0.86)) {
|
||||
selectedMaterialPointID = point.id
|
||||
}
|
||||
}
|
||||
|
||||
/// 获取当前素材点下指定类型的素材。
|
||||
func materials(for kind: ScenicPromotionUploadKind) -> [ScenicPromotionManagedMaterial] {
|
||||
guard let selectedMaterialPointID else { return [] }
|
||||
return (materialsByPointID[selectedMaterialPointID] ?? [])
|
||||
.filter { $0.kind == kind }
|
||||
}
|
||||
|
||||
/// 模拟上传素材；未选择素材点时返回 false，由页面弹提示。
|
||||
func addMaterial(kind: ScenicPromotionUploadKind) -> Bool {
|
||||
guard let point = selectedMaterialPoint else { return false }
|
||||
let currentItems = materialsByPointID[point.id] ?? []
|
||||
let nextIndex = currentItems.filter { $0.kind == kind }.count + 1
|
||||
let assetName = ScenicPromotionMockStore.assetName(for: kind, index: nextIndex)
|
||||
let material = ScenicPromotionManagedMaterial(
|
||||
id: "\(point.id)_\(kind.rawValue)_\(UUID().uuidString)",
|
||||
pointID: point.id,
|
||||
kind: kind,
|
||||
title: "\(point.name)\(kind.shortTitle)\(nextIndex)",
|
||||
subtitle: kind == .video ? "模拟上传视频，待后续接入真实素材" : "模拟上传图片，待后续接入真实素材",
|
||||
assetName: assetName,
|
||||
duration: kind == .video ? "00:\(String(format: "%02d", 20 + nextIndex * 3))" : nil,
|
||||
createdAt: "2026-06-25 19:\(String(format: "%02d", 20 + nextIndex))"
|
||||
)
|
||||
|
||||
withAnimation(.spring(response: 0.28, dampingFraction: 0.86)) {
|
||||
materialsByPointID[point.id, default: []].append(material)
|
||||
}
|
||||
return true
|
||||
}
|
||||
|
||||
/// 删除当前素材点下的某个素材。
|
||||
func deleteMaterial(_ material: ScenicPromotionManagedMaterial) {
|
||||
withAnimation(.spring(response: 0.25, dampingFraction: 0.86)) {
|
||||
materialsByPointID[material.pointID]?.removeAll { $0.id == material.id }
|
||||
}
|
||||
}
|
||||
|
||||
/// 提交前校验至少绑定一个排队打卡点。
|
||||
func submit() -> Bool {
|
||||
guard !selectedQueuePointIDs.isEmpty else { return false }
|
||||
return true
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user