Что такое возвращаемый тип директивы use?

После прочтения руководства по svelte я заметил, что функция clickOutside возвращает объект с методом destroy.

Каким будет правильный тип возвращаемого значения пользовательской директивы use?

export function clickOutside(node: HTMLElement): ??? { 
    // setup work goes here...

    return {
        destroy() {
            // ...cleanup goes here
        }
    };
}

typescript svelte

14.05.2022 23:53

Зод: сила проверки и преобразования данных

Сегодня я хочу познакомить вас с библиотекой Zod и раскрыть некоторые ее особенности, например, возможности валидации и трансформации данных, а также...

Как заставить Remix работать с Mantine и Cloudflare Pages/Workers

Мне нравится библиотека Mantine Component , но заставить ее работать без проблем с Remix бывает непросто.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

TypeScript против JavaScript

TypeScript vs JavaScript - в чем различия и какой из них выбрать?

Синхронизация localStorage в масштабах всего приложения с помощью пользовательского реактивного хука useLocalStorage

Не все нужно хранить на стороне сервера. Иногда все, что вам нужно, это постоянное хранилище на стороне клиента для хранения уникальных для клиента...

Что такое ленивая загрузка в Angular и как ее применять

Ленивая загрузка - это техника, используемая в Angular для повышения производительности приложения путем загрузки модулей только тогда, когда они...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Это ДействиеВозврат

export interface ActionReturn<Parameter = any> {
  update?: (parameter: Parameter) => void;
  destroy?: () => void;
}

Доступно от import type { ActionReturn } from "svelte/types/runtime/action";

Но вместо ActionReturn я предлагаю использовать тип Action:

import type { Action } from "svelte/types/runtime/action";

const clickOutside: Action<HTMLElement, undefined> = (node) => {
  // setup work goes here...
  return {
    destroy() {
      // ...cleanup goes here
    }
  };
};

Потому что это позволяет Typescript проверять, что тип параметра options для действия и метод обновления имеют один и тот же тип.

Я только что попытался импортировать его, и внезапно VSCode предложил мне тип SvelteActionReturnType, который точно такой же, как вы описали. Спасибо

— 15.05.2022 01:40

SvelteActionReturnType взят из пакета svelte2tsx, установленного внутри VSCode, что может вызвать проблемы при выполнении tsc проверки. Но я обнаружил, что ActionReturn является экспортируется через «svelte/types/runtime/action» (я обновлю свой ответ)

— 15.05.2022 09:32

15.05.2022 00:05