@opentiny/tiny-robot 0.2.2 → 0.2.4

package/dist/sender/index.js

@@ -1,64 +1,65 @@
-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 X, 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 { 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 me } from "../index4.js";
+import { T as De } from "../index4.js";
 import { i as tt } from "../close.js";
-import { I as nt, L as st, v 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);
+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(
-    () => e.modelValue,
+    () => t.modelValue,
     (v) => {
-      v !== void 0 && v !== f.value && (f.value = v);
+      v !== void 0 && v !== d.value && (d.value = v);
     }
   ), Y(
-    () => f.value,
+    () => d.value,
     (v) => {
       b("update:modelValue", v);
     }
   );
   const S = (v) => {
-    f.value = v, b("update:modelValue", v);
-  }, r = (v) => {
+    d.value = v, b("update:modelValue", v);
+  }, i = (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");
+    const _ = d.value;
+    !t.disabled && !t.loading && _.trim() && b("submit", _);
+  }, f = () => {
+    d.value = "", b("update:modelValue", ""), b("clear");
   }, u = O(!1);
   return {
-    inputValue: f,
+    inputValue: d,
     inputWrapper: o,
     isComposing: u,
     handleChange: S,
-    handleSubmit: r,
-    handleClear: p,
+    handleSubmit: i,
+    handleClear: f,
     clearInput: () => {
-      p();
+      f();
     }
   };
 }
-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;
+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 || ""))
     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);
+  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);
     }
   });
 };
