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

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>

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

@@ -1,39 +0,0 @@
-
-<template>
-    <FieldContainer v-bind="$attrs" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <MultiSelect v-model="modelValue" 
-        class="simpleapp-inputfield"
-        :inputId="slotprops.uuid"   
-        v-bind="$attrs"
-        :optionValue="optionValue"
-        :optionLabel="optionLabel"
-        :path="setting.instancepath"
-        :options="options"
-        multiple
-          />        
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import MultiSelect from 'primevue/multiselect';
-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' 
-// console.log("appselectmulti",props.description, props.setting.fieldsetting)
-const options = prepareList('anyOf',props.setting.fieldsetting.items,optionLabel,optionValue,props.options,)
-// props.setting.fieldsetting.items
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppSlider.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">        
-        <Slider
-            class="simpleapp-inputfield"
-            :inputId="slotprops.uuid"
-            v-model="modelValue" 
-            v-bind="$attrs"
-            :path="setting.instancepath"
-         ></Slider>         
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import Slider from 'primevue/slider';
-
-
-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/SimpleAppSwitch.vue

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

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

@@ -1,59 +0,0 @@
-
-<template>
-    <FieldContainer :hidelabel="hidelabel" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <InputText v-if="slotprops.error"
-            class="simpleapp-inputfield simpleapp-invalid-input"
-            :id="slotprops.uuid"
-            v-model="modelValue"
-            :path="setting.instancepath"
-            :type="type"
-            :readonly="isReadonly"
-         ></InputText>         
-         <InputText v-else
-            class="simpleapp-inputfield"
-            :id="slotprops.uuid"
-            v-model="modelValue"
-            :path="setting.instancepath"
-            :type="type"
-            :readonly="isReadonly"
-         ></InputText>  
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import InputText from 'primevue/inputtext';
-import FieldContainer from './SimpleAppFieldContainer.vue'
-const modelValue = defineModel()
-const props = withDefaults( defineProps<{
-    label?:string,
-    description?:string,
-    error?:string,
-    setting:any,
-    type?:string,
-    instancepath?:string,
-    hidelabel?: boolean
-    readonly?: boolean
-}>(),{type:'text'})
-
-// const modelValue = defineModel<{modelValue?:string}>()
-// console.log(modelValue.value)
-const isReadonly = computed(()=>{
-    if(props.readonly){
-        return props.readonly
-    }else if(props.setting.readonly){
-        return props.setting.readonly
-    }else{
-        return false
-    }
-})
-const emits = defineEmits(['change'])
-// const onchange=(e:any)=>{    
-//     emits('update:modelValue',e.target.value)
-// }
-
-
-watch(modelValue ,()=>{
-    // props.setting.document.validateFailed()
-    emits('change',modelValue.value)
-})
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppTextarea.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">        
-        <Textarea
-            class="simpleapp-inputfield"
-            :id="slotprops.uuid"
-            v-model="modelValue" 
-            v-bind="$attrs"
-            :autoResize="autoResize"
-            :path="setting.instancepath"
-            :readonly="isReadonly"
-         ></Textarea>         
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import Textarea from 'primevue/textarea';
-
-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,
-    readonly?:boolean
-
-}>()
-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/SimpleAppValue.vue

@@ -1,86 +0,0 @@
-<template>
-    <div v-if="schema" :class="fieldcontainerclass">  
-        
-        <div v-if="hidelabel"></div>
-        <label v-else  :for="uuid">{{ fieldlabel }} <span v-if="props.setting.isrequired && fieldlabel" class="input-error">*</span></label>
-        
-        <div :uuid="uuid" class="simpleapp-value-readonly">{{ modelValue }}</div>
-
-
-        <small v-if="error" class="input-desc">{{ error }}</small>
-        <small v-else class="input-desc">{{ fielddesc }}</small>
-
-        <slot></slot>
-    </div>
-    <div v-else class="simpleapp-input-container">
-        <label class="input-error">wrong path in getField()</label>
-        <div class="input-error">{{ props.setting.path }}</div>
-    </div>
-</template>
-<script setup lang="ts">
-import {camelCaseToWords} from './helper'
-import {computed,watch} from 'vue'
-import {ref} from 'vue'
-const modelValue = defineModel()
-const uuid = randomUUID()
-const fieldlabel = ref('')
-const fielddesc = ref('')
-const defaultcssclass='simpleapp-input-container'
-const fieldcontainerclass = ref(defaultcssclass)
-let instancepath = ref('')
-const props = defineProps<{
-    label?: string,    
-    description?: string,
-    instancepath?:string,
-    hidelabel?:boolean,
-    // error?:string,
-    setting:any
-}>()
-
-// console.log('props.setting',props.setting.fieldsetting)
-let schema:any 
-if(props.setting.fieldsetting && props.setting.fieldsetting.type){
-    
-    schema = props.setting.fieldsetting
-    // console.log("schema setting",props.setting,schema)
-    if(props?.instancepath) instancepath.value =props.instancepath
-    else if(props.setting?.instancepath) instancepath.value = props.setting.instancepath
-    else instancepath.value='/unknown'
-
-    const fieldnamearr = instancepath.value.split('/')
-    const fieldname = camelCaseToWords(fieldnamearr[fieldnamearr.length-1])
-
-    if(props.label)fieldlabel.value = props.label 
-    else if (schema.title ) fieldlabel.value=schema.title
-    else fieldlabel.value=fieldname
-    
-    if(props.description)fielddesc.value = props.description 
-    else if (schema?.description != 'undefined') fielddesc.value=schema.description
-    else fielddesc.value=''
-
-   
-
-}
-const errormsg = computed(()=>{
-    
-    props.setting.errors[instancepath.value]
-})
-const error = ref("")
-watch(props.setting.errors,(newvalue,oldvalue)=>{
-    //it is array
-    error.value=''
-    if(newvalue[instancepath.value]){
-        const errlist:any[] = newvalue[instancepath.value]
-        for(let i=0;i<errlist.length;i++){
-            error.value += errlist[i].message +','
-        }
-        fieldcontainerclass.value=defaultcssclass + ' input-error'
-    }else{
-        error.value=''
-        fieldcontainerclass.value=defaultcssclass
-    }
-    // console.log("validation result",props.setting.instancepath,)
-    // error.value = newvalue[props.setting.instancepath].message
-})
-
-</script>

