Toast

Toast — UI компонент для отображения уведомлений в интерфейсе платформы Аспро.Cloud.

import { Toast } from '@aspro-cloud/miniapp-jssdk'

Конструктор

Создает экземпляр Toast с переданными параметрами

constructor(params: ToastParams)

Параметр	Тип	Описание
params	ToastParams	Параметры создания уведомления

Свойства

events

Объект типа EventCallbacks<ToastEventName> с обработчиками событий уведомления

get events(): EventCallbacks
set events(value: EventCallbacks)

message

Текст уведомления

message: string

options

Параметры отображения уведомления типа ToastOptions

options: ToastOptions

title

Заголовок уведомления

title: string

view

Вид уведомления типа ToastView

get view(): ToastView
set view(value: ToastView)

Методы

clear

Скрывает все уведомления

static clear(): Promise<any>

destroy

Удаляет подписки и освобождает ресурсы

destroy(): void

show

Показывает уведомление с текущими значениями view, title, message и options

async show(): Promise<any>

События метода show():

Событие	Параметр	Тип	Описание
'onShow'			Уведомление отображено
'onHide'			Уведомление скрыто
'onClose'			Уведомление скрыто пользователем

Пример

ESM

import { App, Toast } from '@aspro-cloud/miniapp-jssdk'

await App.initializeFrame()

const toast = new Toast({
  view: 'success',
  title: 'Сохранено',
  message: 'Настройки успешно обновлены',
  options: {
    timeOut: 5000
  },
  events: {
    onShow: () => console.log('Уведомление отображено'),
    onHide: () => console.log('Уведомление скрыто'),
    onClose: () => console.log('Уведомление скрыто пользователем')
  }
})

await toast.show()

UMD

const App = window.ACloudMiniApp;

await App.initializeFrame();

const toast = new App.Frame.Toast({
  view: 'success',
  title: 'Сохранено',
  message: 'Настройки успешно обновлены',
  options: {
    timeOut: 5000
  },
  events: {
    onShow: () => console.log('Уведомление отображено'),
    onHide: () => console.log('Уведомление скрыто'),
    onClose: () => console.log('Уведомление скрыто пользователем')
  }
});

await toast.show();