dragon-editor 3.5.20 → 3.5.21

package/dist/module.json

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

package/dist/runtime/utils/event/mouse.d.ts

@@ -6,6 +6,6 @@ export declare function _editorMousemoveEvent(event: MouseEvent, store: Ref<Drag
 export declare function _editorMouseupEvent(event: MouseEvent, store: Ref<DragonEditorStore>): void;
 export declare function _editorMouseleaveEvent(event: MouseEvent, store: Ref<DragonEditorStore>): void;
 export declare function _checkOthersideClick(event: MouseEvent, store: Ref<DragonEditorStore>): void;
-export declare function _openAnchorArea(store: Ref<DragonEditorStore>): void;
+export declare function _openAnchorArea(event: MouseEvent, store: Ref<DragonEditorStore>): void;
 export declare function _decideWhetherOpenControlBar(store: Ref<DragonEditorStore>): void;
 export declare function _editorContextMenuEvent(event: MouseEvent, store: Ref<DragonEditorStore>): void;

package/dist/runtime/utils/event/mouse.js

@@ -14,7 +14,7 @@ export function _editorMousemoveEvent(event, store) {
 }
 export function _editorMouseupEvent(event, store) {
   _imageResizeEventEnd(event, store);
-  _updateAnchorTagValue(store);
+  _updateAnchorTagValue(event, store);
 }
 export function _editorMouseleaveEvent(event, store) {
   _imageResizeEventEnd(event, store);
@@ -39,9 +39,9 @@ function __blockAddOthersideEvent(event, store) {
     }
   }
 }
-export function _openAnchorArea(store) {
+export function _openAnchorArea(event, store) {
   store.value.controlStatus.previousCorsorData = store.value.cursorData;
-  _updateAnchorTagValue(store, true);
+  _updateAnchorTagValue(event, store, true);
   _updateHeadingBlockList(store);
   if (store.value.controlStatus.anchorHref !== "" && store.value.controlStatus.anchorHref.charAt(0) === "#") {
     store.value.controlStatus.anchorTabType = "heading";

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

@@ -35,7 +35,7 @@ export function _getMenuBarVNodeStructure(store) {
         h("input", {
           class: ["de-input", { "--error": store.value.controlStatus.anchorValidation === false }],
           value: store.value.controlStatus.anchorHref,
-          onChange: (event) => {
+          onInput: (event) => {
             store.value.controlStatus.anchorHref = event.currentTarget.value;
           }
         }),
@@ -146,8 +146,8 @@ function __getMenuListStructure(store) {
         "button",
         {
           class: ["de-menu", "js-de-link-btn"],
-          onClick: () => {
-            _openAnchorArea(store);
+          onClick: (event) => {
+            _openAnchorArea(event, store);
           }
         },
         [_getIconNode("add-link")]

package/dist/runtime/utils/style/anchor.d.ts

@@ -2,4 +2,4 @@ import type { Ref } from "vue";
 import type { DragonEditorStore } from "../../type.js";
 export declare function _setAnchorTag(url: string, isOutsideLink: boolean, store: Ref<DragonEditorStore>): void;
 export declare function _unsetAnchorTag(store: Ref<DragonEditorStore>): false | undefined;
-export declare function _updateAnchorTagValue(store: Ref<DragonEditorStore>, previous?: boolean): void;
+export declare function _updateAnchorTagValue(event: MouseEvent, store: Ref<DragonEditorStore>, previous?: boolean): void;

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

@@ -1,6 +1,7 @@
 import { _setRangeCursor, _updateCursorData, _updateModelData, _sortingCursorDataOnElement } from "../event/index.js";
 import { _findContentEditableElement, _findPoverTextNode } from "../node/index.js";
 export function _setAnchorTag(url, isOutsideLink, store) {
+  console.log("url", url);
   if (store.value.controlStatus.previousCorsorData !== null && store.value.controlStatus.$currentBlock !== null) {
     const cursorData = store.value.controlStatus.previousCorsorData;
     const typeIgnoreList = ["image", "code", "custom"];
@@ -215,25 +216,31 @@ export function _unsetAnchorTag(store) {
     }
   }
 }
-export function _updateAnchorTagValue(store, previous = false) {
-  if (store.value.controlStatus.previousCorsorData !== null && store.value.cursorData !== null) {
-    const cursorData = previous === true ? store.value.controlStatus.previousCorsorData : store.value.cursorData;
-    if (cursorData.type === "Caret" || cursorData.type === "Range" && cursorData.startNode === cursorData.endNode) {
-      const $element = _findContentEditableElement(cursorData.startNode);
-      let $targetNode = cursorData.startNode;
-      if ($targetNode.constructor.name === "Text") {
-        if ($targetNode.parentElement !== $element) {
-          $targetNode = $targetNode.parentElement;
+export function _updateAnchorTagValue(event, store, previous = false) {
+  const $target = event.target;
+  if ($target !== null) {
+    const $linkArea = $target.closest(".js-de-link-exit-area");
+    if ($linkArea === null) {
+      if (store.value.controlStatus.previousCorsorData !== null && store.value.cursorData !== null) {
+        const cursorData = previous === true ? store.value.controlStatus.previousCorsorData : store.value.cursorData;
+        if (cursorData.type === "Caret" || cursorData.type === "Range" && cursorData.startNode === cursorData.endNode) {
+          const $element = _findContentEditableElement(cursorData.startNode);
+          let $targetNode = cursorData.startNode;
+          if ($targetNode.constructor.name === "Text") {
+            if ($targetNode.parentElement !== $element) {
+              $targetNode = $targetNode.parentElement;
+            }
+          }
+          if ($targetNode.constructor.name === "HTMLAnchorElement") {
+            const $tag = $targetNode;
+            store.value.controlStatus.anchorHref = $tag.href;
+          } else {
+            store.value.controlStatus.anchorHref = "";
+          }
+        } else {
+          store.value.controlStatus.anchorHref = "";
         }
       }
-      if ($targetNode.constructor.name === "HTMLAnchorElement") {
-        const $tag = $targetNode;
-        store.value.controlStatus.anchorHref = $tag.href;
-      } else {
-        store.value.controlStatus.anchorHref = "";
-      }
-    } else {
-      store.value.controlStatus.anchorHref = "";
     }
   }
 }

package/package.json

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