КС
<script>
let value = 1;
</script>
<input bind:value type="number" />
{value === null}
<button on:click={() => value = undefined}>undefined</button>
<style>
button {
display: block;
}
</style>
Size: a a a
2021 March 02
КС
чекните в репле
КС
мне кажется этот тип в свелте должен быть расширен
КС
Переслано от Alexey Schebelev
Моё предложение по иному принципу по добавлению классов из парента. Кроме классов в компонент наверное можно style тоже передать. А еще неплохо бы и экшены тоже. Например, сейчас ни в Малине, ни в Свелт никак не навесить экшн на элемент внутри компонента. Например захочется на компонент кастомного инпута из какой-либо UI библиотеки навесить экшн цепляющий maskinput, и никак.
Все это объединяет, то что нужно знать на какую DOM-ноду навешивать класс, стиль или экшн. Поэтому предлагаю ввести так называемый Anchor(якорь), с помощью которого в компоненте можно указать на какую ноду навешивать поступающие в компонент классы, стили и экшены. Кроме того можно сделать якоря в компоненте с разными именами, тогда отдельно можно задать стили как для враппера, так и для поля ввода(например). Как и прочие директивы на элементах, якорь будет иметь свой значок - пусть "^".
Якорь
Все это объединяет, то что нужно знать на какую DOM-ноду навешивать класс, стиль или экшн. Поэтому предлагаю ввести так называемый Anchor(якорь), с помощью которого в компоненте можно указать на какую ноду навешивать поступающие в компонент классы, стили и экшены. Кроме того можно сделать якоря в компоненте с разными именами, тогда отдельно можно задать стили как для враппера, так и для поля ввода(например). Как и прочие директивы на элементах, якорь будет иметь свой значок - пусть "^".
// Card.xht
<div ^root>
<div ^header>{title}</div>
<slot/>
</div>
// App.xht
<Card title="hello" style="margin: 20px" class:header="red" />
Якорь
^root значит - что туда будут прицепляться переданные классы, стили и экшены, по-дефолту.ну я уже знаю что ответят пингвинокондуитрии - это пропсы со спецповедением, нельзя так делать
КС
кстати а что помешало бы отнеймспейсить атрибуты
КС
типа
<Component attr:class="something" />КС
тогда это и не пропсы уже никакие
КС
хотя как тогда директивы отправлять хз
КС
а куда кстати за типы к тайпскрипту у свелта писать ? в /svelte, или в /language-tools ?
DK
Кирилл Спасибович
а куда кстати за типы к тайпскрипту у свелта писать ? в /svelte, или в /language-tools ?
Они ж не сами типы пишут, вроде. Это разве не из тайпскрипта прямо берется?
PM
Марк Танащук
Было обсуждение на тему
{#slot}, но выбрали фрагмент =\Потому что уже юзается <slot />
КС
Они ж не сами типы пишут, вроде. Это разве не из тайпскрипта прямо берется?
типа HTMLInputElement ?
DK
Кирилл Спасибович
типа HTMLInputElement ?
Да. Это ж TSX под капотом.
PM
Переслано от Alexey Schebelev
Моё предложение по иному принципу по добавлению классов из парента. Кроме классов в компонент наверное можно style тоже передать. А еще неплохо бы и экшены тоже. Например, сейчас ни в Малине, ни в Свелт никак не навесить экшн на элемент внутри компонента. Например захочется на компонент кастомного инпута из какой-либо UI библиотеки навесить экшн цепляющий maskinput, и никак.
Все это объединяет, то что нужно знать на какую DOM-ноду навешивать класс, стиль или экшн. Поэтому предлагаю ввести так называемый Anchor(якорь), с помощью которого в компоненте можно указать на какую ноду навешивать поступающие в компонент классы, стили и экшены. Кроме того можно сделать якоря в компоненте с разными именами, тогда отдельно можно задать стили как для враппера, так и для поля ввода(например). Как и прочие директивы на элементах, якорь будет иметь свой значок - пусть "^".
Якорь
Все это объединяет, то что нужно знать на какую DOM-ноду навешивать класс, стиль или экшн. Поэтому предлагаю ввести так называемый Anchor(якорь), с помощью которого в компоненте можно указать на какую ноду навешивать поступающие в компонент классы, стили и экшены. Кроме того можно сделать якоря в компоненте с разными именами, тогда отдельно можно задать стили как для враппера, так и для поля ввода(например). Как и прочие директивы на элементах, якорь будет иметь свой значок - пусть "^".
// Card.xht
<div ^root>
<div ^header>{title}</div>
<slot/>
</div>
// App.xht
<Card title="hello" style="margin: 20px" class:header="red" />
Якорь
^root значит - что туда будут прицепляться переданные классы, стили и экшены, по-дефолту.Так можно ведь передать функцию экшена пропсом, разве нет? 🤔
AS
Конечно, можно. И класс тоже. Но в ui либах каждый будет делать пропсы как хочет, никакой системы.
AS
Не будет точнее, а делает
PM
Конечно, можно. И класс тоже. Но в ui либах каждый будет делать пропсы как хочет, никакой системы.
Ну и что) у компонента в UI ките есть апи. Его и юзаем.
КС
хорошо бы иметь один проверенный утвержденный способ как это делается
тогда не придётся для каждого компонента привыкать к его версии делания
тогда не придётся для каждого компонента привыкать к его версии делания
AS
Пойди найди либу где позаботились о том чтобы экшн на инпут можно было навесить
AP
Да. Это ж TSX под капотом.
на тсх написаны отдельный тайпинги