Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 17:07

всмысле, сделать приведение типа что-ли?

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 17:03

вроде если завернуть модалку в <dialog> то фокус за её пределы не уходит

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 16:58

И возможно есть подводные камни, о которых я не знаю

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 16:54

Есть проверенные готовые решения?

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 16:52

Я разобрался. Второй вопрос - как заинлайнить импорты?

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 16:22

Если сделать отдельный файлик он собирается в импорт

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 16:02

а у тебя случаем файл с типами называется не также как ещё какой-нибудь? т.е. оно резолвится не в тот файл

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 16:00

мб опечатка? такое у меня завелось

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 15:42

а можно ли писать типы в app.d.ts и импортировать их в компонент через jsdoc?

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 14:21

о, как раз надо js-сник протипировать

Svelte [svɛlt] - All about Svelte JavaScript framework

27 Dec 2023 16:30

ещё можно передавать обработчики как просто пропсы, как в 5ом свелте

Svelte [svɛlt] - All about Svelte JavaScript framework

27 Dec 2023 16:28

<DoubleButton on:redClick={redClickHandler} on:blueClick={blueClickHandler} />

Svelte [svɛlt] - All about Svelte JavaScript framework

27 Dec 2023 09:48

Спасибо, я в итоге его и использовал. Не идеально но пойдет. Градиент сложно с ним сделать из-за особенностей генерации svg

Svelte [svɛlt] - All about Svelte JavaScript framework

26 Dec 2023 22:31

Спасибо!

Попробовал и вот так заработало

{#if searchBoxVisible}
  <input type="text" placeholder="Search" bind:value={searchQuery} in:slide={{ delay: 100, axis: 'x', easing: quintOut }} />
{:else}
  <div class="info" in:slide={{ delay: 100, easing: quintOut }}>
    Some info text here
  </div>
{/if}

Svelte [svɛlt] - All about Svelte JavaScript framework

26 Dec 2023 22:29

самое простое это добавить delay в transitionы

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 17:06

Если твоя модалка в нужном месте в доме, есть атрибут.

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 17:00

Вот тут у меня есть зачатки того, что тебе нужно

https://svelte.dev/repl/301746e538f4488fa578f062f3af2747?version=4.2.8

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 16:57

Нужно сделать, чтобы при появлении модального окна, все, что за пределами его фона было недоступно через tab

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 16:54

Как управлять фокусом модального окна?

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 16:45

я потыкал, сходу заводилось только в .js, а в .ts/.vue только после того как в tsconfig добавил allowJs: true

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 16:14

Файл с типами — это npm пакет, их два разных, оба собираются в any

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 16:01

У меня не svelte. Сборка библиотеки через vite

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 15:58

Вот у меня эта штука не заводится. Собирается в any

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 14:22

Есть ещё, более «Сухой», для тех кто хорошо шарит в TS

https://www.typescriptlang.org/docs/handbook/jsdoc-supported-types.html

Svelte [svɛlt] - All about Svelte JavaScript framework

28 Dec 2023 14:16

Наткнулся на очень подробный HowTo по JSDoc

https://dev.to/samuel-braun/boost-your-javascript-with-jsdoc-typing-3hb3

Svelte [svɛlt] - All about Svelte JavaScript framework

27 Dec 2023 16:29

можно одно общее событие + параметр указывающий какая кнопка нажата, если это вообще нужно

Svelte [svɛlt] - All about Svelte JavaScript framework

27 Dec 2023 16:27

В +page.svelte есть <DoubleButton /> (Красная и синяя кнопка)
Мне нужно чтобы при нажатии на кнопки выполнялись функции, которые находятся в +page.svelte. Как можно это сделать?

Svelte [svɛlt] - All about Svelte JavaScript framework

27 Dec 2023 02:33

https://github.com/vnphanquang/svelte-put/tree/main/packages/misc/qr

Svelte [svɛlt] - All about Svelte JavaScript framework

26 Dec 2023 22:31

ещё вариант это скрывать только с помощью css

Svelte [svɛlt] - All about Svelte JavaScript framework

26 Dec 2023 22:23

Ребят, привет.

Подскажите пожалуйста как сделать красивую анимацию между двумя элементами: когда один скрывается, а другой на его месте появляется.

У меня вот такой простой код сейчас

{#if searchBoxVisible}
  <input type="text" placeholder="Search" bind:value={searchQuery} />
{:else}
  <div class="info">
    Some info text here
  </div>
{/if}