@simitgroup/simpleapp-generator 1.0.63 → 1.1.0

package/templates/nuxt/components/simpleApp/SimpleAppInput.vue.eta

@@ -0,0 +1,288 @@
+<template>
+    <SimpleAppFieldContainer :hidelabel="hidelabel" v-model="modelValue" 
+                :label="label" :description="description" 
+                :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
+        <!-- binary input -->
+        <component :is="inputComponent" :readonly="isReadonly" :pt="pt"
+                v-if="[SimpleAppInputType.checkbox,SimpleAppInputType.switch ].includes(inputType)" 
+                :inputId="slotprops.uuid" :path="setting.instancepath"
+                v-model="modelValue" :binary="true"/>
+
+        <!-- date component -->        
+        <component :is="inputComponent" type="date" :pt="pt" 
+            v-else-if="inputType == SimpleAppInputType.date"
+            :inputId="slotprops.uuid" :path="setting.instancepath"
+            v-model="datevalue" @update:modelValue="updateDate" :readonly="isReadonly"/>
+        <!-- calendar component -->        
+        <component :is="inputComponent" type="date" :pt="pt" class="flex flex-col"
+            v-else-if="SimpleAppInputType.calendar==inputType"
+            :inputId="slotprops.uuid" :path="setting.instancepath"
+            v-model="datevalue" @update:modelValue="updateDate" :readonly="isReadonly"/>
+        
+        <!-- select/list component -->                
+        <component :is="inputComponent" v-model="modelValue"  :pt="pt"
+            v-else-if="[SimpleAppInputType.select,SimpleAppInputType.list].includes(inputType)"
+            :inputId="slotprops.uuid" :path="setting.instancepath"  
+            :readonly="isReadonly"
+                :options="getListOptions()" optionLabel="label" optionValue="value"/>
+        
+        <!-- radio component -->                
+        <div v-else-if="inputType == SimpleAppInputType.radio" >
+            <div v-for="(item,index) in getListOptions()">
+                <component :pt="pt" :is="inputComponent" v-model="modelValue" 
+                        :inputId="setting.key+'-'+index" name="smaple" :value="item.value"
+                        :readonly="isReadonly"
+                        />  {{ ' ' }}
+                <label :for="setting.key+'-'+index"> {{ item.label  }} </label>
+            </div>            
+        </div>
+        
+        <!-- autocomplete -->
+        <AutoComplete :is="inputComponent" v-model="modelValue"  
+            v-else-if="inputType==SimpleAppInputType.autocomplete"  
+                forceSelection optionLabel="label" :dropdown="true"                                
+                @item-select="pickAutoComplete"
+                @complete="getListFromAutocompleteApi"          
+                
+                :pt="{
+                    root:{class:'rounded-lg flex flex-row'},
+                    input:{class:'w-full font-sans text-gray-600 dark:text-white/80 bg-white dark:bg-gray-900 border border-gray-300 dark:border-blue-900/40  rounded-lg  rounded-tr-none rounded-br-none transition-colors duration-200 appearance-none hover:border-blue-500 focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)]  text-base'},
+                    loadingIcon:{class:'hidden'},
+                    dropdownbutton: {
+                        root:' bg-primary-600 hover:bg-primary-400 text-white rounded flex flex-row  p-3 rounded-tl-none rounded-bl-none '
+                    }
+                }"
+                :disabled="isReadonly"
+                :suggestions="list"                                
+                @blur="onBlurAutocomplete"
+                :inputId="slotprops.uuid" :path="setting.instancepath"
+                :readonly="isReadonly"
+                 />
+                 
+        <!--  document no input-->
+        <SimpleAppDocumentNo v-else-if="inputType == SimpleAppInputType.documentno" 
+            :setting="setting" v-model="modelValue" :inputId="slotprops.uuid"
+            :readonly="isReadonly" @update:docNoFormat="triggerDocNoFormatChange"            
+             :path="setting.instancepath"/>
+           
+        
+        <!-- password -->
+        <component :is="inputComponent"
+                v-else-if="inputType == SimpleAppInputType.password" 
+                :type="type" v-model="modelValue" :pt="pt" 
+                :readonly="isReadonly" class="flex flex-col"
+                :inputId="slotprops.uuid" :path="setting.instancepath"/>
+
+        <!-- rating -->
+        <Rating v-else-if="inputType == SimpleAppInputType.rating" 
+         :is="inputComponent" :type="type" v-model="modelValue" :pt="pt" 
+                :readonly="isReadonly"                 
+                :inputId="slotprops.uuid" :path="setting.instancepath"/>
+            
+        <!-- chip -->
+        <component  v-else-if="inputType == SimpleAppInputType.chip" 
+         :is="inputComponent" :type="type" v-model="modelValue"
+                 :pt="pt" 
+                :disabled="isReadonly" 
+                
+                
+                :inputId="slotprops.uuid" :path="setting.instancepath"/>
+        <!-- simple component -->        
+        <component v-else :is="inputComponent" :type="type" v-model="modelValue" :pt="pt" 
+                :readonly="isReadonly" 
+                class="w-full flex flex-col"
+                :inputId="slotprops.uuid" :path="setting.instancepath"/>
+            
+        
+        <!-- component require special treatment -->
+        
+    </SimpleAppFieldContainer>    
+</template>
+
+<script lang="ts" setup>
+import { isNull, pick } from 'lodash';
+import {autocompletetype} from '~/types'
+import moment from 'moment'
+import AutoComplete from 'primevue/autocomplete';
+import Calendar from 'primevue/calendar';
+import Checkbox from 'primevue/checkbox';
+import Chips from 'primevue/chips';
+import SimpleAppDocumentNo from './SimpleAppDocumentNo.vue';
+import Dropdown from 'primevue/dropdown';
+import InputNumber from 'primevue/inputnumber';
+import InputSwitch from 'primevue/inputswitch';
+import InputText from 'primevue/inputtext';
+import Listbox from 'primevue/listbox';
+import MultiSelect from 'primevue/multiselect';
+import Password from 'primevue/password';
+import RadioButton from 'primevue/radiobutton';
+import Rating from 'primevue/rating';
+import Slider from 'primevue/slider';
+import Textarea from 'primevue/textarea';
+import {SimpleAppInputType} from '~/types'
+
+let inputComponent :Component
+const emptyautocomplete =():autocompletetype=> ({_id:'',label:''})
+const autocompleteitem = ref<autocompletetype>(emptyautocomplete())
+const datevalue = ref('')
+const modelValue = defineModel()
+const list = ref([])
+const props = withDefaults( defineProps<{
+    inputType:SimpleAppInputType,
+    label?:string,
+    description?:string,
+    error?:string,
+    setting:any,
+    type?:string,
+    instancepath?:string,
+    hidelabel?: boolean
+    readonly?: boolean
+    pt?:any
+}>(),{type:'text'})
+
+
+switch(props.inputType){
+    case SimpleAppInputType.text:
+        inputComponent = InputText
+        break;
+    case SimpleAppInputType.textarea:
+        inputComponent = Textarea
+        break;
+    case SimpleAppInputType.number:
+        inputComponent = InputNumber
+    break   
+    case SimpleAppInputType.date:
+        inputComponent = InputText
+    break;
+    case SimpleAppInputType.calendar:
+        inputComponent = Calendar
+        break;
+    case SimpleAppInputType.autocomplete: 
+        inputComponent = AutoComplete
+        break;
+    case SimpleAppInputType.autocompletemultiple: //*
+        inputComponent = AutoComplete
+        break;
+    case SimpleAppInputType.selectmultiple: //*
+        inputComponent = MultiSelect
+        break;
+    case SimpleAppInputType.listmultiple: //*
+        break;    
+    case SimpleAppInputType.radio: //*
+        inputComponent = RadioButton
+        break;
+    case SimpleAppInputType.select: //*
+        inputComponent = Dropdown
+        break;
+    case SimpleAppInputType.list: //*
+        inputComponent = Listbox
+        break;
+    case SimpleAppInputType.chip: //*
+        inputComponent = Chips
+        break;
+    case SimpleAppInputType.checkbox:
+        inputComponent = Checkbox
+        break;
+    case SimpleAppInputType.switch:
+        inputComponent = InputSwitch
+        break;    
+    case SimpleAppInputType.documentno:  //*
+        break;
+    case SimpleAppInputType.password: 
+        inputComponent = Password
+        break;    
+    case SimpleAppInputType.rating:
+        inputComponent = Rating
+        break;
+    case SimpleAppInputType.slider:
+        inputComponent = Slider
+        break;
+
+}
+const isReadonly = computed(()=>{
+    if(props.readonly){
+        return props.readonly
+    }else if(props.setting.readonly){
+        return props.setting.readonly
+    }else{
+        return false
+    }
+})
+
+const updateDate = (value:any)=>{
+    modelValue.value = moment(value).toISOString()    
+}
+
+
+const getListOptions = () =>{
+    
+    const options = []
+    if(props.setting.fieldsetting.enum){
+        for(let i=0;i<props.setting.fieldsetting.enum.length;i++){
+            const v = props.setting.fieldsetting.enum[i]
+            options.push({value:v, label: camelCaseToWords(v)})
+        }
+
+
+    }
+    return options
+}
+
+
+const emits = defineEmits(['change','update:modelValue','update:docNoFormat'])
+
+watch(modelValue ,(newvalue:any)=>{
+
+    if([SimpleAppInputType.date,SimpleAppInputType.calendar].includes(props.inputType)){
+        datevalue.value = moment(modelValue.value as string ).format('YYYY-MM-DD')
+    }else if(props.inputType==SimpleAppInputType.autocomplete){            
+            modelValue.value=autocompleteitem.value                
+    }
+
+    emits('change',modelValue.value)
+    emits('update:modelValue',modelValue.value)    
+})
+
+
+/************ start autocomplete only ***************/
+const onBlurAutocomplete = ()=>{
+    
+    if(  autocompleteitem.value === null){
+        autocompleteitem.value = emptyautocomplete()
+    }
+    if(isNull(modelValue.value )){
+        modelValue.value = autocompleteitem.value
+    }
+    else if(typeof modelValue.value =='object'){
+     
+    }else{
+        modelValue.value = autocompleteitem.value
+    }
+
+}
+const getListFromAutocompleteApi =  (event:any)=>{    
+  const keyword = event.query??''  
+  //props.setting.document.getDocType()
+  const targetDocument = props.setting.fieldsetting['x-foreignkey']
+  getDocumentApi(targetDocument).autoComplete(keyword).then((res:any)=>{
+    list.value = res.data 
+  })
+}
+const pickAutoComplete = (event:any)=>{
+  if(typeof event.value.query == 'undefined'){      
+      modelValue.value=event.value
+      autocompleteitem.value = event.value      
+  }
+}
+/************ end autocomplete only ***************/
+
+
+
+
+
+const triggerDocNoFormatChange=(formatdata:any)=>{
+    emits('update:docNoFormat',formatdata)
+}
+</script>
+<style scoped>
+</style>

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

