/simpleapp-vue-component

vue form and input elements which can bind to simpleapp-generated frontend object

Primary LanguageVue

simpleapp-vue-component

  1. it is input component for simpleapp-genetor generated frontend object
  2. SimpleAppForm connect to document (DTO), and input element connect to fieldsetting and thats it.
  3. all the component extends from primevue inputs.

Example:

<template>
    <SimpleAppForm  :document="person" #default="o">
        <SimpleAppText :setting="o.getField('#/properties/name')" v-model="data.name"/>
        <SimpleAppHobbies :setting="o.getField('#/properties/hobbies')" v-model="data.hobbies"/>
        <SimpleAppNumber :setting="o.getField('#/properties/age')" v-model="data.age"/>
    </SimpleAppForm>
    <button @click="person.create()"></button>
</template>
<script setup lang="ts">
import {Person} from './server/docs/PersonDoc'  // frontend object generated by simpleapp-generator
const person = new Person()
const data = person.getReactiveData()
</script>

Supported elements

  1. SimpleAppAutocomplete
  2. SimpleAppAutocompletemulti
  3. SimpleAppCalendar
  4. SimpleAppCheckbox
  5. SimpleAppChip
  6. SimpleAppColor
  7. SimpleAppEditor
  8. SimpleAppForm
  9. SimpleAppList 10.SimpleAppListmulti 11.SimpleAppNumber 12.SimpleAppPassword 13.SimpleAppRadio 14.SimpleAppRating 15.SimpleAppSelect 16.SimpleAppSelectmulti 17.SimpleAppSlider 18.SimpleAppSwitch 19.SimpleAppText 20.SimpleAppTextarea 21.SimpleAppReaonly Value, or container of parent object 22.SimpleAppField Container

supported format: ajv addon: field-autocomplete-code field-autocomplete-name x-text x-html x-foreignkey

todo

  1. currently validation error only can capture at top level, need way to allocate path instance into nested fields, or array
  2. default width of each component not yet settle
  3. calendar seems have bugs
  4. not yet have way to handle tables
  5. autocomplete remote source not yet improve
  6. error handles from remote not yet bind back
  7. errors need toast or what. sometimes hidden component error

simpleapptable todo

  1. auto define capital letter title from field
  2. allow input inline record easily
  3. allow input with popup
  4. allow search record
  5. support i18n
  6. support nested fields like name.firstname
  7. able to bind instancePath

select/multiselect

need full qc again

autocomplete/autocompletemultiple

need full qc again