🖲 Компоненты: кнопки и действия

Любое нажатие внутри виджета связывается с функцией через объект действия.

🔘 Button

• label — текст.
• onClickAction — действие при нажатии.
• variant — solid | soft | outline | ghost.
• color — primary | secondary | success | danger | warning | info.
• size — sm | md | lg.
• iconStart, iconEnd — имя иконки или { name, stroke, fill, size }.
• submit — отправляет окружающую Form.
• block — во всю ширину, pill — скруглённая, width.
• disabled, loading.

<Button
  label="Забронировать"
  color="primary"
  block
  iconStart="calendar-check"
  onClickAction={{ functionName: 'book_hotel', loadingBehavior: 'self' }}
/>

🎯 Объект действия

Состоит из трёх полей:

• functionName — имя функции, объявленной на вкладке Functions.
• loadingBehavior — none, self (спиннер на элементе) или container (оверлей на виджете).
• additionalInputs — значения, передаваемые с этим вызовом; внутри функции читаются как {{имя}}.

onClickAction={{
  functionName: 'track_order',
  loadingBehavior: 'self',
  additionalInputs: { orderId: "{{order.id}}" }
}}

Внутри Repeat действие вычисляется по данным конкретного элемента — то есть {{order.id}} даст идентификатор нажатой строки.

🖱 Другие кликабельные места

• ListViewItem — onClickAction: кликается вся строка.
• Image — onClickAction.
• Form — onSubmitAction.
• Поля формы — onChangeAction.

🛡 Двойные нажатия

Пока вызов функции выполняется, повторный вызов той же функции игнорируется — двойное нажатие не отправит запрос дважды.