ScrubInputRoot

ScrubInputRoot — headless-корневой примитив для числового ввода с перетаскиванием (scrub).

Управляет:

• отображением смешанных значений
• состоянием редактирования vs перетаскивания
• числовым скрабингом с помощью указателя
• семантикой подтверждения завершённых правок

Props

Prop	Default	Type
modelValue* Текущее числовое значение или символ смешанного состояния.	—	number | symbol
min Минимально допустимое значение.	-Infinity	number | undefined
max Максимально допустимое значение.	Infinity	number | undefined
step Множитель шага скрабинга.	1	number | undefined
sensitivity Множитель чувствительности указателя.	1	number | undefined
placeholder Заполнитель для смешанных значений.	Mixed	string | undefined

Model

Prop	Default	Type
v-model:modelValue* Записываемая числовая модель.	—	number

Events

Event	Payload	Description
update:modelValue	value: number	Генерируется при скрабинге или редактировании.
commit	value: number, previous: number	Генерируется при подтверждении взаимодействия.

Slots

Slot	Props	Description
default	{ modelValue: number | symbol, displayValue: string, isMixed: boolean, editing: boolean, scrubbing: boolean, startScrub: (event: PointerEvent) => void, startEdit: () => void, commitEdit: (event: Event) => void, keydown: (event: KeyboardEvent) => void, placeholder: string }	Полный контракт рендеринга scrub-ввода.

Пример

<ScrubInputRoot v-model:model-value="value" @commit="commit" v-slot="ctx">
  <div @pointerdown="ctx.startScrub">
    <ScrubInputDisplay />
    <ScrubInputField class="w-16" />
  </div>
</ScrubInputRoot>

Связанные API

• ScrubInputField
• ScrubInputDisplay