vue-devui 1.6.4-alpha.0 → 1.6.4-markdown.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.6.4-alpha.0",
+  "version": "1.6.4-markdown.0",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [

package/types/editor-md/src/composables/use-editor-md.d.ts

@@ -5,6 +5,7 @@ export declare function useEditorMd(props: EditorMdProps, ctx: SetupContext): {
     overlayRef: Ref<any>;
     cursorRef: Ref<any>;
     renderRef: Ref<any>;
+    containerRef: Ref<any>;
     toolbars: Record<string, import("../toolbar-config").IToolbarItemConfig>;
     previewHtmlList: Ref<any[]>;
     isHintShow: Ref<any>;

package/vue-devui.es.js

@@ -35941,6 +35941,7 @@ function useEditorMd(props, ctx2) {
   const renderRef = ref();
   const overlayRef = ref();
   const cursorRef = ref();
+  const containerRef = ref();
   const isHintShow = ref();
   const previewHtmlList = ref([]);
   let editorIns;
@@ -36168,12 +36169,22 @@ function useEditorMd(props, ctx2) {
       }
     }
   };
+  const onDocumentClick = (e) => {
+    var _a2;
+    if (isHintShow.value && e.target !== containerRef.value && !((_a2 = containerRef.value) == null ? void 0 : _a2.contains(e.target))) {
+      hideHint();
+    }
+  };
   onMounted(async () => {
     await import("codemirror/addon/display/placeholder.js");
     await import("codemirror/mode/markdown/markdown.js");
     const module2 = await import("codemirror");
     CodeMirror = module2.default;
     initEditor();
+    document.addEventListener("click", onDocumentClick);
+  });
+  onBeforeUnmount(() => {
+    document.removeEventListener("click", onDocumentClick);
   });
   watch(modelValue, (val) => {
     if (editorIns) {
@@ -36214,6 +36225,7 @@ function useEditorMd(props, ctx2) {
     overlayRef,
     cursorRef,
     renderRef,
+    containerRef,
     toolbars,
     previewHtmlList,
     isHintShow,
@@ -37201,6 +37213,7 @@ var EditorMd = defineComponent({
       overlayRef,
       cursorRef,
       renderRef,
+      containerRef,
       isHintShow,
       toolbars,
       previewHtmlList,
@@ -37231,6 +37244,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",
@@ -37257,7 +37271,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 _a2, _b;
@@ -54171,7 +54187,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.6.4-alpha.0",
+  version: "1.6.4-markdown.0",
   install(app) {
     installs.forEach((p) => app.use(p));
   }