@opentiny/tiny-robot 0.3.0-alpha.3 → 0.3.0-alpha.31

package/dist/sender/index.js

@@ -1,438 +1,230 @@
-import { ref as O, watch as te, reactive as $e, computed as P, nextTick as W, defineComponent as be, createElementBlock as A, openBlock as D, createCommentVNode as H, createBlock as Q, unref as E, withCtx as Y, createVNode as G, normalizeClass as ae, resolveDynamicComponent as it, createElementVNode as U, mergeModels as Fe, useModel as rt, onMounted as ut, useSlots as ct, Transition as ve, renderSlot as se, isRef as Le, createTextVNode as Oe, toDisplayString as le, normalizeStyle as Ie, Fragment as Ae, renderList as Me, withModifiers as dt } from "vue";
-import { I as ft } from "../index5.js";
-import { g as z, i as pt, t as mt } from "../utils.js";
-import { B as fe } from "../index3.js";
-import { T as Ve } from "../index4.js";
-import { i as ht } from "../close.js";
-import { o as gt, H as vt, g as yt, F as bt, X as Ct, s as St } from "../tiny-robot-svgs.js";
-function wt(t, y) {
-  const h = O(t.modelValue || t.defaultValue || ""), o = O(null);
-  te(
-    () => t.modelValue,
-    (f) => {
-      f !== void 0 && f !== h.value && (h.value = f);
+import { ref as A, watch as ne, reactive as ot, computed as B, defineComponent as Se, createElementBlock as I, openBlock as b, createCommentVNode as N, normalizeStyle as Je, createBlock as Y, unref as C, withCtx as he, createElementVNode as q, createVNode as Q, normalizeClass as oe, toDisplayString as ue, useAttrs as st, resolveComponent as at, mergeProps as we, Fragment as ve, renderList as _e, mergeModels as lt, useModel as rt, onMounted as it, onUnmounted as ut, nextTick as te, Transition as Ve, withModifiers as ct, useSlots as dt, renderSlot as ie, isRef as ft, createTextVNode as Ge } from "vue";
+import { TinyTooltip as Fe, TinyInput as pt } from "@opentiny/vue";
+import { e as ht } from "../index3.js";
+import { IconUpload as vt, IconVoice as yt, IconLoadingSpeech as gt, IconClear as mt, IconSend as bt, IconStop as wt, IconAssociate as _t } from "@opentiny/tiny-robot-svgs";
+import { _ as Ce } from "../_plugin-vue_export-helper.js";
+import { t as St } from "../utils.js";
+function Ct(a, c) {
+  const s = A(a.modelValue || a.defaultValue || ""), u = A(null);
+  ne(
+    () => a.modelValue,
+    (h) => {
+      h !== void 0 && h !== s.value && (s.value = h);
     }
-  ), te(
-    () => h.value,
-    (f) => {
-      y("update:modelValue", f);
+  ), ne(
+    () => s.value,
+    (h) => {
+      c("update:modelValue", h);
     }
   );
-  const x = (f) => {
-    h.value = f, y("update:modelValue", f);
-  }, u = (f) => {
-    f == null || f.preventDefault();
-    const p = h.value;
-    !t.disabled && !t.loading && p.trim() && y("submit", p);
-  }, i = () => {
-    h.value = "", y("update:modelValue", ""), y("clear");
-  }, r = O(!1);
+  const g = (h) => {
+    s.value = h, c("update:modelValue", h);
+  }, S = (h) => {
+    h == null || h.preventDefault();
+    const w = s.value;
+    !a.disabled && !a.loading && w.trim() && c("submit", w);
+  }, l = () => {
+    s.value = "", c("update:modelValue", ""), c("clear");
+  }, f = A(!1);
   return {
-    inputValue: h,
-    inputWrapper: o,
-    isComposing: r,
-    handleChange: x,
-    handleSubmit: u,
-    handleClear: i,
+    inputValue: s,
+    inputWrapper: u,
+    isComposing: f,
+    handleChange: g,
+    handleSubmit: S,
+    handleClear: l,
     clearInput: () => {
-      i();
+      l();
     }
   };
 }
-const Pe = "​", ee = (t) => t.split("").every((y) => y === Pe), J = (t) => t.replace(/\u200B/g, ""), ye = () => document.createTextNode(Pe), Et = (t) => {
-  const y = t.textContent || "", h = J(y);
-  return !h || h.trim() === "";
-}, Be = (t) => {
-  const y = t.nextSibling;
-  if (y && y.nodeType === Node.TEXT_NODE && ee(y.textContent || ""))
-    return;
-  const h = ye();
-  t.parentNode && t.parentNode.insertBefore(h, t.nextSibling);
-}, _t = (t) => {
-  Array.from(t.childNodes).forEach((h) => {
-    if (h.nodeType === Node.TEXT_NODE && ee(h.textContent || "")) {
-      const o = h.previousSibling;
-      o && o.nodeType === Node.ELEMENT_NODE && o.classList.contains("template-field") || h.parentNode && h.parentNode.removeChild(h);
-    }
-  });
-};
-function Tt(t, y, h, o, x, u, i, r, c, f, p, a, b, L) {
-  const _ = (m) => !(t.disabled || t.loading || m.trim().length === 0 || a.value), v = () => {
-    _(h.value) && y("submit", h.value.trim());
-  }, R = (m, $) => {
-    if (!(m.key === "Enter")) return !1;
-    switch ($) {
+function xt(a, c, s, u, g, S, l, f, x, h, w, y, K, V, F, M) {
+  const T = () => {
+    y.value && (F != null && F.value && (M == null || M()), c("submit", s.value.trim()));
+  }, H = (d, P) => {
+    if (!(d.key === "Enter")) return !1;
+    switch (P) {
       case "enter":
-        return !m.shiftKey && !m.ctrlKey && !m.metaKey;
+        return !d.shiftKey && !d.ctrlKey && !d.metaKey;
       case "ctrlEnter":
-        return (m.ctrlKey || m.metaKey) && !m.shiftKey;
+        return (d.ctrlKey || d.metaKey) && !d.shiftKey;
       case "shiftEnter":
-        return m.shiftKey && !m.ctrlKey && !m.metaKey;
+        return d.shiftKey && !d.ctrlKey && !d.metaKey;
       default:
         return !1;
     }
   };
   return {
-    handleKeyPress: (m) => {
-      if (o.value) return;
-      if (m.key === "Enter" && m.shiftKey && (b == null ? void 0 : b.value) === "single" && L) {
-        m.preventDefault(), L();
-        const V = m.target, K = V.selectionStart, C = h.value;
-        h.value = C.substring(0, K) + `
-` + C.substring(K), setTimeout(() => {
-          V.selectionStart = V.selectionEnd = K + 1;
+    handleKeyPress: (d) => {
+      if (u.value) return;
+      if (d.key === "Enter" && d.shiftKey && (K == null ? void 0 : K.value) === "single" && V) {
+        d.preventDefault(), V();
+        const O = d.target, z = O.selectionStart, ee = s.value;
+        s.value = ee.substring(0, z) + `
+` + ee.substring(z), setTimeout(() => {
+          O.selectionStart = O.selectionEnd = z + 1;
         }, 0);
         return;
       }
-      if (m.key === "Tab" && u.value && i.value) {
-        m.preventDefault(), r();
-        return;
-      }
-      if (u.value) {
-        if (m.key === "ArrowDown") {
-          m.preventDefault(), f("down");
+      if (S.value) {
+        if (d.key === "ArrowDown") {
+          d.preventDefault(), h("down");
           return;
         }
-        if (m.key === "ArrowUp") {
-          m.preventDefault(), f("up");
+        if (d.key === "ArrowUp") {
+          d.preventDefault(), h("up");
           return;
         }
-        if (m.key === "Enter" && i.value) {
-          m.preventDefault(), r();
+        if (l.value && (a.activeSuggestionKeys || ["Enter", "Tab"]).includes(d.key)) {
+          d.preventDefault(), f();
           return;
         }
       }
-      if (m.key === "Escape") {
-        u.value ? (c(), m.preventDefault()) : x.isRecording && (p(), m.preventDefault()), y("escape-press");
+      if (d.key === "Escape") {
+        S.value ? (x(), d.preventDefault()) : g.isRecording && (w(), d.preventDefault()), c("escape-press");
         return;
       }
-      R(m, t.submitType) && _(h.value) && (m.preventDefault(), v());
+      H(d, a.submitType) && (d.preventDefault(), y.value && T());
     },
-    triggerSubmit: v
-  };
-}
-function Nt(t) {
-  const y = (u, i, r) => {
-    var L, _;
-    const { startOffset: c, collapsed: f } = i;
-    let p = i.startContainer;
-    if ((L = p.parentElement) != null && L.classList.contains("template-field") && (p = p.parentElement), !f) return !1;
-    const a = p.nodeType === Node.TEXT_NODE && c === 0 && u.key === "ArrowLeft", b = p.nodeType === Node.TEXT_NODE && c === (((_ = p.textContent) == null ? void 0 : _.length) || 0) && u.key === "ArrowRight";
-    if (a || b) {
-      let v = null, R = "inside";
-      if (a)
-        if (p.parentNode && p.parentNode.classList.contains("template-field"))
-          v = p.parentNode, R = "before";
-        else {
-          let w = p.previousSibling;
-          !w && p.parentNode && p.parentNode !== r && (w = p.parentNode.previousSibling), w && w.nodeType === Node.ELEMENT_NODE && w.classList.contains("template-field") && (v = w, R = "inside");
-        }
-      else if (b)
-        if (p.parentNode && p.parentNode.classList.contains("template-field"))
-          v = p.parentNode, R = "after";
-        else {
-          let w = p.nextSibling;
-          !w && p.parentNode && p.parentNode !== r && (w = p.parentNode.nextSibling), w && w.nodeType === Node.ELEMENT_NODE && w.classList.contains("template-field") && (v = w, R = "inside");
-        }
-      if (v) {
-        u.preventDefault();
-        const w = document.createRange(), m = z(r);
-        return m && (R === "before" ? w.setStartBefore(v) : R === "after" ? w.setStartAfter(v) : (w.selectNodeContents(v), w.collapse(u.key === "ArrowLeft")), m.removeAllRanges(), m.addRange(w)), !0;
-      }
-    }
-    if (p.nodeType === Node.ELEMENT_NODE && p.classList.contains("template-field")) {
-      const R = p.textContent || "", w = J(R);
-      if (!w || w.trim() === "") {
-        u.preventDefault();
-        const m = document.createRange(), $ = z(r);
-        if (!$) return !0;
-        if (u.key === "ArrowLeft")
-          m.setStartBefore(p);
-        else {
-          const V = p.nextSibling;
-          V && V.nodeType === Node.TEXT_NODE && ee(V.textContent || "") ? (m.setStart(V, 0), m.setEnd(V, 0)) : m.setStartAfter(p);
-        }
-        return m.collapse(!0), $.removeAllRanges(), $.addRange(m), !0;
-      }
-    }
-    if (p.nodeType === Node.TEXT_NODE && ee(p.textContent || "")) {
-      const v = p.previousSibling, R = p.nextSibling;
-      u.preventDefault();
-      const w = document.createRange(), m = z(r);
-      return m && (u.key === "ArrowLeft" ? v && v.nodeType === Node.ELEMENT_NODE && v.classList.contains("template-field") ? (w.selectNodeContents(v), w.collapse(!1)) : w.setStartBefore(p) : R ? R.nodeType === Node.ELEMENT_NODE && R.classList.contains("template-field") ? (w.selectNodeContents(R), w.collapse(!0)) : pt(r) ? (w.setStart(R, 1), w.collapse(!0)) : w.setStartAfter(p) : w.setStartAfter(p), m.removeAllRanges(), m.addRange(w)), !0;
-    }
-    return !1;
-  }, h = (u, i, r) => {
-    if (!i.collapsed) return !1;
-    const { startContainer: c, startOffset: f } = i;
-    if (c.nodeType === Node.TEXT_NODE && ee(c.textContent || "")) {
-      const a = c.previousSibling;
-      if (a && a.nodeType === Node.ELEMENT_NODE && a.classList.contains("template-field")) {
-        const b = a, L = b.textContent || "", _ = J(L);
-        if (!_ || _.trim() === "") {
-          u.preventDefault();
-          const v = b.previousSibling, R = c.nextSibling;
-          b.parentNode && b.parentNode.removeChild(b), c.parentNode && c.parentNode.removeChild(c);
-          const w = z(r);
-          if (w) {
-            const m = document.createRange();
-            v ? v.nodeType === Node.ELEMENT_NODE && v.classList.contains("template-field") ? (m.selectNodeContents(v), m.collapse(!1)) : v.nodeType === Node.TEXT_NODE && ee(v.textContent || "") ? (m.setStart(v, 0), m.setEnd(v, 0)) : m.setStartAfter(v) : R ? m.setStartBefore(R) : m.setStart(r, 0), m.collapse(!0), w.removeAllRanges(), w.addRange(m);
-          }
-          return t.handleInput(), !0;
-        } else {
-          u.preventDefault();
-          const v = z(r);
-          if (v) {
-            const R = document.createRange();
-            R.selectNodeContents(b), R.collapse(!1), v.removeAllRanges(), v.addRange(R);
-          }
-          return !0;
-        }
-      }
-    }
-    if (c.nodeType === Node.TEXT_NODE && c.parentNode && c.parentNode.classList.contains("template-field") && c.textContent) {
-      const a = c.textContent;
-      if (J(a).length === 1 && f === a.length) {
-        u.preventDefault(), c.textContent = "";
-        const L = c.parentNode, _ = z(r);
-        if (_) {
-          const v = document.createRange();
-          v.selectNodeContents(L), v.collapse(!0), _.removeAllRanges(), _.addRange(v);
-        }
-        return t.handleInput(), !0;
-      }
-    }
-    if (f === 0) {
-      let a = null;
-      if (c.nodeType === Node.ELEMENT_NODE && c.classList.contains("template-field") ? a = c : c.nodeType === Node.TEXT_NODE && c.parentNode && c.parentNode.classList.contains("template-field") && (a = c.parentNode), a) {
-        u.preventDefault();
-        const b = z(r);
-        return b && (i.setStartBefore(a), i.collapse(!0), b.removeAllRanges(), b.addRange(i)), !0;
-      }
-    }
-    return !1;
-  }, o = (u, i, r) => {
-    if (!i.collapsed) return !1;
-    const { startContainer: c, startOffset: f } = i;
-    if (c.nodeType === Node.TEXT_NODE && c.parentNode && c.parentNode.classList.contains("template-field") && c.textContent) {
-      const a = c.textContent, b = J(a);
-      if (f === a.length && b.length === 1) {
-        u.preventDefault(), c.textContent = "";
-        const L = c.parentNode, _ = z(r);
-        if (_) {
-          const v = document.createRange();
-          v.selectNodeContents(L), v.collapse(!0), _.removeAllRanges(), _.addRange(v);
-        }
-        return t.handleInput(), !0;
-      }
-    }
-    return !1;
-  };
-  return {
-    handleTemplateKeyDown: (u) => {
-      if (t.isComposing.value) return;
-      const i = t.editor.value;
-      if (!i) return;
-      const r = z(i);
-      if (!r || r.rangeCount === 0) return;
-      const c = r.getRangeAt(0);
-      if (u.key === "Enter") {
-        u.preventDefault(), t.onSubmit(t.getValueFromDOM());
-        return;
-      }
-      (u.key === "ArrowLeft" || u.key === "ArrowRight") && !u.shiftKey && y(u, c, i) || u.key === "Backspace" && h(u, c, i) || u.key === "Delete" && o(u, c, i);
-    }
+    triggerSubmit: T
   };
 }
-function xt(t) {
-  const y = $e({
+function kt(a) {
+  const c = ot({
     isRecording: !1,
     isSupported: typeof window < "u" && "webkitSpeechRecognition" in window || "SpeechRecognition" in window,
     error: void 0
-  }), h = y.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
-  h !== void 0 && (h.continuous = t.continuous ?? !1, h.interimResults = t.interimResults ?? !0, h.lang = t.lang ?? navigator.language, h.onstart = () => {
-    var i;
-    y.isRecording = !0, y.error = void 0, (i = t.onStart) == null || i.call(t);
-  }, h.onend = () => {
-    var i;
-    y.isRecording = !1, (i = t.onEnd) == null || i.call(t);
-  }, h.onresult = (i) => {
-    var c, f;
-    const r = Array.from(i.results).map((p) => p[0].transcript).join("");
-    i.results[0].isFinal ? (c = t.onFinal) == null || c.call(t, r) : (f = t.onInterim) == null || f.call(t, r);
-  }, h.onerror = (i) => {
-    var r;
-    y.error = new Error(i.error), y.isRecording = !1, (r = t.onError) == null || r.call(t, y.error);
+  }), s = c.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
+  s !== void 0 && (s.continuous = a.continuous ?? !1, s.interimResults = a.interimResults ?? !0, s.lang = a.lang ?? navigator.language, s.onstart = () => {
+    var l;
+    c.isRecording = !0, c.error = void 0, (l = a.onStart) == null || l.call(a);
+  }, s.onend = () => {
+    var l;
+    c.isRecording = !1, (l = a.onEnd) == null || l.call(a);
+  }, s.onresult = (l) => {
+    var x, h;
+    const f = Array.from(l.results).map((w) => w[0].transcript).join("");
+    l.results[0].isFinal ? (x = a.onFinal) == null || x.call(a, f) : (h = a.onInterim) == null || h.call(a, f);
+  }, s.onerror = (l) => {
+    var f;
+    c.error = new Error(l.error), c.isRecording = !1, (f = a.onError) == null || f.call(a, c.error);
   });
-  const o = () => {
-    var i;
-    if (!h) {
-      const r = new Error("浏览器不支持语音识别");
-      y.error = r, (i = t.onError) == null || i.call(t, r);
+  const u = () => {
+    var l;
+    if (!s) {
+      const f = new Error("浏览器不支持语音识别");
+      c.error = f, (l = a.onError) == null || l.call(a, f);
       return;
     }
-    if (y.isRecording) {
+    if (c.isRecording) {
       try {
-        h.stop(), setTimeout(() => {
+        s.stop(), setTimeout(() => {
           try {
-            h.start();
-          } catch (r) {
-            u(r);
+            s.start();
+          } catch (f) {
+            S(f);
           }
         }, 100);
-      } catch (r) {
-        u(r);
+      } catch (f) {
+        S(f);
       }
       return;
     }
     try {
-      h.start();
-    } catch (r) {
-      u(r);
+      s.start();
+    } catch (f) {
+      S(f);
     }
-  }, x = () => {
-    if (h && y.isRecording)
+  }, g = () => {
+    if (s && c.isRecording)
       try {
-        h.stop();
-      } catch (i) {
-        u(i);
+        s.stop();
+      } catch (l) {
+        S(l);
       }
-  }, u = (i) => {
-    var r;
-    y.error = i instanceof Error ? i : new Error("语音识别操作失败"), y.isRecording = !1, (r = t.onError) == null || r.call(t, y.error);
+  }, S = (l) => {
+    var f;
+    c.error = l instanceof Error ? l : new Error("语音识别操作失败"), c.isRecording = !1, (f = a.onError) == null || f.call(a, c.error);
   };
   return {
-    speechState: y,
-    start: o,
-    stop: x
+    speechState: c,
+    start: u,
+    stop: g
   };
 }
-const kt = (t, y) => {
-  if (!y || !t)
-    return [{ text: t, isMatch: !1 }];
-  const h = t.toLowerCase(), o = y.toLowerCase(), x = [];
-  let u = 0;
-  for (; u < h.length; ) {
-    const f = h.indexOf(o, u);
-    if (f === -1) break;
-    x.push({
-      start: f,
-      end: f + y.length
-    }), u = f + 1;
-  }
-  if (x.length === 0)
-    return [{ text: t, isMatch: !1 }];
-  const i = [];
-  for (const f of x)
-    if (i.length === 0)
-      i.push(f);
-    else {
-      const p = i[i.length - 1];
-      f.start <= p.end ? p.end = Math.max(p.end, f.end) : i.push(f);
-    }
-  const r = [];
-  let c = 0;
-  for (const f of i)
-    c < f.start && r.push({
-      text: t.substring(c, f.start),
-      isMatch: !1
-    }), r.push({
-      text: t.substring(f.start, f.end),
-      isMatch: !0
-    }), c = f.end;
-  return c < t.length && r.push({
-    text: t.substring(c),
-    isMatch: !1
-  }), r;
-};
-function Rt(t, y, h, o) {
-  const x = O(!1), u = O(-1), i = O(-1), r = O(""), c = O(!1), f = O(null), p = O(!1), a = O(null), b = P(() => {
-    if (!t.suggestions || !h.value || t.template) return [];
-    const e = h.value.toLowerCase();
-    return t.suggestions.filter((l) => l.toLowerCase().includes(e));
-  }), L = P(() => {
-    let e = -1;
-    return a.value === "mouse" && i.value !== -1 ? e = i.value : a.value === "keyboard" && u.value !== -1 && (e = u.value), b.value[e] || null;
-  }), _ = (e) => e === u.value || e === i.value, v = (e) => {
-    if (a.value === null) {
-      r.value = "", c.value = !1;
+function It(a, c, s, u, g, S) {
+  const l = A(!1), f = A(-1), x = A(-1), h = A(null), w = A(""), y = A(!1), K = B(() => {
+    var J, X;
+    if (!((J = a.value) != null && J.length)) return "";
+    const k = h.value === "mouse" ? x.value : f.value;
+    return ((X = a.value[k]) == null ? void 0 : X.content) || "";
+  }), V = (k) => {
+    w.value = k, y.value = !0;
+  }, F = () => {
+    w.value = "", y.value = !1;
+  }, M = (k) => {
+    const J = k || K.value;
+    if (!J || !c.value) {
+      F();
       return;
     }
-    const l = e || L.value;
-    l && h.value && l.toLowerCase().startsWith(h.value.toLowerCase()) ? (r.value = l.substring(h.value.length), c.value = !0) : (r.value = "", c.value = !1);
-  }, R = () => {
-    x.value = !1, u.value = -1, i.value = -1, a.value = null, r.value = "", c.value = !1;
-  }, w = () => {
-    x.value = !0, u.value = -1, i.value = -1, a.value = null, v();
-  }, m = () => {
-    o.value || p.value || W(() => {
-      h.value && t.suggestions && t.suggestions.length > 0 && !t.template && b.value.length > 0 ? w() : R();
-    });
+    const X = J.substring(c.value.length);
+    J.toLowerCase().startsWith(c.value.toLowerCase()) && X ? V(X) : F();
+  }, T = () => {
+    f.value = -1, x.value = -1, h.value = null;
+  }, H = () => {
+    l.value = !0, M();
+  }, v = () => {
+    l.value = !1, T(), F();
+  }, d = B(() => {
+    var k;
+    return s.value ? !0 : !!(c.value && ((k = a.value) == null ? void 0 : k.length) > 0 && !u.value);
+  }), P = (k) => {
+    v(), c.value = k, g(k), S(k);
+  }, O = () => {
+    K.value && P(K.value);
+  }, z = (k) => {
+    !l.value || !a.value || (h.value = "keyboard", f.value === -1 ? f.value = k === "down" ? 0 : a.value.length - 1 : k === "down" ? f.value = (f.value + 1) % a.value.length : f.value = (f.value - 1 + a.value.length) % a.value.length, M());
+  }, ee = (k) => {
+    a.value && (h.value = "mouse", x.value = k, M());
+  }, U = () => {
+    a.value && (x.value = -1, f.value !== -1 ? h.value = "keyboard" : h.value = null, M());
   };
-  te(h, m), te(() => t.suggestions, m);
-  const $ = (e) => {
-    p.value = !0, h.value = e, y("update:modelValue", e), y("suggestion-select", e), K(), W(() => {
-      p.value = !1;
-    });
-  }, V = () => {
-    L.value && $(L.value);
-  }, K = () => {
-    R();
-  };
-  return {
-    showSuggestionsPopup: x,
-    completionPlaceholder: r,
-    showTabHint: c,
-    suggestionsListRef: f,
-    filteredSuggestions: b,
-    activeSuggestion: L,
-    isItemHighlighted: _,
-    updateCompletionPlaceholder: v,
-    updateSuggestionsState: m,
-    selectSuggestion: $,
-    acceptCurrentSuggestion: V,
-    closeSuggestionsPopup: K,
-    navigateSuggestions: (e) => {
-      if (!x.value || b.value.length === 0) return;
-      a.value = "keyboard", u.value === -1 ? u.value = e === "down" ? 0 : b.value.length - 1 : e === "down" ? u.value = (u.value + 1) % b.value.length : u.value = (u.value - 1 + b.value.length) % b.value.length;
-      const l = b.value[u.value];
-      l && v(l);
-      const n = f.value;
-      if (n) {
-        const s = n.children[u.value];
-        s && s.scrollIntoView({ block: "nearest" });
-      }
-    },
-    handleSuggestionItemHover: (e) => {
-      a.value = "mouse", i.value = e, v(b.value[e]);
-    },
-    handleSuggestionItemLeave: () => {
-      if (i.value = -1, u.value !== -1) {
-        a.value = "keyboard";
-        const e = b.value[u.value];
-        e && v(e);
-      } else
-        a.value = null, v();
-    },
-    handleClickOutside: () => {
-      K();
-    },
-    highlightSuggestionText: kt
+  return ne(d, (k) => {
+    k ? l.value || H() : l.value && v();
+  }), {
+    // 弹窗控制
+    isPopupVisible: l,
+    openPopup: H,
+    closePopup: v,
+    // 自动完成占位符
+    autoCompleteText: w,
+    showTabIndicator: y,
+    syncAutoComplete: M,
+    // 选中控制层
+    activeSuggestion: K,
+    activeKeyboardIndex: f,
+    activeMouseIndex: x,
+    // 交互处理
+    navigateWithKeyboard: z,
+    handleMouseEnter: ee,
+    handleMouseLeave: U,
+    // 业务操作
+    applySuggestion: P,
+    confirmSelection: O
   };
 }
-const Dt = { class: "action-buttons" }, Ft = {
+const Tt = { class: "action-buttons" }, Rt = { class: "action-buttons__submit-content" }, Ot = {
   key: 0,
-  class: "action-buttons__utility"
-}, Lt = { class: "action-buttons__submit-content" }, Ot = {
-  key: 1,
-  class: "action-buttons__cancel"
-}, We = /* @__PURE__ */ be({
+  class: "action-buttons__cancel-text"
+}, Et = /* @__PURE__ */ Se({
   __name: "ActionButtons",
   props: {
     loading: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     showClear: { type: Boolean, default: !0 },
     hasContent: { type: Boolean, default: !1 },
+    buttonGroup: {},
     allowSpeech: { type: Boolean, default: !1 },
     speechStatus: { default: () => ({
       isRecording: !1,
@@ -441,617 +233,753 @@ const Dt = { class: "action-buttons" }, Ft = {
     allowFiles: { type: Boolean, default: !1 },
     submitType: { default: "enter" },
     showShortcuts: { type: Boolean },
-    isOverLimit: { type: Boolean, default: !1 }
+    isOverLimit: { type: Boolean, default: !1 },
+    stopText: { default: void 0 }
   },
-  emits: ["clear", "toggle-speech", "submit", "cancel"],
-  setup(t, { emit: y }) {
-    const h = ht(), o = t, x = y, u = P(() => o.allowSpeech), i = P(() => o.speechStatus.isRecording), r = P(() => o.disabled), c = P(() => r.value || o.isOverLimit), f = P(() => o.allowFiles || o.allowSpeech || o.showClear), p = () => {
-      r.value || x("clear");
-    }, a = () => {
-      if (!r.value) {
-        const _ = !o.speechStatus.isRecording;
-        x("toggle-speech", _);
+  emits: ["clear", "toggle-speech", "submit", "cancel", "trigger-select"],
+  setup(a, { emit: c }) {
+    const s = a, u = c, g = B(() => {
+      var d, P;
+      const v = (P = (d = s.buttonGroup) == null ? void 0 : d.file) == null ? void 0 : P.tooltips;
+      if (typeof v == "string" && v)
+        return () => v;
+      if (typeof v == "function")
+        return v;
+    }), S = B(() => {
+      var d, P;
+      const v = (P = (d = s.buttonGroup) == null ? void 0 : d.submit) == null ? void 0 : P.tooltips;
+      if (typeof v == "string" && v)
+        return () => v;
+      if (typeof v == "function")
+        return v;
+    }), l = B(() => s.allowSpeech), f = B(() => s.speechStatus.isRecording), x = B(() => s.disabled), h = B(() => {
+      var v, d;
+      return x.value || s.isOverLimit || ((d = (v = s.buttonGroup) == null ? void 0 : v.submit) == null ? void 0 : d.disabled);
+    }), w = B(() => s.allowFiles || s.allowSpeech || s.showClear), y = () => {
+      x.value || u("clear");
+    }, K = () => {
+      if (!x.value) {
+        const v = !s.speechStatus.isRecording;
+        u("toggle-speech", v);
       }
-    }, b = () => {
-      c.value || x("submit");
-    }, L = () => {
-      r.value || x("cancel");
-    };
-    return (_, v) => (D(), A("div", Dt, [
-      f.value ? (D(), A("div", Ft, [
-        _.allowFiles && !_.loading ? (D(), Q(E(Ve), {
+    }, V = () => {
+      h.value || u("submit");
+    }, F = () => {
+      x.value || u("cancel");
+    }, M = B(() => {
+      var v, d;
+      return x.value || ((d = (v = s.buttonGroup) == null ? void 0 : v.file) == null ? void 0 : d.disabled);
+    }), T = () => {
+      M.value || u("trigger-select");
+    }, H = B(() => {
+      var v, d;
+      return ((d = (v = s.buttonGroup) == null ? void 0 : v.file) == null ? void 0 : d.tooltipPlacement) || "top";
+    });
+    return (v, d) => (b(), I("div", Tt, [
+      w.value ? (b(), I("div", {
+        key: 0,
+        class: "action-buttons__utility",
+        style: Je({ "padding-right": v.hasContent || v.loading ? "0" : "6px" })
+      }, [
+        v.allowFiles && !v.loading ? (b(), Y(C(Fe), {
           key: 0,
-          content: "上传文件",
-          placement: "top"
+          effect: "light",
+          placement: H.value,
+          "render-content": g.value,
+          "visible-arrow": !1,
+          "popper-class": "tr-sender-actions-upload-button-popper"
         }, {
-          default: Y(() => [
-            G(E(fe), {
-              class: "action-buttons__button action-buttons__file-button",
-              type: "text",
-              disabled: r.value
-            }, {
-              default: Y(() => [
-                G(E(gt), {
-                  class: "action-buttons__icon",
-                  alt: "上传文件"
-                })
-              ]),
-              _: 1
-            }, 8, ["disabled"])
+          default: he(() => [
+            q("div", {
+              class: "action-buttons__button",
+              onClick: T,
+              onFocusCapture: d[0] || (d[0] = (P) => P.stopPropagation())
+            }, [
+              Q(C(vt), {
+                class: oe(["action-buttons__icon", { "is-disabled": M.value }]),
+                alt: "上传文件"
+              }, null, 8, ["class"])
+            ], 32)
           ]),
           _: 1
-        })) : H("", !0),
-        u.value && !_.loading ? (D(), Q(E(fe), {
+        }, 8, ["placement", "render-content"])) : N("", !0),
+        l.value && !v.loading ? (b(), I("div", {
           key: 1,
-          class: ae(["action-buttons__button action-buttons__speech-button", { "is-recording": i.value }]),
-          type: "text",
-          disabled: r.value,
-          onClick: a
-        }, {
-          default: Y(() => [
-            i.value ? (D(), Q(E(yt), {
-              key: 1,
-              class: "action-buttons__icon action-buttons__icon--recording",
-              alt: "语音中"
-            })) : (D(), Q(E(vt), {
-              key: 0,
-              class: "action-buttons__icon",
-              alt: "录音"
-            }))
-          ]),
-          _: 1
-        }, 8, ["disabled", "class"])) : H("", !0),
-        _.showClear ? (D(), Q(E(Ve), {
+          class: oe(["action-buttons__button", { "is-recording": f.value }]),
+          onClick: K
+        }, [
+          f.value ? (b(), Y(C(gt), {
+            key: 1,
+            class: "action-buttons__icon action-buttons__icon--recording",
+            alt: "语音中"
+          })) : (b(), Y(C(yt), {
+            key: 0,
+            class: "action-buttons__icon",
+            alt: "录音"
+          }))
+        ], 2)) : N("", !0),
+        v.showClear ? (b(), Y(C(Fe), {
           key: 2,
           content: "清空内容",
           placement: "top"
         }, {
-          default: Y(() => [
-            G(E(fe), {
-              class: "action-buttons__button action-buttons__clear-button",
-              type: "text",
-              disabled: r.value || !_.hasContent,
-              onClick: p
-            }, {
-              default: Y(() => [
-                (D(), Q(it(E(h)), { class: "action-buttons__icon action-buttons__icon--close" }))
-              ]),
-              _: 1
-            }, 8, ["disabled"])
+          default: he(() => [
+            q("div", {
+              class: "action-buttons__button",
+              onClick: y
+            }, [
+              Q(C(mt), { class: "action-buttons__icon" })
+            ])
           ]),
           _: 1
-        })) : H("", !0)
-      ])) : H("", !0),
-      _.hasContent || _.loading ? (D(), Q(E(fe), {
+        })) : N("", !0)
+      ], 4)) : N("", !0),
+      v.hasContent || v.loading ? (b(), I("div", {
         key: 1,
-        type: "text",
         class: "action-buttons__button action-buttons__submit",
-        disabled: _.loading ? r.value : c.value,
-        onClick: v[0] || (v[0] = (R) => _.loading ? L() : b())
-      }, {
-        default: Y(() => [
-          U("div", Lt, [
-            _.loading ? (D(), A("div", Ot, [
-              G(E(Ct), {
-                class: "action-buttons__icon action-buttons__icon--stop",
-                alt: "加载中"
-              }),
-              v[1] || (v[1] = U("span", { class: "action-buttons__cancel-text" }, "停止回答", -1))
-            ])) : (D(), Q(E(bt), {
-              key: 0,
-              class: "action-buttons__icon action-buttons__icon--send",
-              alt: "发送"
-            }))
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled"])) : H("", !0)
+        onClick: d[1] || (d[1] = (P) => v.loading ? F() : V())
+      }, [
+        q("div", Rt, [
+          v.loading ? (b(), I("div", {
+            key: 1,
+            class: oe(["action-buttons__cancel", { "action-buttons__cancel--icon-only": !v.stopText }])
+          }, [
+            Q(C(wt), {
+              class: "action-buttons__icon action-buttons__icon--cancel",
+              alt: "停止"
+            }),
+            v.stopText ? (b(), I("span", Ot, ue(v.stopText), 1)) : N("", !0)
+          ], 2)) : (b(), Y(C(Fe), {
+            key: 0,
+            effect: "light",
+            placement: "top",
+            "render-content": S.value,
+            "visible-arrow": !1
+          }, {
+            default: he(() => [
+              Q(C(bt), {
+                class: oe(["action-buttons__icon", "action-buttons__icon--send", { "is-disabled": h.value }]),
+                alt: "发送"
+              }, null, 8, ["class"])
+            ]),
+            _: 1
+          }, 8, ["render-content"]))
+        ])
+      ])) : N("", !0)
     ]));
   }
-});
-function It(t, y) {
-  const h = O(!1), o = $e({ ...y }), x = (e) => {
-    Object.assign(o, e);
-  }, u = (e) => {
-    const l = [];
-    let n = 0;
-    const s = /\[(.*?)\]/g;
-    let g;
-    for (; (g = s.exec(e)) !== null; )
-      g.index > n && l.push({ type: "text", content: e.substring(n, g.index) }), l.push({ type: "field", content: g[1] }), n = g.index + g[0].length;
-    return n < e.length && l.push({ type: "text", content: e.substring(n) }), l;
-  }, i = () => {
-    if (!t.value) return "";
-    let e = "";
-    const l = (n) => {
-      let s = "";
-      if (n.nodeType === Node.TEXT_NODE) {
-        const g = n.textContent || "";
-        s += J(g);
-      } else if (n.nodeType === Node.ELEMENT_NODE) {
-        const g = n;
-        if (g.classList.contains("template-field")) {
-          const T = g.textContent || "";
-          s += J(T);
-        } else if (g.tagName.toLowerCase() === "span") {
-          const T = g.textContent || "";
-          s += J(T);
-        } else if (g.tagName.toLowerCase() === "br")
-          s += `
-`;
-        else
-          for (const T of Array.from(g.childNodes))
-            s += l(T);
-      }
-      return s;
+}), je = /* @__PURE__ */ Ce(Et, [["__scopeId", "data-v-687a8616"]]);
+function $t(a, c = {}) {
+  let s = [], u = [], g = a;
+  return { commit: (w) => {
+    var y;
+    s.push(g), g = w, u.length && ((y = c.onRemoveHistory) == null || y.call(c, u)), u = [];
+  }, undo: () => s.length ? (u.push(g), g = s.pop(), g) : null, redo: () => u.length ? (s.push(g), g = u.pop(), g) : null, clear: () => {
+    var w, y;
+    s.length && ((w = c.onRemoveHistory) == null || w.call(c, s)), u.length && ((y = c.onRemoveHistory) == null || y.call(c, u)), s = [], u = [];
+  }, get: () => g };
+}
+const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__PURE__ */ Se({
+  inheritAttrs: !1,
+  __name: "Block",
+  props: {
+    id: {},
+    type: {},
+    content: {},
+    readonly: { type: Boolean },
+    asChild: { type: Boolean }
+  },
+  setup(a) {
+    const c = a, s = st();
+    return (u, g) => {
+      const S = at("Block", !0);
+      return c.type !== "block" ? (b(), I("span", we({
+        key: 0,
+        "data-id": c.id,
+        "data-type": c.type
+      }, C(s)), ue(c.content), 17, Bt)) : (b(), I(ve, { key: 1 }, [
+        c.asChild ? (b(!0), I(ve, { key: 0 }, _e(c.content, (l) => (b(), Y(S, we({
+          key: `${l.id}-${l.type}`
+        }, { ref_for: !0 }, l), null, 16))), 128)) : (b(), I("span", we({
+          key: 1,
+          "data-id": c.id,
+          "data-type": c.type
+        }, C(s)), [
+          (b(!0), I(ve, null, _e(c.content, (l) => (b(), Y(S, we({
+            key: `${l.id}-${l.type}`
+          }, { ref_for: !0 }, l), null, 16))), 128))
+        ], 16, Lt))
+      ], 64));
     };
-    return t.value.childNodes.forEach((n) => {
-      e += l(n);
-    }), e;
-  }, r = (e) => o.initialValues && typeof o.initialValues[e] == "string" ? o.initialValues[e] : "", c = (e, l) => {
-    const n = document.createElement("span");
-    return n.className = "template-field", n.setAttribute("data-placeholder", e), l && (n.textContent = l), W(() => {
-      f(n, l || "");
-    }), n;
-  }, f = (e, l) => {
-    const n = J(l);
-    if (!n || n.trim() === "") {
-      const s = e.getAttribute("data-placeholder") || "";
-      s ? p(e, s, !0) : (e.style.minWidth = "", e.style.width = "");
-    } else
-      p(e, n, !1);
-    Be(e);
-  }, p = (e, l, n) => {
-    const s = document.createElement("span");
-    s.className = "template-field", s.style.visibility = "hidden", s.style.position = "absolute", s.style.top = "-9999px", s.style.left = "-9999px", s.style.whiteSpace = "nowrap", s.style.padding = "3px 8px", s.style.margin = "0 2px", s.style.boxSizing = "border-box", s.textContent = l, document.body.appendChild(s);
-    const g = getComputedStyle(s), T = s.offsetWidth, I = parseFloat(g.fontSize);
-    document.body.removeChild(s);
-    const M = n ? 1.5 : 2, j = T / I, B = Math.max(M, Math.ceil(j));
-    e.style.setProperty("min-width", `${B}em`, "important");
-    const q = 20;
-    B > 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");
-  }, a = (e) => {
-    const n = (e === void 0 ? i() : e).trim().length > 0;
-    h.value !== n && (h.value = n, o.onContentStatusChange(n));
-  }, b = (e, l = "inside", n = !1) => {
-    W(() => {
-      const s = z(t.value);
-      if (!s) return;
-      const g = document.createRange();
-      switch (l) {
-        case "before":
-          g.setStartBefore(e);
-          break;
-        case "after":
-          g.setStartAfter(e);
-          break;
-        case "inside":
-        default:
-          g.selectNodeContents(e), g.collapse(n);
-          break;
+  }
+}), Kt = /* @__PURE__ */ Ce(Dt, [["__scopeId", "data-v-13862606"]]), At = { class: "editor-container" }, Me = "​", Pt = /* @__PURE__ */ Se({
+  __name: "TemplateEditor",
+  props: {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ lt(["submit"], ["update:modelValue"]),
+  setup(a, { expose: c, emit: s }) {
+    const u = typeof window.ShadowRoot.prototype.getSelection == "function", g = typeof window.Selection.prototype.getComposedRanges == "function";
+    function S() {
+      const e = navigator.userAgent;
+      return e.includes("Safari") && !e.includes("Chrome") && !e.includes("Chromium") && !e.includes("CriOS");
+    }
+    const l = S(), f = () => Math.random().toString(36).substring(2, 15), x = Me, h = Me, w = Me, y = rt(a, "modelValue"), K = s, V = A(0), F = (e) => e.map((t) => ({
+      id: t.id || f(),
+      ...t.type === "template" ? { ...t, prefix: h, suffix: w } : t
+    })), M = (e) => e.map((t) => ({ id: t.id, type: t.type, content: t.content })), T = A(F(y.value || [])), H = (e) => {
+      T.value = e;
+    }, v = B(() => {
+      const e = [], t = [], n = T.value;
+      if (n.length >= 2) {
+        const r = n[0], p = n[1];
+        r.type === "text" && r.content.length === 0 && p.type === "template" && e.push({ ...r, content: x });
+        const _ = n[n.length - 1], E = n[n.length - 2];
+        _.type === "text" && _.content.length === 0 && E.type === "template" && t.push({ ..._, content: x });
       }
-      s.removeAllRanges(), s.addRange(g), e.focus && e.focus();
-    });
-  }, L = () => {
-    W(() => {
-      const e = t.value;
-      if (e) {
-        const l = document.createRange(), n = z(e);
-        l.selectNodeContents(e), l.collapse(!1), n && (n.removeAllRanges(), n.addRange(l)), e.focus();
+      n.length > 0 && n[0].type === "template" && e.push({ type: "text", content: x, id: f() }), n.length > 0 && n[n.length - 1].type === "template" && t.push({ type: "text", content: x, id: f() });
+      const i = new RegExp(x, "g");
+      return n.length > 0 && (n[0].content !== x && (n[0].content = n[0].content.replace(i, "")), n[n.length - 1].content !== x && (n[n.length - 1].content = n[n.length - 1].content.replace(i, ""))), e.concat(n).concat(t);
+    }), d = B(() => T.value.map((e) => e.type === "template" ? [
+      { id: e.id, type: "prefix", content: e.prefix },
+      { id: e.id, type: "template", content: e.content },
+      { id: e.id, type: "suffix", content: e.suffix }
+    ] : [e]).flat()), P = B(() => v.value.map((e) => e.type === "text" ? e : l ? {
+      id: e.id,
+      type: "block",
+      asChild: !0,
+      content: [
+        { id: e.id, type: "prefix", content: e.prefix },
+        {
+          id: e.id,
+          type: "block",
+          content: [
+            { id: e.id, type: "template", content: e.content },
+            { id: e.id, type: "suffix", content: e.suffix }
+          ]
+        }
+      ]
+    } : {
+      id: e.id,
+      type: "block",
+      asChild: !0,
+      content: [
+        {
+          id: e.id,
+          type: "block",
+          content: [
+            { id: e.id, type: "prefix", content: e.prefix },
+            { id: e.id, type: "template", content: e.content }
+          ]
+        },
+        { id: e.id, type: "suffix", content: e.suffix }
+      ]
+    })), O = A(null), z = (e) => {
+      const t = Date.now(), n = JSON.stringify(e);
+      return `${t}:${n}`;
+    }, ee = (e) => {
+      const t = parseInt(e.slice(0, 13)), n = JSON.parse(e.slice(14));
+      return {
+        timestamp: t,
+        data: n
+      };
+    }, U = /* @__PURE__ */ new Map(), k = $t(z(T.value), {
+      onRemoveHistory: (e) => {
+        for (const t of e)
+          U.delete(t);
       }
     });
-  }, _ = (e, l) => {
-    const n = t.value;
-    if (!n) return null;
-    n.innerHTML = "";
-    let s = null;
-    if (!l || l === o.template)
-      e.forEach((g) => {
-        if (g.type === "field") {
-          const T = r(g.content), I = c(g.content, T);
-          n.appendChild(I);
-          const M = ye();
-          n.appendChild(M), s || (s = I);
-        } else
-          n.appendChild(document.createTextNode(g.content));
-      }), o.initialValues && Object.keys(o.initialValues).length > 0 && W(() => {
-        const g = i();
-        g !== o.value && (o.onValueChange(g), o.onInput(g));
-      });
-    else {
-      const g = v(e, l);
-      g.success ? g.elements.forEach((T) => {
-        if (n.appendChild(T.node), T.isField) {
-          const I = ye();
-          n.appendChild(I);
-        }
-        T.isField && !s && (s = T.node);
-      }) : (n.appendChild(document.createTextNode(l)), s = null);
-    }
-    return s;
-  }, v = (e, l) => {
-    const n = [];
-    let s = 0, g = 0, T = !0;
-    for (; g < e.length && s <= l.length && T; ) {
-      const I = e[g];
-      if (I.type === "text")
-        l.substring(s).startsWith(I.content) ? (n.push({
-          node: document.createTextNode(I.content),
-          isField: !1
-        }), s += I.content.length, g++) : T = !1;
-      else {
-        let M = "";
-        const j = e.find((B, q) => q > g && B.type === "text");
-        if (j) {
-          const B = l.substring(s), q = B.indexOf(j.content);
-          q !== -1 ? (M = B.substring(0, q), s += M.length) : T = !1;
-        } else
-          M = l.substring(s), s = l.length;
-        if (T) {
-          const B = c(I.content, M);
-          n.push({ node: B, isField: !0 }), g++;
+    ne(
+      () => y.value,
+      (e) => {
+        const t = F(e || []);
+        if (JSON.stringify(t) !== JSON.stringify(T.value)) {
+          if (O.value) {
+            const i = le(O.value);
+            i && U.set(k.get(), Z(i));
+          }
+          H(t), k.commit(z(T.value));
         }
+      },
+      { deep: !0 }
+    );
+    const J = (e, t = document.body) => t.contains(e) ? e instanceof HTMLElement && e.dataset.id ? e : e.parentElement ? J(e.parentElement, t) : null : null, X = (e) => e === O.value, le = (e) => {
+      const t = window.getSelection();
+      if (!t)
+        return null;
+      const n = t.rangeCount > 0 ? t.getRangeAt(0) : null, i = e.getRootNode();
+      if (!(i instanceof ShadowRoot))
+        return n;
+      if (g) {
+        const r = t.getComposedRanges(l ? i : { shadowRoots: [i] });
+        return (r == null ? void 0 : r[0]) ?? null;
       }
-    }
-    if (T && g < e.length)
-      for (let I = g; I < e.length; I++) {
-        const M = e[I];
-        if (M.type === "field") {
-          const j = !o.value || o.value === "" ? r(M.content) : "", B = c(M.content, j);
-          n.push({ node: B, isField: !0 });
-        } else
-          n.push({
-            node: document.createTextNode(M.content),
-            isField: !1
-          });
+      if (u) {
+        const r = i.getSelection();
+        return r.rangeCount > 0 ? r.getRangeAt(0) : null;
       }
-    return { success: T, elements: n };
-  }, R = () => {
-    if (!t.value) return;
-    o.isInternalUpdate = !0;
-    const e = u(o.template), l = _(e, o.value);
-    a(), W(() => {
-      if (S(), l) {
-        const n = l.textContent || "", s = J(n);
-        s && s.trim() !== "" ? b(l, "inside", !1) : b(l, "inside", !0);
-      } else
-        L();
-      o.isInternalUpdate = !1;
-    });
-  }, w = () => {
-    if (o.isComposing) return;
-    $(), C(), m(), S();
-    const e = i();
-    e !== o.value && (o.onValueChange(e), o.onInput(e)), a(e), e === "" && t.value && Array.from(t.value.childNodes).every((n) => n.nodeType === Node.ELEMENT_NODE && n.classList.contains("template-field") ? Et(n) : !!(n.nodeType === Node.TEXT_NODE && ee(n.textContent || ""))) && $();
-  }, m = () => {
-    if (!t.value) return;
-    _t(t.value), t.value.querySelectorAll(".template-field").forEach((l) => {
-      Be(l);
-    });
-  }, $ = () => {
-    if (!t.value) return;
-    const e = [];
-    t.value.childNodes.forEach((l) => {
-      if (l.nodeType === Node.TEXT_NODE) {
-        const n = l.textContent || "";
-        if (ee(n)) {
-          const s = l.previousSibling;
-          if (s && s.nodeType === Node.ELEMENT_NODE && s.classList.contains("template-field"))
-            return;
-        }
-        (n.trim() === "" || ee(n)) && e.push(l);
-      } else l.nodeType === Node.ELEMENT_NODE && l.tagName.toLowerCase() === "br" && e.push(l);
-    }), e.forEach((l) => {
-      l.parentNode && l.parentNode.removeChild(l);
-    });
-  }, V = (e) => {
-    if (!o.template || !o.initialValues)
-      return "字段";
-    for (const [l, n] of Object.entries(o.initialValues))
-      if (n === e)
-        return l;
-    return e.length <= 2 || /^[[\]{}()]+$/.test(e) || e.includes("[") && e.includes("]") ? e : "字段";
-  }, K = (e) => {
-    const l = e.getAttribute("data-placeholder");
-    if (l)
-      return l;
-    const n = e.getAttribute("title") || e.getAttribute("data-field") || e.getAttribute("data-key") || e.getAttribute("placeholder") || "";
-    if (n)
       return n;
-    const s = e.textContent || "";
-    return V(s);
-  }, C = () => {
-    if (!t.value) return;
-    t.value.querySelectorAll("span").forEach((l) => {
-      const n = l, s = n.style, g = n.classList.contains("template-field"), T = n.hasAttribute("data-placeholder");
-      if (g && T)
+    }, W = (e, t) => {
+      var i;
+      if (!e.firstChild || e.firstChild.nodeType !== Node.TEXT_NODE)
+        return { node: e, offset: 0 };
+      const n = ((i = e.firstChild.textContent) == null ? void 0 : i.length) ?? 0;
+      return { node: e.firstChild, offset: Math.min(t, n) };
+    }, G = (e, t, n, i) => {
+      const r = window.getSelection();
+      if (!r)
+        return;
+      const { node: p, offset: _ } = W(e, t);
+      if (!n) {
+        r.setBaseAndExtent(p, _, p, _);
         return;
-      const I = s.backgroundColor && // 标准格式
-      (s.backgroundColor === "rgba(0, 0, 0, 0.05)" || s.backgroundColor === "rgba(0, 0, 0, 0.08)" || // 可能的变体格式
-      s.backgroundColor.includes("rgba(0, 0, 0, 0.05)") || s.backgroundColor.includes("rgba(0, 0, 0, 0.08)") || // 十六进制或其他可能的格式
-      s.backgroundColor.toLowerCase().includes("0.05") || s.backgroundColor.toLowerCase().includes("0.08")), M = s.borderRadius === "4px" || s.padding === "3px 8px" || s.margin === "0px 2px" || s.whiteSpace === "nowrap" && s.padding && s.margin;
-      if (I || M || T) {
-        if (n.className = "template-field", !n.getAttribute("data-placeholder")) {
-          const B = K(n);
-          B && n.setAttribute("data-placeholder", B);
+      }
+      const { node: E, offset: j } = W(n, i ?? 0);
+      r.setBaseAndExtent(p, _, E, j);
+    }, ye = (e, t) => {
+      const n = f(), i = { id: n, type: "text", content: e };
+      if (t) {
+        const r = T.value.findIndex((p) => p.id === t);
+        r !== -1 ? (H(
+          T.value.slice(0, r + 1).concat(i).concat(T.value.slice(r + 1))
+        ), k.commit(z(T.value))) : console.warn(`can not find item with id: ${t}`);
+      } else
+        H([i].concat(T.value)), k.commit(z(T.value));
+      te(() => {
+        var p;
+        const r = (p = O.value) == null ? void 0 : p.querySelector(`[data-id="${n}"][data-type="text"]`);
+        r && G(r, e.length);
+      }), y.value = M(T.value);
+    }, se = A({
+      hasStarted: !1,
+      range: null
+    }), xe = (e) => {
+      var E;
+      const t = e;
+      e.preventDefault();
+      const { inputType: n } = t, i = (t.data || ((E = t.dataTransfer) == null ? void 0 : E.getData("text/plain")) || "").replace(h, "").replace(w, ""), r = t.getTargetRanges()[0];
+      if (!r) {
+        console.warn("range is null", r);
+        return;
+      }
+      const p = [
+        "insertText",
+        "insertFromPaste",
+        "insertReplacementText",
+        "deleteContentBackward",
+        "deleteContentForward",
+        "deleteWordBackward",
+        "deleteWordForward",
+        "deleteSoftLineBackward",
+        "deleteSoftLineForward",
+        "deleteByCut"
+      ], _ = le(O.value);
+      if (p.includes(n)) {
+        if (i && X(r.startContainer) && X(r.endContainer)) {
+          _ && U.set(k.get(), Z(_)), ye(i);
+          return;
         }
-        n.removeAttribute("style");
-        const j = n.textContent || "";
-        f(n, j);
+        const j = Z(r);
+        j.startId && j.endId ? (_ && U.set(k.get(), Z(_)), ce(j, n, i)) : console.warn("range is not valid, range:", j);
+      } else n === "insertCompositionText" && se.value.hasStarted && (se.value = { hasStarted: !1, range: Z(r) });
+    }, Z = (e) => {
+      const t = J(e.startContainer, O.value), n = J(e.endContainer, O.value);
+      return {
+        collapsed: e.collapsed,
+        endContainer: e.endContainer,
+        endId: n == null ? void 0 : n.dataset.id,
+        endEl: n,
+        endOffset: e.endOffset,
+        endType: n == null ? void 0 : n.dataset.type,
+        startContainer: e.startContainer,
+        startId: t == null ? void 0 : t.dataset.id,
+        startEl: t,
+        startOffset: e.startOffset,
+        startType: t == null ? void 0 : t.dataset.type
+      };
+    }, ke = (e, t, n, i) => e.slice(0, n) + t + e.slice(i), ce = (e, t, n) => {
+      const i = Le(e);
+      if (!Array.isArray(i) || i.length === 0)
+        return;
+      const r = De(i, e, t, n);
+      if (r.some((R) => R.tag === "new")) {
+        const { afterId: R, content: $ } = r[0];
+        ye($, R);
+        return;
       }
-    });
-  }, S = () => {
-    if (!t.value) return;
-    t.value.querySelectorAll(".template-field").forEach((l) => {
-      const n = l.textContent || "";
-      f(l, n);
-    });
-  };
-  return {
-    // 状态
-    hasContent: h,
-    // 解析和DOM操作
-    parseTemplateToParts: u,
-    getValueFromDOM: i,
-    getInitialContentForField: r,
-    createFieldElement: c,
-    // 光标操作
-    setCursorTo: b,
-    setCursorToEnd: L,
-    // DOM更新
-    updateEditorDOM: R,
-    renderTemplateToDOM: _,
-    // 事件处理
-    handleInput: w,
-    checkHasContent: a,
-    cleanupEmptyTextNodes: $,
-    // 推断 placeholder
-    inferPlaceholderForContent: V,
-    extractPlaceholderFromElement: K,
-    // 方法
-    resetFields: () => {
-      if (!t.value) return;
-      o.isInternalUpdate = !0;
-      const e = t.value;
-      e.innerHTML = "";
-      const l = u(o.template);
-      let n = "";
-      l.forEach((s) => {
-        if (s.type === "field") {
-          const g = r(s.content), T = c(s.content, g);
-          g && (n += g), e.appendChild(T);
-        } else
-          e.appendChild(document.createTextNode(s.content)), n += s.content;
-      }), o.onValueChange(n), L(), a(n), W(() => {
-        o.isInternalUpdate = !1;
-      });
-    },
-    activateFirstField: () => {
-      var l;
-      const e = (l = t.value) == null ? void 0 : l.querySelector(".template-field");
-      e ? b(e, "inside", !1) : L();
-    },
-    // 选项更新
-    updateOptions: x
-  };
-}
-const At = /* @__PURE__ */ be({
-  __name: "TemplateEditor",
-  props: /* @__PURE__ */ Fe({
-    value: {},
-    autofocus: { type: Boolean }
-  }, {
-    value: { default: "" },
-    valueModifiers: {}
-  }),
-  emits: /* @__PURE__ */ Fe(["input", "content-status", "submit", "focus", "blur", "empty-content"], ["update:value"]),
-  setup(t, { expose: y, emit: h }) {
-    const o = rt(t, "value"), x = t, u = h, i = O(null), r = O(""), c = O({}), f = O(!1), p = O(!1), a = It(i, {
-      template: r.value,
-      value: o.value,
-      initialValues: c.value,
-      isInternalUpdate: f,
-      isComposing: p,
-      onValueChange: (C) => {
-        if (o.value !== C) {
-          const S = f.value;
-          f.value = !0, o.value = C, W(() => {
-            f.value = S;
-          });
+      const p = r, _ = [];
+      for (const [R, $] of p.entries()) {
+        const L = T.value.find((m) => m.id === $.id), o = R === 0 ? n : "";
+        L ? L.type === "text" ? L.content = ke(L.content, o, $.startOffset, $.endOffset) : L.type === "template" ? $.type === "prefix" || $.type === "suffix" ? $.startOffset === 0 && $.endOffset === 1 && o.length === 0 ? L[$.type] = "" : console.warn(`${$.type} can not be inserted text. it only can be deleted`, $) : $.startOffset < 0 || $.endOffset > L.content.length ? _.push(L.id) : L.content = ke(L.content, o, $.startOffset, $.endOffset) : console.warn("dataItem.type is not text or template", L) : console.warn("can not find dataItem", $);
+      }
+      let E = T.value.filter((R) => !_.includes(R.id));
+      E = E.filter((R) => !(R.type === "template" && [R.prefix, R.suffix, R.content].join("").length === 0));
+      const j = /* @__PURE__ */ new Set();
+      E.forEach((R, $, L) => {
+        if (L.length >= 2) {
+          if ($ === 0 || $ === 1) {
+            const o = L[0], m = L[1];
+            if (o.type === "text" && o.content.length === 0 && m.type === "template")
+              return;
+          }
+          if ($ === L.length - 2 || $ === L.length - 1) {
+            const o = L[L.length - 1], m = L[L.length - 2];
+            if (o.type === "text" && o.content.length === 0 && m.type === "template")
+              return;
+          }
         }
-      },
-      onInput: (C) => {
-        u("input", C);
-      },
-      onContentStatusChange: (C) => u("content-status", C),
-      onSubmit: (C) => u("submit", C)
-    }), b = Nt({
-      editor: i,
-      isComposing: p,
-      getValueFromDOM: a.getValueFromDOM,
-      handleInput: a.handleInput,
-      onSubmit: (C) => u("submit", C)
-    }), L = (C, S) => {
-      let N = C;
-      return Object.entries(S).forEach(([X, e]) => {
-        const l = `[${X}]`;
-        N = N.replace(new RegExp(l.replace(/[[\]]/g, "\\$&"), "g"), e);
-      }), N;
-    }, _ = (C) => {
-      f.value = !0, r.value = C.template, c.value = C.initialValues || {};
-      const S = L(r.value, c.value);
-      a.updateOptions({
-        template: r.value,
-        value: S,
-        // 使用新生成的内容而不是旧的inputValue
-        initialValues: c.value
-      }), a.updateEditorDOM(), o.value = S, W(() => {
-        f.value = !1;
+        R.type === "text" && R.content.length === 0 && j.add(R.id);
+      }), E = E.filter((R) => !j.has(R.id));
+      for (const R of E.filter(($) => $.type === "template"))
+        R.prefix.length === 0 && (R.prefix = h), R.suffix.length === 0 && (R.suffix = w);
+      H(E), k.commit(z(T.value)), p.length > 0 && ge(p, n), y.value = M(T.value);
+    }, ge = (e, t) => {
+      const n = e[0], i = `[data-id="${n.id}"][data-type="${n.type}"]`, r = e.slice(1).map((p) => `[data-id="${p.id}"][data-type="${p.type}"]`);
+      te(() => {
+        var _, E;
+        const p = (_ = O.value) == null ? void 0 : _.querySelector(i);
+        if (p)
+          G(p, n.startOffset + t.length);
+        else if (t.length === 0)
+          for (const j of r) {
+            const R = (E = O.value) == null ? void 0 : E.querySelector(j);
+            if (R) {
+              G(R, 0);
+              break;
+            }
+          }
+        else
+          console.warn(`can not find el with selector: ${i}`);
       });
-    }, v = () => {
-      p.value = !0;
-    }, R = () => {
-      p.value = !1, a.handleInput();
-    }, w = (C) => {
-      var X;
-      if (!i.value) return;
-      const S = C.target;
-      let N = null;
-      if (S.classList.contains("template-field") ? N = S : (X = S.parentElement) != null && X.classList.contains("template-field") && (N = S.parentElement), N && (!N.textContent || N.textContent.trim() === "")) {
-        const e = z(i.value), l = document.createRange();
-        e && (l.selectNodeContents(N), l.collapse(!0), e.removeAllRanges(), e.addRange(l), N.focus(), C.preventDefault(), C.stopPropagation());
+    }, Le = (e) => {
+      const t = d.value.findIndex((_) => _.id === e.startId && _.type === e.startType), n = d.value.findIndex((_) => _.id === e.endId && _.type === e.endType);
+      if (t === -1 || n === -1 || t > n)
+        return console.warn("startIndex or endIndex is -1, or startIndex > endIndex. ", { range: e }), null;
+      const i = d.value[t], r = d.value[n];
+      if (t === n)
+        return [
+          {
+            id: i.id,
+            type: i.type,
+            startOffset: e.startOffset,
+            endOffset: e.endOffset
+          }
+        ];
+      const p = [
+        {
+          id: i.id,
+          type: i.type,
+          startOffset: e.startOffset,
+          endOffset: i.content.length
+        }
+      ];
+      for (let _ = t + 1; _ < n; _++) {
+        const E = d.value[_];
+        p.push({
+          id: E.id,
+          type: E.type,
+          startOffset: 0,
+          endOffset: E.content.length
+        });
       }
-    }, m = (C) => {
-      if (typeof ShadowRoot.prototype.getSelection != "function")
-        return;
-      C.preventDefault();
-      const S = C.clipboardData;
-      if (!S) return;
-      const N = S.getData("text/html"), X = S.getData("text/plain");
-      if (N) {
-        const e = document.createElement("div");
-        e.innerHTML = N;
-        const l = e.querySelectorAll("span");
-        let n = !1;
-        if (l.forEach((s) => {
-          const g = s, T = g.style, I = g.classList.contains("template-field"), M = g.hasAttribute("data-placeholder"), j = T.backgroundColor && // 标准格式
-          (T.backgroundColor === "rgba(0, 0, 0, 0.05)" || T.backgroundColor === "rgba(0, 0, 0, 0.08)" || // 可能的变体格式
-          T.backgroundColor.includes("rgba(0, 0, 0, 0.05)") || T.backgroundColor.includes("rgba(0, 0, 0, 0.08)") || // 十六进制或其他可能的格式
-          T.backgroundColor.toLowerCase().includes("0.05") || T.backgroundColor.toLowerCase().includes("0.08")), B = T.borderRadius === "4px" || T.padding === "3px 8px" || T.margin === "0px 2px" || T.whiteSpace === "nowrap";
-          if (I || M || j || B) {
-            if (n = !0, g.className = "template-field", !g.getAttribute("data-placeholder")) {
-              const q = a.extractPlaceholderFromElement(g);
-              q && g.setAttribute("data-placeholder", q);
-            }
-            g.removeAttribute("style");
+      return p.push({
+        id: r.id,
+        type: r.type,
+        startOffset: 0,
+        endOffset: e.endOffset
+      }), p;
+    }, De = (e, t, n, i) => {
+      const r = e[0];
+      if (r.type !== "prefix" && r.type !== "suffix")
+        return e;
+      if (e.length === 1) {
+        if (t.collapsed)
+          if (t.startOffset === 0) {
+            const p = ae(r, i);
+            return p ? [p] : [];
+          } else {
+            const p = de(r, i);
+            return p ? [p] : [];
+          }
+        if (n.startsWith("insert"))
+          if (l) {
+            const p = ae(r, i);
+            return p ? [p] : [];
+          } else {
+            const p = de(r, i);
+            return p ? [p] : [];
+          }
+        if (n.startsWith("delete")) {
+          if (n.includes("Backward")) {
+            const p = ae(r, i, 1);
+            return p ? [p] : [];
+          } else if (n.includes("Forward")) {
+            const p = de(r, i, 1);
+            return p ? [p] : [];
           }
-        }), n) {
-          $(e);
-          return;
         }
       }
-      X && V(X);
-    }, $ = (C) => {
-      const S = z(i.value);
-      if (S && S.rangeCount > 0) {
-        const N = S.getRangeAt(0);
-        N.deleteContents();
-        const X = document.createDocumentFragment();
-        for (; C.firstChild; )
-          X.appendChild(C.firstChild);
-        N.insertNode(X), N.collapse(!1), S.removeAllRanges(), S.addRange(N), K();
+      return i.length > 0 ? e.slice(1) : e;
+    }, ae = (e, t, n = 0) => {
+      const i = d.value.findIndex((r) => r.id === e.id && r.type === e.type);
+      if (i > 0) {
+        const r = d.value[i - 1], { id: p, type: _, content: E } = r;
+        if (_ === "text" || _ === "template")
+          return {
+            id: p,
+            type: _,
+            startOffset: E.length - n,
+            endOffset: E.length
+          };
+        if (t.length > 0)
+          return { tag: "new", afterId: p, type: "text", content: t };
+        if (console.warn("the previous item is not text or template", { current: e, previous: r }), n === 1)
+          return { ...e, endOffset: e.startOffset };
+      } else return t.length > 0 ? { tag: "new", type: "text", content: t } : (console.warn("the previous item of current is not found", { current: e }), null);
+      return e;
+    }, de = (e, t, n = 0) => {
+      const i = d.value.findIndex((r) => r.id === e.id && r.type === e.type);
+      if (i < d.value.length - 1) {
+        const r = d.value[i + 1], { id: p, type: _ } = r;
+        if (_ === "text" || _ === "template")
+          return {
+            id: p,
+            type: _,
+            startOffset: 0,
+            endOffset: 0 + n
+          };
+        if (t.length > 0)
+          return { tag: "new", afterId: e.id, type: "text", content: t };
+        if (console.warn("the next item is not text or template", { current: e, next: r }), n === 1)
+          return { ...e, startOffset: e.endOffset };
+      } else return t.length > 0 ? { tag: "new", afterId: e.id, type: "text", content: t } : (console.warn("the next item of current is not found", { current: e }), null);
+      return e;
+    }, Ie = () => {
+      se.value = { hasStarted: !0, range: null };
+    }, me = (e) => {
+      const t = se.value.range;
+      t ? (e.data && X(t.startContainer) && X(t.endContainer) ? (U.set(k.get(), Z(t)), ye(e.data)) : t.startId && t.endId ? (U.set(k.get(), Z(t)), ce(t, "insertCompositionText", e.data)) : console.warn("range is not valid, range:", t), V.value++) : console.warn("range is null, compositionEnd:", e), se.value = { hasStarted: !1, range: null };
+    }, fe = (() => {
+      const e = navigator.userAgent.toLowerCase();
+      return /macintosh|mac os x|iphone|ipad|ipod/.test(e);
+    })(), pe = (e) => {
+      const t = fe && e.metaKey && !e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Z
+      !fe && e.ctrlKey && !e.shiftKey && e.key.toLowerCase() === "z", n = fe && e.metaKey && e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Shift+z
+      !fe && e.ctrlKey && (e.key.toLowerCase() === "y" || e.shiftKey && e.key.toLowerCase() === "z"), i = e.key.toLowerCase() === "enter";
+      if (t) {
+        e.preventDefault();
+        const r = le(O.value);
+        r && U.set(k.get(), Z(r));
+        const p = k.undo();
+        p && Te(p);
       }
-    }, V = (C) => {
-      const S = z(i.value);
-      if (S && S.rangeCount > 0) {
-        const N = S.getRangeAt(0);
-        N.deleteContents(), N.insertNode(document.createTextNode(C)), N.collapse(!1), S.removeAllRanges(), S.addRange(N), K();
+      if (n) {
+        e.preventDefault();
+        const r = k.redo();
+        r && Te(r);
       }
-    }, K = () => {
-      p.value = !1, W(() => {
-        a.handleInput();
-        const C = a.getValueFromDOM();
-        if (C !== o.value) {
-          const S = f.value;
-          f.value = !0, o.value = C, u("input", C), W(() => {
-            f.value = S;
-          });
-        }
-        setTimeout(() => {
-          const S = a.getValueFromDOM();
-          S !== o.value && (f.value = !0, o.value = S, u("input", S), W(() => {
-            f.value = !1;
-          }));
-        }, 50);
+      i && (e.preventDefault(), K("submit"));
+    }, Te = (e) => {
+      const { data: t } = ee(e);
+      if (H(t), U.has(e)) {
+        const n = U.get(e);
+        te(() => {
+          const i = O.value.querySelector(`[data-id="${n.startId}"][data-type="${n.startType}"]`), r = O.value.querySelector(`[data-id="${n.endId}"][data-type="${n.endType}"]`);
+          i && G(i, n.startOffset, r, n.endOffset);
+        });
+      }
+      y.value = M(T.value);
+    }, Re = (e, t) => {
+      var r, p;
+      const n = (r = O.value) == null ? void 0 : r.querySelector(`[data-id="${e}"][data-type="${t}"]`);
+      if (!n) return;
+      const i = ((p = n.textContent) == null ? void 0 : p.length) || 0;
+      G(n, i);
+    }, Ke = () => {
+      O.value && te(() => {
+        const e = T.value, t = e.find((i) => i.type === "template");
+        t && Re(t.id, "template"), e.every((i) => i.type === "text") && e.length === 1 && Re(e[0].id, "text");
       });
-    };
-    return ut(() => {
-      r.value && a.updateEditorDOM(), x.autofocus && i.value && a.setCursorToEnd();
-    }), te(
-      () => r.value,
-      () => {
-        f.value || (a.updateOptions({
-          template: r.value,
-          value: o.value,
-          initialValues: c.value
-        }), a.updateEditorDOM());
+    }, Ae = () => {
+      k.clear(), U.clear();
+    }, Oe = () => {
+      if (!O.value || se.value.range)
+        return;
+      const e = le(O.value);
+      if (e != null && e.collapsed && v.value.length > 0) {
+        const t = Z(e), n = v.value[0];
+        if (t.startEl && t.startId === n.id && t.startOffset === 0 && n.content === x && n.type === "text") {
+          G(t.startEl, 1);
+          return;
+        }
+        const i = v.value[v.value.length - 1];
+        if (t.endEl && t.endId === i.id && t.endOffset === 1 && i.content === x && i.type === "text") {
+          G(t.endEl, 0);
+          return;
+        }
       }
-    ), te(
-      () => c.value,
-      () => {
-        f.value || (a.updateOptions({
-          template: r.value,
-          value: o.value,
-          initialValues: c.value
-        }), a.updateEditorDOM());
-      },
-      { deep: !0 }
-    ), te(
-      () => o.value,
-      (C) => {
-        f.value || (a.updateOptions({
-          template: r.value,
-          value: C,
-          initialValues: c.value
-        }), a.updateEditorDOM()), (!C || C.trim() === "") && u("empty-content");
+    };
+    return it(() => {
+      document.addEventListener("selectionchange", Oe);
+    }), ut(() => {
+      document.removeEventListener("selectionchange", Oe);
+    }), c({
+      clearHistory: Ae,
+      activateFirstField: Ke
+    }), (e, t) => (b(), I("div", At, [
+      (b(), I("div", {
+        contenteditable: "true",
+        ref_key: "editorRef",
+        ref: O,
+        key: V.value,
+        class: "editor",
+        onBeforeinput: xe,
+        onCompositionstart: Ie,
+        onCompositionend: me,
+        onKeydown: pe
+      }, [
+        (b(!0), I(ve, null, _e(P.value, (n) => (b(), Y(Kt, we({
+          key: `${n.id}-${n.type}`
+        }, { ref_for: !0 }, n), null, 16))), 128))
+      ], 32))
+    ]));
+  }
+}), Ft = /* @__PURE__ */ Ce(Pt, [["__scopeId", "data-v-5fda773e"]]), Xe = (a, c) => {
+  if (!c.length)
+    return [{ text: a, isMatch: !1 }];
+  const s = [];
+  for (const l of c) {
+    if (!l) continue;
+    let f = 0;
+    const x = a.toLowerCase(), h = l.toLowerCase();
+    for (; ; ) {
+      const w = x.indexOf(h, f);
+      if (w === -1) break;
+      s.push({
+        start: w,
+        end: w + l.length
+      }), f = w + 1;
+    }
+  }
+  if (s.length === 0)
+    return [{ text: a, isMatch: !1 }];
+  s.sort((l, f) => l.start - f.start);
+  const u = [];
+  for (const l of s)
+    if (u.length === 0)
+      u.push(l);
+    else {
+      const f = u[u.length - 1];
+      l.start <= f.end ? f.end = Math.max(f.end, l.end) : u.push(l);
+    }
+  const g = [];
+  let S = 0;
+  for (const l of u)
+    S < l.start && g.push({
+      text: a.substring(S, l.start),
+      isMatch: !1
+    }), g.push({
+      text: a.substring(l.start, l.end),
+      isMatch: !0
+    }), S = l.end;
+  return S < a.length && g.push({
+    text: a.substring(S),
+    isMatch: !1
+  }), g;
+}, Mt = (a, c) => !c || !a ? [{ text: a, isMatch: !1 }] : Xe(a, [c]), Vt = (a, c) => {
+  const { content: s, highlights: u } = a;
+  return typeof u == "function" ? u(s, c) : Array.isArray(u) ? Xe(s, u) : Mt(s, c);
+}, Wt = ["onMouseenter", "onMousedown"], Nt = { class: "suggestion-list__text" }, Ht = /* @__PURE__ */ Se({
+  __name: "SuggestionList",
+  props: {
+    show: { type: Boolean },
+    suggestions: {},
+    popupStyle: {},
+    activeKeyboardIndex: {},
+    activeMouseIndex: {},
+    inputValue: {}
+  },
+  emits: ["select", "mouse-enter", "mouse-leave"],
+  setup(a, { emit: c }) {
+    const s = a, u = c, g = A(null), S = (h) => h === s.activeKeyboardIndex || h === s.activeMouseIndex, l = (h) => {
+      u("mouse-enter", h);
+    }, f = () => {
+      u("mouse-leave");
+    }, x = (h) => {
+      u("select", h);
+    };
+    return ne(
+      () => s.activeKeyboardIndex,
+      (h) => {
+        if (h !== -1 && g.value) {
+          const w = g.value.children[h];
+          w && w.scrollIntoView({ block: "nearest" });
+        }
       }
-    ), y({
-      focus: () => {
-        var C;
-        (C = i.value) == null || C.focus(), a.setCursorToEnd();
-      },
-      resetFields: a.resetFields,
-      activateFirstField: a.activateFirstField,
-      getValueFromDOM: a.getValueFromDOM,
-      setTemplate: _
-    }), (C, S) => (D(), A("div", {
-      class: "template-editor",
-      ref_key: "contentEditableRef",
-      ref: i,
-      contenteditable: "true",
-      onInput: S[0] || (S[0] = //@ts-ignore
-      (...N) => E(a).handleInput && E(a).handleInput(...N)),
-      onKeydown: S[1] || (S[1] = //@ts-ignore
-      (...N) => E(b).handleTemplateKeyDown && E(b).handleTemplateKeyDown(...N)),
-      onClick: w,
-      onCompositionstart: v,
-      onCompositionend: R,
-      onFocus: S[2] || (S[2] = (N) => C.$emit("focus", N)),
-      onBlur: S[3] || (S[3] = (N) => C.$emit("blur", N)),
-      onPaste: m
-    }, null, 544));
+    ), (h, w) => (b(), Y(Ve, { name: "tiny-sender-slide-up" }, {
+      default: he(() => [
+        s.show && s.suggestions.length ? (b(), I("div", {
+          key: 0,
+          ref_key: "suggestionsListRef",
+          ref: g,
+          class: "suggestion-list",
+          style: Je(s.popupStyle)
+        }, [
+          (b(!0), I(ve, null, _e(s.suggestions, (y, K) => (b(), I("div", {
+            key: K,
+            class: oe(["suggestion-list__item", { highlighted: S(K) }]),
+            onMouseenter: (V) => l(K),
+            onMouseleave: f,
+            onMousedown: ct((V) => x(y.content), ["prevent"])
+          }, [
+            Q(C(_t), { class: "suggestion-list__icon" }),
+            q("span", Nt, [
+              (b(!0), I(ve, null, _e(C(Vt)(y, s.inputValue), (V, F) => (b(), I("span", {
+                key: F,
+                class: oe({
+                  "suggestion-list__text--match": V.isMatch,
+                  "suggestion-list__text--normal": !V.isMatch
+                })
+              }, ue(V.text), 3))), 128))
+            ])
+          ], 42, Wt))), 128))
+        ], 4)) : N("", !0)
+      ]),
+      _: 1
+    }));
   }
-}), Mt = ["data-theme"], Vt = { class: "tiny-sender__container" }, Bt = {
+}), Ut = /* @__PURE__ */ Ce(Ht, [["__scopeId", "data-v-e0ec9fe3"]]), qt = ["data-theme"], zt = { class: "tiny-sender__container" }, Gt = {
   key: 0,
   class: "tiny-sender__header-slot"
-}, Wt = {
+}, jt = {
   key: 0,
   class: "tiny-sender__prefix-slot"
-}, $t = { class: "tiny-sender__content-area" }, Pt = {
+}, Jt = { class: "tiny-sender__content-area" }, Xt = {
   key: 0,
   class: "tiny-sender__decorative-content"
-}, Ht = {
+}, Zt = {
   key: 2,
   class: "tiny-sender__input-field-wrapper"
-}, Kt = {
+}, Qt = {
   key: 0,
   class: "tiny-sender__completion-placeholder"
-}, Xt = { class: "user-input-mirror" }, qt = {
+}, Yt = { class: "user-input-mirror" }, en = {
   key: 0,
   class: "tiny-sender__tab-hint"
-}, zt = {
+}, tn = {
   key: 1,
   class: "tiny-sender__actions-slot"
-}, jt = { class: "tiny-sender__footer-left" }, Ut = { class: "tiny-sender__footer-right" }, Zt = { class: "real-word-length" }, Gt = {
+}, nn = {
+  key: 0,
+  class: "tiny-sender__footer-slot tiny-sender__bottom-row"
+}, on = { class: "tiny-sender__footer-left" }, sn = { class: "tiny-sender__footer-right" }, an = { class: "real-word-length" }, ln = {
   key: 1,
   class: "tiny-sender__toolbar"
-}, Jt = { class: "tiny-sender__buttons-container" }, Qt = {
+}, rn = { class: "tiny-sender__buttons-container" }, un = {
   key: 1,
   class: "tiny-sender__footer-slot"
-}, Yt = ["onMouseenter", "onMousedown"], en = { class: "suggestion-item__text" }, tn = {
-  key: 0,
-  class: "tiny-sender__error"
-}, pe = /* @__PURE__ */ be({
+}, cn = /* @__PURE__ */ Se({
   __name: "index",
   props: {
     autofocus: { type: Boolean, default: !1 },
@@ -1065,367 +993,362 @@ const At = /* @__PURE__ */ be({
     modelValue: { default: "" },
     mode: { default: "single" },
     maxLength: { default: 1 / 0 },
+    buttonGroup: {},
     submitType: { default: "enter" },
     speech: { type: [Boolean, Object] },
     placeholder: { default: "请输入内容..." },
     showWordLimit: { type: Boolean, default: !1 },
     suggestions: { default: () => [] },
     suggestionPopupWidth: { default: 400 },
+    activeSuggestionKeys: {},
     theme: { default: "light" },
-    template: { default: "" },
-    hasContent: { type: Boolean, default: void 0 },
-    templateInitialValues: { default: () => ({}) }
+    templateData: { default: () => [] },
+    stopText: { default: "" }
   },
-  emits: ["update:modelValue", "submit", "clear", "speech-start", "speech-end", "speech-interim", "speech-error", "suggestion-select", "focus", "blur", "escape-press", "cancel", "reset-template"],
-  setup(t, { expose: y, emit: h }) {
-    const o = t, x = h, u = O(null), i = O(null), r = O(null), c = O(null), f = O(null), p = O(!1), { inputValue: a, isComposing: b, clearInput: L } = wt(o, x), {
-      showSuggestionsPopup: _,
-      completionPlaceholder: v,
-      showTabHint: R,
-      suggestionsListRef: w,
-      filteredSuggestions: m,
-      activeSuggestion: $,
-      isItemHighlighted: V,
-      updateSuggestionsState: K,
-      selectSuggestion: C,
-      acceptCurrentSuggestion: S,
-      closeSuggestionsPopup: N,
-      navigateSuggestions: X,
-      handleSuggestionItemHover: e,
-      handleSuggestionItemLeave: l,
-      highlightSuggestionText: n
-    } = Rt(o, x, a, b), s = O(o.mode), g = O(!1), T = () => {
-      s.value === "single" && (s.value = "multiple", W(() => {
+  emits: ["update:modelValue", "update:templateData", "submit", "clear", "speech-start", "speech-end", "speech-interim", "speech-error", "suggestion-select", "focus", "blur", "escape-press", "cancel", "reset-template", "files-selected"],
+  setup(a, { expose: c, emit: s }) {
+    var L;
+    const u = a, g = s, S = A(null), l = A(null), f = A(null), x = A(null), h = A(null), w = B(() => u.templateData && u.templateData.length > 0), { inputValue: y, isComposing: K, clearInput: V } = Ct(u, g), F = B(() => !!y.value.trim()), M = B(() => {
+      var o, m;
+      return !(u.disabled || u.loading || !F.value || be.value || (m = (o = u.buttonGroup) == null ? void 0 : o.submit) != null && m.disabled);
+    }), {
+      isPopupVisible: T,
+      activeSuggestion: H,
+      activeKeyboardIndex: v,
+      activeMouseIndex: d,
+      autoCompleteText: P,
+      showTabIndicator: O,
+      syncAutoComplete: z,
+      closePopup: ee,
+      applySuggestion: U,
+      confirmSelection: k,
+      navigateWithKeyboard: J,
+      handleMouseEnter: X,
+      handleMouseLeave: le
+    } = It(
+      B(() => u.suggestions),
+      y,
+      K,
+      w,
+      (o) => g("update:modelValue", o),
+      (o) => g("suggestion-select", o)
+    ), W = A(u.mode), G = A(!1), ye = () => {
+      W.value === "single" && (W.value = "multiple", te(() => {
         setTimeout(() => {
-          const d = document.querySelector(".tiny-textarea__inner");
-          if (d) {
-            d.style.whiteSpace = "pre-wrap";
-            const k = a.value.length;
-            d.focus(), d.setSelectionRange(k, k);
+          const o = document.querySelector(".tiny-textarea__inner");
+          if (o) {
+            o.style.whiteSpace = "pre-wrap";
+            const m = y.value.length;
+            o.focus(), o.setSelectionRange(m, m);
           }
         }, 50);
       }));
-    }, I = (d, k) => {
-      const F = document.createElement("span");
-      F.style.visibility = "hidden", F.style.position = "absolute", F.style.whiteSpace = "nowrap", F.style.font = k, F.textContent = d, document.body.appendChild(F);
-      const ne = F.offsetWidth;
-      return document.body.removeChild(F), ne;
-    }, M = () => {
-      var ce, xe, ke;
-      if (o.mode !== "single" || !u.value || g.value || !i.value || !c.value) return;
-      const d = i.value.querySelector(".tiny-sender__content-area");
-      if (!d) return;
-      const k = ((xe = (ce = u.value) == null ? void 0 : ce.querySelector) == null ? void 0 : xe.call(ce, ".tiny-input__inner")) || d.querySelector(".tiny-input__inner"), F = f.value || i.value.querySelector(".tiny-sender__buttons-container");
-      if (!k) {
+    }, se = (o, m) => {
+      const D = document.createElement("span");
+      D.style.visibility = "hidden", D.style.position = "absolute", D.style.whiteSpace = "nowrap", D.style.font = m, D.textContent = o, document.body.appendChild(D);
+      const re = D.offsetWidth;
+      return document.body.removeChild(D), re;
+    }, xe = () => {
+      var Ee, He, Ue;
+      if (u.mode !== "single" || !S.value || G.value || !l.value || !x.value) return;
+      const o = l.value.querySelector(".tiny-sender__content-area");
+      if (!o) return;
+      const m = ((He = (Ee = S.value) == null ? void 0 : Ee.querySelector) == null ? void 0 : He.call(Ee, ".tiny-input__inner")) || o.querySelector(".tiny-input__inner"), D = h.value || l.value.querySelector(".tiny-sender__buttons-container");
+      if (!m) {
         console.warn("Cannot find input element for overflow check");
         return;
       }
-      const ne = k.getBoundingClientRect(), Z = F == null ? void 0 : F.getBoundingClientRect();
-      if (ne.width === 0) {
-        setTimeout(() => M(), 50);
+      const re = m.getBoundingClientRect(), Pe = D == null ? void 0 : D.getBoundingClientRect();
+      if (re.width === 0) {
+        setTimeout(() => xe(), 50);
         return;
       }
-      const ge = window.getComputedStyle(k).font, nt = I(a.value, ge), Te = (ke = i.value) == null ? void 0 : ke.classList.contains("tr-sender-compact"), st = Te ? 12 : 20, lt = ne.width, at = (Z == null ? void 0 : Z.width) || 0, Ne = lt - at - st, ot = Te ? 50 : 80;
-      nt > Ne && Ne > ot && s.value === "single" && (g.value = !0, s.value = "multiple", W(() => {
-        u.value ? setTimeout(() => {
-          var Re;
-          const de = (Re = i.value) == null ? void 0 : Re.querySelector(".tiny-textarea__inner");
-          if (de) {
-            de.style.whiteSpace = "pre-wrap";
-            const De = a.value.length;
-            de.focus(), de.setSelectionRange(De, De);
+      const Ze = window.getComputedStyle(m).font, Qe = se(y.value, Ze), We = (Ue = l.value) == null ? void 0 : Ue.classList.contains("tr-sender-compact"), Ye = We ? 12 : 20, et = re.width, tt = (Pe == null ? void 0 : Pe.width) || 0, Ne = et - tt - Ye, nt = We ? 50 : 80;
+      Qe > Ne && Ne > nt && W.value === "single" && (G.value = !0, W.value = "multiple", te(() => {
+        S.value ? setTimeout(() => {
+          var qe;
+          const $e = (qe = l.value) == null ? void 0 : qe.querySelector(".tiny-textarea__inner");
+          if ($e) {
+            $e.style.whiteSpace = "pre-wrap";
+            const ze = y.value.length;
+            $e.focus(), $e.setSelectionRange(ze, ze);
           }
-          g.value = !1;
-        }, 300) : g.value = !1;
+          G.value = !1;
+        }, 300) : G.value = !1;
       }));
-    }, j = () => {
-      if (p.value && r.value)
-        Ce();
-      else if (u.value)
-        u.value.focus();
+    }, Z = () => {
+      if (w.value && f.value)
+        p();
+      else if (S.value)
+        S.value.focus();
       else {
-        const d = document.querySelector(".tiny-input__inner");
-        d == null || d.focus();
+        const o = document.querySelector(".tiny-input__inner");
+        o == null || o.focus();
       }
-    }, B = () => {
-      p.value = !1, x("reset-template"), W(() => {
-        a.value === "" && (s.value = o.mode || "single"), setTimeout(() => {
-          j();
+    }, ke = () => {
+      if (S.value)
+        S.value.blur();
+      else {
+        const o = document.querySelector(".tiny-input__inner");
+        o == null || o.blur();
+      }
+    }, ce = () => {
+      var o;
+      g("update:templateData", []), (o = f.value) == null || o.clearHistory(), te(() => {
+        y.value === "" && (W.value = u.mode || "single"), setTimeout(() => {
+          Z();
         }, 50);
       });
-    }, q = () => {
-      var d;
-      L(), p.value ? B() : (d = i.value) == null || d.focus(), W(() => {
-        a.value === "" && (s.value = o.mode || "single");
-      }), N();
-    }, He = (d) => {
-      x("update:modelValue", d);
-    }, Ce = () => {
-      r.value && r.value.activateFirstField();
-    }, Ke = (d, k) => {
-      p.value = !0, W(() => {
-        r.value && r.value.setTemplate({ template: d, initialValues: k });
+    }, ge = () => {
+      var o;
+      V(), w.value ? ce() : (o = l.value) == null || o.focus(), te(() => {
+        y.value === "" && (W.value = u.mode || "single");
       });
-    }, Xe = P(() => {
-      const d = typeof o.speech == "object" ? o.speech : {};
+    }, Le = (o) => {
+      const m = (re) => re.type === "text" && re.content === "​";
+      if (o.length === 0 || o.every(m)) {
+        ce();
+        return;
+      }
+      g("update:templateData", o);
+    };
+    ne(
+      () => u.templateData,
+      () => {
+        y.value = u.templateData.map((o) => o.content).join("");
+      },
+      { deep: !0 }
+    );
+    const De = B(() => {
+      const o = typeof u.speech == "object" ? u.speech : {};
       return {
-        ...d,
-        onStart: () => x("speech-start"),
-        onEnd: (k) => x("speech-end", k),
-        onInterim: (k) => x("speech-interim", k),
-        onFinal: (k) => {
-          if (d.autoReplace)
-            a.value = k;
+        ...o,
+        onStart: () => g("speech-start"),
+        onEnd: (m) => g("speech-end", m),
+        onInterim: (m) => g("speech-interim", m),
+        onFinal: (m) => {
+          if (o.autoReplace)
+            y.value = m;
           else {
-            const F = a.value;
-            F && k && !F.endsWith(" ") && !k.startsWith(" ") && F.length > 0 ? a.value = F + " " + k : a.value = F + k;
+            const D = y.value;
+            D && m && !D.endsWith(" ") && !m.startsWith(" ") && D.length > 0 ? y.value = D + " " + m : y.value = D + m;
           }
-          x("speech-end", k);
+          g("speech-end", m);
         },
-        onError: (k) => {
-          et(k.message), x("speech-error", k);
+        onError: (m) => {
+          g("speech-error", m);
         }
       };
-    }), { speechState: ie, start: Se, stop: we } = xt(Xe.value), me = () => {
-      ie.isRecording ? we() : Se();
-    }, re = P(() => o.maxLength !== 1 / 0 && a.value.length > o.maxLength), { handleKeyPress: qe, triggerSubmit: he } = Tt(
-      o,
-      x,
-      a,
-      b,
-      ie,
-      _,
-      $,
-      S,
-      N,
-      X,
+    }), { speechState: ae, start: de, stop: Ie } = kt(De.value), me = () => {
+      ae.isRecording ? Ie() : de();
+    }, be = B(() => u.maxLength !== 1 / 0 && y.value.length > u.maxLength), { handleKeyPress: fe, triggerSubmit: pe } = xt(
+      u,
+      g,
+      y,
+      K,
+      ae,
+      T,
+      H,
+      k,
+      ee,
+      J,
       me,
-      re,
-      s,
-      T
-    ), ze = (d) => {
-      x("focus", d), a.value && m.value.length > 0 && !o.template && (_.value = !0, R.value = !0);
-    }, je = (d) => {
-      x("blur", d), N();
-    }, Ue = P(() => s.value === "multiple" ? "textarea" : "text"), Ze = P(
-      () => ({
-        display: "flex",
-        justifyContent: o.showWordLimit && o.maxLength !== 1 / 0 ? "space-between" : "flex-end",
-        alignItems: "center"
-      })
-    ), Ge = ct(), Je = P(() => !!Ge.decorativeContent), ue = P(() => o.disabled || Je.value), Ee = P(() => o.loading), _e = P(() => o.hasContent !== void 0 ? o.hasContent : !!a.value), Qe = P(() => ({
-      "is-disabled": ue.value,
-      "is-loading": Ee.value,
-      "has-error": !!oe.value,
-      "is-auto-switching": g.value
-    })), Ye = P(() => ({
-      width: mt(o.suggestionPopupWidth),
+      M,
+      W,
+      ye,
+      w,
+      ce
+    ), Te = (o) => {
+      g("focus", o), y.value && !w.value && (T.value = !0);
+    }, Re = (o) => {
+      g("blur", o), ee();
+    }, Ke = B(() => W.value === "multiple" ? "textarea" : "text"), Ae = dt(), Oe = B(() => !!Ae.decorativeContent), e = B(() => u.disabled || Oe.value), t = B(() => u.loading), n = B(() => ({
+      "is-disabled": e.value,
+      "is-loading": t.value,
+      "is-auto-switching": G.value
+    })), i = B(() => ({
+      width: St(u.suggestionPopupWidth),
       maxWidth: "100%"
       // 确保不超出父容器宽度
-    })), oe = O(""), et = (d) => {
-      oe.value = d, setTimeout(() => oe.value = "", 5e3);
-    }, tt = () => {
-      b.value = !1, setTimeout(() => {
-        b.value = !1, K();
-      }, 50);
+    })), r = () => {
+      K.value = !1;
     };
-    return te(a, () => {
-      W(M), a.value === "" && o.mode === "single" && (s.value = "single");
-    }), te(
-      () => p.value,
-      (d) => {
-        d && (s.value = "multiple");
+    ne(y, () => {
+      te(xe), y.value === "" && u.mode === "single" && (W.value = "single"), z();
+    }), ne(
+      () => w.value,
+      (o) => {
+        o && (W.value = "multiple");
       }
-    ), y({
-      focus: j,
-      blur: () => {
-        if (u.value)
-          u.value.blur();
-        else {
-          const d = document.querySelector(".tiny-input__inner");
-          d == null || d.blur();
-        }
-      },
-      clear: q,
-      submit: he,
-      startSpeech: Se,
-      stopSpeech: we,
-      activateTemplateFirstField: Ce,
-      setTemplate: Ke
-    }), (d, k) => (D(), A("div", {
+    );
+    const p = () => {
+      f.value && f.value.activateFirstField();
+    }, { accept: _ = "*", multiple: E = !0, reset: j = !0 } = ((L = u.buttonGroup) == null ? void 0 : L.file) || {}, { open: R, files: $ } = ht({ accept: _, multiple: E, reset: j });
+    return ne($, (o) => {
+      o && o.length > 0 && g("files-selected", Array.from(o));
+    }), c({
+      focus: Z,
+      blur: ke,
+      clear: ge,
+      submit: pe,
+      startSpeech: de,
+      stopSpeech: Ie,
+      activateTemplateFirstField: p
+    }), (o, m) => (b(), I("div", {
       ref_key: "senderRef",
-      ref: i,
-      class: ae(["tiny-sender", [Qe.value, `theme-${d.theme}`, `mode-${s.value}`]]),
-      "data-theme": d.theme
+      ref: l,
+      class: oe(["tiny-sender", [n.value, `theme-${o.theme}`, `mode-${W.value}`]]),
+      "data-theme": o.theme
     }, [
-      U("div", Vt, [
-        U("div", {
+      q("div", zt, [
+        q("div", {
           class: "tiny-sender__input-wrapper",
           ref_key: "inputWrapperRef",
-          ref: c
+          ref: x
         }, [
-          G(ve, { name: "tiny-sender-slide-down" }, {
-            default: Y(() => [
-              d.$slots.header ? (D(), A("div", Bt, [
-                se(d.$slots, "header")
-              ])) : H("", !0)
+          Q(Ve, { name: "tiny-sender-slide-down" }, {
+            default: he(() => [
+              o.$slots.header ? (b(), I("div", Gt, [
+                ie(o.$slots, "header", {}, void 0, !0)
+              ])) : N("", !0)
             ]),
             _: 3
           }),
-          U("div", {
-            class: ae(["tiny-sender__input-row", { "has-prefix": d.$slots.prefix, "has-header": d.$slots.header }])
+          q("div", {
+            class: oe(["tiny-sender__input-row", { "has-prefix": o.$slots.prefix, "has-header": o.$slots.header }])
           }, [
-            d.$slots.prefix ? (D(), A("div", Wt, [
-              se(d.$slots, "prefix")
-            ])) : H("", !0),
-            U("div", $t, [
-              d.$slots.decorativeContent ? (D(), A("div", Pt, [
-                se(d.$slots, "decorativeContent")
-              ])) : H("", !0),
-              p.value ? (D(), Q(At, {
+            o.$slots.prefix ? (b(), I("div", jt, [
+              ie(o.$slots, "prefix", {}, void 0, !0)
+            ])) : N("", !0),
+            q("div", Jt, [
+              o.$slots.decorativeContent ? (b(), I("div", Xt, [
+                ie(o.$slots, "decorativeContent", {}, void 0, !0)
+              ])) : N("", !0),
+              w.value ? (b(), Y(Ft, {
                 key: 1,
                 ref_key: "templateEditorRef",
-                ref: r,
-                value: E(a),
-                "onUpdate:value": k[0] || (k[0] = (F) => Le(a) ? a.value = F : null),
-                onInput: He,
-                onEmptyContent: B
-              }, null, 8, ["value"])) : (D(), A("div", Ht, [
-                G(E(ft), {
+                ref: f,
+                "model-value": u.templateData,
+                "onUpdate:modelValue": Le,
+                onSubmit: C(pe)
+              }, null, 8, ["model-value", "onSubmit"])) : (b(), I("div", Zt, [
+                Q(C(pt), {
                   ref_key: "inputRef",
-                  ref: u,
-                  autosize: d.autoSize,
-                  type: Ue.value,
-                  readonly: Ee.value,
+                  ref: S,
+                  autosize: o.autoSize,
+                  type: Ke.value,
                   resize: "none",
-                  modelValue: E(a),
-                  "onUpdate:modelValue": k[1] || (k[1] = (F) => Le(a) ? a.value = F : null),
-                  disabled: ue.value,
-                  placeholder: d.placeholder,
-                  autofocus: d.autofocus,
-                  onKeydown: E(qe),
-                  onCompositionstart: k[2] || (k[2] = (F) => b.value = !0),
-                  onCompositionend: tt,
-                  onFocus: ze,
-                  onBlur: je
-                }, null, 8, ["autosize", "type", "readonly", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
-                E(v) && !E(b) ? (D(), A("div", Kt, [
-                  U("span", Xt, le(E(a)), 1),
-                  Oe(le(E(v)) + " ", 1),
-                  E(R) ? (D(), A("div", qt, "TAB")) : H("", !0)
-                ])) : H("", !0)
+                  modelValue: C(y),
+                  "onUpdate:modelValue": m[0] || (m[0] = (D) => ft(y) ? y.value = D : null),
+                  disabled: e.value,
+                  placeholder: o.placeholder,
+                  autofocus: o.autofocus,
+                  onKeydown: C(fe),
+                  onCompositionstart: m[1] || (m[1] = (D) => K.value = !0),
+                  onCompositionend: r,
+                  onFocus: Te,
+                  onBlur: Re
+                }, null, 8, ["autosize", "type", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
+                C(P) && !C(K) ? (b(), I("div", Qt, [
+                  q("span", Yt, ue(C(y)), 1),
+                  Ge(ue(C(P)) + " ", 1),
+                  C(O) ? (b(), I("div", en, "TAB")) : N("", !0)
+                ])) : N("", !0)
               ]))
             ]),
-            s.value === "single" ? (D(), A("div", zt, [
-              U("div", {
+            W.value === "single" ? (b(), I("div", tn, [
+              q("div", {
                 class: "tiny-sender__buttons-container",
                 ref_key: "buttonsContainerRef",
-                ref: f
+                ref: h
               }, [
-                se(d.$slots, "actions"),
-                G(We, {
-                  "allow-speech": d.allowSpeech,
-                  "allow-files": d.allowFiles,
-                  loading: d.loading,
-                  disabled: ue.value,
-                  "show-clear": d.clearable,
-                  "has-content": _e.value,
-                  "speech-status": E(ie),
-                  "submit-type": d.submitType,
-                  "is-over-limit": re.value,
-                  onClear: q,
+                ie(o.$slots, "actions", {}, void 0, !0),
+                Q(je, {
+                  "allow-speech": o.allowSpeech,
+                  "allow-files": o.allowFiles,
+                  loading: o.loading,
+                  disabled: e.value,
+                  "show-clear": o.clearable,
+                  "has-content": F.value,
+                  "speech-status": C(ae),
+                  "button-group": o.buttonGroup,
+                  "submit-type": o.submitType,
+                  "is-over-limit": be.value,
+                  "stop-text": o.stopText,
+                  onClear: ge,
                   onToggleSpeech: me,
-                  onSubmit: E(he),
-                  onCancel: k[3] || (k[3] = (F) => d.$emit("cancel"))
-                }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "is-over-limit", "onSubmit"])
+                  onSubmit: C(pe),
+                  onCancel: m[2] || (m[2] = (D) => o.$emit("cancel")),
+                  onTriggerSelect: C(R)
+                }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "button-group", "submit-type", "is-over-limit", "stop-text", "onSubmit", "onTriggerSelect"])
               ], 512)
-            ])) : H("", !0)
+            ])) : N("", !0)
           ], 2),
-          G(ve, { name: "tiny-sender-slide-up" }, {
-            default: Y(() => [
-              s.value === "multiple" ? (D(), A("div", {
-                key: 0,
-                style: Ie(Ze.value),
-                class: "tiny-sender__footer-slot tiny-sender__bottom-row"
-              }, [
-                U("div", jt, [
-                  se(d.$slots, "footer-left")
+          Q(Ve, { name: "tiny-sender-slide-up" }, {
+            default: he(() => [
+              W.value === "multiple" ? (b(), I("div", nn, [
+                q("div", on, [
+                  ie(o.$slots, "footer-left", {}, void 0, !0)
                 ]),
-                U("div", Ut, [
-                  se(d.$slots, "footer-right"),
-                  d.showWordLimit && d.maxLength !== 1 / 0 ? (D(), A("div", {
+                q("div", sn, [
+                  ie(o.$slots, "footer-right", {}, void 0, !0),
+                  o.showWordLimit && o.maxLength !== 1 / 0 ? (b(), I("div", {
                     key: 0,
-                    class: ae(["tiny-sender__word-limit", { "is-over-limit": re.value }])
+                    class: oe(["tiny-sender__word-limit", { "is-over-limit": be.value }])
                   }, [
-                    U("span", Zt, le(E(a).length), 1),
-                    Oe("/" + le(d.maxLength), 1)
-                  ], 2)) : H("", !0),
-                  s.value === "multiple" ? (D(), A("div", Gt, [
-                    U("div", Jt, [
-                      G(We, {
-                        "allow-speech": d.allowSpeech,
-                        "allow-files": d.allowFiles,
-                        loading: d.loading,
-                        disabled: ue.value,
-                        "show-clear": d.clearable,
-                        "has-content": _e.value,
-                        "speech-status": E(ie),
-                        "submit-type": d.submitType,
-                        "is-over-limit": re.value,
-                        onClear: q,
+                    q("span", an, ue(C(y).length), 1),
+                    Ge("/" + ue(o.maxLength), 1)
+                  ], 2)) : N("", !0),
+                  W.value === "multiple" ? (b(), I("div", ln, [
+                    q("div", rn, [
+                      Q(je, {
+                        "allow-speech": o.allowSpeech,
+                        "allow-files": o.allowFiles,
+                        loading: o.loading,
+                        disabled: e.value,
+                        "show-clear": o.clearable,
+                        "has-content": F.value,
+                        "speech-status": C(ae),
+                        "button-group": o.buttonGroup,
+                        "submit-type": o.submitType,
+                        "is-over-limit": be.value,
+                        "stop-text": o.stopText,
+                        onClear: ge,
                         onToggleSpeech: me,
-                        onSubmit: E(he),
-                        onCancel: k[4] || (k[4] = (F) => d.$emit("cancel"))
-                      }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "is-over-limit", "onSubmit"])
+                        onSubmit: C(pe),
+                        onCancel: m[3] || (m[3] = (D) => o.$emit("cancel")),
+                        onTriggerSelect: C(R)
+                      }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "button-group", "submit-type", "is-over-limit", "stop-text", "onSubmit", "onTriggerSelect"])
                     ])
-                  ])) : H("", !0)
+                  ])) : N("", !0)
                 ])
-              ], 4)) : d.$slots.footer ? (D(), A("div", Qt, [
-                se(d.$slots, "footer")
-              ])) : H("", !0)
+              ])) : o.$slots.footer ? (b(), I("div", un, [
+                ie(o.$slots, "footer", {}, void 0, !0)
+              ])) : N("", !0)
             ]),
             _: 3
           })
         ], 512)
       ]),
-      G(ve, { name: "tiny-sender-slide-up" }, {
-        default: Y(() => [
-          E(_) && E(m).length ? (D(), A("div", {
-            key: 0,
-            ref_key: "suggestionsListRef",
-            ref: w,
-            class: "tiny-sender__suggestions",
-            style: Ie(Ye.value)
-          }, [
-            (D(!0), A(Ae, null, Me(E(m), (F, ne) => (D(), A("div", {
-              key: ne,
-              class: ae(["suggestion-item", { highlighted: E(V)(ne) }]),
-              onMouseenter: (Z) => E(e)(ne),
-              onMouseleave: k[5] || (k[5] = //@ts-ignore
-              (...Z) => E(l) && E(l)(...Z)),
-              onMousedown: dt((Z) => E(C)(F), ["prevent"])
-            }, [
-              G(E(St), { class: "suggestion-item__icon" }),
-              U("span", en, [
-                (D(!0), A(Ae, null, Me(E(n)(F, E(a)), (Z, ge) => (D(), A("span", {
-                  key: ge,
-                  class: ae({ "suggestion-item__text--match": Z.isMatch, "suggestion-item__text--normal": !Z.isMatch })
-                }, le(Z.text), 3))), 128))
-              ])
-            ], 42, Yt))), 128))
-          ], 4)) : H("", !0)
-        ]),
-        _: 1
-      }),
-      oe.value ? (D(), A("div", tn, le(oe.value), 1)) : H("", !0)
-    ], 10, Mt));
+      Q(Ut, {
+        show: C(T),
+        suggestions: o.suggestions,
+        "popup-style": i.value,
+        "active-keyboard-index": C(v),
+        "active-mouse-index": C(d),
+        "input-value": C(y),
+        onSelect: C(U),
+        onMouseEnter: C(X),
+        onMouseLeave: C(le)
+      }, null, 8, ["show", "suggestions", "popup-style", "active-keyboard-index", "active-mouse-index", "input-value", "onSelect", "onMouseEnter", "onMouseLeave"])
+    ], 10, qt));
   }
-});
-pe.name = "TrSender";
-const nn = function(t) {
-  t.component(pe.name, pe);
+}), Be = /* @__PURE__ */ Ce(cn, [["__scopeId", "data-v-ed19a136"]]);
+Be.name = "TrSender";
+const dn = function(a) {
+  a.component(Be.name, Be);
 };
-pe.install = nn;
+Be.install = dn;
 export {
-  pe as default
+  Be as default
 };