@simitgroup/simpleapp-generator 1.3.0-alpha → 1.3.2-alpha

package/templates/nuxt/components/simpleApp/pending/SimpleAppAutocomplete.vue

@@ -1,135 +0,0 @@
-<template>
-  <FieldContainer :hidelabel="hidelabel" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-     
-  <div v-if="componentErr!=''" class="input-error">{{componentErr}}</div>
-  <span v-else-if="isReadonly" readonly class="readonly-input">{{ selecteditem[optionLabel] }}</span>
-  <AutoComplete v-else 
-      class="simpleapp-inputfield simpleapp-autocomplete flex flex-row "    
-      :inputId="slotprops.uuid"   
-      v-model="selecteditem"
-      v-bind="$attrs"        
-      :optionLabel="optionLabel"
-      :path="setting.instancepath"   
-      @blur="onblur"
-      @item-select="pickValue"
-      @complete="getListFromAutocompleteApi"
-      :suggestions="list"
-      forceSelection
-      
-      :dropdown="dropdown"
-      :pt="{
-        // root:{class: 'w-full' },
-        // container:{class: 'w-full' },
-        input:{class:'border w-full'}
-      }"
-      
-        />       
-        
-  </FieldContainer>
-</template>
-<script lang="ts" setup>
-
-import {computed,watch,ref} from 'vue'
-import AutoComplete from 'primevue/autocomplete';
-import FieldContainer from './SimpleAppFieldContainer.vue'
-import {prepareList} from './helper'
-import type {SimpleAppFieldSetting,ListOptionType} from './type'
-import { SimpleAppClient } from  '../simpleapp/generate/clients/SimpleAppClient'
-import type { JSONSchema7 } from 'json-schema';
-
-type autocompletetype={[key:string]:any}
-
-const props = withDefaults(defineProps<{
-  label?:string  
-  description?:string
-  error?:string
-  setting:SimpleAppFieldSetting
-  instancepath?:string
-  optionLabel:string
-  dropdown?: boolean
-  remoteSrc?: any
-  hidelabel?:boolean
-  readonly?:boolean
-}>(),{
-  dropdown:true,
-  hidelabel:false
-})
-//{type:boolean, default:true, require:false},
-// {type:boolean, default:false, require:false},
-interface typefieldsetting extends JSONSchema7 {
-  'x-foreignkey'?:string
-}
-const modelValue = defineModel<autocompletetype>()
-const labelfield = props.optionLabel
-const list = ref()
-const componentErr = ref('')
-let tmp:autocompletetype={} 
-const fieldsetting:typefieldsetting  = props.setting.fieldsetting 
-
-Object.assign(tmp,modelValue.value)
-const selecteditem=ref(tmp)
-
-if(!selecteditem.value[labelfield]){    
-  selecteditem.value[labelfield]=''
-}
-
-const getListFromAutocompleteApi =  (event:any)=>{    
-  const keyword = event.query??''  
-  const remoteSrc =  props.remoteSrc
-  remoteSrc.autoComplete(keyword).then((res:any)=>{
-          list.value = res.data                   
-      }).catch((res:any)=>{
-          console.error(res)
-      })
-}
-const emit = defineEmits(['change'])
-watch(modelValue,(newvalue:autocompletetype)=>{
-  selecteditem.value=newvalue
-  if(newvalue){
-    console.log("newvalue",newvalue,props.optionLabel)
-    if(typeof newvalue[props.optionLabel] == 'undefined'){
-        selecteditem.value[props.optionLabel]=''
-    }
-    // props.setting.document.validateFailed()
-    emit('change',modelValue.value)
-  }
-  
-})
-
-if(fieldsetting['x-foreignkey'] == 'undefined'){
-  componentErr.value='undefine "x-foreignkey" of this field in jsonschema'
-}else if( !props['remoteSrc'] || !props['remoteSrc']['autoComplete']){
-  componentErr.value='invalid property "remoteSrc" cause props.remoteSrc.autoComplete(keyword:string) does not exists)'
-}else{
-  componentErr.value=''
-}
-
-
-const pickValue = (event:any)=>{
-  if(typeof event.value.query == 'undefined'){
-      modelValue.value=event.value
-  }
-}
-
-const onblur = ()=>{
-  selecteditem.value={...modelValue.value}
-  if(typeof selecteditem.value[labelfield]=='undefined'){
-      selecteditem.value[labelfield]=''
-  }  
-}
-const capitalizeFirstLetter = (str: string) => {
-  const res = str == '' ? '' : str.slice(0, 1).toUpperCase() + str.slice(1);
-  // const res = str;
-  return res;
-};
-
-const isReadonly = computed(()=>{
-    if(props.readonly){
-        return props.readonly
-    }else if(props.setting.readonly){
-        return props.setting.readonly
-    }else{
-        return false
-    }
-})
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppAutocompletemulti.vue

