foliko 1.1.63 → 1.1.64

package/cli/bin/foliko.js

@@ -3,8 +3,8 @@
  * Foliko CLI 入口
  * Usage: foliko <command> [options]
  */
-// 加载 dotenv
-require('dotenv').config({ quiet: true });
+// 加载 .env 文件（覆盖系统环境变量，确保 .env 优先级最高）
+require('dotenv').config({ override: true });
 
 const { cli } = require('../src');
 

package/cli/src/commands/chat.js

@@ -7,50 +7,39 @@ const path = require('path');
 const { Framework } = require('../../../src');
 const { ChatUI } = require('../ui/chat-ui');
 const { logger, LOG_LEVELS } = require('../../../src/utils/logger');
+const { DEFAULT_PROVIDERS } = require('../../../src/core/provider');
 
 // // 加载 .env 文件
 // dotenv.config({ override: true,quiet: true});
 
-// 默认配置
-const DEFAULT_CONFIG = {
-  model: 'MiniMax-M2.7',
-  provider: 'minimax',
-  baseURL: 'https://api.minimaxi.com/v1',
-  apiKey: null,
-};
-
-// Provider 默认配置
-const PROVIDER_DEFAULTS = {
-  minimax: {
-    model: 'MiniMax-M2.7',
-    baseURL: 'https://api.minimaxi.com/v1',
-  },
-  deepseek: {
-    model: 'deepseek-chat',
-    baseURL: 'https://api.deepseek.com/v1',
-  },
+// 各 provider 默认使用的模型
+const PROVIDER_MODELS = {
+  minimax: 'MiniMax-M2.7',
+  deepseek: 'deepseek-chat',
+  openai: 'gpt-4o',
+  anthropic: 'claude-sonnet-4-20250514',
 };
 
 /**
  * 获取环境变量配置
  */
 function getEnvConfig() {
-  const provider = process.env.FOLIKO_PROVIDER || DEFAULT_CONFIG.provider;
-  const providerDefaults = PROVIDER_DEFAULTS[provider] || PROVIDER_DEFAULTS.minimax;
+  const provider = process.env.FOLIKO_PROVIDER || 'minimax';
+  const providerInfo = DEFAULT_PROVIDERS[provider];
+  const defaultModel = PROVIDER_MODELS[provider] || 'deepseek-chat';
 
-  // 支持多种 API key 环境变量名
+  // API key: 优先 FOLIKO_API_KEY，否则找 {PROVIDER}_API_KEY
   let apiKey = process.env.FOLIKO_API_KEY || null;
   if (!apiKey) {
-    // 根据 provider 查找对应的 API key
     const upperProvider = provider.toUpperCase().replace(/-/g, '_');
     apiKey = process.env[`${upperProvider}_API_KEY`] || null;
   }
 
   return {
-    model: process.env.FOLIKO_MODEL || providerDefaults.model,
-    provider: provider,
-    baseURL: process.env.FOLIKO_BASE_URL || providerDefaults.baseURL,
-    apiKey: apiKey,
+    model: process.env.FOLIKO_MODEL || defaultModel,
+    provider,
+    baseURL: process.env.FOLIKO_BASE_URL || (providerInfo ? providerInfo.baseURL : null),
+    apiKey,
   };
 }
 

package/cli/src/ui/chat-ui.js

@@ -5,7 +5,7 @@
 const chalk = require('chalk').default;
 const figlet = require('figlet');
 const { CLEAR_LINE, CYAN, DIM, GREEN, RED, YELLOW, colored } = require('../utils/ansi');
-const { TUI, ProcessTerminal, Editor, Markdown, Loader, Text, Spacer, CombinedAutocompleteProvider, matchesKey, Container, TruncatedText, visibleWidth } = require('@earendil-works/pi-tui');
+const { TUI, ProcessTerminal, Editor, Text, CombinedAutocompleteProvider, matchesKey, Container } = require('@earendil-works/pi-tui');
 const { cleanResponse } = require('../../../src/utils');
 const { logEmitter } = require('../../../src/utils/logger');
 const { renderLine } = require('../utils/markdown');
@@ -14,6 +14,7 @@ const Queue=require('js-queue');
 const hl = require('cli-highlight');
 const { renderDiffWithHeader } = require('../utils/render-diff');
 const { FooterBar } = require('./footer-bar');
+const { StatusBar } = require('./status-bar');
 const queue=new Queue();
 // Foliko 主色（蓝绿）
 const folikoPrimary = chalk.hex('#2A9D8F');
@@ -70,15 +71,15 @@ class ChatUI {
     const terminal = new ProcessTerminal();
     const tui=this.tui = new TUI(terminal);
     this.messageContainer= new Container(0)
-    this.statusContainer= new Container(0)
     const text=`${folikoTerracotta("Ctrl+C")} 退出 | ${folikoTerracotta("/")} 指令列表 | ${folikoTerracotta("Enter")} 发送 | ${folikoTerracotta("Shift+Enter")} 换行`
     this.messageContainer.addChild(
       new Text(FOLIKO_LOGO + folikoGold(`\n欢迎使用Foliko！\n`)+folikoSand(text),3,2),
     );
     this.tui.addChild(this.messageContainer)
-    this.tui.addChild(this.statusContainer)
-    
 
+    // 状态栏组件（通知/工具调用/思考中），插在消息区和编辑器之间
+    this.statusBar = new StatusBar(tui, this.editor);
+    this.tui.addChild(this.statusBar.container);
 
     this._currentBotMessage=null
 
@@ -135,132 +136,6 @@ class ChatUI {
     if (initialFooter.length > 0) {
       this._footerText.setText(initialFooter[0]);
     }
-    const tooler=new Loader(
-          tui,
-          (s) => chalk.green(s),       // indicatorColorFn
-          (s) => chalk.yellow(s),        // messageColorFn
-          "工具调用...",
-          {
-            frames:["|", "/", "-", "\\"].map(str=>folikoTerracotta(str))
-          }
-    )
-    const loader=new Loader(
-          tui,
-          (s) => chalk.cyan(s),       // indicatorColorFn
-          (s) => chalk.dim(s),        // messageColorFn
-          "正在思考中...",
-          {
-            frames:["⣾", "⣽", "⣻", "⢿", "⡿", "⣟", "⣯", "⣷"].map(str=>folikoPrimary(str))
-          }
-    )
-    // Spacer 占位，用于隐藏时保持布局
-    const toolerSpacer = new Spacer(0);
-    const loaderSpacer = new Spacer(0);
-    const notifierSpacer = new Spacer(0);
-
-    this.statusContainer.addChild(toolerSpacer);  // tooler 位置
-    this.statusContainer.addChild(loaderSpacer);  // loader 位置
-    this.statusContainer.addChild(notifierSpacer); // notifier 位置
-
-    const self = this;
-
-    this.tooler = {
-      dom: tooler,
-      spacer: toolerSpacer,
-      showed:false,
-      index:1,
-      show(text) {
-        this.showed = true;
-        self.statusContainer.children[this.index] = self.tooler.dom;
-        this.dom.setMessage(text);
-        tui.requestRender();
-        return self.tooler.dom;
-      },
-      hide() {
-        this.showed = false;
-        self.statusContainer.children[this.index] = self.tooler.spacer;
-        tui.requestRender();
-      },
-      setText(text) {
-        if(!this.showed){
-          this.show(text);
-        } else {
-          this.dom.setMessage(text);
-        }
-      }
-    };
-
-    this.notifier = {
-      dom: null,
-      spacer: notifierSpacer,
-      showed: false,
-      _timeout: null,
-      index:0,
-      show(text, duration = 5000) {
-        if (self.notifier._timeout) {
-          clearTimeout(self.notifier._timeout);
-        }
-        if (!self.notifier.dom) {
-          self.notifier.dom = new Loader(
-            tui,
-            (s) => chalk.cyan(s),
-            (s) => chalk.yellow(s),
-            text,
-          );
-        }
-        self.notifier.dom.setMessage(text);
-        self.statusContainer.children[this.index] = self.notifier.dom;
-        self.notifier.showed = true;
-        tui.requestRender();
-        self.notifier._timeout = setTimeout(() => {
-          self.notifier.hide();
-        }, duration);
-      },
-      hide() {
-        if (self.notifier._timeout) {
-          clearTimeout(self.notifier._timeout);
-          self.notifier._timeout = null;
-        }
-        self.notifier.showed = false;
-        self.statusContainer.children[this.index] = self.notifier.spacer;
-        tui.requestRender();
-      },
-    };
-
-    this.loader = {
-      dom: loader,
-      spacer: loaderSpacer,
-      startTime: null,
-      timer: null,
-      index:2,
-      show() {
-        self.statusContainer.children[this.index] = self.loader.dom;
-        editor.disableSubmit = true;
-        self.startTime = Date.now();
-        self.loader.dom.setMessage("正在思考中... (0秒)");
-        self.loader.dom.start();
-        // 每秒更新计时
-        self.loader.timer = setInterval(() => {
-          const elapsed = Math.floor((Date.now() - self.startTime) / 1000);
-          const seconds = elapsed % 60;
-          const minutes = Math.floor(elapsed / 60);
-          const timeStr = minutes > 0 ? `${minutes}分${seconds}秒` : `${seconds}秒`;
-          self.loader.dom.setMessage(`正在思考中... (${timeStr})`);
-        }, 1000);
-        tui.requestRender();
-        return self.loader.dom;
-      },
-      hide() {
-        editor.disableSubmit = false;
-        if (self.loader.timer) {
-          clearInterval(self.loader.timer);
-          self.loader.timer = null;
-        }
-        self.loader.dom.stop();
-        self.statusContainer.children[this.index] = self.loader.spacer;
-        tui.requestRender();
-      }
-    };
     tui.requestRender();
     // 中断状态（供监听器访问）
     this.interrupted = false;
@@ -270,6 +145,11 @@ class ChatUI {
 
     // 流式输出缓冲区（可重置）
     this._lineBuffer = '';
+    // 流式渲染缓冲区：合并高频 chunk 后统一刷新 Markdown，减少重复解析
+    this._streamBufferTimer = null;
+    this._pendingTextUpdate = false;
+    // renderLine 的共享状态（引用传递，跨调用保持 codeBlock/think 状态）
+    this._renderState = { inThink: true, inCodeBlock: false };
     // agent.framework.on("console:log",async (...args)=>{
     //   this.create_message(args.join(' '),chalk.dim('● '),true);
     // })
@@ -318,11 +198,25 @@ class ChatUI {
         }
         const time = timestamp ? new Date(timestamp).toLocaleTimeString('zh-CN') : '';
         const notificationText = `🔔 [${source}] ${title}${time ? ` (${time})` : ''}`;
-        this.notifier.show(notificationText);
+        this.statusBar.notifier.show(notificationText);
         // 显示消息内容
         this.create_message(`**${title}**\n${message}`, "🔔 ");
       };
       this.agent.framework.on('notification', this._notificationHandler);
+
+      // 监听 usage 事件（用于 footer 更新）
+      this._usageHandler = (data) => {
+        if (this.footerBar && data.usage) {
+          const u = data.usage;
+          this.footerBar.updateUsage(u.promptTokens || 0, u.completionTokens || 0);
+          const footerLines = this.footerBar.render(this.tui.width || process.stdout.columns || 80);
+          if (footerLines.length > 0 && this._footerText) {
+            this._footerText.setText(footerLines[0]);
+          }
+          this.tui.requestRender();
+        }
+      };
+      agent.framework.on('agent:usage', this._usageHandler);
     }
   }
 
@@ -330,6 +224,11 @@ class ChatUI {
    * 清理监听器
    */
   dispose() {
+    // 清理流式缓冲区定时器
+    if (this._streamBufferTimer) {
+      clearTimeout(this._streamBufferTimer);
+      this._streamBufferTimer = null;
+    }
     if (this._logHandler && this.agent.framework) {
       logEmitter.off('log', this._logHandler);
       this._logHandler = null;
@@ -338,11 +237,21 @@ class ChatUI {
       this.agent.framework.off('notification', this._notificationHandler);
       this._notificationHandler = null;
     }
+    if (this._usageHandler && this.agent.framework) {
+      this.agent.framework.off('agent:usage', this._usageHandler);
+      this._usageHandler = null;
+    }
   }
 
   clear_message_done(){
-    this.loader.hide();
-    this.tooler.hide();
+    this._flushStreamBuffer();  // 确保最后的文本被刷新
+    if (this._streamBufferTimer) {
+      clearTimeout(this._streamBufferTimer);
+      this._streamBufferTimer = null;
+    }
+    this._pendingTextUpdate = false;
+    this.statusBar.loader.hide();
+    this.statusBar.tooler.hide();
     this._lineBuffer=""
     this.isResponding=false
     this._currentBotMessage=null
@@ -409,11 +318,8 @@ class ChatUI {
   }
 
   create_message(text, icon="", isBot=false, bgFn=null){
-    // 使用 MessageBubble 组件实现左侧图标 + 右侧 markdown 布局
-    // bgFn: 可选背景色函数 (line) => coloredLine，用于代码块等整块背景
     const bubble = new MessageBubble(icon, text, isBot, markdownTheme, 0, 0, 1, bgFn);
-    const children = this.messageContainer.children;
-    children.splice(children.length, 0, bubble);
+    this.messageContainer.addChild(bubble);
     this.tui.requestRender();
     return bubble
   }
@@ -422,8 +328,8 @@ class ChatUI {
 
    _clearContext() {
     // 隐藏 loader 和 tooler
-    this.tooler.hide();
-    this.loader.hide();
+    this.statusBar.tooler.hide();
+    this.statusBar.loader.hide();
 
     const { sessionId } = this;
 
@@ -457,9 +363,10 @@ class ChatUI {
     }
 
     // 清空 messageContainer 中的消息，保留 welcome
-    const msgChildren = this.messageContainer.children;
-    while (msgChildren.length > 1) {
-      msgChildren.splice(1, 1);
+    const welcomeChild = this.messageContainer.children[0];
+    this.messageContainer.clear();
+    if (welcomeChild) {
+      this.messageContainer.addChild(welcomeChild);
     }
 
     // 重置 footer 统计
@@ -475,8 +382,8 @@ class ChatUI {
 
   _compressContext() {
     // 隐藏 loader 和 tooler
-    this.tooler.hide();
-    this.loader.hide();
+    this.statusBar.tooler.hide();
+    this.statusBar.loader.hide();
 
     const { sessionId } = this;
 
@@ -504,14 +411,14 @@ class ChatUI {
       }
 
       const beforeCount = messages ? messages.length : 0;
-      this.tooler.show(`${colored('[压缩]', YELLOW)} 压缩前: ${beforeCount} 条`);
+      this.statusBar.tooler.show(`${colored('[压缩]', YELLOW)} 压缩前: ${beforeCount} 条`);
 
       if (messages && messages.length > 0) {
         // 使用 ContextCompressor 压缩
         if (chatHandler._contextCompressor) {
           chatHandler._contextCompressor.compress(sessionId, messages, messageStore).then(() => {
             const afterCount = messages.length;
-            this.tooler.setText(`${colored('[压缩]', YELLOW)} 压缩后: ${afterCount} 条 (保留${chatHandler._contextCompressor._keepRecentMessages}条)`);
+            this.statusBar.tooler.setText(`${colored('[压缩]', YELLOW)} 压缩后: ${afterCount} 条 (保留${chatHandler._contextCompressor._keepRecentMessages}条)`);
             // 同步回 SessionContext
             if (this.agent.framework) {
               const sessionCtx = this.agent.framework.getSessionContext(sessionId);
@@ -520,49 +427,79 @@ class ChatUI {
               }
             }
             setTimeout(() => {
-              this.tooler.hide();
+              this.statusBar.tooler.hide();
               this.create_message(`${colored('[提示]', CYAN)} 上下文已压缩`,chalk.dim('● '))
               this.tui.requestRender();
             }, 2000);
           }).catch(err => {
-            this.tooler.setText(`${colored('[错误]', RED)} 压缩失败: ${err.message}`);
+            this.statusBar.tooler.setText(`${colored('[错误]', RED)} 压缩失败: ${err.message}`);
           });
         } else {
-          this.tooler.setText(`${colored('[错误]', RED)} 无 ContextCompressor`);
+          this.statusBar.tooler.setText(`${colored('[错误]', RED)} 无 ContextCompressor`);
         }
       } else {
-        this.tooler.setText(`${colored('[提示]', CYAN)} 无消息可压缩`);
+        this.statusBar.tooler.setText(`${colored('[提示]', CYAN)} 无消息可压缩`);
       }
     } else {
-      this.tooler.setText(`${colored('[错误]', RED)} 无 AgentChatHandler`);
+      this.statusBar.tooler.setText(`${colored('[错误]', RED)} 无 AgentChatHandler`);
     }
   }
+  /**
+   * 刷新流式输出缓冲区：合并高频 chunk 后统一渲染，减少 Markdown 重复解析
+   */
+  _flushStreamBuffer() {
+    this._streamBufferTimer = null;
+    if (!this._lineBuffer) return;
+
+    // 渲染剩余的 partial line（没有 \n 结尾的尾部文字）
+    const rendered = renderLine(this._lineBuffer, this._renderState, true);
+    if (!this._currentBotMessage) {
+      this._currentBotMessage = this.create_message(rendered, colored('● ', GREEN), true);
+    } else {
+      this._currentBotMessage.appendContent(rendered);
+    }
+    this._lineBuffer = '';
+  }
+
   /**
    * 设置 session scope 事件监听
    */
   _setupSessionListeners() {
-    const renderState = { inThink: true, inCodeBlock: false };
-
     this.sessionScope.on('stream:chunk', ({ chunk }) => {
       if (this.interrupted) return;
 
       if (chunk.type === 'text') {
-        this._lineBuffer += chunk.text;
-
-        if(!this._currentBotMessage){
-          // AI 回复，让 create_message 添加前缀
-          this._currentBotMessage = this.create_message(renderLine(this._lineBuffer,renderState,true), colored('● ', GREEN),true);
-        }else{
-          // 已经有前缀，直接更新内容
-          this._currentBotMessage.setText(renderLine(this._lineBuffer,renderState,true));
+        this._lineBuffer += chunk.text
+
+        // 逐行处理：遇到 \n 立即渲染完整行，实现即时反馈
+        // 行尾补回 \n 确保 TUI 正确换行（空行也要渲染，保留段落分隔）
+        // while (this._lineBuffer.includes('\n')) {
+        //   if (this.interrupted) break;
+
+        //   const nlIndex = this._lineBuffer.indexOf('\n');
+        //   const line = this._lineBuffer.substring(0, nlIndex);
+        //   this._lineBuffer = this._lineBuffer.substring(nlIndex + 1);
+
+        //   const rendered = line;
+        //   if (!this._currentBotMessage) {
+        //     this._currentBotMessage = this.create_message(rendered, colored('● ', GREEN), true);
+        //   } else {
+        //     this._currentBotMessage.appendContent(rendered);
+        //   }
+          
+        // }
+
+        // 兜底：partial line（无 \n 结尾）用 timer 刷新，防止尾部文字卡住
+        if (this._lineBuffer && !this._streamBufferTimer) {
+          this._streamBufferTimer = setTimeout(() => this._flushStreamBuffer(), 0);
         }
       } else if (chunk.type === 'tool-call') {
         const args = chunk.input ? JSON.stringify(chunk.input).slice(0, 50) : '';
-        this.tooler.show(`${chalk.yellow('[Tool]')} ${folikoGold(chunk.toolName)} ${chalk.gray(args+'...')}`)
+        this.statusBar.tooler.show(`${chalk.yellow('[Tool]')} ${folikoGold(chunk.toolName)} ${chalk.gray(args+'...')}`)
       } else if(chunk.type==='tool-result'){
         const result = chunk.result;
         const shortResult = typeof result === 'string' ? result.slice(0, 30) : JSON.stringify(result).slice(0, 30);
-        this.tooler.show(`${chalk.green('[Tool]')} ${folikoGold(chunk.toolName)} ${chalk.gray(shortResult+'...')}`)
+        this.statusBar.tooler.show(`${chalk.green('[Tool]')} ${folikoGold(chunk.toolName)} ${chalk.gray(shortResult+'...')}`)
 
         // 如果是 edit/edit_file 的结果并且包含 diff，渲染彩色 diff
         if (chunk.toolName === 'edit' || chunk.toolName === 'edit_file') {
@@ -575,7 +512,7 @@ class ChatUI {
             const diffContent = renderDiffWithHeader(resultObj.diff, resultObj.filePath);
             const bgColor = chalk.bgHex('#1a1a2e');
             this.create_message(diffContent, chalk.yellow('▸ '), true, (line) => bgColor(line));
-            this.tooler.show(`${chalk.green('[Diff]')} ${folikoGold(resultObj.filePath)}`);
+            this.statusBar.tooler.show(`${chalk.green('[Diff]')} ${folikoGold(resultObj.filePath)}`);
           }
         }
         // setTimeout(() => this.tooler.hide(), 3000);
@@ -592,7 +529,7 @@ class ChatUI {
       }
     });
     this.sessionScope.on('message:start', async () => {
-      this.loader.show();
+      this.statusBar.loader.show();
     })
     this.sessionScope.on('message:complete', async ({ content, requestId }) => {
       try{

package/cli/src/ui/footer-bar.js

@@ -6,12 +6,13 @@
  */
 
 const chalk = require('chalk').default;
+const { visibleWidth, truncateToWidth } = require('@earendil-works/pi-tui');
 const { TokenCounter } = require('../../../src/core/token-counter');
 
 // Foliko 配色
 const folikoDim = chalk.hex('#6B7280');
 const folikoAccent = chalk.hex('#2A9D8F');
-const folikoGold = chalk.hex('#E9C46A');
+const folikoGold = chalk.hex('#999a9c');
 
 class FooterBar {
   /**
@@ -182,10 +183,10 @@ class FooterBar {
     const parts = [];
 
     // ↑ input tokens
-    parts.push(folikoGold(`↑${this._formatNum(s.inputTokens)}`));
+    parts.push(chalk.dim(`↑${this._formatNum(s.inputTokens)}`));
 
     // ↓ output tokens
-    parts.push(folikoGold(`↓${this._formatNum(s.outputTokens)}`));
+    parts.push(chalk.dim(`↓${this._formatNum(s.outputTokens)}`));
 
     // $ cost
     if (s.cost > 0) {
@@ -212,7 +213,7 @@ class FooterBar {
     let line = parts.join(' ');
 
     // 计算实际显示宽度（去除 ANSI 编码）
-    const visibleLen = visibleWidth ? visibleWidth(line) : line.length;
+    const visibleLen = visibleWidth(line);
 
     // 如果太长，缩短模型名
     if (visibleLen > width) {
@@ -226,38 +227,12 @@ class FooterBar {
     }
 
     // 截断到可用宽度
-    if (visibleWidth && visibleWidth(line) > width) {
-      line = truncateToWidth ? truncateToWidth(line, width) : line.slice(0, width);
+    if (visibleWidth(line) > width) {
+      line = truncateToWidth(line, width);
     }
 
     return [line];
   }
 }
 
-function visibleWidth(text) {
-  // 简易 ANSI 不可见宽度计算
-  const stripped = text.replace(/\x1B\[[0-9;]*m/g, '');
-  return stripped.length;
-}
-
-function truncateToWidth(text, maxWidth) {
-  const stripped = text.replace(/\x1B\[[0-9;]*m/g, '');
-  if (stripped.length <= maxWidth) return text;
-
-  // 需要截断，保留 ANSI 编码不变
-  let result = '';
-  let visLen = 0;
-  const regex = /(\x1B\[[0-9;]*m)|(.)/g;
-  let match;
-  while ((match = regex.exec(text)) !== null && visLen < maxWidth) {
-    if (match[1]) {
-      result += match[1];
-    } else {
-      result += match[2];
-      visLen++;
-    }
-  }
-  return result;
-}
-
 module.exports = { FooterBar };

package/cli/src/ui/message-bubble.js

@@ -28,11 +28,22 @@ class MessageBubble {
     this._cachedLines = null;
   }
 
+  /**
+   * 实现 pi-tui Component 的 invalidate 接口
+   * 主题变化时由 TUI 调用，清除所有缓存
+   */
+  invalidate() {
+    this._cacheKey = null;
+    this._cachedLines = null;
+    if (this._markdown) {
+      this._markdown.invalidate?.();
+    }
+  }
+
   setContent(content) {
     if (this.content !== content) {
       this.content = content;
-      this._cacheKey = null;
-      this._cachedLines = null;
+      this.invalidate();
     }
   }
 
@@ -41,6 +52,17 @@ class MessageBubble {
     this.setContent(content);
   }
 
+  /**
+   * 追加已渲染的内容（流式输出增量追加）
+   * 比 setText 更高效：跳过全量置换，只追加新内容并清缓存
+   * @param {string} renderedDelta - 新渲染的 ANSI 文本片段
+   */
+  appendContent(renderedDelta) {
+    this.content += renderedDelta;
+    this._cacheKey = null;
+    this._cachedLines = null;
+  }
+
   render(width) {
     // 检查缓存
     const cacheKey = `${width}:${this.content}`;