1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/open-hand-choerodon-ui

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
index.en-US.md 2.4 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
HughHzWu Отправлено 3 лет назад 8ceb2be
category type noinstant title
Components
Feedback
true
Message

Display global messages as feedback in response to user operations.

When To Use

  • To provide feedback such as success, warning, error etc.
  • A message is displayed at top and center and will be dismissed automatically, as a non-interrupting light-weighted prompt.

API

This components provides some static methods, with usage and arguments as following:

  • message.success(content, [duration], [onClose], placement)
  • message.error(content, [duration], [onClose], placement)
  • message.info(content, [duration], [onClose], placement)
  • message.warning(content, [duration], [onClose], placement)
  • message.warn(content, [duration], [onClose], placement) // alias of warning
  • message.loading(content, [duration], [onClose], placement)
Argument Description Type Default
content content of the message string|ReactNode -
duration time before auto-dismiss, in seconds number 1.5
onClose Specify a function that will be called when the message is closed Function -
placement the position of message, values: top left right bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightTop rightBottom string leftBottom

Methods for global configuration and destruction are also provided:

  • message.config(options)
  • message.destroy()

afterClose can be called in then-able interface:

  • message[level](content, [duration]).then(afterClose)
  • message[level](content, [duration], onClose).then(afterClose)

where level refers one static methods of message. The result of then method will be a Promise.

message.config

message.config({
  top: 100,
  duration: 2,
});
Argument Description Type Default
duration time before auto-dismiss, in seconds number 1.5
getContainer Return the mount node for Message () => HTMLElement () => document.body
top the position of the message when it appears on the top number 24
bottom the position of the message when it appears on the bottom number 24
placement the position of message, values: top left right bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightTop rightBottom string leftBottom
maxCount Max message show, drop oldest if exceed limit number

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://gitlife.ru/oschina-mirror/open-hand-choerodon-ui.git
git@gitlife.ru:oschina-mirror/open-hand-choerodon-ui.git
oschina-mirror
open-hand-choerodon-ui
open-hand-choerodon-ui
master