Обернуть детей элемента в wrapper

Форум /

Допустим есть блок menu с элементами menu__item. Как обернуть все menu__item в блок wrapper, используя bemhtml, чтобы не писать это в BEMJSON ручками.

Имеем:

    {
        block: 'menu',
        content: [
            { elem: 'item', content: 'item 1' },
            { elem: 'item', content: 'item 2' }
        ]
    }

Хотим:

    {
        block: 'menu',
        content: [
            {
                block: 'wrapper',
                content: [
                    {    block: 'menu', elem: 'item', content: 'item 1' },
                    { block: 'menu', elem: 'item', content: 'item 2' }
                ]
            }
        ]
    }

Такое возможно?

7 years ago

belozer

// menu.bemhtml.js
block('menu')(
    content()((node, ctx) => [
        {
            block : 'wrapper',
            content : {
                html : applyCtx(ctx.content, { 
                    block : node.block
                })
            }
        }
    ])
);

правда не уверен, что это наиболее оптимальное решение

7 years ago

kompolom

block('menu')(
  content()((node, ctx) => {
     return {
        block : 'wrapper',
        content : applyNext()
    };
  })
)

7 years ago

belozer

@kompolom это не сработает, т.к. элементы menu станут элементами блока wrapper, что не является ожидаемым поведением.

7 years ago

kompolom

Тогда можно, и я бы так сделал

block('menu')(
  content()((node, ctx) => {
     return {
        elem : 'wrapper',
        mix : { block : 'wrapper' },
        content : applyNext()
    };
  })
)

7 years ago

belozer

@kompolom да, согласен.

7 years ago

Kundin

Спасибо, работает как нужно последний вариант.

Чтобы оставлять комментарии, необходимо авторизоваться.