mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-05-08 15:15:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(c-input): Add monospace prop

Browse source
This commit is contained in:
marvin-j97 2023-06-23 01:01:14 +02:00
parent 49cb3ca88f
commit 9354916f03
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/ui/c-input-text/c-input-text.vue
View file

@ -30,6 +30,7 @@ const props = withDefaults(
rows?: number | string
autosize?: boolean
autofocus?: boolean
monospace?: boolean
}>(),
{
value: '',
@ -56,13 +57,14 @@ const props = withDefaults(
rows: 3,
autosize: false,
autofocus: false,
monospace: false,
},
);
const emit = defineEmits(['update:value']);
const value = useVModel(props, 'value', emit);
const showPassword = ref(false);
const { id, placeholder, label, validationRules, labelPosition, labelWidth, labelAlign, autosize, readonly, disabled, clearable, type, multiline, rows, rawText, autofocus } = toRefs(props);
const { id, placeholder, label, validationRules, labelPosition, labelWidth, labelAlign, autosize, readonly, disabled, clearable, type, multiline, rows, rawText, autofocus, monospace } = toRefs(props);
const validation
= props.validation
@ -157,6 +159,9 @@ defineExpose({
ref="textareaRef"
v-model="value"
class="input"
:class="{
'leading-5 !font-mono': monospace,
}"
:placeholder="placeholder"
:readonly="readonly"
:disabled="disabled"
@ -175,6 +180,9 @@ defineExpose({
v-model="value"
:type="htmlInputType"
class="input"
:class="{
'leading-5 !font-mono': monospace,
}"
size="1"
:placeholder="placeholder"
:readonly="readonly"