package/templates/nuxt/components/simpleApp/pending/helper.ts-backup

@@ -1,90 +0,0 @@
-import type { JSONSchema7,JSONSchema7Definition } from 'json-schema';
-import type {ListOptionType} from './type'
-export const prepareList=(schemaComposition:string,fsetting:JSONSchema7Definition | JSONSchema7Definition[] | undefined,labelfield:string,valuefield:string,propsoptions?:any[],):ListOptionType[]=>{
-    let options :ListOptionType[] = []
-    let fieldsetting:JSONSchema7 = {} as JSONSchema7
-    Object.assign(fieldsetting,fsetting)
-    // {...fsetting} as   JSONSchema7
-    try{
-        const convertToList=(list:any[]):ListOptionType[]=>{
-            let opts :ListOptionType[] = []
-            if(list.length>0 && typeof list[0]=='object'){
-                for(let i=0;i<list.length;i++){
-                    const t = list[i]
-                    const item = {value:t[valuefield], label:t[labelfield]}
-                    opts.push(item)
-                }
-            }else{
-                opts = simpleArrayToObject(list)
-            }
-            return opts
-        }
-        
-        if(Array.isArray(propsoptions)){
-            if(propsoptions.length>0 && typeof propsoptions[0]== 'string'){
-                options = simpleArrayToObject(propsoptions)
-            }else{
-                options = convertToList(propsoptions)
-            }
-            
-        }
-        else if(Array.isArray(fieldsetting.enum)){
-            
-            options = simpleArrayToObject(fieldsetting.enum)
-        }else{
-            let list:JSONSchema7Definition[]|undefined=[]
-            switch(schemaComposition){
-                case 'anyOf':
-                    list=fieldsetting.anyOf
-                break;
-                case 'oneOf':
-                    list=fieldsetting.oneOf
-                break;
-                default:
-                break;
-            }
-            // console.log("get from anyof")
-            // let list:any[]=fieldsetting.anyOf
-            options = convertToList(list??[])
-        }
-        
-        // else if(fieldsetting.oneOf && Array.isArray(fieldsetting.oneOf)){
-        //     let list:any[]=fieldsetting.oneOf
-        //     options = convertToList(list)
-        // }
-        //try validate data
-        if(options.length>0){
-            const d:any = options[0]        
-            if(typeof d.label=='undefined'){
-                const errormsg = `undefine property '${labelfield}', correct 'optionLabel'`
-                console.error(errormsg,fieldsetting)
-                options=[{value:'',label:errormsg}]
-            }
-            if(typeof d.value=='undefined'){
-                const errormsg = `undefine property '${valuefield}', correct 'optionValue`
-                console.error(errormsg,fieldsetting)
-                options=[{value:'',label:errormsg}]
-            }
-        }
-        return options;
-    }catch(error){
-        console.error("xxxxx",error)
-        return []
-    }
-}
-
-export const simpleArrayToObject=(list:any[]):ListOptionType[]=>{
-    let options :ListOptionType[] = []
-    for (let i =0; i< list.length; i++){
-        const value:string = list[i].toString()
-        let item :any={value:value,label:value}         
-        options.push(item)
-    }
-    return options
-}
-
-export const camelCaseToWords = (s: string) =>{
-    const result = s.replace(/([A-Z])/g, ' $1');
-    return result.charAt(0).toUpperCase() + result.slice(1);
-  }
-  

package/templates/nuxt/components/simpleApp/pending/type.ts-backup

@@ -1,32 +0,0 @@
-import { SimpleAppClient } from './SimpleAppClient';
-import type { JSONSchema7,JSONSchema7Definition } from 'json-schema';
-export type ListOptionType = {
-    value?: string
-    label?: string
-}
-export enum InputTableColumnType  {
-    'field'='field',
-    'button'='button',
-    'checkbox'='checkbox',
-    'renderer'='renderer'
-}
-export type InputTableColumn={
-    type:InputTableColumnType,
-    title?:string
-    field?:string
-    renderer?:Function
-    style?:string
-    readonly?:boolean
-}
-export type SimpleAppFieldSetting= {
-    path: string,
-    instancepath: string,
-    fieldsetting:JSONSchema7
-    document:SimpleAppClient<any,any>
-    modelObject: any,
-    modelField: string,
-    isrequired: boolean,
-    readonly?:boolean
-    // errors: props.document.getErrors()
-}
-// x.fieldsetting.pro