From 35eaf8d47c2ea7c6dcde0e910396354b5490e08f Mon Sep 17 00:00:00 2001
From: Marvin Gui <63292605+yi-boide@users.noreply.github.com>
Date: Sat, 7 Oct 2023 01:49:33 -0500
Subject: [PATCH] =?UTF-8?q?fix(textarea):=20=E4=BF=AE=E5=A4=8Dreadonly?=
 =?UTF-8?q?=E6=97=B6=E6=8D=A2=E8=A1=8C=E7=AC=A6=E7=9A=84=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=EF=BC=88#2566=EF=BC=89=20(#2583)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../nutui-taro-demo/project.private.config.json   |  2 +-
 src/packages/__VUE/textarea/index.taro.vue        | 15 +++++++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/nutui-taro-demo/project.private.config.json b/packages/nutui-taro-demo/project.private.config.json
index 79196e4582..39f7acfbef 100644
--- a/packages/nutui-taro-demo/project.private.config.json
+++ b/packages/nutui-taro-demo/project.private.config.json
@@ -65,4 +65,4 @@
   },
   "projectname": "vue4.x",
   "libVersion": "2.27.1"
-}
+}
\ No newline at end of file
diff --git a/src/packages/__VUE/textarea/index.taro.vue b/src/packages/__VUE/textarea/index.taro.vue
index fd548e69a2..58c8270ce2 100644
--- a/src/packages/__VUE/textarea/index.taro.vue
+++ b/src/packages/__VUE/textarea/index.taro.vue
@@ -1,8 +1,10 @@
 <template>
   <view :class="classes">
-    <view v-if="readonly" class="nut-textarea__textarea nut-textarea__textarea__readonly">
-      {{ modelValue }}
-    </view>
+    <rich-text
+      v-if="readonly && env !== 'WEB'"
+      class="nut-textarea__textarea nut-textarea__textarea__readonly"
+      :nodes="readonlyValue"
+    ></rich-text>
     <textarea
       v-else
       ref="textareaRef"
@@ -112,6 +114,10 @@ export default create({
       width: '0'
     });
 
+    const readonlyValue = computed(() => {
+      return props.modelValue.replace(/\\n/g, '<br/>');
+    });
+
     const emitChange = (value: string, event: Event) => {
       if (props.maxLength && value.length > Number(props.maxLength)) {
         value = value.substring(0, Number(props.maxLength));
@@ -281,7 +287,8 @@ export default create({
       translate,
       copyTxtStyle,
       startComposing,
-      endComposing
+      endComposing,
+      readonlyValue
     };
   }
 });