mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-06 22:17:59 +00:00
9338bc1391
This PR makes the following changes 1. Update v-model bindings for components using the old `value` prop and `input` event method 2. Remove components that were not used anywhere --------- Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
86 lines
1.8 KiB
Vue
86 lines
1.8 KiB
Vue
<script>
|
|
import WithLabel from './WithLabel.vue';
|
|
export default {
|
|
components: {
|
|
WithLabel,
|
|
},
|
|
props: {
|
|
label: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
name: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
required: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
placeholder: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
modelValue: {
|
|
type: [String, Number],
|
|
default: '',
|
|
},
|
|
rows: {
|
|
type: Number,
|
|
default: 3,
|
|
},
|
|
allowResize: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
hasError: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
errorMessage: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
dataTestid: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
},
|
|
emits: ['update:modelValue', 'blur'],
|
|
methods: {
|
|
onInput(e) {
|
|
this.$emit('update:modelValue', e.target.value);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<WithLabel
|
|
:label="label"
|
|
:name="name"
|
|
:has-error="hasError"
|
|
:error-message="errorMessage"
|
|
>
|
|
<textarea
|
|
:id="name"
|
|
:name="name"
|
|
autocomplete="off"
|
|
:required="required"
|
|
:placeholder="placeholder"
|
|
:data-testid="dataTestid"
|
|
:value="modelValue"
|
|
:rows="rows"
|
|
:class="{
|
|
'focus:outline-red-600 outline-red-600': hasError,
|
|
'dark:outline-slate-600 dark:focus:outline-woot-500 outline-slate-200 focus:outline-woot-500':
|
|
!hasError,
|
|
'resize-none': !allowResize,
|
|
}"
|
|
class="block w-full p-3 bg-white border-none rounded-md shadow-sm appearance-none outline outline-1 focus:outline focus:outline-2 text-slate-900 dark:text-slate-100 placeholder:text-slate-400 dark:bg-slate-800"
|
|
@update:model-value="onInput"
|
|
@blur="$emit('blur')"
|
|
/>
|
|
</WithLabel>
|
|
</template>
|