@@ -1,73 +0,0 @@
-<template>
-    <FieldContainer v-bind="$attrs" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <AutoComplete         
-        class="simpleapp-inputfield"
-        :inputId="slotprops.uuid"   
-        v-model="selecteditem"
-        v-bind="$attrs"        
-        @item-unselect="deleteValue"
-        :path="setting.instancepath"   
-        @blur="onblur"
-        @item-select="pickValue"
-        forceSelection
-        multiple
-        
-          />          
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-
-import {computed,watch,ref} from 'vue'
-import AutoComplete from 'primevue/autocomplete';
-import FieldContainer from './SimpleAppFieldContainer.vue'
-import {prepareList} from './helper'
-import type {SimpleAppFieldSetting,ListOptionType} from './type'
-import type { JSONSchema7 } from 'json-schema';
-
-const props = defineProps<{
-    label?:string,    
-    description?:string,
-    error?:string,
-    setting:SimpleAppFieldSetting,
-    instancepath?:string,        
-    displayText?:string
-}>()
-const modelValue = defineModel<any[]>()
-const selecteditem=ref(modelValue.value)
-
-if(props.setting.fieldsetting && props.setting.fieldsetting.format){    
-    const formatarr=props.setting.fieldsetting.format.split(':')    
-}
-watch(modelValue,(newvalue)=>selecteditem.value=newvalue)
-const deleteValue = (event:any)=>{
-    modelValue.value = selecteditem.value
-    console.log(selecteditem.value)
-    // if(typeof event.value.query == 'undefined' && typeof modelValue.value != 'undefined'){
-
-    //     for(let i=0;i< modelValue.value.length;i++){
-    //         if(event.value.ic == modelValue.value[i].ic){
-                
-    //             // modelValue.value =
-    //             modelValue.value.slice(i,0)
-    //             //  delete modelValue.value[i]
-    //             // console.log("sliced ",slicedvalue)
-    //             console.log("Delete item ",i, event.value,modelValue.value)
-    //         }
-    //     }
-    // }
-}
-
-const pickValue = (event:any)=>{
-    if(typeof modelValue.value == 'undefined'){
-        modelValue.value=[]        
-    }
-    if(typeof event.value.query == 'undefined'){        
-        modelValue.value.push(event.value)
-        console.log("pick value",modelValue.value)
-    }
-}
-
-const onblur = ()=>{
-    selecteditem.value=modelValue.value
-}
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppCalendar.vue

