@shenjipo/mention-vue2 2.3.0 → 2.5.0

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";var $=Object.defineProperty;var y=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var h=(n,e,t)=>e in n?$(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,M=(n,e)=>{for(var t in e||(e={}))q.call(e,t)&&h(n,t,e[t]);if(y)for(var t of y(e))b.call(e,t)&&h(n,t,e[t]);return n};var C=(n,e,t)=>new Promise((l,u)=>{var a=o=>{try{f(t.next(o))}catch(i){u(i)}},r=o=>{try{f(t.throw(o))}catch(i){u(i)}},f=o=>o.done?l(o.value):Promise.resolve(o.value).then(a,r);f((t=t.apply(n,e)).next())});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("@shenjipo/mention-editor"),s=require("vue-demi"),g=require("@floating-ui/dom"),k=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},w=k(R);function p(n,e,t,l,u,a,r,f){var o=typeof n=="function"?n.options:n;e&&(o.render=e,o.staticRenderFns=t,o._compiled=!0),l&&(o.functional=!0),a&&(o._scopeId="data-v-"+a);var i;if(r?(i=function(c){c=c||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!c&&typeof __VUE_SSR_CONTEXT__!="undefined"&&(c=__VUE_SSR_CONTEXT__),u&&u.call(this,c),c&&c._registeredComponents&&c._registeredComponents.add(r)},o._ssrRegister=i):u&&(i=f?function(){u.call(this,(o.functional?this.parent:this).$root.$options.shadowRoot)}:u),i)if(o.functional){o._injectStyles=i;var d=o.render;o.render=function(v,m){return i.call(m),d(v,m)}}else{var _=o.beforeCreate;o.beforeCreate=_?[].concat(_,i):[i]}return{exports:n,options:o}}const E={name:"MEditorVue2",props:{modelValue:{type:String,default:""},options:{type:Object,default:()=>({placeholder:"请输入内容，可粘贴图片到此处，按下/唤起快捷指令，"})}},emits:["update:modelValue","fileReject","imageInput"],setup(n,{emit:e,expose:t}){const l=s.ref(null),u=s.ref(null);s.provide("editor",l),s.onMounted(()=>{u.value&&(l.value=new w.default({element:u.value,placeholder:n.options.placeholder,onChange:r=>{e("update:modelValue",r)},onFileReject:r=>{e("fileReject",r)},onImageInput:r=>{e("imageInput",r)}}))});const a=()=>{l.value.clear(),e("update:modelValue","")};return t({editor:l,clear:a}),{editor:l,editorRef:u,clear:a}}};var x=function(){var e=this,t=e._self._c;return t("div",{staticClass:"mention-editor-wrapper"},[e._t("header"),t("div",{ref:"editorRef",staticClass:"mention-editor"},[e.editor?e._t("default"):e._e()],2),e._t("footer")],2)},F=[],Q=p(E,x,F,!1,null,"8f854357",null,null);const S=Q.exports;const U={name:"SuggestionMenu",props:{items:{type:Array,required:!0},loadingState:{type:String,default:"idle"},selectedIndex:{type:Number,default:0}},methods:{handleItemClick(n){this.$emit("itemClick",n)}}};var D=function(){var e=this,t=e._self._c;return t("div",{staticClass:"bn-suggestion-menu"},[e.items.length?e._l(e.items,function(l,u){return t("div",{key:l.id,staticClass:"suggestion-menu-item",class:{active:u===e.selectedIndex},on:{mousedown:function(a){return a.preventDefault(),e.handleItemClick(l)}}},[e._v(" "+e._s(l.label)+" ")])}):t("div",{staticClass:"suggestion-menu-item disabled"},[e._v("无数据")])],2)},V=[],A=p(U,D,V,!1,null,"af9205e7",null,null);const j=A.exports;function L(n,e,t,l){const u=s.ref(0),a=r=>r.key==="ArrowUp"?(r.preventDefault(),t.value&&t.value.length&&(u.value=(u.value-1+t.value.length)%t.value.length),!0):r.key==="ArrowDown"?(r.preventDefault(),t.value&&t.value.length&&(u.value=(u.value+1)%t.value.length),!0):r.key==="Enter"&&!r.isComposing?(r.preventDefault(),t.value&&t.value.length&&l&&l(t.value[u.value]),!0):!1;return s.onMounted(()=>{n&&n.domElement&&n.domElement.addEventListener("keydown",a,!0)}),s.onBeforeUnmount(()=>{n&&n.domElement&&n.domElement.removeEventListener("keydown",a,!0)}),s.watch(()=>e,()=>{u.value=0}),u}function N(n,e,t,l=8){const u=s.ref(0);return s.watch([n,e],([a,r])=>{r!=null&&(a&&a.length>0?u.value=r.length:r.length-u.value>l&&t())}),{lastUsefulQueryLength:u}}const T={name:"SuggestionMenuWrapper",components:{SuggestionMenu:j},props:{query:{type:String,required:!0},getItems:{type:Function,required:!0},onItemClick:{type:Function},closeMenu:{type:Function,required:!0},clearQuery:{type:Function,required:!0},insertMention:{type:Function,required:!0}},setup(n){const e=s.ref([]),t=s.ref("idle"),l=s.ref(""),u=s.inject("editor"),a=o=>{n.closeMenu(),n.clearQuery(),n.insertMention(o)},r=L(u.value,n.query,e,a);N(e,l,n.closeMenu);const f=()=>{const o=n.query;l.value=n.query,t.value="loading",n.getItems(n.query).then(i=>{l.value===o&&(e.value=i,t.value="loaded")})};return s.onMounted(f),s.watch(()=>n.query,()=>{f()}),{items:e,loadingState:t,selectedIndex:r,onItemClickInternal:a}}};var W=function(){var e=this,t=e._self._c;return t("SuggestionMenu",{attrs:{items:e.items,"loading-state":e.loadingState,"selected-index":e.selectedIndex},on:{itemClick:e.onItemClickInternal}})},O=[],P=p(T,W,O,!1,null,"e4189e8f",null,null);const B=P.exports;function z(n,e,t,l={}){const u=s.ref(null),a=s.ref(null),r=s.ref({});let f=null;s.watch(e,c=>{c&&(u.value={getBoundingClientRect:()=>c},o())},{immediate:!0}),s.watch(n,c=>C(this,null,function*(){if(!c){d();return}yield s.nextTick(),!(!u.value||!a.value)&&(o(),i())}));const o=()=>{const c=u.value,v=a.value;!c||!v||g.computePosition(c,v,{placement:l.placement||"bottom-start",middleware:[g.offset(l.offset||8),g.flip(),g.shift({padding:8})]}).then(({x:m,y:I})=>{r.value={position:"absolute",left:`${m}px`,top:`${I}px`}})};function i(){!u.value||!a.value||(f=g.autoUpdate(u.value,a.value,o))}function d(){f&&(f(),f=null)}const _=s.computed(()=>M({display:"flex",zIndex:t},r.value));return{floatingRef:a,style:_}}const K={name:"SuggestionMenuController",components:{SuggestionMenuWrapper:B},props:{triggerCharacter:{type:String,required:!0},minQueryLength:{type:Number},getItems:{type:Function,required:!0},onItemClick:{type:Function}},setup(n){const e=s.inject("editor"),t=s.ref(null),l=s.computed(()=>{var _;const d=((_=t.value)==null?void 0:_.show)&&(!n.minQueryLength||t.value.ignoreQueryLength||!t.value.query.startsWith(" ")&&t.value.query.length>=n.minQueryLength);return d!=null?d:!1}),{floatingRef:u,style:a}=z(()=>l.value,()=>{var d;return((d=t.value)==null?void 0:d.referencePos)||null},2e3,{placement:"bottom-start",middleware:[g.offset(10),g.flip({mainAxis:!0,crossAxis:!1}),g.shift(),g.size({apply({availableHeight:d,elements:_}){Object.assign(_.floating.style,{maxHeight:`${d-10}px`})}})],onDismiss(){}});let r=null;return s.onMounted(()=>{r=e.value.suggestionMenus.onUpdate(n.triggerCharacter,d=>{t.value=d})}),s.onBeforeUnmount(()=>{r&&r()}),{state:t,floatingRef:u,style:a,showDom:l,closeMenu:()=>{e.value.suggestionMenus.closeMenu()},clearQuery:()=>{e.value.suggestionMenus.clearQuery()},insertMention:d=>{e.value.suggestionMenus.insertMention(d)}}}};var X=function(){var e=this,t=e._self._c;return e.showDom?t("div",{ref:"floatingRef",style:e.style},[t("SuggestionMenuWrapper",{attrs:{query:e.state.query,getItems:e.getItems,onItemClick:e.onItemClick,closeMenu:e.closeMenu,clearQuery:e.clearQuery,insertMention:e.insertMention}})],1):e._e()},H=[],G=p(K,X,H,!1,null,"f5b73a66",null,null);const J=G.exports;exports.MEditorVue2=S;exports.SuggestionMenuController=J;exports.default=S;
+"use strict";var $=Object.defineProperty;var y=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var h=(n,e,t)=>e in n?$(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,M=(n,e)=>{for(var t in e||(e={}))q.call(e,t)&&h(n,t,e[t]);if(y)for(var t of y(e))b.call(e,t)&&h(n,t,e[t]);return n};var C=(n,e,t)=>new Promise((l,u)=>{var i=o=>{try{f(t.next(o))}catch(a){u(a)}},r=o=>{try{f(t.throw(o))}catch(a){u(a)}},f=o=>o.done?l(o.value):Promise.resolve(o.value).then(i,r);f((t=t.apply(n,e)).next())});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("@shenjipo/mention-editor"),s=require("vue-demi"),v=require("@floating-ui/dom"),w=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},E=w(k);function m(n,e,t,l,u,i,r,f){var o=typeof n=="function"?n.options:n;e&&(o.render=e,o.staticRenderFns=t,o._compiled=!0),l&&(o.functional=!0),i&&(o._scopeId="data-v-"+i);var a;if(r?(a=function(c){c=c||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!c&&typeof __VUE_SSR_CONTEXT__!="undefined"&&(c=__VUE_SSR_CONTEXT__),u&&u.call(this,c),c&&c._registeredComponents&&c._registeredComponents.add(r)},o._ssrRegister=a):u&&(a=f?function(){u.call(this,(o.functional?this.parent:this).$root.$options.shadowRoot)}:u),a)if(o.functional){o._injectStyles=a;var d=o.render;o.render=function(g,p){return a.call(p),d(g,p)}}else{var _=o.beforeCreate;o.beforeCreate=_?[].concat(_,a):[a]}return{exports:n,options:o}}const R={name:"MEditorVue2",props:{modelValue:{type:String,default:""},options:{type:Object,default:()=>({placeholder:"请输入内容，可粘贴图片到此处，按下/唤起快捷指令，"})}},emits:["input","fileReject","imageInput","deleteMention"],setup(n,{emit:e,expose:t}){const l=s.ref(null),u=s.ref(null);s.provide("editor",l),s.onMounted(()=>{u.value&&(l.value=new E.default({element:u.value,placeholder:n.options.placeholder,onChange:r=>{e("input",r)},onFileInput:r=>{e("fileInput",r)},onMentionDelete(r){e("deleteMention",r)}}))});const i=()=>{l.value.clear(),e("update:modelValue","")};return t({editor:l,clear:i}),{editor:l,editorRef:u,clear:i}}};var x=function(){var e=this,t=e._self._c;return t("div",{staticClass:"mention-editor-wrapper"},[e._t("header"),t("div",{ref:"editorRef",staticClass:"mention-editor"},[e.editor?e._t("default"):e._e()],2),e._t("footer")],2)},F=[],Q=m(R,x,F,!1,null,"3a09ec83",null,null);const S=Q.exports;const U={name:"SuggestionMenu",props:{items:{type:Array,required:!0},loadingState:{type:String,default:"idle"},selectedIndex:{type:Number,default:0}},methods:{handleItemClick(n){this.$emit("itemClick",n)}}};var D=function(){var e=this,t=e._self._c;return t("div",{staticClass:"bn-suggestion-menu"},[e.items.length?e._l(e.items,function(l,u){return t("div",{key:l.id,staticClass:"suggestion-menu-item",class:{active:u===e.selectedIndex},on:{mousedown:function(i){return i.preventDefault(),e.handleItemClick(l)}}},[e._v(" "+e._s(l.label)+" ")])}):t("div",{staticClass:"suggestion-menu-item disabled"},[e._v("无数据")])],2)},A=[],V=m(U,D,A,!1,null,"af9205e7",null,null);const L=V.exports;function N(n,e,t,l){const u=s.ref(0),i=r=>r.key==="ArrowUp"?(r.preventDefault(),t.value&&t.value.length&&(u.value=(u.value-1+t.value.length)%t.value.length),!0):r.key==="ArrowDown"?(r.preventDefault(),t.value&&t.value.length&&(u.value=(u.value+1)%t.value.length),!0):r.key==="Enter"&&!r.isComposing?(r.preventDefault(),t.value&&t.value.length&&l&&l(t.value[u.value]),!0):!1;return s.onMounted(()=>{n&&n.domElement&&n.domElement.addEventListener("keydown",i,!0)}),s.onBeforeUnmount(()=>{n&&n.domElement&&n.domElement.removeEventListener("keydown",i,!0)}),s.watch(()=>e,()=>{u.value=0}),u}function T(n,e,t,l=8){const u=s.ref(0);return s.watch([n,e],([i,r])=>{r!=null&&(i&&i.length>0?u.value=r.length:r.length-u.value>l&&t())}),{lastUsefulQueryLength:u}}const W={name:"SuggestionMenuWrapper",components:{SuggestionMenu:L},props:{query:{type:String,required:!0},getItems:{type:Function,required:!0},onItemClick:{type:Function},closeMenu:{type:Function,required:!0},clearQuery:{type:Function,required:!0},insertMention:{type:Function,required:!0}},setup(n){const e=s.ref([]),t=s.ref("idle"),l=s.ref(""),u=s.inject("editor"),i=o=>{n.closeMenu(),n.clearQuery(),n.insertMention(o)},r=N(u.value,n.query,e,i);T(e,l,n.closeMenu);const f=()=>{const o=n.query;l.value=n.query,t.value="loading",n.getItems(n.query).then(a=>{l.value===o&&(e.value=a,t.value="loaded")})};return s.onMounted(f),s.watch(()=>n.query,()=>{f()}),{items:e,loadingState:t,selectedIndex:r,onItemClickInternal:i}}};var j=function(){var e=this,t=e._self._c;return t("SuggestionMenu",{attrs:{items:e.items,"loading-state":e.loadingState,"selected-index":e.selectedIndex},on:{itemClick:e.onItemClickInternal}})},O=[],P=m(W,j,O,!1,null,"e4189e8f",null,null);const B=P.exports;function z(n,e,t,l={}){const u=s.ref(null),i=s.ref(null),r=s.ref({});let f=null;s.watch(e,c=>{c&&(u.value={getBoundingClientRect:()=>c},o())},{immediate:!0}),s.watch(n,c=>C(this,null,function*(){if(!c){d();return}yield s.nextTick(),!(!u.value||!i.value)&&(o(),a())}));const o=()=>{const c=u.value,g=i.value;!c||!g||v.computePosition(c,g,{placement:l.placement||"bottom-start",middleware:[v.offset(l.offset||8),v.flip(),v.shift({padding:8})]}).then(({x:p,y:I})=>{r.value={position:"absolute",left:`${p}px`,top:`${I}px`}})};function a(){!u.value||!i.value||(f=v.autoUpdate(u.value,i.value,o))}function d(){f&&(f(),f=null)}const _=s.computed(()=>M({display:"flex",zIndex:t},r.value));return{floatingRef:i,style:_}}const K={name:"SuggestionMenuController",components:{SuggestionMenuWrapper:B},props:{triggerCharacter:{type:String,required:!0},minQueryLength:{type:Number},getItems:{type:Function,required:!0},onItemClick:{type:Function}},setup(n){const e=s.inject("editor"),t=s.ref(null),l=s.computed(()=>{var _;const d=((_=t.value)==null?void 0:_.show)&&(!n.minQueryLength||t.value.ignoreQueryLength||!t.value.query.startsWith(" ")&&t.value.query.length>=n.minQueryLength);return d!=null?d:!1}),{floatingRef:u,style:i}=z(()=>l.value,()=>{var d;return((d=t.value)==null?void 0:d.referencePos)||null},2e3,{placement:"bottom-start",middleware:[v.offset(10),v.flip({mainAxis:!0,crossAxis:!1}),v.shift(),v.size({apply({availableHeight:d,elements:_}){Object.assign(_.floating.style,{maxHeight:`${d-10}px`})}})],onDismiss(){}});let r=null;return s.onMounted(()=>{r=e.value.suggestionMenus.onUpdate(n.triggerCharacter,d=>{t.value=d})}),s.onBeforeUnmount(()=>{r&&r()}),{state:t,floatingRef:u,style:i,showDom:l,closeMenu:()=>{e.value.suggestionMenus.closeMenu()},clearQuery:()=>{e.value.suggestionMenus.clearQuery()},insertMention:d=>{e.value.suggestionMenus.insertMention(d)}}}};var X=function(){var e=this,t=e._self._c;return e.showDom?t("div",{ref:"floatingRef",style:e.style},[t("SuggestionMenuWrapper",{attrs:{query:e.state.query,getItems:e.getItems,onItemClick:e.onItemClick,closeMenu:e.closeMenu,clearQuery:e.clearQuery,insertMention:e.insertMention}})],1):e._e()},H=[],G=m(K,X,H,!1,null,"f5b73a66",null,null);const J=G.exports;exports.MEditorVue2=S;exports.SuggestionMenuController=J;exports.default=S;

