@shenjipo/mention-vue2 2.2.0 → 2.3.0

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("@shenjipo/mention-editor"),o=require("vue-demi"),g=require("@floating-ui/dom");function p(n,e,t,l,u,s,r,f){var a=typeof n=="function"?n.options:n;e&&(a.render=e,a.staticRenderFns=t,a._compiled=!0),l&&(a.functional=!0),s&&(a._scopeId="data-v-"+s);var c;if(r?(c=function(i){i=i||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!i&&typeof __VUE_SSR_CONTEXT__<"u"&&(i=__VUE_SSR_CONTEXT__),u&&u.call(this,i),i&&i._registeredComponents&&i._registeredComponents.add(r)},a._ssrRegister=c):u&&(c=f?function(){u.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:u),c)if(a.functional){a._injectStyles=c;var d=a.render;a.render=function(v,m){return c.call(m),d(v,m)}}else{var _=a.beforeCreate;a.beforeCreate=_?[].concat(_,c):[c]}return{exports:n,options:a}}const C={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=o.ref(null),u=o.ref(null);o.provide("editor",l),o.onMounted(()=>{u.value&&(l.value=new M({element:u.value,placeholder:n.options.placeholder,onChange:r=>{e("update:modelValue",r)},onFileReject:r=>{e("fileReject",r)},onImageInput:r=>{e("imageInput",r)}}))});const s=()=>{l.value.clear(),e("update:modelValue","")};return t({editor:l,clear:s}),{editor:l,editorRef:u,clear:s}}};var S=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)},I=[],$=p(C,S,I,!1,null,"8f854357",null,null);const y=$.exports;const q={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 b=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(s){return s.preventDefault(),e.handleItemClick(l)}}},[e._v(" "+e._s(l.label)+" ")])}):t("div",{staticClass:"suggestion-menu-item disabled"},[e._v("无数据")])],2)},R=[],k=p(q,b,R,!1,null,"af9205e7",null,null);const w=k.exports;function E(n,e,t,l){const u=o.ref(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&&l&&l(t.value[u.value]),!0):!1;return o.onMounted(()=>{n&&n.domElement&&n.domElement.addEventListener("keydown",s,!0)}),o.onBeforeUnmount(()=>{n&&n.domElement&&n.domElement.removeEventListener("keydown",s,!0)}),o.watch(()=>e,()=>{u.value=0}),u}function x(n,e,t,l=8){const u=o.ref(0);return o.watch([n,e],([s,r])=>{r!=null&&(s&&s.length>0?u.value=r.length:r.length-u.value>l&&t())}),{lastUsefulQueryLength:u}}const F={name:"SuggestionMenuWrapper",components:{SuggestionMenu:w},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=o.ref([]),t=o.ref("idle"),l=o.ref(""),u=o.inject("editor"),s=a=>{n.closeMenu(),n.clearQuery(),n.insertMention(a)},r=E(u.value,n.query,e,s);x(e,l,n.closeMenu);const f=()=>{const a=n.query;l.value=n.query,t.value="loading",n.getItems(n.query).then(c=>{l.value===a&&(e.value=c,t.value="loaded")})};return o.onMounted(f),o.watch(()=>n.query,()=>{f()}),{items:e,loadingState:t,selectedIndex:r,onItemClickInternal:s}}};var Q=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}})},U=[],V=p(F,Q,U,!1,null,"e4189e8f",null,null);const D=V.exports;function A(n,e,t,l={}){const u=o.ref(null),s=o.ref(null),r=o.ref({});let f=null;o.watch(e,i=>{i&&(u.value={getBoundingClientRect:()=>i},a())},{immediate:!0}),o.watch(n,async i=>{if(!i){d();return}await o.nextTick(),!(!u.value||!s.value)&&(a(),c())});const a=()=>{const i=u.value,v=s.value;!i||!v||g.computePosition(i,v,{placement:l.placement||"bottom-start",middleware:[g.offset(l.offset||8),g.flip(),g.shift({padding:8})]}).then(({x:m,y:h})=>{r.value={position:"absolute",left:`${m}px`,top:`${h}px`}})};function c(){!u.value||!s.value||(f=g.autoUpdate(u.value,s.value,a))}function d(){f&&(f(),f=null)}const _=o.computed(()=>({display:"flex",zIndex:t,...r.value}));return{floatingRef:s,style:_}}const L={name:"SuggestionMenuController",components:{SuggestionMenuWrapper:D},props:{triggerCharacter:{type:String,required:!0},minQueryLength:{type:Number},getItems:{type:Function,required:!0},onItemClick:{type:Function}},setup(n){const e=o.inject("editor"),t=o.ref(null),l=o.computed(()=>{var _;return(((_=t.value)==null?void 0:_.show)&&(!n.minQueryLength||t.value.ignoreQueryLength||!t.value.query.startsWith(" ")&&t.value.query.length>=n.minQueryLength))??!1}),{floatingRef:u,style:s}=A(()=>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 o.onMounted(()=>{r=e.value.suggestionMenus.onUpdate(n.triggerCharacter,d=>{t.value=d})}),o.onBeforeUnmount(()=>{r&&r()}),{state:t,floatingRef:u,style:s,showDom:l,closeMenu:()=>{e.value.suggestionMenus.closeMenu()},clearQuery:()=>{e.value.suggestionMenus.clearQuery()},insertMention:d=>{e.value.suggestionMenus.insertMention(d)}}}};var N=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()},j=[],T=p(L,N,j,!1,null,"f5b73a66",null,null);const W=T.exports;exports.MEditorVue2=y;exports.SuggestionMenuController=W;exports.default=y;
+"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;

