@opentiny/tiny-robot 0.2.0-alpha.4 → 0.2.0-alpha.5

package/dist/sender/index.js

@@ -1,157 +1,322 @@
-import { ref as b, watch as q, reactive as L0, defineComponent as c0, computed as S, resolveComponent as _0, createElementBlock as C, openBlock as d, createBlock as V, createCommentVNode as R, withCtx as $, createVNode as W, unref as F, createElementVNode as B, normalizeClass as z, resolveDynamicComponent as b0, nextTick as A, onMounted as k0, Fragment as r0, renderList as v0, toDisplayString as U, withModifiers as S0, useSlots as x0, Transition as a0, renderSlot as P, isRef as F0, normalizeStyle as D0, createTextVNode as E0 } from "vue";
-import { I as R0 } from "../index5.js";
-import { B as n0 } from "../index3.js";
-import { i as B0 } from "../close.js";
-import { _ as I0 } from "../_plugin-vue_export-helper.js";
-function $0(n, h) {
-  const c = b(n.modelValue || n.defaultValue || ""), i = b(null);
-  q(
+import { ref as x, watch as G, reactive as Se, computed as L, nextTick as P, defineComponent as ce, createElementBlock as D, openBlock as N, createCommentVNode as B, createBlock as H, unref as _, withCtx as j, createVNode as K, normalizeClass as Q, resolveDynamicComponent as Me, createElementVNode as M, onMounted as $e, useSlots as Ae, Transition as re, renderSlot as X, isRef as We, createTextVNode as be, toDisplayString as J, normalizeStyle as Ke, Fragment as we, renderList as _e, withModifiers as Pe } from "vue";
+import { I as He } from "../index6.js";
+import { B as ne } from "../index5.js";
+import { T as ue } from "../index4.js";
+import { i as je } from "../close.js";
+import { I as qe, L as ze, u as Ue, w as Xe, P as Ge, _ as Je } from "../tiny-robot-svgs.js";
+function Qe(n, b) {
+  const d = x(n.modelValue || n.defaultValue || ""), t = x(null);
+  G(
     () => n.modelValue,
-    (f) => {
-      f !== void 0 && f !== c.value && (c.value = f);
+    (g) => {
+      g !== void 0 && g !== d.value && (d.value = g);
     }
-  ), q(
-    () => c.value,
-    (f) => {
-      h("update:modelValue", f);
+  ), G(
+    () => d.value,
+    (g) => {
+      b("update:modelValue", g);
     }
   );
-  const m = (f) => {
-    c.value = f, h("update:modelValue", f);
-  }, w = (f) => {
-    f == null || f.preventDefault();
-    const a = c.value;
-    !n.disabled && !n.loading && a.trim() && h("submit", a);
-  }, r = () => {
-    c.value = "", h("update:modelValue", ""), h("clear");
-  }, s = b(!1);
+  const m = (g) => {
+    d.value = g, b("update:modelValue", g);
+  }, s = (g) => {
+    g == null || g.preventDefault();
+    const S = d.value;
+    !n.disabled && !n.loading && S.trim() && b("submit", S);
+  }, u = () => {
+    d.value = "", b("update:modelValue", ""), b("clear");
+  }, o = x(!1);
   return {
-    inputValue: c,
-    inputWrapper: i,
-    isComposing: s,
+    inputValue: d,
+    inputWrapper: t,
+    isComposing: o,
     handleChange: m,
-    handleSubmit: w,
-    handleClear: r,
+    handleSubmit: s,
+    handleClear: u,
     clearInput: () => {
-      r();
+      u();
     }
   };
 }
-function M0(n, h, c, i, m, w, r, s, k) {
-  const f = (l) => !n.disabled && !n.loading && l.trim().length > 0, a = () => {
-    f(c.value) && h("submit", c.value.trim());
-  }, v = (l, L) => {
-    if (!(l.key === "Enter")) return !1;
-    switch (L) {
+function Ye(n, b, d, t, m, s, u, o, e, g, S, a, C) {
+  const f = (v) => !n.disabled && !n.loading && v.trim().length > 0, r = () => {
+    f(d.value) && b("submit", d.value.trim());
+  }, p = (v, A) => {
+    if (!(v.key === "Enter")) return !1;
+    switch (A) {
       case "enter":
-        return !l.shiftKey && !l.ctrlKey && !l.metaKey;
+        return !v.shiftKey && !v.ctrlKey && !v.metaKey;
       case "ctrlEnter":
-        return (l.ctrlKey || l.metaKey) && !l.shiftKey;
+        return (v.ctrlKey || v.metaKey) && !v.shiftKey;
       case "shiftEnter":
-        return l.shiftKey && !l.ctrlKey && !l.metaKey;
+        return v.shiftKey && !v.ctrlKey && !v.metaKey;
       default:
         return !1;
     }
   };
   return {
-    handleKeyPress: (l) => {
-      if (i.value) return;
-      if (l.key === "Enter" && l.shiftKey && (s == null ? void 0 : s.value) === "single" && k) {
-        l.preventDefault(), k();
-        const x = l.target, I = x.selectionStart, M = c.value;
-        c.value = M.substring(0, I) + `
-` + M.substring(I), setTimeout(() => {
-          x.selectionStart = x.selectionEnd = I + 1;
+    handleKeyPress: (v) => {
+      if (t.value) return;
+      if (v.key === "Enter" && v.shiftKey && (a == null ? void 0 : a.value) === "single" && C) {
+        v.preventDefault(), C();
+        const k = v.target, V = k.selectionStart, l = d.value;
+        d.value = l.substring(0, V) + `
+` + l.substring(V), setTimeout(() => {
+          k.selectionStart = k.selectionEnd = V + 1;
         }, 0);
         return;
       }
-      if (l.key === "Escape") {
-        w.value ? (w.value = !1, l.preventDefault()) : m.isRecording && (r(), l.preventDefault()), h("escape-press");
+      if (v.key === "Tab" && s.value && u.value) {
+        v.preventDefault(), o();
+        return;
+      }
+      if (s.value) {
+        if (v.key === "ArrowDown") {
+          v.preventDefault(), g("down");
+          return;
+        }
+        if (v.key === "ArrowUp") {
+          v.preventDefault(), g("up");
+          return;
+        }
+        if (v.key === "Enter" && u.value) {
+          v.preventDefault(), o();
+          return;
+        }
+      }
+      if (v.key === "Escape") {
+        s.value ? (e(), v.preventDefault()) : m.isRecording && (S(), v.preventDefault()), b("escape-press");
         return;
       }
-      v(l, n.submitType) && f(c.value) && (l.preventDefault(), a());
+      p(v, n.submitType) && f(d.value) && (v.preventDefault(), r());
     },
-    triggerSubmit: a
+    triggerSubmit: r
+  };
+}
+function Ze(n) {
+  const b = (s, u, o) => {
+    var f;
+    const { startContainer: e, startOffset: g, collapsed: S } = u;
+    if (!S) return !1;
+    const a = e.nodeType === Node.TEXT_NODE && g === 0 && s.key === "ArrowLeft", C = e.nodeType === Node.TEXT_NODE && g === (((f = e.textContent) == null ? void 0 : f.length) || 0) && s.key === "ArrowRight";
+    if (a || C) {
+      let r = null, p = "inside";
+      if (a)
+        if (e.parentNode && e.parentNode.classList.contains("template-field"))
+          r = e.parentNode, p = "before";
+        else {
+          let T = e.previousSibling;
+          !T && e.parentNode && e.parentNode !== o && (T = e.parentNode.previousSibling), T && T.nodeType === Node.ELEMENT_NODE && T.classList.contains("template-field") && (r = T, p = "inside");
+        }
+      else if (C)
+        if (e.parentNode && e.parentNode.classList.contains("template-field"))
+          r = e.parentNode, p = "after";
+        else {
+          let T = e.nextSibling;
+          !T && e.parentNode && e.parentNode !== o && (T = e.parentNode.nextSibling), T && T.nodeType === Node.ELEMENT_NODE && T.classList.contains("template-field") && (r = T, p = "inside");
+        }
+      if (r) {
+        s.preventDefault();
+        const T = document.createRange(), v = window.getSelection();
+        return v && (p === "before" ? T.setStartBefore(r) : p === "after" ? T.setStartAfter(r) : (T.selectNodeContents(r), T.collapse(s.key === "ArrowLeft")), v.removeAllRanges(), v.addRange(T)), !0;
+      }
+    }
+    if (e.nodeType === Node.ELEMENT_NODE && e.classList.contains("template-field") && !e.textContent) {
+      s.preventDefault();
+      const r = document.createRange(), p = window.getSelection();
+      return p && (s.key === "ArrowLeft" ? r.setStartBefore(e) : r.setStartAfter(e), r.collapse(!0), p.removeAllRanges(), p.addRange(r)), !0;
+    }
+    return !1;
+  }, d = (s, u, o) => {
+    if (!u.collapsed) return !1;
+    const { startContainer: e, startOffset: g } = u;
+    if (e.nodeType === Node.TEXT_NODE && e.parentNode && e.parentNode.classList.contains("template-field") && e.textContent && e.textContent.length === 1 && g === 1) {
+      s.preventDefault(), e.textContent = "";
+      const C = e.parentNode, f = window.getSelection();
+      if (f) {
+        const r = document.createRange();
+        r.selectNodeContents(C), r.collapse(!0), f.removeAllRanges(), f.addRange(r);
+      }
+      return n.handleInput(), !0;
+    }
+    if (g === 0) {
+      let C = null;
+      if (e.nodeType === Node.ELEMENT_NODE && e.classList.contains("template-field") ? C = e : e.nodeType === Node.TEXT_NODE && e.parentNode && e.parentNode.classList.contains("template-field") && (C = e.parentNode), C) {
+        s.preventDefault();
+        const f = window.getSelection();
+        return f && (u.setStartBefore(C), u.collapse(!0), f.removeAllRanges(), f.addRange(u)), !0;
+      }
+    }
+    let a = null;
+    return e === o && g > 0 ? a = o.childNodes[g - 1] : e.nodeType === Node.TEXT_NODE && g === 0 && (a = e.previousSibling), a && a.nodeType === Node.ELEMENT_NODE && a.classList.contains("template-field") && a.textContent === "" ? (s.preventDefault(), a.parentNode && a.parentNode.removeChild(a), n.handleInput(), !0) : !1;
+  }, t = (s, u, o) => {
+    var C;
+    if (!u.collapsed) return !1;
+    const { startContainer: e, startOffset: g } = u;
+    if (e.nodeType === Node.TEXT_NODE && e.parentNode && e.parentNode.classList.contains("template-field") && e.textContent && g === e.textContent.length && e.textContent.length === 1) {
+      s.preventDefault(), e.textContent = "";
+      const f = e.parentNode, r = window.getSelection();
+      if (r) {
+        const p = document.createRange();
+        p.selectNodeContents(f), p.collapse(!0), r.removeAllRanges(), r.addRange(p);
+      }
+      return n.handleInput(), !0;
+    }
+    let a = null;
+    return e === o && g < o.childNodes.length ? a = o.childNodes[g] : e.nodeType === Node.TEXT_NODE && g === (((C = e.textContent) == null ? void 0 : C.length) || 0) && (a = e.nextSibling), a && a.nodeType === Node.ELEMENT_NODE && a.classList.contains("template-field") && a.textContent === "" ? (s.preventDefault(), a.parentNode && a.parentNode.removeChild(a), n.handleInput(), !0) : !1;
+  };
+  return {
+    handleTemplateKeyDown: (s) => {
+      if (n.isComposing.value) return;
+      const u = n.editor.value;
+      if (!u) return;
+      const o = window.getSelection();
+      if (!o || o.rangeCount === 0) return;
+      const e = o.getRangeAt(0);
+      if (s.key === "Enter") {
+        s.preventDefault(), n.onSubmit(n.getValueFromDOM());
+        return;
+      }
+      (s.key === "ArrowLeft" || s.key === "ArrowRight") && !s.shiftKey && b(s, e, u) || s.key === "Backspace" && d(s, e, u) || s.key === "Delete" && t(s, e, u);
+    }
   };
 }
-function T0(n) {
-  const h = L0({
+function et(n) {
+  const b = Se({
     isRecording: !1,
     isSupported: typeof window < "u" && "webkitSpeechRecognition" in window || "SpeechRecognition" in window,
     error: void 0
-  }), c = h.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
-  c !== void 0 && (c.continuous = n.continuous ?? !1, c.interimResults = n.interimResults ?? !0, c.lang = n.lang ?? navigator.language, c.onstart = () => {
-    var r;
-    h.isRecording = !0, h.error = void 0, (r = n.onStart) == null || r.call(n);
-  }, c.onend = () => {
-    var r;
-    h.isRecording = !1, (r = n.onEnd) == null || r.call(n);
-  }, c.onresult = (r) => {
-    var k, f;
-    const s = Array.from(r.results).map((a) => a[0].transcript).join("");
-    r.results[0].isFinal ? (k = n.onFinal) == null || k.call(n, s) : (f = n.onInterim) == null || f.call(n, s);
-  }, c.onerror = (r) => {
-    var s;
-    h.error = new Error(r.error), h.isRecording = !1, (s = n.onError) == null || s.call(n, h.error);
+  }), d = b.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
+  d !== void 0 && (d.continuous = n.continuous ?? !1, d.interimResults = n.interimResults ?? !0, d.lang = n.lang ?? navigator.language, d.onstart = () => {
+    var u;
+    b.isRecording = !0, b.error = void 0, (u = n.onStart) == null || u.call(n);
+  }, d.onend = () => {
+    var u;
+    b.isRecording = !1, (u = n.onEnd) == null || u.call(n);
+  }, d.onresult = (u) => {
+    var e, g;
+    const o = Array.from(u.results).map((S) => S[0].transcript).join("");
+    u.results[0].isFinal ? (e = n.onFinal) == null || e.call(n, o) : (g = n.onInterim) == null || g.call(n, o);
+  }, d.onerror = (u) => {
+    var o;
+    b.error = new Error(u.error), b.isRecording = !1, (o = n.onError) == null || o.call(n, b.error);
   });
-  const i = () => {
-    var r;
-    if (!c) {
-      const s = new Error("浏览器不支持语音识别");
-      h.error = s, (r = n.onError) == null || r.call(n, s);
+  const t = () => {
+    var u;
+    if (!d) {
+      const o = new Error("浏览器不支持语音识别");
+      b.error = o, (u = n.onError) == null || u.call(n, o);
       return;
     }
-    if (h.isRecording) {
+    if (b.isRecording) {
       try {
-        c.stop(), setTimeout(() => {
+        d.stop(), setTimeout(() => {
           try {
-            c.start();
-          } catch (s) {
-            w(s);
+            d.start();
+          } catch (o) {
+            s(o);
           }
         }, 100);
-      } catch (s) {
-        w(s);
+      } catch (o) {
+        s(o);
       }
       return;
     }
     try {
-      c.start();
-    } catch (s) {
-      w(s);
+      d.start();
+    } catch (o) {
+      s(o);
     }
   }, m = () => {
-    if (c && h.isRecording)
+    if (d && b.isRecording)
       try {
-        c.stop();
-      } catch (r) {
-        w(r);
+        d.stop();
+      } catch (u) {
+        s(u);
       }
-  }, w = (r) => {
-    var s;
-    h.error = r instanceof Error ? r : new Error("语音识别操作失败"), h.isRecording = !1, (s = n.onError) == null || s.call(n, h.error);
+  }, s = (u) => {
+    var o;
+    b.error = u instanceof Error ? u : new Error("语音识别操作失败"), b.isRecording = !1, (o = n.onError) == null || o.call(n, b.error);
   };
   return {
-    speechState: h,
-    start: i,
+    speechState: b,
+    start: t,
     stop: m
   };
 }
-const V0 = "data:image/svg+xml,%3csvg%20width='32.000000'%20height='32.000000'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdesc%3e%20Created%20with%20Pixso.%20%3c/desc%3e%3cdefs/%3e%3crect%20id='矩形'%20rx='8.000000'%20width='32.000000'%20height='32.000000'%20fill='%23000000'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20x='0.500000'%20y='0.500000'%20rx='8.000000'%20width='31.000000'%20height='31.000000'%20stroke='%23979797'%20stroke-opacity='0'%20stroke-width='1.000000'/%3e%3crect%20id='矩形'%20x='4.000000'%20y='4.000000'%20width='24.000000'%20height='24.000000'%20fill='%23D8D8D8'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20x='4.500000'%20y='4.500000'%20width='23.000000'%20height='23.000000'%20stroke='%23979797'%20stroke-opacity='0'%20stroke-width='1.000000'/%3e%3cpath%20id='路径%203'%20d='M13.37%2010.32L13.23%2010.26L15.44%2011.19L12.61%2018.98C12.2%2020.11%2012.81%2021.36%2013.95%2021.72C15.04%2022.07%2016.2%2021.5%2016.59%2020.43L19.35%2012.85L18.8%2012.65L18.79%2012.62C18.79%2012.61%2018.8%2012.61%2018.8%2012.6L15.44%2011.19L15.83%2010.14C16.49%208.31%2018.52%207.37%2020.35%208.03C22.18%208.7%2023.12%2010.72%2022.46%2012.55L19.15%2021.65C18.21%2024.21%2015.38%2025.54%2012.82%2024.6C10.25%2023.67%208.93%2020.83%209.86%2018.27L12.83%2010.12L12.28%209.92L12.27%209.9C12.39%209.58%2012.73%209.42%2013.04%209.54C13.36%209.65%2013.52%209.99%2013.4%2010.31L13.37%2010.32Z'%20fill='%23D8D8D8'%20fill-opacity='0'%20fill-rule='evenodd'/%3e%3cpath%20id='路径%203'%20d='M12.84%2010.1L9.86%2018.27C8.93%2020.83%2010.25%2023.67%2012.82%2024.6C15.38%2025.54%2018.21%2024.21%2019.15%2021.65L22.46%2012.55C23.12%2010.72%2022.18%208.7%2020.35%208.03C18.52%207.37%2016.49%208.31%2015.83%2010.14L12.61%2018.98C12.2%2020.11%2012.81%2021.36%2013.95%2021.72C15.04%2022.07%2016.2%2021.5%2016.59%2020.43L19.35%2012.83'%20stroke='%23595959'%20stroke-opacity='1.000000'%20stroke-width='1.200000'%20stroke-linecap='round'/%3e%3c/svg%3e", Z0 = "data:image/svg+xml,%3csvg%20width='32.000000'%20height='32.000000'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdesc%3e%20Created%20with%20Pixso.%20%3c/desc%3e%3cdefs%3e%3clinearGradient%20x1='12.999998'%20y1='21.128080'%20x2='20.000002'%20y2='6.999999'%20id='paint_linear_447_301_0'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E280FF'/%3e%3cstop%20offset='0.517615'%20stop-color='%236686FF'/%3e%3cstop%20offset='1.000000'%20stop-color='%234DDDFF'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20id='矩形'%20rx='8.000000'%20width='32.000000'%20height='32.000000'%20fill='%23000000'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20x='0.500000'%20y='0.500000'%20rx='8.000000'%20width='31.000000'%20height='31.000000'%20stroke='%23979797'%20stroke-opacity='0'%20stroke-width='1.000000'/%3e%3crect%20id='矩形'%20x='4.000000'%20y='4.000000'%20width='24.000000'%20height='24.000000'%20fill='%23D8D8D8'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20x='4.500000'%20y='4.500000'%20width='23.000000'%20height='23.000000'%20stroke='%23979797'%20stroke-opacity='0'%20stroke-width='1.000000'/%3e%3crect%20id='矩形'%20x='13.000000'%20y='7.000000'%20rx='3.500000'%20width='7.000000'%20height='11.000000'%20fill='url(%23paint_linear_447_301_0)'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20x='13.000000'%20y='7.000000'%20rx='3.500000'%20width='7.000000'%20height='11.000000'%20stroke='%23595959'%20stroke-opacity='1.000000'%20stroke-width='1.200000'%20stroke-linejoin='round'/%3e%3cpath%20id='路径'%20d='M8.41%2014.02L8.39%2014C8.39%2013.66%208.66%2013.4%209%2013.4C9.33%2013.4%209.6%2013.66%209.6%2014L23.39%2014C23.39%2013.66%2023.66%2013.4%2024%2013.4C24.33%2013.4%2024.6%2013.66%2024.6%2014L24.58%2014.02L24%2014.02C23.98%2018.42%2020.63%2022%2016.5%2022C12.36%2022%209.01%2018.42%209%2014.02L8.41%2014.02Z'%20fill='%23D8D8D8'%20fill-opacity='0'%20fill-rule='evenodd'/%3e%3cpath%20id='路径'%20d='M9%2014C9%2018.41%2012.35%2022%2016.5%2022C20.64%2022%2024%2018.41%2024%2014'%20stroke='%23595959'%20stroke-opacity='1.000000'%20stroke-width='1.200000'%20stroke-linecap='round'/%3e%3cpath%20id='路径%202'%20d='M15.91%2022.6L15.89%2022.58C15.89%2022.24%2016.16%2021.98%2016.5%2021.98C16.83%2021.98%2017.1%2022.24%2017.1%2022.58L17.08%2022.6L15.91%2022.6ZM17.08%2025.34L17.1%2025.36C17.1%2025.7%2016.83%2025.96%2016.5%2025.96C16.16%2025.96%2015.89%2025.7%2015.89%2025.36L15.91%2025.34L17.08%2025.34Z'%20fill='%23D8D8D8'%20fill-opacity='0'%20fill-rule='nonzero'/%3e%3cpath%20id='路径%202'%20d='M16.5%2022.58L16.5%2025.36'%20stroke='%23595959'%20stroke-opacity='1.000000'%20stroke-width='1.200000'%20stroke-linecap='round'/%3e%3c/svg%3e", K0 = "data:image/svg+xml,%3csvg%20width='152.343506'%20height='18.000000'%20viewBox='0%200%20152.344%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdesc%3e%20Created%20with%20Pixso.%20%3c/desc%3e%3cdefs%3e%3clinearGradient%20x1='159.655945'%20y1='6.532532'%20x2='-2.217805'%20y2='3.665466'%20id='paint_linear_498_7491_0'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E6FF7D'%20stop-opacity='0.200000'/%3e%3cstop%20offset='0.264015'%20stop-color='%23FFB22E'%20stop-opacity='0.200000'/%3e%3cstop%20offset='0.522782'%20stop-color='%2397A7FF'%20stop-opacity='0.258824'/%3e%3cstop%20offset='0.702223'%20stop-color='%2376ADFF'%20stop-opacity='0.400000'/%3e%3cstop%20offset='0.830214'%20stop-color='%2367D1FF'%20stop-opacity='0.301961'/%3e%3cstop%20offset='1.000000'%20stop-color='%23D27EFF'%20stop-opacity='0.090196'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20id='Fill%203'%20d='M9.52%209.61C12.69%209.9%2015.86%2010.31%2019.04%2010.74C20.63%2010.94%2022.21%2011.28%2023.8%2011.78C25.39%2012.26%2026.97%2012.84%2028.56%2013.26C30.15%2013.67%2031.73%2013.89%2033.32%2013.89C34.11%2013.88%2034.91%2013.69%2035.7%2013.33C36.49%2012.98%2037.29%2012.49%2038.08%2012.06C38.87%2011.63%2039.67%2011.29%2040.46%2011.19C40.86%2011.13%2041.25%2011.13%2041.65%2011.17C42.05%2011.22%2042.45%2011.31%2042.84%2011.39C44.43%2011.75%2046.02%2012.36%2047.6%2013.19C50.78%2014.81%2053.95%2016.29%2057.12%2017.28C60.3%2018.29%2063.47%2018.26%2066.65%2016.96C69.82%2015.68%2072.99%2014.04%2076.17%2012.73C79.34%2011.4%2082.51%2011.19%2085.69%2011.85C88.86%2012.53%2092.04%2014.04%2095.21%2014.41C96%2014.51%2096.8%2014.56%2097.59%2014.56C98.38%2014.55%2099.18%2014.5%2099.97%2014.46C101.56%2014.35%20103.14%2014.18%20104.73%2013.94C107.91%2013.45%20111.08%2012.64%20114.25%2011.93C117.43%2011.19%20120.6%2010.62%20123.77%2010.26C126.95%209.88%20130.12%209.49%20133.3%209.28C136.47%209.06%20139.64%209%20142.82%209L152.34%209L142.82%209C139.64%208.99%20136.47%208.93%20133.3%208.71C130.12%208.5%20126.95%208.11%20123.77%207.73C120.6%207.37%20117.43%206.8%20114.25%206.06C111.08%205.35%20107.91%204.54%20104.73%204.05C103.14%203.81%20101.56%203.64%2099.97%203.53C99.18%203.49%2098.38%203.44%2097.59%203.43C96.8%203.43%2096%203.48%2095.21%203.58C92.04%203.95%2088.86%205.46%2085.69%206.14C82.51%206.8%2079.34%206.59%2076.17%205.26C72.99%203.95%2069.82%202.31%2066.65%201.03C63.47%20-0.27%2060.3%20-0.31%2057.12%200.71C53.95%201.7%2050.78%203.18%2047.6%204.8C46.02%205.63%2044.43%206.24%2042.84%206.6C42.45%206.68%2042.05%206.77%2041.65%206.82C41.25%206.86%2040.86%206.86%2040.46%206.8C39.67%206.7%2038.87%206.36%2038.08%205.93C37.29%205.51%2036.49%205.01%2035.7%204.66C34.91%204.3%2034.11%204.11%2033.32%204.1C31.73%204.1%2030.15%204.32%2028.56%204.73C26.97%205.15%2025.39%205.73%2023.8%206.21C22.21%206.71%2020.63%207.05%2019.04%207.25C15.86%207.68%2012.69%208.09%209.52%208.38C6.34%208.69%203.17%208.94%200%209C3.17%209.05%206.34%209.3%209.52%209.61Z'%20fill='url(%23paint_linear_498_7491_0)'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3c/svg%3e", P0 = "data:image/svg+xml,%3csvg%20width='36'%20height='36'%20viewBox='0%200%2036%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdesc%3e%20Created%20with%20Pixso.%20%3c/desc%3e%3cdefs%3e%3cfilter%20id='filter_447_4247_dd'%20x='0'%20y='0'%20width='36'%20height='36'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='0'%20dy='2'/%3e%3cfeGaussianBlur%20stdDeviation='1.66667'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.039%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect_dropShadow_1'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect_dropShadow_1'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23filter_447_4247_dd)'%3e%3crect%20id='Rectangle'%20x='0'%20y='0'%20rx='18'%20width='36'%20height='36'%20fill='%231476FF'%20fill-opacity='1'/%3e%3c/g%3e%3cpath%20id='Fill%201'%20d='M26.38%208.7L7.99%2017.45C7.59%2017.64%207.58%2018.21%207.98%2018.4L12.56%2020.7C12.78%2020.81%2013.05%2020.77%2013.23%2020.62L23.54%2011.95C23.71%2011.81%2023.94%2012.05%2023.78%2012.21L14.9%2021.42C14.72%2021.61%2014.63%2021.87%2014.66%2022.14L15.21%2026.9C15.26%2027.36%2015.83%2027.54%2016.14%2027.19L18.36%2024.65C18.49%2024.5%2018.46%2024.25%2018.29%2024.13L16.45%2022.88C16.34%2022.81%2016.44%2022.64%2016.56%2022.7L19%2023.92L21.87%2025.35C22.17%2025.5%2022.52%2025.35%2022.62%2025.03L27.44%209.62C27.64%208.98%2026.98%208.41%2026.38%208.7Z'%20fill='%23FFFFFF'%20fill-opacity='1'%20fill-rule='evenodd'/%3e%3c/svg%3e", W0 = "data:image/svg+xml,%3csvg%20width='102.000000'%20height='36.000000'%20viewBox='0%200%20102%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdesc%3e%20Created%20with%20Pixso.%20%3c/desc%3e%3cdefs/%3e%3crect%20id='沉浸式/输入框/停止生成按钮'%20rx='18.000000'%20width='102.000000'%20height='36.000000'%20fill='%231476FF'%20fill-opacity='0.060000'/%3e%3cpath%20id='停止回答'%20d='M79.96%2013.66L78.75%2013.66C78.4%2014.31%2078.01%2014.92%2077.56%2015.46L76.71%2014.92C77.59%2013.85%2078.23%2012.69%2078.63%2011.42L79.59%2011.63C79.47%2012.01%2079.33%2012.37%2079.19%2012.73L82.95%2012.73L82.95%2013.66L80.98%2013.66C81.25%2014.1%2081.47%2014.53%2081.64%2014.92L80.73%2015.25C80.5%2014.69%2080.24%2014.16%2079.96%2013.66ZM85.88%2013.66L84.54%2013.66C84.28%2014.09%2084%2014.5%2083.71%2014.89L82.87%2014.37C83.6%2013.49%2084.12%2012.51%2084.44%2011.43L85.4%2011.64C85.28%2012.03%2085.14%2012.4%2085%2012.73L89.2%2012.73L89.2%2013.66L86.93%2013.66C87.26%2014.19%2087.54%2014.69%2087.76%2015.14L86.84%2015.46Q86.42%2014.52%2085.88%2013.66ZM34.48%2017.26C35.8%2015.57%2036.77%2013.64%2037.37%2011.49L38.31%2011.92C37.98%2012.96%2037.59%2013.95%2037.13%2014.87L37.13%2024.4L36.11%2024.4L36.11%2016.62C35.72%2017.21%2035.28%2017.79%2034.82%2018.32L34.48%2017.26ZM41.56%2011.65L42.58%2011.49C42.72%2011.84%2042.84%2012.24%2042.98%2012.69L46.97%2012.69L46.97%2013.59L38.31%2013.59L38.31%2012.69L41.98%2012.69C41.85%2012.33%2041.71%2011.98%2041.56%2011.65ZM55.09%2022.81L55.09%2011.63L56.13%2011.63L56.13%2016.18L60.44%2016.18L60.44%2017.16L56.13%2017.16L56.13%2022.81L61.21%2022.81L61.21%2023.79L48.78%2023.79L48.78%2022.81L51.16%2022.81L51.16%2014.08L52.17%2014.08L52.17%2022.81L55.09%2022.81ZM63.38%2012.4L74.61%2012.4L74.61%2024.17L73.63%2024.17L73.63%2023.57L64.36%2023.57L64.36%2024.17L63.38%2024.17L63.38%2012.4ZM64.36%2013.29L64.36%2022.67L73.63%2022.67L73.63%2013.29L64.36%2013.29ZM39.23%2017.04L39.23%2014.4L45.9%2014.4L45.9%2017.04L39.23%2017.04ZM79.78%2018.65L79.78%2018.03C78.96%2018.46%2078.08%2018.87%2077.14%2019.24L76.67%2018.36C79.06%2017.46%2081.05%2016.34%2082.65%2015.01L83.32%2015.01C85.08%2016.44%2087.11%2017.56%2089.41%2018.39L88.92%2019.26C87.96%2018.89%2087.07%2018.47%2086.24%2018.03L86.24%2018.65L79.78%2018.65ZM40.21%2016.28L44.92%2016.28L44.92%2015.17L40.21%2015.17L40.21%2016.28ZM66.31%2020.45L66.31%2015.46L71.71%2015.46L71.71%2020.45L66.31%2020.45ZM80.32%2017.72L85.7%2017.72C84.7%2017.14%2083.79%2016.5%2082.98%2015.8C82.21%2016.48%2081.33%2017.13%2080.32%2017.72ZM67.25%2019.59L70.76%2019.59L70.76%2016.33L67.25%2016.33L67.25%2019.59ZM38.18%2017.86L47%2017.86L47%2020.25L46.25%2020.25L46.25%2020.88L43.22%2020.88L43.22%2023.15C43.22%2023.9%2042.8%2024.3%2041.99%2024.3L40.41%2024.3L40.2%2023.32C40.7%2023.34%2041.18%2023.37%2041.64%2023.37C42%2023.37%2042.18%2023.2%2042.18%2022.9L42.18%2020.88L39.12%2020.88L39.12%2020.25L38.18%2020.25L38.18%2017.86ZM39.16%2018.74L39.16%2020.01L46.04%2020.01L46.04%2018.74L39.16%2018.74ZM78.81%2019.96L87.18%2019.96L87.18%2024.38L86.21%2024.38L86.21%2023.75L79.78%2023.75L79.78%2024.38L78.81%2024.38L78.81%2019.96ZM79.78%2020.88L79.78%2022.83L86.21%2022.83L86.21%2020.88L79.78%2020.88Z'%20fill='%231476FF'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3crect%20id='矩形'%20x='7.713867'%20y='7.714844'%20width='20.571428'%20height='20.571428'%20fill='%23D8D8D8'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20x='8.213867'%20y='8.214844'%20width='19.571428'%20height='19.571428'%20stroke='%23979797'%20stroke-opacity='0'%20stroke-width='1.000000'/%3e%3crect%20id='矩形'%20x='6.000000'%20y='6.000000'%20width='24.000000'%20height='24.000000'%20fill='%23D8D8D8'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20x='6.500000'%20y='6.500000'%20width='23.000000'%20height='23.000000'%20stroke='%23979797'%20stroke-opacity='0'%20stroke-width='1.000000'/%3e%3crect%20id='矩形'%20x='14.666992'%20y='14.666016'%20rx='1.500000'%20width='6.666667'%20height='6.666667'%20fill='%231476FF'%20fill-opacity='1.000000'/%3e%3ccircle%20id='椭圆形'%20cx='18.000000'%20cy='18.000000'%20r='8.250000'%20fill='%23D8D8D8'%20fill-opacity='0'/%3e%3ccircle%20id='椭圆形'%20cx='18.000000'%20cy='18.000000'%20r='8.250000'%20stroke='%231476FF'%20stroke-opacity='1.000000'%20stroke-width='1.500000'/%3e%3cpath%20id='路径'%20d='M17.8%2010.47C17.48%2010.39%2017.25%2010.1%2017.25%209.75C17.25%209.33%2017.58%209%2018%209L18.02%209.02L18.02%209.75C22.56%209.76%2026.25%2013.45%2026.25%2018C26.25%2022.55%2022.55%2026.25%2018%2026.25C16.52%2026.25%2015.13%2025.86%2013.93%2025.18L13.57%2025.81L13.54%2025.82C13.18%2025.61%2013.06%2025.16%2013.26%2024.8C13.44%2024.49%2013.78%2024.35%2014.11%2024.44L17.8%2010.47Z'%20fill='%23595959'%20fill-opacity='0'%20fill-rule='evenodd'/%3e%3cpath%20id='路径'%20d='M13.91%2025.17C15.12%2025.85%2016.51%2026.25%2018%2026.25C22.55%2026.25%2026.25%2022.55%2026.25%2018C26.25%2013.44%2022.55%209.75%2018%209.75'%20stroke='%231476FF'%20stroke-opacity='1.000000'%20stroke-width='1.500000'%20stroke-linecap='round'/%3e%3c/svg%3e", O0 = { class: "action-buttons" }, j0 = {
-  key: 0,
-  src: Z0,
-  class: "button-icon",
-  alt: "录音"
-}, A0 = {
-  key: 1,
-  src: K0,
-  class: "button-icon recording-icon",
-  alt: "语音中"
-}, U0 = { class: "button-content" }, z0 = {
+const tt = (n, b) => {
+  if (!b || !n)
+    return [{ text: n, isMatch: !1 }];
+  const d = n.toLowerCase(), t = b.toLowerCase(), m = d.indexOf(t);
+  if (m === -1)
+    return [{ text: n, isMatch: !1 }];
+  const s = [];
+  return m > 0 && s.push({
+    text: n.substring(0, m),
+    isMatch: !1
+  }), s.push({
+    text: n.substring(m, m + b.length),
+    isMatch: !0
+  }), m + b.length < n.length && s.push({
+    text: n.substring(m + b.length),
+    isMatch: !1
+  }), s;
+};
+function nt(n, b, d, t) {
+  const m = x(!1), s = x(-1), u = x(""), o = x(!1), e = x(null), g = x(!1), S = L(() => {
+    if (!n.suggestions || !d.value || n.template) return [];
+    const k = d.value.toLowerCase();
+    return n.suggestions.filter((V) => V.toLowerCase().includes(k));
+  }), a = L(() => S.value[s.value] || null), C = (k) => {
+    const V = k || (S.value.length > 0 ? S.value[0] : null);
+    V && d.value && V.toLowerCase().startsWith(d.value.toLowerCase()) ? u.value = V.substring(d.value.length) : u.value = "";
+  };
+  G(d, (k) => {
+    t.value || g.value || (k && n.suggestions && n.suggestions.length > 0 && !n.template ? (m.value = S.value.length > 0, m.value ? (s.value = 0, C(), o.value = !0) : (s.value = -1, u.value = "", o.value = !1)) : (m.value = !1, s.value = -1, u.value = "", o.value = !1));
+  });
+  const f = (k) => {
+    g.value = !0, d.value = k, b("update:modelValue", k), b("suggestion-select", k), p(), P(() => {
+      g.value = !1;
+    });
+  }, r = () => {
+    a.value && f(a.value);
+  }, p = () => {
+    m.value = !1, o.value = !1, u.value = "", s.value = -1;
+  };
+  return {
+    showSuggestionsPopup: m,
+    highlightedIndex: s,
+    completionPlaceholder: u,
+    showTabHint: o,
+    suggestionsListRef: e,
+    filteredSuggestions: S,
+    activeSuggestion: a,
+    updateCompletionPlaceholder: C,
+    selectSuggestion: f,
+    acceptCurrentSuggestion: r,
+    closeSuggestionsPopup: p,
+    navigateSuggestions: (k) => {
+      if (!m.value || S.value.length === 0) return;
+      k === "down" ? s.value = (s.value + 1) % S.value.length : s.value = (s.value - 1 + S.value.length) % S.value.length, a.value && C(a.value);
+      const V = e.value;
+      if (V) {
+        const l = V.children[s.value];
+        l && l.scrollIntoView({ block: "nearest" });
+      }
+    },
+    handleSuggestionItemHover: (k) => {
+      s.value = k, C(S.value[k]);
+    },
+    handleClickOutside: () => {
+      p();
+    },
+    highlightSuggestionText: tt
+  };
+}
+const st = { class: "action-buttons" }, lt = {
   key: 0,
-  src: P0,
-  alt: "发送"
-}, m0 = /* @__PURE__ */ c0({
+  class: "action-buttons__utility"
+}, ot = { class: "action-buttons__submit-content" }, at = { class: "action-buttons__cancel" }, Ce = /* @__PURE__ */ ce({
   __name: "ActionButtons",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -169,301 +334,426 @@ const V0 = "data:image/svg+xml,%3csvg%20width='32.000000'%20height='32.000000'%2
     isOverLimit: { type: Boolean, default: !1 }
   },
   emits: ["clear", "toggle-speech", "submit", "cancel"],
-  setup(n, { emit: h }) {
-    const c = B0(), i = n, m = h, w = S(() => i.allowSpeech), r = S(() => i.speechStatus.isRecording), s = S(() => i.disabled), k = S(() => s.value || i.isOverLimit), f = () => {
-      s.value || m("clear");
+  setup(n, { emit: b }) {
+    const d = je(), t = n, m = b, s = L(() => t.allowSpeech), u = L(() => t.speechStatus.isRecording), o = L(() => t.disabled), e = L(() => o.value || t.isOverLimit), g = L(() => t.allowFiles || t.allowSpeech || t.showClear), S = () => {
+      o.value || m("clear");
     }, a = () => {
-      if (!s.value) {
-        const l = !i.speechStatus.isRecording;
-        m("toggle-speech", l);
+      if (!o.value) {
+        const r = !t.speechStatus.isRecording;
+        m("toggle-speech", r);
       }
-    }, v = () => {
-      k.value || m("submit");
-    }, Z = () => {
-      s.value || m("cancel");
+    }, C = () => {
+      e.value || m("submit");
+    }, f = () => {
+      o.value || m("cancel");
     };
-    return (l, L) => {
-      const x = _0("tiny-tooltip");
-      return d(), C("div", O0, [
-        l.allowFiles && !l.loading ? (d(), V(x, {
+    return (r, p) => (N(), D("div", st, [
+      g.value ? (N(), D("div", lt, [
+        r.allowFiles && !r.loading ? (N(), H(_(ue), {
           key: 0,
           content: "上传文件",
           placement: "top"
         }, {
-          default: $(() => [
-            W(F(n0), {
+          default: j(() => [
+            K(_(ne), {
+              class: "action-buttons__button action-buttons__file-button",
               type: "text",
-              disabled: s.value
+              disabled: o.value
             }, {
-              default: $(() => L[1] || (L[1] = [
-                B("img", {
-                  src: V0,
-                  class: "button-icon",
+              default: j(() => [
+                K(_(qe), {
+                  class: "action-buttons__icon",
                   alt: "上传文件"
-                }, null, -1)
-              ])),
+                })
+              ]),
               _: 1
             }, 8, ["disabled"])
           ]),
           _: 1
-        })) : R("", !0),
-        w.value && !l.loading ? (d(), V(F(n0), {
+        })) : B("", !0),
+        s.value && !r.loading ? (N(), H(_(ne), {
           key: 1,
+          class: Q(["action-buttons__button action-buttons__speech-button", { "is-recording": u.value }]),
           type: "text",
-          disabled: s.value,
-          onClick: a,
-          class: z(["speech-button", { "is-recording": r.value }])
+          disabled: o.value,
+          onClick: a
         }, {
-          default: $(() => [
-            r.value ? (d(), C("img", A0)) : (d(), C("img", j0))
+          default: j(() => [
+            u.value ? (N(), H(_(Ue), {
+              key: 1,
+              class: "action-buttons__icon action-buttons__icon--recording",
+              alt: "语音中"
+            })) : (N(), H(_(ze), {
+              key: 0,
+              class: "action-buttons__icon",
+              alt: "录音"
+            }))
           ]),
           _: 1
-        }, 8, ["disabled", "class"])) : R("", !0),
-        l.showClear ? (d(), V(x, {
+        }, 8, ["disabled", "class"])) : B("", !0),
+        r.showClear ? (N(), H(_(ue), {
           key: 2,
           content: "清空内容",
           placement: "top"
         }, {
-          default: $(() => [
-            W(F(n0), {
+          default: j(() => [
+            K(_(ne), {
+              class: "action-buttons__button action-buttons__clear-button",
               type: "text",
-              disabled: s.value || !l.hasContent,
-              onClick: f,
-              style: { "margin-left": "0" }
+              disabled: o.value || !r.hasContent,
+              onClick: S
             }, {
-              default: $(() => [
-                (d(), V(b0(F(c)), { class: "button-icon" }))
+              default: j(() => [
+                (N(), H(Me(_(d)), { class: "action-buttons__icon action-buttons__icon--close" }))
               ]),
               _: 1
             }, 8, ["disabled"])
           ]),
           _: 1
-        })) : R("", !0),
-        l.hasContent || l.loading ? (d(), V(F(n0), {
-          key: 3,
-          type: "text",
-          class: z(l.loading ? "cancel-button" : "submit-button"),
-          disabled: l.loading ? s.value : k.value,
-          onClick: L[0] || (L[0] = (I) => l.loading ? Z() : v())
-        }, {
-          default: $(() => [
-            B("div", U0, [
-              l.loading ? (d(), V(x, {
-                key: 1,
-                content: "停止生成",
-                placement: "top"
-              }, {
-                default: $(() => L[2] || (L[2] = [
-                  B("img", {
-                    src: W0,
-                    alt: "加载中",
-                    class: "loading"
-                  }, null, -1)
-                ])),
-                _: 1
-              })) : (d(), C("img", z0))
-            ])
-          ]),
-          _: 1
-        }, 8, ["class", "disabled"])) : R("", !0)
-      ]);
-    };
+        })) : B("", !0)
+      ])) : B("", !0),
+      r.hasContent || r.loading ? (N(), H(_(ne), {
+        key: 1,
+        type: "text",
+        class: "action-buttons__button action-buttons__submit",
+        disabled: r.loading ? o.value : e.value,
+        onClick: p[0] || (p[0] = (T) => r.loading ? f() : C())
+      }, {
+        default: j(() => [
+          M("div", ot, [
+            r.loading ? (N(), H(_(ue), {
+              key: 1,
+              content: "停止生成",
+              placement: "top"
+            }, {
+              default: j(() => [
+                M("div", at, [
+                  K(_(Ge), {
+                    class: "action-buttons__icon action-buttons__icon--stop",
+                    alt: "加载中"
+                  }),
+                  p[1] || (p[1] = M("span", { class: "action-buttons__cancel-text" }, "停止回答", -1))
+                ])
+              ]),
+              _: 1
+            })) : (N(), H(_(Xe), {
+              key: 0,
+              class: "action-buttons__icon action-buttons__icon--send",
+              alt: "发送"
+            }))
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : B("", !0)
+    ]));
   }
-}), q0 = { class: "template-editor" }, G0 = { key: 0 }, H0 = ["onClick"], N0 = ["onInput"], Q0 = {
-  key: 1,
-  class: "template-placeholder"
-}, J0 = /* @__PURE__ */ c0({
-  __name: "TemplateEditor",
-  props: {
-    template: {},
-    value: {}
-  },
-  emits: ["update:value", "input", "content-status", "field-active"],
-  setup(n, { expose: h, emit: c }) {
-    const i = n, m = c, w = b(null), r = b({}), s = b(-1), k = b(!1), f = b(!1), a = b(!1), v = b([]), Z = (t) => {
-      const o = [];
-      let u = 0, _ = 0;
-      const y = /\[(.*?)\]/g;
-      let D;
-      for (; (D = y.exec(t)) !== null; )
-        D.index > u && o.push({
-          content: t.substring(u, D.index),
-          isField: !1
-        }), o.push({
-          content: D[1],
-          // 使用占位符作为默认内容
-          placeholder: D[1],
-          isField: !0,
-          fieldIndex: _++
-        }), u = D.index + D[0].length;
-      return u < t.length && o.push({
-        content: t.substring(u),
-        isField: !1
-      }), o;
-    }, l = () => {
-      v.value = Z(i.template), i.value && L(i.value);
-    }, L = (t) => {
-      if (!t || a.value || x() === t) return;
-      const u = Z(i.template), _ = [];
-      u.forEach((E) => {
-        E.isField ? _.push(`__FIELD_${E.fieldIndex}__`) : _.push(E.content);
-      });
-      let y = t, D = 0;
-      for (let E = 0; E < v.value.length; E++) {
-        if (!v.value[E].isField) continue;
-        const N = _[D];
-        D++;
-        const T = _[D] || "";
-        if (N && y.startsWith(N))
-          if (y = y.substring(N.length), T && y.includes(T)) {
-            const l0 = y.indexOf(T), K = y.substring(0, l0);
-            K && (v.value[E].content = K, s.value === E && r.value[E] && (f.value = !0)), y = y.substring(l0);
-          } else !T && y && (v.value[E].content = y, y = "");
+});
+function it(n, b) {
+  const d = x(!1), t = Se({ ...b }), m = (l) => {
+    Object.assign(t, l);
+  }, s = (l) => {
+    const c = [];
+    let h = 0;
+    const y = /\[(.*?)\]/g;
+    let w;
+    for (; (w = y.exec(l)) !== null; )
+      w.index > h && c.push({ type: "text", content: l.substring(h, w.index) }), c.push({ type: "field", content: w[1] }), h = w.index + w[0].length;
+    return h < l.length && c.push({ type: "text", content: l.substring(h) }), c;
+  }, u = () => {
+    if (!n.value) return "";
+    let l = "";
+    return n.value.childNodes.forEach((c) => {
+      (c.nodeType === Node.TEXT_NODE || c.nodeType === Node.ELEMENT_NODE && c.classList.contains("template-field")) && (l += c.textContent || "");
+    }), l;
+  }, o = (l) => t.initialValues && typeof t.initialValues[l] == "string" ? t.initialValues[l] : "", e = (l, c) => {
+    const h = document.createElement("span");
+    return h.className = "template-field", h.setAttribute("data-placeholder", l), c && (h.textContent = c), P(() => {
+      g(h, c || "");
+    }), h;
+  }, g = (l, c) => {
+    if (!c || c.trim() === "") {
+      const h = l.getAttribute("data-placeholder") || "";
+      h ? S(l, h, !0) : (l.style.minWidth = "", l.style.width = "");
+      return;
+    }
+    S(l, c, !1);
+  }, S = (l, c, h) => {
+    const y = document.createElement("span");
+    y.className = "template-field", y.style.visibility = "hidden", y.style.position = "absolute", y.style.top = "-9999px", y.style.left = "-9999px", y.style.whiteSpace = "nowrap", y.style.padding = "3px 8px", y.style.margin = "0 2px", y.style.boxSizing = "border-box", y.textContent = c, document.body.appendChild(y);
+    const w = getComputedStyle(y), F = y.offsetWidth, O = parseFloat(w.fontSize);
+    document.body.removeChild(y);
+    const I = h ? 1.5 : 2, W = F / O, $ = Math.max(I, Math.ceil(W));
+    l.style.setProperty("min-width", `${$}em`, "important");
+    const q = 20;
+    $ > q ? (l.style.setProperty("max-width", `${q}em`, "important"), l.style.setProperty("white-space", "normal", "important"), l.style.setProperty("word-break", "break-word", "important")) : l.style.removeProperty("max-width");
+  }, a = (l) => {
+    const h = (l === void 0 ? u() : l).trim().length > 0;
+    d.value !== h && (d.value = h, t.onContentStatusChange(h));
+  }, C = (l, c = "inside", h = !1) => {
+    P(() => {
+      const y = window.getSelection();
+      if (!y) return;
+      const w = document.createRange();
+      switch (c) {
+        case "before":
+          w.setStartBefore(l);
+          break;
+        case "after":
+          w.setStartAfter(l);
+          break;
+        case "inside":
+        default:
+          w.selectNodeContents(l), w.collapse(h);
+          break;
       }
-      M(t);
-    }, x = () => v.value.map((t) => t.content).join(""), I = () => {
-      a.value = !0;
-      const t = x();
-      m("update:value", t), m("input", t), M(t), setTimeout(() => {
-        a.value = !1;
-      }, 0);
-    }, M = (t) => {
-      const u = (t || x()).trim().length > 0;
-      k.value !== u && (k.value = u, m("content-status", u));
-    }, G = (t, o) => {
-      t && (r.value[o] = t, t.textContent || (t.textContent = v.value[o].content), new MutationObserver(() => {
-        s.value === o && !f.value && (f.value = !0, setTimeout(() => {
-          v.value[o].content = t.textContent !== null ? t.textContent : "", f.value = !1;
-        }, 0));
-      }).observe(t, {
-        characterData: !0,
-        childList: !0,
-        subtree: !0
-      }));
-    }, O = (t, o) => {
-      f.value = !0;
-      const u = t.target, _ = u.textContent !== null ? u.textContent : "";
-      v.value[o].content !== _ && (v.value[o].content = _, I()), setTimeout(() => {
-        f.value = !1;
-      }, 10);
-    }, X = (t) => {
-      if (document.createRange) {
-        const o = document.createRange();
-        o.selectNodeContents(t), o.collapse(!1);
-        const u = window.getSelection();
-        u && (u.removeAllRanges(), u.addRange(o));
+      y.removeAllRanges(), y.addRange(w), l.focus && l.focus();
+    });
+  }, f = () => {
+    P(() => {
+      const l = n.value;
+      if (l) {
+        const c = document.createRange(), h = window.getSelection();
+        c.selectNodeContents(l), c.collapse(!1), h && (h.removeAllRanges(), h.addRange(c)), l.focus();
       }
-    }, Y = (t) => {
-      if (s.value !== t) {
-        if (s.value !== -1) {
-          const o = s.value, u = r.value[o];
-          u && (v.value[o].content = u.textContent !== null ? u.textContent : "", I());
+    });
+  }, r = (l, c) => {
+    const h = n.value;
+    if (!h) return null;
+    h.innerHTML = "";
+    let y = null;
+    if (!c || c === t.template)
+      l.forEach((w) => {
+        if (w.type === "field") {
+          const F = o(w.content), O = e(w.content, F);
+          h.appendChild(O), y || (y = O);
+        } else
+          h.appendChild(document.createTextNode(w.content));
+      }), t.initialValues && Object.keys(t.initialValues).length > 0 && P(() => {
+        const w = u();
+        w !== t.value && (t.onValueChange(w), t.onInput(w));
+      });
+    else {
+      const w = p(l, c);
+      w.success ? w.elements.forEach((F) => {
+        h.appendChild(F.node), F.isField && !y && (y = F.node);
+      }) : (h.appendChild(document.createTextNode(c)), y = null);
+    }
+    return y;
+  }, p = (l, c) => {
+    const h = [];
+    let y = 0, w = 0, F = !0;
+    for (; w < l.length && y <= c.length && F; ) {
+      const O = l[w];
+      if (O.type === "text")
+        c.substring(y).startsWith(O.content) ? (h.push({
+          node: document.createTextNode(O.content),
+          isField: !1
+        }), y += O.content.length, w++) : F = !1;
+      else {
+        let I = "";
+        const W = l.find(($, q) => q > w && $.type === "text");
+        if (W) {
+          const $ = c.substring(y), q = $.indexOf(W.content);
+          q !== -1 ? (I = $.substring(0, q), y += I.length) : F = !1;
+        } else
+          I = c.substring(y), y = c.length;
+        if (F) {
+          const $ = e(O.content, I);
+          h.push({ node: $, isField: !0 }), w++;
         }
-        s.value = t, m("field-active", !0, t), A(() => {
-          const o = r.value[t];
-          o && (o.focus(), !o.textContent && v.value[t].content && (o.textContent = v.value[t].content), X(o));
-        });
       }
-    }, H = () => {
-      const t = s.value;
-      if (t >= 0) {
-        const o = r.value[t];
-        if (o) {
-          const u = o.textContent !== null ? o.textContent : "";
-          v.value[t].content = u;
-        }
-        m("field-active", !1, t);
+    }
+    if (F && w < l.length)
+      for (let O = w; O < l.length; O++) {
+        const I = l[O];
+        if (I.type === "field") {
+          const W = !t.value || t.value === "" ? o(I.content) : "", $ = e(I.content, W);
+          h.push({ node: $, isField: !0 });
+        } else
+          h.push({
+            node: document.createTextNode(I.content),
+            isField: !1
+          });
       }
-      I(), s.value = -1;
-    }, e0 = (t) => {
-      t.key === "Enter" && (t.preventDefault(), H());
-    };
-    q(
-      () => i.value,
-      (t) => {
-        t === "" ? t0() : t && !a.value && L(t);
+    return { success: F, elements: h };
+  }, T = () => {
+    if (!n.value) return;
+    t.isInternalUpdate = !0;
+    const l = s(t.template), c = r(l, t.value);
+    a(), P(() => {
+      A(), c && c.textContent ? C(c, "inside", !1) : c ? C(c, "inside", !0) : f(), t.isInternalUpdate = !1;
+    });
+  }, v = () => {
+    if (t.isInternalUpdate || t.isComposing) return;
+    A();
+    const l = u();
+    l !== t.value && (t.onValueChange(l), t.onInput(l)), a(l);
+  }, A = () => {
+    if (!n.value) return;
+    n.value.querySelectorAll(".template-field").forEach((c) => {
+      const h = c.textContent || "";
+      g(c, h);
+    });
+  };
+  return {
+    // 状态
+    hasContent: d,
+    // 解析和DOM操作
+    parseTemplateToParts: s,
+    getValueFromDOM: u,
+    getInitialContentForField: o,
+    createFieldElement: e,
+    // 光标操作
+    setCursorTo: C,
+    setCursorToEnd: f,
+    // DOM更新
+    updateEditorDOM: T,
+    renderTemplateToDOM: r,
+    // 事件处理
+    handleInput: v,
+    checkHasContent: a,
+    // 方法
+    resetFields: () => {
+      if (!n.value) return;
+      t.isInternalUpdate = !0;
+      const l = n.value;
+      l.innerHTML = "";
+      const c = s(t.template);
+      let h = "";
+      c.forEach((y) => {
+        if (y.type === "field") {
+          const w = o(y.content), F = e(y.content, w);
+          w && (h += w), l.appendChild(F);
+        } else
+          l.appendChild(document.createTextNode(y.content)), h += y.content;
+      }), t.onValueChange(h), f(), a(h), P(() => {
+        t.isInternalUpdate = !1;
+      });
+    },
+    activateFirstField: () => {
+      var c;
+      const l = (c = n.value) == null ? void 0 : c.querySelector(".template-field");
+      l ? C(l, "inside", !1) : f();
+    },
+    // 选项更新
+    updateOptions: m
+  };
+}
+const rt = /* @__PURE__ */ ce({
+  __name: "TemplateEditor",
+  props: {
+    template: {},
+    value: {},
+    autofocus: { type: Boolean },
+    initialValues: {}
+  },
+  emits: ["update:value", "input", "content-status", "submit", "focus", "blur"],
+  setup(n, { expose: b, emit: d }) {
+    const t = n, m = d, s = x(null), u = x(!1), o = x(!1), e = it(s, {
+      template: t.template,
+      value: t.value,
+      initialValues: t.initialValues,
+      isInternalUpdate: u,
+      isComposing: o,
+      onValueChange: (f) => m("update:value", f),
+      onInput: (f) => m("input", f),
+      onContentStatusChange: (f) => m("content-status", f),
+      onSubmit: (f) => m("submit", f)
+    }), g = Ze({
+      editor: s,
+      isComposing: o,
+      getValueFromDOM: e.getValueFromDOM,
+      handleInput: e.handleInput,
+      onSubmit: (f) => m("submit", f)
+    }), S = () => {
+      o.value = !0;
+    }, a = () => {
+      o.value = !1, e.handleInput();
+    }, C = (f) => {
+      var T;
+      if (!s.value) return;
+      const r = f.target;
+      let p = null;
+      if (r.classList.contains("template-field") ? p = r : (T = r.parentElement) != null && T.classList.contains("template-field") && (p = r.parentElement), p && (!p.textContent || p.textContent.trim() === "")) {
+        const v = window.getSelection(), A = document.createRange();
+        v && (A.selectNodeContents(p), A.collapse(!0), v.removeAllRanges(), v.addRange(A), p.focus(), f.preventDefault(), f.stopPropagation());
       }
-    ), q(
-      () => i.template,
+    };
+    return $e(() => {
+      e.updateEditorDOM(), t.autofocus && s.value && e.setCursorToEnd();
+    }), G(
+      () => t.template,
       () => {
-        l(), A(() => {
-          M();
-        });
+        u.value || (e.updateOptions({
+          template: t.template,
+          value: t.value,
+          initialValues: t.initialValues
+        }), e.updateEditorDOM());
+      }
+    ), G(
+      () => t.value,
+      (f) => {
+        !u.value && f !== e.getValueFromDOM() && (e.updateOptions({
+          template: t.template,
+          value: f,
+          initialValues: t.initialValues
+        }), e.updateEditorDOM());
       },
-      { immediate: !0 }
-    );
-    const t0 = () => {
-      v.value.forEach((t) => {
-        t.isField && (t.content = t.placeholder || "");
-      }), I();
-    }, j = () => {
-      t0();
-    };
-    return k0(() => {
-      M();
-    }), h({
-      activateFirstField: () => {
-        for (let t = 0; t < v.value.length; t++)
-          if (v.value[t].isField) {
-            Y(t);
-            break;
-          }
+      { deep: !1 }
+    ), b({
+      focus: () => {
+        var f;
+        (f = s.value) == null || f.focus(), e.setCursorToEnd();
       },
-      resetFields: j
-    }), (t, o) => (d(), C("div", q0, [
-      B("div", {
-        class: "template-content",
-        ref_key: "editorRef",
-        ref: w
-      }, [
-        (d(!0), C(r0, null, v0(v.value, (u, _) => (d(), C(r0, { key: _ }, [
-          u.isField ? (d(), C("span", {
-            key: 1,
-            class: z(["template-field", { "template-field-active": s.value === _ }]),
-            onClick: (y) => Y(_)
-          }, [
-            s.value === _ ? (d(), C("span", {
-              key: 0,
-              ref_for: !0,
-              ref: (y) => G(y, _),
-              class: "template-editable",
-              contenteditable: "true",
-              onInput: (y) => O(y, _),
-              onBlur: o[0] || (o[0] = (y) => H()),
-              onKeydown: o[1] || (o[1] = (y) => e0(y)),
-              onClick: o[2] || (o[2] = S0(() => {
-              }, ["stop"]))
-            }, null, 40, N0)) : (d(), C("span", Q0, U(u.content), 1))
-          ], 10, H0)) : (d(), C("span", G0, U(u.content), 1))
-        ], 64))), 128))
-      ], 512)
-    ]));
+      resetFields: e.resetFields,
+      activateFirstField: e.activateFirstField
+    }), (f, r) => (N(), D("div", {
+      class: "template-editor",
+      ref_key: "contentEditableRef",
+      ref: s,
+      contenteditable: "true",
+      onInput: r[0] || (r[0] = //@ts-ignore
+      (...p) => _(e).handleInput && _(e).handleInput(...p)),
+      onKeydown: r[1] || (r[1] = //@ts-ignore
+      (...p) => _(g).handleTemplateKeyDown && _(g).handleTemplateKeyDown(...p)),
+      onClick: C,
+      onCompositionstart: S,
+      onCompositionend: a,
+      onFocus: r[2] || (r[2] = (p) => f.$emit("focus", p)),
+      onBlur: r[3] || (r[3] = (p) => f.$emit("blur", p))
+    }, null, 544));
   }
-}), X0 = /* @__PURE__ */ I0(J0, [["__scopeId", "data-v-09e9c7ed"]]), Y0 = ["data-theme"], e2 = { class: "tiny-sender__container" }, t2 = {
+}), ut = ["data-theme"], ct = { class: "tiny-sender__container" }, dt = {
   key: 0,
   class: "tiny-sender__header-slot"
-}, l2 = {
+}, ft = {
   key: 0,
   class: "tiny-sender__prefix-slot"
-}, s2 = { class: "tiny-sender__content-area" }, n2 = {
+}, pt = { class: "tiny-sender__content-area" }, ht = {
   key: 0,
   class: "tiny-sender__decorative-content"
-}, o2 = {
+}, mt = {
+  key: 2,
+  class: "tiny-sender__input-field-wrapper"
+}, gt = {
+  key: 0,
+  class: "tiny-sender__completion-placeholder"
+}, vt = { class: "user-input-mirror" }, yt = {
+  key: 0,
+  class: "tiny-sender__tab-hint"
+}, bt = {
   key: 1,
   class: "tiny-sender__actions-slot"
-}, i2 = { class: "tiny-sender__footer-left" }, a2 = { class: "tiny-sender__footer-right" }, r2 = { class: "real-word-length" }, c2 = {
+}, wt = { class: "tiny-sender__footer-left" }, _t = { class: "tiny-sender__footer-right" }, Ct = { class: "real-word-length" }, St = {
   key: 1,
   class: "tiny-sender__toolbar"
-}, u2 = { class: "tiny-sender__buttons-container" }, d2 = {
+}, Et = { class: "tiny-sender__buttons-container" }, Nt = {
   key: 1,
   class: "tiny-sender__footer-slot"
-}, f2 = {
-  key: 0,
-  class: "tiny-sender__suggestions"
-}, p2 = ["onClick"], h2 = {
+}, Tt = ["onMouseenter", "onMousedown"], kt = { class: "suggestion-item__icon" }, Rt = { class: "suggestion-item__text" }, It = {
   key: 0,
   class: "tiny-sender__error"
-}, o0 = /* @__PURE__ */ c0({
+}, se = /* @__PURE__ */ ce({
   __name: "index",
   props: {
     autofocus: { type: Boolean, default: !1 },
@@ -481,292 +771,332 @@ const V0 = "data:image/svg+xml,%3csvg%20width='32.000000'%20height='32.000000'%2
     speech: { type: [Boolean, Object] },
     placeholder: { default: "请输入内容..." },
     showWordLimit: { type: Boolean, default: !1 },
-    suggestions: {},
+    suggestions: { default: () => [] },
     theme: { default: "light" },
     template: { default: "" },
     hasContent: { type: Boolean, default: void 0 },
-    tipsMessage: {}
+    templateInitialValues: { default: () => ({}) }
   },
-  emits: ["update:modelValue", "submit", "clear", "speech-start", "speech-end", "speech-interim", "speech-error", "suggestion-select", "focus", "blur", "escape-press", "cancel", "reset-template", "fixed-link-click"],
-  setup(n, { expose: h, emit: c }) {
-    const i = n, m = c, w = b(null), r = b(null), s = b(null), k = b(null), f = S(() => !!i.template), { inputValue: a, isComposing: v, clearInput: Z } = $0(i, m), l = b(i.mode), L = b(!1), x = () => {
-      l.value === "single" && (l.value = "multiple", A(() => {
+  emits: ["update:modelValue", "submit", "clear", "speech-start", "speech-end", "speech-interim", "speech-error", "suggestion-select", "focus", "blur", "escape-press", "cancel", "reset-template"],
+  setup(n, { expose: b, emit: d }) {
+    const t = n, m = d, s = x(null), u = x(null), o = x(null), e = x(null), g = x(null), S = L(() => !!t.template), { inputValue: a, isComposing: C, clearInput: f } = Qe(t, m), {
+      showSuggestionsPopup: r,
+      highlightedIndex: p,
+      completionPlaceholder: T,
+      showTabHint: v,
+      suggestionsListRef: A,
+      filteredSuggestions: k,
+      activeSuggestion: V,
+      updateCompletionPlaceholder: l,
+      selectSuggestion: c,
+      acceptCurrentSuggestion: h,
+      closeSuggestionsPopup: y,
+      navigateSuggestions: w,
+      handleSuggestionItemHover: F,
+      highlightSuggestionText: O
+    } = nt(t, m, a, C), I = x(t.mode), W = x(!1), $ = () => {
+      I.value === "single" && (I.value = "multiple", P(() => {
         setTimeout(() => {
-          const e = document.querySelector(".tiny-textarea__inner");
-          if (e) {
-            e.style.whiteSpace = "pre-wrap";
-            const p = a.value.length;
-            e.focus(), e.setSelectionRange(p, p);
+          const i = document.querySelector(".tiny-textarea__inner");
+          if (i) {
+            i.style.whiteSpace = "pre-wrap";
+            const E = a.value.length;
+            i.focus(), i.setSelectionRange(E, E);
           }
         }, 50);
       }));
-    }, I = (e, p) => {
-      const g = document.createElement("span");
-      g.style.visibility = "hidden", g.style.position = "absolute", g.style.whiteSpace = "nowrap", g.style.font = p, g.textContent = e, document.body.appendChild(g);
-      const J = g.offsetWidth;
-      return document.body.removeChild(g), J;
-    }, M = () => {
-      if (i.mode !== "single" || !w.value || L.value) return;
-      const p = document.querySelector(".tiny-sender__content-area").querySelector(".tiny-input__inner"), g = k.value || document.querySelector(".tiny-sender__buttons-container");
-      if (!p) return;
-      const J = window.getComputedStyle(p).font, p0 = I(a.value, J), w0 = p.offsetWidth - ((g == null ? void 0 : g.offsetWidth) || 0) - 20;
-      p0 > w0 && l.value === "single" && (L.value = !0, l.value = "multiple", A(() => {
-        w.value ? setTimeout(() => {
-          const s0 = document.querySelector(".tiny-textarea__inner");
-          if (s0) {
-            s0.style.whiteSpace = "pre-wrap";
-            const h0 = a.value.length;
-            s0.focus(), s0.setSelectionRange(h0, h0);
+    }, q = (i, E) => {
+      const R = document.createElement("span");
+      R.style.visibility = "hidden", R.style.position = "absolute", R.style.whiteSpace = "nowrap", R.style.font = E, R.textContent = i, document.body.appendChild(R);
+      const z = R.offsetWidth;
+      return document.body.removeChild(R), z;
+    }, Ee = () => {
+      if (t.mode !== "single" || !s.value || W.value) return;
+      const E = document.querySelector(".tiny-sender__content-area").querySelector(".tiny-input__inner"), R = g.value || document.querySelector(".tiny-sender__buttons-container");
+      if (!E) return;
+      const z = window.getComputedStyle(E).font, U = q(a.value, z), Be = E.offsetWidth - ((R == null ? void 0 : R.offsetWidth) || 0) - 20;
+      U > Be && I.value === "single" && (W.value = !0, I.value = "multiple", P(() => {
+        s.value ? setTimeout(() => {
+          const te = document.querySelector(".tiny-textarea__inner");
+          if (te) {
+            te.style.whiteSpace = "pre-wrap";
+            const ye = a.value.length;
+            te.focus(), te.setSelectionRange(ye, ye);
           }
-          L.value = !1;
-        }, 300) : L.value = !1;
+          W.value = !1;
+        }, 300) : W.value = !1;
       }));
-    }, G = () => {
-      Z(), l.value = "single", i.template && m("reset-template"), A(() => {
-        a.value === "" && (l.value = i.mode || "single");
-      });
-    }, O = b(!1), X = S(() => !i.suggestions || !a.value ? [] : i.suggestions.filter((e) => e.toLowerCase().includes(a.value.toLowerCase()))), Y = (e) => {
-      a.value = e, O.value = !1, m("suggestion-select", e);
-    }, H = (e) => {
-      a.value = e, m("update:modelValue", e);
-    }, e0 = () => {
-      r.value && r.value.activateFirstField();
-    }, t0 = S(() => {
-      const e = typeof i.speech == "object" ? i.speech : {};
+    }, le = () => {
+      f(), t.template && m("reset-template"), P(() => {
+        a.value === "" && (I.value = t.mode || "single");
+      }), y();
+    }, de = (i) => {
+      a.value = i, m("update:modelValue", i);
+    }, fe = () => {
+      o.value && o.value.activateFirstField();
+    }, Ne = L(() => {
+      const i = typeof t.speech == "object" ? t.speech : {};
       return {
-        ...e,
+        ...i,
         onStart: () => m("speech-start"),
-        onEnd: (p) => m("speech-end", p),
-        onInterim: (p) => m("speech-interim", p),
-        onFinal: (p) => {
-          if (e.autoReplace)
-            a.value = p;
+        onEnd: (E) => m("speech-end", E),
+        onInterim: (E) => m("speech-interim", E),
+        onFinal: (E) => {
+          if (i.autoReplace)
+            a.value = E;
           else {
-            const g = a.value;
-            g && p && !g.endsWith(" ") && !p.startsWith(" ") && g.length > 0 ? a.value = g + " " + p : a.value = g + p;
+            const R = a.value;
+            R && E && !R.endsWith(" ") && !E.startsWith(" ") && R.length > 0 ? a.value = R + " " + E : a.value = R + E;
           }
-          m("speech-end", p);
+          m("speech-end", E);
         },
-        onError: (p) => {
-          y0(p.message), m("speech-error", p);
+        onError: (E) => {
+          Ve(E.message), m("speech-error", E);
         }
       };
-    }), { speechState: j, start: t, stop: o } = T0(t0.value), u = () => {
-      j.isRecording ? o() : t();
-    }, { handleKeyPress: _, triggerSubmit: y } = M0(
-      i,
+    }), { speechState: Z, start: pe, stop: he } = et(Ne.value), oe = () => {
+      Z.isRecording ? he() : pe();
+    }, { handleKeyPress: Te, triggerSubmit: ae } = Ye(
+      t,
       m,
       a,
-      v,
-      j,
-      O,
-      u,
-      l,
-      x
-    ), D = (e) => {
-      m("focus", e);
-    }, E = (e) => {
-      m("blur", e);
-    }, u0 = S(() => l.value === "multiple" ? "textarea" : "text"), N = S(
+      C,
+      Z,
+      r,
+      V,
+      h,
+      y,
+      w,
+      oe,
+      I,
+      $
+    ), ke = (i) => {
+      m("focus", i), a.value && k.value.length > 0 && !t.template && (r.value = !0, v.value = !0, p.value === -1 && (p.value = 0), l(V.value || k.value[0]));
+    }, Re = (i) => {
+      m("blur", i);
+    }, Ie = L(() => I.value === "multiple" ? "textarea" : "text"), De = L(
       () => ({
         display: "flex",
-        justifyContent: i.showWordLimit && i.maxLength !== 1 / 0 ? "space-between" : "flex-end",
+        justifyContent: t.showWordLimit && t.maxLength !== 1 / 0 ? "space-between" : "flex-end",
         alignItems: "center"
       })
-    ), T = x0(), l0 = S(() => {
-      var e;
-      return !!((e = T.decorativeContent) != null && e.call(T));
-    }), K = S(() => i.disabled || l0.value), d0 = S(() => i.loading), f0 = S(() => i.hasContent !== void 0 ? i.hasContent : !!a.value), g0 = S(() => ({
-      "is-disabled": K.value,
-      "is-loading": d0.value,
-      "has-error": !!Q.value,
-      "is-auto-switching": L.value
-    })), Q = b(""), y0 = (e) => {
-      Q.value = e, setTimeout(() => Q.value = "", 5e3);
-    }, C0 = () => {
-      v.value = !1, setTimeout(() => v.value = !1, 50);
-    }, i0 = S(() => i.maxLength !== 1 / 0 && a.value.length > i.maxLength);
-    return q(a, () => {
-      O.value = !!i.suggestions && !!a.value, A(M), a.value === "" && i.mode === "single" && (l.value = "single");
-    }), q(
-      () => f.value,
-      (e) => {
-        e && (l.value = "multiple");
+    ), xe = Ae(), Fe = L(() => !!xe.decorativeContent), ee = L(() => t.disabled || Fe.value), me = L(() => t.loading), ge = L(() => t.hasContent !== void 0 ? t.hasContent : !!a.value), Le = L(() => ({
+      "is-disabled": ee.value,
+      "is-loading": me.value,
+      "has-error": !!Y.value,
+      "is-auto-switching": W.value
+    })), Y = x(""), Ve = (i) => {
+      Y.value = i, setTimeout(() => Y.value = "", 5e3);
+    }, Oe = () => {
+      C.value = !1, setTimeout(() => {
+        C.value = !1, a.value && t.suggestions && t.suggestions.length > 0 && !t.template && (r.value = k.value.length > 0, r.value && (p.value = 0, l(), v.value = !0));
+      }, 50);
+    }, ie = L(() => t.maxLength !== 1 / 0 && a.value.length > t.maxLength);
+    return G(a, () => {
+      P(Ee), a.value === "" && t.mode === "single" && (I.value = "single");
+    }), G(
+      () => S.value,
+      (i) => {
+        i && (I.value = "multiple");
       }
-    ), h({
+    ), b({
       focus: () => {
-        if (f.value && r.value)
-          e0();
-        else if (w.value)
-          w.value.focus();
+        if (S.value && o.value)
+          fe();
+        else if (s.value)
+          s.value.focus();
         else {
-          const e = document.querySelector(".tiny-input__inner");
-          e == null || e.focus();
+          const i = document.querySelector(".tiny-input__inner");
+          i == null || i.focus();
         }
       },
       blur: () => {
-        if (w.value)
-          w.value.blur();
+        if (s.value)
+          s.value.blur();
         else {
-          const e = document.querySelector(".tiny-input__inner");
-          e == null || e.blur();
+          const i = document.querySelector(".tiny-input__inner");
+          i == null || i.blur();
         }
       },
-      clear: G,
-      submit: y,
-      startSpeech: t,
-      stopSpeech: o,
-      activateTemplateFirstField: e0
-    }), (e, p) => (d(), C("div", {
-      class: z(["tiny-sender", [g0.value, `theme-${e.theme}`, `mode-${l.value}`]]),
-      "data-theme": e.theme
+      clear: le,
+      submit: ae,
+      startSpeech: pe,
+      stopSpeech: he,
+      activateTemplateFirstField: fe
+    }), (i, E) => (N(), D("div", {
+      ref_key: "senderRef",
+      ref: u,
+      class: Q(["tiny-sender", [Le.value, `theme-${i.theme}`, `mode-${I.value}`]]),
+      "data-theme": i.theme
     }, [
-      B("div", e2, [
-        B("div", {
+      M("div", ct, [
+        M("div", {
           class: "tiny-sender__input-wrapper",
           ref_key: "inputWrapperRef",
-          ref: s
+          ref: e
         }, [
-          W(a0, { name: "tiny-sender-slide-down" }, {
-            default: $(() => [
-              e.$slots.header ? (d(), C("div", t2, [
-                P(e.$slots, "header")
-              ])) : R("", !0)
+          K(re, { name: "tiny-sender-slide-down" }, {
+            default: j(() => [
+              i.$slots.header ? (N(), D("div", dt, [
+                X(i.$slots, "header")
+              ])) : B("", !0)
             ]),
             _: 3
           }),
-          B("div", {
-            class: z(["tiny-sender__input-row", { "has-prefix": e.$slots.prefix, "has-header": e.$slots.header }])
+          M("div", {
+            class: Q(["tiny-sender__input-row", { "has-prefix": i.$slots.prefix, "has-header": i.$slots.header }])
           }, [
-            e.$slots.prefix ? (d(), C("div", l2, [
-              P(e.$slots, "prefix")
-            ])) : R("", !0),
-            B("div", s2, [
-              e.$slots.decorativeContent ? (d(), C("div", n2, [
-                P(e.$slots, "decorativeContent")
-              ])) : R("", !0),
-              f.value ? (d(), V(X0, {
+            i.$slots.prefix ? (N(), D("div", ft, [
+              X(i.$slots, "prefix")
+            ])) : B("", !0),
+            M("div", pt, [
+              i.$slots.decorativeContent ? (N(), D("div", ht, [
+                X(i.$slots, "decorativeContent")
+              ])) : B("", !0),
+              S.value ? (N(), H(rt, {
                 key: 1,
                 ref_key: "templateEditorRef",
-                ref: r,
-                template: e.template,
-                value: F(a),
-                "onUpdate:value": H,
-                onInput: H
-              }, null, 8, ["template", "value"])) : (d(), V(F(R0), {
-                key: 2,
-                ref_key: "inputRef",
-                ref: w,
-                autosize: e.autoSize,
-                type: u0.value,
-                readonly: d0.value,
-                resize: "none",
-                modelValue: F(a),
-                "onUpdate:modelValue": p[0] || (p[0] = (g) => F0(a) ? a.value = g : null),
-                disabled: K.value,
-                placeholder: e.placeholder,
-                autofocus: e.autofocus,
-                onKeydown: F(_),
-                onCompositionstart: p[1] || (p[1] = (g) => v.value = !0),
-                onCompositionend: C0,
-                onFocus: D,
-                onBlur: E
-              }, null, 8, ["autosize", "type", "readonly", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]))
+                ref: o,
+                template: i.template,
+                value: _(a),
+                initialValues: i.templateInitialValues,
+                "onUpdate:value": de,
+                onInput: de
+              }, null, 8, ["template", "value", "initialValues"])) : (N(), D("div", mt, [
+                K(_(He), {
+                  ref_key: "inputRef",
+                  ref: s,
+                  autosize: i.autoSize,
+                  type: Ie.value,
+                  readonly: me.value,
+                  resize: "none",
+                  modelValue: _(a),
+                  "onUpdate:modelValue": E[0] || (E[0] = (R) => We(a) ? a.value = R : null),
+                  disabled: ee.value,
+                  placeholder: i.placeholder,
+                  autofocus: i.autofocus,
+                  onKeydown: _(Te),
+                  onCompositionstart: E[1] || (E[1] = (R) => C.value = !0),
+                  onCompositionend: Oe,
+                  onFocus: ke,
+                  onBlur: Re
+                }, null, 8, ["autosize", "type", "readonly", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
+                _(T) && !_(C) ? (N(), D("div", gt, [
+                  M("span", vt, J(_(a)), 1),
+                  be(J(_(T)) + " ", 1),
+                  _(v) ? (N(), D("div", yt, "TAB")) : B("", !0)
+                ])) : B("", !0)
+              ]))
             ]),
-            l.value === "single" ? (d(), C("div", o2, [
-              B("div", {
+            I.value === "single" ? (N(), D("div", bt, [
+              M("div", {
                 class: "tiny-sender__buttons-container",
                 ref_key: "buttonsContainerRef",
-                ref: k
+                ref: g
               }, [
-                P(e.$slots, "actions"),
-                W(m0, {
-                  class: "inline-buttons",
-                  "allow-speech": e.allowSpeech,
-                  "allow-files": e.allowFiles,
-                  loading: e.loading,
-                  disabled: K.value,
-                  "show-clear": e.clearable,
-                  "has-content": f0.value,
-                  "speech-status": F(j),
-                  "submit-type": e.submitType,
-                  "is-over-limit": i0.value,
-                  onClear: G,
-                  onToggleSpeech: u,
-                  onSubmit: F(y),
-                  onCancel: p[2] || (p[2] = (g) => e.$emit("cancel"))
+                X(i.$slots, "actions"),
+                K(Ce, {
+                  "allow-speech": i.allowSpeech,
+                  "allow-files": i.allowFiles,
+                  loading: i.loading,
+                  disabled: ee.value,
+                  "show-clear": i.clearable,
+                  "has-content": ge.value,
+                  "speech-status": _(Z),
+                  "submit-type": i.submitType,
+                  "is-over-limit": ie.value,
+                  onClear: le,
+                  onToggleSpeech: oe,
+                  onSubmit: _(ae),
+                  onCancel: E[2] || (E[2] = (R) => i.$emit("cancel"))
                 }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "is-over-limit", "onSubmit"])
               ], 512)
-            ])) : R("", !0)
+            ])) : B("", !0)
           ], 2),
-          W(a0, { name: "tiny-sender-slide-up" }, {
-            default: $(() => [
-              l.value === "multiple" ? (d(), C("div", {
+          K(re, { name: "tiny-sender-slide-up" }, {
+            default: j(() => [
+              I.value === "multiple" ? (N(), D("div", {
                 key: 0,
-                style: D0(N.value),
+                style: Ke(De.value),
                 class: "tiny-sender__footer-slot tiny-sender__bottom-row"
               }, [
-                B("div", i2, [
-                  P(e.$slots, "footer-left")
+                M("div", wt, [
+                  X(i.$slots, "footer-left")
                 ]),
-                B("div", a2, [
-                  P(e.$slots, "footer-right"),
-                  e.showWordLimit && e.maxLength !== 1 / 0 ? (d(), C("div", {
+                M("div", _t, [
+                  X(i.$slots, "footer-right"),
+                  i.showWordLimit && i.maxLength !== 1 / 0 ? (N(), D("div", {
                     key: 0,
-                    class: z(["tiny-sender__word-limit", { "is-over-limit": i0.value }])
+                    class: Q(["tiny-sender__word-limit", { "is-over-limit": ie.value }])
                   }, [
-                    B("span", r2, U(F(a).length), 1),
-                    E0("/" + U(e.maxLength), 1)
-                  ], 2)) : R("", !0),
-                  l.value === "multiple" ? (d(), C("div", c2, [
-                    B("div", u2, [
-                      W(m0, {
-                        "allow-speech": e.allowSpeech,
-                        "allow-files": e.allowFiles,
-                        loading: e.loading,
-                        disabled: K.value,
-                        "show-clear": e.clearable,
-                        "has-content": f0.value,
-                        "speech-status": F(j),
-                        "submit-type": e.submitType,
-                        "is-over-limit": i0.value,
-                        onClear: G,
-                        onToggleSpeech: u,
-                        onSubmit: F(y),
-                        onCancel: p[3] || (p[3] = (g) => e.$emit("cancel"))
+                    M("span", Ct, J(_(a).length), 1),
+                    be("/" + J(i.maxLength), 1)
+                  ], 2)) : B("", !0),
+                  I.value === "multiple" ? (N(), D("div", St, [
+                    M("div", Et, [
+                      K(Ce, {
+                        "allow-speech": i.allowSpeech,
+                        "allow-files": i.allowFiles,
+                        loading: i.loading,
+                        disabled: ee.value,
+                        "show-clear": i.clearable,
+                        "has-content": ge.value,
+                        "speech-status": _(Z),
+                        "submit-type": i.submitType,
+                        "is-over-limit": ie.value,
+                        onClear: le,
+                        onToggleSpeech: oe,
+                        onSubmit: _(ae),
+                        onCancel: E[3] || (E[3] = (R) => i.$emit("cancel"))
                       }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "is-over-limit", "onSubmit"])
                     ])
-                  ])) : R("", !0)
+                  ])) : B("", !0)
                 ])
-              ], 4)) : e.$slots.footer ? (d(), C("div", d2, [
-                P(e.$slots, "footer")
-              ])) : R("", !0)
+              ], 4)) : i.$slots.footer ? (N(), D("div", Nt, [
+                X(i.$slots, "footer")
+              ])) : B("", !0)
             ]),
             _: 3
           })
         ], 512)
       ]),
-      W(a0, { name: "tiny-sender-slide-up" }, {
-        default: $(() => [
-          O.value && X.value.length ? (d(), C("div", f2, [
-            (d(!0), C(r0, null, v0(X.value, (g, J) => (d(), C("div", {
-              key: J,
-              class: "suggestion-item",
-              onClick: (p0) => Y(g)
-            }, U(g), 9, p2))), 128))
-          ])) : R("", !0)
+      K(re, { name: "tiny-sender-slide-up" }, {
+        default: j(() => [
+          _(r) && _(k).length ? (N(), D("div", {
+            key: 0,
+            ref_key: "suggestionsListRef",
+            ref: A,
+            class: "tiny-sender__suggestions"
+          }, [
+            (N(!0), D(we, null, _e(_(k), (R, z) => (N(), D("div", {
+              key: z,
+              class: Q(["suggestion-item", { highlighted: z === _(p) }]),
+              onMouseenter: (U) => _(F)(z),
+              onMousedown: Pe((U) => _(c)(R), ["prevent"])
+            }, [
+              M("span", kt, [
+                K(_(Je))
+              ]),
+              M("span", Rt, [
+                (N(!0), D(we, null, _e(_(O)(R, _(a)), (U, ve) => (N(), D("span", {
+                  key: ve,
+                  class: Q({ "suggestion-item__text--match": U.isMatch, "suggestion-item__text--normal": !U.isMatch })
+                }, J(U.text), 3))), 128))
+              ])
+            ], 42, Tt))), 128))
+          ], 512)) : B("", !0)
         ]),
         _: 1
       }),
-      Q.value ? (d(), C("div", h2, U(Q.value), 1)) : R("", !0)
-    ], 10, Y0));
+      Y.value ? (N(), D("div", It, J(Y.value), 1)) : B("", !0)
+    ], 10, ut));
   }
 });
-o0.name = "TrSender";
-const m2 = function(n) {
-  n.component(o0.name, o0);
+se.name = "TrSender";
+const Dt = function(n) {
+  n.component(se.name, se);
 };
-o0.install = m2;
+se.install = Dt;
 export {
-  o0 as default
+  se as default
 };