Size: a a a

Svelte [svelt] - All about Svelte JavaScript framework.

2021 October 18

KN

Konstantin Nosov in Svelte [svelt] - All about Svelte JavaScript framework.
возник вопрос по использованию TS совместно с пакетом https://github.com/PaulMaly/svelte-imask
Использование пакета дает вот такой шаблон:
html
<input
           name="phone"
           id="phone"
           type="text"
           required
           on:complete={onComplete}
           use:imask={verifyType === 'skype' ? imaskOptions.name : imaskOptions.phone}
           disabled={!verifyType}
           value={verifyType === 'skype' ? skype : phone} />

и все хорошо, помимо on:complete={onComplete}
Property 'oncomplete' does not exist on type 'SvelteInputProps'

подскажите как обходили такую проблему? Тип на input задается не явно, не ясно как его расширить.
@blashirk @PaulMaly
источник

З

Захар in Svelte [svelt] - All about Svelte JavaScript framework.
+
источник

A

Arushwl in Svelte [svelt] - All about Svelte JavaScript framework.
По названию типа похоже он есть в svelte…🤔
источник

KN

Konstantin Nosov in Svelte [svelt] - All about Svelte JavaScript framework.
да, но imask расширяет этот тип
источник

KN

Konstantin Nosov in Svelte [svelt] - All about Svelte JavaScript framework.
добваля on:complete, и вот этого нет в базовом типе
источник

A

Arushwl in Svelte [svelt] - All about Svelte JavaScript framework.
Так если imask предоставил расширенный тип, откуда дефолтный svelte тип вылез…🤔
источник

Д

Денис in Svelte [svelt] - All about Svelte JavaScript framework.
чисто технически всё можно. вопрос только в конкретном проекте: kit или нет, какой адаптер и т.д.
источник

A

Arushwl in Svelte [svelt] - All about Svelte JavaScript framework.
Так-то по идее можно импортнуть дефолтный по месту использования и расширить кастомно…
источник

KN

Konstantin Nosov in Svelte [svelt] - All about Svelte JavaScript framework.
svelte kit +  static adapter
источник

KN

Konstantin Nosov in Svelte [svelt] - All about Svelte JavaScript framework.
нет же явного назначения его html елементу, он ругается на шаблон ведь. Если я его у себя переопределю в файле это не поменяет тот что использует svelte при компиляции
источник

KN

Konstantin Nosov in Svelte [svelt] - All about Svelte JavaScript framework.
imask предоставил action,  use:imask='...', но применение use не расширяет базовый тип похоже
источник

A

Arushwl in Svelte [svelt] - All about Svelte JavaScript framework.
Глянул пакет imask - там вообще нет типов или ts… но есть кастомные эвенты, которых понятно нет в дефолтном типе…
источник

B

Bogdan in Svelte [svelt] - All about Svelte JavaScript framework.
в данном случае кит не нужен) хватит свелта с его spa, обычная админка
источник

Д

Денис in Svelte [svelt] - All about Svelte JavaScript framework.
Тогда на стороне сервера отдавать в svelte конфиг и app  свои для каждого домена
источник

Д

Денис in Svelte [svelt] - All about Svelte JavaScript framework.
Вообще несложно
источник

KN

Konstantin Nosov in Svelte [svelt] - All about Svelte JavaScript framework.
вот как это правильно побороть?
источник

A

Arushwl in Svelte [svelt] - All about Svelte JavaScript framework.
На сколько я понимаю oncomplete - это имя кастомного евента на инпуте (а он в пакете не один). Соот нужно его типизировать и экстендить в дефолтный тип инпута svelte. Но если у вас тащится дефолт, значит пакет не предоставляет своих типов. Вообще такое логичнее в пакете делать конечно…
источник

A

Arushwl in Svelte [svelt] - All about Svelte JavaScript framework.
источник

A

Arushwl in Svelte [svelt] - All about Svelte JavaScript framework.
Вот так с типизацией кастомных эвентов справляется sveltekit package :

events: {
    [evt: string]: CustomEvent<any>;
};

CustomEvent дженерик как вы видите и можно более предметно его описывать… если надо
источник

A

Arushwl in Svelte [svelt] - All about Svelte JavaScript framework.
А как правильно по-русски event - ивент / эвент ?
источник