Size: a a a

2020 November 17

NA

Nurbek Akhmedov in Svelte [svelt]
Понял спасибо)
источник

ON

Oleg N in Svelte [svelt]
Alexander Ponomarev
буквально
// A
import C from 'c'
import 'a.styles.ccs'

// C
import 'c.styles.css'


и будут сначало замаунчены стили C, затем стили A потому что они импортятся после полной инициализации C
что если <style module>  - стили которые добавляются при импорте?
<script module> - же есть
источник

AP

Alexander Ponomarev in Svelte [svelt]
Oleg N
что если <style module>  - стили которые добавляются при импорте?
<script module> - же есть
Дак а где кейсы где маунт стилей на маунт инстанса был бы полезен? А маунт стилей на инит модуля вреден?
источник

ON

Oleg N in Svelte [svelt]
Alexander Ponomarev
Дак а где кейсы где маунт стилей на маунт инстанса был бы полезен? А маунт стилей на инит модуля вреден?
тем что я не хочу добавлять стили компонентов если эти компоненты не используются
источник

ON

Oleg N in Svelte [svelt]
зачем добавлять не используемые стили
источник

ON

Oleg N in Svelte [svelt]
а с  style.module можно и так и эдак делать
источник

AP

Alexander Ponomarev in Svelte [svelt]
а почему не добавлять? Добавление стилей в дом это же минимум рекомпут всех стилей на всех элементах, а может и рефлоу? Лучше сразу все добавить
источник

AP

Alexander Ponomarev in Svelte [svelt]
чем меньше дергаешь в рантайме таблицы стилей тем лучше имхо
источник

ON

Oleg N in Svelte [svelt]
хз, хороший поинт
источник
2020 November 18

К

Константин in Svelte [svelt]
хм, ребят, у меня такая ситуация. Есть компонент. Некий эдитор, суть которого - контейнер с кнопками и кое-какой логикой, но без полей ввода, которые думаю передавать в качестве слота, чтобы не плодить кучу однотипных компонентов.
Возникает проблема. Даже две. (Возможно, тривиальных, но пока ещё не настолько много опыта в свелт, чтобы на глаз оценивать разные архитектуры на нём.)

При открытии эдитора мне нужно засунуть в эти поля ввода из эдитора значения.
И второе. По нажатию кнопки в эдиторе мне нужно из полей слота забрать значения и что-то с ними сделать (что именно - решает эдитор).

Короче говоря, мне нужно, чтобы я мог передать в компонент шаблон с разметкой, чтобы при этом компонент сам рулил логикой шаблона. Вариант со слотом видится немного топорным, но что-то другой способ на ум пока не пришёл, отсюда и вопросы выше.
источник

К

Константин in Svelte [svelt]
можно, конечно, шаблоны выносить в отдельные компоненты, но хз, как вытащить значения обратно потом без костылей вроде доп. сторов. Ну или на сонную голову просто не приходит...
источник

К

Константин in Svelte [svelt]
короче говоря, буду благодарен за изящное решение, если кто подскажет ) спасибо заранее
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Константин
хм, ребят, у меня такая ситуация. Есть компонент. Некий эдитор, суть которого - контейнер с кнопками и кое-какой логикой, но без полей ввода, которые думаю передавать в качестве слота, чтобы не плодить кучу однотипных компонентов.
Возникает проблема. Даже две. (Возможно, тривиальных, но пока ещё не настолько много опыта в свелт, чтобы на глаз оценивать разные архитектуры на нём.)

При открытии эдитора мне нужно засунуть в эти поля ввода из эдитора значения.
И второе. По нажатию кнопки в эдиторе мне нужно из полей слота забрать значения и что-то с ними сделать (что именно - решает эдитор).

Короче говоря, мне нужно, чтобы я мог передать в компонент шаблон с разметкой, чтобы при этом компонент сам рулил логикой шаблона. Вариант со слотом видится немного топорным, но что-то другой способ на ум пока не пришёл, отсюда и вопросы выше.
Показал бы пример шаблона, было бы понятнее

Я в каждой такой ситуации пытаюсь создать плоскую или иерархическую структуру данных, которую распихиваю через each с биндами, отлично работает
источник

DK

Dan Kozlov in Svelte [svelt]
Константин
хм, ребят, у меня такая ситуация. Есть компонент. Некий эдитор, суть которого - контейнер с кнопками и кое-какой логикой, но без полей ввода, которые думаю передавать в качестве слота, чтобы не плодить кучу однотипных компонентов.
Возникает проблема. Даже две. (Возможно, тривиальных, но пока ещё не настолько много опыта в свелт, чтобы на глаз оценивать разные архитектуры на нём.)

