feat: update wallet punch point and report success
This commit is contained in:
668
suixinkan/UI/PunchPoint/PunchPointFormViewController.swift
Normal file
668
suixinkan/UI/PunchPoint/PunchPointFormViewController.swift
Normal file
@ -0,0 +1,668 @@
|
||||
//
|
||||
// PunchPointFormViewController.swift
|
||||
// suixinkan
|
||||
//
|
||||
|
||||
import Kingfisher
|
||||
import PhotosUI
|
||||
import SnapKit
|
||||
import UIKit
|
||||
|
||||
/// 打卡点新建与编辑页，对齐 Android `AddPunchPointScreen` / `EditPunchPointScreen`。
|
||||
final class PunchPointFormViewController: BaseViewController {
|
||||
private let viewModel: PunchPointFormViewModel
|
||||
private let api: any PunchPointAPIProtocol
|
||||
private let uploader: any PunchPointImageUploading
|
||||
private let initialDetail: PunchPointDetail?
|
||||
|
||||
private let mapView = PunchPointMapView()
|
||||
private let zoomStack = UIStackView()
|
||||
private let zoomInButton = PunchPointMapControlButton(symbol: "plus")
|
||||
private let zoomOutButton = PunchPointMapControlButton(symbol: "minus")
|
||||
private let locateButton = PunchPointMapControlButton(symbol: "location.fill")
|
||||
private let cardView = UIView()
|
||||
private let scrollView = UIScrollView()
|
||||
private let formStack = UIStackView()
|
||||
private let nameField = PunchPointTextFieldView(title: "*打卡点名称", placeholder: "请输入打卡点名称")
|
||||
private let coordinateField = PunchPointCoordinateFieldView(title: "*打卡点坐标", placeholder: "点击右侧按钮,定位打卡点坐标")
|
||||
private let addressField = PunchPointTextFieldView(title: "*打卡点地址", placeholder: "请输入打卡点地址")
|
||||
private let descriptionField = PunchPointTextViewFieldView(title: "打卡点描述", placeholder: "请输入内容 (50字以内)")
|
||||
private let imageGrid = PunchPointImageGridView()
|
||||
private let bottomBar = UIView()
|
||||
private let submitButton = UIButton(type: .system)
|
||||
private var progressAlert: UIAlertController?
|
||||
private var progressView: UIProgressView?
|
||||
private var progressLabel: UILabel?
|
||||
|
||||
var onSubmitSuccess: (() -> Void)?
|
||||
|
||||
/// 初始化打卡点表单页。
|
||||
init(
|
||||
mode: PunchPointFormViewModel.Mode,
|
||||
initialDetail: PunchPointDetail? = nil,
|
||||
viewModel: PunchPointFormViewModel? = nil,
|
||||
api: (any PunchPointAPIProtocol)? = nil,
|
||||
uploader: (any PunchPointImageUploading)? = nil
|
||||
) {
|
||||
self.viewModel = viewModel ?? PunchPointFormViewModel(mode: mode)
|
||||
self.api = api ?? NetworkServices.shared.punchPointAPI
|
||||
self.uploader = uploader ?? NetworkServices.shared.ossUploadService
|
||||
self.initialDetail = initialDetail
|
||||
super.init(nibName: nil, bundle: nil)
|
||||
}
|
||||
|
||||
@available(*, unavailable)
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
override func setupNavigationBar() {
|
||||
switch viewModel.mode {
|
||||
case .create:
|
||||
title = "新建打卡点"
|
||||
case .edit:
|
||||
title = "编辑打卡点"
|
||||
}
|
||||
}
|
||||
|
||||
override func setupUI() {
|
||||
view.backgroundColor = AppColor.pageBackground
|
||||
zoomStack.axis = .vertical
|
||||
zoomStack.spacing = 0
|
||||
zoomStack.addArrangedSubview(zoomInButton)
|
||||
zoomStack.addArrangedSubview(zoomOutButton)
|
||||
cardView.backgroundColor = .white
|
||||
cardView.layer.cornerRadius = 12
|
||||
cardView.clipsToBounds = true
|
||||
scrollView.keyboardDismissMode = .interactive
|
||||
scrollView.showsVerticalScrollIndicator = false
|
||||
formStack.axis = .vertical
|
||||
formStack.spacing = 16
|
||||
imageGrid.title = "*上传图片 (最多9张)"
|
||||
bottomBar.backgroundColor = .white
|
||||
submitButton.setTitle("提交审核", for: .normal)
|
||||
submitButton.setTitleColor(.white, for: .normal)
|
||||
submitButton.titleLabel?.font = .systemFont(ofSize: 16, weight: .medium)
|
||||
submitButton.backgroundColor = AppColor.primary
|
||||
submitButton.layer.cornerRadius = 8
|
||||
|
||||
view.addSubview(mapView)
|
||||
view.addSubview(zoomStack)
|
||||
view.addSubview(locateButton)
|
||||
view.addSubview(cardView)
|
||||
cardView.addSubview(scrollView)
|
||||
scrollView.addSubview(formStack)
|
||||
[nameField, coordinateField, addressField, descriptionField, imageGrid].forEach(formStack.addArrangedSubview)
|
||||
view.addSubview(bottomBar)
|
||||
bottomBar.addSubview(submitButton)
|
||||
}
|
||||
|
||||
override func setupConstraints() {
|
||||
mapView.snp.makeConstraints { make in
|
||||
make.top.equalTo(view.safeAreaLayoutGuide)
|
||||
make.leading.trailing.equalToSuperview()
|
||||
make.height.equalToSuperview().multipliedBy(0.4)
|
||||
}
|
||||
zoomStack.snp.makeConstraints { make in
|
||||
make.trailing.equalToSuperview().inset(16)
|
||||
make.bottom.equalTo(cardView.snp.top).offset(-16)
|
||||
}
|
||||
locateButton.snp.makeConstraints { make in
|
||||
make.trailing.equalToSuperview().inset(16)
|
||||
make.bottom.equalTo(zoomStack.snp.top).offset(-12)
|
||||
make.size.equalTo(40)
|
||||
}
|
||||
zoomInButton.snp.makeConstraints { make in
|
||||
make.size.equalTo(40)
|
||||
}
|
||||
zoomOutButton.snp.makeConstraints { make in
|
||||
make.size.equalTo(40)
|
||||
}
|
||||
bottomBar.snp.makeConstraints { make in
|
||||
make.leading.trailing.bottom.equalToSuperview()
|
||||
make.height.greaterThanOrEqualTo(84)
|
||||
}
|
||||
submitButton.snp.makeConstraints { make in
|
||||
make.top.equalToSuperview().offset(16)
|
||||
make.leading.trailing.equalToSuperview().inset(16)
|
||||
make.height.equalTo(52)
|
||||
make.bottom.equalTo(view.safeAreaLayoutGuide).offset(-16)
|
||||
}
|
||||
cardView.snp.makeConstraints { make in
|
||||
make.leading.trailing.equalToSuperview().inset(16)
|
||||
make.bottom.equalTo(bottomBar.snp.top).offset(-16)
|
||||
make.height.lessThanOrEqualToSuperview().multipliedBy(0.5)
|
||||
make.top.greaterThanOrEqualTo(mapView.snp.top).offset(40)
|
||||
}
|
||||
scrollView.snp.makeConstraints { make in
|
||||
make.edges.equalToSuperview()
|
||||
}
|
||||
formStack.snp.makeConstraints { make in
|
||||
make.edges.equalToSuperview().inset(UIEdgeInsets(top: 16, left: 12, bottom: 12, right: 12))
|
||||
make.width.equalTo(scrollView.snp.width).offset(-24)
|
||||
}
|
||||
}
|
||||
|
||||
override func bindActions() {
|
||||
viewModel.onStateChange = { [weak self] in
|
||||
Task { @MainActor in self?.applyViewModel() }
|
||||
}
|
||||
viewModel.onShowMessage = { [weak self] message in
|
||||
Task { @MainActor in self?.showToast(message) }
|
||||
}
|
||||
viewModel.onCoordinateChange = { [weak self] coordinate in
|
||||
Task { @MainActor in
|
||||
self?.mapView.updateMarker(coordinate: coordinate)
|
||||
self?.mapView.setCenter(coordinate, zoomLevel: 17)
|
||||
}
|
||||
}
|
||||
viewModel.onSubmitSuccess = { [weak self] in
|
||||
Task { @MainActor in
|
||||
self?.onSubmitSuccess?()
|
||||
self?.navigationController?.popViewController(animated: true)
|
||||
}
|
||||
}
|
||||
nameField.onTextChange = { [weak self] text in self?.viewModel.updateName(text) }
|
||||
addressField.onTextChange = { [weak self] text in self?.viewModel.updateAddress(text) }
|
||||
descriptionField.onTextChange = { [weak self] text in self?.viewModel.updateDescription(text) }
|
||||
coordinateField.onLocate = { [weak self] in
|
||||
guard let self else { return }
|
||||
Task { await self.viewModel.locateToCurrent() }
|
||||
}
|
||||
imageGrid.onAdd = { [weak self] in self?.presentImagePicker() }
|
||||
imageGrid.onDelete = { [weak self] index in self?.viewModel.deleteImage(at: index) }
|
||||
imageGrid.onRetry = { [weak self] index in
|
||||
guard let self else { return }
|
||||
Task { await self.viewModel.retryUpload(at: index, uploader: self.uploader) }
|
||||
}
|
||||
mapView.onMapTap = { [weak self] coordinate in
|
||||
guard let self else { return }
|
||||
Task { await self.viewModel.selectCoordinate(coordinate) }
|
||||
}
|
||||
zoomInButton.addTarget(self, action: #selector(zoomInTapped), for: .touchUpInside)
|
||||
zoomOutButton.addTarget(self, action: #selector(zoomOutTapped), for: .touchUpInside)
|
||||
locateButton.addTarget(self, action: #selector(locateTapped), for: .touchUpInside)
|
||||
submitButton.addTarget(self, action: #selector(submitTapped), for: .touchUpInside)
|
||||
}
|
||||
|
||||
override func viewDidLoad() {
|
||||
super.viewDidLoad()
|
||||
if let initialDetail {
|
||||
viewModel.initialize(with: initialDetail)
|
||||
} else {
|
||||
Task { await viewModel.autoLocation() }
|
||||
}
|
||||
}
|
||||
|
||||
@MainActor
|
||||
private func applyViewModel() {
|
||||
if !nameField.isEditing {
|
||||
nameField.text = viewModel.name
|
||||
}
|
||||
if !addressField.isEditing {
|
||||
addressField.text = viewModel.address
|
||||
}
|
||||
if !descriptionField.isEditing {
|
||||
descriptionField.text = viewModel.description
|
||||
}
|
||||
coordinateField.text = viewModel.coordinatesText
|
||||
imageGrid.apply(images: viewModel.images)
|
||||
submitButton.isEnabled = !viewModel.isSubmitting
|
||||
submitButton.alpha = submitButton.isEnabled ? 1 : 0.65
|
||||
submitButton.setTitle(viewModel.isSubmitting ? "提交中..." : "提交审核", for: .normal)
|
||||
updateUploadDialog(viewModel.uploadDialogState)
|
||||
}
|
||||
|
||||
private func presentImagePicker() {
|
||||
let remaining = max(0, 9 - viewModel.images.count)
|
||||
guard remaining > 0 else {
|
||||
showToast("最多只能选择9张图片")
|
||||
return
|
||||
}
|
||||
var configuration = PHPickerConfiguration(photoLibrary: .shared())
|
||||
configuration.filter = .images
|
||||
configuration.selectionLimit = remaining
|
||||
let picker = PHPickerViewController(configuration: configuration)
|
||||
picker.delegate = self
|
||||
present(picker, animated: true)
|
||||
}
|
||||
|
||||
private func makeImageState(image: UIImage, fileName: String) -> PunchPointImageState? {
|
||||
guard let data = image.jpegData(compressionQuality: 0.9) else { return nil }
|
||||
return PunchPointImageState(data: data, fileName: fileName)
|
||||
}
|
||||
|
||||
private func updateUploadDialog(_ state: PunchPointUploadDialogState?) {
|
||||
guard let state else {
|
||||
progressAlert?.dismiss(animated: true)
|
||||
progressAlert = nil
|
||||
progressView = nil
|
||||
progressLabel = nil
|
||||
return
|
||||
}
|
||||
if progressAlert == nil {
|
||||
let alert = UIAlertController(title: state.title, message: "\n\n", preferredStyle: .alert)
|
||||
let progress = UIProgressView(progressViewStyle: .default)
|
||||
progress.progressTintColor = AppColor.primary
|
||||
let label = UILabel()
|
||||
label.font = .systemFont(ofSize: 14)
|
||||
label.textColor = AppColor.textSecondary
|
||||
label.textAlignment = .center
|
||||
alert.view.addSubview(progress)
|
||||
alert.view.addSubview(label)
|
||||
progress.snp.makeConstraints { make in
|
||||
make.leading.trailing.equalToSuperview().inset(28)
|
||||
make.top.equalToSuperview().offset(88)
|
||||
}
|
||||
label.snp.makeConstraints { make in
|
||||
make.top.equalTo(progress.snp.bottom).offset(12)
|
||||
make.centerX.equalToSuperview()
|
||||
}
|
||||
progressAlert = alert
|
||||
progressView = progress
|
||||
progressLabel = label
|
||||
present(alert, animated: true)
|
||||
}
|
||||
progressAlert?.title = state.title
|
||||
progressView?.progress = Float(state.progress) / 100.0
|
||||
progressLabel?.text = "\(state.progress)%"
|
||||
}
|
||||
|
||||
@objc private func zoomInTapped() {
|
||||
mapView.zoomIn()
|
||||
}
|
||||
|
||||
@objc private func zoomOutTapped() {
|
||||
mapView.zoomOut()
|
||||
}
|
||||
|
||||
@objc private func locateTapped() {
|
||||
Task { await viewModel.locateToCurrent() }
|
||||
}
|
||||
|
||||
@objc private func submitTapped() {
|
||||
Task { await viewModel.submit(api: api) }
|
||||
}
|
||||
}
|
||||
|
||||
extension PunchPointFormViewController: PHPickerViewControllerDelegate {
|
||||
func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
|
||||
picker.dismiss(animated: true)
|
||||
guard !results.isEmpty else { return }
|
||||
var loadedItems = [PunchPointImageState?](repeating: nil, count: results.count)
|
||||
let group = DispatchGroup()
|
||||
|
||||
for (index, result) in results.enumerated() {
|
||||
group.enter()
|
||||
result.itemProvider.loadObject(ofClass: UIImage.self) { [weak self] object, _ in
|
||||
defer { group.leave() }
|
||||
guard let self, let image = object as? UIImage else { return }
|
||||
let fileName = "punch_point_\(Int(Date().timeIntervalSince1970))_\(index).jpg"
|
||||
loadedItems[index] = self.makeImageState(image: image, fileName: fileName)
|
||||
}
|
||||
}
|
||||
|
||||
group.notify(queue: .main) { [weak self] in
|
||||
guard let self else { return }
|
||||
Task { await self.viewModel.addLocalImages(loadedItems.compactMap { $0 }, uploader: self.uploader) }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// 打卡点表单单行输入字段。
|
||||
/// 打卡点表单单行输入字段。
|
||||
private final class PunchPointTextFieldView: UIView {
|
||||
private let titleLabel = UILabel()
|
||||
private let textField = UITextField()
|
||||
var onTextChange: ((String) -> Void)?
|
||||
var isEditing: Bool { textField.isFirstResponder }
|
||||
var text: String {
|
||||
get { textField.text ?? "" }
|
||||
set {
|
||||
if textField.text != newValue {
|
||||
textField.text = newValue
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
init(title: String, placeholder: String) {
|
||||
super.init(frame: .zero)
|
||||
titleLabel.attributedText = Self.requiredTitle(title)
|
||||
textField.placeholder = placeholder
|
||||
textField.font = .systemFont(ofSize: 14)
|
||||
textField.textColor = AppColor.textPrimary
|
||||
textField.backgroundColor = .white
|
||||
textField.layer.cornerRadius = 8
|
||||
textField.layer.borderColor = AppColor.border.cgColor
|
||||
textField.layer.borderWidth = 1
|
||||
textField.leftView = UIView(frame: CGRect(x: 0, y: 0, width: 12, height: 44))
|
||||
textField.leftViewMode = .always
|
||||
addSubview(titleLabel)
|
||||
addSubview(textField)
|
||||
titleLabel.snp.makeConstraints { make in
|
||||
make.top.leading.trailing.equalToSuperview()
|
||||
}
|
||||
textField.snp.makeConstraints { make in
|
||||
make.top.equalTo(titleLabel.snp.bottom).offset(8)
|
||||
make.leading.trailing.bottom.equalToSuperview()
|
||||
make.height.equalTo(44)
|
||||
}
|
||||
textField.addTarget(self, action: #selector(textChanged), for: .editingChanged)
|
||||
}
|
||||
|
||||
@available(*, unavailable)
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
fileprivate static func requiredTitle(_ text: String) -> NSAttributedString {
|
||||
let mutable = NSMutableAttributedString(string: text, attributes: [
|
||||
.font: UIFont.systemFont(ofSize: 14, weight: .medium),
|
||||
.foregroundColor: UIColor(hex: 0x2E3746),
|
||||
])
|
||||
if text.hasPrefix("*") {
|
||||
mutable.addAttribute(.foregroundColor, value: AppColor.danger, range: NSRange(location: 0, length: 1))
|
||||
}
|
||||
return mutable
|
||||
}
|
||||
|
||||
@objc private func textChanged() {
|
||||
onTextChange?(textField.text ?? "")
|
||||
}
|
||||
}
|
||||
|
||||
/// 打卡点坐标只读字段。
|
||||
/// 打卡点表单坐标选择字段。
|
||||
private final class PunchPointCoordinateFieldView: UIView {
|
||||
private let titleLabel = UILabel()
|
||||
private let container = UIView()
|
||||
private let valueLabel = UILabel()
|
||||
private let locateButton = UIButton(type: .system)
|
||||
private let placeholder: String
|
||||
var onLocate: (() -> Void)?
|
||||
var text: String = "" {
|
||||
didSet {
|
||||
valueLabel.text = text.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty ? placeholder : text
|
||||
valueLabel.textColor = text.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty ? UIColor(hex: 0x999999) : AppColor.textPrimary
|
||||
}
|
||||
}
|
||||
|
||||
init(title: String, placeholder: String) {
|
||||
self.placeholder = placeholder
|
||||
super.init(frame: .zero)
|
||||
titleLabel.attributedText = PunchPointTextFieldView.requiredTitle(title)
|
||||
container.layer.cornerRadius = 8
|
||||
container.layer.borderWidth = 1
|
||||
container.layer.borderColor = AppColor.border.cgColor
|
||||
valueLabel.text = placeholder
|
||||
valueLabel.font = .systemFont(ofSize: 14)
|
||||
valueLabel.textColor = UIColor(hex: 0x999999)
|
||||
locateButton.setImage(UIImage(systemName: "location.fill"), for: .normal)
|
||||
locateButton.tintColor = AppColor.textPrimary
|
||||
addSubview(titleLabel)
|
||||
addSubview(container)
|
||||
container.addSubview(valueLabel)
|
||||
container.addSubview(locateButton)
|
||||
titleLabel.snp.makeConstraints { make in
|
||||
make.top.leading.trailing.equalToSuperview()
|
||||
}
|
||||
container.snp.makeConstraints { make in
|
||||
make.top.equalTo(titleLabel.snp.bottom).offset(8)
|
||||
make.leading.trailing.bottom.equalToSuperview()
|
||||
make.height.equalTo(44)
|
||||
}
|
||||
valueLabel.snp.makeConstraints { make in
|
||||
make.leading.equalToSuperview().offset(12)
|
||||
make.centerY.equalToSuperview()
|
||||
make.trailing.equalTo(locateButton.snp.leading).offset(-8)
|
||||
}
|
||||
locateButton.snp.makeConstraints { make in
|
||||
make.trailing.equalToSuperview().inset(10)
|
||||
make.centerY.equalToSuperview()
|
||||
make.size.equalTo(26)
|
||||
}
|
||||
locateButton.addTarget(self, action: #selector(locateTapped), for: .touchUpInside)
|
||||
}
|
||||
|
||||
@available(*, unavailable)
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
@objc private func locateTapped() {
|
||||
onLocate?()
|
||||
}
|
||||
}
|
||||
|
||||
/// 打卡点描述输入字段。
|
||||
/// 打卡点表单多行描述字段。
|
||||
private final class PunchPointTextViewFieldView: UIView, UITextViewDelegate {
|
||||
private let titleLabel = UILabel()
|
||||
private let textView = UITextView()
|
||||
private let placeholderLabel = UILabel()
|
||||
var onTextChange: ((String) -> Void)?
|
||||
var isEditing: Bool { textView.isFirstResponder }
|
||||
var text: String {
|
||||
get { textView.text ?? "" }
|
||||
set {
|
||||
if textView.text != newValue {
|
||||
textView.text = newValue
|
||||
placeholderLabel.isHidden = !newValue.isEmpty
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
init(title: String, placeholder: String) {
|
||||
super.init(frame: .zero)
|
||||
titleLabel.text = title
|
||||
titleLabel.font = .systemFont(ofSize: 14, weight: .medium)
|
||||
titleLabel.textColor = UIColor(hex: 0x333333)
|
||||
textView.font = .systemFont(ofSize: 14)
|
||||
textView.textColor = AppColor.textPrimary
|
||||
textView.layer.cornerRadius = 8
|
||||
textView.layer.borderWidth = 1
|
||||
textView.layer.borderColor = AppColor.border.cgColor
|
||||
textView.textContainerInset = UIEdgeInsets(top: 10, left: 8, bottom: 10, right: 8)
|
||||
textView.delegate = self
|
||||
placeholderLabel.text = placeholder
|
||||
placeholderLabel.font = .systemFont(ofSize: 14)
|
||||
placeholderLabel.textColor = UIColor(hex: 0x999999)
|
||||
addSubview(titleLabel)
|
||||
addSubview(textView)
|
||||
textView.addSubview(placeholderLabel)
|
||||
titleLabel.snp.makeConstraints { make in
|
||||
make.top.leading.trailing.equalToSuperview()
|
||||
}
|
||||
textView.snp.makeConstraints { make in
|
||||
make.top.equalTo(titleLabel.snp.bottom).offset(8)
|
||||
make.leading.trailing.bottom.equalToSuperview()
|
||||
make.height.equalTo(92)
|
||||
}
|
||||
placeholderLabel.snp.makeConstraints { make in
|
||||
make.top.equalToSuperview().offset(10)
|
||||
make.leading.equalToSuperview().offset(12)
|
||||
make.trailing.equalToSuperview().inset(12)
|
||||
}
|
||||
}
|
||||
|
||||
@available(*, unavailable)
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
func textViewDidChange(_ textView: UITextView) {
|
||||
if textView.text.count > 50 {
|
||||
textView.text = String(textView.text.prefix(50))
|
||||
}
|
||||
placeholderLabel.isHidden = !textView.text.isEmpty
|
||||
onTextChange?(textView.text)
|
||||
}
|
||||
}
|
||||
|
||||
/// 打卡点图片上传网格。
|
||||
/// 打卡点表单图片网格，负责新增、预览、删除与重试入口展示。
|
||||
private final class PunchPointImageGridView: UIView {
|
||||
private let titleLabel = UILabel()
|
||||
private let stack = UIStackView()
|
||||
var onAdd: (() -> Void)?
|
||||
var onDelete: ((Int) -> Void)?
|
||||
var onRetry: ((Int) -> Void)?
|
||||
var title: String = "" {
|
||||
didSet { titleLabel.attributedText = PunchPointTextFieldView.requiredTitle(title) }
|
||||
}
|
||||
|
||||
override init(frame: CGRect) {
|
||||
super.init(frame: frame)
|
||||
titleLabel.font = .systemFont(ofSize: 14, weight: .medium)
|
||||
stack.axis = .vertical
|
||||
stack.spacing = 12
|
||||
addSubview(titleLabel)
|
||||
addSubview(stack)
|
||||
titleLabel.snp.makeConstraints { make in
|
||||
make.top.leading.trailing.equalToSuperview()
|
||||
}
|
||||
stack.snp.makeConstraints { make in
|
||||
make.top.equalTo(titleLabel.snp.bottom).offset(8)
|
||||
make.leading.trailing.bottom.equalToSuperview()
|
||||
}
|
||||
}
|
||||
|
||||
@available(*, unavailable)
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
func apply(images: [PunchPointImageState]) {
|
||||
stack.arrangedSubviews.forEach { $0.removeFromSuperview() }
|
||||
let cells = images.map(Optional.some) + (images.count < 9 ? [nil] : [])
|
||||
let rows = Int(ceil(Double(cells.count) / 3.0))
|
||||
guard rows > 0 else { return }
|
||||
for row in 0 ..< rows {
|
||||
let rowStack = UIStackView()
|
||||
rowStack.axis = .horizontal
|
||||
rowStack.spacing = 12
|
||||
rowStack.distribution = .fillEqually
|
||||
stack.addArrangedSubview(rowStack)
|
||||
for column in 0 ..< 3 {
|
||||
let index = row * 3 + column
|
||||
if index < cells.count {
|
||||
rowStack.addArrangedSubview(makeCell(item: cells[index], index: index))
|
||||
} else {
|
||||
rowStack.addArrangedSubview(UIView())
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private func makeCell(item: PunchPointImageState?, index: Int) -> UIView {
|
||||
let cell = PunchPointImageThumbView()
|
||||
cell.snp.makeConstraints { make in
|
||||
make.height.equalTo(cell.snp.width).dividedBy(1.7)
|
||||
}
|
||||
if let item {
|
||||
cell.apply(item: item)
|
||||
cell.onDelete = { [weak self] in self?.onDelete?(index) }
|
||||
cell.onRetry = { [weak self] in self?.onRetry?(index) }
|
||||
} else {
|
||||
cell.applyAdd()
|
||||
cell.onAdd = { [weak self] in self?.onAdd?() }
|
||||
}
|
||||
return cell
|
||||
}
|
||||
}
|
||||
|
||||
/// 打卡点图片上传缩略图。
|
||||
/// 打卡点图片缩略图。
|
||||
private final class PunchPointImageThumbView: UIControl {
|
||||
private let imageView = UIImageView()
|
||||
private let addIcon = UIImageView(image: UIImage(systemName: "plus"))
|
||||
private let deleteButton = UIButton(type: .system)
|
||||
private let overlayLabel = UILabel()
|
||||
var onAdd: (() -> Void)?
|
||||
var onDelete: (() -> Void)?
|
||||
var onRetry: (() -> Void)?
|
||||
|
||||
override init(frame: CGRect) {
|
||||
super.init(frame: frame)
|
||||
layer.cornerRadius = 8
|
||||
clipsToBounds = true
|
||||
backgroundColor = .white
|
||||
imageView.contentMode = .scaleAspectFill
|
||||
imageView.clipsToBounds = true
|
||||
addIcon.tintColor = AppColor.primary
|
||||
deleteButton.setImage(UIImage(systemName: "xmark.circle.fill"), for: .normal)
|
||||
deleteButton.tintColor = .white
|
||||
overlayLabel.font = .systemFont(ofSize: 14, weight: .medium)
|
||||
overlayLabel.textColor = .white
|
||||
overlayLabel.textAlignment = .center
|
||||
overlayLabel.backgroundColor = UIColor.black.withAlphaComponent(0.45)
|
||||
addSubview(imageView)
|
||||
addSubview(addIcon)
|
||||
addSubview(deleteButton)
|
||||
addSubview(overlayLabel)
|
||||
imageView.snp.makeConstraints { make in
|
||||
make.edges.equalToSuperview()
|
||||
}
|
||||
addIcon.snp.makeConstraints { make in
|
||||
make.center.equalToSuperview()
|
||||
make.size.equalTo(28)
|
||||
}
|
||||
deleteButton.snp.makeConstraints { make in
|
||||
make.top.trailing.equalToSuperview().inset(4)
|
||||
make.size.equalTo(22)
|
||||
}
|
||||
overlayLabel.snp.makeConstraints { make in
|
||||
make.edges.equalToSuperview()
|
||||
}
|
||||
addTarget(self, action: #selector(tapped), for: .touchUpInside)
|
||||
deleteButton.addTarget(self, action: #selector(deleteTapped), for: .touchUpInside)
|
||||
}
|
||||
|
||||
@available(*, unavailable)
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
func applyAdd() {
|
||||
layer.borderColor = UIColor(hex: 0xE5E7EB).cgColor
|
||||
layer.borderWidth = 1
|
||||
imageView.image = nil
|
||||
imageView.kf.cancelDownloadTask()
|
||||
addIcon.isHidden = false
|
||||
deleteButton.isHidden = true
|
||||
overlayLabel.isHidden = true
|
||||
}
|
||||
|
||||
func apply(item: PunchPointImageState) {
|
||||
layer.borderWidth = 0
|
||||
addIcon.isHidden = true
|
||||
deleteButton.isHidden = item.isUploading
|
||||
if let urlText = item.previewURL, let url = URL(string: urlText), !urlText.isEmpty {
|
||||
imageView.kf.setImage(with: url)
|
||||
} else {
|
||||
imageView.image = UIImage(data: item.data)
|
||||
}
|
||||
if item.isUploading {
|
||||
overlayLabel.isHidden = false
|
||||
overlayLabel.text = "\(item.uploadProgress)%"
|
||||
} else if item.errorMessage != nil {
|
||||
overlayLabel.isHidden = false
|
||||
overlayLabel.text = "重新上传"
|
||||
overlayLabel.backgroundColor = AppColor.danger.withAlphaComponent(0.65)
|
||||
} else {
|
||||
overlayLabel.isHidden = true
|
||||
}
|
||||
}
|
||||
|
||||
@objc private func tapped() {
|
||||
if !addIcon.isHidden {
|
||||
onAdd?()
|
||||
} else if !overlayLabel.isHidden, overlayLabel.text == "重新上传" {
|
||||
onRetry?()
|
||||
}
|
||||
}
|
||||
|
||||
@objc private func deleteTapped() {
|
||||
onDelete?()
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user