组件

OneMessage

消息默认显示 3000ms，鼠标悬停会暂停计时；duration=0 时持续显示。

保存成功

查看代码收起代码

import { OneMessage, oneMessage } from '@geektech/one';

new OneMessage({ content: '保存成功', defaultOpen: true, duration: 0 });
oneMessage.success('保存成功', { placement: 'top-end' });

组件与服务

new OneMessage({ content: '保存成功', variant: 'success', defaultOpen: true });
const handle = oneMessage.success('保存成功', { placement: 'top-end' });
handle.update({ content: '已同步' });

API

OneMessage 属性
名称	签名	说明
`content`	`content: string`	消息文本。
`open`	`open?: boolean`	受控显示状态。
`defaultOpen`	`defaultOpen?: boolean`	非受控初始状态。
`variant`	`variant?: OneFeedbackVariant`	四种反馈变体。
`duration`	`duration?: number`	自动关闭毫秒数；0 表示不自动关闭。
`closable`	`closable?: boolean`	显示关闭按钮。
`placement`	`placement?: OneMessagePlacement`	top/bottom 的 start、center、end 六个堆叠位置。
`container`	`container?: OneOverlayContainer`	自定义挂载容器；默认 document.body。

OneMessage 事件与服务
名称	签名	说明
`openChange`	`(open: boolean) => void`	请求改变受控状态。
`close`	`() => void`	用户或计时器请求关闭。
`afterClose`	`() => void`	视图实际卸载后发出。
`oneMessage.open`	`(options) => OneOverlayHandle`	创建可更新消息。
`oneMessage.success`	`(content, options?) => OneOverlayHandle`	创建 success 消息；info/warning/error 同理。
`oneMessage.closeAll`	`() => void`	只关闭 Message 记录。

键盘与 ARIA

warning/error 使用 alert，其余使用 status；可关闭消息的按钮支持标准键盘操作。