-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) => {
+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) => {
     if (!(m.key === "Enter")) return !1;
     switch (L) {
       case "enter":
@@ -74,20 +75,20 @@ function dt(e, b, f, o, S, r, p, u, l, v, E, a, _) {
   return {
     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) + `
+      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(() => {
-          A.selectionStart = A.selectionEnd = z + 1;
+          M.selectionStart = M.selectionEnd = z + 1;
         }, 0);
         return;
       }
-      if (m.key === "Tab" && r.value && p.value) {
+      if (m.key === "Tab" && i.value && f.value) {
         m.preventDefault(), u();
         return;
       }
-      if (r.value) {
+      if (i.value) {
         if (m.key === "ArrowDown") {
           m.preventDefault(), v("down");
           return;
@@ -96,208 +97,208 @@ function dt(e, b, f, o, S, r, p, u, l, v, E, a, _) {
           m.preventDefault(), v("up");
           return;
         }
-        if (m.key === "Enter" && p.value) {
+        if (m.key === "Enter" && f.value) {
           m.preventDefault(), u();
           return;
         }
       }
       if (m.key === "Escape") {
-        r.value ? (l(), m.preventDefault()) : S.isRecording && (E(), m.preventDefault()), b("escape-press");
+        i.value ? (s(), m.preventDefault()) : S.isRecording && (_(), m.preventDefault()), b("escape-press");
         return;
       }
-      C(m, e.submitType) && F(f.value) && (m.preventDefault(), y());
+      w(m, t.submitType) && F(d.value) && (m.preventDefault(), y());
     },
     triggerSubmit: y
   };
 }
-function ft(e) {
-  const b = (r, p, u) => {
+function pt(t) {
+  const b = (i, f, u) => {
     var F;
-    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";
+    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";
         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");
+          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");
         }
-      else if (_)
-        if (l.parentNode && l.parentNode.classList.contains("template-field"))
-          y = l.parentNode, C = "after";
+      else if (E)
+        if (s.parentNode && s.parentNode.classList.contains("template-field"))
+          y = s.parentNode, w = "after";
         else {
-          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");
+          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");
         }
       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;
+        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 (l.nodeType === Node.ELEMENT_NODE && l.classList.contains("template-field")) {
-      const C = l.textContent || "", w = J(C);
-      if (!w || w.trim() === "") {
-        r.preventDefault();
+    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 (r.key === "ArrowLeft")
-          m.setStartBefore(l);
+        if (i.key === "ArrowLeft")
+          m.setStartBefore(s);
         else {
-          const A = l.nextSibling;
-          A && A.nodeType === Node.TEXT_NODE && Q(A.textContent || "") ? (m.setStart(A, 0), m.setEnd(A, 0)) : m.setStartAfter(l);
+          const M = s.nextSibling;
+          M && M.nodeType === Node.TEXT_NODE && Q(M.textContent || "") ? (m.setStart(M, 0), m.setEnd(M, 0)) : m.setStartAfter(s);
         }
         return m.collapse(!0), L.removeAllRanges(), L.addRange(m), !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;
+    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;
     }
     return !1;
-  }, 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);
+  }, 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() === "") {
-          r.preventDefault();
-          const C = _.previousSibling, w = l.nextSibling;
-          _.parentNode && _.parentNode.removeChild(_), l.parentNode && l.parentNode.removeChild(l);
+          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();
-            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);
+            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);
           }
-          return e.handleInput(), !0;
+          return t.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);
+          i.preventDefault();
+          const w = window.getSelection();
+          if (w) {
+            const C = document.createRange();
+            C.selectNodeContents(E), C.collapse(!1), w.removeAllRanges(), w.addRange(C);
           }
           return !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 (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 C = document.createRange();
-          C.selectNodeContents(F), C.collapse(!0), y.removeAllRanges(), y.addRange(C);
+          const w = document.createRange();
+          w.selectNodeContents(F), w.collapse(!0), y.removeAllRanges(), y.addRange(w);
         }
-        return e.handleInput(), !0;
+        return t.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 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;
       }
     }
     return !1;
-  }, o = (r, p) => {
-    if (!p.collapsed) return !1;
-    const { startContainer: u, startOffset: l } = p;
+  }, 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 E = u.textContent, a = J(E);
-      if (l === E.length && a.length === 1) {
-        r.preventDefault(), u.textContent = "";
-        const _ = u.parentNode, F = window.getSelection();
+      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(_), y.collapse(!0), F.removeAllRanges(), F.addRange(y);
+          y.selectNodeContents(E), y.collapse(!0), F.removeAllRanges(), F.addRange(y);
         }
-        return e.handleInput(), !0;
+        return t.handleInput(), !0;
       }
     }
     return !1;
   };
   return {
-    handleTemplateKeyDown: (r) => {
-      if (e.isComposing.value) return;
-      const p = e.editor.value;
-      if (!p) return;
+    handleTemplateKeyDown: (i) => {
+      if (t.isComposing.value) return;
+      const f = t.editor.value;
+      if (!f) 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());
+      const s = u.getRangeAt(0);
+      if (i.key === "Enter") {
+        i.preventDefault(), t.onSubmit(t.getValueFromDOM());
         return;
       }
-      (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);
+      (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);
     }
   };
 }
-function pt(e) {
-  const b = Le({
+function gt(t) {
+  const b = Oe({
     isRecording: !1,
     isSupported: typeof window < "u" && "webkitSpeechRecognition" in window || "SpeechRecognition" in window,
     error: void 0
-  }), 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) => {
+  }), 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(p.error), b.isRecording = !1, (u = e.onError) == null || u.call(e, b.error);
+    b.error = new Error(f.error), b.isRecording = !1, (u = t.onError) == null || u.call(t, b.error);
   });
   const o = () => {
-    var p;
-    if (!f) {
+    var f;
+    if (!d) {
       const u = new Error("浏览器不支持语音识别");
-      b.error = u, (p = e.onError) == null || p.call(e, u);
+      b.error = u, (f = t.onError) == null || f.call(t, u);
       return;
     }
     if (b.isRecording) {
       try {
-        f.stop(), setTimeout(() => {
+        d.stop(), setTimeout(() => {
           try {
-            f.start();
+            d.start();
           } catch (u) {
-            r(u);
+            i(u);
           }
         }, 100);
       } catch (u) {
-        r(u);
+        i(u);
       }
       return;
     }
     try {
-      f.start();
+      d.start();
     } catch (u) {
-      r(u);
+      i(u);
     }
   }, S = () => {
-    if (f && b.isRecording)
+    if (d && b.isRecording)
       try {
-        f.stop();
-      } catch (p) {
-        r(p);
+        d.stop();
+      } catch (f) {
+        i(f);
       }
-  }, r = (p) => {
+  }, i = (f) => {
     var u;
-    b.error = p instanceof Error ? p : new Error("语音识别操作失败"), b.isRecording = !1, (u = e.onError) == null || u.call(e, b.error);
+    b.error = f instanceof Error ? f : new Error("语音识别操作失败"), b.isRecording = !1, (u = t.onError) == null || u.call(t, b.error);
   };
   return {
     speechState: b,
@@ -305,86 +306,93 @@ function pt(e) {
     stop: S
   };
 }
-const gt = (e, b) => {
-  if (!b || !e)
-    return [{ text: e, isMatch: !1 }];
-  const f = e.toLowerCase(), o = b.toLowerCase(), S = f.indexOf(o);
+const mt = (t, b) => {
+  if (!b || !t)
+    return [{ text: t, isMatch: !1 }];
+  const d = t.toLowerCase(), o = b.toLowerCase(), S = d.indexOf(o);
   if (S === -1)
-    return [{ text: e, isMatch: !1 }];
-  const r = [];
-  return S > 0 && r.push({
-    text: e.substring(0, S),
+    return [{ text: t, isMatch: !1 }];
+  const i = [];
+  return S > 0 && i.push({
+    text: t.substring(0, S),
     isMatch: !1
-  }), r.push({
-    text: e.substring(S, S + b.length),
+  }), i.push({
+    text: t.substring(S, S + b.length),
     isMatch: !0
-  }), S + b.length < e.length && r.push({
-    text: e.substring(S + b.length),
+  }), S + b.length < t.length && i.push({
+    text: t.substring(S + b.length),
     isMatch: !1
-  }), r;
+  }), i;
 };
-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 = "";
+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 = "";
+      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, r.value = -1, p.value = "", u.value = !1;
+    S.value = !1, i.value = -1, f.value = "", u.value = !1;
   }, y = () => {
-    S.value = !0, r.value = 0, _(), u.value = !0;
-  }, C = () => {
+    S.value = !0, i.value = -1, E(), u.value = !0;
+  }, w = () => {
     o.value || v.value || W(() => {
-      f.value && e.suggestions && e.suggestions.length > 0 && !e.template && E.value.length > 0 ? y() : F();
+      d.value && t.suggestions && t.suggestions.length > 0 && !t.template && _.value.length > 0 ? y() : F();
     });
   };
-  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(() => {
+  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;
     });
   }, m = () => {
-    a.value && w(a.value);
+    l.value && C(l.value);
   }, L = () => {
     F();
   };
   return {
     showSuggestionsPopup: S,
-    highlightedIndex: r,
-    completionPlaceholder: p,
+    highlightedIndex: i,
+    completionPlaceholder: f,
     showTabHint: u,
-    suggestionsListRef: l,
-    filteredSuggestions: E,
-    activeSuggestion: a,
-    updateCompletionPlaceholder: _,
-    updateSuggestionsState: C,
-    selectSuggestion: w,
+    suggestionsListRef: s,
+    filteredSuggestions: _,
+    activeSuggestion: l,
+    updateCompletionPlaceholder: E,
+    updateSuggestionsState: w,
+    selectSuggestion: C,
     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;
+    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 x = h.children[r.value];
-        x && x.scrollIntoView({ block: "nearest" });
+        const N = h.children[i.value];
+        N && N.scrollIntoView({ block: "nearest" });
       }
     },
-    handleSuggestionItemHover: (g) => {
-      r.value = g, _(E.value[g]);
+    handleSuggestionItemHover: (p) => {
+      i.value = p, E(_.value[p]);
     },
     handleClickOutside: () => {
       L();
     },
-    highlightSuggestionText: gt
+    highlightSuggestionText: mt
   };
 }
-const ht = { class: "action-buttons" }, vt = {
+const vt = { class: "action-buttons" }, yt = {
   key: 0,
   class: "action-buttons__utility"
-}, yt = { class: "action-buttons__submit-content" }, bt = { class: "action-buttons__cancel" }, Fe = /* @__PURE__ */ ve({
+}, bt = { class: "action-buttons__submit-content" }, Ct = {
+  key: 1,
+  class: "action-buttons__cancel"
+}, Le = /* @__PURE__ */ he({
   __name: "ActionButtons",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -402,34 +410,34 @@ const ht = { class: "action-buttons" }, vt = {
     isOverLimit: { type: Boolean, default: !1 }
   },
   emits: ["clear", "toggle-speech", "submit", "cancel"],
-  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 = () => {
+  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");
-    }, a = () => {
+    }, l = () => {
       if (!u.value) {
         const y = !o.speechStatus.isRecording;
         S("toggle-speech", y);
       }
-    }, _ = () => {
-      l.value || S("submit");
+    }, E = () => {
+      s.value || S("submit");
     }, F = () => {
       u.value || S("cancel");
     };
-    return (y, C) => (k(), M("div", ht, [
-      v.value ? (k(), M("div", vt, [
-        y.allowFiles && !y.loading ? (k(), Z(T(me), {
+    return (y, w) => (k(), I("div", vt, [
+      v.value ? (k(), I("div", yt, [
+        y.allowFiles && !y.loading ? (k(), G(x(De), {
           key: 0,
           content: "上传文件",
           placement: "top"
         }, {
-          default: G(() => [
-            U(T(ue), {
+          default: J(() => [
+            U(x(ue), {
               class: "action-buttons__button action-buttons__file-button",
               type: "text",
               disabled: u.value
             }, {
-              default: G(() => [
-                U(T(nt), {
+              default: J(() => [
+                U(x(nt), {
                   class: "action-buttons__icon",
                   alt: "上传文件"
                 })
@@ -438,73 +446,64 @@ const ht = { class: "action-buttons" }, vt = {
             }, 8, ["disabled"])
           ]),
           _: 1
-        })) : $("", !0),
-        r.value && !y.loading ? (k(), Z(T(ue), {
+        })) : P("", !0),
+        i.value && !y.loading ? (k(), G(x(ue), {
           key: 1,
-          class: le(["action-buttons__button action-buttons__speech-button", { "is-recording": p.value }]),
+          class: oe(["action-buttons__button action-buttons__speech-button", { "is-recording": f.value }]),
           type: "text",
           disabled: u.value,
-          onClick: a
+          onClick: l
         }, {
-          default: G(() => [
-            p.value ? (k(), Z(T(lt), {
+          default: J(() => [
+            f.value ? (k(), G(x(ot), {
               key: 1,
               class: "action-buttons__icon action-buttons__icon--recording",
               alt: "语音中"
-            })) : (k(), Z(T(st), {
+            })) : (k(), G(x(st), {
               key: 0,
               class: "action-buttons__icon",
               alt: "录音"
             }))
           ]),
           _: 1
-        }, 8, ["disabled", "class"])) : $("", !0),
-        y.showClear ? (k(), Z(T(me), {
+        }, 8, ["disabled", "class"])) : P("", !0),
+        y.showClear ? (k(), G(x(De), {
           key: 2,
           content: "清空内容",
           placement: "top"
         }, {
-          default: G(() => [
-            U(T(ue), {
+          default: J(() => [
+            U(x(ue), {
               class: "action-buttons__button action-buttons__clear-button",
               type: "text",
               disabled: u.value || !y.hasContent,
-              onClick: E
+              onClick: _
             }, {
-              default: G(() => [
-                (k(), Z(Ue(T(f)), { class: "action-buttons__icon action-buttons__icon--close" }))
+              default: J(() => [
+                (k(), G(Ze(x(d)), { class: "action-buttons__icon action-buttons__icon--close" }))
               ]),
               _: 1
             }, 8, ["disabled"])
           ]),
           _: 1
-        })) : $("", !0)
-      ])) : $("", !0),
-      y.hasContent || y.loading ? (k(), Z(T(ue), {
+        })) : P("", !0)
+      ])) : P("", !0),
+      y.hasContent || y.loading ? (k(), G(x(ue), {
         key: 1,
         type: "text",
         class: "action-buttons__button action-buttons__submit",
-        disabled: y.loading ? u.value : l.value,
-        onClick: C[0] || (C[0] = (w) => y.loading ? F() : _())
+        disabled: y.loading ? u.value : s.value,
+        onClick: w[0] || (w[0] = (C) => y.loading ? F() : E())
       }, {
-        default: G(() => [
-          X("div", yt, [
-            y.loading ? (k(), Z(T(me), {
-              key: 1,
-              content: "停止生成",
-              placement: "top"
-            }, {
-              default: G(() => [
-                X("div", bt, [
-                  U(T(at), {
-                    class: "action-buttons__icon action-buttons__icon--stop",
-                    alt: "加载中"
-                  }),
-                  C[1] || (C[1] = X("span", { class: "action-buttons__cancel-text" }, "停止回答", -1))
-                ])
-              ]),
-              _: 1
-            })) : (k(), Z(T(ot), {
+        default: J(() => [
+          X("div", bt, [
+            y.loading ? (k(), I("div", Ct, [
+              U(x(at), {
+                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), {
               key: 0,
               class: "action-buttons__icon action-buttons__icon--send",
               alt: "发送"
@@ -512,511 +511,511 @@ const ht = { class: "action-buttons" }, vt = {
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : $("", !0)
+      }, 8, ["disabled"])) : P("", !0)
     ]));
   }
 });
-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 = 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 += `
+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;
+    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 = () => {
+    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;
+        if (g.classList.contains("template-field")) {
+          const T = g.textContent || "";
+          a += Z(T);
+        } else if (g.tagName.toLowerCase() === "span") {
+          const T = g.textContent || "";
+          a += Z(T);
+        } else if (g.tagName.toLowerCase() === "br")
+          a += `
 `;
         else
-          for (const N of Array.from(d.childNodes))
-            s += i(N);
+          for (const T of Array.from(g.childNodes))
+            a += r(T);
       }
-      return s;
+      return a;
     };
-    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 || "");
+    return t.value.childNodes.forEach((e) => {
+      n += r(e);
     }), 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 = "");
