@opentiny/tiny-robot 0.3.0-alpha.13 → 0.3.0-alpha.15

package/dist/sender/index.js

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