@opentiny/tiny-robot 0.2.0-alpha.6 → 0.2.0-alpha.7

package/dist/sender/index.js

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