时间分隔/格式化(TimeSeparator)

时间分隔/格式化:TimeSeparator 是 IDL 定义的跨端 UI 组件,props / events / behaviors 在各平台语义一致。本页给出契约属性、事件、渲染行为、数据源与 Web 端绑定/示例。

契约属性(props)​

属性类型必填说明
timestampint64是时间戳(epoch 毫秒)
nowint64否参照时间(便于测试注入;默认当前时间)

事件​

该组件未声明事件;交互通过属性和宿主回调完成。

渲染行为​

  • 当天 HH:mm;昨天“昨天 HH:mm”;7 天内“周X HH:mm”;更早 YYYY-MM-DD HH:mm

数据源​

未在 IDL 声明 dataSource;由宿主从 IMLib 拉取(getConversationList / getHistoryMessages / MESSAGES / CONVERSATION 事件)。

依赖边界

组件不直连网络与数据库:会话/消息由宿主从 IMLib 拉取后传入,组件只做排序、角标、格式化与渲染。

平台绑定​

项值
公开符号 / 签名IMKit.mount(container, 'TimeSeparator', props)
导出列表包含是
UI 框架纯 DOM 组件(无框架依赖),CSS 变量主题,IMKit.mount(container, component, props)

使用示例​

JavaScript (ESM)
IMKit.mount(document.getElementById('separator'), 'TimeSeparator', {
  timestamp: Date.now() - 5 * 60 * 1000,
});

相关文档​