@@ -1,55 +0,0 @@
-<template>
-    <FieldContainer v-bind="$attrs" v-model="modelValue" :label="label" :description="description" :setting="setting" :error="error"  #default="slotprops">
-    <Calendar
-     v-model="datedata"  
-     :inputId="slotprops.uuid"
-     @update:modelValue="change"
-      :numberOfMonths="2" 
-      v-bind="$attrs"
-      :dateFormat="dateformat"/>
-    </FieldContainer>
-</template>
-<script setup lang="ts">
-import FieldContainer from './SimpleAppFieldContainer.vue'
-import { ref, watch,computed } from "vue" 
-import moment from 'moment'
-import Calendar from 'primevue/calendar';
-
-
-const x = new Date()
-const date = ref<Date>()
-// const emit = defineEmits(['update:modelValue'])
-const props = defineProps<{
-    label?:string,
-    id?:string,
-    description?:string,
-    setting?:any,
-    error?:string,
-}>()
-const modelValue = defineModel<string>()
-const emit = defineEmits(['update:modelValue'])
-const getDateFormat=():string=>{
-    // const date = new Date();
-    const date = new Date();
-    const datestr = date.toISOString()    
-    let day =date.getDate().toString()
-    day = day.length == 1 ? '0'+day : day
-    let month = (date.getMonth() + 1).toString()
-    month = month.length == 1 ? '0'+month : month
-    const year = date.getFullYear().toString()
-    const dateformat = datestr.replace(year,'yy').replace(month,'mm').replace(day,'dd');
-    return  dateformat
-}
-const datestr:string = modelValue.value??''
-const datedefaultdata = new Date(datestr)
-const dateformat = computed(()=> getDateFormat())
-const datedata = ref(datedefaultdata)
-watch(props,(newvalue)=>{    
-    datedata.value =  new Date(datedefaultdata)
-})
-
-const change = (e:Date)=>{
-    const newdate:string  = moment(e).format("yyyy-MM-DD")
-    emit('update:modelValue',newdate)   
-}
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppCheckbox.vue

@@ -1,29 +0,0 @@
-
-
-<template>
-    <FieldContainer v-bind="$attrs" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <Checkbox
-            class="simpleapp-inputfield"
-            :inputId="slotprops.uuid"
-            v-model="modelValue" 
-            :binary="true"
-            v-bind="$attrs"
-            :path="setting.instancepath"
-         ></Checkbox>         
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-// import {Ref} from 'vue'
-import Checkbox from 'primevue/checkbox';
-import FieldContainer from './SimpleAppFieldContainer.vue'
-
-const modelValue = defineModel<boolean>()
-const props = defineProps<{
-    label?:string,    
-    description?:string,
-    error?:string,
-    setting:any,
-    instancepath?:string,
-}>()
-
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppChip.vue

@@ -1,28 +0,0 @@
-
-<template>
-    <FieldContainer v-bind="$attrs" v-model="modelValue" :label="label" :description="description" :setting="setting" :error="error" #default="slotprops">
-        <Chips class="simpleapp-inputfield simpleapp-inputchip"
-            v-model="modelValue"    
-            :inputId="slotprops.uuid"
-            v-bind="$attrs"
-         ></Chips>         
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import Chips from 'primevue/chips';
-import FieldContainer from './SimpleAppFieldContainer.vue'
-// const modelValue = defineModel()
-
-const modelValue=defineModel()
-const props = defineProps<{
-    label?:string,
-    description?:string,
-    setting?:any,
-    error?:string
-}>()
-</script>
-<style >
-
-
-</style>

package/templates/nuxt/components/simpleApp/pending/SimpleAppColor.vue

@@ -1,41 +0,0 @@
-
-<template>
-    <FieldContainer v-bind="$attrs" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <ColorPicker
-            class="simpleapp-inputcolor"
-            :inputId="slotprops.uuid"
-            v-model="modelValue" 
-            v-bind="$attrs"
-            :path="setting.instancepath"
-         ></ColorPicker>         
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import ColorPicker from 'primevue/colorpicker';
-
-import FieldContainer from './SimpleAppFieldContainer.vue'
-const modelValue = defineModel()
-const props = defineProps<{
-    label?:string,
-    description?:string,
-    error?:string,
-    setting:any,
-    instancepath?:string,
-}>()
-
-// const modelValue = defineModel<{modelValue?:string}>()
-// console.log(modelValue.value)
-
-
-// const emits = defineEmits(['update:modelValue'])
-// const onchange=(e:any)=>{    
-//     emits('update:modelValue',e.target.value)
-// }
-
-
-// watch(props ,(after,before)=>{
-//     // console.log("B4",before,"after",after)
-//     inputvalue.value=after.modelValue
-// })
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppDocumentNo.vue

