feat: support prop casing for SVG attributes · stenciljs/core#5674

(1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (844 Forks)auto 404

Feature: Want this? Upvote it!Help Wanted

Repository-Metriken

I have read the Contributing Guidelines.
I agree to follow the Code of Conduct.
I have searched for existing issues that already include this feature request, without success.

It'd be useful to support prop case for SVG attributes (similar to React).

Spreading an object with props onto an SVG will not render properly and warnings/errors will be swallowed.

SVG props get mapped to attributes.

In the following example, strokeWidth would be mapped and rendered as stroke-width

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 10">
  <circle cx={15} cy={5} r={3} stroke="green" strokeWidth={3} />
</svg>

No response

No response

No response

Research-Richtung: Untersuchen Sie, wie Stencil derzeit Komponenten Props auf HTML Attribute abbildet, und erweitern Sie dann die Abbildung, um camelCase SVG Props in kebab case Attribute zu konvertieren (z.B. strokeWidth > stroke width). Konzentrieren Sie sich auf die Prop to Attr Konvertierungslogik und stellen Sie sicher, dass sie nur SVG Elemente betrifft.
Tech Stack: typescript
Domain: frontend
Issue Type: Funktion
Schwierigkeit: 3
Geschätzte Zeit: Halber Tag
Aktivitätsstatus: Aktiv
Klarheit: Klar
Voraussetzungen: TypeScriptStencil basics
Einsteigerfreundlichkeit: 65