vue-devui 1.5.13-hotfix.1 → 1.5.14

package/vue-devui.es.js

@@ -7904,6 +7904,9 @@ function useOverlay(props, emit) {
     ];
     props.showArrow && middleware.push(arrow({ element: arrowEl }));
     props.shiftOffset !== void 0 && middleware.push(shift());
+    if (!overlayEl) {
+      return;
+    }
     const { x, y, placement, middlewareData } = await computePosition(hostEl, overlayEl, {
       strategy: "fixed",
       middleware
@@ -23764,7 +23767,7 @@ var Fullscreen = defineComponent({
 });
 var FullscreenInstall = {
   title: "Fullscreen \u5168\u5C4F",
-  category: "\u57FA\u7840\u7EC4\u4EF6",
+  category: "\u901A\u7528",
   install(app) {
     app.component(Fullscreen.name, Fullscreen);
   }
@@ -25396,11 +25399,19 @@ function useEditorMd(props, ctx2) {
   const toolbars = reactive(cloneDeep_1(DEFAULT_TOOLBARS));
   const editorRef = ref();
   const renderRef = ref();
+  const overlayRef = ref();
+  const cursorRef = ref();
+  const isHintShow = ref();
   const previewHtmlList = ref([]);
   let editorIns;
   let canPreviewScrollView = false;
+  let cursorHint = "";
+  let cursorHintEnd = -1;
+  let cursorHintStart = -1;
+  let prefix;
+  let hintShow = false;
   let CodeMirror;
-  computed(() => {
+  const prefixes = computed(() => {
     const result2 = [];
     for (const key in hintConfig == null ? void 0 : hintConfig.value) {
       if (typeof (hintConfig == null ? void 0 : hintConfig.value[key]) === "function" || (hintConfig == null ? void 0 : hintConfig.value[key]) && typeof (hintConfig == null ? void 0 : hintConfig.value[key].handler) === "function") {
@@ -25455,7 +25466,91 @@ function useEditorMd(props, ctx2) {
     canPreviewScrollView = false;
   };
   const onChecked = (e) => {
-    ctx2.emit("mdCheckedEvent", e);
+    ctx2.emit("checkedChange", e);
+  };
+  let timer;
+  const attachOverlay = () => {
+    timer = setTimeout(() => {
+      var _a;
+      cursorRef.value = ((_a = editorRef.value) == null ? void 0 : _a.parentNode.querySelector(".CodeMirror-cursor")) || void 0;
+      overlayRef.value.updatePosition();
+      isHintShow.value = true;
+      hintShow = true;
+    });
+  };
+  const hideHint = () => {
+    clearTimeout(timer);
+    isHintShow.value = false;
+  };
+  const showHint = () => {
+    if (hintShow) {
+      hideHint();
+    }
+    attachOverlay();
+  };
+  const getHintList = () => {
+    let handler;
+    if (typeof hintConfig.value[prefix] === "function") {
+      handler = hintConfig.value[prefix];
+    } else if (hintConfig.value[prefix] && typeof hintConfig.value[prefix].handler === "function") {
+      handler = hintConfig.value[prefix].handler;
+    }
+    const callback = (replaceText) => {
+      const cursor = editorIns.getCursor();
+      const endCh = cursorHintEnd;
+      const startCh = cursorHintStart;
+      if (editorIns.getLine(cursor.line).length === cursor.ch) {
+        editorIns.replaceRange(replaceText + " ", { line: cursor.line, ch: startCh }, { line: cursor.line, ch: endCh });
+      } else {
+        editorIns.replaceRange(replaceText, { line: cursor.line, ch: startCh }, { line: cursor.line, ch: endCh });
+        editorIns.setCursor(cursor.line, editorIns.getCursor().ch + 1);
+      }
+      editorIns.focus();
+      hideHint();
+    };
+    handler && handler({ prefix, cursorHint, callback });
+  };
+  const cursorActivityHandler = () => {
+    const cursor = editorIns.getCursor();
+    let i = prefixes.value.length;
+    const value = editorIns.getLine(cursor.line).replace(/\t/g, " ");
+    const selection = editorIns.getSelection();
+    const isImgRegx = /^\!\[\S+/;
+    if (selection) {
+      return;
+    }
+    let nowPrefix = "";
+    let hint = "";
+    while (i >= 1) {
+      i--;
+      nowPrefix = prefixes.value[i];
+      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)) {
+        cursorHint = "";
+        cursorHintStart = -1;
+        cursorHintEnd = -1;
+      } else {
+        prefix = prefixes.value[i];
+        cursorHint = hint.slice(prefix.length);
+        cursorHintStart = startPos;
+        cursorHintEnd = endPos;
+        break;
+      }
+    }
+    if (cursorHintStart > -1 && hint[0]) {
+      const spacePosition = value.lastIndexOf(" ", cursor.ch);
+      if (spacePosition > cursorHintStart) {
+        return;
+      }
+      setTimeout(() => {
+        showHint();
+        getHintList();
+      });
+    } else {
+      hideHint();
+    }
   };
   const onChange = debounce(() => {
     const content2 = editorIns.getValue();
@@ -25492,8 +25587,13 @@ function useEditorMd(props, ctx2) {
         shortKeys[toolbarItem.shortKey.replace(/\+/g, "-")] = (_a = toolbarItem.handler) == null ? void 0 : _a.bind(null, editorIns, toolbarItem.params);
       }
     }
-    editorIns.setOption("extraKeys", shortKeys);
+    editorIns.setOption("extraKeys", Object.assign({
+      Esc: () => {
+        hideHint();
+      }
+    }), shortKeys);
     editorIns.on("beforeChange", _enforceMaxLength);
+    editorIns.on("cursorActivity", lodash.exports.throttle(cursorActivityHandler, hintConfig.value && hintConfig.value.throttleTime || 300));
     editorIns.setSize("auto", "100%");
     refreshEditorCursor();
     editorIns.setCursor(editorIns.lineCount(), 0);
@@ -25571,9 +25671,12 @@ function useEditorMd(props, ctx2) {
   });
   return {
     editorRef,
+    overlayRef,
+    cursorRef,
     renderRef,
     toolbars,
     previewHtmlList,
+    isHintShow,
     getEditorIns,
     onPaste,
     previewContentChange,
@@ -25693,7 +25796,8 @@ const editorMdProps = __spreadProps(__spreadValues({}, commonProps$1), {
     default: 10
   },
   hintConfig: {
-    type: Object
+    type: Object,
+    default: {}
   },
   customHintReplaceFn: {
     type: Function
@@ -25987,13 +26091,17 @@ var ToolbarItem = defineComponent({
       const editorIns = getEditorIns();
       if (config.id === "fullscreen") {
         showFullscreen.value = !showFullscreen.value;
-      } else {
-        (_a = config.handler) == null ? void 0 : _a.call(config, editorIns, config.params);
+        if (window) {
+          const event = new Event("resize");
+          window.dispatchEvent(event);
+        }
       }
+      (_a = config.handler) == null ? void 0 : _a.call(config, editorIns, config.params);
     };
     return () => createVNode(Fragment, null, [config.type === "button" && createVNode(Tooltip, {
       "position": ["top", "bottom"],
-      "content": getTooltipContent(config.name, config.shortKey)
+      "content": getTooltipContent(config.name, config.shortKey),
+      "hide-after": 1e3
     }, {
       default: () => [createVNode("span", {
         "class": "md-toolbar-item",
@@ -26005,8 +26113,9 @@ var ToolbarItem = defineComponent({
       "align": "start"
     }, {
       default: () => createVNode("span", null, [createVNode(Tooltip, {
-        "position": ["top"],
-        "content": getTooltipContent(config.name)
+        "position": showFullscreen.value ? ["right"] : ["top"],
+        "content": getTooltipContent(config.name),
+        "hide-after": 1e3
       }, {
         default: () => [createVNode("span", {
           "class": "md-toolbar-item",
@@ -26432,7 +26541,7 @@ function useEditorMdRender(props, ctx2) {
       const result2 = previewRef.value.querySelectorAll("input");
       const index2 = [...result2].filter((el) => el.type === "checkbox").findIndex((item) => item === e.target);
       const checkContent = setChecked(e.target.checked, index2);
-      ctx2.emit("mdCheckedEvent", checkContent);
+      ctx2.emit("checkedChange", checkContent);
     }
   };
   return { previewRef, renderService, onPreviewClick, setContainerContent };
@@ -26486,7 +26595,7 @@ function useMdRenderWatcher(props, renderService, setContainerContent) {
 var MdRender = defineComponent({
   name: "DMdRender",
   props: mdRenderProps,
-  emits: ["mdRenderChange", "mdCheckedEvent"],
+  emits: ["mdRenderChange", "checkedChange"],
   setup(props, ctx2) {
     const {
       previewRef,
@@ -26512,7 +26621,7 @@ function _isSlot$7(s) {
 var EditorMd = defineComponent({
   name: "DEditorMd",
   props: editorMdProps,
-  emits: ["update:modelValue", "mdCheckedEvent", "selectHint", "afterEditorInit", "contentChange", "previewContentChange", "imageUpload"],
+  emits: ["update:modelValue", "checkedChange", "selectHint", "afterEditorInit", "contentChange", "previewContentChange", "imageUpload"],
   setup(props, ctx2) {
     const {
       mode,
@@ -26535,7 +26644,10 @@ var EditorMd = defineComponent({
     const showFullscreen = ref(false);
     const {
       editorRef,
+      overlayRef,
+      cursorRef,
       renderRef,
+      isHintShow,
       toolbars,
       previewHtmlList,
       onPaste,
@@ -26585,7 +26697,19 @@ var EditorMd = defineComponent({
         }, [createVNode("textarea", {
           "ref": editorRef,
           "placeholder": placeholder.value
-        }, [modelValue.value]), Boolean(maxlength == null ? void 0 : maxlength.value) && createVNode("div", {
+        }, [modelValue.value]), createVNode(FlexibleOverlay, {
+          "ref": overlayRef,
+          "modelValue": isHintShow.value,
+          "onUpdate:modelValue": ($event) => isHintShow.value = $event,
+          "origin": cursorRef.value || void 0,
+          "align": "start",
+          "position": ["bottom-start"]
+        }, {
+          default: () => {
+            var _a, _b;
+            return [(_b = (_a = ctx2.slots) == null ? void 0 : _a.hintTemplate) == null ? void 0 : _b.call(_a)];
+          }
+        }), Boolean(maxlength == null ? void 0 : maxlength.value) && createVNode("div", {
           "class": "dp-md-count"
         }, [modelValue.value.length || 0, createTextVNode("/"), maxlength.value])]), createVNode(MdRender, {
           "ref": renderRef,
@@ -26600,7 +26724,7 @@ var EditorMd = defineComponent({
           "disable-render": true,
           "md-plugins": mdPlugins.value,
           "onMdRenderChange": previewContentChange,
-          "onMdCheckedEvent": onChecked,
+          "onCheckedChange": onChecked,
           "onScroll": onPreviewScroll,
           "onMouseover": onPreviewMouseover,
           "onMouseout": onPreviewMouseout
@@ -27381,6 +27505,9 @@ class GitGraph$1 {
       style: "clip-path: circle(50%)"
     };
     this.setNodeAttr(img, imgAttrs);
+    const authorText = document.createElementNS("http://www.w3.org/2000/svg", "title");
+    authorText.appendChild(document.createTextNode(commit.author.name));
+    img.appendChild(authorText);
     this.svg.appendChild(img);
     if (!this.messageBoxWidth) {
       this.messageBoxWidth = this.svg.getBoundingClientRect.width - (avatar_box_x + 40);
@@ -32640,7 +32767,7 @@ const paginationProps = {
   },
   pageSizeDirection: {
     type: Array,
-    default: () => ["centerDown", "centerUp"]
+    default: () => ["bottom", "top"]
   },
   pageIndex: {
     type: Number,
@@ -32786,7 +32913,7 @@ var ConfigMenu = defineComponent({
       isShowConfig,
       $slots
     } = this;
-    const ns2 = useNamespace$1("pagination");
+    const ns2 = useNamespace("pagination");
     return withDirectives(createVNode("div", {
       "class": ns2.e("config"),
       "ref": "paginationConfig"
@@ -32854,8 +32981,14 @@ var JumpPage = defineComponent({
       }
     };
     const jump = (e) => {
+      if (isNaN(curPage)) {
+        curPage = 1;
+      }
       if (curPage > (totalPages == null ? void 0 : totalPages.value)) {
-        return;
+        curPage = totalPages == null ? void 0 : totalPages.value;
+      }
+      if (curPage < 1) {
+        curPage = 1;
       }
       if ((e === "btn" || e.key === "Enter") && (cursor == null ? void 0 : cursor.value) !== curPage) {
         emit("changeCursorEmit", curPage);
@@ -32876,7 +33009,7 @@ var JumpPage = defineComponent({
       jump,
       showJumpButton
     } = this;
-    const ns2 = useNamespace$1("pagination");
+    const ns2 = useNamespace("pagination");
     const inputProps2 = {
       class: [ns2.e("input"), size ? ns2.em("input", size) : ""],
       size,
@@ -32998,7 +33131,7 @@ var PageNumBtn = defineComponent({
       nextChange,
       showTruePageIndex
     } = this;
-    const ns2 = useNamespace$1("pagination");
+    const ns2 = useNamespace("pagination");
     return createVNode("ul", {
       "class": [ns2.e("list"), size ? ns2.m(size) : ""]
     }, [createVNode("li", {
@@ -33084,13 +33217,14 @@ var PageNumBtn = defineComponent({
 });
 var PageSize = defineComponent({
   setup() {
-    const ns2 = useNamespace$1("pagination");
+    const ns2 = useNamespace("pagination");
     const paginationContext = inject(paginationInjectionKey);
     const iconRotate = ref(0);
     const {
       size,
       currentPageSize,
       pageSizeOptions,
+      pageSizeDirection,
       pageSizeChange,
       t
     } = paginationContext;
@@ -33098,7 +33232,7 @@ var PageSize = defineComponent({
       iconRotate.value = e ? 180 : 0;
     };
     return () => createVNode(Fragment, null, [createVNode(Dropdown$1, {
-      "position": ["bottom", "top"],
+      "position": pageSizeDirection.value,
       "class": ns2.e("size-list"),
       "onToggle": onDropdownToggle
     }, {
@@ -33116,9 +33250,9 @@ var PageSize = defineComponent({
         "class": {
           active: item === currentPageSize.value
         },
-        "onClick": withModifiers(pageSizeChange.bind(null, {
-          value: item
-        }), ["stop"]),
+        "onClick": () => {
+          pageSizeChange(item);
+        },
         "key": index2
       }, [item]))])
     }), createVNode("span", {
@@ -33145,6 +33279,7 @@ var Pagination = defineComponent({
     const {
       autoHide,
       pageSizeOptions,
+      pageSizeDirection,
       total,
       canChangePageSize,
       lite,
@@ -33162,7 +33297,7 @@ var Pagination = defineComponent({
       showJumpButton,
       haveConfigMenu
     } = toRefs(props);
-    const ns2 = useNamespace$1("pagination");
+    const ns2 = useNamespace("pagination");
     const totalPages = computed(() => Math.ceil(props.total / props.pageSize));
     const litePageOptions = computed(() => liteSelectOptions(totalPages.value));
     const cursor = computed({
@@ -33190,7 +33325,7 @@ var Pagination = defineComponent({
       emit("pageIndexChange", val);
     };
     const pageSizeChange = (val) => {
-      currentPageSize.value = val.value;
+      currentPageSize.value = val;
       if (props.autoFixPageIndex) {
         nextTick(() => {
           if (cursor.value > totalPages.value) {
@@ -33198,7 +33333,7 @@ var Pagination = defineComponent({
           }
         });
       }
-      emit("pageSizeChange", val.value);
+      emit("pageSizeChange", val);
     };
     const litePageIndexChange = (page) => {
       changeCursorEmit(page.value);
@@ -33207,6 +33342,7 @@ var Pagination = defineComponent({
       size,
       currentPageSize,
       pageSizeOptions,
+      pageSizeDirection,
       pageSizeChange,
       t
     });
@@ -43894,7 +44030,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.5.13-hotfix.1",
+  version: "1.5.14",
   install(app) {
     installs.forEach((p) => app.use(p));
   }