@@ -1,90 +0,0 @@
-
-<template>
-    <FieldContainer :hidelabel="hidelabel" v-model="modelValue" :label="label" :description="description"  :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">
-        <div class="p-inputgroup ">
-            <InputText class="simpleapp-inputfield" 
-                :inputId="slotprops.uuid"
-                v-model="modelValue"    
-                :placeholder="placeholder"
-                :path="setting.instancepath"
-                :pt="{input:{class:'text-right w-full'}}"                          
-            />
-            <span class="p-inputgroup-addon p p-0">
-                <Button class="pi pi-angle-down"  type="button" @click="toggle"></Button>
-
-                <OverlayPanel ref="op">                    
-                    <ul>                      
-                        <li v-for="docno in docFormatlist" class="hover-list-primary " >
-                            <a class="flex-row p-2 mt-4" @click="chooseFormat(docno)">
-                                <span class="pi pi-hashtag mr-2"></span>
-                                <span class="">{{docno.docNoFormatName}}</span>
-                                <span class="ml-2 text text-green-600">{{docno.sample}}</span>
-                            </a>
-                        </li>                    
-                    </ul>
-                </OverlayPanel>
-            </span>
-            <!-- {{ Object.getOwnPropertyNames(setting) }} -->
-        </div>
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {ForeignKey} from '~/types'
-import OverlayPanel from 'primevue/overlaypanel';
-import {computed,watch,ref} from 'vue'
-import InputText from 'primevue/inputtext';
-import FieldContainer from './SimpleAppFieldContainer.vue'
-import {DocNoFormat} from "~/types"
-const selectedformat = ref()
-const op = ref();
-const placeholder = ref('')
-const docFormatlist = ref()
-const modelValue = defineModel<string>()
-const docNoFormat = defineModel<ForeignKey>('docNoFormat')
-// const emit = defineEmits(['update:docNoFormat'])
-
-const props = withDefaults(defineProps<{
-    // docNoFormat:object,
-    // docFormatlist?:DocNoFormat[]
-    label?:string,
-    description?:string,
-    setting:any
-    error?:string,
-    instancepath?:string,
-    hidelabel?:boolean, 
-    
-}>(),{
-    hidelabel:false
-})
-const documenttype = props.setting.document.doctype
-
-
-const toggle = async (event:any) => {
-    op.value.toggle(event);
-    
-        
-}
-
-const chooseFormat =  (item:any) =>{
-    placeholder.value = item.sample    
-    const f = item
-    docNoFormat.value = { _id : f._id, label : f.docNoFormatName}
-    op.value.toggle();
-}
-
-const loadDocFormats = async () =>{
-    docFormatlist.value= await getDocFormats(documenttype)    
-    if(docFormatlist.value.length>0){
-        const f = docFormatlist.value[0]
-        docNoFormat.value = { _id : f._id, label : f.docNoFormatName}
-        placeholder.value = docFormatlist.value[0].sample
-        
-    }
-}
-
-
-onMounted(()=>{
-    loadDocFormats()
-
-})
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppDynamicInput.vue

