Size: a a a

2020 March 02

A

Arushwl in Svelte [svelt]
Компонент это контейнер-класс с интерфейсом. Сделай детенышу интерфейс и цепляйся к нему откуда надо.
источник

ДБ

Дмитрий Беляев in Svelte [svelt]
Arushwl
Так закоди логику в детёныше, а из родителя передавай ему в сетку что надо.
сетка не только в этом компоненте подключена, ее изменение черевато тем, что сломается все в остальных местах
источник

A

Arushwl in Svelte [svelt]
Меняй не сетку, а непосредственно детёныша в ней.
источник

A

Arushwl in Svelte [svelt]
Дмитрий Беляев
сетка не только в этом компоненте подключена, ее изменение черевато тем, что сломается все в остальных местах
Персонализируй сетку под такой функционал
источник

ДБ

Дмитрий Беляев in Svelte [svelt]
Arushwl
Меняй не сетку, а непосредственно детёныша в ней.
в паренте:
<div>
 <InsertedBlock />
 <items />
</div>

в Items:
{#each ...}
 <div ...
{/each}

менять Items  не вариант, иначе у меня будет либо 7+ вариантов одного и того же, либо запутанный интерфейс принимающий кучу условий аля я нахожусь в родителе Х
источник

A

Arushwl in Svelte [svelt]
Ну конечно я говорю о детёныше внутри each
источник

T

Th0r in Svelte [svelt]
Дмитрий Беляев
нет, вполне устроит в компоненте
https://svelte.dev/repl/78ab2c834dc04cba943f7b1bd2d96947?version=3.19.1
добавлением дополнительных классов в .item.item:nth-child можно догнать селектор до необходимого уровня
источник

ДБ

Дмитрий Беляев in Svelte [svelt]
Arushwl
Ну конечно я говорю о детёныше внутри each
давай те будем считать, что его нельзя поменять, с npm он установлен пусть будет и форкать нельзя
источник

ДБ

Дмитрий Беляев in Svelte [svelt]
Th0r
https://svelte.dev/repl/78ab2c834dc04cba943f7b1bd2d96947?version=3.19.1
добавлением дополнительных классов в .item.item:nth-child можно догнать селектор до необходимого уровня
менять cssom плохо, поэтому поменяй cssom
источник

ДБ

Дмитрий Беляев in Svelte [svelt]
супер
источник

T

Th0r in Svelte [svelt]
Дмитрий Беляев
менять cssom плохо, поэтому поменяй cssom
так я тебе же предлагал другой вариант, ты сказал он тебе не подходит, предложил подходящий - опять что-то не так
источник

ДБ

Дмитрий Беляев in Svelte [svelt]
Th0r
так я тебе же предлагал другой вариант, ты сказал он тебе не подходит, предложил подходящий - опять что-то не так
изоляции стилей нет
источник

ДБ

Дмитрий Беляев in Svelte [svelt]
этот селектор затронет все .item в проекте, а не только .item этого компонента
источник

A

Arushwl in Svelte [svelt]
Я за прямую архитектуру и масштабируемость🤷🏻‍♂️что нельзя форкнуть, можно написать...
источник

A

Arushwl in Svelte [svelt]
А доступ к исходника у вас есть?
источник

A

Arushwl in Svelte [svelt]
Задачка напоминает инжекшн...
источник

ДБ

Дмитрий Беляев in Svelte [svelt]
Th0r
ну вообще можно через use, но если это нужно - то скорее всего что-то делаете не так
https://svelte.dev/repl/42a9afbd3b2a4b72aae27d2972035276?version=3.19.1
кароче, это вполне подойдет, давайте заканчивать холивар))
источник

ДБ

Дмитрий Беляев in Svelte [svelt]
Arushwl
А доступ к исходника у вас есть?
есть, только черевато их менять...
источник

A

Arushwl in Svelte [svelt]
Дмитрий Беляев
есть, только черевато их менять...
Это грозит 19й версией костылей через полгода 😎
источник

T

Th0r in Svelte [svelt]
Дмитрий Беляев
этот селектор затронет все .item в проекте, а не только .item этого компонента
нет, этот style вставлен в App, и будет работать в нем
https://svelte.dev/repl/78ab2c834dc04cba943f7b1bd2d96947?version=3.19.1
источник