@opentiny/tiny-robot 0.2.0-alpha.8 → 0.2.0-alpha.9

package/dist/sender/index.js

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