14325280d9
- 78 SDK pages per language (components, composables, advanced API, guides, architecture, getting-started) - vector-edit.md user guide page (5 languages) - Update stale ru/programmable/cli/inspecting.md - Fix YAML frontmatter quoting for colons in descriptions 474 files, 0 missing pages across de/es/fr/it/pl/ru. VitePress build verified — all 546 SDK pages render.
1.7 KiB
1.7 KiB
| title | description |
|---|---|
| GradientEditorRoot | Headless Wurzel-Primitiv für Verlaufsstopp-Bearbeitung. |
GradientEditorRoot
GradientEditorRoot ist ein headless Wurzel-Primitiv für Verlaufsbearbeitung.
Es verwaltet:
- aktiven Stopp-Zustand
- Subtyp-Wechsel
- Stopp hinzufügen/entfernen/aktualisieren Logik
- aktive Farbbearbeitung
- abgeleiteten Balken-Hintergrund
Props
Ereignisse
Slots
Standard-Slot-Props
{
stops: GradientStop[]
subtype: GradientSubtype
subtypes: Array<{ value: GradientSubtype; label: string }>
activeStopIndex: number
activeColor: Color
barBackground: string
setSubtype: (type: GradientSubtype) => void
selectStop: (index: number) => void
addStop: () => void
removeStop: (index: number) => void
updateStopPosition: (index: number, position: number) => void
updateStopColor: (index: number, hex: string) => void
updateStopOpacity: (index: number, opacity: number) => void
updateActiveColor: (color: Color) => void
dragStop: (index: number, position: number) => void
}
Beispiel
<GradientEditorRoot :fill="fill" @update="fill = $event" v-slot="ctx">
<MyGradientUI v-bind="ctx" />
</GradientEditorRoot>