mirror of
https://github.com/yJason/ClashX-Dashboard.git
synced 2026-03-01 00:35:19 +08:00
feat: 3-column proxies
This commit is contained in:
mrFq1
@@ -6,199 +6,199 @@
|
||||
|
||||
import SwiftUI
|
||||
|
||||
struct ProxyProviderGroupView: View {
|
||||
@Binding var columnCount: Int
|
||||
|
||||
@Binding var providerInfo: ClashProvider
|
||||
|
||||
@State private var proxyItems: [ProxyItemData]
|
||||
|
||||
@State private var trafficInfo: String
|
||||
@State private var expireDate: String
|
||||
@State private var updateAt: String
|
||||
|
||||
|
||||
@State private var isListExpanded = false
|
||||
@State private var isTesting = false
|
||||
@State private var isUpdating = false
|
||||
|
||||
@EnvironmentObject var searchString: ProxiesSearchString
|
||||
|
||||
init(columnCount: Binding<Int>,
|
||||
providerInfo: Binding<ClashProvider>) {
|
||||
self._columnCount = columnCount
|
||||
self._providerInfo = providerInfo
|
||||
|
||||
let info = providerInfo.wrappedValue
|
||||
|
||||
self.proxyItems = info.proxies.map(ProxyItemData.init)
|
||||
|
||||
if let info = info.subscriptionInfo {
|
||||
let used = info.download + info.upload
|
||||
let total = info.total
|
||||
|
||||
let formatter = ByteCountFormatter()
|
||||
|
||||
trafficInfo = formatter.string(fromByteCount: used)
|
||||
+ " / "
|
||||
+ formatter.string(fromByteCount: total)
|
||||
+ " ( \(String(format: "%.2f", Double(used)/Double(total/100)))% )"
|
||||
|
||||
|
||||
let expire = info.expire
|
||||
|
||||
expireDate = "Expire: "
|
||||
+ Date(timeIntervalSince1970: TimeInterval(expire))
|
||||
.formatted()
|
||||
} else {
|
||||
trafficInfo = ""
|
||||
expireDate = ""
|
||||
}
|
||||
|
||||
if let updatedAt = info.updatedAt {
|
||||
let formatter = RelativeDateTimeFormatter()
|
||||
self.updateAt = formatter.localizedString(for: updatedAt, relativeTo: .now)
|
||||
} else {
|
||||
self.updateAt = ""
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
var body: some View {
|
||||
Section {
|
||||
providerListView
|
||||
.background {
|
||||
Rectangle()
|
||||
.frame(width: 2, height: listHeight(columnCount))
|
||||
.foregroundColor(.clear)
|
||||
}
|
||||
.show(isVisible: !isListExpanded)
|
||||
|
||||
} header: {
|
||||
providerInfoView
|
||||
} footer: {
|
||||
HStack {
|
||||
Button {
|
||||
update()
|
||||
} label: {
|
||||
Label("Update", systemImage: "arrow.clockwise")
|
||||
}
|
||||
|
||||
.disabled(isUpdating)
|
||||
|
||||
Button {
|
||||
startBenchmark()
|
||||
} label: {
|
||||
Label("Benchmark", systemImage: "bolt.fill")
|
||||
}
|
||||
.disabled(isTesting)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var providerInfoView: some View {
|
||||
VStack(alignment: .leading) {
|
||||
HStack {
|
||||
Text(providerInfo.name)
|
||||
.font(.title)
|
||||
.fontWeight(.medium)
|
||||
Text(providerInfo.vehicleType.rawValue)
|
||||
.fontWeight(.regular)
|
||||
Text("\(providerInfo.proxies.count)")
|
||||
Button() {
|
||||
isListExpanded = !isListExpanded
|
||||
} label: {
|
||||
Image(systemName: isListExpanded ? "chevron.up" : "chevron.down")
|
||||
}
|
||||
Button() {
|
||||
update()
|
||||
} label: {
|
||||
Image(systemName: "arrow.clockwise")
|
||||
}
|
||||
.disabled(isUpdating)
|
||||
|
||||
Button() {
|
||||
startBenchmark()
|
||||
} label: {
|
||||
Image(systemName: "bolt.fill")
|
||||
}
|
||||
.disabled(isTesting)
|
||||
}
|
||||
|
||||
HStack {
|
||||
if trafficInfo != "" {
|
||||
Text(trafficInfo)
|
||||
.fontWeight(.regular)
|
||||
}
|
||||
if expireDate != "" {
|
||||
Text(expireDate)
|
||||
.fontWeight(.regular)
|
||||
}
|
||||
}
|
||||
if updateAt != "" {
|
||||
Text("Updated \(updateAt)")
|
||||
.fontWeight(.regular)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var providerListView: some View {
|
||||
LazyVGrid(columns: Array(repeating: GridItem(.flexible()),
|
||||
count: columnCount)) {
|
||||
ForEach($proxyItems, id: \.id) { item in
|
||||
ProxyItemView(
|
||||
proxy: item,
|
||||
selectable: false
|
||||
)
|
||||
.background(.white)
|
||||
.cornerRadius(8)
|
||||
// .onTapGesture {
|
||||
// let item = item.wrappedValue
|
||||
// updateSelect(item.name)
|
||||
//struct ProxyProviderGroupView: View {
|
||||
// @Binding var columnCount: Int
|
||||
//
|
||||
// @Binding var providerInfo: ClashProvider
|
||||
//
|
||||
// @State private var proxyItems: [ProxyItemData]
|
||||
//
|
||||
// @State private var trafficInfo: String
|
||||
// @State private var expireDate: String
|
||||
// @State private var updateAt: String
|
||||
//
|
||||
//
|
||||
// @State private var isListExpanded = false
|
||||
// @State private var isTesting = false
|
||||
// @State private var isUpdating = false
|
||||
//
|
||||
// @EnvironmentObject var searchString: ProxiesSearchString
|
||||
//
|
||||
// init(columnCount: Binding<Int>,
|
||||
// providerInfo: Binding<ClashProvider>) {
|
||||
// self._columnCount = columnCount
|
||||
// self._providerInfo = providerInfo
|
||||
//
|
||||
// let info = providerInfo.wrappedValue
|
||||
//
|
||||
// self.proxyItems = info.proxies.map(ProxyItemData.init)
|
||||
//
|
||||
// if let info = info.subscriptionInfo {
|
||||
// let used = info.download + info.upload
|
||||
// let total = info.total
|
||||
//
|
||||
// let formatter = ByteCountFormatter()
|
||||
//
|
||||
// trafficInfo = formatter.string(fromByteCount: used)
|
||||
// + " / "
|
||||
// + formatter.string(fromByteCount: total)
|
||||
// + " ( \(String(format: "%.2f", Double(used)/Double(total/100)))% )"
|
||||
//
|
||||
//
|
||||
// let expire = info.expire
|
||||
//
|
||||
// expireDate = "Expire: "
|
||||
// + Date(timeIntervalSince1970: TimeInterval(expire))
|
||||
// .formatted()
|
||||
// } else {
|
||||
// trafficInfo = ""
|
||||
// expireDate = ""
|
||||
// }
|
||||
//
|
||||
// if let updatedAt = info.updatedAt {
|
||||
// let formatter = RelativeDateTimeFormatter()
|
||||
// self.updateAt = formatter.localizedString(for: updatedAt, relativeTo: .now)
|
||||
// } else {
|
||||
// self.updateAt = ""
|
||||
// }
|
||||
// }
|
||||
//
|
||||
//
|
||||
// var body: some View {
|
||||
// Section {
|
||||
// providerListView
|
||||
// .background {
|
||||
// Rectangle()
|
||||
// .frame(width: 2, height: listHeight(columnCount))
|
||||
// .foregroundColor(.clear)
|
||||
// }
|
||||
.show(isVisible: {
|
||||
if searchString.string.isEmpty {
|
||||
return true
|
||||
} else {
|
||||
return item.wrappedValue.name.lowercased().contains(searchString.string.lowercased())
|
||||
}
|
||||
}())
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
func listHeight(_ columnCount: Int) -> Double {
|
||||
let lineCount = ceil(Double(providerInfo.proxies.count) / Double(columnCount))
|
||||
return lineCount * 60 + (lineCount - 1) * 8
|
||||
}
|
||||
|
||||
func startBenchmark() {
|
||||
isTesting = true
|
||||
let name = providerInfo.name
|
||||
ApiRequest.healthCheck(proxy: name) {
|
||||
ApiRequest.requestProxyProviderList {
|
||||
isTesting = false
|
||||
|
||||
guard let provider = $0.allProviders[name] else { return }
|
||||
self.proxyItems = provider.proxies.map(ProxyItemData.init)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
func update() {
|
||||
isUpdating = true
|
||||
let name = providerInfo.name
|
||||
ApiRequest.updateProvider(for: .proxy, name: name) { _ in
|
||||
ApiRequest.requestProxyProviderList {
|
||||
isUpdating = false
|
||||
guard let provider = $0.allProviders[name] else { return }
|
||||
self.providerInfo = provider
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
// .show(isVisible: !isListExpanded)
|
||||
//
|
||||
// } header: {
|
||||
// providerInfoView
|
||||
// } footer: {
|
||||
// HStack {
|
||||
// Button {
|
||||
// update()
|
||||
// } label: {
|
||||
// Label("Update", systemImage: "arrow.clockwise")
|
||||
// }
|
||||
//
|
||||
// .disabled(isUpdating)
|
||||
//
|
||||
// Button {
|
||||
// startBenchmark()
|
||||
// } label: {
|
||||
// Label("Benchmark", systemImage: "bolt.fill")
|
||||
// }
|
||||
// .disabled(isTesting)
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// var providerInfoView: some View {
|
||||
// VStack(alignment: .leading) {
|
||||
// HStack {
|
||||
// Text(providerInfo.name)
|
||||
// .font(.title)
|
||||
// .fontWeight(.medium)
|
||||
// Text(providerInfo.vehicleType.rawValue)
|
||||
// .fontWeight(.regular)
|
||||
// Text("\(providerInfo.proxies.count)")
|
||||
// Button() {
|
||||
// isListExpanded = !isListExpanded
|
||||
// } label: {
|
||||
// Image(systemName: isListExpanded ? "chevron.up" : "chevron.down")
|
||||
// }
|
||||
// Button() {
|
||||
// update()
|
||||
// } label: {
|
||||
// Image(systemName: "arrow.clockwise")
|
||||
// }
|
||||
// .disabled(isUpdating)
|
||||
//
|
||||
// Button() {
|
||||
// startBenchmark()
|
||||
// } label: {
|
||||
// Image(systemName: "bolt.fill")
|
||||
// }
|
||||
// .disabled(isTesting)
|
||||
// }
|
||||
//
|
||||
// HStack {
|
||||
// if trafficInfo != "" {
|
||||
// Text(trafficInfo)
|
||||
// .fontWeight(.regular)
|
||||
// }
|
||||
// if expireDate != "" {
|
||||
// Text(expireDate)
|
||||
// .fontWeight(.regular)
|
||||
// }
|
||||
// }
|
||||
// if updateAt != "" {
|
||||
// Text("Updated \(updateAt)")
|
||||
// .fontWeight(.regular)
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// var providerListView: some View {
|
||||
// LazyVGrid(columns: Array(repeating: GridItem(.flexible()),
|
||||
// count: columnCount)) {
|
||||
// ForEach($proxyItems, id: \.id) { item in
|
||||
// ProxyItemView(
|
||||
// proxy: item,
|
||||
// selectable: false
|
||||
// )
|
||||
// .background(.white)
|
||||
// .cornerRadius(8)
|
||||
//// .onTapGesture {
|
||||
//// let item = item.wrappedValue
|
||||
//// updateSelect(item.name)
|
||||
//// }
|
||||
// .show(isVisible: {
|
||||
// if searchString.string.isEmpty {
|
||||
// return true
|
||||
// } else {
|
||||
// return item.wrappedValue.name.lowercased().contains(searchString.string.lowercased())
|
||||
// }
|
||||
// }())
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// func listHeight(_ columnCount: Int) -> Double {
|
||||
// let lineCount = ceil(Double(providerInfo.proxies.count) / Double(columnCount))
|
||||
// return lineCount * 60 + (lineCount - 1) * 8
|
||||
// }
|
||||
//
|
||||
// func startBenchmark() {
|
||||
// isTesting = true
|
||||
// let name = providerInfo.name
|
||||
// ApiRequest.healthCheck(proxy: name) {
|
||||
// ApiRequest.requestProxyProviderList {
|
||||
// isTesting = false
|
||||
//
|
||||
// guard let provider = $0.allProviders[name] else { return }
|
||||
// self.proxyItems = provider.proxies.map(ProxyItemData.init)
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// func update() {
|
||||
// isUpdating = true
|
||||
// let name = providerInfo.name
|
||||
// ApiRequest.updateProvider(for: .proxy, name: name) { _ in
|
||||
// ApiRequest.requestProxyProviderList {
|
||||
// isUpdating = false
|
||||
// guard let provider = $0.allProviders[name] else { return }
|
||||
// self.providerInfo = provider
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
//
|
||||
//}
|
||||
|
||||
//struct ProviderGroupView_Previews: PreviewProvider {
|
||||
// static var previews: some View {
|
||||
|
||||
Reference in New Issue
Block a user