@@ -1,29 +0,0 @@
-<script setup lang="ts">
-import type {SimpleAppFieldSetting} from './type';
-import SimpleAppAutocomplete from './SimpleAppAutocomplete.vue';
-import SimpleAppText from './SimpleAppText.vue';
-import SimpleAppSelect from './SimpleAppSelect.vue';
-import type {JSONSchema7} from 'json-schema'
-import {watch} from 'vue'
-import SimpleAppTextarea from './SimpleAppTextarea.vue';
-import SimpleAppCheckbox from './SimpleAppCheckbox.vue';
-
-const props = defineProps<{setting:SimpleAppFieldSetting, getAutocomplete:Function, hidelabel?:boolean}>()
-interface customSchema extends JSONSchema7  {
-    'x-foreignkey'?:string
-}
-
-// by right use 'customSchema', but been force to use any for avoid some error
-const f:any = props.setting.fieldsetting
-const modelValue = defineModel()
-</script>
-<template>    
-    <SimpleAppAutocomplete v-if="f['x-foreignkey']" v-model="modelValue" :setting="props.setting" :hidelabel="hidelabel" :remote-src="getAutocomplete(typeof f['x-foreignkey']=='string' ? f['x-foreignkey'] : f['x-foreignkey']['target'])" optionLabel="label"/>
-    <SimpleAppCheckbox v-else-if="f.type=='boolean'" v-model="modelValue" :setting="props.setting"  :hidelabel="hidelabel"/>
-    <SimpleAppNumber v-else-if="f.type=='number' || f.type=='integer'" v-model="modelValue" :setting="props.setting"  :hidelabel="hidelabel"></SimpleAppNumber>
-    <SimpleAppSelect v-else-if="f.enum" v-model="modelValue" :setting="props.setting"  :hidelabel="hidelabel"></SimpleAppSelect>
-    <SimpleAppChip v-else-if="f.type=='array' && f.items && f.items.type=='string'" v-model="modelValue" :setting="props.setting"  :hidelabel="hidelabel"></SimpleAppChip>
-    <SimpleAppTextarea v-else-if="f.type=='string' && f.format=='text'" v-model="modelValue" :setting="props.setting"  :hidelabel="hidelabel"></SimpleAppTextarea>
-    <SimpleAppText v-else-if="f.type=='string' && f.format" :type="f.format" v-model="modelValue" :setting="props.setting"  :hidelabel="hidelabel"></SimpleAppText>
-    <SimpleAppText v-else v-model="modelValue" :setting="props.setting"  :hidelabel="hidelabel"></SimpleAppText>
-</template>

package/templates/nuxt/components/simpleApp/pending/SimpleAppEditor.vue

@@ -1,31 +0,0 @@
-
-<template>
-    <FieldContainer v-bind="$attrs" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <Editor
-            class="simpleapp-inputfield"
-            :inputId="slotprops.uuid"
-            v-model="modelValue" 
-            v-bind="$attrs"
-            :autoResize="autoResize"
-            :path="setting.instancepath"
-         ></Editor>         
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import Editor from 'primevue/editor';
-
-
-import FieldContainer from './SimpleAppFieldContainer.vue'
-const modelValue = defineModel()
-const props = defineProps<{
-    label?:string,
-    id?:string,
-    description?:string,
-    error?:string,
-    setting:any,
-    autoResize?:boolean,
-    instancepath?:string,
-}>()
-
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppInputTable.vue

