97 lines
2.3 KiB
TypeScript
Executable File
97 lines
2.3 KiB
TypeScript
Executable File
import { defineComponent, ref, computed, PropType, toRef, reactive, watch, onMounted } from 'vue'
|
|
import { IOperators, ISize, IText } from 'model'
|
|
|
|
import { useI18n } from '@/boot/i18n'
|
|
import { useQuasar } from 'quasar'
|
|
|
|
import { tools } from '@store/Modules/tools'
|
|
|
|
import { costanti } from '@costanti'
|
|
|
|
import { CMySize } from '@src/components/CMySize'
|
|
import { CMySlider } from '@src/components/CMySlider'
|
|
import { CMyFieldRec } from '@src/components/CMyFieldRec'
|
|
|
|
import { shared_consts } from '@/common/shared_vuejs'
|
|
|
|
export default defineComponent({
|
|
name: 'CMyText',
|
|
emits: ['update:modelValue', 'modifElem', 'saveFieldElem',],
|
|
components: { CMySlider, CMyFieldRec, CMySize },
|
|
props: {
|
|
modelValue: {
|
|
type: Object as PropType<IText>,
|
|
required: true,
|
|
},
|
|
label: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
disable: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: false,
|
|
},
|
|
show_maxlength: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: true,
|
|
},
|
|
show_dimensioni: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: false,
|
|
},
|
|
},
|
|
setup(props, { emit }) {
|
|
const $q = useQuasar()
|
|
const { t } = useI18n()
|
|
|
|
const internalModel = reactive({ ...props.modelValue })
|
|
|
|
function modifElem() {
|
|
// console.log('modifElem')
|
|
emit('update:modelValue', { ...internalModel });
|
|
emit('modifElem', null);
|
|
}
|
|
function update_col() {
|
|
// console.log('update_col')
|
|
emit('update:modelValue', { ...internalModel });
|
|
emit('modifElem', null);
|
|
}
|
|
|
|
function saveFieldElem() {
|
|
emit('update:modelValue', { ...internalModel });
|
|
emit('saveFieldElem', null);
|
|
}
|
|
|
|
// Sincronizzare i cambiamenti esterni con internalModel quando props cambiano
|
|
watch(() => props.modelValue, (newModel: any) => {
|
|
Object.assign(internalModel, newModel);
|
|
|
|
}, { immediate: true });
|
|
|
|
function mounted() {
|
|
if (!internalModel.font?.perc_text) {
|
|
internalModel.font!.perc_text = ''
|
|
}
|
|
if (!internalModel.maxlength) {
|
|
internalModel.maxlength = 0
|
|
}
|
|
}
|
|
|
|
onMounted(mounted)
|
|
|
|
return {
|
|
t,
|
|
shared_consts,
|
|
internalModel,
|
|
modifElem,
|
|
tools,
|
|
costanti,
|
|
saveFieldElem,
|
|
update_col,
|
|
}
|
|
}
|
|
})
|