在SwiftUI TextField中实现令牌

struct TokenView: View {
    let label: String
    let onDelete: () -> Void
    
    var body: some View {
        HStack {
            Text(label)
                .padding(.horizontal, 8)
                .padding(.vertical, 4)
                .background(Color.blue)
                .foregroundColor(.white)
                .cornerRadius(8)
            
            Button(action: onDelete) {
                Image(systemName: "xmark.circle.fill")
                    .foregroundColor(.gray)
            }
        }
    }
}

struct TokenField: View {
    @State private var inputText: String = ""
    @State private var tokens: [String] = []
    
    var body: some View {
        VStack {
            ScrollView(.horizontal, showsIndicators: false) {
                HStack(spacing: 8) {
                    ForEach(tokens, id: \.self) { token in
                        TokenView(label: token) {
                            tokens.removeAll(where: { $0 == token })
                        }
                    }
                }
                .padding(.horizontal, 8)
            }
            
            TextEditor(text: $inputText)
                .frame(height: 100)
                .border(Color.gray, width: 1)
                .padding()
                .onChange(of: inputText) { newValue in
                    let newTokens = newValue.split(separator: " ").map { String($0) }
                    tokens = newTokens
                }
        }
    }
}

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Enter tokens:")
                .font(.headline)
                .padding()
            
            TokenField()
        }
    }
}