@matechat/core 1.11.1 → 1.12.0-alpha

package/MarkdownCard/mdCard.types.d.ts

@@ -1,33 +1,6 @@
-import type { Options, PluginSimple, PluginWithOptions, PluginWithParams } from 'markdown-it';
+import type { Options } from 'markdown-it';
 import type { PropType } from 'vue';
-export interface MermaidConfig {
-    theme?: string;
-}
-export interface CustomXssRule {
-    key: string;
-    value: string[] | null;
-}
-export interface CodBlockData {
-    code: string;
-    language: string;
-}
-export type CodeBlockSlot = {
-    actions?: () => void;
-    header?: () => void;
-    content?: () => void;
-};
-export type Theme = 'light' | 'dark';
-export type TypingStyle = 'normal' | 'cursor' | 'color' | 'gradient';
-export type IntervalType = number | [number, number];
-export declare const defaultTypingConfig: {
-    step: number;
-    interval: number;
-    style: string;
-};
-export interface MdPlugin {
-    plugin: PluginSimple | PluginWithOptions | PluginWithParams;
-    opts?: unknown;
-}
+import { TypingStyle, CustomXssRule, MdPlugin, Theme, MermaidConfig } from '@matechat/common/MarkdownCard/common/mdCard.types';
 export declare const mdCardProps: {
     content: {
         type: StringConstructor;

package/MarkdownCard/mdCard.vue.d.ts

@@ -10,14 +10,14 @@ declare const __VLS_base: import("vue").DefineComponent<{}, {
     mdt: MarkdownIt;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     typing: (...args: any[]) => void;
-    afterMdtInit: (...args: any[]) => void;
     typingStart: (...args: any[]) => void;
     typingEnd: (...args: any[]) => void;
+    afterMdtInit: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
     onTyping?: ((...args: any[]) => any) | undefined;
-    onAfterMdtInit?: ((...args: any[]) => any) | undefined;
     onTypingStart?: ((...args: any[]) => any) | undefined;
     onTypingEnd?: ((...args: any[]) => any) | undefined;
+    onAfterMdtInit?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/MarkdownCard/useMarkdownCardFoundation.d.ts

@@ -0,0 +1,8 @@
+import { MarkdownCardFoundation } from "@matechat/common/MarkdownCard/foundation";
+export interface UseMarkdownCardFoundationOptions {
+    props: any;
+    emit: any;
+}
+export declare function useMarkdownCardFoundation({ props, emit, }: UseMarkdownCardFoundationOptions): {
+    foundation: MarkdownCardFoundation;
+};

package/Mention/Mention.vue.d.ts

@@ -10,13 +10,17 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     prefix: {
-        type: import("vue").PropType<Array<string | import("./mention-types").Trigger>>;
+        type: import("vue").PropType<Array<string | import("@matechat/common/Mention/common/mention-types").Trigger>>;
         default: () => never[];
     };
     fitHostWidth: {
         type: BooleanConstructor;
         default: boolean;
     };
+    optionsCount: {
+        type: NumberConstructor;
+        default: number;
+    };
     menuClass: {
         type: StringConstructor;
     };
@@ -26,20 +30,25 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     prefix: {
-        type: import("vue").PropType<Array<string | import("./mention-types").Trigger>>;
+        type: import("vue").PropType<Array<string | import("@matechat/common/Mention/common/mention-types").Trigger>>;
         default: () => never[];
     };
     fitHostWidth: {
         type: BooleanConstructor;
         default: boolean;
     };
+    optionsCount: {
+        type: NumberConstructor;
+        default: number;
+    };
     menuClass: {
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {
-    prefix: (string | import("./mention-types").Trigger)[];
+    prefix: (string | import("@matechat/common/Mention/common/mention-types").Trigger)[];
     modelValue: boolean;
     fitHostWidth: boolean;
+    optionsCount: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/Mention/index.css

@@ -1 +1 @@
-.mc-mention[data-v-3397c63c]{position:fixed;max-height:300px;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));transform-origin:0% 100%;z-index:1000}.mc-mention-fade-enter-from[data-v-3397c63c],.mc-mention-fade-leave-to[data-v-3397c63c]{opacity:.8;transform:scaleY(.8) translateY(4px)}.mc-mention-fade-enter-to[data-v-3397c63c],.mc-mention-fade-leave-from[data-v-3397c63c]{opacity:1;transform:scaleY(.9999) translateY(0)}.mc-mention-fade-enter-active[data-v-3397c63c]{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.mc-mention-fade-leave-active[data-v-3397c63c]{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}
+.mc-mention[data-v-adc485fb]{position:fixed;max-height:300px;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));transform-origin:0% 100%;z-index:1000}.mc-mention-fade-enter-from[data-v-adc485fb],.mc-mention-fade-leave-to[data-v-adc485fb]{opacity:.8;transform:scaleY(.8) translateY(4px)}.mc-mention-fade-enter-to[data-v-adc485fb],.mc-mention-fade-leave-from[data-v-adc485fb]{opacity:1;transform:scaleY(.9999) translateY(0)}.mc-mention-fade-enter-active[data-v-adc485fb]{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.mc-mention-fade-leave-active[data-v-adc485fb]{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}

package/Mention/index.js

@@ -1,9 +1,12 @@
 import "./index.css";
-import { ref as T, reactive as F, watch as K, nextTick as U, onMounted as G, onBeforeUnmount as J, defineComponent as Q, createElementBlock as O, openBlock as C, Fragment as X, createVNode as P, createBlock as Y, unref as A, withCtx as $, renderSlot as R, Teleport as Z, Transition as ee, createCommentVNode as te, normalizeStyle as ne, normalizeClass as oe } from "vue";
-import { PopperTrigger as re } from "@matechat/core/PopperTrigger";
-import { computePosition as ie, offset as le } from "@floating-ui/dom";
-import { debounce as se, isObject as ae } from "lodash-es";
-const ce = {
+var b = Object.defineProperty;
+var O = (s, e, t) => e in s ? b(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var u = (s, e, t) => O(s, typeof e != "symbol" ? e + "" : e, t);
+import { ref as E, reactive as T, nextTick as v, watch as m, onMounted as A, onUnmounted as $, defineComponent as U, openBlock as y, createElementBlock as C, Fragment as D, createVNode as x, unref as w, withCtx as I, renderSlot as k, createBlock as R, Teleport as L, Transition as B, normalizeStyle as H, normalizeClass as W, createCommentVNode as K } from "vue";
+import { PopperTrigger as z } from "@matechat/core/PopperTrigger";
+import { computePosition as S, offset as V, autoUpdate as F } from "@floating-ui/dom";
+import { debounce as j, isObject as N } from "lodash-es";
+const q = {
   modelValue: {
     type: Boolean,
     default: !1
@@ -16,113 +19,364 @@ const ce = {
     type: Boolean,
     default: !0
   },
+  optionsCount: {
+    type: Number,
+    default: 0
+  },
   menuClass: {
     type: String
   }
-}, ue = ["update:modelValue", "searchChange", "toggleChange"], M = " ", de = "ArrowLeft", fe = "ArrowRight", me = "Escape";
-function pe(r, l) {
-  const s = T(), t = T(), a = T(), c = F({ top: "0px", left: "0px", width: "" });
-  let o, i, g, w, h = "", y, d;
-  const E = async () => {
-    if (!t.value || !a.value)
-      return;
-    const { x: e, y: n } = await ie(t.value, a.value, {
-      strategy: "fixed",
-      placement: "top-start",
-      middleware: [le(4)]
+}, G = ["update:modelValue", "searchChange", "toggleChange"], p = () => {
+};
+class f {
+  constructor(e) {
+    u(this, "_adapter");
+    this._adapter = { ...f.defaultAdapter, ...e };
+  }
+  static get cssClasses() {
+    return {};
+  }
+  static get strings() {
+    return {};
+  }
+  static get numbers() {
+    return {};
+  }
+  static get defaultAdapter() {
+    return {
+      getProp: p,
+      getProps: p,
+      getState: p,
+      getStates: p,
+      setState: p,
+      getContext: p,
+      getContexts: p,
+      getCache: p,
+      setCache: p,
+      getCaches: p,
+      stopPropagation: p
+    };
+  }
+  getProp(e) {
+    return this._adapter.getProp(e);
+  }
+  getProps() {
+    return this._adapter.getProps();
+  }
+  getState(e) {
+    return this._adapter.getState(e);
+  }
+  getStates() {
+    return this._adapter.getStates();
+  }
+  setState(e, t) {
+    return this._adapter.setState({ ...e }, t);
+  }
+  /* istanbul ignore next */
+  getCaches() {
+    return this._adapter.getCaches();
+  }
+  getCache(e) {
+    return this._adapter.getCache(e);
+  }
+  setCache(e, t) {
+    return e && this._adapter.setCache(e, t);
+  }
+  nextTick(e) {
+    return this._adapter.nextTick(e);
+  }
+  _isInProps(e) {
+    const t = this.getProps();
+    return e in t;
+  }
+  init(e) {
+  }
+  destroy() {
+  }
+}
+const g = " ", J = "ArrowLeft", Q = "ArrowRight", X = "ArrowUp", Y = "ArrowDown", Z = "Escape";
+class tt extends f {
+  constructor(t) {
+    super({ ...t });
+    u(this, "props");
+    u(this, "inputEl", null);
+    u(this, "originEl", null);
+    u(this, "overlayEl", null);
+    u(this, "currentTrigger", "");
+    u(this, "currentSearchValue", "");
+    u(this, "currentTriggerIndex", -1);
+    u(this, "currentCursorIndex", -1);
+    u(this, "autoUpdateCleanup", null);
+    // 处理输入事件
+    u(this, "handleInput", () => {
+      if (!this.inputEl) return;
+      const t = this.inputEl.value, i = this.inputEl.selectionStart || 0, o = this.checkPrefixMatch(t, i);
+      if (o) {
+        const { trigger: l, triggerIndex: a, searchValue: n } = o;
+        this.currentTrigger = l, this.currentSearchValue = n, this.currentTriggerIndex = a, this.currentCursorIndex = i, this._adapter.searchChange({
+          value: n,
+          trigger: l,
+          triggerIndex: a,
+          cursorIndex: i
+        }), this.updateModelValue(!0);
+      } else
+        this.resetMention();
     });
-    c.top = `${n}px`, c.left = `${e}px`;
-  }, D = () => {
-    const { width: e } = t.value.getBoundingClientRect();
-    c.width = `${e}px`, E();
-  }, W = () => {
-    r.fitHostWidth && typeof window < "u" && t.value && (d = new window.ResizeObserver(D), d.observe(t.value));
-  }, _ = () => {
-    t.value && (d == null || d.unobserve(t.value));
-  };
-  K(
-    () => r.modelValue,
-    (e, n) => {
-      e ? (U(E), W(), typeof window < "u" && window.addEventListener("scroll", x, !0)) : (_(), typeof window < "u" && window.removeEventListener("scroll", x, !0)), n !== void 0 && l("toggleChange", e);
-    },
-    { immediate: !0 }
-  );
-  const L = () => {
-    i = null, g = -1, w = -1, h = "";
-  }, f = (e) => {
-    l("update:modelValue", e);
-  }, q = () => {
-    if (!o)
-      return;
-    const e = o.value.replace(/[\r\n]/g, M) || "", n = o.selectionStart;
-    if (!e.trim() || !n) {
-      L();
-      return;
-    }
-    for (let u = 0; u < r.prefix.length; u++) {
-      const m = r.prefix[u];
-      let p = "", I = !1;
-      if (typeof m == "string")
-        p = m;
-      else if (ae(m))
-        p = m.key, I = !!m.onlyInputStart;
+    // 处理键盘事件
+    u(this, "handleKeyDown", (t) => {
+      if (this.inputEl)
+        switch (t.key) {
+          case X:
+            this.props.modelValue && (t.preventDefault(), this.handleArrowKey(-1));
+            break;
+          case Y:
+            this.props.modelValue && (t.preventDefault(), this.handleArrowKey(1));
+            break;
+          case J:
+          case Q:
+            setTimeout(() => {
+              this.handleInput();
+            });
+            break;
+          case Z:
+            t.preventDefault(), this.resetMention();
+            break;
+          case g:
+            this.props.modelValue && this.resetMention();
+            break;
+        }
+    });
+    // 处理点击事件
+    u(this, "handleClick", () => {
+      this.inputEl && this.handleInput();
+    });
+    // 处理文档点击事件
+    u(this, "handleDocumentClick", (t) => {
+      this.originEl && (this.props.modelValue ? this.originEl.contains(t.target) || this.resetMention() : this.originEl.contains(t.target) && this.handleInput());
+    });
+    this.props = {
+      modelValue: !1,
+      prefix: [],
+      fitHostWidth: !0,
+      optionsCount: 0,
+      ...this.getProps()
+    }, this.handleInput = j(this.handleInput, 300);
+  }
+  // 更新配置选项
+  updateOptions(t) {
+    this.props = { ...this.props, ...t }, this.updateOverlayPosition();
+  }
+  // 设置输入元素
+  setInputEl(t) {
+    this.inputEl = t;
+  }
+  // 设置原点元素
+  setOriginEl(t) {
+    this.originEl = t, this.updateOverlayPosition();
+  }
+  // 设置覆盖层元素
+  setOverlayEl(t) {
+    this.overlayEl = t, this.updateOverlayPosition();
+  }
+  // 初始化事件
+  initEvents() {
+    this.inputEl && (this.inputEl.addEventListener("input", this.handleInput), this.inputEl.addEventListener("keydown", this.handleKeyDown), this.inputEl.addEventListener("click", this.handleClick)), document.addEventListener("click", this.handleDocumentClick);
+  }
+  // 销毁事件
+  destroy() {
+    this.inputEl && (this.inputEl.removeEventListener("input", this.handleInput), this.inputEl.removeEventListener("keydown", this.handleKeyDown), this.inputEl.removeEventListener("click", this.handleClick)), document.removeEventListener("click", this.handleDocumentClick), this.autoUpdateCleanup && (this.autoUpdateCleanup(), this.autoUpdateCleanup = null), this.inputEl = null, this.originEl = null, this.overlayEl = null;
+  }
+  // 重置Mention状态
+  resetMention() {
+    this.currentTrigger = "", this.currentSearchValue = "", this.currentTriggerIndex = -1, this.currentCursorIndex = -1, this.updateModelValue(!1);
+  }
+  // 更新模型值
+  updateModelValue(t) {
+    this.props.modelValue !== t && (this.props.modelValue = t, this._adapter.updateModelValue(t), this._adapter.toggleChange(t));
+  }
+  // 检查前缀匹配
+  checkPrefixMatch(t, i) {
+    if (!this.props.prefix || this.props.prefix.length === 0) return null;
+    const l = t.replace(/[\r\n]/g, g).substring(0, i);
+    for (const a of this.props.prefix) {
+      let n = "", d = !1;
+      if (typeof a == "string")
+        n = a;
+      else if (N(a))
+        n = a.key, d = !!a.onlyInputStart;
       else
         continue;
-      const v = e.lastIndexOf(p, n), N = e.lastIndexOf(M, n), S = e.substring(v, n), j = S.charAt(S.length - 1);
-      if (v < 0 || v > 0 && I || v < N || j === M)
-        L();
-      else {
-        i = p, g = v, w = n, h = S.slice(p.length);
+      const h = l.lastIndexOf(n), r = l.lastIndexOf(g), c = l.substring(h, i), P = c.charAt(c.length - 1);
+      if (!(h < 0 || h > 0 && d || h < r || P === g)) {
+        const M = c.slice(n.length);
+        return { trigger: n, triggerIndex: h, searchValue: M };
+      }
+    }
+    return null;
+  }
+  // 处理箭头键
+  handleArrowKey(t) {
+    let i = (this.getCurrentActiveIndex() + t) % this.props.optionsCount;
+    i < 0 && (i = this.props.optionsCount - 1), this._adapter.activeIndexChange(i);
+  }
+  // 获取当前活动索引
+  getCurrentActiveIndex() {
+    return 0;
+  }
+  // 处理选择事件
+  handleSelect() {
+    if (!this.inputEl || this.currentTriggerIndex === -1) return;
+    const t = this.inputEl.value, i = t.substring(0, this.currentTriggerIndex), o = t.substring(this.currentCursorIndex), l = `${i}@selected ${o}`;
+    this.inputEl.value = l;
+    const a = i.length + 10;
+    this.inputEl.setSelectionRange(a, a), this.resetMention(), this.inputEl.dispatchEvent(new Event("input", { bubbles: !0 }));
+  }
+  // 更新覆盖层位置
+  updateOverlayPosition() {
+    return new Promise((t) => {
+      if (!this.originEl || !this.overlayEl) {
+        t(void 0);
         return;
       }
+      if (this.props.fitHostWidth) {
+        const i = this.originEl.getBoundingClientRect();
+        this.overlayEl.style.width = `${i.width}px`;
+      } else
+        this.overlayEl.style.width = "";
+      this.autoUpdateCleanup && (this.autoUpdateCleanup(), this.autoUpdateCleanup = null), S(this.originEl, this.overlayEl, {
+        strategy: "fixed",
+        placement: "top-start",
+        middleware: [V(4)]
+      }).then(({ x: i, y: o }) => {
+        this.overlayEl.style.top = `${o}px`, this.overlayEl.style.left = `${i}px`, this.overlayEl.style.position = "fixed", t({
+          top: `${o}px`,
+          left: `${i}px`,
+          width: this.props.fitHostWidth ? `${this.originEl.getBoundingClientRect().width}px` : ""
+        }), this.autoUpdateCleanup = F(
+          this.originEl,
+          this.overlayEl,
+          () => {
+            if (this.originEl && this.overlayEl) {
+              if (this.props.fitHostWidth) {
+                const l = this.originEl.getBoundingClientRect();
+                this.overlayEl.style.width = `${l.width}px`;
+              }
+              S(this.originEl, this.overlayEl, {
+                strategy: "fixed",
+                placement: "top-start",
+                middleware: [V(4)]
+              }).then(({ x: l, y: a }) => {
+                this.overlayEl.style.top = `${a}px`, this.overlayEl.style.left = `${l}px`;
+              });
+            }
+          },
+          {
+            // 添加对视口变化的更全面监听，确保浏览器F12打开/关闭时位置能正确更新
+            animationFrame: !0,
+            elementResize: !0,
+            ancestorScroll: !0,
+            ancestorResize: !0,
+            layoutShift: !0
+          }
+        );
+      }).catch(() => {
+        t(void 0);
+      });
+    });
+  }
+  // 获取当前搜索值
+  getCurrentSearchValue() {
+    return this.currentSearchValue;
+  }
+  // 获取当前触发词
+  getCurrentTrigger() {
+    return this.currentTrigger;
+  }
+}
+function et(s, e) {
+  const t = E(), i = E(), o = E(), l = T({ top: "0px", left: "0px", width: "" });
+  let a, n;
+  n = new tt({
+    ...f.defaultAdapter,
+    getProps: () => ({
+      modelValue: s.modelValue,
+      prefix: s.prefix,
+      fitHostWidth: s.fitHostWidth,
+      optionsCount: s.optionsCount
+    }),
+    nextTick: (r) => v(r),
+    // 使用Vue的nextTick函数确保DOM更新完成后执行回调
+    updateModelValue: (r) => e("update:modelValue", r),
+    searchChange: (r) => e("searchChange", r),
+    activeIndexChange: () => {
+    },
+    toggleChange: (r) => e("toggleChange", r)
+  }), m(
+    () => s.modelValue,
+    (r, c) => {
+      n.updateOptions({ modelValue: r }), c !== void 0 && e("toggleChange", r), r && v(() => {
+        o.value && n.setOverlayEl(o.value), h();
+      });
+    },
+    { immediate: !0 }
+  ), m(
+    () => s.prefix,
+    (r) => {
+      n.updateOptions({ prefix: r });
+    },
+    { deep: !0 }
+  ), m(
+    () => s.fitHostWidth,
+    (r) => {
+      n.updateOptions({ fitHostWidth: r });
     }
-  }, k = () => {
-    if (q(), !i) {
-      f(!1);
-      return;
+  );
+  const d = () => {
+    i.value && (a = i.value.querySelector("textarea") || i.value.querySelector("input"), a && (n.setInputEl(a), n.setOriginEl(i.value), o.value && n.setOverlayEl(o.value), n.initEvents()));
+  }, h = () => {
+    if (i.value && o.value) {
+      const r = n.updateOverlayPosition();
+      r instanceof Promise ? r.then((c) => {
+        c && Object.assign(l, c);
+      }) : r && Object.assign(l, r);
     }
-    l("searchChange", { value: h, trigger: i, triggerIndex: g, cursorIndex: w }), f(!0);
-  }, V = se(k, 300), b = (e) => {
-    (e.code === de || e.code === fe) && (y = setTimeout(() => {
-      k(), y && (y = void 0, clearTimeout(y));
-    })), e.code === me && f(!1);
-  }, B = (e) => {
-    var n, u;
-    r.modelValue ? (n = t.value) != null && n.contains(e.target) || f(!1) : (u = t.value) != null && u.contains(e.target) && k();
   };
-  function x(e) {
-    const n = e.target;
-    n != null && n.contains(t.value) && E();
-  }
-  const H = () => {
-    t.value && (o = t.value.querySelector("textarea") || t.value.querySelector("input"), o && (o.addEventListener("input", V), o.addEventListener("keydown", b))), document.addEventListener("click", B);
+  return A(() => {
+    const r = t.value.triggerEl;
+    i.value = r.$el ?? r, d();
+  }), $(() => {
+    n.destroy();
+  }), {
+    popperTriggerEl: t,
+    originEl: i,
+    overlayEl: o,
+    overlayStyle: l,
+    initEvent: d,
+    mentionFoundation: n,
+    resetMention: () => n.resetMention(),
+    updateOptions: (r) => n.updateOptions(r),
+    updatePosition: h
   };
-  return G(() => {
-    const e = s.value.triggerEl;
-    t.value = e.$el ?? e, H();
-  }), J(() => {
-    f(!1), o == null || o.removeEventListener("input", V), o == null || o.removeEventListener("keydown", b), document.removeEventListener("click", B), typeof window < "u" && window.removeEventListener("scroll", x, !0), _();
-  }), { popperTriggerEl: s, overlayEl: a, overlayStyle: c };
 }
-const ve = /* @__PURE__ */ Q({
+const it = /* @__PURE__ */ U({
   __name: "Mention",
-  props: ce,
-  emits: ue,
-  setup(r, { emit: l }) {
-    const s = r, t = l, { popperTriggerEl: a, overlayEl: c, overlayStyle: o } = pe(s, t);
-    return (i, g) => (C(), O(
-      X,
+  props: q,
+  emits: G,
+  setup(s, { emit: e }) {
+    const t = s, i = e, { popperTriggerEl: o, overlayEl: l, overlayStyle: a } = et(t, i);
+    return (n, d) => (y(), C(
+      D,
       null,
       [
-        P(
-          A(re),
+        x(
+          w(z),
           {
             ref_key: "popperTriggerEl",
-            ref: a
+            ref: o
           },
           {
-            default: $(() => [
-              R(i.$slots, "default", {}, void 0, !0)
+            default: I(() => [
+              k(n.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
             /* FORWARDED */
@@ -130,24 +384,24 @@ const ve = /* @__PURE__ */ Q({
           512
           /* NEED_PATCH */
         ),
-        (C(), Y(Z, { to: "body" }, [
-          P(ee, { name: "mc-mention-fade" }, {
-            default: $(() => [
-              i.modelValue ? (C(), O(
+        (y(), R(L, { to: "body" }, [
+          x(B, { name: "mc-mention-fade" }, {
+            default: I(() => [
+              n.modelValue ? (y(), C(
                 "div",
                 {
                   key: 0,
                   ref_key: "overlayEl",
-                  ref: c,
-                  class: oe(["mc-mention", i.menuClass]),
-                  style: ne(A(o))
+                  ref: l,
+                  class: W(["mc-mention", n.menuClass]),
+                  style: H(w(a))
                 },
                 [
-                  R(i.$slots, "menu", {}, void 0, !0)
+                  k(n.$slots, "menu", {}, void 0, !0)
                 ],
                 6
                 /* CLASS, STYLE */
-              )) : te("v-if", !0)
+              )) : K("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
@@ -158,15 +412,15 @@ const ve = /* @__PURE__ */ Q({
       /* STABLE_FRAGMENT */
     ));
   }
-}), ge = (r, l) => {
-  const s = r.__vccOpts || r;
-  for (const [t, a] of l)
-    s[t] = a;
-  return s;
-}, z = /* @__PURE__ */ ge(ve, [["__scopeId", "data-v-3397c63c"]]);
-z.install = (r) => {
-  r.component("McMention", z);
+}), nt = (s, e) => {
+  const t = s.__vccOpts || s;
+  for (const [i, o] of e)
+    t[i] = o;
+  return t;
+}, _ = /* @__PURE__ */ nt(it, [["__scopeId", "data-v-adc485fb"]]);
+_.install = (s) => {
+  s.component("McMention", _);
 };
 export {
-  z as McMention
+  _ as McMention
 };

package/Mention/mention-types.d.ts

@@ -1,8 +1,6 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-export interface Trigger {
-    key: string;
-    onlyInputStart?: boolean;
-}
+import type { Trigger, SearchChangeEvent } from '@matechat/common/Mention/common/mention-types';
+export type { Trigger, SearchChangeEvent };
 export declare const mentionProps: {
     modelValue: {
         type: BooleanConstructor;
@@ -16,6 +14,10 @@ export declare const mentionProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    optionsCount: {
+        type: NumberConstructor;
+        default: number;
+    };
     menuClass: {
         type: StringConstructor;
     };