AM
Марк Танащук
widget.$on("click", someFunc);ага, спасибо
Size: a a a
2021 February 16
A
Марк Танащук
widget.$on("click", someFunc);Это эвент виджета
МТ
Это эвент виджета
Можно и извне передавать функцию пропсом, а внутри контроллировать кем ивенты слушать, тут уж как душа пожелает =\
PM
Чтобы потенциальному клиенту контрола отдать классы без "svelte-autogen-xyz"
для виджета, имхо, лучше комбинировать префиксы классов + генерация хэшей. если клиенту нужно будет что-то подправить, то дать ему официальный интерфейс (пропсы, css vars и тп) и/или пусть юзать !important для искуственного повышения веса. Для виджета не вижу в этом ничего страшного
AP
хз помоему глобальные классы вполне нормальный интерфейс для переопределения стилей
AP
если кому то нужны цсс переменные он их пропишет через эти глобальные классы
AP
а форсировать смену цсс свойств через жс пропсы это плохо хотя бы для ховера, который может работать без жса просто по псевдоклассу
11
насколько я понимаю, чтобы более или менее сносно сочетать пользовательское переопределение с теми генерёнными свелтовскими классами, достаточно в самом компоненте иметь класс на внешнем элементе, но стили внутренним элементам прописывать без него. тогда можно будет в глобальной таблице стилей (на сайте в который встраивается компонент) переопределять стили внутренних элементов с каскадом от родительского элемента. надо только чуть-чуть добавить веса его селектору. например с дополнительным каскадом от body или продублировав класс.
правда тут может начать мешаться тот самый глюк с рандомно дублирующимися генерёнными классами в селекторах...
выглядеть это может примерно так: в компоненте
правда тут может начать мешаться тот самый глюк с рандомно дублирующимися генерёнными классами в селекторах...
выглядеть это может примерно так: в компоненте
а там где компонент используется без свелта
<div class="test">
<p>test</p>
</div>
<style>
.test { font-family: Consolas; }
p { color: green; }
</style>
.test.test p {color: blue;} либоbody .test p {color: red;}AP
насколько я понимаю, чтобы более или менее сносно сочетать пользовательское переопределение с теми генерёнными свелтовскими классами, достаточно в самом компоненте иметь класс на внешнем элементе, но стили внутренним элементам прописывать без него. тогда можно будет в глобальной таблице стилей (на сайте в который встраивается компонент) переопределять стили внутренних элементов с каскадом от родительского элемента. надо только чуть-чуть добавить веса его селектору. например с дополнительным каскадом от body или продублировав класс.
правда тут может начать мешаться тот самый глюк с рандомно дублирующимися генерёнными классами в селекторах...
выглядеть это может примерно так: в компоненте
правда тут может начать мешаться тот самый глюк с рандомно дублирующимися генерёнными классами в селекторах...
выглядеть это может примерно так: в компоненте
а там где компонент используется без свелта
<div class="test">
<p>test</p>
</div>
<style>
.test { font-family: Consolas; }
p { color: green; }
</style>
.test.test p {color: blue;} либоbody .test p {color: red;}свелт усиливает свои селекторы и их хрен перебьешь
AP
ну точнее это усиление не предсказуемо почти никак
AP
и его сложно будет документировать в bc
11
ну да, я упоминал что бага с дублирующимися генерёнными селекторами действительно может мешаться. но "хрен перебьёшь" - это громко сказано. можно добавить body айдишник и от него ;)
<body id='antisvelte'>и тогда
#antisvelte .test p {} передавит любое осмысленное количество селекторов по классу. про осмысленность мы уже как-то дискутировали :)AP
ну да с айдишником норм вариант
AP
но не совсем) нужно же переписать селектор такой же силой селектора но просто ниже в списке стилей, чтобы был сильнее приоритет. если ты перепишешь более весомым селектором, то ты перепишешь все селекторы в том числе модификаторы и ховеры
AP
айдишник селектор из другой категории весов так что он точно перекроет много лишнего
AP
вариант с глобальными классами имхо гораздо проще
11
ну это да, глобальными всяко проще. я честно пытался, но лично мне насильно причинённая польза с этими локальными стилями как-то совсем не зашла. в моём мелком проектике по факту осталась только пара мест с ними, и всё к тому что и эти остатки я снесу в глобальную таблицу рано или поздно.
КС
можно каскадить от рут ноды виджета которая будет с хешированным классом
AP
ну всегда есть цсс модули, они проще и удобнее на порядки