При открытии эдитора мне нужно засунуть в эти поля ввода из эдитора значения.
И второе. По нажатию кнопки в эдиторе мне нужно из полей слота забрать значения и что-то с ними сделать (что именно - решает эдитор).

Короче говоря, мне нужно, чтобы я мог передать в компонент шаблон с разметкой, чтобы при этом компонент сам рулил логикой шаблона. Вариант со слотом видится немного топорным, но что-то другой способ на ум пока не пришёл, отсюда и вопросы выше.
Да, ТЗ маленькое какое-то. Под него может быть очень много решений.
Самое простое вот такое:
https://svelte.dev/repl/962ac6d7751a4cd7aff10938dcaf0e62?version=3.29.7

В главном компоненте сделать двусторонний биндинг как на Editor-компонент, так и на инпуты в слотах. Тогда все данные будут синхронизированы между всеми.
источник

L

Lupusregina[beta] in Svelte [svelt]
Константин
хм, ребят, у меня такая ситуация. Есть компонент. Некий эдитор, суть которого - контейнер с кнопками и кое-какой логикой, но без полей ввода, которые думаю передавать в качестве слота, чтобы не плодить кучу однотипных компонентов.
Возникает проблема. Даже две. (Возможно, тривиальных, но пока ещё не настолько много опыта в свелт, чтобы на глаз оценивать разные архитектуры на нём.)

При открытии эдитора мне нужно засунуть в эти поля ввода из эдитора значения.
И второе. По нажатию кнопки в эдиторе мне нужно из полей слота забрать значения и что-то с ними сделать (что именно - решает эдитор).

Короче говоря, мне нужно, чтобы я мог передать в компонент шаблон с разметкой, чтобы при этом компонент сам рулил логикой шаблона. Вариант со слотом видится немного топорным, но что-то другой способ на ум пока не пришёл, отсюда и вопросы выше.
не нужен тут слот
источник

DK

Dan Kozlov in Svelte [svelt]
Если по какой-то причине не заходит, там уже можно думать в сторону контекстов с сторами внутри, например.
источник

DK

Dan Kozlov in Svelte [svelt]
Lupusregina[beta]
не нужен тут слот
Ну почему. Может, слотом комфортнее сделать реюз и обеспечить общую вёрстку компонента.
источник

К

Константин in Svelte [svelt]
Кирилл Спасибович
Показал бы пример шаблона, было бы понятнее

Я в каждой такой ситуации пытаюсь создать плоскую или иерархическую структуру данных, которую распихиваю через each с биндами, отлично работает
Ну просто пара инпутов, например.
источник

К

Константин in Svelte [svelt]
Dan Kozlov
Да, ТЗ маленькое какое-то. Под него может быть очень много решений.
Самое простое вот такое:
https://svelte.dev/repl/962ac6d7751a4cd7aff10938dcaf0e62?version=3.29.7

В главном компоненте сделать двусторонний биндинг как на Editor-компонент, так и на инпуты в слотах. Тогда все данные будут синхронизированы между всеми.
Тут просто какой момент, эдитор ничего не знает про поля. Ему по нажатию кнопки нужно вытащить объект со значениями инпутов, селектов и т.д. из шаблона.

Суть такая: я делаю механизм редактирования списков. Т.е. есть некий список, т.е. таблица с данными. Можно поднять запись на редактирование, либо добавить новую. Сущности отличаются только набором параметров. Вот я и хочу сделать компонент, в который просто передам шаблон для отображения записи списка и шаблон с набором полей для редактирования. Чтобы не дублировать каждый раз логику.
источник

К

Константин in Svelte [svelt]
Константин
Тут просто какой момент, эдитор ничего не знает про поля. Ему по нажатию кнопки нужно вытащить объект со значениями инпутов, селектов и т.д. из шаблона.

Суть такая: я делаю механизм редактирования списков. Т.е. есть некий список, т.е. таблица с данными. Можно поднять запись на редактирование, либо добавить новую. Сущности отличаются только набором параметров. Вот я и хочу сделать компонент, в который просто передам шаблон для отображения записи списка и шаблон с набором полей для редактирования. Чтобы не дублировать каждый раз логику.
Хотя вообще-то можно же объект забиндить...
источник