fix 多行文本组件，只读模式下默认值替换换行符

 <!--
 <!--
  * @Date: 2022-08-29 14:31:20
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-12 17:37:58
+ * @LastEditTime: 2024-09-14 13:40:21
  * @FilePath: /data-table/src/components/TextareaField/index.vue
  * @FilePath: /data-table/src/components/TextareaField/index.vue
  * @Description: 多行文本输入框
  * @Description: 多行文本输入框
 -->
 -->
@@ -17,9 +17,7 @@
       v-html="item.component_props.note"
       v-html="item.component_props.note"
       style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-wrap;"
       style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-wrap;"
     />
     />
-    <div v-if="item.component_props.readonly" style="padding: 0.5rem 1rem; font-size: 0.9rem;">
-      {{ item.value }}
-    </div>
+    <div v-if="item.component_props.readonly" style="padding: 0.5rem 1rem; font-size: 0.9rem; text-align: justify;" v-html="item.value"></div>
     <van-field
     <van-field
       v-else
       v-else
       v-model="item.value"
       v-model="item.value"
@@ -57,7 +55,8 @@ const ReadonlyShow = computed(() => {
 });
 });
 
 
 onMounted(() => {
 onMounted(() => {
-  props.item.value = props.item.component_props.default;
+  // 只读模式下默认值替换换行符
+  props.item.value = item.component_props.readonly ? props.item.component_props.default?.replace(/\n/g, "<br>") : props.item.component_props.default;
 })
 })
 </script>
 </script>