vue-devui 1.6.3 → 1.6.4-markdown.0

package/editor-md/index.es.js

@@ -21,7 +21,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { toRefs, onMounted, onUnmounted, watch, defineComponent, ref, renderSlot, useSlots, createVNode, reactive, computed, nextTick, onBeforeMount, onBeforeUnmount, Transition, mergeProps, unref, withModifiers, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, provide, Teleport, vShow, createTextVNode, isVNode } from "vue";
+import { toRefs, onMounted, onUnmounted, watch, defineComponent, ref, renderSlot, useSlots, createVNode, reactive, computed, nextTick, onBeforeUnmount, onBeforeMount, Transition, mergeProps, unref, withModifiers, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, provide, Teleport, vShow, createTextVNode, isVNode } from "vue";
 import "clipboard";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 import { onClickOutside } from "@vueuse/core";
@@ -1354,8 +1354,7 @@ __publicField(ToolBarHandler, "h1", (editor) => {
   editor.focus();
   if (cursor.ch !== 0) {
     editor.setCursor(cursor.line, 0);
-    editor.replaceSelection("# " + selection);
-    editor.setCursor(cursor.line, cursor.ch + 2);
+    editor.replaceSelection("# ");
   } else {
     editor.replaceSelection("# " + selection);
   }
@@ -1366,8 +1365,7 @@ __publicField(ToolBarHandler, "h2", (editor) => {
   editor.focus();
   if (cursor.ch !== 0) {
     editor.setCursor(cursor.line, 0);
-    editor.replaceSelection("## " + selection);
-    editor.setCursor(cursor.line, cursor.ch + 3);
+    editor.replaceSelection("## ");
   } else {
     editor.replaceSelection("## " + selection);
   }
@@ -7277,6 +7275,7 @@ function useEditorMd(props, ctx) {
   const renderRef = ref();
   const overlayRef = ref();
   const cursorRef = ref();
+  const containerRef = ref();
   const isHintShow = ref();
   const previewHtmlList = ref([]);
   let editorIns;
@@ -7326,7 +7325,7 @@ function useEditorMd(props, ctx) {
       editorScroll();
     });
     nextTick(() => {
-      ctx.emit("previewContentChange");
+      ctx.emit("previewContentChange", html);
     });
   };
   const onPreviewScroll = () => {
@@ -7403,7 +7402,7 @@ function useEditorMd(props, ctx) {
       const startPos = value.lastIndexOf(nowPrefix, cursor.ch);
       const endPos = value.indexOf(" ", cursor.ch) > -1 ? value.indexOf(" ", cursor.ch) : value.length;
       hint = value.slice(startPos, cursor.ch);
-      if (startPos > 0 && value[startPos - 1] !== " " || startPos < 0 || !hint.includes(nowPrefix) || hint.endsWith(" ") || isImgRegx.test(hint)) {
+      if (startPos < 0 || !hint.includes(nowPrefix) || hint.endsWith(" ") || isImgRegx.test(hint)) {
         cursorHint = "";
         cursorHintStart = -1;
         cursorHintEnd = -1;
@@ -7504,12 +7503,22 @@ function useEditorMd(props, ctx) {
       }
     }
   };
+  const onDocumentClick = (e) => {
+    var _a;
+    if (isHintShow.value && e.target !== containerRef.value && !((_a = containerRef.value) == null ? void 0 : _a.contains(e.target))) {
+      hideHint();
+    }
+  };
   onMounted(async () => {
     await import("codemirror/addon/display/placeholder.js");
     await import("codemirror/mode/markdown/markdown.js");
     const module = await import("codemirror");
     CodeMirror = module.default;
     initEditor();
+    document.addEventListener("click", onDocumentClick);
+  });
+  onBeforeUnmount(() => {
+    document.removeEventListener("click", onDocumentClick);
   });
   watch(modelValue, (val) => {
     if (editorIns) {
@@ -7550,6 +7559,7 @@ function useEditorMd(props, ctx) {
     overlayRef,
     cursorRef,
     renderRef,
+    containerRef,
     toolbars,
     previewHtmlList,
     isHintShow,
@@ -9006,7 +9016,11 @@ class MDRenderService {
   setCustomXssRules(rules) {
     if (rules) {
       rules.forEach((rule) => {
-        this.xssWhiteList[rule["key"]] = rule["value"];
+        if (rule["value"] === null) {
+          delete this.xssWhiteList[rule["key"]];
+        } else {
+          this.xssWhiteList[rule["key"]] = rule["value"];
+        }
       });
     }
   }
@@ -9235,6 +9249,7 @@ var EditorMd = defineComponent({
       overlayRef,
       cursorRef,
       renderRef,
+      containerRef,
       isHintShow,
       toolbars,
       previewHtmlList,
@@ -9265,6 +9280,7 @@ var EditorMd = defineComponent({
         "z-index": fullscreenZIndex.value
       }, {
         default: () => [createVNode("div", {
+          "ref": containerRef,
           "class": ["dp-md-container", {
             "dp-md-readonly": mode.value === "readonly",
             "dp-md-editonly": mode.value === "editonly",
@@ -9291,7 +9307,9 @@ var EditorMd = defineComponent({
           "onUpdate:modelValue": ($event) => isHintShow.value = $event,
           "origin": cursorRef.value || void 0,
           "align": "start",
-          "position": ["bottom-start"]
+          "position": ["bottom-start"],
+          "onClick": withModifiers(() => {
+          }, ["stop"])
         }, {
           default: () => {
             var _a, _b;