dragon-editor 3.5.17 → 3.5.19

package/dist/module.json

@@ -4,7 +4,7 @@
     "nuxt": ">=3.0.0"
   },
   "configKey": "dragon-editor",
-  "version": "3.5.17",
+  "version": "3.5.19",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/DragonEditor.vue

@@ -1,9 +1,9 @@
 <template>
-    <component :is="mainStrucutre()"></component>
+    <component :is="editorStructure"></component>
 </template>
 
 <script setup lang="ts">
-import { ref, h, onMounted, onBeforeUnmount } from "vue";
+import { ref, h, onMounted, onBeforeUnmount, watch } from "vue";
 import { _getBodyVNodeStructure, _getMenuBarVNodeStructure, _getControlbarVNodeStructure } from "../utils/layout";
 import { _eidtorMountEvent, _eidtorUnmountEvent, _editorMousemoveEvent, _editorMouseupEvent, _editorMouseleaveEvent, _editorTouchmoveEvent, _editorTouchendEvent, _checkOthersideClick, _parentWrapScollEvent, _editorContextMenuEvent, _windowResizeEvent } from "../utils/event";
 import { _addBlock } from "../utils/node";
@@ -127,6 +127,7 @@ const editorStore = ref<DragonEditorStore>({
         _parentWrapScollEvent(event, editorStore);
     },
 });
+const editorStructure = ref<VNode>(mainStrucutre());
 
 function mainStrucutre(): VNode {
     const childList: VNode[] = [];
@@ -193,6 +194,14 @@ function setAlign(align: DETextalign): void {
     _setTextAlign(align, editorStore);
 }
 
+watch(
+    () => props.modelValue,
+    (newData) => {
+        editorStore.value.firstData = newData;
+        editorStructure.value = mainStrucutre();
+    }
+);
+
 onMounted(() => {
     _eidtorMountEvent(editorStore);
 });
@@ -565,6 +574,7 @@ defineExpose({
 }
 .dragon-editor .de-heading-block {
   min-height: 1.6em;
+  font-weight: bold;
   word-break: break-all;
   outline: 0;
 }

package/dist/runtime/components/DragonEditorViewer.vue

@@ -211,6 +211,7 @@ function structure(): VNode {
 }
 .dragon-editor-viewer .de-heading-block {
   min-height: 1.6em;
+  font-weight: bold;
   word-break: break-all;
   outline: 0;
 }

package/dist/runtime/scss/editor.css

@@ -354,6 +354,7 @@
 }
 .dragon-editor .de-heading-block {
   min-height: 1.6em;
+  font-weight: bold;
   word-break: break-all;
   outline: 0;
 }

package/dist/runtime/scss/viewer.css

@@ -176,6 +176,7 @@
 }
 .dragon-editor-viewer .de-heading-block {
   min-height: 1.6em;
+  font-weight: bold;
   word-break: break-all;
   outline: 0;
 }

package/dist/runtime/utils/layout/menuBar.js

@@ -39,8 +39,16 @@ export function _getMenuBarVNodeStructure(store) {
             store.value.controlStatus.anchorHref = event.currentTarget.value;
           }
         }),
-        h("button", { class: ["de-btn"], onClick: () => {
-        } }, "Set")
+        h(
+          "button",
+          {
+            class: ["de-btn"],
+            onClick: () => {
+              _setAnchorTag(store.value.controlStatus.anchorHref, true, store);
+            }
+          },
+          "Set"
+        )
       ]) : h(
         "div",
         { class: ["de-link-heading-area"] },

package/dist/runtime/utils/style/anchor.js

@@ -3,7 +3,6 @@ import { _findContentEditableElement, _findPoverTextNode } from "../node/index.j
 export function _setAnchorTag(url, isOutsideLink, store) {
   if (store.value.controlStatus.previousCorsorData !== null && store.value.controlStatus.$currentBlock !== null) {
     const cursorData = store.value.controlStatus.previousCorsorData;
-    const $block = store.value.controlStatus.$currentBlock;
     const typeIgnoreList = ["image", "code", "custom"];
     const hrefValue = isOutsideLink === true ? url : `#${url}`;
     const $element = _findContentEditableElement(cursorData.startNode);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "dragon-editor",
-    "version": "3.5.17",
+    "version": "3.5.19",
     "description": "Javascript WYSIWYG editor in Nuxt3!",
     "repository": {
         "type": "git",