package/dist/index.esm.js

@@ -13,51 +13,51 @@ var I = (n, e, t) => new Promise((o, u) => {
   var s = (l) => {
     try {
       d(t.next(l));
-    } catch (a) {
-      u(a);
+    } catch (i) {
+      u(i);
     }
   }, r = (l) => {
     try {
       d(t.throw(l));
-    } catch (a) {
-      u(a);
+    } catch (i) {
+      u(i);
     }
   }, d = (l) => l.done ? o(l.value) : Promise.resolve(l.value).then(s, r);
   d((t = t.apply(n, e)).next());
 });
 import Q from "@shenjipo/mention-editor";
-import { ref as f, provide as U, onMounted as p, onBeforeUnmount as S, watch as g, inject as $, nextTick as V, computed as R } from "vue-demi";
-import { computePosition as A, offset as q, flip as b, shift as k, autoUpdate as D, size as L } from "@floating-ui/dom";
+import { ref as f, provide as U, onMounted as m, onBeforeUnmount as S, watch as v, inject as $, nextTick as D, computed as q } from "vue-demi";
+import { computePosition as A, offset as b, flip as k, shift as R, autoUpdate as L, size as N } from "@floating-ui/dom";
 function y(n, e, t, o, u, s, r, d) {
   var l = typeof n == "function" ? n.options : n;
   e && (l.render = e, l.staticRenderFns = t, l._compiled = !0), o && (l.functional = !0), s && (l._scopeId = "data-v-" + s);
-  var a;
-  if (r ? (a = function(i) {
-    i = i || // cached call
+  var i;
+  if (r ? (i = function(a) {
+    a = a || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !i && typeof __VUE_SSR_CONTEXT__ != "undefined" && (i = __VUE_SSR_CONTEXT__), u && u.call(this, i), i && i._registeredComponents && i._registeredComponents.add(r);
-  }, l._ssrRegister = a) : u && (a = d ? function() {
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !a && typeof __VUE_SSR_CONTEXT__ != "undefined" && (a = __VUE_SSR_CONTEXT__), u && u.call(this, a), a && a._registeredComponents && a._registeredComponents.add(r);
+  }, l._ssrRegister = i) : u && (i = d ? function() {
     u.call(
       this,
       (l.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : u), a)
+  } : u), i)
     if (l.functional) {
-      l._injectStyles = a;
+      l._injectStyles = i;
       var c = l.render;
-      l.render = function(v, m) {
-        return a.call(m), c(v, m);
+      l.render = function(g, p) {
+        return i.call(p), c(g, p);
       };
     } else {
       var _ = l.beforeCreate;
-      l.beforeCreate = _ ? [].concat(_, a) : [a];
+      l.beforeCreate = _ ? [].concat(_, i) : [i];
     }
   return {
     exports: n,
     options: l
   };
 }
-const N = {
+const V = {
   name: "MEditorVue2",
   props: {
     modelValue: { type: String, default: "" },
@@ -68,21 +68,21 @@ const N = {
       })
     }
   },
-  emits: ["update:modelValue", "fileReject", "imageInput"],
+  emits: ["input", "fileReject", "imageInput", "deleteMention"],
   setup(n, { emit: e, expose: t }) {
     const o = f(null), u = f(null);
-    U("editor", o), p(() => {
+    U("editor", o), m(() => {
       u.value && (o.value = new Q({
         element: u.value,
         placeholder: n.options.placeholder,
         onChange: (r) => {
-          e("update:modelValue", r);
+          e("input", r);
         },
-        onFileReject: (r) => {
-          e("fileReject", r);
+        onFileInput: (r) => {
+          e("fileInput", r);
         },
-        onImageInput: (r) => {
-          e("imageInput", r);
+        onMentionDelete(r) {
+          e("deleteMention", r);
         }
       }));
     });
@@ -99,18 +99,18 @@ const N = {
 var W = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "mention-editor-wrapper" }, [e._t("header"), t("div", { ref: "editorRef", staticClass: "mention-editor" }, [e.editor ? e._t("default") : e._e()], 2), e._t("footer")], 2);
-}, T = [], j = /* @__PURE__ */ y(
-  N,
+}, T = [], O = /* @__PURE__ */ y(
+  V,
   W,
   T,
   !1,
   null,
-  "8f854357",
+  "3a09ec83",
   null,
   null
 );
-const ce = j.exports;
-const O = {
+const ce = O.exports;
+const P = {
   name: "SuggestionMenu",
   props: {
     items: { type: Array, required: !0 },
@@ -123,7 +123,7 @@ const O = {
     }
   }
 };
-var P = function() {
+var j = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "bn-suggestion-menu" }, [e.items.length ? e._l(e.items, function(o, u) {
     return t("div", { key: o.id, staticClass: "suggestion-menu-item", class: { active: u === e.selectedIndex }, on: { mousedown: function(s) {
@@ -131,8 +131,8 @@ var P = function() {
     } } }, [e._v(" " + e._s(o.label) + " ")]);
   }) : t("div", { staticClass: "suggestion-menu-item disabled" }, [e._v("无数据")])], 2);
 }, z = [], B = /* @__PURE__ */ y(
-  O,
   P,
+  j,
   z,
   !1,
   null,
@@ -143,11 +143,11 @@ var P = function() {
 const K = B.exports;
 function X(n, e, t, o) {
   const u = f(0), s = (r) => r.key === "ArrowUp" ? (r.preventDefault(), t.value && t.value.length && (u.value = (u.value - 1 + t.value.length) % t.value.length), !0) : r.key === "ArrowDown" ? (r.preventDefault(), t.value && t.value.length && (u.value = (u.value + 1) % t.value.length), !0) : r.key === "Enter" && !r.isComposing ? (r.preventDefault(), t.value && t.value.length && o && o(t.value[u.value]), !0) : !1;
-  return p(() => {
+  return m(() => {
     n && n.domElement && n.domElement.addEventListener("keydown", s, !0);
   }), S(() => {
     n && n.domElement && n.domElement.removeEventListener("keydown", s, !0);
-  }), g(
+  }), v(
     () => e,
     () => {
       u.value = 0;
@@ -156,7 +156,7 @@ function X(n, e, t, o) {
 }
 function H(n, e, t, o = 8) {
   const u = f(0);
-  return g(
+  return v(
     [n, e],
     ([s, r]) => {
       r != null && (s && s.length > 0 ? u.value = r.length : r.length - u.value > o && t());
@@ -190,11 +190,11 @@ const G = {
     H(e, o, n.closeMenu);
     const d = () => {
       const l = n.query;
-      o.value = n.query, t.value = "loading", n.getItems(n.query).then((a) => {
-        o.value === l && (e.value = a, t.value = "loaded");
+      o.value = n.query, t.value = "loading", n.getItems(n.query).then((i) => {
+        o.value === l && (e.value = i, t.value = "loaded");
       });
     };
-    return p(d), g(
+    return m(d), v(
       () => n.query,
       () => {
         d();
@@ -224,48 +224,48 @@ const ee = Z.exports;
 function te(n, e, t, o = {}) {
   const u = f(null), s = f(null), r = f({});
   let d = null;
-  g(
+  v(
     e,
-    (i) => {
-      i && (u.value = {
-        getBoundingClientRect: () => i
+    (a) => {
+      a && (u.value = {
+        getBoundingClientRect: () => a
       }, l());
     },
     { immediate: !0 }
-  ), g(
+  ), v(
     n,
-    (i) => I(this, null, function* () {
-      if (!i) {
+    (a) => I(this, null, function* () {
+      if (!a) {
         c();
         return;
       }
-      yield V(), !(!u.value || !s.value) && (l(), a());
+      yield D(), !(!u.value || !s.value) && (l(), i());
     })
   );
   const l = () => {
-    const i = u.value, v = s.value;
-    !i || !v || A(i, v, {
+    const a = u.value, g = s.value;
+    !a || !g || A(a, g, {
       placement: o.placement || "bottom-start",
       middleware: [
-        q(o.offset || 8),
-        b(),
-        k({ padding: 8 })
+        b(o.offset || 8),
+        k(),
+        R({ padding: 8 })
       ]
-    }).then(({ x: m, y: x }) => {
+    }).then(({ x: p, y: x }) => {
       r.value = {
         position: "absolute",
-        left: `${m}px`,
+        left: `${p}px`,
         top: `${x}px`
       };
     });
   };
-  function a() {
-    !u.value || !s.value || (d = D(u.value, s.value, l));
+  function i() {
+    !u.value || !s.value || (d = L(u.value, s.value, l));
   }
   function c() {
     d && (d(), d = null);
   }
-  const _ = R(() => C({
+  const _ = q(() => C({
     display: "flex",
     zIndex: t
   }, r.value));
@@ -286,7 +286,7 @@ const ne = {
     onItemClick: { type: Function }
   },
   setup(n) {
-    const e = $("editor"), t = f(null), o = R(() => {
+    const e = $("editor"), t = f(null), o = q(() => {
       var _;
       const c = ((_ = t.value) == null ? void 0 : _.show) && (!n.minQueryLength || t.value.ignoreQueryLength || !t.value.query.startsWith(" ") && t.value.query.length >= n.minQueryLength);
       return c != null ? c : !1;
@@ -300,10 +300,10 @@ const ne = {
       {
         placement: "bottom-start",
         middleware: [
-          q(10),
-          b({ mainAxis: !0, crossAxis: !1 }),
-          k(),
-          L({
+          b(10),
+          k({ mainAxis: !0, crossAxis: !1 }),
+          R(),
+          N({
             apply({ availableHeight: c, elements: _ }) {
               Object.assign(_.floating.style, {
                 maxHeight: `${c - 10}px`
@@ -316,7 +316,7 @@ const ne = {
       }
     );
     let r = null;
-    return p(() => {
+    return m(() => {
       r = e.value.suggestionMenus.onUpdate(
         n.triggerCharacter,
         (c) => {

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+import { default as MEditor } from '@shenjipo/mention-editor';
+import { default as Vue } from 'vue';
+export type MEditorVue2Type = Vue & {
+    editor: MEditor;
+    clear: () => void;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,GAAG,MAAM,KAAK,CAAA;AAErB,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@shenjipo/mention-vue2",
-  "version": "2.3.0",
+  "version": "2.5.0",
+  "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
@@ -11,7 +12,10 @@
       "require": "./dist/index.cjs.js",
       "types": "./dist/index.d.ts"
     },
-    "./dist/index.css": "./dist/index.css"
+    "./dist/index.css": "./dist/index.css",
+    "./types": {
+      "types": "./dist/types/index.d.ts"
+    }
   },
   "files": [
     "dist"
@@ -23,7 +27,7 @@
     "@floating-ui/dom": "^1.1.9",
     "vue": "^2.7.7",
     "vue-demi": "^0.14.10",
-    "@shenjipo/mention-editor": "2.3.0"
+    "@shenjipo/mention-editor": "2.5.0"
   },
   "devDependencies": {
     "@types/node": "^16.11.45",