@@ -0,0 +1,56 @@
+<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>
+        
+            
+            <Column class="text-center" header="undefine columns">
+                <template #body>
+                    <div class="text-center">Missing {{ '<Column></Column>' }}</div>
+                </template>
+                
+            </Column> 
+      
+        
+            
+            
+    </slot>
+            
+
+    </DataTable>
+</template>
+<script setup lang="ts">
+
+import {ref} from 'vue'
+import DataTable from 'primevue/datatable';
+import Column from 'primevue/column';
+
+const props = defineProps<{
+    // columns:InputTableColumn[],
+    setting:any,
+    getField:Function,    
+}>()
+
+
+//{path: '#/properties/details', instancepath: '/details', fieldsetting: {…}, modelObject: Proxy(Object), apiObj: INVApi, …}
+const modelValue = defineModel<any[]>()
+    
+    
+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/{SimpleAppAutocomplete.vue.eta → simpleApp/pending/SimpleAppAutocomplete.vue}

@@ -2,6 +2,7 @@
   <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"   
@@ -14,6 +15,7 @@
       @complete="getListFromAutocompleteApi"
       :suggestions="list"
       forceSelection
+      
       :dropdown="dropdown"
       :pt="{
         // root:{class: 'w-full' },
@@ -29,7 +31,7 @@
 
 import {computed,watch,ref} from 'vue'
 import AutoComplete from 'primevue/autocomplete';
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 import {prepareList} from './helper'
 import type {SimpleAppFieldSetting,ListOptionType} from './type'
 import { SimpleAppClient } from  '../simpleapp/generate/clients/SimpleAppClient'