@@ -1,83 +0,0 @@
-<template>
-    <DataTable v-bind="$attrs" stripedRows resizableColumns
-     class="simpleapp-datatable p-datatable-sm" :value="modelValue">
-    <template #empty> <div class="text-center">No record found.</div> </template>
-    <template #header >
-        <div>
-            <Button icon="pi pi-plus" @click="addNew()" class="simpleapp-datatable-add btn-primary" type="button">Add</Button>
-        </div>
-    </template>
-    <slot>
-        <!-- <template> -->
-            
-            <Column class="text-center" header="undefine columns">
-                <template #body>
-                    <div class="text-center">Missing {{ '<Column></Column>' }}</div>
-                </template>
-                
-            </Column> 
-      
-        
-            <!-- </template> -->
-            
-    </slot>            
-    </DataTable>
-</template>
-<script setup lang="ts">
-
-import {ref} from 'vue'
-import DataTable from 'primevue/datatable';
-import Column from 'primevue/column';
-import {camelCaseToWords} from './helper'
-import type {InputTableColumn} from './type'
-const props = defineProps<{
-    // columns:InputTableColumn[],
-    setting:any,
-    getField:Function,
-    getAutocomplete:Function, readonly?:boolean
-}>()
-
-
-//{path: '#/properties/details', instancepath: '/details', fieldsetting: {…}, modelObject: Proxy(Object), apiObj: INVApi, …}
-const modelValue = defineModel<any[]>()
-    
-    
-const fieldsetting = props.setting.fieldsetting
-
-const readonly = ref(false)
-if(props.setting.readonly!==undefined ){
-    readonly.value = props.setting.readonly
-}
-if(props.readonly!==undefined ){
-    readonly.value = props.readonly
-}
-// const columns = ref(props.columns)
-// for(let i=0;i<props.columns.length;i++){
-//     if(columns.value[i].title ===undefined){
-//         columns.value[i].title=columns.value[i].field
-//     }
-// }
-const getChildFieldSetting=(field:string)=>{
-    return props.getField(`${props.setting.path}/items/properties/${field}`)
-}
-const getInstancePath=(index:number,field:string)=>{
-    return `${props.setting.instancepath}/${index}/${field}`
-}
-
-const deleteRow=(index: number)=>{
-    if(modelValue.value){
-        modelValue.value.splice(index,1)
-    }    
-}
-const addNew = () => {
-    const field = props.setting.path.split('/').at(-1)    
-    props.setting.document[`add${field}`]()
-}
-/** 
- * 1. support array with field to label
- * 2. auto add edit button
- * 3. option readonly or not readonly
- * 4. 
- */
-
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppList.vue

@@ -1,38 +0,0 @@
-
-<template>
-    <FieldContainer v-bind="$attrs" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <Listbox v-model="modelValue" 
-            class="simpleapp-inputfield"
-            :inputId="slotprops.uuid"   
-            v-bind="$attrs"
-            :optionValue="optionValue"
-            :optionLabel="optionLabel"
-            :path="setting.instancepath"
-            :options="options"
-          />        
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import Listbox from 'primevue/listbox';
-import FieldContainer from './SimpleAppFieldContainer.vue'
-import {prepareList,simpleArrayToObject} from './helper'
-import type {SimpleAppFieldSetting} from './type'
-import type { JSONSchema7 } from 'json-schema';
-const modelValue = defineModel()
-const props = defineProps<{
-    label?:string,
-    description?:string,
-    error?:string,
-    setting:SimpleAppFieldSetting,
-    optionLabel?:string,
-    optionValue?:string,
-    instancepath?:string,
-    options?:any[],
-}>()
-const optionValue = props.optionValue ?? 'label' 
-const optionLabel  = props.optionLabel ?? 'value' 
-const options = prepareList('oneOf',props.setting.fieldsetting,optionLabel,optionValue,props.options,)
-
-
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppListmulti.vue

@@ -1,41 +0,0 @@
-
-<template>
-    <FieldContainer v-bind="$attrs" :refto="id" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <Listbox v-model="modelValue" 
-            class="simpleapp-inputfield"
-            :id="slotprops.uuid"   
-            v-bind="$attrs"
-            optionValue="value"
-            optionLabel="label"
-            :path="setting.instancepath"
-            :options="options"
-            multiple
-          />        
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue' 
-import Listbox from 'primevue/listbox';
-import FieldContainer from './SimpleAppFieldContainer.vue'
-import {prepareList,simpleArrayToObject} from './helper'
-import type {SimpleAppFieldSetting} from './type'
-import type { JSONSchema7 } from 'json-schema';
-const modelValue = defineModel()
-const props = defineProps<{
-    label?:string,
-    id?:string,
-    description?:string,
-    error?:string,
-    setting:SimpleAppFieldSetting,
-    optionLabel?:string,
-    optionValue?:string,
-    instancepath?:string,
-    options?:any[],
-}>()
-const optionValue = props.optionValue ?? 'label' 
-const optionLabel  = props.optionLabel ?? 'value' 
-
-const options = prepareList('anyOf',props.setting.fieldsetting.items,optionLabel,optionValue,props.options,)
-
-
-</script>