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

package/dist/sender/index.js

@@ -1,148 +1,322 @@
-import { ref as _, watch as A, reactive as a0, defineComponent as t0, computed as x, resolveComponent as r0, createElementBlock as y, openBlock as u, createBlock as M, createCommentVNode as S, withCtx as B, createVNode as T, unref as k, createElementVNode as R, normalizeClass as O, resolveDynamicComponent as c0, nextTick as s0, onMounted as d0, Fragment as e0, renderList as n0, toDisplayString as j, withModifiers as u0, Transition as Y, renderSlot as q, isRef as f0, normalizeStyle as p0 } from "vue";
-import { I as h0 } from "../index5.js";
-import { B as Q } from "../index3.js";
-import { i as m0 } from "../close.js";
-import { _ as g0 } from "../_plugin-vue_export-helper.js";
-function y0(o, f) {
-  const c = _(o.modelValue || o.defaultValue || ""), a = _(null);
-  A(
-    () => o.modelValue,
-    (d) => {
-      d !== void 0 && d !== c.value && (c.value = d);
+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,
+    (g) => {
+      g !== void 0 && g !== d.value && (d.value = g);
     }
-  ), A(
-    () => c.value,
-    (d) => {
-      f("update:modelValue", d);
+  ), G(
+    () => d.value,
+    (g) => {
+      b("update:modelValue", g);
     }
   );
-  const p = (d) => {
-    c.value = d, f("update:modelValue", d);
-  }, v = (d) => {
-    d == null || d.preventDefault();
-    const w = c.value;
-    !o.disabled && !o.loading && w.trim() && f("submit", w);
-  }, i = () => {
-    c.value = "", f("update:modelValue", ""), f("clear");
-  }, l = _(!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: a,
-    isComposing: l,
-    handleChange: p,
-    handleSubmit: v,
-    handleClear: i,
+    inputValue: d,
+    inputWrapper: t,
+    isComposing: o,
+    handleChange: m,
+    handleSubmit: s,
+    handleClear: u,
     clearInput: () => {
-      i();
+      u();
     }
   };
 }
-function v0(o, f, c, a, p, v, i) {
-  const l = (s) => !o.disabled && !o.loading && s.trim().length > 0, h = () => {
-    l(c.value) && f("submit", c.value.trim());
-  }, d = (s, g) => {
-    if (!(s.key === "Enter")) return !1;
-    switch (g) {
+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 !s.shiftKey && !s.ctrlKey && !s.metaKey;
+        return !v.shiftKey && !v.ctrlKey && !v.metaKey;
       case "ctrlEnter":
-        return (s.ctrlKey || s.metaKey) && !s.shiftKey;
+        return (v.ctrlKey || v.metaKey) && !v.shiftKey;
       case "shiftEnter":
-        return s.shiftKey && !s.ctrlKey && !s.metaKey;
+        return v.shiftKey && !v.ctrlKey && !v.metaKey;
       default:
         return !1;
     }
   };
   return {
-    handleKeyPress: (s) => {
-      if (a.value) return;
-      if (s.key === "Escape") {
-        v.value ? (v.value = !1, s.preventDefault()) : p.isRecording && (i(), s.preventDefault()), f("escape-press");
+    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;
       }
-      d(s, o.submitType) && l(c.value) && (s.preventDefault(), h());
+      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;
+      }
+      p(v, n.submitType) && f(d.value) && (v.preventDefault(), r());
     },
-    triggerSubmit: h
+    triggerSubmit: r
   };
 }
-function C0(o) {
-  const f = a0({
+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 et(n) {
+  const b = Se({
     isRecording: !1,
     isSupported: typeof window < "u" && "webkitSpeechRecognition" in window || "SpeechRecognition" in window,
     error: void 0
-  }), c = f.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
-  c !== void 0 && (c.continuous = o.continuous ?? !1, c.interimResults = o.interimResults ?? !0, c.lang = o.lang ?? navigator.language, c.onstart = () => {
-    var i;
-    f.isRecording = !0, f.error = void 0, (i = o.onStart) == null || i.call(o);
-  }, c.onend = () => {
-    var i;
-    f.isRecording = !1, (i = o.onEnd) == null || i.call(o);
-  }, c.onresult = (i) => {
-    var h, d;
-    const l = Array.from(i.results).map((w) => w[0].transcript).join("");
-    i.results[0].isFinal ? (h = o.onFinal) == null || h.call(o, l) : (d = o.onInterim) == null || d.call(o, l);
-  }, c.onerror = (i) => {
-    var l;
-    f.error = new Error(i.error), f.isRecording = !1, (l = o.onError) == null || l.call(o, f.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 a = () => {
-    var i;
-    if (!c) {
-      const l = new Error("浏览器不支持语音识别");
-      f.error = l, (i = o.onError) == null || i.call(o, l);
+  const t = () => {
+    var u;
+    if (!d) {
+      const o = new Error("浏览器不支持语音识别");
+      b.error = o, (u = n.onError) == null || u.call(n, o);
       return;
     }
-    if (f.isRecording) {
+    if (b.isRecording) {
       try {
-        c.stop(), setTimeout(() => {
+        d.stop(), setTimeout(() => {
           try {
-            c.start();
-          } catch (l) {
-            v(l);
+            d.start();
+          } catch (o) {
+            s(o);
           }
         }, 100);
-      } catch (l) {
-        v(l);
+      } catch (o) {
+        s(o);
       }
       return;
     }
     try {
-      c.start();
-    } catch (l) {
-      v(l);
+      d.start();
+    } catch (o) {
+      s(o);
     }
-  }, p = () => {
-    if (c && f.isRecording)
+  }, m = () => {
+    if (d && b.isRecording)
       try {
-        c.stop();
-      } catch (i) {
-        v(i);
+        d.stop();
+      } catch (u) {
+        s(u);
       }
-  }, v = (i) => {
-    var l;
-    f.error = i instanceof Error ? i : new Error("语音识别操作失败"), f.isRecording = !1, (l = o.onError) == null || l.call(o, f.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: f,
-    start: a,
-    stop: p
+    speechState: b,
+    start: t,
+    stop: m
   };
 }
-const L0 = "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", w0 = "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", _0 = "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", b0 = "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", F0 = { class: "action-buttons" }, x0 = {
-  key: 0,
-  src: w0,
-  class: "button-icon",
-  alt: "录音"
-}, S0 = {
-  key: 1,
-  src: k0,
-  class: "button-icon recording-icon",
-  alt: "语音中"
-}, D0 = { class: "button-content" }, E0 = {
+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: _0,
-  alt: "发送"
-}, o0 = /* @__PURE__ */ t0({
+  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 },
@@ -156,308 +330,434 @@ const L0 = "data:image/svg+xml,%3csvg%20width='32.000000'%20height='32.000000'%2
     }) },
     allowFiles: { type: Boolean, default: !1 },
     submitType: { default: "enter" },
-    showShortcuts: { type: Boolean }
+    showShortcuts: { type: Boolean },
+    isOverLimit: { type: Boolean, default: !1 }
   },
   emits: ["clear", "toggle-speech", "submit", "cancel"],
-  setup(o, { emit: f }) {
-    const c = m0(), a = o, p = f, v = x(() => a.allowSpeech), i = x(() => a.speechStatus.isRecording), l = x(() => a.disabled), h = () => {
-      l.value || p("clear");
-    }, d = () => {
-      if (!l.value) {
-        const g = !a.speechStatus.isRecording;
-        p("toggle-speech", g);
+  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 (!o.value) {
+        const r = !t.speechStatus.isRecording;
+        m("toggle-speech", r);
       }
-    }, w = () => {
-      l.value || p("submit");
-    }, s = () => {
-      l.value || p("cancel");
+    }, C = () => {
+      e.value || m("submit");
+    }, f = () => {
+      o.value || m("cancel");
     };
-    return (g, F) => {
-      const I = r0("tiny-tooltip");
-      return u(), y("div", F0, [
-        g.allowFiles && !g.loading ? (u(), M(I, {
+    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: B(() => [
-            T(k(Q), {
+          default: j(() => [
+            K(_(ne), {
+              class: "action-buttons__button action-buttons__file-button",
               type: "text",
-              disabled: l.value
+              disabled: o.value
             }, {
-              default: B(() => F[1] || (F[1] = [
-                R("img", {
-                  src: L0,
-                  class: "button-icon",
+              default: j(() => [
+                K(_(qe), {
+                  class: "action-buttons__icon",
                   alt: "上传文件"
-                }, null, -1)
-              ])),
+                })
+              ]),
               _: 1
             }, 8, ["disabled"])
           ]),
           _: 1
-        })) : S("", !0),
-        v.value && !g.loading ? (u(), M(k(Q), {
+        })) : 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: l.value,
-          onClick: d,
-          class: O(["speech-button", { "is-recording": i.value }])
+          disabled: o.value,
+          onClick: a
         }, {
-          default: B(() => [
-            i.value ? (u(), y("img", S0)) : (u(), y("img", x0))
+          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"])) : S("", !0),
-        g.showClear ? (u(), M(I, {
+        }, 8, ["disabled", "class"])) : B("", !0),
+        r.showClear ? (N(), H(_(ue), {
           key: 2,
           content: "清空内容",
           placement: "top"
         }, {
-          default: B(() => [
-            T(k(Q), {
+          default: j(() => [
+            K(_(ne), {
+              class: "action-buttons__button action-buttons__clear-button",
               type: "text",
-              disabled: l.value || !g.hasContent,
-              onClick: h,
-              style: { "margin-left": "0" }
+              disabled: o.value || !r.hasContent,
+              onClick: S
             }, {
-              default: B(() => [
-                (u(), M(c0(k(c)), { class: "button-icon" }))
+              default: j(() => [
+                (N(), H(Me(_(d)), { class: "action-buttons__icon action-buttons__icon--close" }))
               ]),
               _: 1
             }, 8, ["disabled"])
           ]),
           _: 1
-        })) : S("", !0),
-        g.hasContent || g.loading ? (u(), M(k(Q), {
-          key: 3,
-          type: "text",
-          class: O(g.loading ? "cancel-button" : "submit-button"),
-          disabled: l.value,
-          onClick: F[0] || (F[0] = ($) => g.loading ? s() : w())
-        }, {
-          default: B(() => [
-            R("div", D0, [
-              g.loading ? (u(), M(I, {
-                key: 1,
-                content: "停止生成",
-                placement: "top"
-              }, {
-                default: B(() => F[2] || (F[2] = [
-                  R("img", {
-                    src: b0,
-                    alt: "加载中",
-                    class: "loading"
-                  }, null, -1)
-                ])),
-                _: 1
-              })) : (u(), y("img", E0))
-            ])
-          ]),
-          _: 1
-        }, 8, ["class", "disabled"])) : S("", !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)
+    ]));
   }
-}), B0 = { class: "template-editor" }, R0 = { key: 0 }, I0 = ["onClick"], M0 = ["onInput"], $0 = {
-  key: 1,
-  class: "template-placeholder"
-}, V0 = /* @__PURE__ */ t0({
-  __name: "TemplateEditor",
-  props: {
-    template: {},
-    value: {}
-  },
-  emits: ["update:value", "input", "content-status", "field-active"],
-  setup(o, { expose: f, emit: c }) {
-    const a = o, p = c, v = _(null), i = _({}), l = _(-1), h = _(!1), d = _(!1), w = _(!1), s = _([]), g = (t) => {
-      const n = [];
-      let r = 0, C = 0;
-      const m = /\[(.*?)\]/g;
-      let b;
-      for (; (b = m.exec(t)) !== null; )
-        b.index > r && n.push({
-          content: t.substring(r, b.index),
-          isField: !1
-        }), n.push({
-          content: b[1],
-          // 使用占位符作为默认内容
-          placeholder: b[1],
-          isField: !0,
-          fieldIndex: C++
-        }), r = b.index + b[0].length;
-      return r < t.length && n.push({
-        content: t.substring(r),
-        isField: !1
-      }), n;
-    }, F = () => {
-      s.value = g(a.template), a.value && I(a.value);
-    }, I = (t) => {
-      if (!t || w.value || $() === t) return;
-      const r = g(a.template), C = [];
-      r.forEach((L) => {
-        L.isField ? C.push(`__FIELD_${L.fieldIndex}__`) : C.push(L.content);
-      });
-      let m = t, b = 0;
-      for (let L = 0; L < s.value.length; L++) {
-        if (!s.value[L].isField) continue;
-        const z = C[b];
-        b++;
-        const e = C[b] || "";
-        if (z && m.startsWith(z))
-          if (m = m.substring(z.length), e && m.includes(e)) {
-            const D = m.indexOf(e), E = m.substring(0, D);
-            E && (s.value[L].content = E, l.value === L && i.value[L] && (d.value = !0)), m = m.substring(D);
-          } else !e && m && (s.value[L].content = m, m = "");
+});
+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;
       }
-      Z(t);
-    }, $ = () => s.value.map((t) => t.content).join(""), V = () => {
-      w.value = !0;
-      const t = $();
-      p("update:value", t), p("input", t), Z(t), setTimeout(() => {
-        w.value = !1;
-      }, 0);
-    }, Z = (t) => {
-      const r = (t || $()).trim().length > 0;
-      h.value !== r && (h.value = r, p("content-status", r));
-    }, K = (t, n) => {
-      t && (i.value[n] = t, t.textContent || (t.textContent = s.value[n].content), new MutationObserver(() => {
-        l.value === n && !d.value && (d.value = !0, setTimeout(() => {
-          s.value[n].content = t.textContent !== null ? t.textContent : "", d.value = !1;
-        }, 0));
-      }).observe(t, {
-        characterData: !0,
-        childList: !0,
-        subtree: !0
-      }));
-    }, G = (t, n) => {
-      d.value = !0;
-      const r = t.target, C = r.textContent !== null ? r.textContent : "";
-      s.value[n].content !== C && (s.value[n].content = C, V()), setTimeout(() => {
-        d.value = !1;
-      }, 10);
-    }, W = (t) => {
-      if (document.createRange) {
-        const n = document.createRange();
-        n.selectNodeContents(t), n.collapse(!1);
-        const r = window.getSelection();
-        r && (r.removeAllRanges(), r.addRange(n));
+      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();
       }
-    }, P = (t) => {
-      if (l.value !== t) {
-        if (l.value !== -1) {
-          const n = l.value, r = i.value[n];
-          r && (s.value[n].content = r.textContent !== null ? r.textContent : "", V());
+    });
+  }, 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++;
         }
-        l.value = t, p("field-active", !0, t), s0(() => {
-          const n = i.value[t];
-          n && (n.focus(), !n.textContent && s.value[t].content && (n.textContent = s.value[t].content), W(n));
-        });
       }
-    }, H = () => {
-      const t = l.value;
-      if (t >= 0) {
-        const n = i.value[t];
-        if (n) {
-          const r = n.textContent !== null ? n.textContent : "";
-          s.value[t].content = r;
-        }
-        p("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
+          });
       }
-      V(), l.value = -1;
-    }, U = (t) => {
-      t.key === "Enter" && (t.preventDefault(), H());
-    };
-    A(
-      () => a.value,
-      (t) => {
-        t === "" ? N() : t && !w.value && I(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());
       }
-    ), A(
-      () => a.template,
+    };
+    return $e(() => {
+      e.updateEditorDOM(), t.autofocus && s.value && e.setCursorToEnd();
+    }), G(
+      () => t.template,
       () => {
-        F(), s0(() => {
-          Z();
-        });
+        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 N = () => {
-      s.value.forEach((t) => {
-        t.isField && (t.content = t.placeholder || "");
-      }), V();
-    }, X = () => {
-      N();
-    };
-    return d0(() => {
-      Z();
-    }), f({
-      activateFirstField: () => {
-        for (let t = 0; t < s.value.length; t++)
-          if (s.value[t].isField) {
-            P(t);
-            break;
-          }
+      { deep: !1 }
+    ), b({
+      focus: () => {
+        var f;
+        (f = s.value) == null || f.focus(), e.setCursorToEnd();
       },
-      resetFields: X
-    }), (t, n) => (u(), y("div", B0, [
-      R("div", {
-        class: "template-content",
-        ref_key: "editorRef",
-        ref: v
-      }, [
-        (u(!0), y(e0, null, n0(s.value, (r, C) => (u(), y(e0, { key: C }, [
-          r.isField ? (u(), y("span", {
-            key: 1,
-            class: O(["template-field", { "template-field-active": l.value === C }]),
-            onClick: (m) => P(C)
-          }, [
-            l.value === C ? (u(), y("span", {
-              key: 0,
-              ref_for: !0,
-              ref: (m) => K(m, C),
-              class: "template-editable",
-              contenteditable: "true",
-              onInput: (m) => G(m, C),
-              onBlur: n[0] || (n[0] = (m) => H()),
-              onKeydown: n[1] || (n[1] = (m) => U(m)),
-              onClick: n[2] || (n[2] = u0(() => {
-              }, ["stop"]))
-            }, null, 40, M0)) : (u(), y("span", $0, j(r.content), 1))
-          ], 10, I0)) : (u(), y("span", R0, j(r.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));
   }
-}), T0 = /* @__PURE__ */ g0(V0, [["__scopeId", "data-v-09e9c7ed"]]), Z0 = ["data-theme"], K0 = { class: "tiny-sender__container" }, P0 = { class: "tiny-sender__input-wrapper" }, j0 = {
+}), ut = ["data-theme"], ct = { class: "tiny-sender__container" }, dt = {
   key: 0,
   class: "tiny-sender__header-slot"
-}, U0 = {
+}, ft = {
   key: 0,
   class: "tiny-sender__prefix-slot"
-}, z0 = { class: "tiny-sender__content-area" }, A0 = {
-  key: 1,
-  class: "tiny-sender__actions-slot"
-}, O0 = { class: "tiny-sender__buttons-container" }, G0 = {
+}, pt = { class: "tiny-sender__content-area" }, ht = {
   key: 0,
-  class: "tiny-sender__footer-slot"
-}, W0 = {
+  class: "tiny-sender__decorative-content"
+}, mt = {
+  key: 2,
+  class: "tiny-sender__input-field-wrapper"
+}, gt = {
   key: 0,
-  class: "tiny-sender__word-limit"
-}, H0 = {
+  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"
+}, wt = { class: "tiny-sender__footer-left" }, _t = { class: "tiny-sender__footer-right" }, Ct = { class: "real-word-length" }, St = {
   key: 1,
   class: "tiny-sender__toolbar"
-}, N0 = { class: "tiny-sender__buttons-container" }, q0 = {
-  key: 0,
-  class: "tiny-sender__suggestions"
-}, Q0 = ["onClick"], J0 = {
+}, Et = { class: "tiny-sender__buttons-container" }, Nt = {
+  key: 1,
+  class: "tiny-sender__footer-slot"
+}, Tt = ["onMouseenter", "onMousedown"], kt = { class: "suggestion-item__icon" }, Rt = { class: "suggestion-item__text" }, It = {
   key: 0,
   class: "tiny-sender__error"
-}, J = /* @__PURE__ */ t0({
+}, se = /* @__PURE__ */ ce({
   __name: "index",
   props: {
     autofocus: { type: Boolean, default: !1 },
-    autoSize: { type: [Boolean, Object], default: !1 },
+    autoSize: { type: [Boolean, Object], default: () => ({ minRows: 1, maxRows: 3 }) },
     allowSpeech: { type: Boolean, default: !0 },
     allowFiles: { type: Boolean, default: !1 },
     clearable: { type: Boolean, default: !1 },
@@ -471,213 +771,332 @@ const L0 = "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 }
+    hasContent: { type: Boolean, default: void 0 },
+    templateInitialValues: { default: () => ({}) }
   },
   emits: ["update:modelValue", "submit", "clear", "speech-start", "speech-end", "speech-interim", "speech-error", "suggestion-select", "focus", "blur", "escape-press", "cancel", "reset-template"],
-  setup(o, { expose: f, emit: c }) {
-    const a = o, p = c, v = _(null), i = _(null), l = x(() => !!a.template), { inputValue: h, isComposing: d, clearInput: w } = y0(a, p), s = () => {
-      w(), a.template && p("reset-template");
-    }, g = _(!1), F = x(() => !a.suggestions || !h.value ? [] : a.suggestions.filter((e) => e.toLowerCase().includes(h.value.toLowerCase()))), I = (e) => {
-      h.value = e, g.value = !1, p("suggestion-select", e);
-    }, $ = (e) => {
-      h.value = e, p("update:modelValue", e);
-    }, V = () => {
-      i.value && i.value.activateFirstField();
-    }, Z = x(() => ({
-      ...typeof a.speech == "object" ? a.speech : {},
-      onStart: () => p("speech-start"),
-      onEnd: (e) => p("speech-end", e),
-      onInterim: (e) => p("speech-interim", e),
-      onFinal: (e) => {
-        h.value = e, p("speech-end", e);
-      },
-      onError: (e) => {
-        l0(e.message), p("speech-error", e);
-      }
-    })), { speechState: K, start: G, stop: W } = C0(Z.value), P = () => {
-      K.isRecording ? W() : G();
-    }, { handleKeyPress: H, triggerSubmit: U } = v0(
+  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 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);
+      }));
+    }, 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);
+          }
+          W.value = !1;
+        }, 300) : W.value = !1;
+      }));
+    }, 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 {
+        ...i,
+        onStart: () => m("speech-start"),
+        onEnd: (E) => m("speech-end", E),
+        onInterim: (E) => m("speech-interim", E),
+        onFinal: (E) => {
+          if (i.autoReplace)
+            a.value = E;
+          else {
+            const R = a.value;
+            R && E && !R.endsWith(" ") && !E.startsWith(" ") && R.length > 0 ? a.value = R + " " + E : a.value = R + E;
+          }
+          m("speech-end", E);
+        },
+        onError: (E) => {
+          Ve(E.message), m("speech-error", E);
+        }
+      };
+    }), { speechState: Z, start: pe, stop: he } = et(Ne.value), oe = () => {
+      Z.isRecording ? he() : pe();
+    }, { handleKeyPress: Te, triggerSubmit: ae } = Ye(
+      t,
+      m,
       a,
-      p,
+      C,
+      Z,
+      r,
+      V,
       h,
-      d,
-      K,
-      g,
-      P
-    ), N = (e) => {
-      p("focus", e);
-    }, X = (e) => {
-      p("blur", e);
-    }, t = x(() => a.mode === "multiple" ? { minRows: 2, maxRows: 5 } : { maxRows: 1 }), n = x(
+      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: a.showWordLimit && a.maxLength !== 1 / 0 ? "space-between" : "flex-end",
+        justifyContent: t.showWordLimit && t.maxLength !== 1 / 0 ? "space-between" : "flex-end",
         alignItems: "center"
       })
-    ), r = x(() => a.disabled), C = x(() => a.loading), m = x(() => a.hasContent !== void 0 ? a.hasContent : !!h.value), b = x(() => ({
-      "is-disabled": r.value,
-      "is-loading": C.value,
-      "has-error": !!L.value
-    })), L = _(""), l0 = (e) => {
-      L.value = e, setTimeout(() => L.value = "", 5e3);
-    }, z = () => {
-      d.value = !1, setTimeout(() => d.value = !1, 50);
-    };
-    return A(h, () => {
-      g.value = !!a.suggestions && !!h.value;
-    }), f({
+    ), 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");
+      }
+    ), b({
       focus: () => {
-        if (l.value && i.value)
-          V();
-        else if (v.value)
-          v.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 (v.value)
-          v.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: s,
-      submit: U,
-      startSpeech: G,
-      stopSpeech: W,
-      activateTemplateFirstField: V
-    }), (e, D) => (u(), y("div", {
-      class: O(["tiny-sender", [b.value, `theme-${e.theme}`, `mode-${e.mode}`]]),
-      "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
     }, [
-      R("div", K0, [
-        R("div", P0, [
-          T(Y, { name: "tiny-sender-slide-down" }, {
-            default: B(() => [
-              e.$slots.header ? (u(), y("div", j0, [
-                q(e.$slots, "header")
-              ])) : S("", !0)
+      M("div", ct, [
+        M("div", {
+          class: "tiny-sender__input-wrapper",
+          ref_key: "inputWrapperRef",
+          ref: e
+        }, [
+          K(re, { name: "tiny-sender-slide-down" }, {
+            default: j(() => [
+              i.$slots.header ? (N(), D("div", dt, [
+                X(i.$slots, "header")
+              ])) : B("", !0)
             ]),
             _: 3
           }),
-          R("div", {
-            class: O(["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 ? (u(), y("div", U0, [
-              q(e.$slots, "prefix")
-            ])) : S("", !0),
-            R("div", z0, [
-              l.value ? (u(), M(T0, {
-                key: 0,
-                ref_key: "templateEditorRef",
-                ref: i,
-                template: e.template,
-                value: k(h),
-                "onUpdate:value": $,
-                onInput: $
-              }, null, 8, ["template", "value"])) : (u(), M(k(h0), {
+            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: "inputRef",
-                ref: v,
-                autosize: t.value,
-                type: "textarea",
-                readonly: C.value,
-                resize: "none",
-                modelValue: k(h),
-                "onUpdate:modelValue": D[0] || (D[0] = (E) => f0(h) ? h.value = E : null),
-                disabled: r.value,
-                placeholder: e.placeholder,
-                maxlength: e.maxLength,
-                autofocus: e.autofocus,
-                onKeydown: k(H),
-                onCompositionstart: D[1] || (D[1] = (E) => d.value = !0),
-                onCompositionend: z,
-                onFocus: N,
-                onBlur: X
-              }, null, 8, ["autosize", "readonly", "modelValue", "disabled", "placeholder", "maxlength", "autofocus", "onKeydown"]))
+                ref_key: "templateEditorRef",
+                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)
+              ]))
             ]),
-            e.mode === "single" ? (u(), y("div", A0, [
-              R("div", O0, [
-                q(e.$slots, "actions"),
-                T(o0, {
-                  class: "inline-buttons",
-                  "allow-speech": e.allowSpeech,
-                  "allow-files": e.allowFiles,
-                  loading: e.loading,
-                  disabled: r.value,
-                  "show-clear": e.clearable,
-                  "has-content": m.value,
-                  "speech-status": k(K),
-                  "submit-type": e.submitType,
-                  onClear: s,
-                  onToggleSpeech: P,
-                  onSubmit: k(U),
-                  onCancel: D[2] || (D[2] = (E) => e.$emit("cancel"))
-                }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "onSubmit"])
-              ])
-            ])) : S("", !0)
+            I.value === "single" ? (N(), D("div", bt, [
+              M("div", {
+                class: "tiny-sender__buttons-container",
+                ref_key: "buttonsContainerRef",
+                ref: g
+              }, [
+                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)
+            ])) : B("", !0)
           ], 2),
-          T(Y, { name: "tiny-sender-slide-up" }, {
-            default: B(() => [
-              e.$slots.footer ? (u(), y("div", G0, [
-                q(e.$slots, "footer")
-              ])) : e.mode !== "single" || e.showWordLimit && e.maxLength !== 1 / 0 ? (u(), y("div", {
-                key: 1,
-                style: p0(n.value),
+          K(re, { name: "tiny-sender-slide-up" }, {
+            default: j(() => [
+              I.value === "multiple" ? (N(), D("div", {
+                key: 0,
+                style: Ke(De.value),
                 class: "tiny-sender__footer-slot tiny-sender__bottom-row"
               }, [
-                e.showWordLimit && e.maxLength !== 1 / 0 ? (u(), y("div", W0, j(k(h).length) + "/" + j(e.maxLength), 1)) : S("", !0),
-                e.mode === "multiple" ? (u(), y("div", H0, [
-                  R("div", N0, [
-                    T(o0, {
-                      "allow-speech": e.allowSpeech,
-                      "allow-files": e.allowFiles,
-                      loading: e.loading,
-                      disabled: r.value,
-                      "show-clear": e.clearable,
-                      "has-content": m.value,
-                      "speech-status": k(K),
-                      "submit-type": e.submitType,
-                      onClear: s,
-                      onToggleSpeech: P,
-                      onSubmit: k(U),
-                      onCancel: D[3] || (D[3] = (E) => e.$emit("cancel"))
-                    }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "onSubmit"])
-                  ])
-                ])) : S("", !0)
-              ], 4)) : S("", !0)
+                M("div", wt, [
+                  X(i.$slots, "footer-left")
+                ]),
+                M("div", _t, [
+                  X(i.$slots, "footer-right"),
+                  i.showWordLimit && i.maxLength !== 1 / 0 ? (N(), D("div", {
+                    key: 0,
+                    class: Q(["tiny-sender__word-limit", { "is-over-limit": ie.value }])
+                  }, [
+                    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"])
+                    ])
+                  ])) : B("", !0)
+                ])
+              ], 4)) : i.$slots.footer ? (N(), D("div", Nt, [
+                X(i.$slots, "footer")
+              ])) : B("", !0)
             ]),
             _: 3
           })
-        ])
+        ], 512)
       ]),
-      T(Y, { name: "tiny-sender-slide-up" }, {
-        default: B(() => [
-          g.value && F.value.length ? (u(), y("div", q0, [
-            (u(!0), y(e0, null, n0(F.value, (E, i0) => (u(), y("div", {
-              key: i0,
-              class: "suggestion-item",
-              onClick: (Y0) => I(E)
-            }, j(E), 9, Q0))), 128))
-          ])) : S("", !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
       }),
-      L.value ? (u(), y("div", J0, j(L.value), 1)) : S("", !0)
-    ], 10, Z0));
+      Y.value ? (N(), D("div", It, J(Y.value), 1)) : B("", !0)
+    ], 10, ut));
   }
 });
-J.name = "TrSender";
-const X0 = function(o) {
-  o.component(J.name, J);
+se.name = "TrSender";
+const Dt = function(n) {
+  n.component(se.name, se);
 };
-J.install = X0;
+se.install = Dt;
 export {
-  J as default
+  se as default
 };