SikongJueluo/cc-utils
1
0
Fork 0
mirror of https://github.com/SikongJueluo/cc-utils.git synced 2025-12-20 13:37:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: long string only display the beginning

Browse Source
This commit is contained in:
SikongJueluo
2025-10-14 19:26:22 +08:00
parent d02874da73
commit 039ff7ff8d
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/lib/ccTUI/renderer.ts
View File

@@ -218,7 +218,7 @@ function drawNode(
} }
const placeholder = node.props.placeholder as string | undefined; const placeholder = node.props.placeholder as string | undefined;
const cursorPos = node.cursorPos ?? 0; let cursorPos = node.cursorPos ?? 0;
let displayText = value; let displayText = value;
let currentTextColor = textColor; let currentTextColor = textColor;
let showPlaceholder = false; let showPlaceholder = false;
@@ -245,16 +245,20 @@ function drawNode(
term.setCursorPos(x + 1, y); // Position cursor for text after padding term.setCursorPos(x + 1, y); // Position cursor for text after padding
const renderWidth = width - 1; const renderWidth = width - 1;
let textToRender = displayText; const textToRender = displayText + " ";
// Truncate text if it's too long for the padded area // Move text if it's too long for the padded area
if (textToRender.length > renderWidth) { const startDisPos =
textToRender = textToRender.substring(0, renderWidth); cursorPos >= renderWidth ? textToRender.length - renderWidth : 0;
} const stopDisPos = startDisPos + renderWidth;
if (focused && !showPlaceholder && cursorBlinkState) { if (focused && !showPlaceholder && cursorBlinkState) {
// Draw text with a block cursor by inverting colors at the cursor position // Draw text with a block cursor by inverting colors at the cursor position
for (let i = 0; i < textToRender.length; i++) { for (
let i = startDisPos;
i < textToRender.length && i < stopDisPos;
i++
) {
const char = textToRender.substring(i, i + 1); const char = textToRender.substring(i, i + 1);
if (i === cursorPos) { if (i === cursorPos) {
// Invert colors for cursor // Invert colors for cursor
@@ -279,7 +283,7 @@ function drawNode(
} }
} else { } else {
// Not focused or no cursor, just write the text // Not focused or no cursor, just write the text
term.write(textToRender); term.write(textToRender.substring(startDisPos, stopDisPos));
} }
} }
break; break;