@simitgroup/simpleapp-generator 1.0.63 → 1.0.64

package/templates/nest/src/simpleapp/generate/processors/simpleapp.processor.ts.eta

@@ -215,7 +215,7 @@ export class SimpleAppService<T extends { _id?: string }> {
        
 
         Object.assign(pipeline[0]['$match'],isolationFilter);
-        console.log("final agg",pipeline)
+        //console.log("final agg",pipeline)
         return await this.doc.aggregate(pipeline)
       }catch(err){
         throw new InternalServerErrorException(err);  
@@ -330,12 +330,12 @@ export class SimpleAppService<T extends { _id?: string }> {
         }
       }else if(key == 'created'){
         data['created'] = (transtype == 'create'  || !data['created']) ? new Date() .toISOString() : data['created']
-      }else if(key == 'createdby'){
-        data['createdby'] = (transtype == 'create'  || !data['createdby']) ? appuser.getUid() : data['createdby']
+      }else if(key == 'createdBy'){
+        data['createdBy'] = (transtype == 'create'  || !data['createdBy']) ? appuser.getUid() : data['createdBy']
       }else if(key == 'updated'){
         data['updated'] = new Date() .toISOString()      
-      }else if(key == 'updatedby'){
-        data['updatedby'] = appuser.getUid()
+      }else if(key == 'updatedBy'){
+        data['updatedBy'] = appuser.getUid()
       }            
     }
 
