Skip to content

Навигация и оболочка

registryIdUse-функцияПаттернНазначение
core.pageuseExtensionPageRegistryBЭкран: маршрут + Vue-компонент
core.navuseExtensionNavRegistryBПункт главного меню
core.sidebaruseExtensionSidebarRegistryBСлот сайдбара (strip / footer)
core.shelluseExtensionShellRegistryBГлобальный оверлей (bootstrap, звонки)
core.userStripuseExtensionUserStripRegistryBДействия в строке пользователя (друзья, чаты)
core.themeuseThemeRegistryBТема оформления

core.page и core.nav

Страница и пункт меню связываются общим ключом (например chats.main):

  • core.page: path, title, component, resolvedRoutePath
  • core.nav: link (= resolvedRoutePath), label, icon, опционально badgeCount

Пример — Hello World.

core.sidebar

Значение: { placement: 'strip' | 'footer', component }.

  • strip — полоса над основным меню (например активный звонок).
  • footer — нижняя зона сайдбара (например ссылка «Поддержка»).

core.shell

Глобальные компоненты поверх всего UI (не привязаны к маршруту):

  • bootstrap-логика расширения;
  • оверлей группового звонка (GlobalCallView в @rynt/chats-calls).

Используйте отрицательный order, если слой должен инициализироваться раньше остальных.

core.userStrip

Кнопка/действие рядом с пользователем в списке друзей (открыть личный чат и т.п.).

Справочник реестров · TopBar и сайдбар →