From 56d77021c45816c30cba724b35f98eeb66de61b6 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Wed, 27 Nov 2024 10:29:19 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=94=B1=E4=BA=8E=E4=B8=8D?=
 =?UTF-8?q?=E8=83=BD=E8=BE=93=E5=85=A5=20=E9=9C=80=E8=A6=81=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8watch=E7=9B=91=E5=90=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common-ui/src/components/markdown/preview.vue   | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/effects/common-ui/src/components/markdown/preview.vue b/packages/effects/common-ui/src/components/markdown/preview.vue
index 2f40e98e..3ead292a 100644
--- a/packages/effects/common-ui/src/components/markdown/preview.vue
+++ b/packages/effects/common-ui/src/components/markdown/preview.vue
@@ -51,11 +51,20 @@ const content = defineModel('value', {
   default: '',
 });
 
+/**
+ * 由于不能输入 需要使用watch监听
+ */
+watch(content, (value) => {
+  vditorInstance.value?.setValue(value);
+});
+
 onMounted(() => {
   vditorInstance.value = new Vditor(vditorRef.value!, {
     mode: 'wysiwyg',
     value: content.value,
     height: props.height,
+    // 开启打字机模式
+    // typewriterMode: true,
     lang: locale.value.replace('-', '_') as any,
     cache: {
       enable: false,
@@ -63,10 +72,6 @@ onMounted(() => {
     theme: isDark.value ? 'dark' : 'classic',
     // 预览(只读模式) 不显示工具栏
     toolbar: [],
-    // 手动响应式
-    input(value) {
-      content.value = value;
-    },
     // 加载完成的事件
     after() {
       emit('mounted');