Sidepanel

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

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

Конструктор

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

constructor(params: SidepanelParams)

Параметр	Тип	Описание
params	SidepanelParams	Параметры создания боковой панели

Свойства

events

Объект типа EventCallbacks<SidepanelEventName> с обработчиками событий

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

options

Параметры отображения боковой панели типа SidepanelOptions

options: SidepanelOptions

title

Заголовок боковой панели

title: string

url

URL открываемой страницы

url: string

Методы

destroy

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

destroy(): void

hide

Закрывает боковую панель программно

async hide(): Promise<any>

show

Открывает боковую панель

async show(): Promise<any>

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

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

Пример

ESM

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

await App.initializeFrame()

const panel = new Sidepanel({
  title: 'Профиль пользователя',
  url: '/_module/company/view/member/433772?tab=contacts',
  options: {
    width: 'md'
  },
  events: {
    onShow: () => console.log('Боковая панель отображена'),
    onHide: () => console.log('Боковая панель скрыта'),
    onClose: () => console.log('Боковая панель закрыта пользователем')
  }
})

await panel.show()

UMD

const App = window.ACloudMiniApp;

await App.initializeFrame();

const panel = new App.Frame.Sidepanel({
  title: 'Профиль пользователя',
  url: '/_module/company/view/member/433772?tab=contacts',
  options: {
    width: 'md'
  },
  events: {
    onShow: () => console.log('Боковая панель отображена'),
    onHide: () => console.log('Боковая панель скрыта'),
    onClose: () => console.log('Боковая панель закрыта пользователем')
  }
});

await panel.show();