@opentiny/tiny-robot 0.2.9 → 0.2.10

package/dist/sender/index.js

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