Skip to content

LogStream ​

按时间顺序展示日志,支持级别颜色、可展开详情和跟随最新条目。

导入 ​

ts
import { LogStream } from '@astryx-vue/lab'

属性 ​

名称类型默认值说明
entriesLogEntry[]必填从旧到新排列的日志。
variant'default' | 'terminal''default'普通或终端外观。
isFollowingboolean非受控是否跟随最新条目,可用 v-model:isFollowing。
maxHeightnumber | stringundefined日志区域最大高度。
hasTimestampsbooleantrue是否显示时间列。
labelstring'Log stream'日志区域的无障碍名称。

每条日志需要唯一的 id、timestamp、level 和 message,可补充 source 与 detail。level 可取 'info' | 'warn' | 'error' | 'debug'。

事件与插槽 ​

followChange 在用户要求改变跟随状态时发出。#detail="{ entry }" 可自定义展开内容;只有日志带 detail 时才可展开。