@opentiny/tiny-robot 0.3.0-alpha.8 → 0.3.0-rc.0

package/dist/sender/index.js

@@ -1,279 +1,227 @@
-import { ref as F, watch as Q, reactive as at, computed as E, nextTick as G, defineComponent as ge, createElementBlock as O, openBlock as S, createCommentVNode as A, normalizeStyle as Fe, createBlock as X, unref as b, withCtx as ce, createElementVNode as N, createVNode as z, normalizeClass as Y, toDisplayString as le, useAttrs as lt, resolveComponent as it, mergeProps as pe, Fragment as de, renderList as he, mergeModels as rt, useModel as ut, Transition as De, withModifiers as ct, useSlots as dt, renderSlot as ae, isRef as ft, createTextVNode as Ue } from "vue";
-import { I as pt } from "../index6.js";
-import { d as ht } from "../index3.js";
-import { T as Be } from "../index2.js";
-import { d as gt, o as vt, j as yt, a as mt, S as St, K as wt, u as _t } from "../tiny-robot-svgs.js";
-import { _ as be } from "../_plugin-vue_export-helper.js";
-import { t as bt } from "../utils.js";
-function Ct(i, u) {
-  const s = F(i.modelValue || i.defaultValue || ""), r = F(null);
-  Q(
-    () => i.modelValue,
-    (p) => {
-      p !== void 0 && p !== s.value && (s.value = p);
+import { ref as M, watch as ne, reactive as ot, computed as B, defineComponent as Se, createElementBlock as I, openBlock as b, createCommentVNode as N, normalizeStyle as Ve, createBlock as Y, unref as C, withCtx as he, createElementVNode as U, createVNode as Z, normalizeClass as oe, toDisplayString as ue, useAttrs as st, resolveComponent as at, mergeProps as _e, Fragment as ye, renderList as we, mergeModels as lt, useModel as rt, onMounted as it, onUnmounted as ut, nextTick as te, Transition as We, withModifiers as ct, useSlots as dt, renderSlot as ie, isRef as ft, createTextVNode as je } from "vue";
+import { TinyTooltip as Fe, TinyInput as pt } from "@opentiny/vue";
+import { d as ht } from "../index2.js";
+import { IconUpload as yt, IconVoice as vt, IconLoadingSpeech as gt, IconClose as mt, IconSend as bt, IconStop as _t, IconAssociate as wt } from "@opentiny/tiny-robot-svgs";
+import { _ as Ce } from "../_plugin-vue_export-helper.js";
+import { t as St } from "../utils.js";
+function Ct(l, c) {
+  const s = M(l.modelValue || l.defaultValue || ""), i = M(null);
+  ne(
+    () => l.modelValue,
+    (h) => {
+      h !== void 0 && h !== s.value && (s.value = h);
     }
-  ), Q(
+  ), ne(
     () => s.value,
-    (p) => {
-      u("update:modelValue", p);
+    (h) => {
+      c("update:modelValue", h);
     }
   );
-  const y = (p) => {
-    s.value = p, u("update:modelValue", p);
-  }, w = (p) => {
-    p == null || p.preventDefault();
-    const k = s.value;
-    !i.disabled && !i.loading && k.trim() && u("submit", k);
+  const v = (h) => {
+    s.value = h, c("update:modelValue", h);
+  }, S = (h) => {
+    h == null || h.preventDefault();
+    const w = s.value;
+    !l.disabled && !l.loading && w.trim() && c("submit", w);
   }, a = () => {
-    s.value = "", u("update:modelValue", ""), u("clear");
-  }, h = F(!1);
+    s.value = "", c("update:modelValue", ""), c("clear");
+  }, d = M(!1);
   return {
     inputValue: s,
-    inputWrapper: r,
-    isComposing: h,
-    handleChange: y,
-    handleSubmit: w,
+    inputWrapper: i,
+    isComposing: d,
+    handleChange: v,
+    handleSubmit: S,
     handleClear: a,
     clearInput: () => {
       a();
     }
   };
 }
-function kt(i, u, s, r, y, w, a, h, _, p, k, g, T, m, L, M) {
-  const B = () => {
-    g.value && (L != null && L.value && (M == null || M()), u("submit", s.value.trim()));
-  }, v = (f, K) => {
-    if (!(f.key === "Enter")) return !1;
-    switch (K) {
+function xt(l, c, s, i, v, S, a, d, x, h, w, y, K, W, F, P) {
+  const T = () => {
+    y.value && (F != null && F.value && (P == null || P()), c("submit", s.value.trim()));
+  }, g = (p, Q) => {
+    if (!(p.key === "Enter")) return !1;
+    switch (Q) {
       case "enter":
-        return !f.shiftKey && !f.ctrlKey && !f.metaKey;
+        return !p.shiftKey && !p.ctrlKey && !p.metaKey;
       case "ctrlEnter":
-        return (f.ctrlKey || f.metaKey) && !f.shiftKey;
+        return (p.ctrlKey || p.metaKey) && !p.shiftKey;
       case "shiftEnter":
-        return f.shiftKey && !f.ctrlKey && !f.metaKey;
+        return p.shiftKey && !p.ctrlKey && !p.metaKey;
       default:
         return !1;
     }
   };
   return {
-    handleKeyPress: (f) => {
-      if (r.value) return;
-      if (f.key === "Enter" && f.shiftKey && (T == null ? void 0 : T.value) === "single" && m) {
-        f.preventDefault(), m();
-        const q = f.target, V = q.selectionStart, Z = s.value;
-        s.value = Z.substring(0, V) + `
-` + Z.substring(V), setTimeout(() => {
-          q.selectionStart = q.selectionEnd = V + 1;
+    handleKeyPress: (p) => {
+      if (i.value) return;
+      if (p.key === "Enter" && p.shiftKey && (K == null ? void 0 : K.value) === "single" && W) {
+        p.preventDefault(), W();
+        const E = p.target, q = E.selectionStart, ee = s.value;
+        s.value = ee.substring(0, q) + `
+` + ee.substring(q), setTimeout(() => {
+          E.selectionStart = E.selectionEnd = q + 1;
         }, 0);
         return;
       }
-      if (f.key === "Tab" && w.value && a.value) {
-        f.preventDefault(), h();
+      if (p.key === "Tab" && S.value && a.value) {
+        p.preventDefault(), d();
         return;
       }
-      if (w.value) {
-        if (f.key === "ArrowDown") {
-          f.preventDefault(), p("down");
+      if (S.value) {
+        if (p.key === "ArrowDown") {
+          p.preventDefault(), h("down");
           return;
         }
-        if (f.key === "ArrowUp") {
-          f.preventDefault(), p("up");
+        if (p.key === "ArrowUp") {
+          p.preventDefault(), h("up");
           return;
         }
-        if (f.key === "Enter" && a.value) {
-          f.preventDefault(), h();
+        if (p.key === "Enter" && a.value) {
+          p.preventDefault(), d();
           return;
         }
       }
-      if (f.key === "Escape") {
-        w.value ? (_(), f.preventDefault()) : y.isRecording && (k(), f.preventDefault()), u("escape-press");
+      if (p.key === "Escape") {
+        S.value ? (x(), p.preventDefault()) : v.isRecording && (w(), p.preventDefault()), c("escape-press");
         return;
       }
-      v(f, i.submitType) && (f.preventDefault(), g.value && B());
+      g(p, l.submitType) && (p.preventDefault(), y.value && T());
     },
-    triggerSubmit: B
+    triggerSubmit: T
   };
 }
-function xt(i) {
-  const u = at({
+function kt(l) {
+  const c = ot({
     isRecording: !1,
     isSupported: typeof window < "u" && "webkitSpeechRecognition" in window || "SpeechRecognition" in window,
     error: void 0
-  }), s = u.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
-  s !== void 0 && (s.continuous = i.continuous ?? !1, s.interimResults = i.interimResults ?? !0, s.lang = i.lang ?? navigator.language, s.onstart = () => {
+  }), s = c.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
+  s !== void 0 && (s.continuous = l.continuous ?? !1, s.interimResults = l.interimResults ?? !0, s.lang = l.lang ?? navigator.language, s.onstart = () => {
     var a;
-    u.isRecording = !0, u.error = void 0, (a = i.onStart) == null || a.call(i);
+    c.isRecording = !0, c.error = void 0, (a = l.onStart) == null || a.call(l);
   }, s.onend = () => {
     var a;
-    u.isRecording = !1, (a = i.onEnd) == null || a.call(i);
+    c.isRecording = !1, (a = l.onEnd) == null || a.call(l);
   }, s.onresult = (a) => {
-    var _, p;
-    const h = Array.from(a.results).map((k) => k[0].transcript).join("");
-    a.results[0].isFinal ? (_ = i.onFinal) == null || _.call(i, h) : (p = i.onInterim) == null || p.call(i, h);
+    var x, h;
+    const d = Array.from(a.results).map((w) => w[0].transcript).join("");
+    a.results[0].isFinal ? (x = l.onFinal) == null || x.call(l, d) : (h = l.onInterim) == null || h.call(l, d);
   }, s.onerror = (a) => {
-    var h;
-    u.error = new Error(a.error), u.isRecording = !1, (h = i.onError) == null || h.call(i, u.error);
+    var d;
+    c.error = new Error(a.error), c.isRecording = !1, (d = l.onError) == null || d.call(l, c.error);
   });
-  const r = () => {
+  const i = () => {
     var a;
     if (!s) {
-      const h = new Error("浏览器不支持语音识别");
-      u.error = h, (a = i.onError) == null || a.call(i, h);
+      const d = new Error("浏览器不支持语音识别");
+      c.error = d, (a = l.onError) == null || a.call(l, d);
       return;
     }
-    if (u.isRecording) {
+    if (c.isRecording) {
       try {
         s.stop(), setTimeout(() => {
           try {
             s.start();
-          } catch (h) {
-            w(h);
+          } catch (d) {
+            S(d);
           }
         }, 100);
-      } catch (h) {
-        w(h);
+      } catch (d) {
+        S(d);
       }
       return;
     }
     try {
       s.start();
-    } catch (h) {
-      w(h);
+    } catch (d) {
+      S(d);
     }
-  }, y = () => {
-    if (s && u.isRecording)
+  }, v = () => {
+    if (s && c.isRecording)
       try {
         s.stop();
       } catch (a) {
-        w(a);
+        S(a);
       }
-  }, w = (a) => {
-    var h;
-    u.error = a instanceof Error ? a : new Error("语音识别操作失败"), u.isRecording = !1, (h = i.onError) == null || h.call(i, u.error);
+  }, S = (a) => {
+    var d;
+    c.error = a instanceof Error ? a : new Error("语音识别操作失败"), c.isRecording = !1, (d = l.onError) == null || d.call(l, c.error);
   };
   return {
-    speechState: u,
-    start: r,
-    stop: y
+    speechState: c,
+    start: i,
+    stop: v
   };
 }
-const It = (i, u) => {
-  if (!u || !i)
-    return [{ text: i, isMatch: !1 }];
-  const s = i.toLowerCase(), r = u.toLowerCase(), y = [];
-  let w = 0;
-  for (; w < s.length; ) {
-    const p = s.indexOf(r, w);
-    if (p === -1) break;
-    y.push({
-      start: p,
-      end: p + u.length
-    }), w = p + 1;
-  }
-  if (y.length === 0)
-    return [{ text: i, isMatch: !1 }];
-  const a = [];
-  for (const p of y)
-    if (a.length === 0)
-      a.push(p);
-    else {
-      const k = a[a.length - 1];
-      p.start <= k.end ? k.end = Math.max(k.end, p.end) : a.push(p);
-    }
-  const h = [];
-  let _ = 0;
-  for (const p of a)
-    _ < p.start && h.push({
-      text: i.substring(_, p.start),
-      isMatch: !1
-    }), h.push({
-      text: i.substring(p.start, p.end),
-      isMatch: !0
-    }), _ = p.end;
-  return _ < i.length && h.push({
-    text: i.substring(_),
-    isMatch: !1
-  }), h;
-};
-function Rt(i, u, s, r, y) {
-  const w = F(!1), a = F(-1), h = F(-1), _ = F(""), p = F(!1), k = F(null), g = F(!1), T = F(null), m = E(() => {
-    if (!i.suggestions || !s.value || y.value) return [];
-    const R = s.value.toLowerCase();
-    return i.suggestions.filter((U) => U.toLowerCase().includes(R));
-  }), L = E(() => {
-    let R = -1;
-    return T.value === "mouse" && h.value !== -1 ? R = h.value : T.value === "keyboard" && a.value !== -1 && (R = a.value), m.value[R] || null;
-  }), M = (R) => R === a.value || R === h.value, B = (R) => {
-    if (T.value === null) {
-      _.value = "", p.value = !1;
+function It(l, c, s, i, v, S) {
+  const a = M(!1), d = M(-1), x = M(-1), h = M(null), w = M(""), y = M(!1), K = B(() => {
+    var j, J;
+    if (!((j = l.value) != null && j.length)) return "";
+    const k = h.value === "mouse" ? x.value : d.value;
+    return ((J = l.value[k]) == null ? void 0 : J.content) || "";
+  }), W = (k) => {
+    w.value = k, y.value = !0;
+  }, F = () => {
+    w.value = "", y.value = !1;
+  }, P = (k) => {
+    const j = k || K.value;
+    if (!j || !c.value) {
+      F();
       return;
     }
-    const U = R || L.value;
-    U && s.value && U.toLowerCase().startsWith(s.value.toLowerCase()) ? (_.value = U.substring(s.value.length), p.value = !0) : (_.value = "", p.value = !1);
-  }, v = () => {
-    w.value = !1, a.value = -1, h.value = -1, T.value = null, _.value = "", p.value = !1;
+    const J = j.substring(c.value.length);
+    j.toLowerCase().startsWith(c.value.toLowerCase()) && J ? W(J) : F();
+  }, T = () => {
+    d.value = -1, x.value = -1, h.value = null;
+  }, g = () => {
+    a.value = !0, P();
+  }, O = () => {
+    a.value = !1, T(), F();
+  }, p = B(() => {
+    var k;
+    return s.value ? !0 : !!(c.value && ((k = l.value) == null ? void 0 : k.length) > 0 && !i.value);
+  }), Q = (k) => {
+    O(), c.value = k, v(k), S(k);
+  }, E = () => {
+    K.value && Q(K.value);
+  }, q = (k) => {
+    !a.value || !l.value || (h.value = "keyboard", d.value === -1 ? d.value = k === "down" ? 0 : l.value.length - 1 : k === "down" ? d.value = (d.value + 1) % l.value.length : d.value = (d.value - 1 + l.value.length) % l.value.length, P());
+  }, ee = (k) => {
+    l.value && (h.value = "mouse", x.value = k, P());
   }, H = () => {
-    w.value = !0, a.value = -1, h.value = -1, T.value = null, B();
-  }, f = () => {
-    r.value || g.value || G(() => {
-      s.value && i.suggestions && i.suggestions.length > 0 && !y.value && m.value.length > 0 ? H() : v();
-    });
-  };
-  Q(s, f), Q(() => i.suggestions, f);
-  const K = (R) => {
-    g.value = !0, s.value = R, u("update:modelValue", R), u("suggestion-select", R), V(), G(() => {
-      g.value = !1;
-    });
-  }, q = () => {
-    L.value && K(L.value);
-  }, V = () => {
-    v();
+    l.value && (x.value = -1, d.value !== -1 ? h.value = "keyboard" : h.value = null, P());
   };
-  return {
-    showSuggestionsPopup: w,
-    completionPlaceholder: _,
-    showTabHint: p,
-    suggestionsListRef: k,
-    filteredSuggestions: m,
-    activeSuggestion: L,
-    isItemHighlighted: M,
-    updateCompletionPlaceholder: B,
-    updateSuggestionsState: f,
-    selectSuggestion: K,
-    acceptCurrentSuggestion: q,
-    closeSuggestionsPopup: V,
-    navigateSuggestions: (R) => {
-      if (!w.value || m.value.length === 0) return;
-      T.value = "keyboard", a.value === -1 ? a.value = R === "down" ? 0 : m.value.length - 1 : R === "down" ? a.value = (a.value + 1) % m.value.length : a.value = (a.value - 1 + m.value.length) % m.value.length;
-      const U = m.value[a.value];
-      U && B(U);
-      const j = k.value;
-      if (j) {
-        const ne = j.children[a.value];
-        ne && ne.scrollIntoView({ block: "nearest" });
-      }
-    },
-    handleSuggestionItemHover: (R) => {
-      T.value = "mouse", h.value = R, B(m.value[R]);
-    },
-    handleSuggestionItemLeave: () => {
-      if (h.value = -1, a.value !== -1) {
-        T.value = "keyboard";
-        const R = m.value[a.value];
-        R && B(R);
-      } else
-        T.value = null, B();
-    },
-    handleClickOutside: () => {
-      V();
-    },
-    highlightSuggestionText: It
+  return ne(p, (k) => {
+    k ? a.value || g() : a.value && O();
+  }), {
+    // 弹窗控制
+    isPopupVisible: a,
+    openPopup: g,
+    closePopup: O,
+    // 自动完成占位符
+    autoCompleteText: w,
+    showTabIndicator: y,
+    syncAutoComplete: P,
+    // 选中控制层
+    activeSuggestion: K,
+    activeKeyboardIndex: d,
+    activeMouseIndex: x,
+    // 交互处理
+    navigateWithKeyboard: q,
+    handleMouseEnter: ee,
+    handleMouseLeave: H,
+    // 业务操作
+    applySuggestion: Q,
+    confirmSelection: E
   };
 }
-const Tt = { class: "action-buttons" }, Ot = { class: "action-buttons__submit-content" }, $t = {
+const Tt = { class: "action-buttons" }, Rt = { class: "action-buttons__submit-content" }, Ot = {
   key: 0,
   class: "action-buttons__cancel-text"
-}, Bt = /* @__PURE__ */ ge({
+}, Et = /* @__PURE__ */ Se({
   __name: "ActionButtons",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -293,133 +241,144 @@ const Tt = { class: "action-buttons" }, Ot = { class: "action-buttons__submit-co
     stopText: { default: void 0 }
   },
   emits: ["clear", "toggle-speech", "submit", "cancel", "trigger-select"],
-  setup(i, { emit: u }) {
-    const s = i, r = u, y = E(() => {
-      var H, f;
-      const v = (f = (H = s.buttonGroup) == null ? void 0 : H.file) == null ? void 0 : f.tooltips;
-      if (typeof v == "string" && v)
-        return () => v;
-      if (typeof v == "function")
-        return v;
-    }), w = E(() => {
-      var H, f;
-      const v = (f = (H = s.buttonGroup) == null ? void 0 : H.submit) == null ? void 0 : f.tooltips;
-      if (typeof v == "string" && v)
-        return () => v;
-      if (typeof v == "function")
-        return v;
-    }), a = E(() => s.allowSpeech), h = E(() => s.speechStatus.isRecording), _ = E(() => s.disabled), p = E(() => {
-      var v, H;
-      return _.value || s.isOverLimit || ((H = (v = s.buttonGroup) == null ? void 0 : v.submit) == null ? void 0 : H.disabled);
-    }), k = E(() => s.allowFiles || s.allowSpeech || s.showClear), g = () => {
-      _.value || r("clear");
-    }, T = () => {
-      if (!_.value) {
-        const v = !s.speechStatus.isRecording;
-        r("toggle-speech", v);
+  setup(l, { emit: c }) {
+    const s = l, i = c, v = B(() => {
+      var O, p;
+      const g = (p = (O = s.buttonGroup) == null ? void 0 : O.file) == null ? void 0 : p.tooltips;
+      if (typeof g == "string" && g)
+        return () => g;
+      if (typeof g == "function")
+        return g;
+    }), S = B(() => {
+      var O, p;
+      const g = (p = (O = s.buttonGroup) == null ? void 0 : O.submit) == null ? void 0 : p.tooltips;
+      if (typeof g == "string" && g)
+        return () => g;
+      if (typeof g == "function")
+        return g;
+    }), a = B(() => s.allowSpeech), d = B(() => s.speechStatus.isRecording), x = B(() => s.disabled), h = B(() => {
+      var g, O;
+      return x.value || s.isOverLimit || ((O = (g = s.buttonGroup) == null ? void 0 : g.submit) == null ? void 0 : O.disabled);
+    }), w = B(() => s.allowFiles || s.allowSpeech || s.showClear), y = () => {
+      x.value || i("clear");
+    }, K = () => {
+      if (!x.value) {
+        const g = !s.speechStatus.isRecording;
+        i("toggle-speech", g);
       }
-    }, m = () => {
-      p.value || r("submit");
-    }, L = () => {
-      _.value || r("cancel");
-    }, M = E(() => {
-      var v, H;
-      return _.value || ((H = (v = s.buttonGroup) == null ? void 0 : v.file) == null ? void 0 : H.disabled);
-    }), B = () => {
-      M.value || r("trigger-select");
+    }, W = () => {
+      h.value || i("submit");
+    }, F = () => {
+      x.value || i("cancel");
+    }, P = B(() => {
+      var g, O;
+      return x.value || ((O = (g = s.buttonGroup) == null ? void 0 : g.file) == null ? void 0 : O.disabled);
+    }), T = () => {
+      P.value || i("trigger-select");
     };
-    return (v, H) => (S(), O("div", Tt, [
-      k.value ? (S(), O("div", {
+    return (g, O) => (b(), I("div", Tt, [
+      w.value ? (b(), I("div", {
         key: 0,
         class: "action-buttons__utility",
-        style: Fe({ "padding-right": v.hasContent || v.loading ? "0" : "6px" })
+        style: Ve({ "padding-right": g.hasContent || g.loading ? "0" : "6px" })
       }, [
-        v.allowFiles && !v.loading ? (S(), X(b(Be), {
+        g.allowFiles && !g.loading ? (b(), Y(C(Fe), {
           key: 0,
           effect: "light",
           placement: "top",
-          "render-content": y.value,
+          "render-content": v.value,
           "visible-arrow": !1
         }, {
-          default: ce(() => [
-            N("div", {
+          default: he(() => [
+            U("div", {
               class: "action-buttons__button",
-              onClick: B
+              onClick: T
             }, [
-              z(b(gt), {
-                class: Y(["action-buttons__icon", "action-buttons__icon--upload", { "is-disabled": M.value }]),
+              Z(C(yt), {
+                class: oe(["action-buttons__icon", "action-buttons__icon--upload", { "is-disabled": P.value }]),
                 alt: "上传文件"
               }, null, 8, ["class"])
             ])
           ]),
           _: 1
-        }, 8, ["render-content"])) : A("", !0),
-        a.value && !v.loading ? (S(), O("div", {
+        }, 8, ["render-content"])) : N("", !0),
+        a.value && !g.loading ? (b(), I("div", {
           key: 1,
-          class: Y(["action-buttons__button", { "is-recording": h.value }]),
-          onClick: T
+          class: oe(["action-buttons__button", { "is-recording": d.value }]),
+          onClick: K
         }, [
-          h.value ? (S(), X(b(yt), {
+          d.value ? (b(), Y(C(gt), {
             key: 1,
             class: "action-buttons__icon action-buttons__icon--recording",
             alt: "语音中"
-          })) : (S(), X(b(vt), {
+          })) : (b(), Y(C(vt), {
             key: 0,
             class: "action-buttons__icon",
             alt: "录音"
           }))
-        ], 2)) : A("", !0),
-        v.showClear ? (S(), X(b(Be), {
+        ], 2)) : N("", !0),
+        g.showClear ? (b(), Y(C(Fe), {
           key: 2,
           content: "清空内容",
           placement: "top"
         }, {
-          default: ce(() => [
-            N("div", {
+          default: he(() => [
+            U("div", {
               class: "action-buttons__button",
-              onClick: g
+              onClick: y
             }, [
-              z(b(mt), { class: "action-buttons__icon action-buttons__icon--clear" })
+              Z(C(mt), { class: "action-buttons__icon action-buttons__icon--clear" })
             ])
           ]),
           _: 1
-        })) : A("", !0)
-      ], 4)) : A("", !0),
-      v.hasContent || v.loading ? (S(), O("div", {
+        })) : N("", !0)
+      ], 4)) : N("", !0),
+      g.hasContent || g.loading ? (b(), I("div", {
         key: 1,
         class: "action-buttons__button action-buttons__submit",
-        onClick: H[0] || (H[0] = (f) => v.loading ? L() : m())
+        onClick: O[0] || (O[0] = (p) => g.loading ? F() : W())
       }, [
-        N("div", Ot, [
-          v.loading ? (S(), O("div", {
+        U("div", Rt, [
+          g.loading ? (b(), I("div", {
             key: 1,
-            class: Y(["action-buttons__cancel", { "action-buttons__cancel--icon-only": !v.stopText }])
+            class: oe(["action-buttons__cancel", { "action-buttons__cancel--icon-only": !g.stopText }])
           }, [
-            z(b(wt), {
+            Z(C(_t), {
               class: "action-buttons__icon action-buttons__icon--cancel",
               alt: "停止"
             }),
-            v.stopText ? (S(), O("span", $t, le(v.stopText), 1)) : A("", !0)
-          ], 2)) : (S(), X(b(Be), {
+            g.stopText ? (b(), I("span", Ot, ue(g.stopText), 1)) : N("", !0)
+          ], 2)) : (b(), Y(C(Fe), {
             key: 0,
             effect: "light",
             placement: "top",
-            "render-content": w.value,
+            "render-content": S.value,
             "visible-arrow": !1
           }, {
-            default: ce(() => [
-              z(b(St), {
-                class: Y(["action-buttons__icon", "action-buttons__icon--send", { "is-disabled": p.value }]),
+            default: he(() => [
+              Z(C(bt), {
+                class: oe(["action-buttons__icon", "action-buttons__icon--send", { "is-disabled": h.value }]),
                 alt: "发送"
               }, null, 8, ["class"])
             ]),
             _: 1
           }, 8, ["render-content"]))
         ])
-      ])) : A("", !0)
+      ])) : N("", !0)
     ]));
   }
-}), je = /* @__PURE__ */ be(Bt, [["__scopeId", "data-v-2b573a4e"]]), Lt = ["data-id", "data-type"], Et = ["data-id", "data-type"], Dt = /* @__PURE__ */ ge({
+}), Je = /* @__PURE__ */ Ce(Et, [["__scopeId", "data-v-ee42294d"]]);
+function $t(l, c = {}) {
+  let s = [], i = [], v = l;
+  return { commit: (w) => {
+    var y;
+    s.push(v), v = w, i.length && ((y = c.onRemoveHistory) == null || y.call(c, i)), i = [];
+  }, undo: () => s.length ? (i.push(v), v = s.pop(), v) : null, redo: () => i.length ? (s.push(v), v = i.pop(), v) : null, clear: () => {
+    var w, y;
+    s.length && ((w = c.onRemoveHistory) == null || w.call(c, s)), i.length && ((y = c.onRemoveHistory) == null || y.call(c, i)), s = [], i = [];
+  }, get: () => v };
+}
+const Lt = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Dt = /* @__PURE__ */ Se({
   inheritAttrs: !1,
   __name: "Block",
   props: {
@@ -429,61 +388,63 @@ const Tt = { class: "action-buttons" }, Ot = { class: "action-buttons__submit-co
     readonly: { type: Boolean },
     asChild: { type: Boolean }
   },
-  setup(i) {
-    const u = i, s = lt();
-    return (r, y) => {
-      const w = it("Block", !0);
-      return u.type !== "block" ? (S(), O("span", pe({
+  setup(l) {
+    const c = l, s = st();
+    return (i, v) => {
+      const S = at("Block", !0);
+      return c.type !== "block" ? (b(), I("span", _e({
         key: 0,
-        "data-id": u.id,
-        "data-type": u.type
-      }, b(s)), le(u.content), 17, Lt)) : (S(), O(de, { key: 1 }, [
-        u.asChild ? (S(!0), O(de, { key: 0 }, he(u.content, (a) => (S(), X(w, pe({
+        "data-id": c.id,
+        "data-type": c.type
+      }, C(s)), ue(c.content), 17, Lt)) : (b(), I(ye, { key: 1 }, [
+        c.asChild ? (b(!0), I(ye, { key: 0 }, we(c.content, (a) => (b(), Y(S, _e({
           key: `${a.id}-${a.type}`
-        }, { ref_for: !0 }, a), null, 16))), 128)) : (S(), O("span", pe({
+        }, { ref_for: !0 }, a), null, 16))), 128)) : (b(), I("span", _e({
           key: 1,
-          "data-id": u.id,
-          "data-type": u.type
-        }, b(s)), [
-          (S(!0), O(de, null, he(u.content, (a) => (S(), X(w, pe({
+          "data-id": c.id,
+          "data-type": c.type
+        }, C(s)), [
+          (b(!0), I(ye, null, we(c.content, (a) => (b(), Y(S, _e({
             key: `${a.id}-${a.type}`
           }, { ref_for: !0 }, a), null, 16))), 128))
-        ], 16, Et))
+        ], 16, Bt))
       ], 64));
     };
   }
-}), Ft = /* @__PURE__ */ be(Dt, [["__scopeId", "data-v-13862606"]]);
-function Ht(i, u = {}) {
-  let s = [], r = [], y = i;
-  return { commit: (k) => {
-    var g;
-    s.push(y), y = k, r.length && ((g = u.onRemoveHistory) == null || g.call(u, r)), r = [];
-  }, undo: () => s.length ? (r.push(y), y = s.pop(), y) : null, redo: () => r.length ? (s.push(y), y = r.pop(), y) : null, clear: () => {
-    var k, g;
-    s.length && ((k = u.onRemoveHistory) == null || k.call(u, s)), r.length && ((g = u.onRemoveHistory) == null || g.call(u, r)), s = [], r = [];
-  }, get: () => y };
-}
-const Kt = { class: "editor-container" }, Le = "​", Ee = "​", Pt = /* @__PURE__ */ ge({
+}), At = /* @__PURE__ */ Ce(Dt, [["__scopeId", "data-v-13862606"]]), Kt = { class: "editor-container" }, Pe = "​", Mt = /* @__PURE__ */ Se({
   __name: "TemplateEditor",
   props: {
     modelValue: { default: () => [] },
     modelModifiers: {}
   },
-  emits: /* @__PURE__ */ rt(["submit"], ["update:modelValue"]),
-  setup(i, { expose: u, emit: s }) {
-    const r = typeof window.ShadowRoot.prototype.getSelection == "function", y = typeof window.Selection.prototype.getComposedRanges == "function";
-    function w() {
+  emits: /* @__PURE__ */ lt(["submit"], ["update:modelValue"]),
+  setup(l, { expose: c, emit: s }) {
+    const i = typeof window.ShadowRoot.prototype.getSelection == "function", v = typeof window.Selection.prototype.getComposedRanges == "function";
+    function S() {
       const e = navigator.userAgent;
       return e.includes("Safari") && !e.includes("Chrome") && !e.includes("Chromium") && !e.includes("CriOS");
     }
-    const a = w(), h = () => Math.random().toString(36).substring(2, 15), _ = ut(i, "modelValue"), p = s, k = F(0), g = (e) => e.map((t, o) => ({
-      id: `id-${o}`,
-      ...t.type === "template" ? { ...t, prefix: Le, suffix: Ee } : t
-    })), T = (e) => e.map((t) => ({ type: t.type, content: t.content })), m = F(g(_.value || [])), L = E(() => m.value.map((e) => e.type === "template" ? [
+    const a = S(), d = () => Math.random().toString(36).substring(2, 15), x = Pe, h = Pe, w = Pe, y = rt(l, "modelValue"), K = s, W = M(0), F = (e) => e.map((t) => ({
+      id: t.id || d(),
+      ...t.type === "template" ? { ...t, prefix: h, suffix: w } : t
+    })), P = (e) => e.map((t) => ({ id: t.id, type: t.type, content: t.content })), T = M(F(y.value || [])), g = (e) => {
+      T.value = e;
+    }, O = B(() => {
+      const e = [], t = [], n = T.value;
+      if (n.length >= 2) {
+        const r = n[0], f = n[1];
+        r.type === "text" && r.content.length === 0 && f.type === "template" && e.push({ ...r, content: x });
+        const _ = n[n.length - 1], $ = n[n.length - 2];
+        _.type === "text" && _.content.length === 0 && $.type === "template" && t.push({ ..._, content: x });
+      }
+      n.length > 0 && n[0].type === "template" && e.push({ type: "text", content: x, id: d() }), n.length > 0 && n[n.length - 1].type === "template" && t.push({ type: "text", content: x, id: d() });
+      const u = new RegExp(x, "g");
+      return n.length > 0 && (n[0].content !== x && (n[0].content = n[0].content.replace(u, "")), n[n.length - 1].content !== x && (n[n.length - 1].content = n[n.length - 1].content.replace(u, ""))), e.concat(n).concat(t);
+    }), p = B(() => T.value.map((e) => e.type === "template" ? [
       { id: e.id, type: "prefix", content: e.prefix },
       { id: e.id, type: "template", content: e.content },
       { id: e.id, type: "suffix", content: e.suffix }
-    ] : [e]).flat()), M = E(() => m.value.map((e) => e.type === "text" ? e : a ? {
+    ] : [e]).flat()), Q = B(() => O.value.map((e) => e.type === "text" ? e : a ? {
       id: e.id,
       type: "block",
       asChild: !0,
@@ -513,86 +474,95 @@ const Kt = { class: "editor-container" }, Le = "​", Ee = "​", Pt = /* @__PUR
         },
         { id: e.id, type: "suffix", content: e.suffix }
       ]
-    })), B = F(null), v = (e) => {
-      const t = Date.now(), o = JSON.stringify(e);
-      return `${t}:${o}`;
-    }, H = (e) => {
-      const t = parseInt(e.slice(0, 13)), o = JSON.parse(e.slice(14));
+    })), E = M(null), q = (e) => {
+      const t = Date.now(), n = JSON.stringify(e);
+      return `${t}:${n}`;
+    }, ee = (e) => {
+      const t = parseInt(e.slice(0, 13)), n = JSON.parse(e.slice(14));
       return {
         timestamp: t,
-        data: o
+        data: n
       };
-    }, f = /* @__PURE__ */ new Map(), K = Ht(v(m.value), {
+    }, H = /* @__PURE__ */ new Map(), k = $t(q(T.value), {
       onRemoveHistory: (e) => {
         for (const t of e)
-          f.delete(t);
+          H.delete(t);
       }
     });
-    Q(
-      () => _.value,
+    ne(
+      () => y.value,
       (e) => {
-        m.value = g(e || []), K.commit(v(m.value));
+        const t = F(e || []);
+        if (JSON.stringify(t) !== JSON.stringify(T.value)) {
+          if (E.value) {
+            const u = le(E.value);
+            u && H.set(k.get(), X(u));
+          }
+          g(t), k.commit(q(T.value));
+        }
       },
       { deep: !0 }
     );
-    const q = (e, t = document.body) => t.contains(e) ? e instanceof HTMLElement && e.dataset.id ? e : e.parentElement ? q(e.parentElement, t) : null : null, V = (e) => e === B.value, Z = (e) => {
+    const j = (e, t = document.body) => t.contains(e) ? e instanceof HTMLElement && e.dataset.id ? e : e.parentElement ? j(e.parentElement, t) : null : null, J = (e) => e === E.value, le = (e) => {
       const t = window.getSelection();
       if (!t)
         return null;
-      const o = t.rangeCount > 0 ? t.getRangeAt(0) : null, c = e.getRootNode();
-      if (!(c instanceof ShadowRoot))
-        return o;
-      if (y) {
-        const l = t.getComposedRanges(a ? c : { shadowRoots: [c] });
-        return (l == null ? void 0 : l[0]) ?? null;
+      const n = t.rangeCount > 0 ? t.getRangeAt(0) : null, u = e.getRootNode();
+      if (!(u instanceof ShadowRoot))
+        return n;
+      if (v) {
+        const r = t.getComposedRanges(a ? u : { shadowRoots: [u] });
+        return (r == null ? void 0 : r[0]) ?? null;
       }
-      if (r) {
-        const l = c.getSelection();
-        return l.rangeCount > 0 ? l.getRangeAt(0) : null;
+      if (i) {
+        const r = u.getSelection();
+        return r.rangeCount > 0 ? r.getRangeAt(0) : null;
       }
-      return o;
-    }, fe = (e, t) => {
-      var c;
+      return n;
+    }, V = (e, t) => {
+      var u;
       if (!e.firstChild || e.firstChild.nodeType !== Node.TEXT_NODE)
-        return console.warn("el.firstChild is not a text node. set anchor and focus to the element with offset 0", e), { node: e, offset: 0 };
-      const o = ((c = e.firstChild.textContent) == null ? void 0 : c.length) ?? 0;
-      return t > o && console.warn("offset is too large", { offset: t, el: e }), { node: e.firstChild, offset: Math.min(t, o) };
-    }, ee = (e, t, o, c) => {
-      const l = window.getSelection();
-      if (!l)
+        return { node: e, offset: 0 };
+      const n = ((u = e.firstChild.textContent) == null ? void 0 : u.length) ?? 0;
+      return { node: e.firstChild, offset: Math.min(t, n) };
+    }, z = (e, t, n, u) => {
+      const r = window.getSelection();
+      if (!r)
         return;
-      const { node: d, offset: x } = fe(e, t);
-      if (!o) {
-        l.setBaseAndExtent(d, x, d, x);
+      const { node: f, offset: _ } = V(e, t);
+      if (!n) {
+        r.setBaseAndExtent(f, _, f, _);
         return;
       }
-      const { node: C, offset: $ } = fe(o, c ?? 0);
-      l.setBaseAndExtent(d, x, C, $);
-    }, J = (e, t) => {
-      const o = h(), c = { id: o, type: "text", content: e };
+      const { node: $, offset: G } = V(n, u ?? 0);
+      r.setBaseAndExtent(f, _, $, G);
+    }, ve = (e, t) => {
+      const n = d(), u = { id: n, type: "text", content: e };
       if (t) {
-        const l = m.value.findIndex((d) => d.id === t);
-        l !== -1 ? m.value = m.value.slice(0, l + 1).concat(c).concat(m.value.slice(l + 1)) : console.warn(`can not find item with id: ${t}`);
+        const r = T.value.findIndex((f) => f.id === t);
+        r !== -1 ? (g(
+          T.value.slice(0, r + 1).concat(u).concat(T.value.slice(r + 1))
+        ), k.commit(q(T.value))) : console.warn(`can not find item with id: ${t}`);
       } else
-        m.value.unshift(c);
-      G(() => {
-        var d;
-        const l = (d = B.value) == null ? void 0 : d.querySelector(`[data-id="${o}"][data-type="text"]`);
-        l && ee(l, e.length);
-      }), _.value = T(m.value);
-    }, R = F({
+        g([u].concat(T.value)), k.commit(q(T.value));
+      te(() => {
+        var f;
+        const r = (f = E.value) == null ? void 0 : f.querySelector(`[data-id="${n}"][data-type="text"]`);
+        r && z(r, e.length);
+      }), y.value = P(T.value);
+    }, se = M({
       hasStarted: !1,
       range: null
-    }), U = (e) => {
-      var C;
+    }), xe = (e) => {
+      var $;
       const t = e;
       e.preventDefault();
-      const { inputType: o } = t, c = (t.data || ((C = t.dataTransfer) == null ? void 0 : C.getData("text/plain")) || "").replace(Le, "").replace(Ee, ""), l = t.getTargetRanges()[0];
-      if (!l) {
-        console.warn("range is null", l);
+      const { inputType: n } = t, u = (t.data || (($ = t.dataTransfer) == null ? void 0 : $.getData("text/plain")) || "").replace(h, "").replace(w, ""), r = t.getTargetRanges()[0];
+      if (!r) {
+        console.warn("range is null", r);
         return;
       }
-      const d = [
+      const f = [
         "insertText",
         "insertFromPaste",
         "insertReplacementText",
@@ -603,317 +573,409 @@ const Kt = { class: "editor-container" }, Le = "​", Ee = "​", Pt = /* @__PUR
         "deleteSoftLineBackward",
         "deleteSoftLineForward",
         "deleteByCut"
-      ], x = Z(B.value);
-      if (d.includes(o)) {
-        if (c && V(l.startContainer) && V(l.endContainer)) {
-          J(c), x && f.set(K.get(), j(x));
+      ], _ = le(E.value);
+      if (f.includes(n)) {
+        if (u && J(r.startContainer) && J(r.endContainer)) {
+          _ && H.set(k.get(), X(_)), ve(u);
           return;
         }
-        const $ = j(l);
-        $.startId && $.endId ? (P($, o, c), x && f.set(K.get(), j(x))) : console.warn("range is not valid, range:", $);
-      } else o === "insertCompositionText" && R.value.hasStarted && (R.value = { hasStarted: !1, range: j(l) });
-    }, j = (e) => {
-      const t = q(e.startContainer, B.value), o = q(e.endContainer, B.value);
+        const G = X(r);
+        G.startId && G.endId ? (_ && H.set(k.get(), X(_)), ce(G, n, u)) : console.warn("range is not valid, range:", G);
+      } else n === "insertCompositionText" && se.value.hasStarted && (se.value = { hasStarted: !1, range: X(r) });
+    }, X = (e) => {
+      const t = j(e.startContainer, E.value), n = j(e.endContainer, E.value);
       return {
         collapsed: e.collapsed,
         endContainer: e.endContainer,
-        endId: o == null ? void 0 : o.dataset.id,
+        endId: n == null ? void 0 : n.dataset.id,
+        endEl: n,
         endOffset: e.endOffset,
-        endType: o == null ? void 0 : o.dataset.type,
+        endType: n == null ? void 0 : n.dataset.type,
         startContainer: e.startContainer,
         startId: t == null ? void 0 : t.dataset.id,
+        startEl: t,
         startOffset: e.startOffset,
         startType: t == null ? void 0 : t.dataset.type
       };
-    }, ne = (e, t, o, c) => e.slice(0, o) + t + e.slice(c), P = (e, t, o) => {
-      const c = Ce(e);
-      if (!Array.isArray(c) || c.length === 0)
+    }, ke = (e, t, n, u) => e.slice(0, n) + t + e.slice(u), ce = (e, t, n) => {
+      const u = Be(e);
+      if (!Array.isArray(u) || u.length === 0)
         return;
-      const l = ke(c, e, t, o);
-      if (l.some((C) => C.tag === "new")) {
-        const { afterId: C, content: $ } = l[0];
-        J($, C);
+      const r = De(u, e, t, n);
+      if (r.some((R) => R.tag === "new")) {
+        const { afterId: R, content: L } = r[0];
+        ve(L, R);
         return;
       }
-      const d = l, x = [];
-      for (const [C, $] of d.entries()) {
-        const W = m.value.find((Oe) => Oe.id === $.id), te = C === 0 ? o : "";
-        W ? W.type === "text" ? W.content = ne(W.content, te, $.startOffset, $.endOffset) : W.type === "template" ? $.type === "prefix" || $.type === "suffix" ? $.startOffset === 0 && $.endOffset === 1 && te.length === 0 ? W[$.type] = "" : console.warn(`${$.type} can not be inserted text. it only can be deleted`, $) : $.startOffset < 0 || $.endOffset > W.content.length ? x.push(W.id) : W.content = ne(W.content, te, $.startOffset, $.endOffset) : console.warn("dataItem.type is not text or template", W) : console.warn("can not find dataItem", $);
+      const f = r, _ = [];
+      for (const [R, L] of f.entries()) {
+        const D = T.value.find((m) => m.id === L.id), o = R === 0 ? n : "";
+        D ? D.type === "text" ? D.content = ke(D.content, o, L.startOffset, L.endOffset) : D.type === "template" ? L.type === "prefix" || L.type === "suffix" ? L.startOffset === 0 && L.endOffset === 1 && o.length === 0 ? D[L.type] = "" : console.warn(`${L.type} can not be inserted text. it only can be deleted`, L) : L.startOffset < 0 || L.endOffset > D.content.length ? _.push(D.id) : D.content = ke(D.content, o, L.startOffset, L.endOffset) : console.warn("dataItem.type is not text or template", D) : console.warn("can not find dataItem", L);
       }
-      m.value = m.value.filter((C) => !x.includes(C.id)), m.value = m.value.filter((C) => C.type === "text" ? C.content.length > 0 : [C.prefix, C.suffix, C.content].join("").length > 0);
-      for (const C of m.value.filter(($) => $.type === "template"))
-        C.prefix.length === 0 && (C.prefix = Le), C.suffix.length === 0 && (C.suffix = Ee);
-      d.length > 0 && se(d, o), _.value = T(m.value);
-    }, se = (e, t) => {
-      const o = e[0], c = `[data-id="${o.id}"][data-type="${o.type}"]`, l = e.slice(1).map((d) => `[data-id="${d.id}"][data-type="${d.type}"]`);
-      G(() => {
-        var x, C;
-        const d = (x = B.value) == null ? void 0 : x.querySelector(c);
-        if (d)
-          ee(d, o.startOffset + t.length);
+      let $ = T.value.filter((R) => !_.includes(R.id));
+      $ = $.filter((R) => !(R.type === "template" && [R.prefix, R.suffix, R.content].join("").length === 0));
+      const G = /* @__PURE__ */ new Set();
+      $.forEach((R, L, D) => {
+        if (D.length >= 2) {
+          if (L === 0 || L === 1) {
+            const o = D[0], m = D[1];
+            if (o.type === "text" && o.content.length === 0 && m.type === "template")
+              return;
+          }
+          if (L === D.length - 2 || L === D.length - 1) {
+            const o = D[D.length - 1], m = D[D.length - 2];
+            if (o.type === "text" && o.content.length === 0 && m.type === "template")
+              return;
+          }
+        }
+        R.type === "text" && R.content.length === 0 && G.add(R.id);
+      }), $ = $.filter((R) => !G.has(R.id));
+      for (const R of $.filter((L) => L.type === "template"))
+        R.prefix.length === 0 && (R.prefix = h), R.suffix.length === 0 && (R.suffix = w);
+      g($), k.commit(q(T.value)), f.length > 0 && ge(f, n), y.value = P(T.value);
+    }, ge = (e, t) => {
+      const n = e[0], u = `[data-id="${n.id}"][data-type="${n.type}"]`, r = e.slice(1).map((f) => `[data-id="${f.id}"][data-type="${f.type}"]`);
+      te(() => {
+        var _, $;
+        const f = (_ = E.value) == null ? void 0 : _.querySelector(u);
+        if (f)
+          z(f, n.startOffset + t.length);
         else if (t.length === 0)
-          for (const $ of l) {
-            const W = (C = B.value) == null ? void 0 : C.querySelector($);
-            if (W) {
-              ee(W, 0);
+          for (const G of r) {
+            const R = ($ = E.value) == null ? void 0 : $.querySelector(G);
+            if (R) {
+              z(R, 0);
               break;
             }
           }
         else
-          console.warn(`can not find el with selector: ${c}`);
+          console.warn(`can not find el with selector: ${u}`);
       });
-    }, Ce = (e) => {
-      const t = L.value.findIndex((x) => x.id === e.startId && x.type === e.startType), o = L.value.findIndex((x) => x.id === e.endId && x.type === e.endType);
-      if (t === -1 || o === -1 || t > o)
+    }, Be = (e) => {
+      const t = p.value.findIndex((_) => _.id === e.startId && _.type === e.startType), n = p.value.findIndex((_) => _.id === e.endId && _.type === e.endType);
+      if (t === -1 || n === -1 || t > n)
         return console.warn("startIndex or endIndex is -1, or startIndex > endIndex. ", { range: e }), null;
-      const c = L.value[t], l = L.value[o];
-      if (t === o)
+      const u = p.value[t], r = p.value[n];
+      if (t === n)
         return [
           {
-            id: c.id,
-            type: c.type,
+            id: u.id,
+            type: u.type,
             startOffset: e.startOffset,
             endOffset: e.endOffset
           }
         ];
-      const d = [
+      const f = [
         {
-          id: c.id,
-          type: c.type,
+          id: u.id,
+          type: u.type,
           startOffset: e.startOffset,
-          endOffset: c.content.length
+          endOffset: u.content.length
         }
       ];
-      for (let x = t + 1; x < o; x++) {
-        const C = L.value[x];
-        d.push({
-          id: C.id,
-          type: C.type,
+      for (let _ = t + 1; _ < n; _++) {
+        const $ = p.value[_];
+        f.push({
+          id: $.id,
+          type: $.type,
           startOffset: 0,
-          endOffset: C.content.length
+          endOffset: $.content.length
         });
       }
-      return d.push({
-        id: l.id,
-        type: l.type,
+      return f.push({
+        id: r.id,
+        type: r.type,
         startOffset: 0,
         endOffset: e.endOffset
-      }), d;
-    }, ke = (e, t, o, c) => {
-      const l = e[0];
-      if (l.type !== "prefix" && l.type !== "suffix")
+      }), f;
+    }, De = (e, t, n, u) => {
+      const r = e[0];
+      if (r.type !== "prefix" && r.type !== "suffix")
         return e;
       if (e.length === 1) {
         if (t.collapsed)
           if (t.startOffset === 0) {
-            const d = ie(l, c);
-            return d ? [d] : [];
+            const f = ae(r, u);
+            return f ? [f] : [];
           } else {
-            const d = re(l, c);
-            return d ? [d] : [];
+            const f = de(r, u);
+            return f ? [f] : [];
           }
-        if (o.startsWith("insert"))
+        if (n.startsWith("insert"))
           if (a) {
-            const d = ie(l, c);
-            return d ? [d] : [];
+            const f = ae(r, u);
+            return f ? [f] : [];
           } else {
-            const d = re(l, c);
-            return d ? [d] : [];
+            const f = de(r, u);
+            return f ? [f] : [];
           }
-        if (o.startsWith("delete")) {
-          if (o.includes("Backward")) {
-            const d = ie(l, c, 1);
-            return d ? [d] : [];
-          } else if (o.includes("Forward")) {
-            const d = re(l, c, 1);
-            return d ? [d] : [];
+        if (n.startsWith("delete")) {
+          if (n.includes("Backward")) {
+            const f = ae(r, u, 1);
+            return f ? [f] : [];
+          } else if (n.includes("Forward")) {
+            const f = de(r, u, 1);
+            return f ? [f] : [];
           }
         }
       }
-      return c.length > 0 ? e.slice(1) : e;
-    }, ie = (e, t, o = 0) => {
-      const c = L.value.findIndex((l) => l.id === e.id && l.type === e.type);
-      if (c > 0) {
-        const l = L.value[c - 1], { id: d, type: x, content: C } = l;
-        if (x === "text" || x === "template")
+      return u.length > 0 ? e.slice(1) : e;
+    }, ae = (e, t, n = 0) => {
+      const u = p.value.findIndex((r) => r.id === e.id && r.type === e.type);
+      if (u > 0) {
+        const r = p.value[u - 1], { id: f, type: _, content: $ } = r;
+        if (_ === "text" || _ === "template")
           return {
-            id: d,
-            type: x,
-            startOffset: C.length - o,
-            endOffset: C.length
+            id: f,
+            type: _,
+            startOffset: $.length - n,
+            endOffset: $.length
           };
         if (t.length > 0)
-          return { tag: "new", afterId: d, type: "text", content: t };
-        if (console.warn("the previous item is not text or template", { current: e, previous: l }), o === 1)
+          return { tag: "new", afterId: f, type: "text", content: t };
+        if (console.warn("the previous item is not text or template", { current: e, previous: r }), n === 1)
           return { ...e, endOffset: e.startOffset };
       } else return t.length > 0 ? { tag: "new", type: "text", content: t } : (console.warn("the previous item of current is not found", { current: e }), null);
       return e;
-    }, re = (e, t, o = 0) => {
-      const c = L.value.findIndex((l) => l.id === e.id && l.type === e.type);
-      if (c < L.value.length - 1) {
-        const l = L.value[c + 1], { id: d, type: x } = l;
-        if (x === "text" || x === "template")
+    }, de = (e, t, n = 0) => {
+      const u = p.value.findIndex((r) => r.id === e.id && r.type === e.type);
+      if (u < p.value.length - 1) {
+        const r = p.value[u + 1], { id: f, type: _ } = r;
+        if (_ === "text" || _ === "template")
           return {
-            id: d,
-            type: x,
+            id: f,
+            type: _,
             startOffset: 0,
-            endOffset: 0 + o
+            endOffset: 0 + n
           };
         if (t.length > 0)
           return { tag: "new", afterId: e.id, type: "text", content: t };
-        if (console.warn("the next item is not text or template", { current: e, next: l }), o === 1)
+        if (console.warn("the next item is not text or template", { current: e, next: r }), n === 1)
           return { ...e, startOffset: e.endOffset };
       } else return t.length > 0 ? { tag: "new", afterId: e.id, type: "text", content: t } : (console.warn("the next item of current is not found", { current: e }), null);
       return e;
-    }, xe = () => {
-      R.value = { hasStarted: !0, range: null };
-    }, ve = (e) => {
-      const t = R.value.range;
-      t ? (e.data && V(t.startContainer) && V(t.endContainer) ? (J(e.data), f.set(K.get(), j(t))) : t.startId && t.endId ? (P(t, "insertCompositionText", e.data), f.set(K.get(), j(t))) : console.warn("range is not valid, range:", t), k.value++) : console.warn("range is null, compositionEnd:", e), R.value = { hasStarted: !1, range: null };
-    }, ue = (() => {
+    }, Ie = () => {
+      se.value = { hasStarted: !0, range: null };
+    }, me = (e) => {
+      const t = se.value.range;
+      t ? (e.data && J(t.startContainer) && J(t.endContainer) ? (H.set(k.get(), X(t)), ve(e.data)) : t.startId && t.endId ? (H.set(k.get(), X(t)), ce(t, "insertCompositionText", e.data)) : console.warn("range is not valid, range:", t), W.value++) : console.warn("range is null, compositionEnd:", e), se.value = { hasStarted: !1, range: null };
+    }, fe = (() => {
       const e = navigator.userAgent.toLowerCase();
       return /macintosh|mac os x|iphone|ipad|ipod/.test(e);
-    })(), Ie = (e) => {
-      const t = ue && e.metaKey && !e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Z
-      !ue && e.ctrlKey && !e.shiftKey && e.key.toLowerCase() === "z", o = ue && e.metaKey && e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Shift+z
-      !ue && e.ctrlKey && (e.key.toLowerCase() === "y" || e.shiftKey && e.key.toLowerCase() === "z"), c = e.key.toLowerCase() === "enter";
+    })(), pe = (e) => {
+      const t = fe && e.metaKey && !e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Z
+      !fe && e.ctrlKey && !e.shiftKey && e.key.toLowerCase() === "z", n = fe && e.metaKey && e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Shift+z
+      !fe && e.ctrlKey && (e.key.toLowerCase() === "y" || e.shiftKey && e.key.toLowerCase() === "z"), u = e.key.toLowerCase() === "enter";
       if (t) {
         e.preventDefault();
-        const l = Z(B.value);
-        l && f.set(K.get(), j(l));
-        const d = K.undo();
-        d && oe(d);
+        const r = le(E.value);
+        r && H.set(k.get(), X(r));
+        const f = k.undo();
+        f && Te(f);
       }
-      if (o) {
+      if (n) {
         e.preventDefault();
-        const l = K.redo();
-        l && oe(l);
+        const r = k.redo();
+        r && Te(r);
       }
-      c && (e.preventDefault(), p("submit"));
-    }, oe = (e) => {
-      const { data: t } = H(e);
-      if (m.value = t, f.has(e)) {
-        const o = f.get(e);
-        G(() => {
-          const c = B.value.querySelector(`[data-id="${o.startId}"][data-type="${o.startType}"]`), l = B.value.querySelector(`[data-id="${o.endId}"][data-type="${o.endType}"]`);
-          c && ee(c, o.startOffset, l, o.endOffset);
+      u && (e.preventDefault(), K("submit"));
+    }, Te = (e) => {
+      const { data: t } = ee(e);
+      if (g(t), H.has(e)) {
+        const n = H.get(e);
+        te(() => {
+          const u = E.value.querySelector(`[data-id="${n.startId}"][data-type="${n.startType}"]`), r = E.value.querySelector(`[data-id="${n.endId}"][data-type="${n.endType}"]`);
+          u && z(u, n.startOffset, r, n.endOffset);
         });
       }
-    };
-    return u({
-      clearHistory: () => {
-        K.clear(), f.clear();
-      },
-      activateFirstField: () => {
-        if (!B.value)
+      y.value = P(T.value);
+    }, Re = (e, t) => {
+      var r, f;
+      const n = (r = E.value) == null ? void 0 : r.querySelector(`[data-id="${e}"][data-type="${t}"]`);
+      if (!n) return;
+      const u = ((f = n.textContent) == null ? void 0 : f.length) || 0;
+      z(n, u);
+    }, Ae = () => {
+      E.value && te(() => {
+        const e = T.value, t = e.find((u) => u.type === "template");
+        t && Re(t.id, "template"), e.every((u) => u.type === "text") && e.length === 1 && Re(e[0].id, "text");
+      });
+    }, Ke = () => {
+      k.clear(), H.clear();
+    }, Oe = () => {
+      if (!E.value || se.value.range)
+        return;
+      const e = le(E.value);
+      if (e != null && e.collapsed && O.value.length > 0) {
+        const t = X(e), n = O.value[0];
+        if (t.startEl && t.startId === n.id && t.startOffset === 0 && n.content === x && n.type === "text") {
+          z(t.startEl, 1);
           return;
-        const e = m.value.find((t) => t.type === "template");
-        e && G(() => {
-          var o, c;
-          const t = (o = B.value) == null ? void 0 : o.querySelector(`[data-id="${e.id}"][data-type="template"]`);
-          if (t) {
-            const l = ((c = t.textContent) == null ? void 0 : c.length) || 0;
-            ee(t, l);
-          }
-        });
+        }
+        const u = O.value[O.value.length - 1];
+        if (t.endEl && t.endId === u.id && t.endOffset === 1 && u.content === x && u.type === "text") {
+          z(t.endEl, 0);
+          return;
+        }
       }
-    }), (e, t) => (S(), O("div", Kt, [
-      (S(), O("div", {
+    };
+    return it(() => {
+      document.addEventListener("selectionchange", Oe);
+    }), ut(() => {
+      document.removeEventListener("selectionchange", Oe);
+    }), c({
+      clearHistory: Ke,
+      activateFirstField: Ae
+    }), (e, t) => (b(), I("div", Kt, [
+      (b(), I("div", {
         contenteditable: "true",
         ref_key: "editorRef",
-        ref: B,
-        key: k.value,
+        ref: E,
+        key: W.value,
         class: "editor",
-        onBeforeinput: U,
-        onCompositionstart: xe,
-        onCompositionend: ve,
-        onKeydown: Ie
+        onBeforeinput: xe,
+        onCompositionstart: Ie,
+        onCompositionend: me,
+        onKeydown: pe
       }, [
-        (S(!0), O(de, null, he(M.value, (o) => (S(), X(Ft, pe({
-          key: `${o.id}-${o.type}`
-        }, { ref_for: !0 }, o), null, 16))), 128))
+        (b(!0), I(ye, null, we(Q.value, (n) => (b(), Y(At, _e({
+          key: `${n.id}-${n.type}`
+        }, { ref_for: !0 }, n), null, 16))), 128))
       ], 32))
     ]));
   }
-}), Wt = /* @__PURE__ */ be(Pt, [["__scopeId", "data-v-b0269a2a"]]), At = ["onMouseenter", "onMousedown"], Vt = { class: "suggestion-list__text" }, Nt = /* @__PURE__ */ ge({
+}), Ft = /* @__PURE__ */ Ce(Mt, [["__scopeId", "data-v-5fda773e"]]), Xe = (l, c) => {
+  if (!c.length)
+    return [{ text: l, isMatch: !1 }];
+  const s = [];
+  for (const a of c) {
+    if (!a) continue;
+    let d = 0;
+    const x = l.toLowerCase(), h = a.toLowerCase();
+    for (; ; ) {
+      const w = x.indexOf(h, d);
+      if (w === -1) break;
+      s.push({
+        start: w,
+        end: w + a.length
+      }), d = w + 1;
+    }
+  }
+  if (s.length === 0)
+    return [{ text: l, isMatch: !1 }];
+  s.sort((a, d) => a.start - d.start);
+  const i = [];
+  for (const a of s)
+    if (i.length === 0)
+      i.push(a);
+    else {
+      const d = i[i.length - 1];
+      a.start <= d.end ? d.end = Math.max(d.end, a.end) : i.push(a);
+    }
+  const v = [];
+  let S = 0;
+  for (const a of i)
+    S < a.start && v.push({
+      text: l.substring(S, a.start),
+      isMatch: !1
+    }), v.push({
+      text: l.substring(a.start, a.end),
+      isMatch: !0
+    }), S = a.end;
+  return S < l.length && v.push({
+    text: l.substring(S),
+    isMatch: !1
+  }), v;
+}, Pt = (l, c) => !c || !l ? [{ text: l, isMatch: !1 }] : Xe(l, [c]), Wt = (l, c) => {
+  const { content: s, highlights: i } = l;
+  return typeof i == "function" ? i(s, c) : Array.isArray(i) ? Xe(s, i) : Pt(s, c);
+}, Vt = ["onMouseenter", "onMousedown"], Nt = { class: "suggestion-list__text" }, Ht = /* @__PURE__ */ Se({
   __name: "SuggestionList",
   props: {
     show: { type: Boolean },
     suggestions: {},
     popupStyle: {},
-    isItemHighlighted: { type: Function },
-    highlightSuggestionText: { type: Function },
+    activeKeyboardIndex: {},
+    activeMouseIndex: {},
     inputValue: {}
   },
-  emits: ["item-hover", "item-leave", "select"],
-  setup(i, { emit: u }) {
-    const s = i, r = u, y = F(null), w = (_) => {
-      r("item-hover", _);
-    }, a = () => {
-      r("item-leave");
-    }, h = (_) => {
-      r("select", _);
+  emits: ["select", "mouse-enter", "mouse-leave"],
+  setup(l, { emit: c }) {
+    const s = l, i = c, v = M(null), S = (h) => h === s.activeKeyboardIndex || h === s.activeMouseIndex, a = (h) => {
+      i("mouse-enter", h);
+    }, d = () => {
+      i("mouse-leave");
+    }, x = (h) => {
+      i("select", h);
     };
-    return (_, p) => (S(), X(De, { name: "tiny-sender-slide-up" }, {
-      default: ce(() => [
-        s.show && s.suggestions.length ? (S(), O("div", {
+    return ne(
+      () => s.activeKeyboardIndex,
+      (h) => {
+        if (h !== -1 && v.value) {
+          const w = v.value.children[h];
+          w && w.scrollIntoView({ block: "nearest" });
+        }
+      }
+    ), (h, w) => (b(), Y(We, { name: "tiny-sender-slide-up" }, {
+      default: he(() => [
+        s.show && s.suggestions.length ? (b(), I("div", {
           key: 0,
           ref_key: "suggestionsListRef",
-          ref: y,
+          ref: v,
           class: "suggestion-list",
-          style: Fe(s.popupStyle)
+          style: Ve(s.popupStyle)
         }, [
-          (S(!0), O(de, null, he(s.suggestions, (k, g) => (S(), O("div", {
-            key: g,
-            class: Y(["suggestion-list__item", { highlighted: s.isItemHighlighted(g) }]),
-            onMouseenter: (T) => w(g),
-            onMouseleave: a,
-            onMousedown: ct((T) => h(k), ["prevent"])
+          (b(!0), I(ye, null, we(s.suggestions, (y, K) => (b(), I("div", {
+            key: K,
+            class: oe(["suggestion-list__item", { highlighted: S(K) }]),
+            onMouseenter: (W) => a(K),
+            onMouseleave: d,
+            onMousedown: ct((W) => x(y.content), ["prevent"])
           }, [
-            z(b(_t), { class: "suggestion-list__icon" }),
-            N("span", Vt, [
-              (S(!0), O(de, null, he(s.highlightSuggestionText(k, s.inputValue), (T, m) => (S(), O("span", {
-                key: m,
-                class: Y({
-                  "suggestion-list__text--match": T.isMatch,
-                  "suggestion-list__text--normal": !T.isMatch
+            Z(C(wt), { class: "suggestion-list__icon" }),
+            U("span", Nt, [
+              (b(!0), I(ye, null, we(C(Wt)(y, s.inputValue), (W, F) => (b(), I("span", {
+                key: F,
+                class: oe({
+                  "suggestion-list__text--match": W.isMatch,
+                  "suggestion-list__text--normal": !W.isMatch
                 })
-              }, le(T.text), 3))), 128))
+              }, ue(W.text), 3))), 128))
             ])
-          ], 42, At))), 128))
-        ], 4)) : A("", !0)
+          ], 42, Vt))), 128))
+        ], 4)) : N("", !0)
       ]),
       _: 1
     }));
   }
-}), Mt = /* @__PURE__ */ be(Nt, [["__scopeId", "data-v-238fcdfd"]]), qt = ["data-theme"], Ut = { class: "tiny-sender__container" }, jt = {
+}), Ut = /* @__PURE__ */ Ce(Ht, [["__scopeId", "data-v-e0ec9fe3"]]), qt = ["data-theme"], zt = { class: "tiny-sender__container" }, Gt = {
   key: 0,
   class: "tiny-sender__header-slot"
-}, zt = {
+}, jt = {
   key: 0,
   class: "tiny-sender__prefix-slot"
-}, Gt = { class: "tiny-sender__content-area" }, Xt = {
+}, Jt = { class: "tiny-sender__content-area" }, Xt = {
   key: 0,
   class: "tiny-sender__decorative-content"
-}, Jt = {
+}, Zt = {
   key: 2,
   class: "tiny-sender__input-field-wrapper"
 }, Qt = {
   key: 0,
   class: "tiny-sender__completion-placeholder"
-}, Yt = { class: "user-input-mirror" }, Zt = {
+}, Yt = { class: "user-input-mirror" }, en = {
   key: 0,
   class: "tiny-sender__tab-hint"
-}, en = {
+}, tn = {
   key: 1,
   class: "tiny-sender__actions-slot"
-}, tn = { class: "tiny-sender__footer-left" }, nn = { class: "tiny-sender__footer-right" }, sn = { class: "real-word-length" }, on = {
+}, nn = { class: "tiny-sender__footer-left" }, on = { class: "tiny-sender__footer-right" }, sn = { class: "real-word-length" }, an = {
   key: 1,
   class: "tiny-sender__toolbar"
-}, an = { class: "tiny-sender__buttons-container" }, ln = {
+}, ln = { class: "tiny-sender__buttons-container" }, rn = {
   key: 1,
   class: "tiny-sender__footer-slot"
-}, _e = /* @__PURE__ */ ge({
+}, un = /* @__PURE__ */ Se({
   __name: "index",
   props: {
     autofocus: { type: Boolean, default: !1 },
@@ -939,353 +1001,359 @@ const Kt = { class: "editor-container" }, Le = "​", Ee = "​", Pt = /* @__PUR
     stopText: { default: "" }
   },
   emits: ["update:modelValue", "update:templateData", "submit", "clear", "speech-start", "speech-end", "speech-interim", "speech-error", "suggestion-select", "focus", "blur", "escape-press", "cancel", "reset-template", "files-selected"],
-  setup(i, { expose: u, emit: s }) {
-    var Pe;
-    const r = i, y = s, w = F(null), a = F(null), h = F(null), _ = F(null), p = F(null), k = E(() => r.templateData && r.templateData.length > 0), { inputValue: g, isComposing: T, clearInput: m } = Ct(r, y), L = E(() => !!g.value.trim()), M = E(() => {
-      var n, I;
-      return !(r.disabled || r.loading || !L.value || t.value || (I = (n = r.buttonGroup) == null ? void 0 : n.submit) != null && I.disabled);
+  setup(l, { expose: c, emit: s }) {
+    var D;
+    const i = l, v = s, S = M(null), a = M(null), d = M(null), x = M(null), h = M(null), w = B(() => i.templateData && i.templateData.length > 0), { inputValue: y, isComposing: K, clearInput: W } = Ct(i, v), F = B(() => !!y.value.trim()), P = B(() => {
+      var o, m;
+      return !(i.disabled || i.loading || !F.value || be.value || (m = (o = i.buttonGroup) == null ? void 0 : o.submit) != null && m.disabled);
     }), {
-      showSuggestionsPopup: B,
-      completionPlaceholder: v,
-      showTabHint: H,
-      suggestionsListRef: f,
-      filteredSuggestions: K,
-      activeSuggestion: q,
-      isItemHighlighted: V,
-      updateSuggestionsState: Z,
-      selectSuggestion: fe,
-      acceptCurrentSuggestion: ee,
-      closeSuggestionsPopup: J,
-      navigateSuggestions: R,
-      handleSuggestionItemHover: U,
-      handleSuggestionItemLeave: j,
-      highlightSuggestionText: ne
-    } = Rt(r, y, g, T, k), P = F(r.mode), se = F(!1), Ce = () => {
-      P.value === "single" && (P.value = "multiple", G(() => {
+      isPopupVisible: T,
+      activeSuggestion: g,
+      activeKeyboardIndex: O,
+      activeMouseIndex: p,
+      autoCompleteText: Q,
+      showTabIndicator: E,
+      syncAutoComplete: q,
+      closePopup: ee,
+      applySuggestion: H,
+      confirmSelection: k,
+      navigateWithKeyboard: j,
+      handleMouseEnter: J,
+      handleMouseLeave: le
+    } = It(
+      B(() => i.suggestions),
+      y,
+      K,
+      w,
+      (o) => v("update:modelValue", o),
+      (o) => v("suggestion-select", o)
+    ), V = M(i.mode), z = M(!1), ve = () => {
+      V.value === "single" && (V.value = "multiple", te(() => {
         setTimeout(() => {
-          const n = document.querySelector(".tiny-textarea__inner");
-          if (n) {
-            n.style.whiteSpace = "pre-wrap";
-            const I = g.value.length;
-            n.focus(), n.setSelectionRange(I, I);
+          const o = document.querySelector(".tiny-textarea__inner");
+          if (o) {
+            o.style.whiteSpace = "pre-wrap";
+            const m = y.value.length;
+            o.focus(), o.setSelectionRange(m, m);
           }
         }, 50);
       }));
-    }, ke = (n, I) => {
-      const D = document.createElement("span");
-      D.style.visibility = "hidden", D.style.position = "absolute", D.style.whiteSpace = "nowrap", D.style.font = I, D.textContent = n, document.body.appendChild(D);
-      const me = D.offsetWidth;
-      return document.body.removeChild(D), me;
-    }, ie = () => {
-      var Se, Ve, Ne;
-      if (r.mode !== "single" || !w.value || se.value || !a.value || !_.value) return;
-      const n = a.value.querySelector(".tiny-sender__content-area");
-      if (!n) return;
-      const I = ((Ve = (Se = w.value) == null ? void 0 : Se.querySelector) == null ? void 0 : Ve.call(Se, ".tiny-input__inner")) || n.querySelector(".tiny-input__inner"), D = p.value || a.value.querySelector(".tiny-sender__buttons-container");
-      if (!I) {
+    }, se = (o, m) => {
+      const A = document.createElement("span");
+      A.style.visibility = "hidden", A.style.position = "absolute", A.style.whiteSpace = "nowrap", A.style.font = m, A.textContent = o, document.body.appendChild(A);
+      const re = A.offsetWidth;
+      return document.body.removeChild(A), re;
+    }, xe = () => {
+      var Ee, Ue, qe;
+      if (i.mode !== "single" || !S.value || z.value || !a.value || !x.value) return;
+      const o = a.value.querySelector(".tiny-sender__content-area");
+      if (!o) return;
+      const m = ((Ue = (Ee = S.value) == null ? void 0 : Ee.querySelector) == null ? void 0 : Ue.call(Ee, ".tiny-input__inner")) || o.querySelector(".tiny-input__inner"), A = h.value || a.value.querySelector(".tiny-sender__buttons-container");
+      if (!m) {
         console.warn("Cannot find input element for overflow check");
         return;
       }
-      const me = I.getBoundingClientRect(), $e = D == null ? void 0 : D.getBoundingClientRect();
-      if (me.width === 0) {
-        setTimeout(() => ie(), 50);
+      const re = m.getBoundingClientRect(), Me = A == null ? void 0 : A.getBoundingClientRect();
+      if (re.width === 0) {
+        setTimeout(() => xe(), 50);
         return;
       }
-      const Ze = window.getComputedStyle(I).font, et = ke(g.value, Ze), We = (Ne = a.value) == null ? void 0 : Ne.classList.contains("tr-sender-compact"), tt = We ? 12 : 20, nt = me.width, st = ($e == null ? void 0 : $e.width) || 0, Ae = nt - st - tt, ot = We ? 50 : 80;
-      et > Ae && Ae > ot && P.value === "single" && (se.value = !0, P.value = "multiple", G(() => {
-        w.value ? setTimeout(() => {
-          var Me;
-          const we = (Me = a.value) == null ? void 0 : Me.querySelector(".tiny-textarea__inner");
-          if (we) {
-            we.style.whiteSpace = "pre-wrap";
-            const qe = g.value.length;
-            we.focus(), we.setSelectionRange(qe, qe);
+      const Ze = window.getComputedStyle(m).font, Qe = se(y.value, Ze), Ne = (qe = a.value) == null ? void 0 : qe.classList.contains("tr-sender-compact"), Ye = Ne ? 12 : 20, et = re.width, tt = (Me == null ? void 0 : Me.width) || 0, He = et - tt - Ye, nt = Ne ? 50 : 80;
+      Qe > He && He > nt && V.value === "single" && (z.value = !0, V.value = "multiple", te(() => {
+        S.value ? setTimeout(() => {
+          var ze;
+          const $e = (ze = a.value) == null ? void 0 : ze.querySelector(".tiny-textarea__inner");
+          if ($e) {
+            $e.style.whiteSpace = "pre-wrap";
+            const Ge = y.value.length;
+            $e.focus(), $e.setSelectionRange(Ge, Ge);
           }
-          se.value = !1;
-        }, 300) : se.value = !1;
+          z.value = !1;
+        }, 300) : z.value = !1;
       }));
-    }, re = () => {
-      if (k.value && h.value)
-        He();
-      else if (w.value)
-        w.value.focus();
+    }, X = () => {
+      if (w.value && d.value)
+        _();
+      else if (S.value)
+        S.value.focus();
       else {
-        const n = document.querySelector(".tiny-input__inner");
-        n == null || n.focus();
+        const o = document.querySelector(".tiny-input__inner");
+        o == null || o.focus();
       }
-    }, xe = () => {
-      if (w.value)
-        w.value.blur();
+    }, ke = () => {
+      if (S.value)
+        S.value.blur();
       else {
-        const n = document.querySelector(".tiny-input__inner");
-        n == null || n.blur();
+        const o = document.querySelector(".tiny-input__inner");
+        o == null || o.blur();
       }
-    }, ve = () => {
-      var n;
-      y("update:templateData", []), (n = h.value) == null || n.clearHistory(), G(() => {
-        g.value === "" && (P.value = r.mode || "single"), setTimeout(() => {
-          re();
+    }, ce = () => {
+      var o;
+      v("update:templateData", []), (o = d.value) == null || o.clearHistory(), te(() => {
+        y.value === "" && (V.value = i.mode || "single"), setTimeout(() => {
+          X();
         }, 50);
-      }), J();
-    }, ye = () => {
-      var n;
-      m(), k.value ? ve() : (n = a.value) == null || n.focus(), G(() => {
-        g.value === "" && (P.value = r.mode || "single");
-      }), J();
-    }, ue = (n) => {
-      y("update:templateData", n);
+      });
+    }, ge = () => {
+      var o;
+      W(), w.value ? ce() : (o = a.value) == null || o.focus(), te(() => {
+        y.value === "" && (V.value = i.mode || "single");
+      });
+    }, Be = (o) => {
+      const m = (re) => re.type === "text" && re.content === "​";
+      if (o.length === 0 || o.every(m)) {
+        ce();
+        return;
+      }
+      v("update:templateData", o);
     };
-    Q(
-      () => r.templateData,
+    ne(
+      () => i.templateData,
       () => {
-        g.value = r.templateData.map((n) => n.content).join("");
+        y.value = i.templateData.map((o) => o.content).join("");
       },
       { deep: !0 }
     );
-    const Ie = E(() => {
-      const n = typeof r.speech == "object" ? r.speech : {};
+    const De = B(() => {
+      const o = typeof i.speech == "object" ? i.speech : {};
       return {
-        ...n,
-        onStart: () => y("speech-start"),
-        onEnd: (I) => y("speech-end", I),
-        onInterim: (I) => y("speech-interim", I),
-        onFinal: (I) => {
-          if (n.autoReplace)
-            g.value = I;
+        ...o,
+        onStart: () => v("speech-start"),
+        onEnd: (m) => v("speech-end", m),
+        onInterim: (m) => v("speech-interim", m),
+        onFinal: (m) => {
+          if (o.autoReplace)
+            y.value = m;
           else {
-            const D = g.value;
-            D && I && !D.endsWith(" ") && !I.startsWith(" ") && D.length > 0 ? g.value = D + " " + I : g.value = D + I;
+            const A = y.value;
+            A && m && !A.endsWith(" ") && !m.startsWith(" ") && A.length > 0 ? y.value = A + " " + m : y.value = A + m;
           }
-          y("speech-end", I);
+          v("speech-end", m);
         },
-        onError: (I) => {
-          y("speech-error", I);
+        onError: (m) => {
+          v("speech-error", m);
         }
       };
-    }), { speechState: oe, start: Re, stop: Te } = xt(Ie.value), e = () => {
-      oe.isRecording ? Te() : Re();
-    }, t = E(() => r.maxLength !== 1 / 0 && g.value.length > r.maxLength), { handleKeyPress: o, triggerSubmit: c } = kt(
-      r,
+    }), { speechState: ae, start: de, stop: Ie } = kt(De.value), me = () => {
+      ae.isRecording ? Ie() : de();
+    }, be = B(() => i.maxLength !== 1 / 0 && y.value.length > i.maxLength), { handleKeyPress: fe, triggerSubmit: pe } = xt(
+      i,
+      v,
       y,
-      g,
+      K,
+      ae,
       T,
-      oe,
-      B,
-      q,
+      g,
+      k,
       ee,
-      J,
-      R,
-      e,
-      M,
+      j,
+      me,
       P,
-      Ce,
-      k,
-      ve
-    ), l = (n) => {
-      y("focus", n), g.value && K.value.length > 0 && !k.value && (B.value = !0, H.value = !0);
-    }, d = (n) => {
-      y("blur", n), J();
-    }, x = E(() => P.value === "multiple" ? "textarea" : "text"), C = E(
+      V,
+      ve,
+      w,
+      ce
+    ), Te = (o) => {
+      v("focus", o), y.value && !w.value && (T.value = !0);
+    }, Re = (o) => {
+      v("blur", o), ee();
+    }, Ae = B(() => V.value === "multiple" ? "textarea" : "text"), Ke = B(
       () => ({
         display: "flex",
-        justifyContent: r.showWordLimit && r.maxLength !== 1 / 0 ? "space-between" : "flex-end",
+        justifyContent: i.showWordLimit && i.maxLength !== 1 / 0 ? "space-between" : "flex-end",
         alignItems: "center"
       })
-    ), $ = dt(), W = E(() => !!$.decorativeContent), te = E(() => r.disabled || W.value), Oe = E(() => r.loading), ze = E(() => ({
-      "is-disabled": te.value,
-      "is-loading": Oe.value,
-      "is-auto-switching": se.value
-    })), Ge = E(() => ({
-      width: bt(r.suggestionPopupWidth),
+    ), Oe = dt(), e = B(() => !!Oe.decorativeContent), t = B(() => i.disabled || e.value), n = B(() => i.loading), u = B(() => ({
+      "is-disabled": t.value,
+      "is-loading": n.value,
+      "is-auto-switching": z.value
+    })), r = B(() => ({
+      width: St(i.suggestionPopupWidth),
       maxWidth: "100%"
       // 确保不超出父容器宽度
-    })), Xe = () => {
-      T.value = !1, setTimeout(() => {
-        T.value = !1, Z();
-      }, 50);
+    })), f = () => {
+      K.value = !1;
     };
-    Q(g, () => {
-      G(ie), g.value === "" && r.mode === "single" && (P.value = "single");
-    }), Q(
-      () => k.value,
-      (n) => {
-        n && (P.value = "multiple");
+    ne(y, () => {
+      te(xe), y.value === "" && i.mode === "single" && (V.value = "single"), q();
+    }), ne(
+      () => w.value,
+      (o) => {
+        o && (V.value = "multiple");
       }
     );
-    const He = () => {
-      h.value && h.value.activateFirstField();
-    }, { accept: Je = "*", multiple: Qe = !0 } = ((Pe = r.buttonGroup) == null ? void 0 : Pe.file) || {}, { open: Ke, files: Ye } = ht({ accept: Je, multiple: Qe });
-    return Q(Ye, (n) => {
-      n && n.length > 0 && y("files-selected", Array.from(n));
-    }), u({
-      focus: re,
-      blur: xe,
-      clear: ye,
-      submit: c,
-      startSpeech: Re,
-      stopSpeech: Te,
-      activateTemplateFirstField: He
-    }), (n, I) => (S(), O("div", {
+    const _ = () => {
+      d.value && d.value.activateFirstField();
+    }, { accept: $ = "*", multiple: G = !0 } = ((D = i.buttonGroup) == null ? void 0 : D.file) || {}, { open: R, files: L } = ht({ accept: $, multiple: G });
+    return ne(L, (o) => {
+      o && o.length > 0 && v("files-selected", Array.from(o));
+    }), c({
+      focus: X,
+      blur: ke,
+      clear: ge,
+      submit: pe,
+      startSpeech: de,
+      stopSpeech: Ie,
+      activateTemplateFirstField: _
+    }), (o, m) => (b(), I("div", {
       ref_key: "senderRef",
       ref: a,
-      class: Y(["tiny-sender", [ze.value, `theme-${n.theme}`, `mode-${P.value}`]]),
-      "data-theme": n.theme
+      class: oe(["tiny-sender", [u.value, `theme-${o.theme}`, `mode-${V.value}`]]),
+      "data-theme": o.theme
     }, [
-      N("div", Ut, [
-        N("div", {
+      U("div", zt, [
+        U("div", {
           class: "tiny-sender__input-wrapper",
           ref_key: "inputWrapperRef",
-          ref: _
+          ref: x
         }, [
-          z(De, { name: "tiny-sender-slide-down" }, {
-            default: ce(() => [
-              n.$slots.header ? (S(), O("div", jt, [
-                ae(n.$slots, "header")
-              ])) : A("", !0)
+          Z(We, { name: "tiny-sender-slide-down" }, {
+            default: he(() => [
+              o.$slots.header ? (b(), I("div", Gt, [
+                ie(o.$slots, "header", {}, void 0, !0)
+              ])) : N("", !0)
             ]),
             _: 3
           }),
-          N("div", {
-            class: Y(["tiny-sender__input-row", { "has-prefix": n.$slots.prefix, "has-header": n.$slots.header }])
+          U("div", {
+            class: oe(["tiny-sender__input-row", { "has-prefix": o.$slots.prefix, "has-header": o.$slots.header }])
           }, [
-            n.$slots.prefix ? (S(), O("div", zt, [
-              ae(n.$slots, "prefix")
-            ])) : A("", !0),
-            N("div", Gt, [
-              n.$slots.decorativeContent ? (S(), O("div", Xt, [
-                ae(n.$slots, "decorativeContent")
-              ])) : A("", !0),
-              k.value ? (S(), X(Wt, {
+            o.$slots.prefix ? (b(), I("div", jt, [
+              ie(o.$slots, "prefix", {}, void 0, !0)
+            ])) : N("", !0),
+            U("div", Jt, [
+              o.$slots.decorativeContent ? (b(), I("div", Xt, [
+                ie(o.$slots, "decorativeContent", {}, void 0, !0)
+              ])) : N("", !0),
+              w.value ? (b(), Y(Ft, {
                 key: 1,
                 ref_key: "templateEditorRef",
-                ref: h,
-                "model-value": r.templateData,
-                "onUpdate:modelValue": ue,
-                onSubmit: b(c)
-              }, null, 8, ["model-value", "onSubmit"])) : (S(), O("div", Jt, [
-                z(b(pt), {
+                ref: d,
+                "model-value": i.templateData,
+                "onUpdate:modelValue": Be,
+                onSubmit: C(pe)
+              }, null, 8, ["model-value", "onSubmit"])) : (b(), I("div", Zt, [
+                Z(C(pt), {
                   ref_key: "inputRef",
-                  ref: w,
-                  autosize: n.autoSize,
-                  type: x.value,
+                  ref: S,
+                  autosize: o.autoSize,
+                  type: Ae.value,
                   resize: "none",
-                  modelValue: b(g),
-                  "onUpdate:modelValue": I[0] || (I[0] = (D) => ft(g) ? g.value = D : null),
-                  disabled: te.value,
-                  placeholder: n.placeholder,
-                  autofocus: n.autofocus,
-                  onKeydown: b(o),
-                  onCompositionstart: I[1] || (I[1] = (D) => T.value = !0),
-                  onCompositionend: Xe,
-                  onFocus: l,
-                  onBlur: d
+                  modelValue: C(y),
+                  "onUpdate:modelValue": m[0] || (m[0] = (A) => ft(y) ? y.value = A : null),
+                  disabled: t.value,
+                  placeholder: o.placeholder,
+                  autofocus: o.autofocus,
+                  onKeydown: C(fe),
+                  onCompositionstart: m[1] || (m[1] = (A) => K.value = !0),
+                  onCompositionend: f,
+                  onFocus: Te,
+                  onBlur: Re
                 }, null, 8, ["autosize", "type", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
-                b(v) && !b(T) ? (S(), O("div", Qt, [
-                  N("span", Yt, le(b(g)), 1),
-                  Ue(le(b(v)) + " ", 1),
-                  b(H) ? (S(), O("div", Zt, "TAB")) : A("", !0)
-                ])) : A("", !0)
+                C(Q) && !C(K) ? (b(), I("div", Qt, [
+                  U("span", Yt, ue(C(y)), 1),
+                  je(ue(C(Q)) + " ", 1),
+                  C(E) ? (b(), I("div", en, "TAB")) : N("", !0)
+                ])) : N("", !0)
               ]))
             ]),
-            P.value === "single" ? (S(), O("div", en, [
-              N("div", {
+            V.value === "single" ? (b(), I("div", tn, [
+              U("div", {
                 class: "tiny-sender__buttons-container",
                 ref_key: "buttonsContainerRef",
-                ref: p
+                ref: h
               }, [
-                ae(n.$slots, "actions"),
-                z(je, {
-                  "allow-speech": n.allowSpeech,
-                  "allow-files": n.allowFiles,
-                  loading: n.loading,
-                  disabled: te.value,
-                  "show-clear": n.clearable,
-                  "has-content": L.value,
-                  "speech-status": b(oe),
-                  "button-group": n.buttonGroup,
-                  "submit-type": n.submitType,
-                  "is-over-limit": t.value,
-                  "stop-text": n.stopText,
-                  onClear: ye,
-                  onToggleSpeech: e,
-                  onSubmit: b(c),
-                  onCancel: I[2] || (I[2] = (D) => n.$emit("cancel")),
-                  onTriggerSelect: b(Ke)
+                ie(o.$slots, "actions", {}, void 0, !0),
+                Z(Je, {
+                  "allow-speech": o.allowSpeech,
+                  "allow-files": o.allowFiles,
+                  loading: o.loading,
+                  disabled: t.value,
+                  "show-clear": o.clearable,
+                  "has-content": F.value,
+                  "speech-status": C(ae),
+                  "button-group": o.buttonGroup,
+                  "submit-type": o.submitType,
+                  "is-over-limit": be.value,
+                  "stop-text": o.stopText,
+                  onClear: ge,
+                  onToggleSpeech: me,
+                  onSubmit: C(pe),
+                  onCancel: m[2] || (m[2] = (A) => o.$emit("cancel")),
+                  onTriggerSelect: C(R)
                 }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "button-group", "submit-type", "is-over-limit", "stop-text", "onSubmit", "onTriggerSelect"])
               ], 512)
-            ])) : A("", !0)
+            ])) : N("", !0)
           ], 2),
-          z(De, { name: "tiny-sender-slide-up" }, {
-            default: ce(() => [
-              P.value === "multiple" ? (S(), O("div", {
+          Z(We, { name: "tiny-sender-slide-up" }, {
+            default: he(() => [
+              V.value === "multiple" ? (b(), I("div", {
                 key: 0,
-                style: Fe(C.value),
+                style: Ve(Ke.value),
                 class: "tiny-sender__footer-slot tiny-sender__bottom-row"
               }, [
-                N("div", tn, [
-                  ae(n.$slots, "footer-left")
+                U("div", nn, [
+                  ie(o.$slots, "footer-left", {}, void 0, !0)
                 ]),
-                N("div", nn, [
-                  ae(n.$slots, "footer-right"),
-                  n.showWordLimit && n.maxLength !== 1 / 0 ? (S(), O("div", {
+                U("div", on, [
+                  ie(o.$slots, "footer-right", {}, void 0, !0),
+                  o.showWordLimit && o.maxLength !== 1 / 0 ? (b(), I("div", {
                     key: 0,
-                    class: Y(["tiny-sender__word-limit", { "is-over-limit": t.value }])
+                    class: oe(["tiny-sender__word-limit", { "is-over-limit": be.value }])
                   }, [
-                    N("span", sn, le(b(g).length), 1),
-                    Ue("/" + le(n.maxLength), 1)
-                  ], 2)) : A("", !0),
-                  P.value === "multiple" ? (S(), O("div", on, [
-                    N("div", an, [
-                      z(je, {
-                        "allow-speech": n.allowSpeech,
-                        "allow-files": n.allowFiles,
-                        loading: n.loading,
-                        disabled: te.value,
-                        "show-clear": n.clearable,
-                        "has-content": L.value,
-                        "speech-status": b(oe),
-                        "button-group": n.buttonGroup,
-                        "submit-type": n.submitType,
-                        "is-over-limit": t.value,
-                        "stop-text": n.stopText,
-                        onClear: ye,
-                        onToggleSpeech: e,
-                        onSubmit: b(c),
-                        onCancel: I[3] || (I[3] = (D) => n.$emit("cancel")),
-                        onTriggerSelect: b(Ke)
+                    U("span", sn, ue(C(y).length), 1),
+                    je("/" + ue(o.maxLength), 1)
+                  ], 2)) : N("", !0),
+                  V.value === "multiple" ? (b(), I("div", an, [
+                    U("div", ln, [
+                      Z(Je, {
+                        "allow-speech": o.allowSpeech,
+                        "allow-files": o.allowFiles,
+                        loading: o.loading,
+                        disabled: t.value,
+                        "show-clear": o.clearable,
+                        "has-content": F.value,
+                        "speech-status": C(ae),
+                        "button-group": o.buttonGroup,
+                        "submit-type": o.submitType,
+                        "is-over-limit": be.value,
+                        "stop-text": o.stopText,
+                        onClear: ge,
+                        onToggleSpeech: me,
+                        onSubmit: C(pe),
+                        onCancel: m[3] || (m[3] = (A) => o.$emit("cancel")),
+                        onTriggerSelect: C(R)
                       }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "button-group", "submit-type", "is-over-limit", "stop-text", "onSubmit", "onTriggerSelect"])
                     ])
-                  ])) : A("", !0)
+                  ])) : N("", !0)
                 ])
-              ], 4)) : n.$slots.footer ? (S(), O("div", ln, [
-                ae(n.$slots, "footer")
-              ])) : A("", !0)
+              ], 4)) : o.$slots.footer ? (b(), I("div", rn, [
+                ie(o.$slots, "footer", {}, void 0, !0)
+              ])) : N("", !0)
             ]),
             _: 3
           })
         ], 512)
       ]),
-      z(Mt, {
-        ref_key: "suggestionsListRef",
-        ref: f,
-        show: b(B),
-        suggestions: b(K),
-        "popup-style": Ge.value,
-        "is-item-highlighted": b(V),
-        "highlight-suggestion-text": b(ne),
-        "input-value": b(g),
-        onItemHover: b(U),
-        onItemLeave: b(j),
-        onSelect: b(fe)
-      }, null, 8, ["show", "suggestions", "popup-style", "is-item-highlighted", "highlight-suggestion-text", "input-value", "onItemHover", "onItemLeave", "onSelect"])
+      Z(Ut, {
+        show: C(T),
+        suggestions: o.suggestions,
+        "popup-style": r.value,
+        "active-keyboard-index": C(O),
+        "active-mouse-index": C(p),
+        "input-value": C(y),
+        onSelect: C(H),
+        onMouseEnter: C(J),
+        onMouseLeave: C(le)
+      }, null, 8, ["show", "suggestions", "popup-style", "active-keyboard-index", "active-mouse-index", "input-value", "onSelect", "onMouseEnter", "onMouseLeave"])
     ], 10, qt));
   }
-});
-_e.name = "TrSender";
-const rn = function(i) {
-  i.component(_e.name, _e);
+}), Le = /* @__PURE__ */ Ce(un, [["__scopeId", "data-v-520fdb31"]]);
+Le.name = "TrSender";
+const cn = function(l) {
+  l.component(Le.name, Le);
 };
-_e.install = rn;
+Le.install = cn;
 export {
-  _e as default
+  Le as default
 };