/up-form

Primary LanguageJavaScript

Build Setup

npm install && npm run dev

Guide

Hosted app: https://up-form.now.sh (could take some seconds to wait for the container to wake up), you could play with vue-devtool chrome extension.

Here definition.js is the cleaned schema for form generation. Something notable is listed here

  • fieldName/name will be used as the key to save value to. it is the same as name field as we see in pipeline.js

  • type field in definition will be mapped to the form control we use. we have implemented followings. see: _FieldEntry.js#L70

    raw map to
    EL_STRING EL_SINGLE
    EL_NUMBER EL_SINGLE
    EL_TEXT EL_SINGLE
    EL_CHARACTER EL_SINGLE
    FIELD_SELECTOR VALUE_CHOOSER
    MULTI_VALUE_CHOOSER VALUE_CHOOSER
    FIELD_SELECTOR_MULTI_VALUE FIELD_SELECTOR_MULTI_VALUE
    EL_BOOLEAN EL_BOOLEAN
    EL_LIST EL_LIST
    EL_MAP EL_MAP
    VALUE_CHOOSER VALUE_CHOOSER

  • When type is MODEL, story is fun. It will read the model fiedls to generate the form instead. see: executionMode,

  • If type === 'MODEL' && model.modelType === 'LIST_BEAN', party starts!🎉, a recursion worlds started. inception, inception, ...

    webhookConfigs is a great example. You could play on the ui to see how it works. https://up-form.now.sh/

  • dependOn and dependsOnMap are used to setup the dependeny between setting. we could use it to implement if the dependency has certain value, the dependency will render. Toggle Retry Pipeline on Error to see how it works. see: _FieldEntry.vue#L75