PopoverView

Źródło: views/PopoverView.js

PopoverView

Widok okna popover (domyślnie ukryte), otwierany przy elemencie wywołującym akcję — ze strzałką wskazującą trigger. Działa podobnie do ModalView, ale jest pozycjonowany względem elementu, który go otworzył, i nie przyciemnia tła.

Schema

type: popover
id: myPopover
title: Tytuł popovera
width: 300
placement: bottom
closable: true
content: []

Parametry

type - Typ widoku: "popover"
id - Identyfikator widoku (wymagane do otwierania/zamykania)
title - Tytuł popovera (string lub obiekt widoku, opcjonalne)
width - Szerokość popovera w px (domyślnie: 300). Można nadpisać w akcji openPopover.
placement - Domyślne położenie: top, bottom, left, right, auto (domyślnie: bottom)
closable - Czy pokazać przycisk zamykania X (domyślnie: true)
content - Zawartość popovera (tablica widoków lub pojedynczy widok)

Sterowanie popoverem

Popover otwiera się akcją openPopover (przekazującą element wywołujący), a zamyka akcją closePopover, klawiszem Escape lub kliknięciem poza oknem.

Event	Opis
`popover:open:{id}`	Otwiera popover (data: `{ triggerEl, width, placement }`)
`popover:close:{id}`	Zamyka popover
`popover:opened:{id}`	Emitowany po otwarciu popovera
`popover:closed:{id}`	Emitowany po zamknięciu popovera

Przykład użycia

type: button
label: Udostępnij
icon: share
onClick:
  action: openPopover
  target: sharePopover
  width: 360

type: popover
id: sharePopover
title: Udostępnij ten dokument
width: 360
placement: bottom
content:
  - type: input
    name: shareLink
    label: Link
    value: https://example.com/abc