silva
/
adrema
2
1
Fork 0
Code Issues 23 Pull Requests 1 Projects 1 Releases 104 Wiki Activity

Lint text component

This commit is contained in:
philipp lang 2024-06-27 21:42:47 +02:00
parent 1630bce795
commit 094a84c745
1 changed files with 17 additions and 183 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

200
resources/js/components/form/Text.vue
View File

@ -5,20 +5,9 @@
<span v-show="required" class="text-red-800">&nbsp;*</span> <span v-show="required" class="text-red-800">&nbsp;*</span>
</span> </span>
<div class="real-field-wrap size-sm" :class="sizes[size].field"> <div class="real-field-wrap size-sm" :class="sizes[size].field">
<input <input :name="name" :type="type" :value="transformedValue" :disabled="disabled" :placeholder="placeholder"
:name="name" :min="min" :max="max" @keypress="$emit('keypress', $event)" @input="onInput" @change="onChange"
:type="type" @focus="onFocus" @blur="onBlur" />
:value="transformedValue"
:disabled="disabled"
:placeholder="placeholder"
:min="min"
:max="max"
@keypress="$emit('keypress', $event)"
@input="onInput"
@change="onChange"
@focus="onFocus"
@blur="onBlur"
/>
<div v-if="hint" class="info-wrap"> <div v-if="hint" class="info-wrap">
<div v-tooltip="hint"> <div v-tooltip="hint">
<ui-sprite src="info-button" class="info-button"></ui-sprite> <ui-sprite src="info-button" class="info-button"></ui-sprite>
@ -33,129 +22,36 @@ import wNumb from 'wnumb';
var numb = { var numb = {
natural: wNumb({ natural: wNumb({
mark: ',',
thousand: '.',
decimals: 0,
decoder(a) {
return a * 100;
},
encoder(a) {
return a / 100;
},
}),
naturalRaw: wNumb({
mark: '', mark: '',
thousand: '', thousand: '',
decimals: 0, decimals: 0,
decoder(a) { decoder: (a) => a * 100,
return a * 100; encoder: (a) => a / 100,
},
encoder(a) {
return a / 100;
},
}),
naturalDetailRaw: wNumb({
mark: '',
thousand: '',
decimals: 0,
decoder(a) {
return a * 10000;
},
encoder(a) {
return a / 10000;
},
}), }),
area: wNumb({ area: wNumb({
mark: ',',
thousand: '.',
decimals: 2,
decoder(a) {
return a * 100;
},
encoder(a) {
return a / 100;
},
}),
areaDetail: wNumb({
mark: ',',
thousand: '.',
decimals: 4,
decoder(a) {
return a * 10000;
},
encoder(a) {
return a / 10000;
},
}),
twoDecimalRaw: wNumb({
mark: ',', mark: ',',
thousand: '', thousand: '',
decimals: 2, decimals: 2,
decoder(a) { decoder: (a) => a * 100,
return a * 100; encoder: (a) => a / 100,
},
encoder(a) {
return a / 100;
},
}),
fourDecimalRaw: wNumb({
mark: ',',
thousand: '',
decimals: 4,
decoder(a) {
return a * 10000;
},
encoder(a) {
return a / 10000;
},
}), }),
}; };
var transformers = { var transformers = {
none: { none: {
display: { display: {
to(v) { to: (v) => v,
return v; from: (v) => v,
},
from(v) {
return v;
},
}, },
edit: { edit: {
to(v) { to: (v) => v,
return v; from: (v) => v,
},
from(v) {
return v;
},
},
},
natural: {
display: {
to(v) {
return isNaN(parseInt(v)) ? '' : numb.natural.to(v);
},
from(v) {
return v === '' ? null : numb.natural.from(v);
},
},
edit: {
to(v) {
return isNaN(parseInt(v)) ? '' : numb.naturalRaw.to(v);
},
from(v) {
return v === '' ? null : numb.naturalRaw.from(v);
},
}, },
}, },
area: { area: {
display: { display: {
to(v) { to: (v) => (v === null ? '' : numb.area.to(v)),
return v === null ? '' : numb.area.to(v); from: (v) => (v === '' ? null : numb.area.from(v)),
},
from(v) {
return v === '' ? null : numb.area.from(v);
},
}, },
edit: { edit: {
to(v) { to(v) {
@ -163,81 +59,19 @@ var transformers = {
return ''; return '';
} }
if (Math.round(v / 100) * 100 === v) { if (Math.round(v / 100) * 100 === v) {
return numb.naturalRaw.to(v); return numb.natural.to(v);
} }
return numb.twoDecimalRaw.to(v); return numb.area.to(v);
}, },
from(v) { from(v) {
if (v === '') { if (v === '') {
return null; return null;
} }
if (v.indexOf(',') === -1) { if (v.indexOf(',') === -1) {
return numb.naturalRaw.from(v); return numb.natural.from(v);
} }
return numb.twoDecimalRaw.from(v); return numb.area.from(v);
},
},
},
currency: {
display: {
to(v) {
return v === null ? '' : numb.area.to(v);
},
from(v) {
return v === '' ? null : numb.area.from(v);
},
},
edit: {
to(v) {
if (v === null) {
return '';
}
if (Math.round(v / 100) * 100 === v) {
return numb.naturalRaw.to(v);
}
return numb.twoDecimalRaw.to(v);
},
from(v) {
if (v === '') {
return null;
}
if (v.indexOf(',') === -1) {
return numb.naturalRaw.from(v);
}
return numb.twoDecimalRaw.from(v);
},
},
},
currencyDetail: {
display: {
to(v) {
return v === null ? '' : numb.areaDetail.to(v);
},
from(v) {
return v === '' ? null : numb.areaDetail.from(v);
},
},
edit: {
to(v) {
if (v === null) {
return '';
}
if (Math.round(v / 10000) * 10000 === v) {
return numb.naturalDetailRaw.to(v);
}
return numb.fourDecimalRaw.to(v);
},
from(v) {
if (v === '') {
return null;
}
if (v.indexOf(',') === -1) {
return numb.naturalDetailRaw.from(v);
}
return numb.fourDecimalRaw.from(v);
}, },
}, },
}, },