@@ -113,12 +115,21 @@ const onblur = ()=>{
   selecteditem.value={...modelValue.value}
   if(typeof selecteditem.value[labelfield]=='undefined'){
       selecteditem.value[labelfield]=''
-  }
-  // console.log("selecteditem.value",selecteditem.value)
+  }  
 }
 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/{SimpleAppAutocompletemulti.vue.eta → simpleApp/pending/SimpleAppAutocompletemulti.vue}

@@ -19,7 +19,7 @@
 
 import {computed,watch,ref} from 'vue'
 import AutoComplete from 'primevue/autocomplete';
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 import {prepareList} from './helper'
 import type {SimpleAppFieldSetting,ListOptionType} from './type'
 import type { JSONSchema7 } from 'json-schema';

package/templates/nuxt/components/{SimpleAppCalendar.vue.eta → simpleApp/pending/SimpleAppCalendar.vue}

@@ -10,7 +10,7 @@
     </FieldContainer>
 </template>
 <script setup lang="ts">
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 import { ref, watch,computed } from "vue" 
 import moment from 'moment'
 import Calendar from 'primevue/calendar';

package/templates/nuxt/components/{SimpleAppCheckbox.vue.eta → simpleApp/pending/SimpleAppCheckbox.vue}

@@ -15,7 +15,7 @@
 <script lang="ts" setup>
 // import {Ref} from 'vue'
 import Checkbox from 'primevue/checkbox';
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 
 const modelValue = defineModel<boolean>()
 const props = defineProps<{

package/templates/nuxt/components/{SimpleAppChip.vue.eta → simpleApp/pending/SimpleAppChip.vue}

@@ -11,7 +11,7 @@
 <script lang="ts" setup>
 import {computed,watch,ref} from 'vue'
 import Chips from 'primevue/chips';
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 // const modelValue = defineModel()
 
 const modelValue=defineModel()

package/templates/nuxt/components/{SimpleAppColor.vue.eta → simpleApp/pending/SimpleAppColor.vue}

@@ -14,7 +14,7 @@
 import {computed,watch,ref} from 'vue'
 import ColorPicker from 'primevue/colorpicker';
 
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 const modelValue = defineModel()
 const props = defineProps<{
     label?:string,

package/templates/nuxt/components/{SimpleAppDocumentNo.vue.eta → simpleApp/pending/SimpleAppDocumentNo.vue}

@@ -33,7 +33,7 @@ import {ForeignKey} from '~/types'
 import OverlayPanel from 'primevue/overlaypanel';
 import {computed,watch,ref} from 'vue'
 import InputText from 'primevue/inputtext';
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 import {DocNoFormat} from "~/types"
 const selectedformat = ref()
 const op = ref();

package/templates/nuxt/components/{SimpleAppEditor.vue.eta → simpleApp/pending/SimpleAppEditor.vue}

@@ -16,7 +16,7 @@ import {computed,watch,ref} from 'vue'
 import Editor from 'primevue/editor';
 
 
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 const modelValue = defineModel()
 const props = defineProps<{
     label?:string,

package/templates/nuxt/components/{SimpleAppInputTable.vue.eta → simpleApp/pending/SimpleAppInputTable.vue}

@@ -20,28 +20,7 @@
         
             <!-- </template> -->
             
-    </slot>
-            
-
-        
-    
-                    
-                
-                            
-            
-        
-    
-
-            <!-- <Column v-for="(col,index) in columns" :field="col.field" :style="col.style" :header="camelCaseToWords(col.title??'')">            
-                <template #body="{ data, field,index }">                                
-                    <SimpleAppDynamicInput v-if="modelValue" :instancepath="getInstancePath(index,field)" :setting="getChildFieldSetting(field)" v-model="modelValue[index][field]" :getAutocomplete="getAutocomplete" :hidelabel="true" />                
-                </template>
-            </Column>
-            <Column v-if="!readonly">
-                <template #body="{data,field,index}">
-                    <Button class="simpleapp-inputtable-delrow button-danger" @click="deleteRow(index)" type="button">X</Button>
-                </template>
-            </Column> -->
+    </slot>            
     </DataTable>
 </template>
 <script setup lang="ts">

package/templates/nuxt/components/{SimpleAppList.vue.eta → simpleApp/pending/SimpleAppList.vue}

@@ -15,7 +15,7 @@
 <script lang="ts" setup>
 import {computed,watch,ref} from 'vue'
 import Listbox from 'primevue/listbox';
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 import {prepareList,simpleArrayToObject} from './helper'
 import type {SimpleAppFieldSetting} from './type'
 import type { JSONSchema7 } from 'json-schema';

package/templates/nuxt/components/{SimpleAppListmulti.vue.eta → simpleApp/pending/SimpleAppListmulti.vue}

@@ -16,7 +16,7 @@
 <script lang="ts" setup>
 import {computed,watch,ref} from 'vue' 
 import Listbox from 'primevue/listbox';
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 import {prepareList,simpleArrayToObject} from './helper'
 import type {SimpleAppFieldSetting} from './type'
 import type { JSONSchema7 } from 'json-schema';

package/templates/nuxt/components/{SimpleAppNumber.vue.eta → simpleApp/pending/SimpleAppNumber.vue}

@@ -6,13 +6,14 @@
             v-model="modelValue"    
             :path="setting.instancepath"
             :pt="{input:{class:'text-right w-full'}}"                          
+            :readonly="isReadonly"
          ></InputNumber>
     </FieldContainer>
 </template>
 <script lang="ts" setup>
 import {computed,watch,ref} from 'vue'
 import InputNumber from 'primevue/inputnumber';
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 const props = withDefaults(defineProps<{
     label?:string,
     description?:string,
@@ -20,11 +21,21 @@ const props = withDefaults(defineProps<{
     error?:string,
     instancepath?:string,
     hidelabel?:boolean
+    readonly?:boolean
 }>(),{
     hidelabel:false
 })
 const emit = defineEmits(['change'])
 const modelValue =defineModel()
+const isReadonly = computed(()=>{
+    if(props.readonly){
+        return props.readonly
+    }else if(props.setting.readonly){
+        return props.setting.readonly
+    }else{
+        return false
+    }
+})
 watch(modelValue,()=>{
     // props.setting.document.validateFailed()
     emit('change',modelValue)

package/templates/nuxt/components/{SimpleAppPassword.vue.eta → simpleApp/pending/SimpleAppPassword.vue}

@@ -13,7 +13,7 @@
 <script lang="ts" setup>
 import {computed,watch,ref} from 'vue'
 import Password from 'primevue/password';
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 const modelValue = defineModel()
 const props = defineProps<{
     label?:string,

package/templates/nuxt/components/{SimpleAppRadio.vue.eta → simpleApp/pending/SimpleAppRadio.vue}

@@ -21,7 +21,7 @@
 </template>
 <script lang="ts" setup>
 import RadioButton from 'primevue/radiobutton';
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 import {prepareList,simpleArrayToObject} from './helper'
 import type {ListOptionType} from './type'
 const modelValue = defineModel()

package/templates/nuxt/components/{SimpleAppRating.vue.eta → simpleApp/pending/SimpleAppRating.vue}

@@ -14,7 +14,7 @@
 import {computed,watch,ref} from 'vue'
 import Rating from 'primevue/rating';
 
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 const modelValue = defineModel()
 const props = defineProps<{
     label?:string,

package/templates/nuxt/components/{SimpleAppSelect.vue.eta → simpleApp/pending/SimpleAppSelect.vue}

@@ -9,13 +9,14 @@
         optionLabel="label"
         :path="setting.instancepath"
         :options="options"
+        :readonly="isReadonly"
           />        
     </FieldContainer>
 </template>
 <script lang="ts" setup>
 import {computed,watch,ref} from 'vue'
 import Dropdown from 'primevue/dropdown';
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 import {prepareList,simpleArrayToObject} from './helper'
 import type {ListOptionType} from './type'
 import type { JSONSchema7 } from 'json-schema';
@@ -29,10 +30,19 @@ const props = defineProps<{
     optionValue?:string,
     instancepath?:string,
     options?:any[]
+    readonly?:boolean
 }>()
 
 const optionValue = props.optionValue ?? 'value' 
 const optionLabel  = props.optionLabel ?? 'label' 
 const options = prepareList('oneOf',props.setting.fieldsetting,optionLabel,optionValue,props.options,)
-
+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/{SimpleAppSelectmulti.vue.eta → simpleApp/pending/SimpleAppSelectmulti.vue}

@@ -16,7 +16,7 @@
 <script lang="ts" setup>
 import {computed,watch,ref} from 'vue'
 import MultiSelect from 'primevue/multiselect';
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 import {prepareList,simpleArrayToObject} from './helper'
 import type {SimpleAppFieldSetting} from './type'
 import type { JSONSchema7 } from 'json-schema';

package/templates/nuxt/components/{SimpleAppSlider.vue.eta → simpleApp/pending/SimpleAppSlider.vue}

@@ -15,7 +15,7 @@ import {computed,watch,ref} from 'vue'
 import Slider from 'primevue/slider';
 
 
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 const modelValue = defineModel()
 const props = defineProps<{
     label?:string,

package/templates/nuxt/components/{SimpleAppSwitch.vue.eta → simpleApp/pending/SimpleAppSwitch.vue}

@@ -15,7 +15,7 @@
 <script lang="ts" setup>
 // import {Ref} from 'vue'
 import InputSwitch from 'primevue/inputswitch';
-import FieldContainer from './SimpleFieldContainer.vue'
+import FieldContainer from './SimpleAppFieldContainer.vue'
 
 const modelValue = defineModel<boolean>()
 const props = defineProps<{