smalljs$molПоиск⌘ KДокументацияПесочницаСравнениеЭкосистемаО проектеRU
ПлагиныGetting StartedВведениеМентальная модельБыстрый стартОт TypeScript к view.treeСтруктура проектаИнструментарийEssentialsУстановкаВьюСостояние и реактивностьРоутингРендерингТестированиеДеплойРешение проблемDataЗагрузка данныхСхемы данныхГипер БазаMoreВитринаИз React, Vue и SvelteСборник рецептовAdvancedПлагиныМетаданные модуляОфлайнGhost-вьюAboutЧастые вопросыКомандаРелизыAPI$mol_button_major$mol_button_minor$mol_string$mol_number$mol_text$mol_paragraph$mol_list$mol_row$mol_link$mol_check$mol_switch$mol_select$mol_scroll$mol_page$mol_pick

Плагины

Плагин — это компонент без собственного DOM-элемента. Вместо того чтобы рендериться в страницу, он присоединяет поведение к элементу компонента, который его хостит — во многом как директива. Плагины перечисляются под plugins / в view.tree; они работают рядом со вью, но никогда не появляются в его sub.1$my_app $mol_view2 plugins /3 <= Theme $mol_theme_auto4 <= Search_key $mol_hotkey5 key *6 K? <=> open_search?7 sub /8 <= Content $my_contentПоскольку плагин разделяет элемент своего хоста, он может добавлять обработчики событий, атрибуты или реактивные побочные эффекты к этому элементу, не оборачивая его в дополнительную разметку.

Плагины, которые вы будете использовать часто

$mol_hotkey — привязка горячих клавиш. key * escape? <=> close? запускает close по Escape; поставьте mod_ctrl true, чтобы требовать Ctrl/⌘.$mol_theme_auto — применяет светлую/тёмную тему к поддереву хоста.$mol_nav — навигация стрелками по списку компонентов (keys_y, current_y).$mol_speech — ввод распознаванием речи.

Написание своего

Плагин наследует $mol_plugin (который сам по себе без элемента) и обычно связывает event с обработчиком:1$my_autosave $mol_plugin2 event *3 ^4 input? <=> save? nullПрисоедините его к любому вью через список plugins / этого вью, и он дополнит элемент этого вью.
Редактировать эту страницу на GitHubБыло полезно?ДаНетНазадСборник рецептовВперёдМетаданные модуля
На этой страницеПлагины, которые вы будете использовать частоНаписание своего
Type to search the documentation.