@opentiny/tiny-robot 0.2.4 → 0.2.6

package/dist/sender/index.js

@@ -1,67 +1,67 @@
-import { ref as O, watch as Y, reactive as Oe, computed as $, nextTick as W, defineComponent as he, createElementBlock as I, openBlock as k, createCommentVNode as P, createBlock as G, unref as x, withCtx as J, createVNode as U, normalizeClass as oe, resolveDynamicComponent as Ze, createElementVNode as X, mergeModels as _e, useModel as Ge, onMounted as Je, useSlots as Qe, Transition as ge, renderSlot as ne, isRef as Ne, createTextVNode as Te, toDisplayString as se, normalizeStyle as xe, Fragment as Re, renderList as ke, withModifiers as Ye } from "vue";
-import { I as et } from "../index5.js";
-import { B as ue } from "../index3.js";
-import { T as De } from "../index4.js";
-import { i as tt } from "../close.js";
-import { I as nt, L as st, v as ot, w as lt, P as at, _ as it } from "../tiny-robot-svgs.js";
-import { t as rt } from "../utils.js";
-function ut(t, b) {
-  const d = O(t.modelValue || t.defaultValue || ""), o = O(null);
-  Y(
+import { ref as I, watch as te, reactive as $e, computed as P, nextTick as W, defineComponent as be, createElementBlock as A, openBlock as D, createCommentVNode as K, createBlock as Q, unref as E, withCtx as Y, createVNode as G, normalizeClass as ae, resolveDynamicComponent as it, createElementVNode as U, mergeModels as Fe, useModel as rt, onMounted as ut, useSlots as ct, Transition as ve, renderSlot as se, isRef as Le, createTextVNode as Ie, toDisplayString as le, normalizeStyle as Oe, Fragment as Ae, renderList as Me, withModifiers as dt } from "vue";
+import { I as ft } from "../index5.js";
+import { g as z, i as pt, t as mt } from "../utils.js";
+import { B as fe } from "../index3.js";
+import { T as Ve } from "../index4.js";
+import { i as ht } from "../close.js";
+import { I as gt, L as vt, v as yt, w as bt, P as Ct, _ as St } from "../tiny-robot-svgs.js";
+function wt(t, y) {
+  const h = I(t.modelValue || t.defaultValue || ""), o = I(null);
+  te(
     () => t.modelValue,
-    (v) => {
-      v !== void 0 && v !== d.value && (d.value = v);
+    (f) => {
+      f !== void 0 && f !== h.value && (h.value = f);
     }
-  ), Y(
-    () => d.value,
-    (v) => {
-      b("update:modelValue", v);
+  ), te(
+    () => h.value,
+    (f) => {
+      y("update:modelValue", f);
     }
   );
-  const S = (v) => {
-    d.value = v, b("update:modelValue", v);
-  }, i = (v) => {
-    v == null || v.preventDefault();
-    const _ = d.value;
-    !t.disabled && !t.loading && _.trim() && b("submit", _);
-  }, f = () => {
-    d.value = "", b("update:modelValue", ""), b("clear");
-  }, u = O(!1);
+  const x = (f) => {
+    h.value = f, y("update:modelValue", f);
+  }, u = (f) => {
+    f == null || f.preventDefault();
+    const p = h.value;
+    !t.disabled && !t.loading && p.trim() && y("submit", p);
+  }, i = () => {
+    h.value = "", y("update:modelValue", ""), y("clear");
+  }, r = I(!1);
   return {
-    inputValue: d,
+    inputValue: h,
     inputWrapper: o,
-    isComposing: u,
-    handleChange: S,
-    handleSubmit: i,
-    handleClear: f,
+    isComposing: r,
+    handleChange: x,
+    handleSubmit: u,
+    handleClear: i,
     clearInput: () => {
-      f();
+      i();
     }
   };
 }
-const Ae = "​", Q = (t) => t.split("").every((b) => b === Ae), Z = (t) => t.replace(/\u200B/g, ""), me = () => document.createTextNode(Ae), ct = (t) => {
-  const b = t.textContent || "", d = Z(b);
-  return !d || d.trim() === "";
-}, Fe = (t) => {
-  const b = t.nextSibling;
-  if (b && b.nodeType === Node.TEXT_NODE && Q(b.textContent || ""))
+const Pe = "​", ee = (t) => t.split("").every((y) => y === Pe), J = (t) => t.replace(/\u200B/g, ""), ye = () => document.createTextNode(Pe), Et = (t) => {
+  const y = t.textContent || "", h = J(y);
+  return !h || h.trim() === "";
+}, Be = (t) => {
+  const y = t.nextSibling;
+  if (y && y.nodeType === Node.TEXT_NODE && ee(y.textContent || ""))
     return;
-  const d = me();
-  t.parentNode && t.parentNode.insertBefore(d, t.nextSibling);
-}, dt = (t) => {
-  Array.from(t.childNodes).forEach((d) => {
-    if (d.nodeType === Node.TEXT_NODE && Q(d.textContent || "")) {
-      const o = d.previousSibling;
-      o && o.nodeType === Node.ELEMENT_NODE && o.classList.contains("template-field") || d.parentNode && d.parentNode.removeChild(d);
+  const h = ye();
+  t.parentNode && t.parentNode.insertBefore(h, t.nextSibling);
+}, _t = (t) => {
+  Array.from(t.childNodes).forEach((h) => {
+    if (h.nodeType === Node.TEXT_NODE && ee(h.textContent || "")) {
+      const o = h.previousSibling;
+      o && o.nodeType === Node.ELEMENT_NODE && o.classList.contains("template-field") || h.parentNode && h.parentNode.removeChild(h);
     }
   });
 };
-function ft(t, b, d, o, S, i, f, u, s, v, _, l, E) {
-  const F = (m) => !t.disabled && !t.loading && m.trim().length > 0, y = () => {
-    F(d.value) && b("submit", d.value.trim());
-  }, w = (m, L) => {
+function Tt(t, y, h, o, x, u, i, r, c, f, p, a, b, L) {
+  const _ = (m) => !(t.disabled || t.loading || m.trim().length === 0 || a.value), v = () => {
+    _(h.value) && y("submit", h.value.trim());
+  }, R = (m, $) => {
     if (!(m.key === "Enter")) return !1;
-    switch (L) {
+    switch ($) {
       case "enter":
         return !m.shiftKey && !m.ctrlKey && !m.metaKey;
       case "ctrlEnter":
@@ -75,152 +75,153 @@ function ft(t, b, d, o, S, i, f, u, s, v, _, l, E) {
   return {
     handleKeyPress: (m) => {
       if (o.value) return;
-      if (m.key === "Enter" && m.shiftKey && (l == null ? void 0 : l.value) === "single" && E) {
-        m.preventDefault(), E();
-        const M = m.target, z = M.selectionStart, j = d.value;
-        d.value = j.substring(0, z) + `
-` + j.substring(z), setTimeout(() => {
-          M.selectionStart = M.selectionEnd = z + 1;
+      if (m.key === "Enter" && m.shiftKey && (b == null ? void 0 : b.value) === "single" && L) {
+        m.preventDefault(), L();
+        const V = m.target, H = V.selectionStart, C = h.value;
+        h.value = C.substring(0, H) + `
+` + C.substring(H), setTimeout(() => {
+          V.selectionStart = V.selectionEnd = H + 1;
         }, 0);
         return;
       }
-      if (m.key === "Tab" && i.value && f.value) {
-        m.preventDefault(), u();
+      if (m.key === "Tab" && u.value && i.value) {
+        m.preventDefault(), r();
         return;
       }
-      if (i.value) {
+      if (u.value) {
         if (m.key === "ArrowDown") {
-          m.preventDefault(), v("down");
+          m.preventDefault(), f("down");
           return;
         }
         if (m.key === "ArrowUp") {
-          m.preventDefault(), v("up");
+          m.preventDefault(), f("up");
           return;
         }
-        if (m.key === "Enter" && f.value) {
-          m.preventDefault(), u();
+        if (m.key === "Enter" && i.value) {
+          m.preventDefault(), r();
           return;
         }
       }
       if (m.key === "Escape") {
-        i.value ? (s(), m.preventDefault()) : S.isRecording && (_(), m.preventDefault()), b("escape-press");
+        u.value ? (c(), m.preventDefault()) : x.isRecording && (p(), m.preventDefault()), y("escape-press");
         return;
       }
-      w(m, t.submitType) && F(d.value) && (m.preventDefault(), y());
+      R(m, t.submitType) && _(h.value) && (m.preventDefault(), v());
     },
-    triggerSubmit: y
+    triggerSubmit: v
   };
 }
-function pt(t) {
-  const b = (i, f, u) => {
-    var F;
-    const { startContainer: s, startOffset: v, collapsed: _ } = f;
-    if (!_) return !1;
-    const l = s.nodeType === Node.TEXT_NODE && v === 0 && i.key === "ArrowLeft", E = s.nodeType === Node.TEXT_NODE && v === (((F = s.textContent) == null ? void 0 : F.length) || 0) && i.key === "ArrowRight";
-    if (l || E) {
-      let y = null, w = "inside";
-      if (l)
-        if (s.parentNode && s.parentNode.classList.contains("template-field"))
-          y = s.parentNode, w = "before";
+function Nt(t) {
+  const y = (u, i, r) => {
+    var L, _;
+    const { startOffset: c, collapsed: f } = i;
+    let p = i.startContainer;
+    if ((L = p.parentElement) != null && L.classList.contains("template-field") && (p = p.parentElement), !f) return !1;
+    const a = p.nodeType === Node.TEXT_NODE && c === 0 && u.key === "ArrowLeft", b = p.nodeType === Node.TEXT_NODE && c === (((_ = p.textContent) == null ? void 0 : _.length) || 0) && u.key === "ArrowRight";
+    if (a || b) {
+      let v = null, R = "inside";
+      if (a)
+        if (p.parentNode && p.parentNode.classList.contains("template-field"))
+          v = p.parentNode, R = "before";
         else {
-          let C = s.previousSibling;
-          !C && s.parentNode && s.parentNode !== u && (C = s.parentNode.previousSibling), C && C.nodeType === Node.ELEMENT_NODE && C.classList.contains("template-field") && (y = C, w = "inside");
+          let w = p.previousSibling;
+          !w && p.parentNode && p.parentNode !== r && (w = p.parentNode.previousSibling), w && w.nodeType === Node.ELEMENT_NODE && w.classList.contains("template-field") && (v = w, R = "inside");
         }
-      else if (E)
-        if (s.parentNode && s.parentNode.classList.contains("template-field"))
-          y = s.parentNode, w = "after";
+      else if (b)
+        if (p.parentNode && p.parentNode.classList.contains("template-field"))
+          v = p.parentNode, R = "after";
         else {
-          let C = s.nextSibling;
-          !C && s.parentNode && s.parentNode !== u && (C = s.parentNode.nextSibling), C && C.nodeType === Node.ELEMENT_NODE && C.classList.contains("template-field") && (y = C, w = "inside");
+          let w = p.nextSibling;
+          !w && p.parentNode && p.parentNode !== r && (w = p.parentNode.nextSibling), w && w.nodeType === Node.ELEMENT_NODE && w.classList.contains("template-field") && (v = w, R = "inside");
         }
-      if (y) {
-        i.preventDefault();
-        const C = document.createRange(), m = window.getSelection();
-        return m && (w === "before" ? C.setStartBefore(y) : w === "after" ? C.setStartAfter(y) : (C.selectNodeContents(y), C.collapse(i.key === "ArrowLeft")), m.removeAllRanges(), m.addRange(C)), !0;
+      if (v) {
+        u.preventDefault();
+        const w = document.createRange(), m = z(r);
+        return m && (R === "before" ? w.setStartBefore(v) : R === "after" ? w.setStartAfter(v) : (w.selectNodeContents(v), w.collapse(u.key === "ArrowLeft")), m.removeAllRanges(), m.addRange(w)), !0;
       }
     }
-    if (s.nodeType === Node.ELEMENT_NODE && s.classList.contains("template-field")) {
-      const w = s.textContent || "", C = Z(w);
-      if (!C || C.trim() === "") {
-        i.preventDefault();
-        const m = document.createRange(), L = window.getSelection();
-        if (!L) return !0;
-        if (i.key === "ArrowLeft")
-          m.setStartBefore(s);
+    if (p.nodeType === Node.ELEMENT_NODE && p.classList.contains("template-field")) {
+      const R = p.textContent || "", w = J(R);
+      if (!w || w.trim() === "") {
+        u.preventDefault();
+        const m = document.createRange(), $ = z(r);
+        if (!$) return !0;
+        if (u.key === "ArrowLeft")
+          m.setStartBefore(p);
         else {
-          const M = s.nextSibling;
-          M && M.nodeType === Node.TEXT_NODE && Q(M.textContent || "") ? (m.setStart(M, 0), m.setEnd(M, 0)) : m.setStartAfter(s);
+          const V = p.nextSibling;
+          V && V.nodeType === Node.TEXT_NODE && ee(V.textContent || "") ? (m.setStart(V, 0), m.setEnd(V, 0)) : m.setStartAfter(p);
         }
-        return m.collapse(!0), L.removeAllRanges(), L.addRange(m), !0;
+        return m.collapse(!0), $.removeAllRanges(), $.addRange(m), !0;
       }
     }
-    if (s.nodeType === Node.TEXT_NODE && Q(s.textContent || "")) {
-      const y = s.previousSibling, w = s.nextSibling;
-      i.preventDefault();
-      const C = document.createRange(), m = window.getSelection();
-      return m && (i.key === "ArrowLeft" ? y && y.nodeType === Node.ELEMENT_NODE && y.classList.contains("template-field") ? (C.selectNodeContents(y), C.collapse(!1)) : C.setStartBefore(s) : w && w.nodeType === Node.ELEMENT_NODE && w.classList.contains("template-field") ? (C.selectNodeContents(w), C.collapse(!0)) : C.setStartAfter(s), m.removeAllRanges(), m.addRange(C)), !0;
+    if (p.nodeType === Node.TEXT_NODE && ee(p.textContent || "")) {
+      const v = p.previousSibling, R = p.nextSibling;
+      u.preventDefault();
+      const w = document.createRange(), m = z(r);
+      return m && (u.key === "ArrowLeft" ? v && v.nodeType === Node.ELEMENT_NODE && v.classList.contains("template-field") ? (w.selectNodeContents(v), w.collapse(!1)) : w.setStartBefore(p) : R ? R.nodeType === Node.ELEMENT_NODE && R.classList.contains("template-field") ? (w.selectNodeContents(R), w.collapse(!0)) : pt(r) ? (w.setStart(R, 1), w.collapse(!0)) : w.setStartAfter(p) : w.setStartAfter(p), m.removeAllRanges(), m.addRange(w)), !0;
     }
     return !1;
-  }, d = (i, f, u) => {
-    if (!f.collapsed) return !1;
-    const { startContainer: s, startOffset: v } = f;
-    if (s.nodeType === Node.TEXT_NODE && Q(s.textContent || "")) {
-      const l = s.previousSibling;
-      if (l && l.nodeType === Node.ELEMENT_NODE && l.classList.contains("template-field")) {
-        const E = l, F = E.textContent || "", y = Z(F);
-        if (!y || y.trim() === "") {
-          i.preventDefault();
-          const w = E.previousSibling, C = s.nextSibling;
-          E.parentNode && E.parentNode.removeChild(E), s.parentNode && s.parentNode.removeChild(s);
-          const m = window.getSelection();
-          if (m) {
-            const L = document.createRange();
-            w ? w.nodeType === Node.ELEMENT_NODE && w.classList.contains("template-field") ? (L.selectNodeContents(w), L.collapse(!1)) : w.nodeType === Node.TEXT_NODE && Q(w.textContent || "") ? (L.setStart(w, 0), L.setEnd(w, 0)) : L.setStartAfter(w) : C ? L.setStartBefore(C) : L.setStart(u, 0), L.collapse(!0), m.removeAllRanges(), m.addRange(L);
+  }, h = (u, i, r) => {
+    if (!i.collapsed) return !1;
+    const { startContainer: c, startOffset: f } = i;
+    if (c.nodeType === Node.TEXT_NODE && ee(c.textContent || "")) {
+      const a = c.previousSibling;
+      if (a && a.nodeType === Node.ELEMENT_NODE && a.classList.contains("template-field")) {
+        const b = a, L = b.textContent || "", _ = J(L);
+        if (!_ || _.trim() === "") {
+          u.preventDefault();
+          const v = b.previousSibling, R = c.nextSibling;
+          b.parentNode && b.parentNode.removeChild(b), c.parentNode && c.parentNode.removeChild(c);
+          const w = z(r);
+          if (w) {
+            const m = document.createRange();
+            v ? v.nodeType === Node.ELEMENT_NODE && v.classList.contains("template-field") ? (m.selectNodeContents(v), m.collapse(!1)) : v.nodeType === Node.TEXT_NODE && ee(v.textContent || "") ? (m.setStart(v, 0), m.setEnd(v, 0)) : m.setStartAfter(v) : R ? m.setStartBefore(R) : m.setStart(r, 0), m.collapse(!0), w.removeAllRanges(), w.addRange(m);
           }
           return t.handleInput(), !0;
         } else {
-          i.preventDefault();
-          const w = window.getSelection();
-          if (w) {
-            const C = document.createRange();
-            C.selectNodeContents(E), C.collapse(!1), w.removeAllRanges(), w.addRange(C);
+          u.preventDefault();
+          const v = z(r);
+          if (v) {
+            const R = document.createRange();
+            R.selectNodeContents(b), R.collapse(!1), v.removeAllRanges(), v.addRange(R);
           }
           return !0;
         }
       }
     }
-    if (s.nodeType === Node.TEXT_NODE && s.parentNode && s.parentNode.classList.contains("template-field") && s.textContent) {
-      const l = s.textContent;
-      if (Z(l).length === 1 && v === l.length) {
-        i.preventDefault(), s.textContent = "";
-        const F = s.parentNode, y = window.getSelection();
-        if (y) {
-          const w = document.createRange();
-          w.selectNodeContents(F), w.collapse(!0), y.removeAllRanges(), y.addRange(w);
+    if (c.nodeType === Node.TEXT_NODE && c.parentNode && c.parentNode.classList.contains("template-field") && c.textContent) {
+      const a = c.textContent;
+      if (J(a).length === 1 && f === a.length) {
+        u.preventDefault(), c.textContent = "";
+        const L = c.parentNode, _ = z(r);
+        if (_) {
+          const v = document.createRange();
+          v.selectNodeContents(L), v.collapse(!0), _.removeAllRanges(), _.addRange(v);
         }
         return t.handleInput(), !0;
       }
     }
-    if (v === 0) {
-      let l = null;
-      if (s.nodeType === Node.ELEMENT_NODE && s.classList.contains("template-field") ? l = s : s.nodeType === Node.TEXT_NODE && s.parentNode && s.parentNode.classList.contains("template-field") && (l = s.parentNode), l) {
-        i.preventDefault();
-        const E = window.getSelection();
-        return E && (f.setStartBefore(l), f.collapse(!0), E.removeAllRanges(), E.addRange(f)), !0;
+    if (f === 0) {
+      let a = null;
+      if (c.nodeType === Node.ELEMENT_NODE && c.classList.contains("template-field") ? a = c : c.nodeType === Node.TEXT_NODE && c.parentNode && c.parentNode.classList.contains("template-field") && (a = c.parentNode), a) {
+        u.preventDefault();
+        const b = z(r);
+        return b && (i.setStartBefore(a), i.collapse(!0), b.removeAllRanges(), b.addRange(i)), !0;
       }
     }
     return !1;
-  }, o = (i, f) => {
-    if (!f.collapsed) return !1;
-    const { startContainer: u, startOffset: s } = f;
-    if (u.nodeType === Node.TEXT_NODE && u.parentNode && u.parentNode.classList.contains("template-field") && u.textContent) {
-      const _ = u.textContent, l = Z(_);
-      if (s === _.length && l.length === 1) {
-        i.preventDefault(), u.textContent = "";
-        const E = u.parentNode, F = window.getSelection();
-        if (F) {
-          const y = document.createRange();
-          y.selectNodeContents(E), y.collapse(!0), F.removeAllRanges(), F.addRange(y);
+  }, o = (u, i, r) => {
+    if (!i.collapsed) return !1;
+    const { startContainer: c, startOffset: f } = i;
+    if (c.nodeType === Node.TEXT_NODE && c.parentNode && c.parentNode.classList.contains("template-field") && c.textContent) {
+      const a = c.textContent, b = J(a);
+      if (f === a.length && b.length === 1) {
+        u.preventDefault(), c.textContent = "";
+        const L = c.parentNode, _ = z(r);
+        if (_) {
+          const v = document.createRange();
+          v.selectNodeContents(L), v.collapse(!0), _.removeAllRanges(), _.addRange(v);
         }
         return t.handleInput(), !0;
       }
@@ -228,171 +229,204 @@ function pt(t) {
     return !1;
   };
   return {
-    handleTemplateKeyDown: (i) => {
+    handleTemplateKeyDown: (u) => {
       if (t.isComposing.value) return;
-      const f = t.editor.value;
-      if (!f) return;
-      const u = window.getSelection();
-      if (!u || u.rangeCount === 0) return;
-      const s = u.getRangeAt(0);
-      if (i.key === "Enter") {
-        i.preventDefault(), t.onSubmit(t.getValueFromDOM());
+      const i = t.editor.value;
+      if (!i) return;
+      const r = z(i);
+      if (!r || r.rangeCount === 0) return;
+      const c = r.getRangeAt(0);
+      if (u.key === "Enter") {
+        u.preventDefault(), t.onSubmit(t.getValueFromDOM());
         return;
       }
-      (i.key === "ArrowLeft" || i.key === "ArrowRight") && !i.shiftKey && b(i, s, f) || i.key === "Backspace" && d(i, s, f) || i.key === "Delete" && o(i, s);
+      (u.key === "ArrowLeft" || u.key === "ArrowRight") && !u.shiftKey && y(u, c, i) || u.key === "Backspace" && h(u, c, i) || u.key === "Delete" && o(u, c, i);
     }
   };
 }
-function gt(t) {
-  const b = Oe({
+function xt(t) {
+  const y = $e({
     isRecording: !1,
     isSupported: typeof window < "u" && "webkitSpeechRecognition" in window || "SpeechRecognition" in window,
     error: void 0
-  }), d = b.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
-  d !== void 0 && (d.continuous = t.continuous ?? !1, d.interimResults = t.interimResults ?? !0, d.lang = t.lang ?? navigator.language, d.onstart = () => {
-    var f;
-    b.isRecording = !0, b.error = void 0, (f = t.onStart) == null || f.call(t);
-  }, d.onend = () => {
-    var f;
-    b.isRecording = !1, (f = t.onEnd) == null || f.call(t);
-  }, d.onresult = (f) => {
-    var s, v;
-    const u = Array.from(f.results).map((_) => _[0].transcript).join("");
-    f.results[0].isFinal ? (s = t.onFinal) == null || s.call(t, u) : (v = t.onInterim) == null || v.call(t, u);
-  }, d.onerror = (f) => {
-    var u;
-    b.error = new Error(f.error), b.isRecording = !1, (u = t.onError) == null || u.call(t, b.error);
+  }), h = y.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
+  h !== void 0 && (h.continuous = t.continuous ?? !1, h.interimResults = t.interimResults ?? !0, h.lang = t.lang ?? navigator.language, h.onstart = () => {
+    var i;
+    y.isRecording = !0, y.error = void 0, (i = t.onStart) == null || i.call(t);
+  }, h.onend = () => {
+    var i;
+    y.isRecording = !1, (i = t.onEnd) == null || i.call(t);
+  }, h.onresult = (i) => {
+    var c, f;
+    const r = Array.from(i.results).map((p) => p[0].transcript).join("");
+    i.results[0].isFinal ? (c = t.onFinal) == null || c.call(t, r) : (f = t.onInterim) == null || f.call(t, r);
+  }, h.onerror = (i) => {
+    var r;
+    y.error = new Error(i.error), y.isRecording = !1, (r = t.onError) == null || r.call(t, y.error);
   });
   const o = () => {
-    var f;
-    if (!d) {
-      const u = new Error("浏览器不支持语音识别");
-      b.error = u, (f = t.onError) == null || f.call(t, u);
+    var i;
+    if (!h) {
+      const r = new Error("浏览器不支持语音识别");
+      y.error = r, (i = t.onError) == null || i.call(t, r);
       return;
     }
-    if (b.isRecording) {
+    if (y.isRecording) {
       try {
-        d.stop(), setTimeout(() => {
+        h.stop(), setTimeout(() => {
           try {
-            d.start();
-          } catch (u) {
-            i(u);
+            h.start();
+          } catch (r) {
+            u(r);
           }
         }, 100);
-      } catch (u) {
-        i(u);
+      } catch (r) {
+        u(r);
       }
       return;
     }
     try {
-      d.start();
-    } catch (u) {
-      i(u);
+      h.start();
+    } catch (r) {
+      u(r);
     }
-  }, S = () => {
-    if (d && b.isRecording)
+  }, x = () => {
+    if (h && y.isRecording)
       try {
-        d.stop();
-      } catch (f) {
-        i(f);
+        h.stop();
+      } catch (i) {
+        u(i);
       }
-  }, i = (f) => {
-    var u;
-    b.error = f instanceof Error ? f : new Error("语音识别操作失败"), b.isRecording = !1, (u = t.onError) == null || u.call(t, b.error);
+  }, u = (i) => {
+    var r;
+    y.error = i instanceof Error ? i : new Error("语音识别操作失败"), y.isRecording = !1, (r = t.onError) == null || r.call(t, y.error);
   };
   return {
-    speechState: b,
+    speechState: y,
     start: o,
-    stop: S
+    stop: x
   };
 }
-const mt = (t, b) => {
-  if (!b || !t)
+const kt = (t, y) => {
+  if (!y || !t)
     return [{ text: t, isMatch: !1 }];
-  const d = t.toLowerCase(), o = b.toLowerCase(), S = d.indexOf(o);
-  if (S === -1)
+  const h = t.toLowerCase(), o = y.toLowerCase(), x = [];
+  let u = 0;
+  for (; u < h.length; ) {
+    const f = h.indexOf(o, u);
+    if (f === -1) break;
+    x.push({
+      start: f,
+      end: f + y.length
+    }), u = f + 1;
+  }
+  if (x.length === 0)
     return [{ text: t, isMatch: !1 }];
   const i = [];
-  return S > 0 && i.push({
-    text: t.substring(0, S),
-    isMatch: !1
-  }), i.push({
-    text: t.substring(S, S + b.length),
-    isMatch: !0
-  }), S + b.length < t.length && i.push({
-    text: t.substring(S + b.length),
+  for (const f of x)
+    if (i.length === 0)
+      i.push(f);
+    else {
+      const p = i[i.length - 1];
+      f.start <= p.end ? p.end = Math.max(p.end, f.end) : i.push(f);
+    }
+  const r = [];
+  let c = 0;
+  for (const f of i)
+    c < f.start && r.push({
+      text: t.substring(c, f.start),
+      isMatch: !1
+    }), r.push({
+      text: t.substring(f.start, f.end),
+      isMatch: !0
+    }), c = f.end;
+  return c < t.length && r.push({
+    text: t.substring(c),
     isMatch: !1
-  }), i;
+  }), r;
 };
-function ht(t, b, d, o) {
-  const S = O(!1), i = O(-1), f = O(""), u = O(!1), s = O(null), v = O(!1), _ = $(() => {
-    if (!t.suggestions || !d.value || t.template) return [];
-    const p = d.value.toLowerCase();
-    return t.suggestions.filter((h) => h.toLowerCase().includes(p));
-  }), l = $(() => _.value[i.value] || null), E = (p) => {
-    if (!p && i.value === -1) {
-      f.value = "";
+function Rt(t, y, h, o) {
+  const x = I(!1), u = I(-1), i = I(-1), r = I(""), c = I(!1), f = I(null), p = I(!1), a = I(null), b = P(() => {
+    if (!t.suggestions || !h.value || t.template) return [];
+    const e = h.value.toLowerCase();
+    return t.suggestions.filter((l) => l.toLowerCase().includes(e));
+  }), L = P(() => {
+    let e = -1;
+    return a.value === "mouse" && i.value !== -1 ? e = i.value : a.value === "keyboard" && u.value !== -1 && (e = u.value), b.value[e] || null;
+  }), _ = (e) => e === u.value || e === i.value, v = (e) => {
+    if (a.value === null) {
+      r.value = "", c.value = !1;
       return;
     }
-    const h = p || l.value;
-    h && d.value && h.toLowerCase().startsWith(d.value.toLowerCase()) ? f.value = h.substring(d.value.length) : f.value = "";
-  }, F = () => {
-    S.value = !1, i.value = -1, f.value = "", u.value = !1;
-  }, y = () => {
-    S.value = !0, i.value = -1, E(), u.value = !0;
+    const l = e || L.value;
+    l && h.value && l.toLowerCase().startsWith(h.value.toLowerCase()) ? (r.value = l.substring(h.value.length), c.value = !0) : (r.value = "", c.value = !1);
+  }, R = () => {
+    x.value = !1, u.value = -1, i.value = -1, a.value = null, r.value = "", c.value = !1;
   }, w = () => {
-    o.value || v.value || W(() => {
-      d.value && t.suggestions && t.suggestions.length > 0 && !t.template && _.value.length > 0 ? y() : F();
+    x.value = !0, u.value = -1, i.value = -1, a.value = null, v();
+  }, m = () => {
+    o.value || p.value || W(() => {
+      h.value && t.suggestions && t.suggestions.length > 0 && !t.template && b.value.length > 0 ? w() : R();
     });
   };
-  Y(d, w), Y(() => t.suggestions, w);
-  const C = (p) => {
-    v.value = !0, d.value = p, b("update:modelValue", p), b("suggestion-select", p), L(), W(() => {
-      v.value = !1;
+  te(h, m), te(() => t.suggestions, m);
+  const $ = (e) => {
+    p.value = !0, h.value = e, y("update:modelValue", e), y("suggestion-select", e), H(), W(() => {
+      p.value = !1;
     });
-  }, m = () => {
-    l.value && C(l.value);
-  }, L = () => {
-    F();
+  }, V = () => {
+    L.value && $(L.value);
+  }, H = () => {
+    R();
   };
   return {
-    showSuggestionsPopup: S,
-    highlightedIndex: i,
-    completionPlaceholder: f,
-    showTabHint: u,
-    suggestionsListRef: s,
-    filteredSuggestions: _,
-    activeSuggestion: l,
-    updateCompletionPlaceholder: E,
-    updateSuggestionsState: w,
-    selectSuggestion: C,
-    acceptCurrentSuggestion: m,
-    closeSuggestionsPopup: L,
-    navigateSuggestions: (p) => {
-      if (!S.value || _.value.length === 0) return;
-      i.value === -1 ? i.value = p === "down" ? 0 : _.value.length - 1 : p === "down" ? i.value = (i.value + 1) % _.value.length : i.value = (i.value - 1 + _.value.length) % _.value.length, l.value && E(l.value);
-      const h = s.value;
-      if (h) {
-        const N = h.children[i.value];
-        N && N.scrollIntoView({ block: "nearest" });
+    showSuggestionsPopup: x,
+    completionPlaceholder: r,
+    showTabHint: c,
+    suggestionsListRef: f,
+    filteredSuggestions: b,
+    activeSuggestion: L,
+    isItemHighlighted: _,
+    updateCompletionPlaceholder: v,
+    updateSuggestionsState: m,
+    selectSuggestion: $,
+    acceptCurrentSuggestion: V,
+    closeSuggestionsPopup: H,
+    navigateSuggestions: (e) => {
+      if (!x.value || b.value.length === 0) return;
+      a.value = "keyboard", u.value === -1 ? u.value = e === "down" ? 0 : b.value.length - 1 : e === "down" ? u.value = (u.value + 1) % b.value.length : u.value = (u.value - 1 + b.value.length) % b.value.length;
+      const l = b.value[u.value];
+      l && v(l);
+      const n = f.value;
+      if (n) {
+        const s = n.children[u.value];
+        s && s.scrollIntoView({ block: "nearest" });
       }
     },
-    handleSuggestionItemHover: (p) => {
-      i.value = p, E(_.value[p]);
+    handleSuggestionItemHover: (e) => {
+      a.value = "mouse", i.value = e, v(b.value[e]);
+    },
+    handleSuggestionItemLeave: () => {
+      if (i.value = -1, u.value !== -1) {
+        a.value = "keyboard";
+        const e = b.value[u.value];
+        e && v(e);
+      } else
+        a.value = null, v();
     },
     handleClickOutside: () => {
-      L();
+      H();
     },
-    highlightSuggestionText: mt
+    highlightSuggestionText: kt
   };
 }
-const vt = { class: "action-buttons" }, yt = {
+const Dt = { class: "action-buttons" }, Ft = {
   key: 0,
   class: "action-buttons__utility"
-}, bt = { class: "action-buttons__submit-content" }, Ct = {
+}, Lt = { class: "action-buttons__submit-content" }, It = {
   key: 1,
   class: "action-buttons__cancel"
-}, Le = /* @__PURE__ */ he({
+}, We = /* @__PURE__ */ be({
   __name: "ActionButtons",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -410,34 +444,34 @@ const vt = { class: "action-buttons" }, yt = {
     isOverLimit: { type: Boolean, default: !1 }
   },
   emits: ["clear", "toggle-speech", "submit", "cancel"],
-  setup(t, { emit: b }) {
-    const d = tt(), o = t, S = b, i = $(() => o.allowSpeech), f = $(() => o.speechStatus.isRecording), u = $(() => o.disabled), s = $(() => u.value || o.isOverLimit), v = $(() => o.allowFiles || o.allowSpeech || o.showClear), _ = () => {
-      u.value || S("clear");
-    }, l = () => {
-      if (!u.value) {
-        const y = !o.speechStatus.isRecording;
-        S("toggle-speech", y);
+  setup(t, { emit: y }) {
+    const h = ht(), o = t, x = y, u = P(() => o.allowSpeech), i = P(() => o.speechStatus.isRecording), r = P(() => o.disabled), c = P(() => r.value || o.isOverLimit), f = P(() => o.allowFiles || o.allowSpeech || o.showClear), p = () => {
+      r.value || x("clear");
+    }, a = () => {
+      if (!r.value) {
+        const _ = !o.speechStatus.isRecording;
+        x("toggle-speech", _);
       }
-    }, E = () => {
-      s.value || S("submit");
-    }, F = () => {
-      u.value || S("cancel");
+    }, b = () => {
+      c.value || x("submit");
+    }, L = () => {
+      r.value || x("cancel");
     };
-    return (y, w) => (k(), I("div", vt, [
-      v.value ? (k(), I("div", yt, [
-        y.allowFiles && !y.loading ? (k(), G(x(De), {
+    return (_, v) => (D(), A("div", Dt, [
+      f.value ? (D(), A("div", Ft, [
+        _.allowFiles && !_.loading ? (D(), Q(E(Ve), {
           key: 0,
           content: "上传文件",
           placement: "top"
         }, {
-          default: J(() => [
-            U(x(ue), {
+          default: Y(() => [
+            G(E(fe), {
               class: "action-buttons__button action-buttons__file-button",
               type: "text",
-              disabled: u.value
+              disabled: r.value
             }, {
-              default: J(() => [
-                U(x(nt), {
+              default: Y(() => [
+                G(E(gt), {
                   class: "action-buttons__icon",
                   alt: "上传文件"
                 })
@@ -446,64 +480,64 @@ const vt = { class: "action-buttons" }, yt = {
             }, 8, ["disabled"])
           ]),
           _: 1
-        })) : P("", !0),
-        i.value && !y.loading ? (k(), G(x(ue), {
+        })) : K("", !0),
+        u.value && !_.loading ? (D(), Q(E(fe), {
           key: 1,
-          class: oe(["action-buttons__button action-buttons__speech-button", { "is-recording": f.value }]),
+          class: ae(["action-buttons__button action-buttons__speech-button", { "is-recording": i.value }]),
           type: "text",
-          disabled: u.value,
-          onClick: l
+          disabled: r.value,
+          onClick: a
         }, {
-          default: J(() => [
-            f.value ? (k(), G(x(ot), {
+          default: Y(() => [
+            i.value ? (D(), Q(E(yt), {
               key: 1,
               class: "action-buttons__icon action-buttons__icon--recording",
               alt: "语音中"
-            })) : (k(), G(x(st), {
+            })) : (D(), Q(E(vt), {
               key: 0,
               class: "action-buttons__icon",
               alt: "录音"
             }))
           ]),
           _: 1
-        }, 8, ["disabled", "class"])) : P("", !0),
-        y.showClear ? (k(), G(x(De), {
+        }, 8, ["disabled", "class"])) : K("", !0),
+        _.showClear ? (D(), Q(E(Ve), {
           key: 2,
           content: "清空内容",
           placement: "top"
         }, {
-          default: J(() => [
-            U(x(ue), {
+          default: Y(() => [
+            G(E(fe), {
               class: "action-buttons__button action-buttons__clear-button",
               type: "text",
-              disabled: u.value || !y.hasContent,
-              onClick: _
+              disabled: r.value || !_.hasContent,
+              onClick: p
             }, {
-              default: J(() => [
-                (k(), G(Ze(x(d)), { class: "action-buttons__icon action-buttons__icon--close" }))
+              default: Y(() => [
+                (D(), Q(it(E(h)), { class: "action-buttons__icon action-buttons__icon--close" }))
               ]),
               _: 1
             }, 8, ["disabled"])
           ]),
           _: 1
-        })) : P("", !0)
-      ])) : P("", !0),
-      y.hasContent || y.loading ? (k(), G(x(ue), {
+        })) : K("", !0)
+      ])) : K("", !0),
+      _.hasContent || _.loading ? (D(), Q(E(fe), {
         key: 1,
         type: "text",
         class: "action-buttons__button action-buttons__submit",
-        disabled: y.loading ? u.value : s.value,
-        onClick: w[0] || (w[0] = (C) => y.loading ? F() : E())
+        disabled: _.loading ? r.value : c.value,
+        onClick: v[0] || (v[0] = (R) => _.loading ? L() : b())
       }, {
-        default: J(() => [
-          X("div", bt, [
-            y.loading ? (k(), I("div", Ct, [
-              U(x(at), {
+        default: Y(() => [
+          U("div", Lt, [
+            _.loading ? (D(), A("div", It, [
+              G(E(Ct), {
                 class: "action-buttons__icon action-buttons__icon--stop",
                 alt: "加载中"
               }),
-              w[1] || (w[1] = X("span", { class: "action-buttons__cancel-text" }, "停止回答", -1))
-            ])) : (k(), G(x(lt), {
+              v[1] || (v[1] = U("span", { class: "action-buttons__cancel-text" }, "停止回答", -1))
+            ])) : (D(), Q(E(bt), {
               key: 0,
               class: "action-buttons__icon action-buttons__icon--send",
               alt: "发送"
@@ -511,511 +545,513 @@ const vt = { class: "action-buttons" }, yt = {
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : P("", !0)
+      }, 8, ["disabled"])) : K("", !0)
     ]));
   }
 });
-function wt(t, b) {
-  const d = O(!1), o = Oe({ ...b }), S = (n) => {
-    Object.assign(o, n);
-  }, i = (n) => {
-    const r = [];
-    let e = 0;
-    const a = /\[(.*?)\]/g;
+function Ot(t, y) {
+  const h = I(!1), o = $e({ ...y }), x = (e) => {
+    Object.assign(o, e);
+  }, u = (e) => {
+    const l = [];
+    let n = 0;
+    const s = /\[(.*?)\]/g;
     let g;
-    for (; (g = a.exec(n)) !== null; )
-      g.index > e && r.push({ type: "text", content: n.substring(e, g.index) }), r.push({ type: "field", content: g[1] }), e = g.index + g[0].length;
-    return e < n.length && r.push({ type: "text", content: n.substring(e) }), r;
-  }, f = () => {
+    for (; (g = s.exec(e)) !== null; )
+      g.index > n && l.push({ type: "text", content: e.substring(n, g.index) }), l.push({ type: "field", content: g[1] }), n = g.index + g[0].length;
+    return n < e.length && l.push({ type: "text", content: e.substring(n) }), l;
+  }, i = () => {
     if (!t.value) return "";
-    let n = "";
-    const r = (e) => {
-      let a = "";
-      if (e.nodeType === Node.TEXT_NODE) {
-        const g = e.textContent || "";
-        a += Z(g);
-      } else if (e.nodeType === Node.ELEMENT_NODE) {
-        const g = e;
+    let e = "";
+    const l = (n) => {
+      let s = "";
+      if (n.nodeType === Node.TEXT_NODE) {
+        const g = n.textContent || "";
+        s += J(g);
+      } else if (n.nodeType === Node.ELEMENT_NODE) {
+        const g = n;
         if (g.classList.contains("template-field")) {
           const T = g.textContent || "";
-          a += Z(T);
+          s += J(T);
         } else if (g.tagName.toLowerCase() === "span") {
           const T = g.textContent || "";
-          a += Z(T);
+          s += J(T);
         } else if (g.tagName.toLowerCase() === "br")
-          a += `
+          s += `
 `;
         else
           for (const T of Array.from(g.childNodes))
-            a += r(T);
+            s += l(T);
       }
-      return a;
+      return s;
     };
-    return t.value.childNodes.forEach((e) => {
-      n += r(e);
-    }), n;
-  }, u = (n) => o.initialValues && typeof o.initialValues[n] == "string" ? o.initialValues[n] : "", s = (n, r) => {
-    const e = document.createElement("span");
-    return e.className = "template-field", e.setAttribute("data-placeholder", n), r && (e.textContent = r), W(() => {
-      v(e, r || "");
+    return t.value.childNodes.forEach((n) => {
+      e += l(n);
     }), e;
-  }, v = (n, r) => {
-    const e = Z(r);
-    if (!e || e.trim() === "") {
-      const a = n.getAttribute("data-placeholder") || "";
-      a ? _(n, a, !0) : (n.style.minWidth = "", n.style.width = "");
+  }, r = (e) => o.initialValues && typeof o.initialValues[e] == "string" ? o.initialValues[e] : "", c = (e, l) => {
+    const n = document.createElement("span");
+    return n.className = "template-field", n.setAttribute("data-placeholder", e), l && (n.textContent = l), W(() => {
+      f(n, l || "");
+    }), n;
+  }, f = (e, l) => {
+    const n = J(l);
+    if (!n || n.trim() === "") {
+      const s = e.getAttribute("data-placeholder") || "";
+      s ? p(e, s, !0) : (e.style.minWidth = "", e.style.width = "");
     } else
-      _(n, e, !1);
-    Fe(n);
-  }, _ = (n, r, e) => {
-    const a = document.createElement("span");
-    a.className = "template-field", a.style.visibility = "hidden", a.style.position = "absolute", a.style.top = "-9999px", a.style.left = "-9999px", a.style.whiteSpace = "nowrap", a.style.padding = "3px 8px", a.style.margin = "0 2px", a.style.boxSizing = "border-box", a.textContent = r, document.body.appendChild(a);
-    const g = getComputedStyle(a), T = a.offsetWidth, A = parseFloat(g.fontSize);
-    document.body.removeChild(a);
-    const V = e ? 1.5 : 2, H = T / A, B = Math.max(V, Math.ceil(H));
-    n.style.setProperty("min-width", `${B}em`, "important");
-    const q = 20;
-    B > q ? (n.style.setProperty("max-width", `${q}em`, "important"), n.style.setProperty("white-space", "normal", "important"), n.style.setProperty("word-break", "break-word", "important")) : n.style.removeProperty("max-width");
-  }, l = (n) => {
-    const e = (n === void 0 ? f() : n).trim().length > 0;
-    d.value !== e && (d.value = e, o.onContentStatusChange(e));
-  }, E = (n, r = "inside", e = !1) => {
+      p(e, n, !1);
+    Be(e);
+  }, p = (e, l, n) => {
+    const s = document.createElement("span");
+    s.className = "template-field", s.style.visibility = "hidden", s.style.position = "absolute", s.style.top = "-9999px", s.style.left = "-9999px", s.style.whiteSpace = "nowrap", s.style.padding = "3px 8px", s.style.margin = "0 2px", s.style.boxSizing = "border-box", s.textContent = l, document.body.appendChild(s);
+    const g = getComputedStyle(s), T = s.offsetWidth, O = parseFloat(g.fontSize);
+    document.body.removeChild(s);
+    const M = n ? 1.5 : 2, j = T / O, B = Math.max(M, Math.ceil(j));
+    e.style.setProperty("min-width", `${B}em`, "important");
+    const X = 20;
+    B > X ? (e.style.setProperty("max-width", `${X}em`, "important"), e.style.setProperty("white-space", "normal", "important"), e.style.setProperty("word-break", "break-word", "important")) : e.style.removeProperty("max-width");
+  }, a = (e) => {
+    const n = (e === void 0 ? i() : e).trim().length > 0;
+    h.value !== n && (h.value = n, o.onContentStatusChange(n));
+  }, b = (e, l = "inside", n = !1) => {
     W(() => {
-      const a = window.getSelection();
-      if (!a) return;
+      const s = z(t.value);
+      if (!s) return;
       const g = document.createRange();
-      switch (r) {
+      switch (l) {
         case "before":
-          g.setStartBefore(n);
+          g.setStartBefore(e);
           break;
         case "after":
-          g.setStartAfter(n);
+          g.setStartAfter(e);
           break;
         case "inside":
         default:
-          g.selectNodeContents(n), g.collapse(e);
+          g.selectNodeContents(e), g.collapse(n);
           break;
       }
-      a.removeAllRanges(), a.addRange(g), n.focus && n.focus();
+      s.removeAllRanges(), s.addRange(g), e.focus && e.focus();
     });
-  }, F = () => {
+  }, L = () => {
     W(() => {
-      const n = t.value;
-      if (n) {
-        const r = document.createRange(), e = window.getSelection();
-        r.selectNodeContents(n), r.collapse(!1), e && (e.removeAllRanges(), e.addRange(r)), n.focus();
+      const e = t.value;
+      if (e) {
+        const l = document.createRange(), n = z(e);
+        l.selectNodeContents(e), l.collapse(!1), n && (n.removeAllRanges(), n.addRange(l)), e.focus();
       }
     });
-  }, y = (n, r) => {
-    const e = t.value;
-    if (!e) return null;
-    e.innerHTML = "";
-    let a = null;
-    if (!r || r === o.template)
-      n.forEach((g) => {
+  }, _ = (e, l) => {
+    const n = t.value;
+    if (!n) return null;
+    n.innerHTML = "";
+    let s = null;
+    if (!l || l === o.template)
+      e.forEach((g) => {
         if (g.type === "field") {
-          const T = u(g.content), A = s(g.content, T);
-          e.appendChild(A);
-          const V = me();
-          e.appendChild(V), a || (a = A);
+          const T = r(g.content), O = c(g.content, T);
+          n.appendChild(O);
+          const M = ye();
+          n.appendChild(M), s || (s = O);
         } else
-          e.appendChild(document.createTextNode(g.content));
+          n.appendChild(document.createTextNode(g.content));
       }), o.initialValues && Object.keys(o.initialValues).length > 0 && W(() => {
-        const g = f();
+        const g = i();
         g !== o.value && (o.onValueChange(g), o.onInput(g));
       });
     else {
-      const g = w(n, r);
+      const g = v(e, l);
       g.success ? g.elements.forEach((T) => {
-        if (e.appendChild(T.node), T.isField) {
-          const A = me();
-          e.appendChild(A);
+        if (n.appendChild(T.node), T.isField) {
+          const O = ye();
+          n.appendChild(O);
         }
-        T.isField && !a && (a = T.node);
-      }) : (e.appendChild(document.createTextNode(r)), a = null);
+        T.isField && !s && (s = T.node);
+      }) : (n.appendChild(document.createTextNode(l)), s = null);
     }
-    return a;
-  }, w = (n, r) => {
-    const e = [];
-    let a = 0, g = 0, T = !0;
-    for (; g < n.length && a <= r.length && T; ) {
-      const A = n[g];
-      if (A.type === "text")
-        r.substring(a).startsWith(A.content) ? (e.push({
-          node: document.createTextNode(A.content),
+    return s;
+  }, v = (e, l) => {
+    const n = [];
+    let s = 0, g = 0, T = !0;
+    for (; g < e.length && s <= l.length && T; ) {
+      const O = e[g];
+      if (O.type === "text")
+        l.substring(s).startsWith(O.content) ? (n.push({
+          node: document.createTextNode(O.content),
           isField: !1
-        }), a += A.content.length, g++) : T = !1;
+        }), s += O.content.length, g++) : T = !1;
       else {
-        let V = "";
-        const H = n.find((B, q) => q > g && B.type === "text");
-        if (H) {
-          const B = r.substring(a), q = B.indexOf(H.content);
-          q !== -1 ? (V = B.substring(0, q), a += V.length) : T = !1;
+        let M = "";
+        const j = e.find((B, X) => X > g && B.type === "text");
+        if (j) {
+          const B = l.substring(s), X = B.indexOf(j.content);
+          X !== -1 ? (M = B.substring(0, X), s += M.length) : T = !1;
         } else
-          V = r.substring(a), a = r.length;
+          M = l.substring(s), s = l.length;
         if (T) {
-          const B = s(A.content, V);
-          e.push({ node: B, isField: !0 }), g++;
+          const B = c(O.content, M);
+          n.push({ node: B, isField: !0 }), g++;
         }
       }
     }
-    if (T && g < n.length)
-      for (let A = g; A < n.length; A++) {
-        const V = n[A];
-        if (V.type === "field") {
-          const H = !o.value || o.value === "" ? u(V.content) : "", B = s(V.content, H);
-          e.push({ node: B, isField: !0 });
+    if (T && g < e.length)
+      for (let O = g; O < e.length; O++) {
+        const M = e[O];
+        if (M.type === "field") {
+          const j = !o.value || o.value === "" ? r(M.content) : "", B = c(M.content, j);
+          n.push({ node: B, isField: !0 });
         } else
-          e.push({
-            node: document.createTextNode(V.content),
+          n.push({
+            node: document.createTextNode(M.content),
             isField: !1
           });
       }
-    return { success: T, elements: e };
-  }, C = () => {
+    return { success: T, elements: n };
+  }, R = () => {
     if (!t.value) return;
     o.isInternalUpdate = !0;
-    const n = i(o.template), r = y(n, o.value);
-    l(), W(() => {
-      if (h(), r) {
-        const e = r.textContent || "", a = Z(e);
-        a && a.trim() !== "" ? E(r, "inside", !1) : E(r, "inside", !0);
+    const e = u(o.template), l = _(e, o.value);
+    a(), W(() => {
+      if (S(), l) {
+        const n = l.textContent || "", s = J(n);
+        s && s.trim() !== "" ? b(l, "inside", !1) : b(l, "inside", !0);
       } else
-        F();
+        L();
       o.isInternalUpdate = !1;
     });
-  }, m = () => {
+  }, w = () => {
     if (o.isComposing) return;
-    M(), p(), L(), h();
-    const n = f();
-    n !== o.value && (o.onValueChange(n), o.onInput(n)), l(n), n === "" && t.value && Array.from(t.value.childNodes).every((e) => e.nodeType === Node.ELEMENT_NODE && e.classList.contains("template-field") ? ct(e) : !!(e.nodeType === Node.TEXT_NODE && Q(e.textContent || ""))) && M();
-  }, L = () => {
+    $(), C(), m(), S();
+    const e = i();
+    e !== o.value && (o.onValueChange(e), o.onInput(e)), a(e), e === "" && t.value && Array.from(t.value.childNodes).every((n) => n.nodeType === Node.ELEMENT_NODE && n.classList.contains("template-field") ? Et(n) : !!(n.nodeType === Node.TEXT_NODE && ee(n.textContent || ""))) && $();
+  }, m = () => {
     if (!t.value) return;
-    dt(t.value), t.value.querySelectorAll(".template-field").forEach((r) => {
-      Fe(r);
+    _t(t.value), t.value.querySelectorAll(".template-field").forEach((l) => {
+      Be(l);
     });
-  }, M = () => {
+  }, $ = () => {
     if (!t.value) return;
-    const n = [];
-    t.value.childNodes.forEach((r) => {
-      if (r.nodeType === Node.TEXT_NODE) {
-        const e = r.textContent || "";
-        if (Q(e)) {
-          const a = r.previousSibling;
-          if (a && a.nodeType === Node.ELEMENT_NODE && a.classList.contains("template-field"))
+    const e = [];
+    t.value.childNodes.forEach((l) => {
+      if (l.nodeType === Node.TEXT_NODE) {
+        const n = l.textContent || "";
+        if (ee(n)) {
+          const s = l.previousSibling;
+          if (s && s.nodeType === Node.ELEMENT_NODE && s.classList.contains("template-field"))
             return;
         }
-        (e.trim() === "" || Q(e)) && n.push(r);
-      } else r.nodeType === Node.ELEMENT_NODE && r.tagName.toLowerCase() === "br" && n.push(r);
-    }), n.forEach((r) => {
-      r.parentNode && r.parentNode.removeChild(r);
+        (n.trim() === "" || ee(n)) && e.push(l);
+      } else l.nodeType === Node.ELEMENT_NODE && l.tagName.toLowerCase() === "br" && e.push(l);
+    }), e.forEach((l) => {
+      l.parentNode && l.parentNode.removeChild(l);
     });
-  }, z = (n) => {
+  }, V = (e) => {
     if (!o.template || !o.initialValues)
       return "字段";
-    for (const [r, e] of Object.entries(o.initialValues))
-      if (e === n)
-        return r;
-    return n.length <= 2 || /^[[\]{}()]+$/.test(n) || n.includes("[") && n.includes("]") ? n : "字段";
-  }, j = (n) => {
-    const r = n.getAttribute("data-placeholder");
-    if (r)
-      return r;
-    const e = n.getAttribute("title") || n.getAttribute("data-field") || n.getAttribute("data-key") || n.getAttribute("placeholder") || "";
-    if (e)
-      return e;
-    const a = n.textContent || "";
-    return z(a);
-  }, p = () => {
+    for (const [l, n] of Object.entries(o.initialValues))
+      if (n === e)
+        return l;
+    return e.length <= 2 || /^[[\]{}()]+$/.test(e) || e.includes("[") && e.includes("]") ? e : "字段";
+  }, H = (e) => {
+    const l = e.getAttribute("data-placeholder");
+    if (l)
+      return l;
+    const n = e.getAttribute("title") || e.getAttribute("data-field") || e.getAttribute("data-key") || e.getAttribute("placeholder") || "";
+    if (n)
+      return n;
+    const s = e.textContent || "";
+    return V(s);
+  }, C = () => {
     if (!t.value) return;
-    t.value.querySelectorAll("span").forEach((r) => {
-      const e = r, a = e.style, g = e.classList.contains("template-field"), T = e.hasAttribute("data-placeholder");
+    t.value.querySelectorAll("span").forEach((l) => {
+      const n = l, s = n.style, g = n.classList.contains("template-field"), T = n.hasAttribute("data-placeholder");
       if (g && T)
         return;
-      const A = a.backgroundColor && // 标准格式
-      (a.backgroundColor === "rgba(0, 0, 0, 0.05)" || a.backgroundColor === "rgba(0, 0, 0, 0.08)" || // 可能的变体格式
-      a.backgroundColor.includes("rgba(0, 0, 0, 0.05)") || a.backgroundColor.includes("rgba(0, 0, 0, 0.08)") || // 十六进制或其他可能的格式
-      a.backgroundColor.toLowerCase().includes("0.05") || a.backgroundColor.toLowerCase().includes("0.08")), V = a.borderRadius === "4px" || a.padding === "3px 8px" || a.margin === "0px 2px" || a.whiteSpace === "nowrap" && a.padding && a.margin;
-      if (A || V || T) {
-        if (e.className = "template-field", !e.getAttribute("data-placeholder")) {
-          const B = j(e);
-          B && e.setAttribute("data-placeholder", B);
+      const O = s.backgroundColor && // 标准格式
+      (s.backgroundColor === "rgba(0, 0, 0, 0.05)" || s.backgroundColor === "rgba(0, 0, 0, 0.08)" || // 可能的变体格式
+      s.backgroundColor.includes("rgba(0, 0, 0, 0.05)") || s.backgroundColor.includes("rgba(0, 0, 0, 0.08)") || // 十六进制或其他可能的格式
+      s.backgroundColor.toLowerCase().includes("0.05") || s.backgroundColor.toLowerCase().includes("0.08")), M = s.borderRadius === "4px" || s.padding === "3px 8px" || s.margin === "0px 2px" || s.whiteSpace === "nowrap" && s.padding && s.margin;
+      if (O || M || T) {
+        if (n.className = "template-field", !n.getAttribute("data-placeholder")) {
+          const B = H(n);
+          B && n.setAttribute("data-placeholder", B);
         }
-        e.removeAttribute("style");
-        const H = e.textContent || "";
-        v(e, H);
+        n.removeAttribute("style");
+        const j = n.textContent || "";
+        f(n, j);
       }
     });
-  }, h = () => {
+  }, S = () => {
     if (!t.value) return;
-    t.value.querySelectorAll(".template-field").forEach((r) => {
-      const e = r.textContent || "";
-      v(r, e);
+    t.value.querySelectorAll(".template-field").forEach((l) => {
+      const n = l.textContent || "";
+      f(l, n);
     });
   };
   return {
     // 状态
-    hasContent: d,
+    hasContent: h,
     // 解析和DOM操作
-    parseTemplateToParts: i,
-    getValueFromDOM: f,
-    getInitialContentForField: u,
-    createFieldElement: s,
+    parseTemplateToParts: u,
+    getValueFromDOM: i,
+    getInitialContentForField: r,
+    createFieldElement: c,
     // 光标操作
-    setCursorTo: E,
-    setCursorToEnd: F,
+    setCursorTo: b,
+    setCursorToEnd: L,
     // DOM更新
-    updateEditorDOM: C,
-    renderTemplateToDOM: y,
+    updateEditorDOM: R,
+    renderTemplateToDOM: _,
     // 事件处理
-    handleInput: m,
-    checkHasContent: l,
-    cleanupEmptyTextNodes: M,
+    handleInput: w,
+    checkHasContent: a,
+    cleanupEmptyTextNodes: $,
     // 推断 placeholder
-    inferPlaceholderForContent: z,
-    extractPlaceholderFromElement: j,
+    inferPlaceholderForContent: V,
+    extractPlaceholderFromElement: H,
     // 方法
     resetFields: () => {
       if (!t.value) return;
       o.isInternalUpdate = !0;
-      const n = t.value;
-      n.innerHTML = "";
-      const r = i(o.template);
-      let e = "";
-      r.forEach((a) => {
-        if (a.type === "field") {
-          const g = u(a.content), T = s(a.content, g);
-          g && (e += g), n.appendChild(T);
+      const e = t.value;
+      e.innerHTML = "";
+      const l = u(o.template);
+      let n = "";
+      l.forEach((s) => {
+        if (s.type === "field") {
+          const g = r(s.content), T = c(s.content, g);
+          g && (n += g), e.appendChild(T);
         } else
-          n.appendChild(document.createTextNode(a.content)), e += a.content;
-      }), o.onValueChange(e), F(), l(e), W(() => {
+          e.appendChild(document.createTextNode(s.content)), n += s.content;
+      }), o.onValueChange(n), L(), a(n), W(() => {
         o.isInternalUpdate = !1;
       });
     },
     activateFirstField: () => {
-      var r;
-      const n = (r = t.value) == null ? void 0 : r.querySelector(".template-field");
-      n ? E(n, "inside", !1) : F();
+      var l;
+      const e = (l = t.value) == null ? void 0 : l.querySelector(".template-field");
+      e ? b(e, "inside", !1) : L();
     },
     // 选项更新
-    updateOptions: S
+    updateOptions: x
   };
 }
-const St = /* @__PURE__ */ he({
+const At = /* @__PURE__ */ be({
   __name: "TemplateEditor",
-  props: /* @__PURE__ */ _e({
+  props: /* @__PURE__ */ Fe({
     value: {},
     autofocus: { type: Boolean }
   }, {
     value: { default: "" },
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ _e(["input", "content-status", "submit", "focus", "blur", "empty-content"], ["update:value"]),
-  setup(t, { expose: b, emit: d }) {
-    const o = Ge(t, "value"), S = t, i = d, f = O(null), u = O(""), s = O({}), v = O(!1), _ = O(!1), l = wt(f, {
-      template: u.value,
+  emits: /* @__PURE__ */ Fe(["input", "content-status", "submit", "focus", "blur", "empty-content"], ["update:value"]),
+  setup(t, { expose: y, emit: h }) {
+    const o = rt(t, "value"), x = t, u = h, i = I(null), r = I(""), c = I({}), f = I(!1), p = I(!1), a = Ot(i, {
+      template: r.value,
       value: o.value,
-      initialValues: s.value,
-      isInternalUpdate: v,
-      isComposing: _,
-      onValueChange: (p) => {
-        if (o.value !== p) {
-          const h = v.value;
-          v.value = !0, o.value = p, W(() => {
-            v.value = h;
+      initialValues: c.value,
+      isInternalUpdate: f,
+      isComposing: p,
+      onValueChange: (C) => {
+        if (o.value !== C) {
+          const S = f.value;
+          f.value = !0, o.value = C, W(() => {
+            f.value = S;
           });
         }
       },
-      onInput: (p) => {
-        i("input", p);
+      onInput: (C) => {
+        u("input", C);
       },
-      onContentStatusChange: (p) => i("content-status", p),
-      onSubmit: (p) => i("submit", p)
-    }), E = pt({
-      editor: f,
-      isComposing: _,
-      getValueFromDOM: l.getValueFromDOM,
-      handleInput: l.handleInput,
-      onSubmit: (p) => i("submit", p)
-    }), F = (p, h) => {
-      let N = p;
-      return Object.entries(h).forEach(([K, n]) => {
-        const r = `[${K}]`;
-        N = N.replace(new RegExp(r.replace(/[[\]]/g, "\\$&"), "g"), n);
+      onContentStatusChange: (C) => u("content-status", C),
+      onSubmit: (C) => u("submit", C)
+    }), b = Nt({
+      editor: i,
+      isComposing: p,
+      getValueFromDOM: a.getValueFromDOM,
+      handleInput: a.handleInput,
+      onSubmit: (C) => u("submit", C)
+    }), L = (C, S) => {
+      let N = C;
+      return Object.entries(S).forEach(([q, e]) => {
+        const l = `[${q}]`;
+        N = N.replace(new RegExp(l.replace(/[[\]]/g, "\\$&"), "g"), e);
       }), N;
-    }, y = (p) => {
-      v.value = !0, u.value = p.template, s.value = p.initialValues || {};
-      const h = F(u.value, s.value);
-      l.updateOptions({
-        template: u.value,
-        value: h,
+    }, _ = (C) => {
+      f.value = !0, r.value = C.template, c.value = C.initialValues || {};
+      const S = L(r.value, c.value);
+      a.updateOptions({
+        template: r.value,
+        value: S,
         // 使用新生成的内容而不是旧的inputValue
-        initialValues: s.value
-      }), l.updateEditorDOM(), o.value = h, W(() => {
-        v.value = !1;
+        initialValues: c.value
+      }), a.updateEditorDOM(), o.value = S, W(() => {
+        f.value = !1;
       });
-    }, w = () => {
-      _.value = !0;
-    }, C = () => {
-      _.value = !1, l.handleInput();
-    }, m = (p) => {
-      var K;
-      if (!f.value) return;
-      const h = p.target;
+    }, v = () => {
+      p.value = !0;
+    }, R = () => {
+      p.value = !1, a.handleInput();
+    }, w = (C) => {
+      var q;
+      if (!i.value) return;
+      const S = C.target;
       let N = null;
-      if (h.classList.contains("template-field") ? N = h : (K = h.parentElement) != null && K.classList.contains("template-field") && (N = h.parentElement), N && (!N.textContent || N.textContent.trim() === "")) {
-        const n = window.getSelection(), r = document.createRange();
-        n && (r.selectNodeContents(N), r.collapse(!0), n.removeAllRanges(), n.addRange(r), N.focus(), p.preventDefault(), p.stopPropagation());
+      if (S.classList.contains("template-field") ? N = S : (q = S.parentElement) != null && q.classList.contains("template-field") && (N = S.parentElement), N && (!N.textContent || N.textContent.trim() === "")) {
+        const e = z(i.value), l = document.createRange();
+        e && (l.selectNodeContents(N), l.collapse(!0), e.removeAllRanges(), e.addRange(l), N.focus(), C.preventDefault(), C.stopPropagation());
       }
-    }, L = (p) => {
-      p.preventDefault();
-      const h = p.clipboardData;
-      if (!h) return;
-      const N = h.getData("text/html"), K = h.getData("text/plain");
+    }, m = (C) => {
+      if (typeof ShadowRoot.prototype.getSelection != "function")
+        return;
+      C.preventDefault();
+      const S = C.clipboardData;
+      if (!S) return;
+      const N = S.getData("text/html"), q = S.getData("text/plain");
       if (N) {
-        const n = document.createElement("div");
-        n.innerHTML = N;
-        const r = n.querySelectorAll("span");
-        let e = !1;
-        if (r.forEach((a) => {
-          const g = a, T = g.style, A = g.classList.contains("template-field"), V = g.hasAttribute("data-placeholder"), H = T.backgroundColor && // 标准格式
+        const e = document.createElement("div");
+        e.innerHTML = N;
+        const l = e.querySelectorAll("span");
+        let n = !1;
+        if (l.forEach((s) => {
+          const g = s, T = g.style, O = g.classList.contains("template-field"), M = g.hasAttribute("data-placeholder"), j = T.backgroundColor && // 标准格式
           (T.backgroundColor === "rgba(0, 0, 0, 0.05)" || T.backgroundColor === "rgba(0, 0, 0, 0.08)" || // 可能的变体格式
           T.backgroundColor.includes("rgba(0, 0, 0, 0.05)") || T.backgroundColor.includes("rgba(0, 0, 0, 0.08)") || // 十六进制或其他可能的格式
           T.backgroundColor.toLowerCase().includes("0.05") || T.backgroundColor.toLowerCase().includes("0.08")), B = T.borderRadius === "4px" || T.padding === "3px 8px" || T.margin === "0px 2px" || T.whiteSpace === "nowrap";
-          if (A || V || H || B) {
-            if (e = !0, g.className = "template-field", !g.getAttribute("data-placeholder")) {
-              const q = l.extractPlaceholderFromElement(g);
-              q && g.setAttribute("data-placeholder", q);
+          if (O || M || j || B) {
+            if (n = !0, g.className = "template-field", !g.getAttribute("data-placeholder")) {
+              const X = a.extractPlaceholderFromElement(g);
+              X && g.setAttribute("data-placeholder", X);
             }
             g.removeAttribute("style");
           }
-        }), e) {
-          M(n);
+        }), n) {
+          $(e);
           return;
         }
       }
-      K && z(K);
-    }, M = (p) => {
-      const h = window.getSelection();
-      if (h && h.rangeCount > 0) {
-        const N = h.getRangeAt(0);
+      q && V(q);
+    }, $ = (C) => {
+      const S = z(i.value);
+      if (S && S.rangeCount > 0) {
+        const N = S.getRangeAt(0);
         N.deleteContents();
-        const K = document.createDocumentFragment();
-        for (; p.firstChild; )
-          K.appendChild(p.firstChild);
-        N.insertNode(K), N.collapse(!1), h.removeAllRanges(), h.addRange(N), j();
+        const q = document.createDocumentFragment();
+        for (; C.firstChild; )
+          q.appendChild(C.firstChild);
+        N.insertNode(q), N.collapse(!1), S.removeAllRanges(), S.addRange(N), H();
       }
-    }, z = (p) => {
-      const h = window.getSelection();
-      if (h && h.rangeCount > 0) {
-        const N = h.getRangeAt(0);
-        N.deleteContents(), N.insertNode(document.createTextNode(p)), N.collapse(!1), h.removeAllRanges(), h.addRange(N), j();
+    }, V = (C) => {
+      const S = z(i.value);
+      if (S && S.rangeCount > 0) {
+        const N = S.getRangeAt(0);
+        N.deleteContents(), N.insertNode(document.createTextNode(C)), N.collapse(!1), S.removeAllRanges(), S.addRange(N), H();
       }
-    }, j = () => {
-      _.value = !1, W(() => {
-        l.handleInput();
-        const p = l.getValueFromDOM();
-        if (p !== o.value) {
-          const h = v.value;
-          v.value = !0, o.value = p, i("input", p), W(() => {
-            v.value = h;
+    }, H = () => {
+      p.value = !1, W(() => {
+        a.handleInput();
+        const C = a.getValueFromDOM();
+        if (C !== o.value) {
+          const S = f.value;
+          f.value = !0, o.value = C, u("input", C), W(() => {
+            f.value = S;
           });
         }
         setTimeout(() => {
-          const h = l.getValueFromDOM();
-          h !== o.value && (v.value = !0, o.value = h, i("input", h), W(() => {
-            v.value = !1;
+          const S = a.getValueFromDOM();
+          S !== o.value && (f.value = !0, o.value = S, u("input", S), W(() => {
+            f.value = !1;
           }));
         }, 50);
       });
     };
-    return Je(() => {
-      u.value && l.updateEditorDOM(), S.autofocus && f.value && l.setCursorToEnd();
-    }), Y(
-      () => u.value,
+    return ut(() => {
+      r.value && a.updateEditorDOM(), x.autofocus && i.value && a.setCursorToEnd();
+    }), te(
+      () => r.value,
       () => {
-        v.value || (l.updateOptions({
-          template: u.value,
+        f.value || (a.updateOptions({
+          template: r.value,
           value: o.value,
-          initialValues: s.value
-        }), l.updateEditorDOM());
+          initialValues: c.value
+        }), a.updateEditorDOM());
       }
-    ), Y(
-      () => s.value,
+    ), te(
+      () => c.value,
       () => {
-        v.value || (l.updateOptions({
-          template: u.value,
+        f.value || (a.updateOptions({
+          template: r.value,
           value: o.value,
-          initialValues: s.value
-        }), l.updateEditorDOM());
+          initialValues: c.value
+        }), a.updateEditorDOM());
       },
       { deep: !0 }
-    ), Y(
+    ), te(
       () => o.value,
-      (p) => {
-        v.value || (l.updateOptions({
-          template: u.value,
-          value: p,
-          initialValues: s.value
-        }), l.updateEditorDOM()), (!p || p.trim() === "") && i("empty-content");
+      (C) => {
+        f.value || (a.updateOptions({
+          template: r.value,
+          value: C,
+          initialValues: c.value
+        }), a.updateEditorDOM()), (!C || C.trim() === "") && u("empty-content");
       }
-    ), b({
+    ), y({
       focus: () => {
-        var p;
-        (p = f.value) == null || p.focus(), l.setCursorToEnd();
+        var C;
+        (C = i.value) == null || C.focus(), a.setCursorToEnd();
       },
-      resetFields: l.resetFields,
-      activateFirstField: l.activateFirstField,
-      getValueFromDOM: l.getValueFromDOM,
-      setTemplate: y
-    }), (p, h) => (k(), I("div", {
+      resetFields: a.resetFields,
+      activateFirstField: a.activateFirstField,
+      getValueFromDOM: a.getValueFromDOM,
+      setTemplate: _
+    }), (C, S) => (D(), A("div", {
       class: "template-editor",
       ref_key: "contentEditableRef",
-      ref: f,
+      ref: i,
       contenteditable: "true",
-      onInput: h[0] || (h[0] = //@ts-ignore
-      (...N) => x(l).handleInput && x(l).handleInput(...N)),
-      onKeydown: h[1] || (h[1] = //@ts-ignore
-      (...N) => x(E).handleTemplateKeyDown && x(E).handleTemplateKeyDown(...N)),
-      onClick: m,
-      onCompositionstart: w,
-      onCompositionend: C,
-      onFocus: h[2] || (h[2] = (N) => p.$emit("focus", N)),
-      onBlur: h[3] || (h[3] = (N) => p.$emit("blur", N)),
-      onPaste: L
+      onInput: S[0] || (S[0] = //@ts-ignore
+      (...N) => E(a).handleInput && E(a).handleInput(...N)),
+      onKeydown: S[1] || (S[1] = //@ts-ignore
+      (...N) => E(b).handleTemplateKeyDown && E(b).handleTemplateKeyDown(...N)),
+      onClick: w,
+      onCompositionstart: v,
+      onCompositionend: R,
+      onFocus: S[2] || (S[2] = (N) => C.$emit("focus", N)),
+      onBlur: S[3] || (S[3] = (N) => C.$emit("blur", N)),
+      onPaste: m
     }, null, 544));
   }
-}), Et = ["data-theme"], _t = { class: "tiny-sender__container" }, Nt = {
+}), Mt = ["data-theme"], Vt = { class: "tiny-sender__container" }, Bt = {
   key: 0,
   class: "tiny-sender__header-slot"
-}, Tt = {
+}, Wt = {
   key: 0,
   class: "tiny-sender__prefix-slot"
-}, xt = { class: "tiny-sender__content-area" }, Rt = {
+}, $t = { class: "tiny-sender__content-area" }, Pt = {
   key: 0,
   class: "tiny-sender__decorative-content"
-}, kt = {
+}, Kt = {
   key: 2,
   class: "tiny-sender__input-field-wrapper"
-}, Dt = {
+}, Ht = {
   key: 0,
   class: "tiny-sender__completion-placeholder"
-}, Ft = { class: "user-input-mirror" }, Lt = {
+}, qt = { class: "user-input-mirror" }, Xt = {
   key: 0,
   class: "tiny-sender__tab-hint"
-}, Ot = {
+}, zt = {
   key: 1,
   class: "tiny-sender__actions-slot"
-}, At = { class: "tiny-sender__footer-left" }, It = { class: "tiny-sender__footer-right" }, Mt = { class: "real-word-length" }, Vt = {
+}, jt = { class: "tiny-sender__footer-left" }, Ut = { class: "tiny-sender__footer-right" }, Zt = { class: "real-word-length" }, Gt = {
   key: 1,
   class: "tiny-sender__toolbar"
-}, Bt = { class: "tiny-sender__buttons-container" }, Wt = {
+}, Jt = { class: "tiny-sender__buttons-container" }, Qt = {
   key: 1,
   class: "tiny-sender__footer-slot"
-}, $t = ["onMouseenter", "onMousedown"], Pt = { class: "suggestion-item__text" }, Kt = {
+}, Yt = ["onMouseenter", "onMousedown"], en = { class: "suggestion-item__text" }, tn = {
   key: 0,
   class: "tiny-sender__error"
-}, ce = /* @__PURE__ */ he({
+}, pe = /* @__PURE__ */ be({
   __name: "index",
   props: {
     autofocus: { type: Boolean, default: !1 },
@@ -1041,339 +1077,355 @@ const St = /* @__PURE__ */ he({
     templateInitialValues: { default: () => ({}) }
   },
   emits: ["update:modelValue", "submit", "clear", "speech-start", "speech-end", "speech-interim", "speech-error", "suggestion-select", "focus", "blur", "escape-press", "cancel", "reset-template"],
-  setup(t, { expose: b, emit: d }) {
-    const o = t, S = d, i = O(null), f = O(null), u = O(null), s = O(null), v = O(null), _ = O(!1), { inputValue: l, isComposing: E, clearInput: F } = ut(o, S), {
-      showSuggestionsPopup: y,
-      highlightedIndex: w,
-      completionPlaceholder: C,
-      showTabHint: m,
-      suggestionsListRef: L,
-      filteredSuggestions: M,
-      activeSuggestion: z,
-      updateSuggestionsState: j,
-      selectSuggestion: p,
-      acceptCurrentSuggestion: h,
+  setup(t, { expose: y, emit: h }) {
+    const o = t, x = h, u = I(null), i = I(null), r = I(null), c = I(null), f = I(null), p = I(!1), { inputValue: a, isComposing: b, clearInput: L } = wt(o, x), {
+      showSuggestionsPopup: _,
+      completionPlaceholder: v,
+      showTabHint: R,
+      suggestionsListRef: w,
+      filteredSuggestions: m,
+      activeSuggestion: $,
+      isItemHighlighted: V,
+      updateSuggestionsState: H,
+      selectSuggestion: C,
+      acceptCurrentSuggestion: S,
       closeSuggestionsPopup: N,
-      navigateSuggestions: K,
-      handleSuggestionItemHover: n,
-      highlightSuggestionText: r
-    } = ht(o, S, l, E), e = O(o.mode), a = O(!1), g = () => {
-      e.value === "single" && (e.value = "multiple", W(() => {
+      navigateSuggestions: q,
+      handleSuggestionItemHover: e,
+      handleSuggestionItemLeave: l,
+      highlightSuggestionText: n
+    } = Rt(o, x, a, b), s = I(o.mode), g = I(!1), T = () => {
+      s.value === "single" && (s.value = "multiple", W(() => {
         setTimeout(() => {
-          const c = document.querySelector(".tiny-textarea__inner");
-          if (c) {
-            c.style.whiteSpace = "pre-wrap";
-            const R = l.value.length;
-            c.focus(), c.setSelectionRange(R, R);
+          const d = document.querySelector(".tiny-textarea__inner");
+          if (d) {
+            d.style.whiteSpace = "pre-wrap";
+            const k = a.value.length;
+            d.focus(), d.setSelectionRange(k, k);
           }
         }, 50);
       }));
-    }, T = (c, R) => {
-      const D = document.createElement("span");
-      D.style.visibility = "hidden", D.style.position = "absolute", D.style.whiteSpace = "nowrap", D.style.font = R, D.textContent = c, document.body.appendChild(D);
-      const ee = D.offsetWidth;
-      return document.body.removeChild(D), ee;
-    }, A = () => {
-      if (o.mode !== "single" || !i.value || a.value) return;
-      const R = document.querySelector(".tiny-sender__content-area").querySelector(".tiny-input__inner"), D = v.value || document.querySelector(".tiny-sender__buttons-container");
-      if (!R) return;
-      const ee = window.getComputedStyle(R).font, te = T(l.value, ee), Ue = R.offsetWidth - ((D == null ? void 0 : D.offsetWidth) || 0) - 20;
-      te > Ue && e.value === "single" && (a.value = !0, e.value = "multiple", W(() => {
-        i.value ? setTimeout(() => {
-          const re = document.querySelector(".tiny-textarea__inner");
-          if (re) {
-            re.style.whiteSpace = "pre-wrap";
-            const Ee = l.value.length;
-            re.focus(), re.setSelectionRange(Ee, Ee);
+    }, O = (d, k) => {
+      const F = document.createElement("span");
+      F.style.visibility = "hidden", F.style.position = "absolute", F.style.whiteSpace = "nowrap", F.style.font = k, F.textContent = d, document.body.appendChild(F);
+      const ne = F.offsetWidth;
+      return document.body.removeChild(F), ne;
+    }, M = () => {
+      var ce, xe, ke;
+      if (o.mode !== "single" || !u.value || g.value || !i.value || !c.value) return;
+      const d = i.value.querySelector(".tiny-sender__content-area");
+      if (!d) return;
+      const k = ((xe = (ce = u.value) == null ? void 0 : ce.querySelector) == null ? void 0 : xe.call(ce, ".tiny-input__inner")) || d.querySelector(".tiny-input__inner"), F = f.value || i.value.querySelector(".tiny-sender__buttons-container");
+      if (!k) {
+        console.warn("Cannot find input element for overflow check");
+        return;
+      }
+      const ne = k.getBoundingClientRect(), Z = F == null ? void 0 : F.getBoundingClientRect();
+      if (ne.width === 0) {
+        setTimeout(() => M(), 50);
+        return;
+      }
+      const ge = window.getComputedStyle(k).font, nt = O(a.value, ge), Te = (ke = i.value) == null ? void 0 : ke.classList.contains("tr-sender-compact"), st = Te ? 12 : 20, lt = ne.width, at = (Z == null ? void 0 : Z.width) || 0, Ne = lt - at - st, ot = Te ? 50 : 80;
+      nt > Ne && Ne > ot && s.value === "single" && (g.value = !0, s.value = "multiple", W(() => {
+        u.value ? setTimeout(() => {
+          var Re;
+          const de = (Re = i.value) == null ? void 0 : Re.querySelector(".tiny-textarea__inner");
+          if (de) {
+            de.style.whiteSpace = "pre-wrap";
+            const De = a.value.length;
+            de.focus(), de.setSelectionRange(De, De);
           }
-          a.value = !1;
-        }, 300) : a.value = !1;
+          g.value = !1;
+        }, 300) : g.value = !1;
       }));
-    }, V = () => {
-      if (_.value && u.value)
-        ve();
-      else if (i.value)
-        i.value.focus();
+    }, j = () => {
+      if (p.value && r.value)
+        Ce();
+      else if (u.value)
+        u.value.focus();
       else {
-        const c = document.querySelector(".tiny-input__inner");
-        c == null || c.focus();
+        const d = document.querySelector(".tiny-input__inner");
+        d == null || d.focus();
       }
-    }, H = () => {
-      _.value = !1, S("reset-template"), W(() => {
-        l.value === "" && (e.value = o.mode || "single"), setTimeout(() => {
-          V();
+    }, B = () => {
+      p.value = !1, x("reset-template"), W(() => {
+        a.value === "" && (s.value = o.mode || "single"), setTimeout(() => {
+          j();
         }, 50);
       });
-    }, B = () => {
-      var c;
-      F(), _.value ? H() : (c = f.value) == null || c.focus(), W(() => {
-        l.value === "" && (e.value = o.mode || "single");
+    }, X = () => {
+      var d;
+      L(), p.value ? B() : (d = i.value) == null || d.focus(), W(() => {
+        a.value === "" && (s.value = o.mode || "single");
       }), N();
-    }, q = (c) => {
-      S("update:modelValue", c);
-    }, ve = () => {
-      u.value && u.value.activateFirstField();
-    }, Ie = (c, R) => {
-      _.value = !0, W(() => {
-        u.value && u.value.setTemplate({ template: c, initialValues: R });
+    }, Ke = (d) => {
+      x("update:modelValue", d);
+    }, Ce = () => {
+      r.value && r.value.activateFirstField();
+    }, He = (d, k) => {
+      p.value = !0, W(() => {
+        r.value && r.value.setTemplate({ template: d, initialValues: k });
       });
-    }, Me = $(() => {
-      const c = typeof o.speech == "object" ? o.speech : {};
+    }, qe = P(() => {
+      const d = typeof o.speech == "object" ? o.speech : {};
       return {
-        ...c,
-        onStart: () => S("speech-start"),
-        onEnd: (R) => S("speech-end", R),
-        onInterim: (R) => S("speech-interim", R),
-        onFinal: (R) => {
-          if (c.autoReplace)
-            l.value = R;
+        ...d,
+        onStart: () => x("speech-start"),
+        onEnd: (k) => x("speech-end", k),
+        onInterim: (k) => x("speech-interim", k),
+        onFinal: (k) => {
+          if (d.autoReplace)
+            a.value = k;
           else {
-            const D = l.value;
-            D && R && !D.endsWith(" ") && !R.startsWith(" ") && D.length > 0 ? l.value = D + " " + R : l.value = D + R;
+            const F = a.value;
+            F && k && !F.endsWith(" ") && !k.startsWith(" ") && F.length > 0 ? a.value = F + " " + k : a.value = F + k;
           }
-          S("speech-end", R);
+          x("speech-end", k);
         },
-        onError: (R) => {
-          ze(R.message), S("speech-error", R);
+        onError: (k) => {
+          et(k.message), x("speech-error", k);
         }
       };
-    }), { speechState: ae, start: ye, stop: be } = gt(Me.value), de = () => {
-      ae.isRecording ? be() : ye();
-    }, { handleKeyPress: Ve, triggerSubmit: fe } = ft(
+    }), { speechState: ie, start: Se, stop: we } = xt(qe.value), me = () => {
+      ie.isRecording ? we() : Se();
+    }, re = P(() => o.maxLength !== 1 / 0 && a.value.length > o.maxLength), { handleKeyPress: Xe, triggerSubmit: he } = Tt(
       o,
+      x,
+      a,
+      b,
+      ie,
+      _,
+      $,
       S,
-      l,
-      E,
-      ae,
-      y,
-      z,
-      h,
       N,
-      K,
-      de,
-      e,
-      g
-    ), Be = (c) => {
-      S("focus", c), l.value && M.value.length > 0 && !o.template && (y.value = !0, m.value = !0);
-    }, We = (c) => {
-      S("blur", c), N();
-    }, $e = $(() => e.value === "multiple" ? "textarea" : "text"), Pe = $(
+      q,
+      me,
+      re,
+      s,
+      T
+    ), ze = (d) => {
+      x("focus", d), a.value && m.value.length > 0 && !o.template && (_.value = !0, R.value = !0);
+    }, je = (d) => {
+      x("blur", d), N();
+    }, Ue = P(() => s.value === "multiple" ? "textarea" : "text"), Ze = P(
       () => ({
         display: "flex",
         justifyContent: o.showWordLimit && o.maxLength !== 1 / 0 ? "space-between" : "flex-end",
         alignItems: "center"
       })
-    ), Ke = Qe(), He = $(() => !!Ke.decorativeContent), ie = $(() => o.disabled || He.value), Ce = $(() => o.loading), we = $(() => o.hasContent !== void 0 ? o.hasContent : !!l.value), Xe = $(() => ({
-      "is-disabled": ie.value,
-      "is-loading": Ce.value,
-      "has-error": !!le.value,
-      "is-auto-switching": a.value
-    })), qe = $(() => ({
-      width: rt(o.suggestionPopupWidth),
+    ), Ge = ct(), Je = P(() => !!Ge.decorativeContent), ue = P(() => o.disabled || Je.value), Ee = P(() => o.loading), _e = P(() => o.hasContent !== void 0 ? o.hasContent : !!a.value), Qe = P(() => ({
+      "is-disabled": ue.value,
+      "is-loading": Ee.value,
+      "has-error": !!oe.value,
+      "is-auto-switching": g.value
+    })), Ye = P(() => ({
+      width: mt(o.suggestionPopupWidth),
       maxWidth: "100%"
       // 确保不超出父容器宽度
-    })), le = O(""), ze = (c) => {
-      le.value = c, setTimeout(() => le.value = "", 5e3);
-    }, je = () => {
-      E.value = !1, setTimeout(() => {
-        E.value = !1, j();
+    })), oe = I(""), et = (d) => {
+      oe.value = d, setTimeout(() => oe.value = "", 5e3);
+    }, tt = () => {
+      b.value = !1, setTimeout(() => {
+        b.value = !1, H();
       }, 50);
-    }, pe = $(() => o.maxLength !== 1 / 0 && l.value.length > o.maxLength);
-    return Y(l, () => {
-      W(A), l.value === "" && o.mode === "single" && (e.value = "single");
-    }), Y(
-      () => _.value,
-      (c) => {
-        c && (e.value = "multiple");
+    };
+    return te(a, () => {
+      W(M), a.value === "" && o.mode === "single" && (s.value = "single");
+    }), te(
+      () => p.value,
+      (d) => {
+        d && (s.value = "multiple");
       }
-    ), b({
-      focus: V,
+    ), y({
+      focus: j,
       blur: () => {
-        if (i.value)
-          i.value.blur();
+        if (u.value)
+          u.value.blur();
         else {
-          const c = document.querySelector(".tiny-input__inner");
-          c == null || c.blur();
+          const d = document.querySelector(".tiny-input__inner");
+          d == null || d.blur();
         }
       },
-      clear: B,
-      submit: fe,
-      startSpeech: ye,
-      stopSpeech: be,
-      activateTemplateFirstField: ve,
-      setTemplate: Ie
-    }), (c, R) => (k(), I("div", {
+      clear: X,
+      submit: he,
+      startSpeech: Se,
+      stopSpeech: we,
+      activateTemplateFirstField: Ce,
+      setTemplate: He
+    }), (d, k) => (D(), A("div", {
       ref_key: "senderRef",
-      ref: f,
-      class: oe(["tiny-sender", [Xe.value, `theme-${c.theme}`, `mode-${e.value}`]]),
-      "data-theme": c.theme
+      ref: i,
+      class: ae(["tiny-sender", [Qe.value, `theme-${d.theme}`, `mode-${s.value}`]]),
+      "data-theme": d.theme
     }, [
-      X("div", _t, [
-        X("div", {
+      U("div", Vt, [
+        U("div", {
           class: "tiny-sender__input-wrapper",
           ref_key: "inputWrapperRef",
-          ref: s
+          ref: c
         }, [
-          U(ge, { name: "tiny-sender-slide-down" }, {
-            default: J(() => [
-              c.$slots.header ? (k(), I("div", Nt, [
-                ne(c.$slots, "header")
-              ])) : P("", !0)
+          G(ve, { name: "tiny-sender-slide-down" }, {
+            default: Y(() => [
+              d.$slots.header ? (D(), A("div", Bt, [
+                se(d.$slots, "header")
+              ])) : K("", !0)
             ]),
             _: 3
           }),
-          X("div", {
-            class: oe(["tiny-sender__input-row", { "has-prefix": c.$slots.prefix, "has-header": c.$slots.header }])
+          U("div", {
+            class: ae(["tiny-sender__input-row", { "has-prefix": d.$slots.prefix, "has-header": d.$slots.header }])
           }, [
-            c.$slots.prefix ? (k(), I("div", Tt, [
-              ne(c.$slots, "prefix")
-            ])) : P("", !0),
-            X("div", xt, [
-              c.$slots.decorativeContent ? (k(), I("div", Rt, [
-                ne(c.$slots, "decorativeContent")
-              ])) : P("", !0),
-              _.value ? (k(), G(St, {
+            d.$slots.prefix ? (D(), A("div", Wt, [
+              se(d.$slots, "prefix")
+            ])) : K("", !0),
+            U("div", $t, [
+              d.$slots.decorativeContent ? (D(), A("div", Pt, [
+                se(d.$slots, "decorativeContent")
+              ])) : K("", !0),
+              p.value ? (D(), Q(At, {
                 key: 1,
                 ref_key: "templateEditorRef",
-                ref: u,
-                value: x(l),
-                "onUpdate:value": R[0] || (R[0] = (D) => Ne(l) ? l.value = D : null),
-                onInput: q,
-                onEmptyContent: H
-              }, null, 8, ["value"])) : (k(), I("div", kt, [
-                U(x(et), {
+                ref: r,
+                value: E(a),
+                "onUpdate:value": k[0] || (k[0] = (F) => Le(a) ? a.value = F : null),
+                onInput: Ke,
+                onEmptyContent: B
+              }, null, 8, ["value"])) : (D(), A("div", Kt, [
+                G(E(ft), {
                   ref_key: "inputRef",
-                  ref: i,
-                  autosize: c.autoSize,
-                  type: $e.value,
-                  readonly: Ce.value,
+                  ref: u,
+                  autosize: d.autoSize,
+                  type: Ue.value,
+                  readonly: Ee.value,
                   resize: "none",
-                  modelValue: x(l),
-                  "onUpdate:modelValue": R[1] || (R[1] = (D) => Ne(l) ? l.value = D : null),
-                  disabled: ie.value,
-                  placeholder: c.placeholder,
-                  autofocus: c.autofocus,
-                  onKeydown: x(Ve),
-                  onCompositionstart: R[2] || (R[2] = (D) => E.value = !0),
-                  onCompositionend: je,
-                  onFocus: Be,
-                  onBlur: We
+                  modelValue: E(a),
+                  "onUpdate:modelValue": k[1] || (k[1] = (F) => Le(a) ? a.value = F : null),
+                  disabled: ue.value,
+                  placeholder: d.placeholder,
+                  autofocus: d.autofocus,
+                  onKeydown: E(Xe),
+                  onCompositionstart: k[2] || (k[2] = (F) => b.value = !0),
+                  onCompositionend: tt,
+                  onFocus: ze,
+                  onBlur: je
                 }, null, 8, ["autosize", "type", "readonly", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
-                x(C) && !x(E) ? (k(), I("div", Dt, [
-                  X("span", Ft, se(x(l)), 1),
-                  Te(se(x(C)) + " ", 1),
-                  x(m) ? (k(), I("div", Lt, "TAB")) : P("", !0)
-                ])) : P("", !0)
+                E(v) && !E(b) ? (D(), A("div", Ht, [
+                  U("span", qt, le(E(a)), 1),
+                  Ie(le(E(v)) + " ", 1),
+                  E(R) ? (D(), A("div", Xt, "TAB")) : K("", !0)
+                ])) : K("", !0)
               ]))
             ]),
-            e.value === "single" ? (k(), I("div", Ot, [
-              X("div", {
+            s.value === "single" ? (D(), A("div", zt, [
+              U("div", {
                 class: "tiny-sender__buttons-container",
                 ref_key: "buttonsContainerRef",
-                ref: v
+                ref: f
               }, [
-                ne(c.$slots, "actions"),
-                U(Le, {
-                  "allow-speech": c.allowSpeech,
-                  "allow-files": c.allowFiles,
-                  loading: c.loading,
-                  disabled: ie.value,
-                  "show-clear": c.clearable,
-                  "has-content": we.value,
-                  "speech-status": x(ae),
-                  "submit-type": c.submitType,
-                  "is-over-limit": pe.value,
-                  onClear: B,
-                  onToggleSpeech: de,
-                  onSubmit: x(fe),
-                  onCancel: R[3] || (R[3] = (D) => c.$emit("cancel"))
+                se(d.$slots, "actions"),
+                G(We, {
+                  "allow-speech": d.allowSpeech,
+                  "allow-files": d.allowFiles,
+                  loading: d.loading,
+                  disabled: ue.value,
+                  "show-clear": d.clearable,
+                  "has-content": _e.value,
+                  "speech-status": E(ie),
+                  "submit-type": d.submitType,
+                  "is-over-limit": re.value,
+                  onClear: X,
+                  onToggleSpeech: me,
+                  onSubmit: E(he),
+                  onCancel: k[3] || (k[3] = (F) => d.$emit("cancel"))
                 }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "is-over-limit", "onSubmit"])
               ], 512)
-            ])) : P("", !0)
+            ])) : K("", !0)
           ], 2),
-          U(ge, { name: "tiny-sender-slide-up" }, {
-            default: J(() => [
-              e.value === "multiple" ? (k(), I("div", {
+          G(ve, { name: "tiny-sender-slide-up" }, {
+            default: Y(() => [
+              s.value === "multiple" ? (D(), A("div", {
                 key: 0,
-                style: xe(Pe.value),
+                style: Oe(Ze.value),
                 class: "tiny-sender__footer-slot tiny-sender__bottom-row"
               }, [
-                X("div", At, [
-                  ne(c.$slots, "footer-left")
+                U("div", jt, [
+                  se(d.$slots, "footer-left")
                 ]),
-                X("div", It, [
-                  ne(c.$slots, "footer-right"),
-                  c.showWordLimit && c.maxLength !== 1 / 0 ? (k(), I("div", {
+                U("div", Ut, [
+                  se(d.$slots, "footer-right"),
+                  d.showWordLimit && d.maxLength !== 1 / 0 ? (D(), A("div", {
                     key: 0,
-                    class: oe(["tiny-sender__word-limit", { "is-over-limit": pe.value }])
+                    class: ae(["tiny-sender__word-limit", { "is-over-limit": re.value }])
                   }, [
-                    X("span", Mt, se(x(l).length), 1),
-                    Te("/" + se(c.maxLength), 1)
-                  ], 2)) : P("", !0),
-                  e.value === "multiple" ? (k(), I("div", Vt, [
-                    X("div", Bt, [
-                      U(Le, {
-                        "allow-speech": c.allowSpeech,
-                        "allow-files": c.allowFiles,
-                        loading: c.loading,
-                        disabled: ie.value,
-                        "show-clear": c.clearable,
-                        "has-content": we.value,
-                        "speech-status": x(ae),
-                        "submit-type": c.submitType,
-                        "is-over-limit": pe.value,
-                        onClear: B,
-                        onToggleSpeech: de,
-                        onSubmit: x(fe),
-                        onCancel: R[4] || (R[4] = (D) => c.$emit("cancel"))
+                    U("span", Zt, le(E(a).length), 1),
+                    Ie("/" + le(d.maxLength), 1)
+                  ], 2)) : K("", !0),
+                  s.value === "multiple" ? (D(), A("div", Gt, [
+                    U("div", Jt, [
+                      G(We, {
+                        "allow-speech": d.allowSpeech,
+                        "allow-files": d.allowFiles,
+                        loading: d.loading,
+                        disabled: ue.value,
+                        "show-clear": d.clearable,
+                        "has-content": _e.value,
+                        "speech-status": E(ie),
+                        "submit-type": d.submitType,
+                        "is-over-limit": re.value,
+                        onClear: X,
+                        onToggleSpeech: me,
+                        onSubmit: E(he),
+                        onCancel: k[4] || (k[4] = (F) => d.$emit("cancel"))
                       }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "is-over-limit", "onSubmit"])
                     ])
-                  ])) : P("", !0)
+                  ])) : K("", !0)
                 ])
-              ], 4)) : c.$slots.footer ? (k(), I("div", Wt, [
-                ne(c.$slots, "footer")
-              ])) : P("", !0)
+              ], 4)) : d.$slots.footer ? (D(), A("div", Qt, [
+                se(d.$slots, "footer")
+              ])) : K("", !0)
             ]),
             _: 3
           })
         ], 512)
       ]),
-      U(ge, { name: "tiny-sender-slide-up" }, {
-        default: J(() => [
-          x(y) && x(M).length ? (k(), I("div", {
+      G(ve, { name: "tiny-sender-slide-up" }, {
+        default: Y(() => [
+          E(_) && E(m).length ? (D(), A("div", {
             key: 0,
             ref_key: "suggestionsListRef",
-            ref: L,
+            ref: w,
             class: "tiny-sender__suggestions",
-            style: xe(qe.value)
+            style: Oe(Ye.value)
           }, [
-            (k(!0), I(Re, null, ke(x(M), (D, ee) => (k(), I("div", {
-              key: ee,
-              class: oe(["suggestion-item", { highlighted: ee === x(w) }]),
-              onMouseenter: (te) => x(n)(ee),
-              onMousedown: Ye((te) => x(p)(D), ["prevent"])
+            (D(!0), A(Ae, null, Me(E(m), (F, ne) => (D(), A("div", {
+              key: ne,
+              class: ae(["suggestion-item", { highlighted: E(V)(ne) }]),
+              onMouseenter: (Z) => E(e)(ne),
+              onMouseleave: k[5] || (k[5] = //@ts-ignore
+              (...Z) => E(l) && E(l)(...Z)),
+              onMousedown: dt((Z) => E(C)(F), ["prevent"])
             }, [
-              U(x(it), { class: "suggestion-item__icon" }),
-              X("span", Pt, [
-                (k(!0), I(Re, null, ke(x(r)(D, x(l)), (te, Se) => (k(), I("span", {
-                  key: Se,
-                  class: oe({ "suggestion-item__text--match": te.isMatch, "suggestion-item__text--normal": !te.isMatch })
-                }, se(te.text), 3))), 128))
+              G(E(St), { class: "suggestion-item__icon" }),
+              U("span", en, [
+                (D(!0), A(Ae, null, Me(E(n)(F, E(a)), (Z, ge) => (D(), A("span", {
+                  key: ge,
+                  class: ae({ "suggestion-item__text--match": Z.isMatch, "suggestion-item__text--normal": !Z.isMatch })
+                }, le(Z.text), 3))), 128))
               ])
-            ], 42, $t))), 128))
-          ], 4)) : P("", !0)
+            ], 42, Yt))), 128))
+          ], 4)) : K("", !0)
         ]),
         _: 1
       }),
-      le.value ? (k(), I("div", Kt, se(le.value), 1)) : P("", !0)
-    ], 10, Et));
+      oe.value ? (D(), A("div", tn, le(oe.value), 1)) : K("", !0)
+    ], 10, Mt));
   }
 });
-ce.name = "TrSender";
-const Ht = function(t) {
-  t.component(ce.name, ce);
+pe.name = "TrSender";
+const nn = function(t) {
+  t.component(pe.name, pe);
 };
-ce.install = Ht;
+pe.install = nn;
 export {
-  ce as default
+  pe as default
 };