Language-tools: 기본 DOM 요소에 대한 사용자 정의 이벤트 지원

액션이 있는 요소에만 적용되도록 하는 방법이 있는지 모르겠습니다. 하지만 이렇게 하면 전 세계적으로 사용 가능하게 만들 수 있습니다.

declare namespace svelte.JSX {
    interface HTMLAttributes<T> {
        onswipemove?: (event: CustomEvent<number> & { target: EventTarget & T }) => any;
    }
}

" CustomEvent<any> 로 폴백"을 사용하여 타이핑을 향상시킬 수도 있지만 다른 사람들이 이벤트를 잘못 입력하면 "존재하지 않음" 오류를 던지기 위해 타이핑에 의존할 수 있기 때문에 저는 그렇게 하지 않습니다. 액션이 있는 요소에만 적용된다면 그런 것은 괜찮습니다. 하지만 우리가 그것을 어떻게 구현할지는 잘 모르겠습니다.
행동에서 유형을 추론하는 것은 거의 불가능한 작업이라고 생각합니다. 사용자가 작업과 가능한 이벤트를 명시적으로 입력하도록 하는 방법을 찾을 수 있습니다.

감사합니다. 사용자가 명시적으로 작업을 입력하거나 CustomEvent<any> 로 대체할 시기를 명시적으로 선택하게 하는 것이 가장 좋은 시나리오일 수 있지만 지금은 @jasonlyu123 의 솔루션으로 충분합니다. 훌륭한 작업에 감사드립니다!

나는 이것을 다시 한 번 보았고 지금은 가장 좋은 방법이 무엇인지에 대해 의견이 나뉩니다.

옵션 1: 무음 오류

use:YY 지시문이 있는 DOM 요소의 on:XX 이벤트인 경우 오류를 숨길 수 있습니다. 단점은 이벤트가 암시적으로 모든 유형이라는 것입니다. Svelte는 본질적으로 매우 동적이기 때문에 누군가 버블링 CustomEvents를 수행할 수 있기 때문에 모든 경우를 포착하지 못할 수도 있습니다.

옵션 2: CustomEvent<any> 대체 추가

본질적으로 모든 본질적인 요소 유형에 & {[key: string]: CustomEvent<any>} 를 추가합니다. 이는 위에 나열되지 않은 _any_ 속성이 CustomEvent<any> 로 대체됨을 의미합니다. 이렇게 하면 옵션 1의 "동적 특성" 문제와 "암시적 임의" 문제가 해결됩니다. 그러나 누군가가 myownAttribute 와 같은 사용자 정의 속성을 사용하는 경우에도 잘못됩니다.

옵션 3: any 대체 추가

옵션 2와 마찬가지로 & {[key: string]: any} 폴백만 추가합니다. 이것은 적합하지 않은 것은 무엇으로든 되돌아간다는 것을 의미합니다. 이것은 더 이상 오타를 잡지 않는 대가로 DOM의 동적 특성에 가장 잘 맞습니다.