Телеграмм чат группы sveltejs страница 6780

Size: a a a

Svelte [svelt]

2021 February 23

КС

Кирилл Спасибович... in Svelte [svelt]

<script lang="ts">
  let value: number | null = null;
</script>

<input type="number" bind:value />

...

Error: Type 'number | null' is not assignable to type 'string | number | string[] | undefined'.
  Type 'null' is not assignable to type 'string | number | string[] | undefined'. (ts)

<input type="number" bind:value />

🤔

источник

19:01пожаловаться #1

Alexander Ponomarev in Svelte [svelt]

Кирилл Спасибович

<script lang="ts">
  let value: number | null = null;
</script>

<input type="number" bind:value />

...

Error: Type 'number | null' is not assignable to type 'string | number | string[] | undefined'.
  Type 'null' is not assignable to type 'string | number | string[] | undefined'. (ts)

<input type="number" bind:value />

🤔

в доме значение у инпута string хоть он number хоть text

источник

19:09пожаловаться #2

Vetro in Svelte [svelt]

А есть какой-то определенный подход к созданию UI компонентов в свелте? Пропы через $$props передавать?

источник

19:40пожаловаться #3

Alexander Ponomarev in Svelte [svelt]

Vetro

А есть какой-то определенный подход к созданию UI компонентов в свелте? Пропы через $$props передавать?

в плане? аналог {...rest}?

источник

19:41пожаловаться #4

Vetro in Svelte [svelt]

Alexander Ponomarev

в плане? аналог {...rest}?

Аналог

export interface ButtonProps
  extends React.ButtonHTMLAttributes<HTMLButtonElement>

источник

19:42пожаловаться #5

Alexander Ponomarev in Svelte [svelt]

ну это просто запись интерфейса, который принимает все что принимает HTMLButtonElement

источник

19:42пожаловаться #6

Vetro in Svelte [svelt]

Ну вот мне нужно констрейнт сделать такой же

источник

19:42пожаловаться #7

Alexander Ponomarev in Svelte [svelt]

дальше нужно на <button {..rest}/>

источник

19:43пожаловаться #8

Alexander Ponomarev in Svelte [svelt]

а так у тебя уже не выйдет

источник

19:43пожаловаться #9

Alexander Ponomarev in Svelte [svelt]

потому что эвенты не спредятся

источник

19:43пожаловаться #10

Alexander Ponomarev in Svelte [svelt]

насчет типизации хз, просто саму логику уже не сделать, поэтому я до типизации даже не дошел

источник

19:43пожаловаться #11

Vetro in Svelte [svelt]

Да, фиговенько

источник

19:44пожаловаться #12

Alexander Ponomarev in Svelte [svelt]

обычные пропсы можно спредить через {..$$restProps}, но каждый эвент придется руками переложить

источник

19:45пожаловаться #13

Vetro in Svelte [svelt]

Alexander Ponomarev

обычные пропсы можно спредить через {..$$restProps}, но каждый эвент придется руками переложить

Хотя я нашел интересный обход этой лимитации

https://github.com/hperrin/svelte-material-ui/blob/master/packages/common/forwardEvents.js
https://github.com/hperrin/svelte-material-ui/blob/master/packages/button/Button.svelte#L34

GitHub

hperrin/svelte-material-ui

Svelte Material UI Components. Contribute to hperrin/svelte-material-ui development by creating an account on GitHub.

источник

19:50пожаловаться #14

Vetro in Svelte [svelt]

Но это все равно жесть какой грязный хак

источник

19:51пожаловаться #15

Vetro in Svelte [svelt]

Из internal импортить

источник

19:52пожаловаться #16

Alexander Ponomarev in Svelte [svelt]

ну да )

источник

19:53пожаловаться #17

Alexander Ponomarev in Svelte [svelt]

если бы можно было обратиться к Object.keys(this.$$.callbacks) и зафорвардить, тогда не надо было бы перечислять этот массив

источник

20:22пожаловаться #18

Vetro in Svelte [svelt]

Alexander Ponomarev

ну да, сейчас висит пр на то, чтобы можно было в ребенке делать on:*

но что-то на этот пр все походу забили

источник

20:22пожаловаться #19

Alexander Ponomarev in Svelte [svelt]

он висит уже хз сколько

источник

20:23пожаловаться #20