+  }, 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 || "");
+    }), 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 = "");
     } 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 H = 20;
-    B > H ? (t.style.setProperty("max-width", `${H}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) => {
+      _(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) => {
     W(() => {
-      const s = window.getSelection();
-      if (!s) return;
-      const d = document.createRange();
-      switch (i) {
+      const a = window.getSelection();
+      if (!a) return;
+      const g = document.createRange();
+      switch (r) {
         case "before":
-          d.setStartBefore(t);
+          g.setStartBefore(n);
           break;
         case "after":
-          d.setStartAfter(t);
+          g.setStartAfter(n);
           break;
         case "inside":
         default:
-          d.selectNodeContents(t), d.collapse(n);
+          g.selectNodeContents(n), g.collapse(e);
           break;
       }
-      s.removeAllRanges(), s.addRange(d), t.focus && t.focus();
+      a.removeAllRanges(), a.addRange(g), n.focus && n.focus();
     });
   }, F = () => {
     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();
+      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();
       }
     });
-  }, 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 N = u(d.content), I = l(d.content, N);
-          n.appendChild(I);
-          const V = he();
-          n.appendChild(V), s || (s = I);
+  }, y = (n, r) => {
+    const e = t.value;
+    if (!e) return null;
+    e.innerHTML = "";
+    let a = null;
+    if (!r || r === o.template)
+      n.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);
         } else
-          n.appendChild(document.createTextNode(d.content));
+          e.appendChild(document.createTextNode(g.content));
       }), o.initialValues && Object.keys(o.initialValues).length > 0 && W(() => {
-        const d = p();
-        d !== o.value && (o.onValueChange(d), o.onInput(d));
+        const g = f();
+        g !== o.value && (o.onValueChange(g), o.onInput(g));
       });
     else {
-      const d = C(t, i);
-      d.success ? d.elements.forEach((N) => {
-        if (n.appendChild(N.node), N.isField) {
-          const I = he();
-          n.appendChild(I);
+      const g = w(n, r);
+      g.success ? g.elements.forEach((T) => {
+        if (e.appendChild(T.node), T.isField) {
+          const A = me();
+          e.appendChild(A);
         }
-        N.isField && !s && (s = N.node);
-      }) : (n.appendChild(document.createTextNode(i)), s = null);
+        T.isField && !a && (a = T.node);
+      }) : (e.appendChild(document.createTextNode(r)), a = null);
     }
-    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),
+    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),
           isField: !1
-        }), s += I.content.length, d++) : N = !1;
+        }), a += A.content.length, g++) : T = !1;
       else {
         let V = "";
-        const q = t.find((B, H) => H > d && B.type === "text");
-        if (q) {
-          const B = i.substring(s), H = B.indexOf(q.content);
-          H !== -1 ? (V = B.substring(0, H), s += V.length) : N = !1;
+        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;
         } else
-          V = i.substring(s), s = i.length;
-        if (N) {
-          const B = l(I.content, V);
-          n.push({ node: B, isField: !0 }), d++;
+          V = r.substring(a), a = r.length;
+        if (T) {
+          const B = s(A.content, V);
+          e.push({ node: B, isField: !0 }), g++;
         }
       }
     }
-    if (N && d < t.length)
-      for (let I = d; I < t.length; I++) {
-        const V = t[I];
+    if (T && g < n.length)
+      for (let A = g; A < n.length; A++) {
+        const V = n[A];
         if (V.type === "field") {
-          const q = !o.value || o.value === "" ? u(V.content) : "", B = l(V.content, q);
-          n.push({ node: B, isField: !0 });
+          const H = !o.value || o.value === "" ? u(V.content) : "", B = s(V.content, H);
+          e.push({ node: B, isField: !0 });
         } else
-          n.push({
+          e.push({
             node: document.createTextNode(V.content),
             isField: !1
           });
       }
-    return { success: N, elements: n };
-  }, w = () => {
-    if (!e.value) return;
+    return { success: T, elements: e };
+  }, C = () => {
+    if (!t.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);
+    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);
       } else
         F();
       o.isInternalUpdate = !1;
     });
   }, 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();
+    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 = () => {
-    if (!e.value) return;
-    ct(e.value), e.value.querySelectorAll(".template-field").forEach((i) => {
-      De(i);
+    if (!t.value) return;
+    dt(t.value), t.value.querySelectorAll(".template-field").forEach((r) => {
+      Fe(r);
     });
-  }, 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"))
+  }, 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"))
             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);
+        (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);
     });
-  }, z = (t) => {
+  }, z = (n) => {
     if (!o.template || !o.initialValues)
       return "字段";
-    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)
+    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 = () => {
+    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");
+      if (g && T)
         return;
-      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);
+      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);
         }
-        n.removeAttribute("style");
-        const q = n.textContent || "";
-        v(n, q);
+        e.removeAttribute("style");
+        const H = e.textContent || "";
+        v(e, H);
       }
     });
   }, h = () => {
-    if (!e.value) return;
-    e.value.querySelectorAll(".template-field").forEach((i) => {
-      const n = i.textContent || "";
-      v(i, n);
+    if (!t.value) return;
+    t.value.querySelectorAll(".template-field").forEach((r) => {
+      const e = r.textContent || "";
+      v(r, e);
     });
   };
   return {
     // 状态
-    hasContent: f,
+    hasContent: d,
     // 解析和DOM操作
-    parseTemplateToParts: r,
-    getValueFromDOM: p,
+    parseTemplateToParts: i,
+    getValueFromDOM: f,
     getInitialContentForField: u,
-    createFieldElement: l,
+    createFieldElement: s,
     // 光标操作
-    setCursorTo: _,
+    setCursorTo: E,
     setCursorToEnd: F,
     // DOM更新
-    updateEditorDOM: w,
+    updateEditorDOM: C,
     renderTemplateToDOM: y,
     // 事件处理
     handleInput: m,
-    checkHasContent: a,
-    cleanupEmptyTextNodes: A,
+    checkHasContent: l,
+    cleanupEmptyTextNodes: M,
     // 推断 placeholder
     inferPlaceholderForContent: z,
     extractPlaceholderFromElement: j,
     // 方法
     resetFields: () => {
-      if (!e.value) return;
+      if (!t.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);
+      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);
         } else
-          t.appendChild(document.createTextNode(s.content)), n += s.content;
-      }), o.onValueChange(n), F(), a(n), W(() => {
+          n.appendChild(document.createTextNode(a.content)), e += a.content;
+      }), o.onValueChange(e), F(), l(e), W(() => {
         o.isInternalUpdate = !1;
       });
     },
     activateFirstField: () => {
-      var i;
-      const t = (i = e.value) == null ? void 0 : i.querySelector(".template-field");
-      t ? _(t, "inside", !1) : F();
+      var r;
+      const n = (r = t.value) == null ? void 0 : r.querySelector(".template-field");
+      n ? E(n, "inside", !1) : F();
     },
     // 选项更新
     updateOptions: S
   };
 }
-const wt = /* @__PURE__ */ ve({
+const St = /* @__PURE__ */ he({
   __name: "TemplateEditor",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ _e({
     value: {},
     autofocus: { type: Boolean }
   }, {
     value: { default: "" },
     valueModifiers: {}
   }),
-  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, {
+  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,
       value: o.value,
-      initialValues: l.value,
+      initialValues: s.value,
       isInternalUpdate: v,
-      isComposing: E,
-      onValueChange: (g) => {
-        if (o.value !== g) {
+      isComposing: _,
+      onValueChange: (p) => {
+        if (o.value !== p) {
           const h = v.value;
-          v.value = !0, o.value = g, W(() => {
+          v.value = !0, o.value = p, W(() => {
             v.value = h;
           });
         }
       },
-      onInput: (g) => {
-        r("input", g);
+      onInput: (p) => {
+        i("input", p);
       },
-      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(([K, t]) => {
-        const i = `[${K}]`;
-        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({
+      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);
+      }), 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,
         // 使用新生成的内容而不是旧的inputValue
-        initialValues: l.value
-      }), a.updateEditorDOM(), o.value = h, W(() => {
+        initialValues: s.value
+      }), l.updateEditorDOM(), o.value = h, W(() => {
         v.value = !1;
       });
-    }, C = () => {
-      E.value = !0;
     }, w = () => {
-      E.value = !1, a.handleInput();
-    }, m = (g) => {
+      _.value = !0;
+    }, C = () => {
+      _.value = !1, l.handleInput();
+    }, m = (p) => {
       var K;
-      if (!p.value) return;
-      const h = g.target;
-      let x = null;
-      if (h.classList.contains("template-field") ? x = h : (K = h.parentElement) != null && K.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());
+      if (!f.value) return;
+      const h = p.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());
       }
-    }, L = (g) => {
-      g.preventDefault();
-      const h = g.clipboardData;
+    }, L = (p) => {
+      p.preventDefault();
+      const h = p.clipboardData;
       if (!h) return;
-      const x = h.getData("text/html"), K = 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 H = a.extractPlaceholderFromElement(d);
-              H && d.setAttribute("data-placeholder", H);
+      const N = h.getData("text/html"), K = h.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 && // 标准格式
+          (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);
             }
-            d.removeAttribute("style");
+            g.removeAttribute("style");
           }
-        }), n) {
-          A(t);
+        }), e) {
+          M(n);
           return;
         }
       }
       K && z(K);
-    }, A = (g) => {
+    }, M = (p) => {
       const h = window.getSelection();
       if (h && h.rangeCount > 0) {
-        const x = h.getRangeAt(0);
-        x.deleteContents();
+        const N = h.getRangeAt(0);
+        N.deleteContents();
         const K = document.createDocumentFragment();
-        for (; g.firstChild; )
-          K.appendChild(g.firstChild);
-        x.insertNode(K), x.collapse(!1), h.removeAllRanges(), h.addRange(x), j();
+        for (; p.firstChild; )
+          K.appendChild(p.firstChild);
+        N.insertNode(K), N.collapse(!1), h.removeAllRanges(), h.addRange(N), j();
       }
-    }, z = (g) => {
+    }, z = (p) => {
       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();
+        const N = h.getRangeAt(0);
+        N.deleteContents(), N.insertNode(document.createTextNode(p)), N.collapse(!1), h.removeAllRanges(), h.addRange(N), j();
       }
     }, j = () => {
-      E.value = !1, W(() => {
-        a.handleInput();
-        const g = a.getValueFromDOM();
-        if (g !== o.value) {
+      _.value = !1, W(() => {
+        l.handleInput();
+        const p = l.getValueFromDOM();
+        if (p !== o.value) {
           const h = v.value;
-          v.value = !0, o.value = g, r("input", g), W(() => {
+          v.value = !0, o.value = p, i("input", p), W(() => {
             v.value = h;
           });
         }
         setTimeout(() => {
-          const h = a.getValueFromDOM();
-          h !== o.value && (v.value = !0, o.value = h, r("input", h), W(() => {
+          const h = l.getValueFromDOM();
+          h !== o.value && (v.value = !0, o.value = h, i("input", h), W(() => {
             v.value = !1;
           }));
         }, 50);
       });
     };
-    return Ge(() => {
-      u.value && a.updateEditorDOM(), S.autofocus && p.value && a.setCursorToEnd();
+    return Je(() => {
+      u.value && l.updateEditorDOM(), S.autofocus && f.value && l.setCursorToEnd();
     }), Y(
       () => u.value,
       () => {
-        v.value || (a.updateOptions({
+        v.value || (l.updateOptions({
           template: u.value,
           value: o.value,
-          initialValues: l.value
-        }), a.updateEditorDOM());
+          initialValues: s.value
+        }), l.updateEditorDOM());
       }
     ), Y(
-      () => l.value,
+      () => s.value,
       () => {
-        v.value || (a.updateOptions({
+        v.value || (l.updateOptions({
           template: u.value,
           value: o.value,
-          initialValues: l.value
-        }), a.updateEditorDOM());
+          initialValues: s.value
+        }), l.updateEditorDOM());
       },
       { deep: !0 }
     ), Y(
       () => o.value,
-      (g) => {
-        v.value || (a.updateOptions({
+      (p) => {
+        v.value || (l.updateOptions({
           template: u.value,
-          value: g,
-          initialValues: l.value
-        }), a.updateEditorDOM()), (!g || g.trim() === "") && r("empty-content");
+          value: p,
+          initialValues: s.value
+        }), l.updateEditorDOM()), (!p || p.trim() === "") && i("empty-content");
       }
     ), b({
       focus: () => {
-        var g;
-        (g = p.value) == null || g.focus(), a.setCursorToEnd();
+        var p;
+        (p = f.value) == null || p.focus(), l.setCursorToEnd();
       },
-      resetFields: a.resetFields,
-      activateFirstField: a.activateFirstField,
-      getValueFromDOM: a.getValueFromDOM,
+      resetFields: l.resetFields,
+      activateFirstField: l.activateFirstField,
+      getValueFromDOM: l.getValueFromDOM,
       setTemplate: y
-    }), (g, h) => (k(), M("div", {
+    }), (p, h) => (k(), I("div", {
       class: "template-editor",
       ref_key: "contentEditableRef",
-      ref: p,
+      ref: f,
       contenteditable: "true",
       onInput: h[0] || (h[0] = //@ts-ignore
-      (...x) => T(a).handleInput && T(a).handleInput(...x)),
+      (...N) => x(l).handleInput && x(l).handleInput(...N)),
       onKeydown: h[1] || (h[1] = //@ts-ignore
-      (...x) => T(_).handleTemplateKeyDown && T(_).handleTemplateKeyDown(...x)),
+      (...N) => x(E).handleTemplateKeyDown && x(E).handleTemplateKeyDown(...N)),
       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)),
+      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
     }, null, 544));
   }
-}), St = ["data-theme"], Et = { class: "tiny-sender__container" }, _t = {
+}), Et = ["data-theme"], _t = { class: "tiny-sender__container" }, Nt = {
   key: 0,
   class: "tiny-sender__header-slot"
-}, Nt = {
+}, Tt = {
   key: 0,
   class: "tiny-sender__prefix-slot"
-}, Tt = { class: "tiny-sender__content-area" }, xt = {
+}, xt = { class: "tiny-sender__content-area" }, Rt = {
   key: 0,
   class: "tiny-sender__decorative-content"
-}, Rt = {
+}, kt = {
   key: 2,
   class: "tiny-sender__input-field-wrapper"
-}, kt = {
+}, Dt = {
   key: 0,
   class: "tiny-sender__completion-placeholder"
-}, Dt = { class: "user-input-mirror" }, Ft = {
+}, Ft = { class: "user-input-mirror" }, Lt = {
   key: 0,
   class: "tiny-sender__tab-hint"
-}, Lt = {
+}, Ot = {
   key: 1,
   class: "tiny-sender__actions-slot"
-}, Ot = { class: "tiny-sender__footer-left" }, At = { class: "tiny-sender__footer-right" }, It = { class: "real-word-length" }, Mt = {
+}, At = { class: "tiny-sender__footer-left" }, It = { class: "tiny-sender__footer-right" }, Mt = { class: "real-word-length" }, Vt = {
   key: 1,
   class: "tiny-sender__toolbar"
-}, Vt = { class: "tiny-sender__buttons-container" }, Bt = {
+}, Bt = { class: "tiny-sender__buttons-container" }, Wt = {
   key: 1,
   class: "tiny-sender__footer-slot"
-}, Wt = ["onMouseenter", "onMousedown"], $t = { class: "suggestion-item__text" }, Pt = {
+}, $t = ["onMouseenter", "onMousedown"], Pt = { class: "suggestion-item__text" }, Kt = {
   key: 0,
   class: "tiny-sender__error"
-}, ce = /* @__PURE__ */ ve({
+}, ce = /* @__PURE__ */ he({
   __name: "index",
   props: {
     autofocus: { type: Boolean, default: !1 },
@@ -1035,90 +1034,90 @@ const wt = /* @__PURE__ */ ve({
     placeholder: { default: "请输入内容..." },
     showWordLimit: { type: Boolean, default: !1 },
     suggestions: { default: () => [] },
+    suggestionPopupWidth: { default: 400 },
     theme: { default: "light" },
     template: { default: "" },
     hasContent: { type: Boolean, default: void 0 },
     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(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), {
+  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: C,
-      completionPlaceholder: w,
+      highlightedIndex: w,
+      completionPlaceholder: C,
       showTabHint: m,
       suggestionsListRef: L,
-      filteredSuggestions: A,
+      filteredSuggestions: M,
       activeSuggestion: z,
-      updateCompletionPlaceholder: j,
-      updateSuggestionsState: g,
-      selectSuggestion: h,
-      acceptCurrentSuggestion: x,
-      closeSuggestionsPopup: K,
-      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(() => {
+      updateSuggestionsState: j,
+      selectSuggestion: p,
+      acceptCurrentSuggestion: h,
+      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(() => {
         setTimeout(() => {
           const c = document.querySelector(".tiny-textarea__inner");
           if (c) {
             c.style.whiteSpace = "pre-wrap";
-            const R = a.value.length;
+            const R = l.value.length;
             c.focus(), c.setSelectionRange(R, R);
           }
         }, 50);
       }));
-    }, I = (c, R) => {
+    }, 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;
-    }, V = () => {
-      if (o.mode !== "single" || !r.value || d.value) return;
+    }, 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 = 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 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 _e = a.value.length;
-            re.focus(), re.setSelectionRange(_e, _e);
+            const Ee = l.value.length;
+            re.focus(), re.setSelectionRange(Ee, Ee);
           }
-          d.value = !1;
-        }, 300) : d.value = !1;
+          a.value = !1;
+        }, 300) : a.value = !1;
       }));
-    }, q = () => {
-      if (E.value && u.value)
-        ye();
-      else if (r.value)
-        r.value.focus();
+    }, V = () => {
+      if (_.value && u.value)
+        ve();
+      else if (i.value)
+        i.value.focus();
       else {
         const c = document.querySelector(".tiny-input__inner");
         c == null || c.focus();
       }
-    }, B = () => {
-      E.value = !1, S("reset-template"), W(() => {
-        a.value === "" && (s.value = o.mode || "single"), setTimeout(() => {
-          q();
+    }, H = () => {
+      _.value = !1, S("reset-template"), W(() => {
+        l.value === "" && (e.value = o.mode || "single"), setTimeout(() => {
+          V();
         }, 50);
       });
-    }, H = () => {
+    }, B = () => {
       var c;
-      F(), E.value ? B() : (c = p.value) == null || c.focus(), W(() => {
-        a.value === "" && (s.value = o.mode || "single");
-      }), K();
-    }, Ae = (c) => {
+      F(), _.value ? H() : (c = f.value) == null || c.focus(), W(() => {
+        l.value === "" && (e.value = o.mode || "single");
+      }), N();
+    }, q = (c) => {
       S("update:modelValue", c);
-    }, ye = () => {
+    }, ve = () => {
       u.value && u.value.activateFirstField();
     }, Ie = (c, R) => {
-      E.value = !0, W(() => {
+      _.value = !0, W(() => {
         u.value && u.value.setTemplate({ template: c, initialValues: R });
       });
-    }, Me = P(() => {
+    }, Me = $(() => {
       const c = typeof o.speech == "object" ? o.speech : {};
       return {
         ...c,
@@ -1127,249 +1126,254 @@ const wt = /* @__PURE__ */ ve({
         onInterim: (R) => S("speech-interim", R),
         onFinal: (R) => {
           if (c.autoReplace)
-            a.value = R;
+            l.value = R;
           else {
-            const D = a.value;
-            D && R && !D.endsWith(" ") && !R.startsWith(" ") && D.length > 0 ? a.value = D + " " + R : a.value = D + R;
+            const D = l.value;
+            D && R && !D.endsWith(" ") && !R.startsWith(" ") && D.length > 0 ? l.value = D + " " + R : l.value = D + R;
           }
           S("speech-end", R);
         },
         onError: (R) => {
-          qe(R.message), S("speech-error", R);
+          ze(R.message), S("speech-error", R);
         }
       };
-    }), { speechState: ae, start: be, stop: Ce } = pt(Me.value), de = () => {
-      ae.isRecording ? Ce() : be();
-    }, { handleKeyPress: Ve, triggerSubmit: fe } = dt(
+    }), { speechState: ae, start: ye, stop: be } = gt(Me.value), de = () => {
+      ae.isRecording ? be() : ye();
+    }, { handleKeyPress: Ve, triggerSubmit: fe } = ft(
       o,
       S,
-      a,
-      _,
+      l,
+      E,
       ae,
       y,
       z,
-      x,
+      h,
+      N,
       K,
-      t,
       de,
-      s,
-      N
+      e,
+      g
     ), 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]));
+      S("focus", c), l.value && M.value.length > 0 && !o.template && (y.value = !0, m.value = !0);
     }, We = (c) => {
-      S("blur", c), K();
-    }, $e = P(() => s.value === "multiple" ? "textarea" : "text"), Pe = P(
+      S("blur", c), N();
+    }, $e = $(() => e.value === "multiple" ? "textarea" : "text"), Pe = $(
       () => ({
         display: "flex",
         justifyContent: o.showWordLimit && o.maxLength !== 1 / 0 ? "space-between" : "flex-end",
         alignItems: "center"
       })
-    ), 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(() => ({
+    ), 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": 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();
+      "is-loading": Ce.value,
+      "has-error": !!le.value,
+      "is-auto-switching": a.value
+    })), qe = $(() => ({
+      width: rt(o.suggestionPopupWidth),
+      maxWidth: "100%"
+      // 确保不超出父容器宽度
+    })), le = O(""), ze = (c) => {
+      le.value = c, setTimeout(() => le.value = "", 5e3);
+    }, je = () => {
+      E.value = !1, setTimeout(() => {
+        E.value = !1, j();
       }, 50);
-    }, pe = P(() => o.maxLength !== 1 / 0 && a.value.length > o.maxLength);
-    return Y(a, () => {
-      W(V), a.value === "" && o.mode === "single" && (s.value = "single");
+    }, pe = $(() => o.maxLength !== 1 / 0 && l.value.length > o.maxLength);
+    return Y(l, () => {
+      W(A), l.value === "" && o.mode === "single" && (e.value = "single");
     }), Y(
-      () => E.value,
+      () => _.value,
       (c) => {
-        c && (s.value = "multiple");
+        c && (e.value = "multiple");
       }
     ), b({
-      focus: q,
+      focus: V,
       blur: () => {
-        if (r.value)
-          r.value.blur();
+        if (i.value)
+          i.value.blur();
         else {
           const c = document.querySelector(".tiny-input__inner");
           c == null || c.blur();
         }
       },
-      clear: H,
+      clear: B,
       submit: fe,
-      startSpeech: be,
-      stopSpeech: Ce,
-      activateTemplateFirstField: ye,
+      startSpeech: ye,
+      stopSpeech: be,
+      activateTemplateFirstField: ve,
       setTemplate: Ie
-    }), (c, R) => (k(), M("div", {
+    }), (c, R) => (k(), I("div", {
       ref_key: "senderRef",
-      ref: p,
-      class: le(["tiny-sender", [Xe.value, `theme-${c.theme}`, `mode-${s.value}`]]),
+      ref: f,
+      class: oe(["tiny-sender", [Xe.value, `theme-${c.theme}`, `mode-${e.value}`]]),
       "data-theme": c.theme
     }, [
-      X("div", Et, [
+      X("div", _t, [
         X("div", {
           class: "tiny-sender__input-wrapper",
           ref_key: "inputWrapperRef",
-          ref: l
+          ref: s
         }, [
           U(ge, { name: "tiny-sender-slide-down" }, {
-            default: G(() => [
-              c.$slots.header ? (k(), M("div", _t, [
+            default: J(() => [
+              c.$slots.header ? (k(), I("div", Nt, [
                 ne(c.$slots, "header")
-              ])) : $("", !0)
+              ])) : P("", !0)
             ]),
             _: 3
           }),
           X("div", {
-            class: le(["tiny-sender__input-row", { "has-prefix": c.$slots.prefix, "has-header": c.$slots.header }])
+            class: oe(["tiny-sender__input-row", { "has-prefix": c.$slots.prefix, "has-header": c.$slots.header }])
           }, [
-            c.$slots.prefix ? (k(), M("div", Nt, [
+            c.$slots.prefix ? (k(), I("div", Tt, [
               ne(c.$slots, "prefix")
-            ])) : $("", !0),
-            X("div", Tt, [
-              c.$slots.decorativeContent ? (k(), M("div", xt, [
+            ])) : P("", !0),
+            X("div", xt, [
+              c.$slots.decorativeContent ? (k(), I("div", Rt, [
                 ne(c.$slots, "decorativeContent")
-              ])) : $("", !0),
-              E.value ? (k(), Z(wt, {
+              ])) : P("", !0),
+              _.value ? (k(), G(St, {
                 key: 1,
                 ref_key: "templateEditorRef",
                 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), {
+                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_key: "inputRef",
-                  ref: r,
+                  ref: i,
                   autosize: c.autoSize,
                   type: $e.value,
-                  readonly: we.value,
+                  readonly: Ce.value,
                   resize: "none",
-                  modelValue: T(a),
-                  "onUpdate:modelValue": R[1] || (R[1] = (D) => Te(a) ? a.value = D : null),
+                  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: T(Ve),
-                  onCompositionstart: R[2] || (R[2] = (D) => _.value = !0),
-                  onCompositionend: ze,
+                  onKeydown: x(Ve),
+                  onCompositionstart: R[2] || (R[2] = (D) => E.value = !0),
+                  onCompositionend: je,
                   onFocus: Be,
                   onBlur: We
                 }, null, 8, ["autosize", "type", "readonly", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
-                T(w) && !T(_) ? (k(), M("div", kt, [
-                  X("span", Dt, se(T(a)), 1),
-                  xe(se(T(w)) + " ", 1),
-                  T(m) ? (k(), M("div", Ft, "TAB")) : $("", !0)
-                ])) : $("", !0)
+                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)
               ]))
             ]),
-            s.value === "single" ? (k(), M("div", Lt, [
+            e.value === "single" ? (k(), I("div", Ot, [
               X("div", {
                 class: "tiny-sender__buttons-container",
                 ref_key: "buttonsContainerRef",
                 ref: v
               }, [
                 ne(c.$slots, "actions"),
-                U(Fe, {
+                U(Le, {
                   "allow-speech": c.allowSpeech,
                   "allow-files": c.allowFiles,
                   loading: c.loading,
                   disabled: ie.value,
                   "show-clear": c.clearable,
-                  "has-content": Se.value,
-                  "speech-status": T(ae),
+                  "has-content": we.value,
+                  "speech-status": x(ae),
                   "submit-type": c.submitType,
                   "is-over-limit": pe.value,
-                  onClear: H,
+                  onClear: B,
                   onToggleSpeech: de,
-                  onSubmit: T(fe),
+                  onSubmit: x(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)
-            ])) : $("", !0)
+            ])) : P("", !0)
           ], 2),
           U(ge, { name: "tiny-sender-slide-up" }, {
-            default: G(() => [
-              s.value === "multiple" ? (k(), M("div", {
+            default: J(() => [
+              e.value === "multiple" ? (k(), I("div", {
                 key: 0,
-                style: Qe(Pe.value),
+                style: xe(Pe.value),
                 class: "tiny-sender__footer-slot tiny-sender__bottom-row"
               }, [
-                X("div", Ot, [
+                X("div", At, [
                   ne(c.$slots, "footer-left")
                 ]),
-                X("div", At, [
+                X("div", It, [
                   ne(c.$slots, "footer-right"),
-                  c.showWordLimit && c.maxLength !== 1 / 0 ? (k(), M("div", {
+                  c.showWordLimit && c.maxLength !== 1 / 0 ? (k(), I("div", {
                     key: 0,
-                    class: le(["tiny-sender__word-limit", { "is-over-limit": pe.value }])
+                    class: oe(["tiny-sender__word-limit", { "is-over-limit": pe.value }])
                   }, [
-                    X("span", It, se(T(a).length), 1),
-                    xe("/" + se(c.maxLength), 1)
-                  ], 2)) : $("", !0),
-                  s.value === "multiple" ? (k(), M("div", Mt, [
-                    X("div", Vt, [
-                      U(Fe, {
+                    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": Se.value,
-                        "speech-status": T(ae),
+                        "has-content": we.value,
+                        "speech-status": x(ae),
                         "submit-type": c.submitType,
                         "is-over-limit": pe.value,
-                        onClear: H,
+                        onClear: B,
                         onToggleSpeech: de,
-                        onSubmit: T(fe),
+                        onSubmit: x(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"])
                     ])
-                  ])) : $("", !0)
+                  ])) : P("", !0)
                 ])
-              ], 4)) : c.$slots.footer ? (k(), M("div", Bt, [
+              ], 4)) : c.$slots.footer ? (k(), I("div", Wt, [
                 ne(c.$slots, "footer")
-              ])) : $("", !0)
+              ])) : P("", !0)
             ]),
             _: 3
           })
         ], 512)
       ]),
       U(ge, { name: "tiny-sender-slide-up" }, {
-        default: G(() => [
-          T(y) && T(A).length ? (k(), M("div", {
+        default: J(() => [
+          x(y) && x(M).length ? (k(), I("div", {
             key: 0,
             ref_key: "suggestionsListRef",
             ref: L,
-            class: "tiny-sender__suggestions"
+            class: "tiny-sender__suggestions",
+            style: xe(qe.value)
           }, [
-            (k(!0), M(Re, null, ke(T(A), (D, ee) => (k(), M("div", {
+            (k(!0), I(Re, null, ke(x(M), (D, ee) => (k(), I("div", {
               key: ee,
-              class: le(["suggestion-item", { highlighted: ee === T(C) }]),
-              onMouseenter: (te) => T(i)(ee),
-              onMousedown: Ye((te) => T(h)(D), ["prevent"])
+              class: oe(["suggestion-item", { highlighted: ee === x(w) }]),
+              onMouseenter: (te) => x(n)(ee),
+              onMousedown: Ye((te) => x(p)(D), ["prevent"])
             }, [
-              U(T(it), { class: "suggestion-item__icon" }),
-              X("span", $t, [
-                (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 })
+              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))
               ])
-            ], 42, Wt))), 128))
-          ], 512)) : $("", !0)
+            ], 42, $t))), 128))
+          ], 4)) : P("", !0)
         ]),
         _: 1
       }),
-      oe.value ? (k(), M("div", Pt, se(oe.value), 1)) : $("", !0)
-    ], 10, St));
+      le.value ? (k(), I("div", Kt, se(le.value), 1)) : P("", !0)
+    ], 10, Et));
   }
 });
 ce.name = "TrSender";
-const Kt = function(e) {
-  e.component(ce.name, ce);
+const Ht = function(t) {
+  t.component(ce.name, ce);
 };
-ce.install = Kt;
+ce.install = Ht;
 export {
   ce as default
 };