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