package/dist/index.esm.js

@@ -1,36 +1,63 @@
-import q from "@shenjipo/mention-editor";
-import { ref as d, provide as b, onMounted as p, onBeforeUnmount as h, watch as g, inject as M, nextTick as k, computed as C } from "vue-demi";
-import { computePosition as x, offset as I, flip as S, shift as $, autoUpdate as E, size as w } from "@floating-ui/dom";
-function y(n, e, t, l, u, o, r, f) {
-  var s = typeof n == "function" ? n.options : n;
-  e && (s.render = e, s.staticRenderFns = t, s._compiled = !0), l && (s.functional = !0), o && (s._scopeId = "data-v-" + o);
-  var i;
-  if (r ? (i = function(a) {
-    a = a || // cached call
+var E = Object.defineProperty;
+var h = Object.getOwnPropertySymbols;
+var w = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var M = (n, e, t) => e in n ? E(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, C = (n, e) => {
+  for (var t in e || (e = {}))
+    w.call(e, t) && M(n, t, e[t]);
+  if (h)
+    for (var t of h(e))
+      F.call(e, t) && M(n, t, e[t]);
+  return n;
+};
+var I = (n, e, t) => new Promise((o, u) => {
+  var s = (l) => {
+    try {
+      d(t.next(l));
+    } catch (a) {
+      u(a);
+    }
+  }, r = (l) => {
+    try {
+      d(t.throw(l));
+    } catch (a) {
+      u(a);
+    }
+  }, 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";
+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
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !a && typeof __VUE_SSR_CONTEXT__ < "u" && (a = __VUE_SSR_CONTEXT__), u && u.call(this, a), a && a._registeredComponents && a._registeredComponents.add(r);
-  }, s._ssrRegister = i) : u && (i = f ? function() {
+    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() {
     u.call(
       this,
-      (s.functional ? this.parent : this).$root.$options.shadowRoot
+      (l.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : u), i)
-    if (s.functional) {
-      s._injectStyles = i;
-      var c = s.render;
-      s.render = function(v, m) {
-        return i.call(m), c(v, m);
+  } : u), a)
+    if (l.functional) {
+      l._injectStyles = a;
+      var c = l.render;
+      l.render = function(v, m) {
+        return a.call(m), c(v, m);
       };
     } else {
-      var _ = s.beforeCreate;
-      s.beforeCreate = _ ? [].concat(_, i) : [i];
+      var _ = l.beforeCreate;
+      l.beforeCreate = _ ? [].concat(_, a) : [a];
     }
   return {
     exports: n,
-    options: s
+    options: l
   };
 }
-const F = {
+const N = {
   name: "MEditorVue2",
   props: {
     modelValue: { type: String, default: "" },
@@ -43,9 +70,9 @@ const F = {
   },
   emits: ["update:modelValue", "fileReject", "imageInput"],
   setup(n, { emit: e, expose: t }) {
-    const l = d(null), u = d(null);
-    b("editor", l), p(() => {
-      u.value && (l.value = new q({
+    const o = f(null), u = f(null);
+    U("editor", o), p(() => {
+      u.value && (o.value = new Q({
         element: u.value,
         placeholder: n.options.placeholder,
         onChange: (r) => {
@@ -59,31 +86,31 @@ const F = {
         }
       }));
     });
-    const o = () => {
-      l.value.clear(), e("update:modelValue", "");
+    const s = () => {
+      o.value.clear(), e("update:modelValue", "");
     };
-    return t({ editor: l, clear: o }), {
-      editor: l,
+    return t({ editor: o, clear: s }), {
+      editor: o,
       editorRef: u,
-      clear: o
+      clear: s
     };
   }
 };
-var Q = function() {
+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);
-}, U = [], V = /* @__PURE__ */ y(
-  F,
-  Q,
-  U,
+}, T = [], j = /* @__PURE__ */ y(
+  N,
+  W,
+  T,
   !1,
   null,
   "8f854357",
   null,
   null
 );
-const ne = V.exports;
-const A = {
+const ce = j.exports;
+const O = {
   name: "SuggestionMenu",
   props: {
     items: { type: Array, required: !0 },
@@ -96,30 +123,30 @@ const A = {
     }
   }
 };
-var D = function() {
+var P = 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(o) {
-      return o.preventDefault(), e.handleItemClick(l);
-    } } }, [e._v(" " + e._s(l.label) + " ")]);
+  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) {
+      return s.preventDefault(), e.handleItemClick(o);
+    } } }, [e._v(" " + e._s(o.label) + " ")]);
   }) : t("div", { staticClass: "suggestion-menu-item disabled" }, [e._v("无数据")])], 2);
-}, L = [], N = /* @__PURE__ */ y(
-  A,
-  D,
-  L,
+}, z = [], B = /* @__PURE__ */ y(
+  O,
+  P,
+  z,
   !1,
   null,
   "af9205e7",
   null,
   null
 );
-const W = N.exports;
-function T(n, e, t, l) {
-  const u = d(0), o = (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;
+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(() => {
-    n && n.domElement && n.domElement.addEventListener("keydown", o, !0);
-  }), h(() => {
-    n && n.domElement && n.domElement.removeEventListener("keydown", o, !0);
+    n && n.domElement && n.domElement.addEventListener("keydown", s, !0);
+  }), S(() => {
+    n && n.domElement && n.domElement.removeEventListener("keydown", s, !0);
   }), g(
     () => e,
     () => {
@@ -127,21 +154,21 @@ function T(n, e, t, l) {
     }
   ), u;
 }
-function j(n, e, t, l = 8) {
-  const u = d(0);
+function H(n, e, t, o = 8) {
+  const u = f(0);
   return g(
     [n, e],
-    ([o, r]) => {
-      r != null && (o && o.length > 0 ? u.value = r.length : r.length - u.value > l && t());
+    ([s, r]) => {
+      r != null && (s && s.length > 0 ? u.value = r.length : r.length - u.value > o && t());
     }
   ), {
     lastUsefulQueryLength: u
   };
 }
-const O = {
+const G = {
   name: "SuggestionMenuWrapper",
   components: {
-    SuggestionMenu: W
+    SuggestionMenu: K
   },
   props: {
     query: { type: String, required: !0 },
@@ -152,106 +179,105 @@ const O = {
     insertMention: { type: Function, required: !0 }
   },
   setup(n) {
-    const e = d([]), t = d("idle"), l = d(""), u = M("editor"), o = (s) => {
-      n.closeMenu(), n.clearQuery(), n.insertMention(s);
-    }, r = T(
+    const e = f([]), t = f("idle"), o = f(""), u = $("editor"), s = (l) => {
+      n.closeMenu(), n.clearQuery(), n.insertMention(l);
+    }, r = X(
       u.value,
       n.query,
       e,
-      o
+      s
     );
-    j(e, l, n.closeMenu);
-    const f = () => {
-      const s = n.query;
-      l.value = n.query, t.value = "loading", n.getItems(n.query).then((i) => {
-        l.value === s && (e.value = i, t.value = "loaded");
+    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");
       });
     };
-    return p(f), g(
+    return p(d), g(
       () => n.query,
       () => {
-        f();
+        d();
       }
     ), {
       items: e,
       loadingState: t,
       selectedIndex: r,
-      onItemClickInternal: o
+      onItemClickInternal: s
     };
   }
 };
-var P = function() {
+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 } });
-}, z = [], B = /* @__PURE__ */ y(
-  O,
-  P,
-  z,
+}, Y = [], Z = /* @__PURE__ */ y(
+  G,
+  J,
+  Y,
   !1,
   null,
   "e4189e8f",
   null,
   null
 );
-const K = B.exports;
-function X(n, e, t, l = {}) {
-  const u = d(null), o = d(null), r = d({});
-  let f = null;
+const ee = Z.exports;
+function te(n, e, t, o = {}) {
+  const u = f(null), s = f(null), r = f({});
+  let d = null;
   g(
     e,
-    (a) => {
-      a && (u.value = {
-        getBoundingClientRect: () => a
-      }, s());
+    (i) => {
+      i && (u.value = {
+        getBoundingClientRect: () => i
+      }, l());
     },
     { immediate: !0 }
   ), g(
     n,
-    async (a) => {
-      if (!a) {
+    (i) => I(this, null, function* () {
+      if (!i) {
         c();
         return;
       }
-      await k(), !(!u.value || !o.value) && (s(), i());
-    }
+      yield V(), !(!u.value || !s.value) && (l(), a());
+    })
   );
-  const s = () => {
-    const a = u.value, v = o.value;
-    !a || !v || x(a, v, {
-      placement: l.placement || "bottom-start",
+  const l = () => {
+    const i = u.value, v = s.value;
+    !i || !v || A(i, v, {
+      placement: o.placement || "bottom-start",
       middleware: [
-        I(l.offset || 8),
-        S(),
-        $({ padding: 8 })
+        q(o.offset || 8),
+        b(),
+        k({ padding: 8 })
       ]
-    }).then(({ x: m, y: R }) => {
+    }).then(({ x: m, y: x }) => {
       r.value = {
         position: "absolute",
         left: `${m}px`,
-        top: `${R}px`
+        top: `${x}px`
       };
     });
   };
-  function i() {
-    !u.value || !o.value || (f = E(u.value, o.value, s));
+  function a() {
+    !u.value || !s.value || (d = D(u.value, s.value, l));
   }
   function c() {
-    f && (f(), f = null);
+    d && (d(), d = null);
   }
-  const _ = C(() => ({
+  const _ = R(() => C({
     display: "flex",
-    zIndex: t,
-    ...r.value
-  }));
+    zIndex: t
+  }, r.value));
   return {
-    floatingRef: o,
+    floatingRef: s,
     style: _
   };
 }
-const H = {
+const ne = {
   name: "SuggestionMenuController",
   components: {
-    SuggestionMenuWrapper: K
+    SuggestionMenuWrapper: ee
   },
   props: {
     triggerCharacter: { type: String, required: !0 },
@@ -260,11 +286,12 @@ const H = {
     onItemClick: { type: Function }
   },
   setup(n) {
-    const e = M("editor"), t = d(null), l = C(() => {
+    const e = $("editor"), t = f(null), o = R(() => {
       var _;
-      return (((_ = t.value) == null ? void 0 : _.show) && (!n.minQueryLength || t.value.ignoreQueryLength || !t.value.query.startsWith(" ") && t.value.query.length >= n.minQueryLength)) ?? !1;
-    }), { floatingRef: u, style: o } = X(
-      () => l.value,
+      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;
+    }), { floatingRef: u, style: s } = te(
+      () => o.value,
       () => {
         var c;
         return ((c = t.value) == null ? void 0 : c.referencePos) || null;
@@ -273,10 +300,10 @@ const H = {
       {
         placement: "bottom-start",
         middleware: [
-          I(10),
-          S({ mainAxis: !0, crossAxis: !1 }),
-          $(),
-          w({
+          q(10),
+          b({ mainAxis: !0, crossAxis: !1 }),
+          k(),
+          L({
             apply({ availableHeight: c, elements: _ }) {
               Object.assign(_.floating.style, {
                 maxHeight: `${c - 10}px`
@@ -296,13 +323,13 @@ const H = {
           t.value = c;
         }
       );
-    }), h(() => {
+    }), S(() => {
       r && r();
     }), {
       state: t,
       floatingRef: u,
-      style: o,
-      showDom: l,
+      style: s,
+      showDom: o,
       closeMenu: () => {
         e.value.suggestionMenus.closeMenu();
       },
@@ -315,22 +342,22 @@ const H = {
     };
   }
 };
-var G = function() {
+var ue = 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();
-}, J = [], Y = /* @__PURE__ */ y(
-  H,
-  G,
-  J,
+}, re = [], le = /* @__PURE__ */ y(
+  ne,
+  ue,
+  re,
   !1,
   null,
   "f5b73a66",
   null,
   null
 );
-const ue = Y.exports;
+const de = le.exports;
 export {
-  ne as MEditorVue2,
-  ue as SuggestionMenuController,
-  ne as default
+  ce as MEditorVue2,
+  de as SuggestionMenuController,
+  ce as default
 };

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "@shenjipo/mention-vue2",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "style": "dist/index.css",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./dist/index.css": "./dist/index.css"
+  },
   "files": [
     "dist"
   ],
@@ -15,7 +23,7 @@
     "@floating-ui/dom": "^1.1.9",
     "vue": "^2.7.7",
     "vue-demi": "^0.14.10",
-    "@shenjipo/mention-editor": "2.2.0"
+    "@shenjipo/mention-editor": "2.3.0"
   },
   "devDependencies": {
     "@types/node": "^16.11.45",