Size: a a a

2020 January 14

EZ

Ekaterina Zharkova in БЭМ
Anton
Сложно советовать не зная архитектуры
Но навскидку:
у Вас есть блок наведение на который приводит к появлению попапа.
В родительском блоке вы слушаете наведение мышии на блок и в обработчике находите ваш попап  (вы, например, можете примиксовать к нему свой элемент родительского блока) и показываете его.

В таком случае вроде не должно быть проблемы
имею конкретно такой код у попапа:

modules.define( 'popup-tip', ['i-bem-dom', 'popup', 'link'], function( provide, bemDom, Popup, Link ) {
 provide( bemDom.declBlock( this.name, {
   onSetMod: {
     js: {
       inited() {
         this._popup = this.findChildBlock( Popup );
         this._link = this.findChildBlock( Link );
         this._domEvents().on( 'mouseover', () => {
           this._popup
             .setAnchor( this._link )
             .setMod( 'visible', true );
         } );
         this._domEvents().on( 'mouseleave', () => {
           this._popup
             .setAnchor( this._link )
             .setMod( 'visible', false );
         } );
       }
     }
   }
 } ) );
} );


и вот в модалке:

modules.define( 'button', ['page', 'modal', 'i-bem-dom', 'BEMHTML'], ( provide, Page, Modal, bemDom, BEMHTML, Button ) => {
 provide( Button.declMod( { modName: 'action', modVal: 'map' }, {
   onSetMod: {
     js: {
       inited() {
         this._modal = this.findParentBlock( Page )
           ._elem( 'modal' )
           .findMixedBlock( Modal );

         this._domEvents().on( 'click', () => {
           console.log( '1: ', 1 );
         } );
       }
     }
   }
 } ) );
} );


вижу выход слушать не у попапа а у какого-то модификатора, но непонятно зачем такой заведомый нахлест
источник

EZ

Ekaterina Zharkova in БЭМ
возможно конечно, что я делаю что-то не так
источник

A

Anton in БЭМ
Сложно рассматривать так абстрактно.

Условная схема как работать на мой взгляд должно ок:
блок popup-tip это совокупность ссылки и попапа. Он там на свои дела подписывается и все у него хорошо.

элемент/блок куска с кнопкой открывающей модалку содержит в себе модалку и это кнопку и тоже внутри себя все делает что ему надо и никуда в другие места не смотрит.
источник

A

Anton in БЭМ
Если это один попап который появляется на разные триггеры, то можно ловить событие в контейнере, а эмитить его из разных мест, которые хотят модалку показать и внутри контейнера искать эту модалку с примиксованным элементом и показывать ее.
источник

EZ

Ekaterina Zharkova in БЭМ
Anton
Если это один попап который появляется на разные триггеры, то можно ловить событие в контейнере, а эмитить его из разных мест, которые хотят модалку показать и внутри контейнера искать эту модалку с примиксованным элементом и показывать ее.
нет это не один попап
источник

EZ

Ekaterina Zharkova in БЭМ
Anton
Сложно рассматривать так абстрактно.

Условная схема как работать на мой взгляд должно ок:
блок popup-tip это совокупность ссылки и попапа. Он там на свои дела подписывается и все у него хорошо.

элемент/блок куска с кнопкой открывающей модалку содержит в себе модалку и это кнопку и тоже внутри себя все делает что ему надо и никуда в другие места не смотрит.
должно но так не работает
источник
2020 January 15

СК

Сергей Коноплич in БЭМ
У кого-нибудь есть ссылка на репозиторий с исходниками среднесложной странички сверстанной по БЭМ-у без использования bem-json и подобных библиотек?
источник

Y

Yaros in БЭМ
Сергей Коноплич
У кого-нибудь есть ссылка на репозиторий с исходниками среднесложной странички сверстанной по БЭМ-у без использования bem-json и подобных библиотек?
чисто верстка ?
источник

СК

Сергей Коноплич in БЭМ
Yaros
чисто верстка ?
Да, разумеется можно и с JS-ом но главное чтобы страница рендерилась не им.
источник

Y

Yaros in БЭМ
источник

Y

Yaros in БЭМ
источник

СК

Сергей Коноплич in БЭМ
Спасибо.
источник
2020 January 16

꧁K

꧁iffan꧂ Kumar in БЭМ
источник

AM

Alexander Mittsel in БЭМ
Всем привет! Кто-нибудь использует MDX в storybook для документации своего UI-kit?
источник

AY

Alexey Yarrr (qfox) in БЭМ
Alexander Mittsel
Всем привет! Кто-нибудь использует MDX в storybook для документации своего UI-kit?
Мы пытались, но оно нестабильное. Если документацию будут писать разработчики — вполне норм, основная проблема была с тем, как это отлаживать
Мб @yarastqt еще что-то добавит, он в это руками погружался
источник

AM

Alexander Mittsel in БЭМ
Alexey Yarrr (qfox)
Мы пытались, но оно нестабильное. Если документацию будут писать разработчики — вполне норм, основная проблема была с тем, как это отлаживать
Мб @yarastqt еще что-то добавит, он в это руками погружался
а у вас случайно не lerna-монорепа была?
источник

AY

Alexey Yarrr (qfox) in БЭМ
И не одна
источник

AM

Alexander Mittsel in БЭМ
я не понимаю как в mdx файлах резолвить импорты типа
import { Button } from '@myuikit/core'
источник

AM

Alexander Mittsel in БЭМ
он @ разбивает на '../../../myuikit/core'
источник

AM

Alexander Mittsel in БЭМ
в самих mdx файлах, день потратил на это, но все issue закрыты ботом из-за бездействия =(
источник