pushdeer/ios/PushDeer-iOS/PushDeer/View/MessageItemView.swift

179 lines
6.6 KiB
Swift
Raw Normal View History

2022-01-04 22:28:18 +08:00
//
// MessageItemView.swift
// PushDeer
//
// Created by HEXT on 2021/12/29.
//
import SwiftUI
import MarkdownUI
import SDWebImageSwiftUI
import Photos
2022-01-04 22:28:18 +08:00
struct MessageItemView: View {
let messageItem: MessageModel
2022-01-04 22:28:18 +08:00
///
let deleteAction : () -> ()
var body: some View {
VStack {
HStack {
HLine().stroke(Color(UIColor.lightGray))
.frame(width: 20, height: 1)
Image("avatar2")
.resizable()
.scaledToFit()
.frame(width: 38, height: 38)
Text(messageItem.pushkey_name ?? "")
2022-01-04 22:28:18 +08:00
.font(.system(size: 14))
.foregroundColor(Color("text2Color"))
Text(messageItem.createdDateStr)
2022-01-04 22:28:18 +08:00
.font(.system(size: 12))
.foregroundColor(Color("text2Color"))
2022-01-04 22:28:18 +08:00
HLine().stroke(Color(UIColor.lightGray))
.frame(height: 1)
}
DeletableView(contentView: {
MessageContentView(messageItem: messageItem)
}, deleteAction: deleteAction)
.padding(messageItem.type == "image" ? EdgeInsets.init() : EdgeInsets(top: 10, leading: 26, bottom: 0, trailing: 24))
}
.padding(.top, 25)
}
}
struct MessageContentView: View {
let messageItem: MessageModel
@State private var image: PlatformImage? = nil
var body: some View {
switch messageItem.type {
case "markdown":
CardView {
VStack(alignment: .leading, spacing: 5) {
Markdown(Document(messageItem.text ?? ""))
.markdownStyle(
DefaultMarkdownStyle(
font: .system(size: 14),
foregroundColor: UIColor(named: "textColor") ?? UIColor.darkGray
)
)
if !(messageItem.desp?.isEmpty ?? true) {
Markdown(Document(messageItem.desp!))
.markdownStyle(
DefaultMarkdownStyle(
font: .system(size: 14),
foregroundColor: UIColor(named: "textColor") ?? UIColor.darkGray
)
)
}
}
.padding()
}
case "image":
WebImage(url: URL(string: messageItem.text ?? ""))
.onSuccess { image, data, cacheType in
DispatchQueue.main.async {
self.image = image
}
}
.resizable()
.placeholder(content: {
ZStack {
Color("background2Color")
Image(systemName: "photo")
.foregroundColor(.gray)
.font(.system(size: 100))
}
.frame(width: nil, height: 200, alignment: .center)
})
.indicator(.activity)
.transition(.fade(duration: 0.5))
.scaledToFill()
.background(Color("backgroundColor"))
.contextMenu {
Button {
guard let image = image else {
HToast.showWarning(NSLocalizedString("图片未加载成功", comment: ""))
return
}
UIPasteboard.general.image = image
HToast.showSuccess(NSLocalizedString("已拷贝", comment: ""))
} label: {
Label("拷贝图片",systemImage: "doc.on.doc")
}
Button {
guard let image = image else {
HToast.showWarning(NSLocalizedString("图片未加载成功", comment: ""))
return
}
PHPhotoLibrary.shared().performChanges {
PHAssetChangeRequest.creationRequestForAsset(from: image)
} completionHandler: { (isSuccess, error) in
DispatchQueue.main.async {
if isSuccess {//
print("Success")
HToast.showSuccess(NSLocalizedString("保存成功", comment: ""))
} else {
print(error as Any)
HToast.showError(NSLocalizedString("保存失败", comment: ""))
}
}
}
} label: {
Label("保存图片",systemImage: "square.and.arrow.down")
}
}
default:
CardView {
VStack(alignment: .leading, spacing: 5) {
2022-01-04 22:28:18 +08:00
HStack{
Text(messageItem.text ?? "")
2022-01-04 22:28:18 +08:00
.font(.system(size: 14))
.foregroundColor(Color("textColor"))
2022-01-04 22:28:18 +08:00
Spacer(minLength: 0)
}
if !(messageItem.desp?.isEmpty ?? true) {
Text(messageItem.desp ?? "")
.font(.system(size: 14))
.foregroundColor(Color("textColor"))
2022-01-04 22:28:18 +08:00
}
}
.padding()
.contextMenu {
Button {
UIPasteboard.general.string = (messageItem.text ?? "") + (messageItem.desp ?? "")
HToast.showSuccess(NSLocalizedString("已复制", comment: ""))
} label: {
Label("复制",systemImage: "doc.on.doc")
}
}
}
2022-01-04 22:28:18 +08:00
}
}
}
struct MessageItemView_Previews: PreviewProvider {
static var previews: some View {
VStack {
MessageItemView(messageItem: MessageModel(id: 1, uid: "1", text: "纯文本的效果", desp: "你好呀", type: "text", pushkey_name: "Key", created_at: "2022-01-08T18:00:48.000000Z")){}
MessageItemView(messageItem: MessageModel(id: 1, uid: "1", text: "纯文本的效果纯文本的效果纯文本的效果纯文本的效果纯文本的效果纯文本的效果纯文本的效果", desp: "", type: "text", pushkey_name: "Key", created_at: "2022-01-08T18:00:48.000000Z")){}
MessageItemView(messageItem: MessageModel(id: 1, uid: "1", text: "https://blog.wskfz.com/usr/uploads/2018/06/2498727457.png", desp: "", type: "image", pushkey_name: "Key1", created_at: "2022-01-08T18:00:48.000000Z")){}
MessageItemView(messageItem: MessageModel(id: 1, uid: "1", text: "https://blog.wskfz.com/usr/uploads/2018/06/2151130181.png", desp: "", type: "image", pushkey_name: "Key2", created_at: "2022-01-08T18:00:48.000000Z")){}
MessageItemView(messageItem: MessageModel(id: 1, uid: "1", text: "https://blog.wskfz.com/usr/uploads/2018/06/1718629805.png", desp: "", type: "image", pushkey_name: "Key2", created_at: "2022-01-08T18:00:48.000000Z")){}
MessageItemView(messageItem: MessageModel(id: 1, uid: "1", text: "*MarkDown*的**效果**", desp: "*MarkDown*的**效果**", type: "markdown", pushkey_name: "Key", created_at: "2021-12-28T13:44:48.000000Z")){}
MessageItemView(messageItem: MessageModel(id: 1, uid: "1", text: """
It's very easy to make some words **bold** and other words *italic* with Markdown.
**Want to experiment with Markdown?** Play with the [reference CommonMark
implementation](https://spec.commonmark.org/dingus/).
""", desp: "", type: "markdown", pushkey_name: "3", created_at: "2021-12-28T13:44:48.000000Z")){}
2022-01-04 22:28:18 +08:00
Spacer()
}
}
}