WebApp【公共组件库】@前端(For Git Submodule)
‘chensiAb’
2025-03-31 32b09ee84d7187800a7a10f2264b8b4e30fc574a
forms/textarea/CTextArea.vue
@@ -1,10 +1,16 @@
/**
 * CTextArea
 * 多行文本输入组件,用于在表单中收集用户的多行文本输入
 * 支持设置输入区域高度,可以通过行数或像素值来控制
 * 支持只读模式和自动增高功能
 * @author Tevin
 */
<template>
    <view class="c-textarea">
    <view
        class="c-textarea"
        :class="readOnly?'read-only':''"
    >
        <AtInput
            ref="input"
            :name="itemRes.name"
@@ -16,7 +22,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 +47,17 @@
        // 表单数据资源(表单组件内部机制专用)
        itemRes: Object,
        // 文本域输入区域高度
        height: Number,
        height: {
            type: Number,
            default: 94,
        },
        // 文本雨输入区行数
        rows: Number,
        // 只读模式
        readOnly: {
            type: Boolean,
            default: false,
        },
        // 占位提示
        placeholder: String,
    },