文本域组件，支持只读模式

Tevin

2024-05-10 4d10bda529a7609b9889e52df771075aff9901d7

 forms/textarea/CTextArea.vue

@@ -4,7 +4,10 @@
 */

<template>
    <view class="c-textarea">
    <view
        class="c-textarea"
        :class="readOnly?'read-only':''"
    >
        <AtInput
            ref="input"
            :name="itemRes.name"
@@ -16,7 +19,7 @@
        <textarea
            ref="textarea"
            class="textarea"
            :style="{minHeight: areaHeight}"
            :style="{minHeight: areaHeight, height: areaHeight}"
            :placeholder="placeholder"
            :value="itemRes.formData[itemRes.name]"
            :autoFocus="false"
@@ -41,9 +44,17 @@
        // 表单数据资源（表单组件内部机制专用）
        itemRes: Object,
        // 文本域输入区域高度
        height: Number,
        height: {
            type: Number,
            default: 94,
        },
        // 文本雨输入区行数
        rows: Number,
        // 只读模式
        readOnly: {
            type: Boolean,
            default: false,
        },
        // 占位提示
        placeholder: String,
    },