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

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>

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

@@ -1,43 +0,0 @@
-
-<template>
-    <FieldContainer :hidelabel="hidelabel" v-model="modelValue" :label="label" :description="description"  :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">
-        <InputNumber class="simpleapp-inputfield" 
-            :inputId="slotprops.uuid"
-            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 './SimpleAppFieldContainer.vue'
-const props = withDefaults(defineProps<{
-    label?:string,
-    description?:string,
-    setting:any
-    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)
-})
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppPassword.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">        
-        <Password
-            class="simpleapp-inputfield"
-            :inputId="slotprops.uuid"   
-            v-model="modelValue" 
-            v-bind="$attrs"
-            :path="setting.instancepath"
-         ></Password>         
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import Password from 'primevue/password';
-import FieldContainer from './SimpleAppFieldContainer.vue'
-const modelValue = defineModel()
-const props = defineProps<{
-    label?:string,
-    id?: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/SimpleAppRadio.vue

@@ -1,42 +0,0 @@
-
-<template>
-    <FieldContainer v-bind="$attrs"
-    v-model="modelValue"
-     :label="label"
-    :description="description" 
-     :setting="setting" 
-     :instancepath="instancepath" 
-     :error="error"
-      #default="slotprops">
-        <div v-for="(o, index) in options" :key="index" class="simpleapp-inputradio">
-            <RadioButton 
-                v-model="modelValue"  
-                :inputId="`${slotprops.uuid}_${index}`" 
-                :value="o.value" />
-            <label :for="`${slotprops.uuid}_${index}`">{{ o.label }}</label>
-        </div>        
-
-              
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import RadioButton from 'primevue/radiobutton';
-import FieldContainer from './SimpleAppFieldContainer.vue'
-import {prepareList,simpleArrayToObject} from './helper'
-import type {ListOptionType} from './type'
-const modelValue = defineModel()
-const props = defineProps<{
-    label?:string,
-    description?:string,
-    error?:string,
-    setting:any,
-    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/SimpleAppRating.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">        
-        <Rating
-            class="simpleapp-inputfield"
-            :inputId="slotprops.uuid"
-            v-model="modelValue" 
-            v-bind="$attrs"
-            :path="setting.instancepath"
-         ></Rating>         
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import Rating from 'primevue/rating';
-
-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/SimpleAppSelect.vue

@@ -1,48 +0,0 @@
-
-<template>
-    <FieldContainer v-bind="$attrs" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <Dropdown v-model="modelValue" 
-        class="simpleapp-inputfield"
-        :inputId="slotprops.uuid"   
-        v-bind="$attrs"
-        optionValue="value"
-        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 './SimpleAppFieldContainer.vue'
-import {prepareList,simpleArrayToObject} from './helper'
-import type {ListOptionType} from './type'
-import type { JSONSchema7 } from 'json-schema';
-const modelValue = defineModel()
-const props = defineProps<{
-    label?:string,    
-    description?:string,
-    error?:string,
-    setting:any,
-    optionLabel?:string,
-    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>