@@ -422,7 +422,7 @@ export class SimpleAppService<T extends { _id?: string }> {
       await this.hook(appuser,HookType.beforeDelete, id);
       this.logger.debug('delete record',this.documentName, id);
       dependency = await this.getRelatedRecords(id);
-      console.log('dependency', dependency);
+      //console.log('dependency', dependency);
       if (!dependency) {
         let filterIsolation = this.getIsolationFilter(appuser);
         this.polishIsolationFilter(filterIsolation)        
@@ -440,7 +440,7 @@ export class SimpleAppService<T extends { _id?: string }> {
         //this.doc.findByIdAndDelete(id);
         return deleteresult;
       } else {
-        console.log("reject query",dependency)
+        //console.log("reject query",dependency)
         
         throw new ForbiddenException('Foreignkey constraint',dependency)
       }
@@ -609,7 +609,7 @@ export class SimpleAppService<T extends { _id?: string }> {
          }
          
          keystore[collectionname]= results   
-         console.log("keystorekeystore",keystore)
+         //console.log("keystorekeystore",keystore)
          let addfield={$addFields:{collection:collectionname}}        
          
          const stagefilter:PipelineStage =  {

package/templates/nest/src/simpleapp/generate/types/apievent.type.ts.eta

@@ -9,7 +9,7 @@ export type ApiEvent = {
     created: string
     updated?:string
     duration: number
-    createdby: string
+    createdBy: string
     path: string
     ip: string
     method: string

package/templates/nest/src/simpleapp/profile/profile.service.ts.eta

@@ -146,7 +146,7 @@ export class ProfileService {
       orgId: orgResult.orgId,
       branchId: branchResult.branchId,
       uid: appuser.getUid(),
-      fullname: appuser.getFullname(),
+      fullName: appuser.getFullname(),
       email: appuser.getEmail(),
       active: true,
     };
@@ -176,13 +176,22 @@ export class ProfileService {
 
     this.logger.log(permResult, 'create Permission result');
 
-
     //tenant owner shall map to userId for that tenant
-    
-    const tenantUpdateData = await this.tenantsvc.findById(appuser,tenantResult._id)
-    this.logger.log(tenantUpdateData, `update tenant owner(${tenantResult._id})`);
-    tenantUpdateData.owner._id = userRecordId    
-    const updateTenantOwnerResult = await this.tenantsvc.findIdThenUpdate(appuser,tenantResult._id,tenantUpdateData)
+
+    const tenantUpdateData = await this.tenantsvc.findById(
+      appuser,
+      tenantResult._id,
+    );
+    this.logger.log(
+      tenantUpdateData,
+      `update tenant owner(${tenantResult._id})`,
+    );
+    tenantUpdateData.owner._id = userRecordId;
+    const updateTenantOwnerResult = await this.tenantsvc.findIdThenUpdate(
+      appuser,
+      tenantResult._id,
+      tenantUpdateData,
+    );
     if (!updateTenantOwnerResult) {
       throw new BadRequestException('Update tenant owner failed');
     }

package/templates/nest/src/simpleapp/services/autoinc.service.ts.eta

@@ -15,9 +15,7 @@ export { Autoincreament } from '../generate/types/autoinc.type';
 
 @Injectable()
 export class AutoincreamentService extends AutoincreamentProcessor {
-  constructor(
-    @InjectModel('Autoincreament') mydoc: Model<Autoincreament>,
-    ) {
+  constructor(@InjectModel('Autoincreament') mydoc: Model<Autoincreament>) {
     super(mydoc);
   }
 
@@ -69,18 +67,23 @@ export class AutoincreamentService extends AutoincreamentProcessor {
     if (res.length > 0) {
       // console.log("FOUND RESULT------")
       const tmp = res[0];
-      const nextno = tmp.nextno;
+      const nextno = tmp.nextNo;
       data = { collectionName: collection, fieldName: field, nextno: nextno };
       this.findIdThenUpdate(appuser, tmp._id, {
         collectionName: collection,
         fieldName: field,
-        nextno: tmp.nextno + 1,
+        nextNo: tmp.nextNo + 1,
       });
     } else {
       // console.log("CREATE ROW------")
-      this.data = { collectionName: collection, fieldName: field, nextno: 2 };
+      this.data = { collectionName: collection, fieldName: field, nextNo: 2 };
       const createResult = await this.create(appuser, this.data);
-      data = { _id:crypto.randomUUID(), collectionName: collection, fieldName: field, nextno: 1 };
+      data = {
+        _id: crypto.randomUUID(),
+        collectionName: collection,
+        fieldName: field,
+        nextno: 1,
+      };
     }
 
     return data;

package/templates/nest/src/simpleapp/services/branch.service.ts.eta

@@ -80,8 +80,8 @@ export class BranchService extends BranchProcessor {
       const pattern = `${doc.docType}-${branchCode}-[00000]`;
       const formatdata: Docnoformat = {
         _id: crypto.randomUUID(),
-        docNoFormatNo: doc.docType,
-        docNoFormatName: `Default ${doc.docType}`,
+        docNoFormatNo: `${doc.docType}-${branchCode}`,
+        docNoFormatName: `Default ${doc.docType} - ${branchCode}`,
         docNoType: doc.docType,
         docNoPattern: pattern,
         branch: { _id: recordId, branchId: branchId, label: branchName },

package/templates/nuxt/assets/css/style.css._eta

@@ -1,3 +1,7 @@
 .router-link-exact-active{
     @apply  bg-primary-100 block
+}
+
+[readonly]{
+    @apply bg-gray-300
 }

package/templates/nuxt/assets/primevue/passthrough.ts._eta

@@ -23,7 +23,8 @@ const CustomTailwind = usePassThrough(
             label:{class: 'text-sm'},
         },
         button:{root:{class: 'focus:outline-none transition duration-150 ease-in-out rounded px-8 py-2 m-1 border'}},
-        dialog:{root:{class:['border p-2']}},
+        dialog:{root:{class:['border p-2']}},        
+        // column:{ root:{class:'p-0'},bodyCell:{class:'p-0'}},
         sidebar:{
             root:{class:'w-1/2 bg-white border p-2 h-full'}
         },

package/templates/nuxt/components/{SimpleAppDatatable.vue.eta → DocumentDatatable.vue.eta}

@@ -1,59 +1,9 @@
-<!-- <template>
-    <DataTable v-bind="$attrs" 
-    stripedRows 
-    dataKey="_id"
-    :pt="{
-             bodyRow:{class:'bg-blue-200'},
-             wrapper:{class:'bg-red-100'},
-            
-             root:{class:'bg-green-100'},
-             header:{class:'bg-blue-600'},
-             pagebutton:{class:'bg-red-800'},
-
-             tfoot:{class:'bg-red-800  boder round m-4 gap-4'},  
-    }"
-
-    :value="valueModel" 
-    :filters="filters"
-    :paginator="true" :rows="20"
-    :rowsPerPageOptions="[20,40,60,100]"
-    filterDisplay="row"
-    >
-
-        <template #empty> <div class="text-center">No record found.</div> </template>
-        <template #header><slot name="header">
-            <div class="flex flex-wrap gap-2 align-items-center justify-content-between">
-                <h4 class="m-0 flex-1">Records</h4>
-                <span class="p-input-icon-left">
-                    <i class="pi pi-search" />
-                    <InputText v-model="filters['global'].value" placeholder="Search..." />
-                </span>    
-            </div>
-            
-        </slot></template>
-        <Column v-for="(col,index) in columns" :field="col" :header="camelCaseToWords(col)"></Column>                        
-        <slot >
-
-        </slot>
-    </DataTable>
-</template>
-<script setup lang="ts">
-import { FilterMatchMode } from 'primevue/api';
-import DataTable from 'primevue/datatable';
-import Column from 'primevue/column';
-import {camelCaseToWords} from './helper'
-const props = defineProps<{columns:string[]|string[][]}>()
-const valueModel = defineModel<Object[]>()
-    const filters = ref({
-    'global': {value: null, matchMode: FilterMatchMode.CONTAINS},
-});
-
-</script> -->
 <template>
     <DataTable v-bind="$attrs" 
             stripedRows 
             dataKey="_id"
             :showGridlines="true"
+            size="small"
             :pt="{
                 // header:{ class:'border bg-gray-100'},
                 headerRow:{ class:'border bg-gray-200'},                                
@@ -90,9 +40,11 @@ const valueModel = defineModel<Object[]>()
                 </div>
             </template>
 
-            <Column v-for="(col,index) in columns"  :field="typeof col == 'string' ? col : col.field">
+            <Column v-for="(col,index) in columns" sortable :field="typeof col == 'string' ? col : col.field"
+                
+                >
                 <template v-if="typeof col == 'string'" #header>            
-                    <p >{{ col }}</p>
+                    <p >{{ t(col) }}</p>
                 </template>               
                 <template v-else-if="typeof col =='object'" #header>            
                     <span>{{ col.title }} </span>
@@ -105,11 +57,11 @@ const valueModel = defineModel<Object[]>()
                     <p >{{ data[col] }}</p>
                 </template>                
                 <template v-else-if="typeof col =='object'" #body="{index,data}">            
-                    <div v-if="col.component && col.field=='*'">
-                        <component  :is="col.component" :value="data" :fields="col.moreFields" :class="col.cssClass" :setting="col.componentSetting"></component>                        
+                    <div v-if="col.rendererName && col.field=='*'">                        
+                        <component  :is="renderComponent[col.rendererName]" :value="data" :fields="col.moreFields" :class="col.cssClass" :setting="col.rendererSetting"></component>                        
                     </div>
-                    <div v-else-if="col.component && col.field!='*'">                        
-                        <component :is="col.component" v-model="data[col.field]" :moreFields="col.moreFields" :class="col.cssClass" :setting="col.componentSetting" ></component>                    
+                    <div v-else-if="col.rendererName && col.field!='*'">                         
+                        <component :is="renderComponent[col.rendererName]" v-model="data[col.field]" :moreFields="col.moreFields" :class="col.cssClass" :setting="col.rendererSetting" ></component>                    
                     </div>
                     <div v-else class="flex flex-col">                                
                         <div :class="col.class">{{ data[col.field] }}</div>
@@ -118,11 +70,11 @@ const valueModel = defineModel<Object[]>()
                             <div v-if="typeof f == 'string'" :class="'text-gray-400 text-sm' + f.cssClass??'' ">{{ data[f] }}</div>
                             <!-- additional field define as object -->
                             <div v-else>                                
-                                <div v-if="f.component && f.field=='*'">
-                                    <component  :is="f.component" :value="data"  :class="f.cssClass" :setting="f.componentSetting"></component>                        
+                                <div v-if="f.rendererName && f.field=='*'">
+                                    <component  :is="renderComponent[f.rendererName]" :value="data"  :class="f.cssClass" :setting="f.rendererSetting"></component>                        
                                 </div>
-                                <div v-else-if="f.component && f.field!='*'">              
-                                    <component :is="f.component" v-model="data[f.field]" :class="f.cssClass" :setting="f.componentSetting" ></component>                    
+                                <div v-else-if="f.rendererName && f.field!='*'">              
+                                    <component :is="renderComponent[f.rendererName]" v-model="data[f.field]" :class="f.cssClass" :setting="f.rendererSetting" ></component>                    
                                 </div>
                                 <div v-else>                                    
                                     <div :class="f.cssClass">{{ data[f.field] }}</div>
@@ -143,11 +95,11 @@ const valueModel = defineModel<Object[]>()
     </Datatable>
 </template>
 <script setup lang="ts">
-import {SearchBody,CellSetting} from '~/types'
+import {CellSetting} from '~/types'
 import { FilterMatchMode } from 'primevue/api';
 import DataTable from 'primevue/datatable';
 import Column from 'primevue/column';
-
+import renderComponent from '~/components/renderer'
 const props = defineProps<{
     value:any[]
     columns: CellSetting[]

package/templates/nuxt/components/ListView.vue.eta

@@ -1,42 +1,54 @@
 <template>
     <div>
-        <input 
-        autofocus
-            placeholder="search" 
-            v-model="searchvalue"                    
-            class="w-full border  p-2" 
-            type="search" />
-    </div>
-    <div class="max-h-screen overflow-auto">
-        <ul >
-            
-            <li v-for="item in filterlist">
-            
-                <div  :class="getSelectedCSS(item)">
-                    <a class="flex flex-row " @click="clickRow(item)">
-                        <div class="mr-2">{{item.name  }}</div>
-                        <div class="font font-bold text-right">{{item.code}}</div>
-                    </a>
-                </div>
-            
-            </li>
-        </ul>
+        <div v-if="withFilter">
+            <input 
+                autofocus
+                placeholder="search" 
+                v-model="searchvalue"                    
+                class="w-full border  p-2" 
+                type="search" />
+        </div>
+        <div class="max-h-screen overflow-auto">
+            <ul >            
+                <li v-for="item in filterlist">                    
+                    <div  :class="getSelectedCSS(item)">
+                        <NuxtLink :to="`${url}/${item[idField]}`">
+                            <div class="mr-2">{{item[titleField]  }}</div>
+                            <div class="font font-bold text-right">{{item[subTitleField]}}</div>
+                        </NuxtLink>
+                    </div>
+                
+                </li>
+            </ul>
+        </div>
     </div>
 </template>
 <script setup lang="ts">
 import {ref} from 'vue'
 import {ListItem} from '~/types/listview'
-const props = defineProps<{list:any[]}>()
+const props = withDefaults(defineProps<{
+    list:any[],
+    url:string,
+    titleField:string
+    idField?:string
+    subTitleField:string
+    withFilter?:boolean
+}>(),{
+    idField:'_id'
+})
 const emit = defineEmits(['clickitem'])
 const searchvalue = ref('')
 const selecteditem =ref('')
 const clickRow=(item:ListItem)=>{
-    emit('clickitem',item)
-    selecteditem.value = item.code
+    // emit('clickitem',item)
+    // selecteditem.value = item.code
 }
 const filterlist =  computed(()=>{    
-    const newlist =props.list.filter(item=>
-            String(item.name).toLowerCase().includes(searchvalue.value.toLowerCase()))
+    const newlist =props.list.filter((item:any)=>
+    {
+     return   String(item[props.titleField]).toLowerCase().includes(searchvalue.value.toLowerCase()) ||
+            String(item[props.subTitleField]).toLowerCase().includes(searchvalue.value.toLowerCase())
+    }) 
 
     return newlist
 })

package/templates/nuxt/components/UserProfileListItem.vue.eta

@@ -5,7 +5,7 @@
         <div class="flex min-w-0 gap-x-4">
           <img class="h-12 w-12 flex-none rounded-full bg-gray-50" :src="`${getAvatarLink(data.email,32)}`" alt="" />
           <div class="min-w-0 flex-auto">
-            <p class="text-sm font-semibold leading-6 text-gray-900">{{ data.fullname }}</p>
+            <p class="text-sm font-semibold leading-6 text-gray-900">{{ data.fullName }}</p>
             <p class="mt-1 truncate text-xs leading-5 text-gray-500">{{ data.email }}</p>
           </div>
         </div>

package/templates/nuxt/components/{EventNotification.vue.eta → event/EventNotification.vue.eta}

@@ -20,7 +20,7 @@ let resmsg:ToastMessageOptions = {} as ToastMessageOptions
 
 $listen("Notification",(data:Notification)=>{
     // $listen('*',(type:key of EventType,data:any)=>{ 
-    console.log("Event type",'data',data)
+    
     const type:NotificationStatus = data.status
     // let arrupdate = type.split(':')
     // let eventdata = data

package/templates/nuxt/components/{HeaderBar.vue.eta → header/HeaderBar.vue.eta}

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import ButtonMenuPicker from "./ButtonMenuPicker.vue"
+//import ButtonMenuPicker from "./ButtonMenuPicker.vue"
 
-import ButtonProfile from './ButtonProfile.vue';
+//import ButtonProfile from './ButtonProfile.vue';
 
 
 </script>
@@ -13,22 +13,22 @@ import ButtonProfile from './ButtonProfile.vue';
         
         <div class="flex-1 flex flex-row gap-2 p-2">
             <div class="">
-                <ButtonMenuPicker/>
+                <HeaderButtonMenuPicker/>
                 
             </div>            
             <div class="">
-                <ButtonHome/>                
+                <HeaderButtonHome/>                
             </div>
             
         </div>
         <div class="flex-1 flex flex-row-reverse  gap-2 p-2">
 
             <div class=" text-right">
-                <ButtonProfile/>                                
+                <HeaderButtonProfile/>                                
             </div>
          
             <div class="">
-                <SelectBranch/>              
+                <HeaderSelectBranch/>              
             </div>        
         </div>
 

package/templates/nuxt/components/{SelectBranch.vue.eta → header/HeaderSelectBranch.vue.eta}

@@ -4,7 +4,7 @@ import {ref} from 'vue'
 
 const selectedbranch = ref(getCurrentXorg())
 const currentTenant=ref(getUserProfile().tenantId)
-console.log("currentTenant",currentTenant.value)
+
 type Org = {orgId:number, label:string,_id:string}
 const branches = getUserProfile().branches.filter((item:any)=>{return item.branch.tenantId == currentTenant.value})
 const orgList:Org[] = _.uniqBy(branches,'branch.orgId').map((item)=>({
@@ -24,7 +24,7 @@ const switchXorg = ()=>{
     navigateTo(`/${selectedbranch.value}`,{external:true})    
 }
 
-console.log("selectedbranch",selectedbranch.value)
+
 </script>
 <template>
     <div>        

package/templates/nuxt/components/{ButtonMenuPicker.vue.eta → header/button/HeaderButtonMenuPicker.vue.eta}

@@ -20,10 +20,10 @@ const selectMenu = (menu:MenuData) =>{
       </svg>
     </button>
 
-     <Dialog v-model:visible="visible" modal header="Pick Document" >
+     <Dialog v-model:visible="visible" modal header="Pick Document" :pt="{dialog:{ class:' bg-primary-800 ' }}">
       <div class="">
-          <Button v-for="menu in menus" @click="selectMenu(menu)">
-            <div v-if="menu.isolationType == 'none'" class="">
+          <Button v-for="menu in menus" @click="selectMenu(menu)" >
+            <div v-if="menu.isolationType == 'none'" class="text-warning-600 hover:text-warning-500">
               * {{ camelCaseToWords(menu.label) }}
             </div>
             <div v-else class="">{{ camelCaseToWords(menu.label) }}</div>

package/templates/nuxt/components/renderer/RendererForeignKey.vue.eta

@@ -0,0 +1,11 @@
+<template>    
+    <NuxtLink  v-if="setting?.collection" :to="getDocumentUrl(setting.collection,modelValue ? modelValue['_id']:'')" class="text-primary-700 hover:text-primary-500 cursor-pointer">        
+        {{modelValue?.label}}
+    </NuxtLink>
+    <span v-else>{{modelValue?.label || modelValue}}</span>
+</template>
+<script setup lang="ts">
+const modelValue = defineModel()
+
+const props = defineProps<{setting:any}>()
+</script>

package/templates/nuxt/components/renderer/index.ts.eta

@@ -0,0 +1,12 @@
+import RendererBoolean from './RendererBoolean.vue'
+import RendererDate from './RendererDate.vue'
+import RendererForeignKey from './RendererForeignKey.vue'
+import RendererMoney from './RendererMoney.vue'
+import RendererMultiText from './RendererMultiText.vue'
+
+
+export default {
+    
+      RendererBoolean,RendererDate,RendererForeignKey,RendererMoney,RendererMultiText
+    
+  };

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

@@ -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'
@@ -121,4 +123,14 @@ const capitalizeFirstLetter = (str: string) => {
   // 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/SimpleAppAutocompletemulti.vue.eta}

@@ -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/SimpleAppCalendar.vue.eta}

@@ -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/SimpleAppCheckbox.vue.eta}

@@ -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/SimpleAppChip.vue.eta}

@@ -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/SimpleAppColor.vue.eta}

@@ -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/SimpleAppDocumentNo.vue.eta}

@@ -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/SimpleAppEditor.vue.eta}

@@ -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/{SimpleAppList.vue.eta → simpleApp/SimpleAppList.vue.eta}

@@ -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/SimpleAppListmulti.vue.eta}

@@ -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';