Fix Chinese input handling in TextArea and TextInput

src/components/text_area.zig

@@ -187,6 +187,7 @@ pub const TextArea = struct {
 
         switch (key.key) {
             .char => |c| self.insertChar(c),
+            .paste => |text| self.insertText(text),
             .enter => self.insertNewline(),
             .backspace => self.deleteBackward(),
             .delete => self.deleteForward(),
@@ -224,6 +225,42 @@ pub const TextArea = struct {
         self.cursor_col = pos + len;
     }
 
+    fn insertText(self: *TextArea, text: []const u8) void {
+        var i: usize = 0;
+        while (i < text.len) {
+            if (text[i] == '\r') {
+                self.insertNewline();
+                if (i + 1 < text.len and text[i + 1] == '\n') i += 1;
+                i += 1;
+                continue;
+            }
+            if (text[i] == '\n') {
+                self.insertNewline();
+                i += 1;
+                continue;
+            }
+
+            const len = std.unicode.utf8ByteSequenceLength(text[i]) catch {
+                self.insertChar(text[i]);
+                i += 1;
+                continue;
+            };
+            if (i + len > text.len) {
+                self.insertChar(text[i]);
+                i += 1;
+                continue;
+            }
+
+            const codepoint = std.unicode.utf8Decode(text[i .. i + len]) catch {
+                self.insertChar(text[i]);
+                i += 1;
+                continue;
+            };
+            self.insertChar(codepoint);
+            i += len;
+        }
+    }
+
     fn insertNewline(self: *TextArea) void {
         if (self.max_lines) |max| {
             if (self.lines.items.len >= max) return;

src/components/text_input.zig

@@ -216,6 +216,7 @@ pub const TextInput = struct {
 
         switch (key.key) {
             .char => |c| self.insertChar(c),
+            .paste => |text| self.insertText(text),
             .backspace => self.deleteBackward(),
             .delete => self.deleteForward(),
             .left => self.moveCursorLeft(),
@@ -248,6 +249,35 @@ pub const TextInput = struct {
         self.cursor += len;
     }
 
+    fn insertText(self: *TextInput, text: []const u8) void {
+        var i: usize = 0;
+        while (i < text.len) {
+            if (text[i] == '\r' or text[i] == '\n') {
+                i += 1;
+                continue;
+            }
+
+            const len = std.unicode.utf8ByteSequenceLength(text[i]) catch {
+                self.insertChar(text[i]);
+                i += 1;
+                continue;
+            };
+            if (i + len > text.len) {
+                self.insertChar(text[i]);
+                i += 1;
+                continue;
+            }
+
+            const codepoint = std.unicode.utf8Decode(text[i .. i + len]) catch {
+                self.insertChar(text[i]);
+                i += 1;
+                continue;
+            };
+            self.insertChar(codepoint);
+            i += len;
+        }
+    }
+
     fn deleteBackward(self: *TextInput) void {
         if (self.cursor == 0) return;
 

tests/input_tests.zig

@@ -130,3 +130,23 @@ test "parseAll multiple keys" {
     try testing.expect(events[0] == .key);
     try testing.expectEqual(@as(u21, 'a'), events[0].key.key.char);
 }
+
+test "TextInput accepts multi-character paste commits (IME-like)" {
+    var input = zz.TextInput.init(testing.allocator);
+    defer input.deinit();
+
+    input.handleKey(.{ .key = .{ .paste = "中文输入" } });
+
+    try testing.expectEqualStrings("中文输入", input.getValue());
+}
+
+test "TextArea accepts multi-character paste commits (IME-like)" {
+    var area = zz.TextArea.init(testing.allocator);
+    defer area.deinit();
+
+    area.handleKey(.{ .key = .{ .paste = "中文输入" } });
+
+    const value = try area.getValue(testing.allocator);
+    defer testing.allocator.free(value);
+    try testing.expectEqualStrings("中文输入", value);
+}