@opentiny/tiny-robot 0.3.0-alpha.0 → 0.3.0-alpha.10

package/dist/sender/index.js

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