@fastkit/vui 0.7.55 → 0.7.56

package/dist/vui.cjs.js

@@ -2949,8 +2949,8 @@ const VWysiwygEditor = vue.defineComponent({
     vue.watch(() => inputControl.canOperation, updateEditable);
     vue.watch(() => props.modelValue, modelValue => {
       const $editor = editor.value;
-      if (!$editor) return;
-      $editor.commands.setContent(modelValue == null ? '' : modelValue);
+      if (!$editor || $editor.getHTML() === modelValue) return;
+      $editor.commands.setContent(modelValue == null ? '' : modelValue, false);
       textRef.value = $editor.getText();
     });
     const editor = vue3.useEditor({

package/dist/vui.cjs.prod.js

@@ -2949,8 +2949,8 @@ const VWysiwygEditor = vue.defineComponent({
     vue.watch(() => inputControl.canOperation, updateEditable);
     vue.watch(() => props.modelValue, modelValue => {
       const $editor = editor.value;
-      if (!$editor) return;
-      $editor.commands.setContent(modelValue == null ? '' : modelValue);
+      if (!$editor || $editor.getHTML() === modelValue) return;
+      $editor.commands.setContent(modelValue == null ? '' : modelValue, false);
       textRef.value = $editor.getText();
     });
     const editor = vue3.useEditor({

package/dist/vui.mjs

@@ -2944,8 +2944,8 @@ const VWysiwygEditor = defineComponent({
     watch(() => inputControl.canOperation, updateEditable);
     watch(() => props.modelValue, modelValue => {
       const $editor = editor.value;
-      if (!$editor) return;
-      $editor.commands.setContent(modelValue == null ? '' : modelValue);
+      if (!$editor || $editor.getHTML() === modelValue) return;
+      $editor.commands.setContent(modelValue == null ? '' : modelValue, false);
       textRef.value = $editor.getText();
     });
     const editor = useEditor({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/vui",
-  "version": "0.7.55",
+  "version": "0.7.56",
   "description": "@fastkit/vui",
   "buildOptions": {
     "name": "Vui",
@@ -32,11 +32,11 @@
     "vue": "^3.2.26"
   },
   "dependencies": {
-    "@fastkit/color-scheme": "0.7.55",
-    "@fastkit/icon-font": "0.7.55",
-    "@fastkit/tiny-logger": "0.7.55",
-    "@fastkit/vite-kit": "0.7.55",
-    "@fastkit/vue-kit": "0.7.55",
+    "@fastkit/color-scheme": "0.7.56",
+    "@fastkit/icon-font": "0.7.56",
+    "@fastkit/tiny-logger": "0.7.56",
+    "@fastkit/vite-kit": "0.7.56",
+    "@fastkit/vue-kit": "0.7.56",
     "@tiptap/extension-link": "^2.0.0-beta.36",
     "@tiptap/extension-underline": "^2.0.0-beta.23",
     "@tiptap/starter-kit": "^2.0.0-beta.183",

package/src/components/VWysiwygEditor/VWysiwygEditor.tsx

@@ -100,8 +100,12 @@ export const VWysiwygEditor = defineComponent({
       () => props.modelValue,
       (modelValue) => {
         const $editor = editor.value;
-        if (!$editor) return;
-        $editor.commands.setContent(modelValue == null ? '' : modelValue);
+        if (!$editor || $editor.getHTML() === modelValue) return;
+
+        $editor.commands.setContent(
+          modelValue == null ? '' : modelValue,
+          false,
+        );
         textRef.value = $editor.getText();
       },
     );