/
githubmirror
/
halo
Обзор
Документация
Войти
/
githubmirror
/
halo
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
ui/src/formkit/inputs/switch/SwitchInput.vue
34 строки
760 B
Takagi
feat: add custom switch input component to FormKit (#8095)
24 дек 2025, 16:23
Не верифицирован
24 дек 2025, 16:23
dc12e9e
Код
Авторство
О чём код?
<script lang="ts" setup> import type { FormKitFrameworkContext } from "@formkit/core"; import { VSwitch } from "@halo-dev/components"; import { computed, type PropType } from "vue"; const { context } = defineProps({ context: { type: Object as PropType<FormKitFrameworkContext>, required: true, }, }); function onChange(value) { context.node.input( value ? context.node.props.onValue : context.node.props.offValue ); } const isChecked = computed(() => { return context.value === context.node.props.onValue; }); const disabled = computed(() => { return context.node.props.disabled; }); </script> <template> <VSwitch :model-value="isChecked" :disabled="disabled" @update:model-value="onChange" ></VSwitch> </template>