jenesius-vue-form

Jenesius Vue Form

Hi, If you stay here, please leave. This package is not ready ;) (But just now you can test it)

Links

• Documentation
• Examples
• GitHub

Reason

• 🦵 multifunctional form logic. Херово звучит. Многофункциональная система для работы с формой. Или Большой выбор функцонала для работы и управления формой.
• 🖕 you can use this library with your own input components.
• 🤝 create interface using composite and aggregate logical. Read more <- ссылку

Main Form

Для создавния формы, необходимо просто создать экземпляр. JenesiusVueForm сделает большую часть работы за вас.

    import {Form} from "jenesius-vue-modal"
    const form = new Form()

Proxy Form

Для работы удобно использовать композитный элемент, который хранит в себе другие инпуты, но не добавляет никакой логики для работы с формой. Отличный пример тому инпут address, который в себе может хранить такие поля, как: city, country, street.

    import {useProxyState} from "jenesius-vue-modal"
    const {state} = useProxyState(name);

Input

Для того, чтобы связать поле input с формой нужно просто выполнить следующий хук:

    <input type = "text" 
           @input = "input.change($event.target.value)" 
           :value="state.value"
           :disabled = "state.disabled"
    >

    import {useInputState} from "jenesius-vue-modal"
    const {state, input} = useInputState(props.name);

• input - контроллер для работы с виджетом. Необходим для обработки изменения поля ввода.

Основная логика

1. Значения хранятся только в агригатном элементе

• агригатный элемент - не зависимый(или слабозависимый) экземпляр Form. Тоесть значения полей для ввода, какие поля находятся в статусе disabled, какие поля ск рыты и т.д. должно хранится в ближайшей aggregate Form.