fix: 修复只读模式下富文本编辑器的值无法显示的问题

src/components/Form/src/components/Readonly.vue

@@ -1,5 +1,8 @@
 <template>
-    <div class="field-readonly">{{ fieldValue }}</div>
+    <div class="field-readonly">
+        <div v-if="schema.component === 'RichTextEditor'" v-html="htmlValue"> </div>
+        {{ fieldValue }}
+    </div>
 </template>
 
 <script setup>
@@ -13,6 +16,7 @@
 
     const textComponents = ['Input', 'AutoCodeRule', 'DatePicker', 'TimePicker', 'Text', 'InputTextArea', 'InputNumber'];
     const fieldValue = ref(genFieldValue(props.value));
+    const htmlValue = ref(getHtmlValue(props.value));
 
     function parseRangeVal(val, component) {
         if (component !== 'RangePicker' || !val) {
@@ -21,10 +25,22 @@
         return val.split(' ')[0];
     }
 
+    function getHtmlValue(val) {
+        const schema = props.schema;
+        const { component } = schema;
+        if (component === 'RichTextEditor') {
+            return val;
+        }
+        return ''
+    }
+
     function genFieldValue(val) {
         const schema = props.schema;
         const model = props.model;
         const { componentProps, component } = schema;
+        if (component === 'RichTextEditor') {
+            return '';
+        }
         if (model && (component === 'TimeRangePicker' || component === 'RangePicker')) {
             const fieldArr = schema.field.split(',');
             const valStart = parseRangeVal(model[fieldArr[0]], component);
@@ -46,12 +62,14 @@
         () => props.value,
         (newValue) => {
             fieldValue.value = genFieldValue(newValue);
+            htmlValue.value = getHtmlValue(newValue);
         }
     );
     watch(
         () => props.model,
         (newValue) => {
             fieldValue.value = genFieldValue(newValue);
+            htmlValue.value = getHtmlValue(newValue);
         },
         { deep: true }
     );

src/components/SimpleForm/src/components/SimpleFormItem.vue

@@ -417,7 +417,7 @@
     }
 
     function readonlySupport(name) {
-        return /Input|AutoCodeRule|DatePicker|Text|TimePicker|Range/.test(name);
+        return /^(Input|AutoCodeRule|DatePicker|Text|TimePicker|Range|RichTextEditor)$/.test(name);
     }
 
     function getShow(schema: FormSchema): boolean {