Фреймворки

Mildport поставляется как стандартный custom element — <mildport-import>. Атрибуты и свойства на вход, DOM-события на выход. Любой обычный хост может им управлять; только React нуждается в тонком опубликованном wrapper, потому что объектные props и custom events там неудобны.

Один элемент, не пять SDK

Нет пакетов Vue, Angular или Svelte. Установите @capitality-io/mildport-widget, один раз вызовите defineImportSuiteElement() и используйте тег. React-хосты опционально добавляют @capitality-io/mildport-react для идиоматичных props.

Выберите хост

Plain HTMLБез фреймворка — зарегистрируйте элемент, задайте свойства в JS, слушайте через addEventListener.

ReactWrapper ImportSuite — объектные props и события как React props. Единственный выделенный адаптер.

Vue 3Отметьте mildport-import как custom element, затем биндите через :props и @events.

SvelteБез конфигурации — свойства и on:import-applied мапятся прямо на элемент.

AngularИспользуйте custom element или импортируйте компонент напрямую в Angular-хосте.

Перед встраиванием

1. Установка — токен реестра + пакеты: Установка
2. Настройка — targets / каталог, режим apply, host config: Настройка
3. Слушать — import-applied, import-error, …: События

Токены темы и сетка проверки идут с виджетом — см. Темизация.