@opentiny/tiny-robot 0.3.2 → 0.3.4-beta.1

package/dist/sender/index.js

@@ -1,50 +1,56 @@
-var it = Object.defineProperty;
-var at = (n, a, l) => a in n ? it(n, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : n[a] = l;
-var Pe = (n, a, l) => at(n, typeof a != "symbol" ? a + "" : a, l);
-import { ref as K, watch as ne, reactive as lt, onUnmounted as tt, computed as E, defineComponent as Ce, isVNode as rt, openBlock as m, createElementBlock as I, normalizeStyle as Ue, createBlock as ee, unref as k, withCtx as ve, createElementVNode as z, createVNode as Y, normalizeClass as oe, createCommentVNode as P, resolveDynamicComponent as ct, toDisplayString as de, useAttrs as ut, resolveComponent as dt, mergeProps as Se, Fragment as ye, renderList as xe, useModel as ft, onMounted as pt, nextTick as q, mergeModels as Ze, Transition as ze, withModifiers as ht, useSlots as vt, toRef as Me, renderSlot as ae, isRef as yt, createTextVNode as Qe } from "vue";
-import { TinyTooltip as We, TinyInput as gt } from "@opentiny/vue";
-import { f as mt } from "../index4.js";
-import { IconVoice as wt, IconUpload as bt, IconRecordingWave as St, IconClear as xt, IconSend as Ct, IconStop as _t, IconAssociate as kt } from "@opentiny/tiny-robot-svgs";
+var ft = Object.defineProperty;
+var pt = (t, i, a) => i in t ? ft(t, i, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[i] = a;
+var Ne = (t, i, a) => pt(t, typeof i != "symbol" ? i + "" : i, a);
+import { ref as A, watch as ne, reactive as ht, onUnmounted as st, computed as B, defineComponent as Ce, isVNode as vt, openBlock as m, createElementBlock as R, normalizeStyle as Ae, createBlock as oe, unref as k, withCtx as me, createElementVNode as G, createVNode as ee, normalizeClass as se, createCommentVNode as M, resolveDynamicComponent as yt, toDisplayString as fe, useAttrs as gt, resolveComponent as mt, mergeProps as Se, Fragment as we, renderList as xe, useModel as wt, onMounted as bt, nextTick as q, mergeModels as tt, Transition as qe, withModifiers as St, useSlots as xt, onBeforeUnmount as Ct, toRef as ze, renderSlot as ce, isRef as _t, createTextVNode as nt } from "vue";
+import { TinyTooltip as Ue, TinyInput as It } from "@opentiny/vue";
+import { g as kt, f as Rt } from "../index4.js";
+import { IconVoice as Tt, IconUpload as Et, IconRecordingWave as Ot, IconClear as $t, IconSend as Bt, IconStop as Lt, IconAssociate as Dt } from "@opentiny/tiny-robot-svgs";
 import { _ as _e } from "../_plugin-vue_export-helper.js";
-import { t as It } from "../utils.js";
-function Rt(n, a) {
-  const l = K(n.modelValue || n.defaultValue || ""), r = K(null);
+import { t as Pt } from "../utils.js";
+function Kt(t, i) {
+  const a = A(t.modelValue || t.defaultValue || ""), l = A(null);
   ne(
-    () => n.modelValue,
-    (y) => {
-      y !== void 0 && y !== l.value && (l.value = y);
+    () => t.modelValue,
+    (g) => {
+      g !== void 0 && g !== a.value && (a.value = g);
     }
   ), ne(
-    () => l.value,
-    (y) => {
-      a("update:modelValue", y);
+    () => a.value,
+    (g) => {
+      i("update:modelValue", g);
     }
   );
-  const d = (y) => {
-    l.value = y, a("update:modelValue", y);
-  }, _ = (y) => {
-    y == null || y.preventDefault();
-    const C = l.value;
-    !n.disabled && !n.loading && C.trim() && a("submit", C);
-  }, p = () => {
-    l.value = "", a("update:modelValue", ""), a("clear");
-  }, h = K(!1);
+  const p = (g) => {
+    a.value = g, i("update:modelValue", g);
+  }, I = (g) => {
+    g == null || g.preventDefault();
+    const T = a.value;
+    !t.disabled && !t.loading && T.trim() && i("submit", T);
+  }, h = () => {
+    a.value = "", i("update:modelValue", ""), i("clear");
+  }, v = A(!1);
   return {
-    inputValue: l,
-    inputWrapper: r,
-    isComposing: h,
-    handleChange: d,
-    handleSubmit: _,
-    handleClear: p,
+    inputValue: a,
+    inputWrapper: l,
+    isComposing: v,
+    handleChange: p,
+    handleSubmit: I,
+    handleClear: h,
     clearInput: () => {
-      p();
+      h();
     }
   };
 }
-function Tt(n, a, l, r, d, _, p, h, v, y, C, g, O, V, A, F) {
-  const M = () => {
-    g.value && (A != null && A.value && (F == null || F()), a("submit", l.value.trim()));
-  }, R = (f, S) => {
+function At(t, i, a, l, p, I, h, v, y, g, T, L, D, H, _, V) {
+  const j = () => {
+    if (!L.value) return;
+    const f = a.value.trim();
+    if (_ != null && _.value && Array.isArray(t.templateData)) {
+      const S = t.templateData.map(({ id: z, ...Z }) => Z);
+      i("submit", f, S), V == null || V();
+    } else
+      i("submit", f);
+  }, E = (f, S) => {
     if (!(f.key === "Enter")) return !1;
     switch (S) {
       case "enter":
@@ -57,54 +63,54 @@ function Tt(n, a, l, r, d, _, p, h, v, y, C, g, O, V, A, F) {
         return !1;
     }
   }, W = (f) => {
-    const S = f.selectionStart ?? 0, U = f.selectionEnd ?? S, Z = l.value;
-    l.value = Z.substring(0, S) + `
-` + Z.substring(U), setTimeout(() => {
-      const B = S + 1;
-      f.selectionStart = f.selectionEnd = B, f.scrollTop = f.scrollHeight;
+    const S = f.selectionStart ?? 0, z = f.selectionEnd ?? S, Z = a.value;
+    a.value = Z.substring(0, S) + `
+` + Z.substring(z), setTimeout(() => {
+      const K = S + 1;
+      f.selectionStart = f.selectionEnd = K, f.scrollTop = f.scrollHeight;
     }, 0);
   }, b = (f) => {
-    if (n.submitType !== "enter" || f.key !== "Enter") return !1;
-    const S = f.ctrlKey && !f.shiftKey, U = f.shiftKey && !f.ctrlKey;
-    if (S || U) {
+    if (t.submitType !== "enter" || f.key !== "Enter") return !1;
+    const S = f.ctrlKey && !f.shiftKey, z = f.shiftKey && !f.ctrlKey;
+    if (S || z) {
       f.preventDefault();
       const Z = f.target;
-      return (O == null ? void 0 : O.value) === "single" && V && V(), W(Z), !0;
+      return (D == null ? void 0 : D.value) === "single" && H && H(), W(Z), !0;
     }
     return !1;
   };
   return {
     handleKeyPress: (f) => {
-      if (!r.value && !b(f)) {
-        if (_.value) {
+      if (!l.value && !b(f)) {
+        if (I.value) {
           if (f.key === "ArrowDown") {
-            f.preventDefault(), y("down");
+            f.preventDefault(), g("down");
             return;
           }
           if (f.key === "ArrowUp") {
-            f.preventDefault(), y("up");
+            f.preventDefault(), g("up");
             return;
           }
-          if (p.value && (n.activeSuggestionKeys || ["Enter", "Tab"]).includes(f.key)) {
-            f.preventDefault(), h();
+          if (h.value && (t.activeSuggestionKeys || ["Enter", "Tab"]).includes(f.key)) {
+            f.preventDefault(), v();
             return;
           }
         }
         if (f.key === "Escape") {
-          _.value ? (v(), f.preventDefault()) : d.isRecording && (C(), f.preventDefault()), a("escape-press");
+          I.value ? (y(), f.preventDefault()) : p.isRecording && (T(), f.preventDefault()), i("escape-press");
           return;
         }
-        R(f, n.submitType) && g.value && (f.preventDefault(), M());
+        E(f, t.submitType) && L.value && (f.preventDefault(), j());
       }
     },
-    triggerSubmit: M
+    triggerSubmit: j
   };
 }
-class Le {
-  constructor(a) {
-    Pe(this, "recognition");
-    Pe(this, "options");
-    this.options = a, this.initialize();
+class Pe {
+  constructor(i) {
+    Ne(this, "recognition");
+    Ne(this, "options");
+    this.options = i, this.initialize();
   }
   /**
    * 初始化语音识别实例
@@ -122,22 +128,22 @@ class Le {
    * 检查浏览器是否支持 Web Speech API（实例方法）
    */
   isSupported() {
-    return Le.isSupported();
+    return Pe.isSupported();
   }
   /**
    * 设置语音识别事件处理器
    * @param callbacks 语音识别回调函数集合
    */
-  setupEventHandlers(a) {
-    !this.recognition || !a || (this.recognition.onstart = () => {
-      a.onStart();
+  setupEventHandlers(i) {
+    !this.recognition || !i || (this.recognition.onstart = () => {
+      i.onStart();
     }, this.recognition.onend = () => {
-      a.onEnd();
-    }, this.recognition.onresult = (l) => {
-      const r = Array.from(l.results).map((_) => _[0].transcript).join(""), d = l.results[l.resultIndex];
-      d != null && d.isFinal ? a.onFinal(r) : a.onInterim(r);
-    }, this.recognition.onerror = (l) => {
-      a.onError(new Error(l.error)), this.cleanup();
+      i.onEnd();
+    }, this.recognition.onresult = (a) => {
+      const l = Array.from(a.results).map((I) => I[0].transcript).join(""), p = a.results[a.resultIndex];
+      p != null && p.isFinal ? i.onFinal(l) : i.onInterim(l);
+    }, this.recognition.onerror = (a) => {
+      i.onError(new Error(a.error)), this.cleanup();
     });
   }
   /**
@@ -150,16 +156,16 @@ class Le {
    * 开始语音识别
    * @param callbacks 语音识别回调函数集合
    */
-  start(a) {
+  start(i) {
     if (!this.recognition) {
-      a.onError(new Error("浏览器不支持语音识别"));
+      i.onError(new Error("浏览器不支持语音识别"));
       return;
     }
-    this.setupEventHandlers(a);
+    this.setupEventHandlers(i);
     try {
       this.recognition.start();
-    } catch (l) {
-      a.onError(l instanceof Error ? l : new Error("语音识别启动失败"));
+    } catch (a) {
+      i.onError(a instanceof Error ? a : new Error("语音识别启动失败"));
     }
   }
   /**
@@ -170,131 +176,131 @@ class Le {
       this.cleanup();
       try {
         this.recognition.stop();
-      } catch (a) {
-        console.warn("停止语音识别时发生错误:", a);
+      } catch (i) {
+        console.warn("停止语音识别时发生错误:", i);
       }
     }
   }
 }
-function Et(n) {
-  const a = lt({
+function Ht(t) {
+  const i = ht({
     isRecording: !1,
     isSupported: !1,
     error: void 0
-  }), l = {
+  }), a = {
     onStart: () => {
-      var h;
-      a.isRecording = !0, a.error = void 0, (h = n.onStart) == null || h.call(n);
-    },
-    onInterim: (h) => {
       var v;
-      (v = n.onInterim) == null || v.call(n, h);
+      i.isRecording = !0, i.error = void 0, (v = t.onStart) == null || v.call(t);
     },
-    onFinal: (h) => {
-      var v;
-      (v = n.onFinal) == null || v.call(n, h);
+    onInterim: (v) => {
+      var y;
+      (y = t.onInterim) == null || y.call(t, v);
     },
-    onEnd: (h) => {
-      var v;
-      a.isRecording && (a.isRecording = !1, (v = n.onEnd) == null || v.call(n, h));
+    onFinal: (v) => {
+      var y;
+      (y = t.onFinal) == null || y.call(t, v);
     },
-    onError: (h) => {
-      var v;
-      a.error = h, a.isRecording = !1, (v = n.onError) == null || v.call(n, h);
+    onEnd: (v) => {
+      var y;
+      i.isRecording && (i.isRecording = !1, (y = t.onEnd) == null || y.call(t, v));
+    },
+    onError: (v) => {
+      var y;
+      i.error = v, i.isRecording = !1, (y = t.onError) == null || y.call(t, v);
     }
-  }, r = Le.isSupported();
-  a.isSupported = n.customHandler ? n.customHandler.isSupported() : r;
-  const d = n.customHandler ?? (r ? new Le(n) : null), _ = () => {
-    var h;
-    if (!a.isSupported || !d) {
-      const v = new Error("语音识别不受支持");
-      a.error = v, (h = n.onError) == null || h.call(n, v);
+  }, l = Pe.isSupported();
+  i.isSupported = t.customHandler ? t.customHandler.isSupported() : l;
+  const p = t.customHandler ?? (l ? new Pe(t) : null), I = () => {
+    var v;
+    if (!i.isSupported || !p) {
+      const y = new Error("语音识别不受支持");
+      i.error = y, (v = t.onError) == null || v.call(t, y);
       return;
     }
-    if (a.isRecording) {
-      d.stop(), a.isRecording = !1, setTimeout(() => {
-        d.start(l);
+    if (i.isRecording) {
+      p.stop(), i.isRecording = !1, setTimeout(() => {
+        p.start(a);
       }, 200);
       return;
     }
-    d.start(l);
-  }, p = () => {
-    !a.isRecording || !d || (d.stop(), l.onEnd());
+    p.start(a);
+  }, h = () => {
+    !i.isRecording || !p || (p.stop(), a.onEnd());
   };
-  return tt(() => {
-    a.isRecording && d && (d.stop(), a.isRecording = !1);
+  return st(() => {
+    i.isRecording && p && (p.stop(), i.isRecording = !1);
   }), {
-    speechState: a,
-    start: _,
-    stop: p
+    speechState: i,
+    start: I,
+    stop: h
   };
 }
-function Ot(n, a, l, r, d, _) {
-  const p = K(!1), h = K(-1), v = K(-1), y = K(null), C = K(""), g = K(!1), O = E(() => {
-    var j, G;
-    if (!((j = n.value) != null && j.length)) return "";
-    const B = y.value === "mouse" ? v.value : h.value;
-    return ((G = n.value[B]) == null ? void 0 : G.content) || "";
-  }), V = (B) => {
-    C.value = B, g.value = !0;
-  }, A = () => {
-    C.value = "", g.value = !1;
-  }, F = (B) => {
-    const j = B || O.value;
-    if (!j || !a.value) {
-      A();
+function Vt(t, i, a, l, p, I) {
+  const h = A(!1), v = A(-1), y = A(-1), g = A(null), T = A(""), L = A(!1), D = B(() => {
+    var J, X;
+    if (!((J = t.value) != null && J.length)) return "";
+    const K = g.value === "mouse" ? y.value : v.value;
+    return ((X = t.value[K]) == null ? void 0 : X.content) || "";
+  }), H = (K) => {
+    T.value = K, L.value = !0;
+  }, _ = () => {
+    T.value = "", L.value = !1;
+  }, V = (K) => {
+    const J = K || D.value;
+    if (!J || !i.value) {
+      _();
       return;
     }
-    const G = j.substring(a.value.length);
-    j.toLowerCase().startsWith(a.value.toLowerCase()) && G ? V(G) : A();
-  }, M = () => {
-    h.value = -1, v.value = -1, y.value = null;
-  }, R = () => {
-    p.value = !0, F();
+    const X = J.substring(i.value.length);
+    J.toLowerCase().startsWith(i.value.toLowerCase()) && X ? H(X) : _();
+  }, j = () => {
+    v.value = -1, y.value = -1, g.value = null;
+  }, E = () => {
+    h.value = !0, V();
   }, W = () => {
-    p.value = !1, M(), A();
-  }, b = E(() => {
-    var B;
-    return l.value ? !0 : !!(a.value && ((B = n.value) == null ? void 0 : B.length) > 0 && !r.value);
-  }), w = (B) => {
-    W(), a.value = B, d(B), _(B);
+    h.value = !1, j(), _();
+  }, b = B(() => {
+    var K;
+    return a.value ? !0 : !!(i.value && ((K = t.value) == null ? void 0 : K.length) > 0 && !l.value);
+  }), x = (K) => {
+    W(), i.value = K, p(K), I(K);
   }, f = () => {
-    O.value && w(O.value);
-  }, S = (B) => {
-    !p.value || !n.value || (y.value = "keyboard", h.value === -1 ? h.value = B === "down" ? 0 : n.value.length - 1 : B === "down" ? h.value = (h.value + 1) % n.value.length : h.value = (h.value - 1 + n.value.length) % n.value.length, F());
-  }, U = (B) => {
-    n.value && (y.value = "mouse", v.value = B, F());
+    D.value && x(D.value);
+  }, S = (K) => {
+    !h.value || !t.value || (g.value = "keyboard", v.value === -1 ? v.value = K === "down" ? 0 : t.value.length - 1 : K === "down" ? v.value = (v.value + 1) % t.value.length : v.value = (v.value - 1 + t.value.length) % t.value.length, V());
+  }, z = (K) => {
+    t.value && (g.value = "mouse", y.value = K, V());
   }, Z = () => {
-    n.value && (v.value = -1, h.value !== -1 ? y.value = "keyboard" : y.value = null, F());
+    t.value && (y.value = -1, v.value !== -1 ? g.value = "keyboard" : g.value = null, V());
   };
-  return ne(b, (B) => {
-    B ? p.value || R() : p.value && W();
+  return ne(b, (K) => {
+    K ? h.value || E() : h.value && W();
   }), {
     // 弹窗控制
-    isPopupVisible: p,
-    openPopup: R,
+    isPopupVisible: h,
+    openPopup: E,
     closePopup: W,
     // 自动完成占位符
-    autoCompleteText: C,
-    showTabIndicator: g,
-    syncAutoComplete: F,
+    autoCompleteText: T,
+    showTabIndicator: L,
+    syncAutoComplete: V,
     // 选中控制层
-    activeSuggestion: O,
-    activeKeyboardIndex: h,
-    activeMouseIndex: v,
+    activeSuggestion: D,
+    activeKeyboardIndex: v,
+    activeMouseIndex: y,
     // 交互处理
     navigateWithKeyboard: S,
-    handleMouseEnter: U,
+    handleMouseEnter: z,
     handleMouseLeave: Z,
     // 业务操作
-    applySuggestion: w,
+    applySuggestion: x,
     confirmSelection: f
   };
 }
-const $t = { class: "action-buttons" }, Bt = { class: "action-buttons__submit-content" }, Lt = {
+const Ft = { class: "action-buttons" }, Mt = { class: "action-buttons__submit-content" }, Wt = {
   key: 0,
   class: "action-buttons__cancel-text"
-}, Dt = /* @__PURE__ */ Ce({
+}, Nt = /* @__PURE__ */ Ce({
   __name: "ActionButtons",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -314,150 +320,150 @@ const $t = { class: "action-buttons" }, Bt = { class: "action-buttons__submit-co
     stopText: { default: void 0 }
   },
   emits: ["clear", "submit", "cancel", "trigger-select", "voice-button-click"],
-  setup(n, { emit: a }) {
-    const l = n, r = a, d = E(() => {
-      var w, f;
-      const b = (f = (w = l.buttonGroup) == null ? void 0 : w.file) == null ? void 0 : f.tooltips;
+  setup(t, { emit: i }) {
+    const a = t, l = i, p = B(() => {
+      var x, f;
+      const b = (f = (x = a.buttonGroup) == null ? void 0 : x.file) == null ? void 0 : f.tooltips;
       if (typeof b == "string" && b)
         return () => b;
       if (typeof b == "function")
         return b;
-    }), _ = E(() => {
-      var w, f;
-      const b = (f = (w = l.buttonGroup) == null ? void 0 : w.submit) == null ? void 0 : f.tooltips;
+    }), I = B(() => {
+      var x, f;
+      const b = (f = (x = a.buttonGroup) == null ? void 0 : x.submit) == null ? void 0 : f.tooltips;
       if (typeof b == "string" && b)
         return () => b;
       if (typeof b == "function")
         return b;
-    }), p = E(() => l.allowSpeech), h = E(() => l.speechStatus.isRecording), v = E(() => l.disabled), y = E(() => {
-      var b, w;
-      return v.value || l.isOverLimit || ((w = (b = l.buttonGroup) == null ? void 0 : b.submit) == null ? void 0 : w.disabled);
-    }), C = E(() => l.allowFiles || l.allowSpeech || l.showClear), g = E(() => {
-      var w, f;
-      const b = (f = (w = l.buttonGroup) == null ? void 0 : w.voice) == null ? void 0 : f.icon;
-      return b ? rt(b) ? () => b : b : wt;
-    }), O = () => {
-      v.value || r("clear");
+    }), h = B(() => a.allowSpeech), v = B(() => a.speechStatus.isRecording), y = B(() => a.disabled), g = B(() => {
+      var b, x;
+      return y.value || a.isOverLimit || ((x = (b = a.buttonGroup) == null ? void 0 : b.submit) == null ? void 0 : x.disabled);
+    }), T = B(() => a.allowFiles || a.allowSpeech || a.showClear), L = B(() => {
+      var x, f;
+      const b = (f = (x = a.buttonGroup) == null ? void 0 : x.voice) == null ? void 0 : f.icon;
+      return b ? vt(b) ? () => b : b : Tt;
+    }), D = () => {
+      y.value || l("clear");
+    }, H = () => {
+      y.value || l("voice-button-click");
+    }, _ = () => {
+      g.value || l("submit");
     }, V = () => {
-      v.value || r("voice-button-click");
-    }, A = () => {
-      y.value || r("submit");
-    }, F = () => {
-      v.value || r("cancel");
-    }, M = E(() => {
-      var b, w;
-      return v.value || ((w = (b = l.buttonGroup) == null ? void 0 : b.file) == null ? void 0 : w.disabled);
-    }), R = () => {
-      M.value || r("trigger-select");
-    }, W = E(() => {
-      var b, w;
-      return ((w = (b = l.buttonGroup) == null ? void 0 : b.file) == null ? void 0 : w.tooltipPlacement) || "top";
+      y.value || l("cancel");
+    }, j = B(() => {
+      var b, x;
+      return y.value || ((x = (b = a.buttonGroup) == null ? void 0 : b.file) == null ? void 0 : x.disabled);
+    }), E = () => {
+      j.value || l("trigger-select");
+    }, W = B(() => {
+      var b, x;
+      return ((x = (b = a.buttonGroup) == null ? void 0 : b.file) == null ? void 0 : x.tooltipPlacement) || "top";
     });
-    return (b, w) => (m(), I("div", $t, [
-      C.value ? (m(), I("div", {
+    return (b, x) => (m(), R("div", Ft, [
+      T.value ? (m(), R("div", {
         key: 0,
         class: "action-buttons__utility",
-        style: Ue({ "padding-right": n.hasContent || n.loading ? "0" : "6px" })
+        style: Ae({ "padding-right": t.hasContent || t.loading ? "0" : "6px" })
       }, [
-        n.allowFiles && !n.loading ? (m(), ee(k(We), {
+        t.allowFiles && !t.loading ? (m(), oe(k(Ue), {
           key: 0,
           effect: "light",
           placement: W.value,
-          "render-content": d.value,
+          "render-content": p.value,
           "visible-arrow": !1,
           "popper-class": "tr-sender-actions-upload-button-popper"
         }, {
-          default: ve(() => [
-            z("div", {
+          default: me(() => [
+            G("div", {
               class: "action-buttons__button",
-              onClick: R,
-              onFocusCapture: w[0] || (w[0] = (f) => f.stopPropagation())
+              onClick: E,
+              onFocusCapture: x[0] || (x[0] = (f) => f.stopPropagation())
             }, [
-              Y(k(bt), {
-                class: oe(["action-buttons__icon", { "is-disabled": M.value }]),
+              ee(k(Et), {
+                class: se(["action-buttons__icon", { "is-disabled": j.value }]),
                 alt: "上传文件"
               }, null, 8, ["class"])
             ], 32)
           ]),
           _: 1
-        }, 8, ["placement", "render-content"])) : P("", !0),
-        p.value && !n.loading ? (m(), I("div", {
+        }, 8, ["placement", "render-content"])) : M("", !0),
+        h.value && !t.loading ? (m(), R("div", {
           key: 1,
-          class: oe(["action-buttons__button", { "is-recording": h.value }]),
-          onClick: V
+          class: se(["action-buttons__button", { "is-recording": v.value }]),
+          onClick: H
         }, [
-          h.value ? (m(), ee(k(St), {
+          v.value ? (m(), oe(k(Ot), {
             key: 1,
             class: "action-buttons__icon",
             alt: "语音中"
-          })) : (m(), ee(ct(g.value), {
+          })) : (m(), oe(yt(L.value), {
             key: 0,
             class: "action-buttons__icon",
             alt: "录音"
           }))
-        ], 2)) : P("", !0),
-        n.showClear && n.hasContent ? (m(), ee(k(We), {
+        ], 2)) : M("", !0),
+        t.showClear && t.hasContent ? (m(), oe(k(Ue), {
           key: 2,
           content: "清空内容",
           placement: "top"
         }, {
-          default: ve(() => [
-            z("div", {
+          default: me(() => [
+            G("div", {
               class: "action-buttons__button",
-              onClick: O
+              onClick: D
             }, [
-              Y(k(xt), { class: "action-buttons__icon" })
+              ee(k($t), { class: "action-buttons__icon" })
             ])
           ]),
           _: 1
-        })) : P("", !0)
-      ], 4)) : P("", !0),
-      n.hasContent || n.loading ? (m(), I("div", {
+        })) : M("", !0)
+      ], 4)) : M("", !0),
+      t.hasContent || t.loading ? (m(), R("div", {
         key: 1,
         class: "action-buttons__button action-buttons__submit",
-        onClick: w[1] || (w[1] = (f) => n.loading ? F() : A())
+        onClick: x[1] || (x[1] = (f) => t.loading ? V() : _())
       }, [
-        z("div", Bt, [
-          n.loading ? (m(), I("div", {
+        G("div", Mt, [
+          t.loading ? (m(), R("div", {
             key: 1,
-            class: oe(["action-buttons__cancel", { "action-buttons__cancel--icon-only": !n.stopText }])
+            class: se(["action-buttons__cancel", { "action-buttons__cancel--icon-only": !t.stopText }])
           }, [
-            Y(k(_t), {
+            ee(k(Lt), {
               class: "action-buttons__icon action-buttons__icon--cancel",
               alt: "停止"
             }),
-            n.stopText ? (m(), I("span", Lt, de(n.stopText), 1)) : P("", !0)
-          ], 2)) : (m(), ee(k(We), {
+            t.stopText ? (m(), R("span", Wt, fe(t.stopText), 1)) : M("", !0)
+          ], 2)) : (m(), oe(k(Ue), {
             key: 0,
             effect: "light",
             placement: "top",
-            "render-content": _.value,
+            "render-content": I.value,
             "visible-arrow": !1
           }, {
-            default: ve(() => [
-              Y(k(Ct), {
-                class: oe(["action-buttons__icon", "action-buttons__icon--send", { "is-disabled": y.value }]),
+            default: me(() => [
+              ee(k(Bt), {
+                class: se(["action-buttons__icon", "action-buttons__icon--send", { "is-disabled": g.value }]),
                 alt: "发送"
               }, null, 8, ["class"])
             ]),
             _: 1
           }, 8, ["render-content"]))
         ])
-      ])) : P("", !0)
+      ])) : M("", !0)
     ]));
   }
-}), et = /* @__PURE__ */ _e(Dt, [["__scopeId", "data-v-f71ebb23"]]);
-function Kt(n, a = {}) {
-  let l = [], r = [], d = n;
-  return { commit: (C) => {
-    var g;
-    l.push(d), d = C, r.length && ((g = a.onRemoveHistory) == null || g.call(a, r)), r = [];
-  }, undo: () => l.length ? (r.push(d), d = l.pop(), d) : null, redo: () => r.length ? (l.push(d), d = r.pop(), d) : null, clear: () => {
-    var C, g;
-    l.length && ((C = a.onRemoveHistory) == null || C.call(a, l)), r.length && ((g = a.onRemoveHistory) == null || g.call(a, r)), l = [], r = [];
-  }, get: () => d };
+}), ot = /* @__PURE__ */ _e(Nt, [["__scopeId", "data-v-f71ebb23"]]);
+function zt(t, i = {}) {
+  let a = [], l = [], p = t;
+  return { commit: (T) => {
+    var L;
+    a.push(p), p = T, l.length && ((L = i.onRemoveHistory) == null || L.call(i, l)), l = [];
+  }, undo: () => a.length ? (l.push(p), p = a.pop(), p) : null, redo: () => l.length ? (a.push(p), p = l.pop(), p) : null, clear: () => {
+    var T, L;
+    a.length && ((T = i.onRemoveHistory) == null || T.call(i, a)), l.length && ((L = i.onRemoveHistory) == null || L.call(i, l)), a = [], l = [];
+  }, get: () => p };
 }
-const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__PURE__ */ Ce({
+const Ut = ["data-id", "data-type"], Gt = ["data-id", "data-type"], qt = /* @__PURE__ */ Ce({
   inheritAttrs: !1,
   __name: "Block",
   props: {
@@ -467,65 +473,65 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
     readonly: { type: Boolean },
     asChild: { type: Boolean }
   },
-  setup(n) {
-    const a = n, l = ut();
-    return (r, d) => {
-      const _ = dt("Block", !0);
-      return a.type !== "block" ? (m(), I("span", Se({
+  setup(t) {
+    const i = t, a = gt();
+    return (l, p) => {
+      const I = mt("Block", !0);
+      return i.type !== "block" ? (m(), R("span", Se({
         key: 0,
-        "data-id": a.id,
-        "data-type": a.type
-      }, k(l)), de(a.content), 17, Ht)) : (m(), I(ye, { key: 1 }, [
-        a.asChild ? (m(!0), I(ye, { key: 0 }, xe(a.content, (p) => (m(), ee(_, Se({
-          key: `${p.id}-${p.type}`
-        }, { ref_for: !0 }, p), null, 16))), 128)) : (m(), I("span", Se({
+        "data-id": i.id,
+        "data-type": i.type
+      }, k(a)), fe(i.content), 17, Ut)) : (m(), R(we, { key: 1 }, [
+        i.asChild ? (m(!0), R(we, { key: 0 }, xe(i.content, (h) => (m(), oe(I, Se({
+          key: `${h.id}-${h.type}`
+        }, { ref_for: !0 }, h), null, 16))), 128)) : (m(), R("span", Se({
           key: 1,
-          "data-id": a.id,
-          "data-type": a.type
-        }, k(l)), [
-          (m(!0), I(ye, null, xe(a.content, (p) => (m(), ee(_, Se({
-            key: `${p.id}-${p.type}`
-          }, { ref_for: !0 }, p), null, 16))), 128))
-        ], 16, At))
+          "data-id": i.id,
+          "data-type": i.type
+        }, k(a)), [
+          (m(!0), R(we, null, xe(i.content, (h) => (m(), oe(I, Se({
+            key: `${h.id}-${h.type}`
+          }, { ref_for: !0 }, h), null, 16))), 128))
+        ], 16, Gt))
       ], 64));
     };
   }
-}), Ft = /* @__PURE__ */ _e(Vt, [["__scopeId", "data-v-13862606"]]), Pt = { class: "editor-container" }, Ne = "​", Mt = 40, Wt = /* @__PURE__ */ Ce({
+}), jt = /* @__PURE__ */ _e(qt, [["__scopeId", "data-v-13862606"]]), Jt = { class: "editor-container" }, Ge = "​", Xt = 40, Yt = /* @__PURE__ */ Ce({
   __name: "TemplateEditor",
-  props: /* @__PURE__ */ Ze({
+  props: /* @__PURE__ */ tt({
     autoSize: { type: [Boolean, Object] }
   }, {
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ze(["submit"], ["update:modelValue"]),
-  setup(n, { expose: a, emit: l }) {
-    const r = typeof window.ShadowRoot.prototype.getSelection == "function", d = typeof window.Selection.prototype.getComposedRanges == "function";
-    function _() {
+  emits: /* @__PURE__ */ tt(["submit"], ["update:modelValue"]),
+  setup(t, { expose: i, emit: a }) {
+    const l = typeof window.ShadowRoot.prototype.getSelection == "function", p = typeof window.Selection.prototype.getComposedRanges == "function";
+    function I() {
       const e = navigator.userAgent;
       return e.includes("Safari") && !e.includes("Chrome") && !e.includes("Chromium") && !e.includes("CriOS");
     }
-    const p = _(), h = () => Math.random().toString(36).substring(2, 15), v = Ne, y = Ne, C = Ne, g = n, O = ft(n, "modelValue"), V = l, A = K(0), F = (e) => e.map((o) => ({
-      id: o.id || h(),
-      ...o.type === "template" ? { ...o, prefix: y, suffix: C } : o
-    })), M = (e) => e.map((o) => ({ id: o.id, type: o.type, content: o.content })), R = K(F(O.value || [])), W = (e) => {
-      R.value = e;
-    }, b = E(() => {
-      const e = [], o = [], s = R.value;
-      if (s.length >= 2) {
-        const t = s[0], i = s[1];
-        t.type === "text" && t.content.length === 0 && i.type === "template" && e.push({ ...t, content: v });
-        const u = s[s.length - 1], x = s[s.length - 2];
-        u.type === "text" && u.content.length === 0 && x.type === "template" && o.push({ ...u, content: v });
+    const h = I(), v = () => Math.random().toString(36).substring(2, 15), y = Ge, g = Ge, T = Ge, L = t, D = wt(t, "modelValue"), H = a, _ = A(0), V = (e) => e.map((n) => ({
+      id: n.id || v(),
+      ...n.type === "template" ? { ...n, prefix: g, suffix: T } : n
+    })), j = (e) => e.map((n) => ({ id: n.id, type: n.type, content: n.content })), E = A(V(D.value || [])), W = (e) => {
+      E.value = e;
+    }, b = B(() => {
+      const e = [], n = [], o = E.value;
+      if (o.length >= 2) {
+        const c = o[0], d = o[1];
+        c.type === "text" && c.content.length === 0 && d.type === "template" && e.push({ ...c, content: y });
+        const w = o[o.length - 1], O = o[o.length - 2];
+        w.type === "text" && w.content.length === 0 && O.type === "template" && n.push({ ...w, content: y });
       }
-      s.length > 0 && s[0].type === "template" && e.push({ type: "text", content: v, id: h() }), s.length > 0 && s[s.length - 1].type === "template" && o.push({ type: "text", content: v, id: h() });
-      const c = new RegExp(v, "g");
-      return s.length > 0 && (s[0].content !== v && (s[0].content = s[0].content.replace(c, "")), s[s.length - 1].content !== v && (s[s.length - 1].content = s[s.length - 1].content.replace(c, ""))), e.concat(s).concat(o);
-    }), w = E(() => R.value.map((e) => e.type === "template" ? [
+      o.length > 0 && o[0].type === "template" && e.push({ type: "text", content: y, id: v() }), o.length > 0 && o[o.length - 1].type === "template" && n.push({ type: "text", content: y, id: v() });
+      const r = new RegExp(y, "g");
+      return o.length > 0 && (o[0].content !== y && (o[0].content = o[0].content.replace(r, "")), o[o.length - 1].content !== y && (o[o.length - 1].content = o[o.length - 1].content.replace(r, ""))), e.concat(o).concat(n);
+    }), x = B(() => E.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()), f = E(() => b.value.map((e) => e.type === "text" ? e : p ? {
+    ] : [e]).flat()), f = B(() => b.value.map((e) => e.type === "text" ? e : h ? {
       id: e.id,
       type: "block",
       asChild: !0,
@@ -555,118 +561,118 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
         },
         { id: e.id, type: "suffix", content: e.suffix }
       ]
-    })), S = K(null), U = K(Mt), Z = () => {
+    })), S = A(null), z = A(Xt), Z = () => {
       if (!S.value) return;
-      const e = window.getComputedStyle(S.value), o = parseFloat(e.fontSize), s = parseFloat(e.lineHeight);
-      U.value = isNaN(s) ? o * 2.5 : s;
-    }, B = E(() => {
-      if (!g.autoSize)
+      const e = window.getComputedStyle(S.value), n = parseFloat(e.fontSize), o = parseFloat(e.lineHeight);
+      z.value = isNaN(o) ? n * 2.5 : o;
+    }, K = B(() => {
+      if (!L.autoSize)
         return {};
-      const e = typeof g.autoSize == "boolean" ? { minRows: 1, maxRows: 3 } : g.autoSize, o = e.minRows * U.value, s = e.maxRows * U.value;
+      const e = typeof L.autoSize == "boolean" ? { minRows: 1, maxRows: 3 } : L.autoSize, n = e.minRows * z.value, o = e.maxRows * z.value;
       return {
-        minHeight: `${o}px`,
-        maxHeight: `${s}px`,
+        minHeight: `${n}px`,
+        maxHeight: `${o}px`,
         overflowY: "auto",
         overflowX: "hidden"
       };
-    }), j = () => {
+    }), J = () => {
       if (!S.value) return;
       const e = window.getSelection();
       if (!e || e.rangeCount === 0) return;
-      const s = e.getRangeAt(0).getBoundingClientRect(), c = S.value.getBoundingClientRect(), t = s.top - c.top, i = s.bottom - c.top, u = S.value.scrollTop, x = S.value.clientHeight;
-      i > x ? S.value.scrollTop = u + (i - x) + 10 : t < 0 && (S.value.scrollTop = u + t - 10);
-    }, G = (e) => {
-      const o = Date.now(), s = JSON.stringify(e);
-      return `${o}:${s}`;
-    }, ke = (e) => {
-      const o = parseInt(e.slice(0, 13)), s = JSON.parse(e.slice(14));
+      const o = e.getRangeAt(0).getBoundingClientRect(), r = S.value.getBoundingClientRect(), c = o.top - r.top, d = o.bottom - r.top, w = S.value.scrollTop, O = S.value.clientHeight;
+      d > O ? S.value.scrollTop = w + (d - O) + 10 : c < 0 && (S.value.scrollTop = w + c - 10);
+    }, X = (e) => {
+      const n = Date.now(), o = JSON.stringify(e);
+      return `${n}:${o}`;
+    }, Ie = (e) => {
+      const n = parseInt(e.slice(0, 13)), o = JSON.parse(e.slice(14));
       return {
-        timestamp: o,
-        data: s
+        timestamp: n,
+        data: o
       };
-    }, L = /* @__PURE__ */ new Map(), H = Kt(G(R.value), {
+    }, Q = /* @__PURE__ */ new Map(), N = zt(X(E.value), {
       onRemoveHistory: (e) => {
-        for (const o of e)
-          L.delete(o);
+        for (const n of e)
+          Q.delete(n);
       }
     });
     ne(
-      () => O.value,
+      () => D.value,
       (e) => {
-        const o = F(e || []);
-        if (JSON.stringify(o) !== JSON.stringify(R.value)) {
+        const n = V(e || []);
+        if (JSON.stringify(n) !== JSON.stringify(E.value)) {
           if (S.value) {
-            const c = le(S.value);
-            c && L.set(H.get(), J(c));
+            const r = te(S.value);
+            r && Q.set(N.get(), Y(r));
           }
-          W(o), H.commit(G(R.value));
+          W(n), N.commit(X(E.value));
         }
       },
       { deep: !0 }
     );
-    const ge = (e, o = document.body) => o.contains(e) ? e instanceof HTMLElement && e.dataset.id ? e : e.parentElement ? ge(e.parentElement, o) : null : null, fe = (e) => e === S.value, le = (e) => {
-      const o = window.getSelection();
-      if (!o)
+    const be = (e, n = document.body) => n.contains(e) ? e instanceof HTMLElement && e.dataset.id ? e : e.parentElement ? be(e.parentElement, n) : null : null, F = (e) => e === S.value, te = (e) => {
+      const n = window.getSelection();
+      if (!n)
         return null;
-      const s = o.rangeCount > 0 ? o.getRangeAt(0) : null, c = e.getRootNode();
-      if (!(c instanceof ShadowRoot))
-        return s;
-      if (d) {
-        const t = o.getComposedRanges(p ? c : { shadowRoots: [c] });
-        return (t == null ? void 0 : t[0]) ?? null;
+      const o = n.rangeCount > 0 ? n.getRangeAt(0) : null, r = e.getRootNode();
+      if (!(r instanceof ShadowRoot))
+        return o;
+      if (p) {
+        const c = n.getComposedRanges(h ? r : { shadowRoots: [r] });
+        return (c == null ? void 0 : c[0]) ?? null;
       }
-      if (r) {
-        const t = c.getSelection();
-        return t.rangeCount > 0 ? t.getRangeAt(0) : null;
+      if (l) {
+        const c = r.getSelection();
+        return c.rangeCount > 0 ? c.getRangeAt(0) : null;
       }
-      return s;
-    }, me = (e, o) => {
-      var c;
+      return o;
+    }, ke = (e, n) => {
+      var r;
       if (!e.firstChild || e.firstChild.nodeType !== Node.TEXT_NODE)
         return { node: e, offset: 0 };
-      const s = ((c = e.firstChild.textContent) == null ? void 0 : c.length) ?? 0;
-      return { node: e.firstChild, offset: Math.min(o, s) };
-    }, te = (e, o, s, c) => {
-      const t = window.getSelection();
-      if (!t)
+      const o = ((r = e.firstChild.textContent) == null ? void 0 : r.length) ?? 0;
+      return { node: e.firstChild, offset: Math.min(n, o) };
+    }, ie = (e, n, o, r) => {
+      const c = window.getSelection();
+      if (!c)
         return;
-      const { node: i, offset: u } = me(e, o);
-      if (!s)
-        t.setBaseAndExtent(i, u, i, u);
+      const { node: d, offset: w } = ke(e, n);
+      if (!o)
+        c.setBaseAndExtent(d, w, d, w);
       else {
-        const { node: x, offset: N } = me(s, c ?? 0);
-        t.setBaseAndExtent(i, u, x, N);
+        const { node: O, offset: U } = ke(o, r ?? 0);
+        c.setBaseAndExtent(d, w, O, U);
       }
       q(() => {
-        j();
+        J();
       });
-    }, re = (e, o) => {
-      const s = h(), c = { id: s, type: "text", content: e };
-      if (o) {
-        const t = R.value.findIndex((i) => i.id === o);
-        t !== -1 ? (W(
-          R.value.slice(0, t + 1).concat(c).concat(R.value.slice(t + 1))
-        ), H.commit(G(R.value))) : console.warn(`can not find item with id: ${o}`);
+    }, pe = (e, n) => {
+      const o = v(), r = { id: o, type: "text", content: e };
+      if (n) {
+        const c = E.value.findIndex((d) => d.id === n);
+        c !== -1 ? (W(
+          E.value.slice(0, c + 1).concat(r).concat(E.value.slice(c + 1))
+        ), N.commit(X(E.value))) : console.warn(`can not find item with id: ${n}`);
       } else
-        W([c].concat(R.value)), H.commit(G(R.value));
+        W([r].concat(E.value)), N.commit(X(E.value));
       q(() => {
-        var i;
-        const t = (i = S.value) == null ? void 0 : i.querySelector(`[data-id="${s}"][data-type="text"]`);
-        t && te(t, e.length);
-      }), O.value = M(R.value);
-    }, Q = K({
+        var d;
+        const c = (d = S.value) == null ? void 0 : d.querySelector(`[data-id="${o}"][data-type="text"]`);
+        c && ie(c, e.length);
+      }), D.value = j(E.value);
+    }, ae = A({
       hasStarted: !1,
       range: null
-    }), Ke = (e) => {
-      var x;
-      const o = e;
+    }), He = (e) => {
+      var O;
+      const n = e;
       e.preventDefault();
-      const { inputType: s } = o, c = (o.data || ((x = o.dataTransfer) == null ? void 0 : x.getData("text/plain")) || "").replace(y, "").replace(C, ""), t = o.getTargetRanges()[0];
-      if (!t) {
-        console.warn("range is null", t);
+      const { inputType: o } = n, r = (n.data || ((O = n.dataTransfer) == null ? void 0 : O.getData("text/plain")) || "").replace(g, "").replace(T, ""), c = n.getTargetRanges()[0];
+      if (!c) {
+        console.warn("range is null", c);
         return;
       }
-      const i = [
+      const d = [
         "insertText",
         "insertFromPaste",
         "insertReplacementText",
@@ -677,330 +683,330 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
         "deleteSoftLineBackward",
         "deleteSoftLineForward",
         "deleteByCut"
-      ], u = le(S.value);
-      if (i.includes(s)) {
-        if (c && fe(t.startContainer) && fe(t.endContainer)) {
-          u && L.set(H.get(), J(u)), re(c);
+      ], w = te(S.value);
+      if (d.includes(o)) {
+        if (r && F(c.startContainer) && F(c.endContainer)) {
+          w && Q.set(N.get(), Y(w)), pe(r);
           return;
         }
-        const N = J(t);
-        N.startId && N.endId ? (u && L.set(H.get(), J(u)), we(N, s, c)) : console.warn("range is not valid, range:", N);
-      } else s === "insertCompositionText" && Q.value.hasStarted && (Q.value = { hasStarted: !1, range: J(t) });
-    }, J = (e) => {
-      const o = ge(e.startContainer, S.value), s = ge(e.endContainer, S.value);
+        const U = Y(c);
+        U.startId && U.endId ? (w && Q.set(N.get(), Y(w)), Re(U, o, r)) : console.warn("range is not valid, range:", U);
+      } else o === "insertCompositionText" && ae.value.hasStarted && (ae.value = { hasStarted: !1, range: Y(c) });
+    }, Y = (e) => {
+      const n = be(e.startContainer, S.value), o = be(e.endContainer, S.value);
       return {
         collapsed: e.collapsed,
         endContainer: e.endContainer,
-        endId: s == null ? void 0 : s.dataset.id,
-        endEl: s,
+        endId: o == null ? void 0 : o.dataset.id,
+        endEl: o,
         endOffset: e.endOffset,
-        endType: s == null ? void 0 : s.dataset.type,
+        endType: o == null ? void 0 : o.dataset.type,
         startContainer: e.startContainer,
-        startId: o == null ? void 0 : o.dataset.id,
-        startEl: o,
+        startId: n == null ? void 0 : n.dataset.id,
+        startEl: n,
         startOffset: e.startOffset,
-        startType: o == null ? void 0 : o.dataset.type
+        startType: n == null ? void 0 : n.dataset.type
       };
-    }, se = (e, o, s, c) => e.slice(0, s) + o + e.slice(c), we = (e, o, s) => {
-      const c = Re(e);
-      if (!Array.isArray(c) || c.length === 0)
+    }, he = (e, n, o, r) => e.slice(0, o) + n + e.slice(r), Re = (e, n, o) => {
+      const r = ue(e);
+      if (!Array.isArray(r) || r.length === 0)
         return;
-      const t = Te(c, e, o, s);
-      if (t.some((T) => T.tag === "new")) {
-        const { afterId: T, content: $ } = t[0];
-        re($, T);
+      const c = Te(r, e, n, o);
+      if (c.some(($) => $.tag === "new")) {
+        const { afterId: $, content: P } = c[0];
+        pe(P, $);
         return;
       }
-      const i = t, u = [];
-      for (const [T, $] of i.entries()) {
-        const D = R.value.find((ue) => ue.id === $.id), X = T === 0 ? s : "";
-        D ? D.type === "text" ? D.content = se(D.content, X, $.startOffset, $.endOffset) : D.type === "template" ? $.type === "prefix" || $.type === "suffix" ? $.startOffset === 0 && $.endOffset === 1 && X.length === 0 ? D[$.type] = "" : console.warn(`${$.type} can not be inserted text. it only can be deleted`, $) : $.startOffset < 0 || $.endOffset > D.content.length ? u.push(D.id) : D.content = se(D.content, X, $.startOffset, $.endOffset) : console.warn("dataItem.type is not text or template", D) : console.warn("can not find dataItem", $);
+      const d = c, w = [];
+      for (const [$, P] of d.entries()) {
+        const s = E.value.find((C) => C.id === P.id), u = $ === 0 ? o : "";
+        s ? s.type === "text" ? s.content = he(s.content, u, P.startOffset, P.endOffset) : s.type === "template" ? P.type === "prefix" || P.type === "suffix" ? P.startOffset === 0 && P.endOffset === 1 && u.length === 0 ? s[P.type] = "" : console.warn(`${P.type} can not be inserted text. it only can be deleted`, P) : P.startOffset < 0 || P.endOffset > s.content.length ? w.push(s.id) : s.content = he(s.content, u, P.startOffset, P.endOffset) : console.warn("dataItem.type is not text or template", s) : console.warn("can not find dataItem", P);
       }
-      let x = R.value.filter((T) => !u.includes(T.id));
-      x = x.filter((T) => !(T.type === "template" && [T.prefix, T.suffix, T.content].join("").length === 0));
-      const N = /* @__PURE__ */ new Set();
-      x.forEach((T, $, D) => {
-        if (D.length >= 2) {
-          if ($ === 0 || $ === 1) {
-            const X = D[0], ue = D[1];
-            if (X.type === "text" && X.content.length === 0 && ue.type === "template")
+      let O = E.value.filter(($) => !w.includes($.id));
+      O = O.filter(($) => !($.type === "template" && [$.prefix, $.suffix, $.content].join("").length === 0));
+      const U = /* @__PURE__ */ new Set();
+      O.forEach(($, P, s) => {
+        if (s.length >= 2) {
+          if (P === 0 || P === 1) {
+            const u = s[0], C = s[1];
+            if (u.type === "text" && u.content.length === 0 && C.type === "template")
               return;
           }
-          if ($ === D.length - 2 || $ === D.length - 1) {
-            const X = D[D.length - 1], ue = D[D.length - 2];
-            if (X.type === "text" && X.content.length === 0 && ue.type === "template")
+          if (P === s.length - 2 || P === s.length - 1) {
+            const u = s[s.length - 1], C = s[s.length - 2];
+            if (u.type === "text" && u.content.length === 0 && C.type === "template")
               return;
           }
         }
-        T.type === "text" && T.content.length === 0 && N.add(T.id);
-      }), x = x.filter((T) => !N.has(T.id));
-      for (const T of x.filter(($) => $.type === "template"))
-        T.prefix.length === 0 && (T.prefix = y), T.suffix.length === 0 && (T.suffix = C);
-      W(x), H.commit(G(R.value)), i.length > 0 && Ie(i, s), O.value = M(R.value), q(() => {
-        j();
+        $.type === "text" && $.content.length === 0 && U.add($.id);
+      }), O = O.filter(($) => !U.has($.id));
+      for (const $ of O.filter((P) => P.type === "template"))
+        $.prefix.length === 0 && ($.prefix = g), $.suffix.length === 0 && ($.suffix = T);
+      W(O), N.commit(X(E.value)), d.length > 0 && Ve(d, o), D.value = j(E.value), q(() => {
+        J();
       });
-    }, Ie = (e, o) => {
-      const s = e[0], c = `[data-id="${s.id}"][data-type="${s.type}"]`, t = e.slice(1).map((i) => `[data-id="${i.id}"][data-type="${i.type}"]`);
+    }, Ve = (e, n) => {
+      const o = e[0], r = `[data-id="${o.id}"][data-type="${o.type}"]`, c = e.slice(1).map((d) => `[data-id="${d.id}"][data-type="${d.type}"]`);
       q(() => {
-        var u, x;
-        const i = (u = S.value) == null ? void 0 : u.querySelector(c);
-        if (i)
-          te(i, s.startOffset + o.length);
-        else if (o.length === 0)
-          for (const N of t) {
-            const T = (x = S.value) == null ? void 0 : x.querySelector(N);
-            if (T) {
-              te(T, 0);
+        var w, O;
+        const d = (w = S.value) == null ? void 0 : w.querySelector(r);
+        if (d)
+          ie(d, o.startOffset + n.length);
+        else if (n.length === 0)
+          for (const U of c) {
+            const $ = (O = S.value) == null ? void 0 : O.querySelector(U);
+            if ($) {
+              ie($, 0);
               break;
             }
           }
         else
-          console.warn(`can not find el with selector: ${c}`);
+          console.warn(`can not find el with selector: ${r}`);
       });
-    }, Re = (e) => {
-      const o = w.value.findIndex((u) => u.id === e.startId && u.type === e.startType), s = w.value.findIndex((u) => u.id === e.endId && u.type === e.endType);
-      if (o === -1 || s === -1 || o > s)
+    }, ue = (e) => {
+      const n = x.value.findIndex((w) => w.id === e.startId && w.type === e.startType), o = x.value.findIndex((w) => w.id === e.endId && w.type === e.endType);
+      if (n === -1 || o === -1 || n > o)
         return console.warn("startIndex or endIndex is -1, or startIndex > endIndex. ", { range: e }), null;
-      const c = w.value[o], t = w.value[s];
-      if (o === s)
+      const r = x.value[n], c = x.value[o];
+      if (n === o)
         return [
           {
-            id: c.id,
-            type: c.type,
+            id: r.id,
+            type: r.type,
             startOffset: e.startOffset,
             endOffset: e.endOffset
           }
         ];
-      const i = [
+      const d = [
         {
-          id: c.id,
-          type: c.type,
+          id: r.id,
+          type: r.type,
           startOffset: e.startOffset,
-          endOffset: c.content.length
+          endOffset: r.content.length
         }
       ];
-      for (let u = o + 1; u < s; u++) {
-        const x = w.value[u];
-        i.push({
-          id: x.id,
-          type: x.type,
+      for (let w = n + 1; w < o; w++) {
+        const O = x.value[w];
+        d.push({
+          id: O.id,
+          type: O.type,
           startOffset: 0,
-          endOffset: x.content.length
+          endOffset: O.content.length
         });
       }
-      return i.push({
-        id: t.id,
-        type: t.type,
+      return d.push({
+        id: c.id,
+        type: c.type,
         startOffset: 0,
         endOffset: e.endOffset
-      }), i;
-    }, Te = (e, o, s, c) => {
-      const t = e[0];
-      if (t.type !== "prefix" && t.type !== "suffix")
+      }), d;
+    }, Te = (e, n, o, r) => {
+      const c = e[0];
+      if (c.type !== "prefix" && c.type !== "suffix")
         return e;
       if (e.length === 1) {
-        if (o.collapsed)
-          if (o.startOffset === 0) {
-            const i = ie(t, c);
-            return i ? [i] : [];
+        if (n.collapsed)
+          if (n.startOffset === 0) {
+            const d = ve(c, r);
+            return d ? [d] : [];
           } else {
-            const i = be(t, c);
-            return i ? [i] : [];
+            const d = ye(c, r);
+            return d ? [d] : [];
           }
-        if (s.startsWith("insert"))
-          if (p) {
-            const i = ie(t, c);
-            return i ? [i] : [];
+        if (o.startsWith("insert"))
+          if (h) {
+            const d = ve(c, r);
+            return d ? [d] : [];
           } else {
-            const i = be(t, c);
-            return i ? [i] : [];
+            const d = ye(c, r);
+            return d ? [d] : [];
           }
-        if (s.startsWith("delete")) {
-          if (s.includes("Backward")) {
-            const i = ie(t, c, 1);
-            return i ? [i] : [];
-          } else if (s.includes("Forward")) {
-            const i = be(t, c, 1);
-            return i ? [i] : [];
+        if (o.startsWith("delete")) {
+          if (o.includes("Backward")) {
+            const d = ve(c, r, 1);
+            return d ? [d] : [];
+          } else if (o.includes("Forward")) {
+            const d = ye(c, r, 1);
+            return d ? [d] : [];
           }
         }
       }
-      return c.length > 0 ? e.slice(1) : e;
-    }, ie = (e, o, s = 0) => {
-      const c = w.value.findIndex((t) => t.id === e.id && t.type === e.type);
-      if (c > 0) {
-        const t = w.value[c - 1], { id: i, type: u, content: x } = t;
-        if (u === "text" || u === "template")
+      return r.length > 0 ? e.slice(1) : e;
+    }, ve = (e, n, o = 0) => {
+      const r = x.value.findIndex((c) => c.id === e.id && c.type === e.type);
+      if (r > 0) {
+        const c = x.value[r - 1], { id: d, type: w, content: O } = c;
+        if (w === "text" || w === "template")
           return {
-            id: i,
-            type: u,
-            startOffset: x.length - s,
-            endOffset: x.length
+            id: d,
+            type: w,
+            startOffset: O.length - o,
+            endOffset: O.length
           };
-        if (o.length > 0)
-          return { tag: "new", afterId: i, type: "text", content: o };
-        if (console.warn("the previous item is not text or template", { current: e, previous: t }), s === 1)
+        if (n.length > 0)
+          return { tag: "new", afterId: d, type: "text", content: n };
+        if (console.warn("the previous item is not text or template", { current: e, previous: c }), o === 1)
           return { ...e, endOffset: e.startOffset };
-      } else return o.length > 0 ? { tag: "new", type: "text", content: o } : (console.warn("the previous item of current is not found", { current: e }), null);
+      } else return n.length > 0 ? { tag: "new", type: "text", content: n } : (console.warn("the previous item of current is not found", { current: e }), null);
       return e;
-    }, be = (e, o, s = 0) => {
-      const c = w.value.findIndex((t) => t.id === e.id && t.type === e.type);
-      if (c < w.value.length - 1) {
-        const t = w.value[c + 1], { id: i, type: u } = t;
-        if (u === "text" || u === "template")
+    }, ye = (e, n, o = 0) => {
+      const r = x.value.findIndex((c) => c.id === e.id && c.type === e.type);
+      if (r < x.value.length - 1) {
+        const c = x.value[r + 1], { id: d, type: w } = c;
+        if (w === "text" || w === "template")
           return {
-            id: i,
-            type: u,
+            id: d,
+            type: w,
             startOffset: 0,
-            endOffset: 0 + s
+            endOffset: 0 + o
           };
-        if (o.length > 0)
-          return { tag: "new", afterId: e.id, type: "text", content: o };
-        if (console.warn("the next item is not text or template", { current: e, next: t }), s === 1)
+        if (n.length > 0)
+          return { tag: "new", afterId: e.id, type: "text", content: n };
+        if (console.warn("the next item is not text or template", { current: e, next: c }), o === 1)
           return { ...e, startOffset: e.endOffset };
-      } else return o.length > 0 ? { tag: "new", afterId: e.id, type: "text", content: o } : (console.warn("the next item of current is not found", { current: e }), null);
+      } else return n.length > 0 ? { tag: "new", afterId: e.id, type: "text", content: n } : (console.warn("the next item of current is not found", { current: e }), null);
       return e;
-    }, pe = () => {
-      Q.value = { hasStarted: !0, range: null };
-    }, He = (e) => {
-      const o = Q.value.range;
-      o ? (e.data && fe(o.startContainer) && fe(o.endContainer) ? (L.set(H.get(), J(o)), re(e.data)) : o.startId && o.endId ? (L.set(H.get(), J(o)), we(o, "insertCompositionText", e.data)) : console.warn("range is not valid, range:", o), A.value++, q(() => {
-        j();
-      })) : console.warn("range is null, compositionEnd:", e), Q.value = { hasStarted: !1, range: null };
-    }, he = (() => {
+    }, Ee = () => {
+      ae.value = { hasStarted: !0, range: null };
+    }, ge = (e) => {
+      const n = ae.value.range;
+      n ? (e.data && F(n.startContainer) && F(n.endContainer) ? (Q.set(N.get(), Y(n)), pe(e.data)) : n.startId && n.endId ? (Q.set(N.get(), Y(n)), Re(n, "insertCompositionText", e.data)) : console.warn("range is not valid, range:", n), _.value++, q(() => {
+        J();
+      })) : console.warn("range is null, compositionEnd:", e), ae.value = { hasStarted: !1, range: null };
+    }, le = (() => {
       const e = navigator.userAgent.toLowerCase();
       return /macintosh|mac os x|iphone|ipad|ipod/.test(e);
-    })(), Ae = (e) => {
-      const o = he && e.metaKey && !e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Z
-      !he && e.ctrlKey && !e.shiftKey && e.key.toLowerCase() === "z", s = he && e.metaKey && e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Shift+z
-      !he && e.ctrlKey && (e.key.toLowerCase() === "y" || e.shiftKey && e.key.toLowerCase() === "z"), c = e.key.toLowerCase() === "enter";
-      if (o) {
+    })(), Fe = (e) => {
+      const n = le && e.metaKey && !e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Z
+      !le && e.ctrlKey && !e.shiftKey && e.key.toLowerCase() === "z", o = le && e.metaKey && e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Shift+z
+      !le && e.ctrlKey && (e.key.toLowerCase() === "y" || e.shiftKey && e.key.toLowerCase() === "z"), r = e.key.toLowerCase() === "enter";
+      if (n) {
         e.preventDefault();
-        const t = le(S.value);
-        t && L.set(H.get(), J(t));
-        const i = H.undo();
-        i && Ee(i);
+        const c = te(S.value);
+        c && Q.set(N.get(), Y(c));
+        const d = N.undo();
+        d && Oe(d);
       }
-      if (s) {
+      if (o) {
         e.preventDefault();
-        const t = H.redo();
-        t && Ee(t);
+        const c = N.redo();
+        c && Oe(c);
       }
-      c && (e.preventDefault(), V("submit"));
-    }, Ee = (e) => {
-      const { data: o } = ke(e);
-      if (W(o), L.has(e)) {
-        const s = L.get(e);
+      r && (e.preventDefault(), H("submit"));
+    }, Oe = (e) => {
+      const { data: n } = Ie(e);
+      if (W(n), Q.has(e)) {
+        const o = Q.get(e);
         q(() => {
-          const c = S.value.querySelector(`[data-id="${s.startId}"][data-type="${s.startType}"]`), t = S.value.querySelector(`[data-id="${s.endId}"][data-type="${s.endType}"]`);
-          c && te(c, s.startOffset, t, s.endOffset);
+          const r = S.value.querySelector(`[data-id="${o.startId}"][data-type="${o.startType}"]`), c = S.value.querySelector(`[data-id="${o.endId}"][data-type="${o.endType}"]`);
+          r && ie(r, o.startOffset, c, o.endOffset);
         });
       }
-      O.value = M(R.value);
-    }, ce = (e, o) => {
-      var t, i;
-      const s = (t = S.value) == null ? void 0 : t.querySelector(`[data-id="${e}"][data-type="${o}"]`);
-      if (!s) return;
-      const c = ((i = s.textContent) == null ? void 0 : i.length) || 0;
-      te(s, c);
-    }, Ve = () => {
+      D.value = j(E.value);
+    }, $e = (e, n) => {
+      var c, d;
+      const o = (c = S.value) == null ? void 0 : c.querySelector(`[data-id="${e}"][data-type="${n}"]`);
+      if (!o) return;
+      const r = ((d = o.textContent) == null ? void 0 : d.length) || 0;
+      ie(o, r);
+    }, Be = () => {
       S.value && q(() => {
-        const e = R.value, o = e.find((c) => c.type === "template");
-        o && ce(o.id, "template"), e.every((c) => c.type === "text") && e.length === 1 && ce(e[0].id, "text");
+        const e = E.value, n = e.find((r) => r.type === "template");
+        n && $e(n.id, "template"), e.every((r) => r.type === "text") && e.length === 1 && $e(e[0].id, "text");
       });
-    }, Fe = () => {
-      H.clear(), L.clear();
-    }, Oe = () => {
-      if (!S.value || Q.value.range)
+    }, Me = () => {
+      N.clear(), Q.clear();
+    }, de = () => {
+      if (!S.value || ae.value.range)
         return;
-      const e = le(S.value);
+      const e = te(S.value);
       if (e != null && e.collapsed && b.value.length > 0) {
-        const o = J(e), s = b.value[0];
-        if (o.startEl && o.startId === s.id && o.startOffset === 0 && s.content === v && s.type === "text") {
-          te(o.startEl, 1);
+        const n = Y(e), o = b.value[0];
+        if (n.startEl && n.startId === o.id && n.startOffset === 0 && o.content === y && o.type === "text") {
+          ie(n.startEl, 1);
           return;
         }
-        const c = b.value[b.value.length - 1];
-        if (o.endEl && o.endId === c.id && o.endOffset === 1 && c.content === v && c.type === "text") {
-          te(o.endEl, 0);
+        const r = b.value[b.value.length - 1];
+        if (n.endEl && n.endId === r.id && n.endOffset === 1 && r.content === y && r.type === "text") {
+          ie(n.endEl, 0);
           return;
         }
       }
     };
-    return pt(() => {
-      document.addEventListener("selectionchange", Oe), q(() => {
+    return bt(() => {
+      document.addEventListener("selectionchange", de), q(() => {
         Z();
       });
-    }), tt(() => {
-      document.removeEventListener("selectionchange", Oe);
-    }), a({
-      clearHistory: Fe,
-      activateFirstField: Ve
-    }), (e, o) => (m(), I("div", Pt, [
-      (m(), I("div", {
+    }), st(() => {
+      document.removeEventListener("selectionchange", de);
+    }), i({
+      clearHistory: Me,
+      activateFirstField: Be
+    }), (e, n) => (m(), R("div", Jt, [
+      (m(), R("div", {
         contenteditable: "true",
         ref_key: "editorRef",
         ref: S,
-        key: A.value,
+        key: _.value,
         class: "editor",
-        style: Ue(B.value),
-        onBeforeinput: Ke,
-        onCompositionstart: pe,
-        onCompositionend: He,
-        onKeydown: Ae
+        style: Ae(K.value),
+        onBeforeinput: He,
+        onCompositionstart: Ee,
+        onCompositionend: ge,
+        onKeydown: Fe
       }, [
-        (m(!0), I(ye, null, xe(f.value, (s) => (m(), ee(Ft, Se({
-          key: `${s.id}-${s.type}`
-        }, { ref_for: !0 }, s), null, 16))), 128))
+        (m(!0), R(we, null, xe(f.value, (o) => (m(), oe(jt, Se({
+          key: `${o.id}-${o.type}`
+        }, { ref_for: !0 }, o), null, 16))), 128))
       ], 36))
     ]));
   }
-}), Nt = /* @__PURE__ */ _e(Wt, [["__scopeId", "data-v-b5c1a845"]]), nt = (n, a) => {
-  if (!a.length)
-    return [{ text: n, isMatch: !1 }];
-  const l = [];
-  for (const p of a) {
-    if (!p) continue;
-    let h = 0;
-    const v = n.toLowerCase(), y = p.toLowerCase();
+}), Zt = /* @__PURE__ */ _e(Yt, [["__scopeId", "data-v-b5c1a845"]]), it = (t, i) => {
+  if (!i.length)
+    return [{ text: t, isMatch: !1 }];
+  const a = [];
+  for (const h of i) {
+    if (!h) continue;
+    let v = 0;
+    const y = t.toLowerCase(), g = h.toLowerCase();
     for (; ; ) {
-      const C = v.indexOf(y, h);
-      if (C === -1) break;
-      l.push({
-        start: C,
-        end: C + p.length
-      }), h = C + 1;
+      const T = y.indexOf(g, v);
+      if (T === -1) break;
+      a.push({
+        start: T,
+        end: T + h.length
+      }), v = T + 1;
     }
   }
-  if (l.length === 0)
-    return [{ text: n, isMatch: !1 }];
-  l.sort((p, h) => p.start - h.start);
-  const r = [];
-  for (const p of l)
-    if (r.length === 0)
-      r.push(p);
+  if (a.length === 0)
+    return [{ text: t, isMatch: !1 }];
+  a.sort((h, v) => h.start - v.start);
+  const l = [];
+  for (const h of a)
+    if (l.length === 0)
+      l.push(h);
     else {
-      const h = r[r.length - 1];
-      p.start <= h.end ? h.end = Math.max(h.end, p.end) : r.push(p);
+      const v = l[l.length - 1];
+      h.start <= v.end ? v.end = Math.max(v.end, h.end) : l.push(h);
     }
-  const d = [];
-  let _ = 0;
-  for (const p of r)
-    _ < p.start && d.push({
-      text: n.substring(_, p.start),
+  const p = [];
+  let I = 0;
+  for (const h of l)
+    I < h.start && p.push({
+      text: t.substring(I, h.start),
       isMatch: !1
-    }), d.push({
-      text: n.substring(p.start, p.end),
+    }), p.push({
+      text: t.substring(h.start, h.end),
       isMatch: !0
-    }), _ = p.end;
-  return _ < n.length && d.push({
-    text: n.substring(_),
+    }), I = h.end;
+  return I < t.length && p.push({
+    text: t.substring(I),
     isMatch: !1
-  }), d;
-}, zt = (n, a) => !a || !n ? [{ text: n, isMatch: !1 }] : nt(n, [a]), Ut = (n, a) => {
-  const { content: l, highlights: r } = n;
-  return typeof r == "function" ? r(l, a) : Array.isArray(r) ? nt(l, r) : zt(l, a);
-}, Gt = ["onMouseenter", "onMousedown"], qt = { class: "suggestion-list__text" }, jt = /* @__PURE__ */ Ce({
+  }), p;
+}, Qt = (t, i) => !i || !t ? [{ text: t, isMatch: !1 }] : it(t, [i]), en = (t, i) => {
+  const { content: a, highlights: l } = t;
+  return typeof l == "function" ? l(a, i) : Array.isArray(l) ? it(a, l) : Qt(a, i);
+}, tn = ["onMouseenter", "onMousedown"], nn = { class: "suggestion-list__text" }, on = /* @__PURE__ */ Ce({
   __name: "SuggestionList",
   props: {
     show: { type: Boolean },
@@ -1011,85 +1017,82 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
     inputValue: {}
   },
   emits: ["select", "mouse-enter", "mouse-leave"],
-  setup(n, { emit: a }) {
-    const l = n, r = a, d = K(null), _ = (y) => y === l.activeKeyboardIndex || y === l.activeMouseIndex, p = (y) => {
-      r("mouse-enter", y);
-    }, h = () => {
-      r("mouse-leave");
-    }, v = (y) => {
-      r("select", y);
+  setup(t, { emit: i }) {
+    const a = t, l = i, p = A(null), I = (g) => g === a.activeKeyboardIndex || g === a.activeMouseIndex, h = (g) => {
+      l("mouse-enter", g);
+    }, v = () => {
+      l("mouse-leave");
+    }, y = (g) => {
+      l("select", g);
     };
     return ne(
-      () => l.activeKeyboardIndex,
-      (y) => {
-        if (y !== -1 && d.value) {
-          const C = d.value.children[y];
-          C && C.scrollIntoView({ block: "nearest" });
+      () => a.activeKeyboardIndex,
+      (g) => {
+        if (g !== -1 && p.value) {
+          const T = p.value.children[g];
+          T && T.scrollIntoView({ block: "nearest" });
         }
       }
-    ), (y, C) => (m(), ee(ze, { name: "tiny-sender-slide-up" }, {
-      default: ve(() => [
-        l.show && l.suggestions.length ? (m(), I("div", {
+    ), (g, T) => (m(), oe(qe, { name: "tiny-sender-slide-up" }, {
+      default: me(() => [
+        a.show && a.suggestions.length ? (m(), R("div", {
           key: 0,
           ref_key: "suggestionsListRef",
-          ref: d,
+          ref: p,
           class: "suggestion-list",
-          style: Ue(l.popupStyle)
+          style: Ae(a.popupStyle)
         }, [
-          (m(!0), I(ye, null, xe(l.suggestions, (g, O) => (m(), I("div", {
-            key: O,
-            class: oe(["suggestion-list__item", { highlighted: _(O) }]),
-            onMouseenter: (V) => p(O),
-            onMouseleave: h,
-            onMousedown: ht((V) => v(g.content), ["prevent"])
+          (m(!0), R(we, null, xe(a.suggestions, (L, D) => (m(), R("div", {
+            key: D,
+            class: se(["suggestion-list__item", { highlighted: I(D) }]),
+            onMouseenter: (H) => h(D),
+            onMouseleave: v,
+            onMousedown: St((H) => y(L.content), ["prevent"])
           }, [
-            Y(k(kt), { class: "suggestion-list__icon" }),
-            z("span", qt, [
-              (m(!0), I(ye, null, xe(k(Ut)(g, l.inputValue), (V, A) => (m(), I("span", {
-                key: A,
-                class: oe({
-                  "suggestion-list__text--match": V.isMatch,
-                  "suggestion-list__text--normal": !V.isMatch
+            ee(k(Dt), { class: "suggestion-list__icon" }),
+            G("span", nn, [
+              (m(!0), R(we, null, xe(k(en)(L, a.inputValue), (H, _) => (m(), R("span", {
+                key: _,
+                class: se({
+                  "suggestion-list__text--match": H.isMatch,
+                  "suggestion-list__text--normal": !H.isMatch
                 })
-              }, de(V.text), 3))), 128))
+              }, fe(H.text), 3))), 128))
             ])
-          ], 42, Gt))), 128))
-        ], 4)) : P("", !0)
+          ], 42, tn))), 128))
+        ], 4)) : M("", !0)
       ]),
       _: 1
     }));
   }
-}), Jt = /* @__PURE__ */ _e(jt, [["__scopeId", "data-v-e0ec9fe3"]]), Xt = ["data-theme"], Yt = { class: "tiny-sender__container" }, Zt = {
+}), sn = /* @__PURE__ */ _e(on, [["__scopeId", "data-v-e0ec9fe3"]]), an = ["data-theme"], ln = { class: "tiny-sender__container" }, rn = {
   key: 0,
   class: "tiny-sender__header-slot"
-}, Qt = {
+}, cn = {
   key: 0,
   class: "tiny-sender__prefix-slot"
-}, en = { class: "tiny-sender__content-area" }, tn = {
+}, un = { class: "tiny-sender__content-area" }, dn = {
   key: 0,
   class: "tiny-sender__decorative-content"
-}, nn = {
-  key: 2,
-  class: "tiny-sender__input-field-wrapper"
-}, on = {
-  key: 0,
+}, fn = {
+  key: 1,
   class: "tiny-sender__completion-placeholder"
-}, sn = { class: "user-input-mirror" }, an = {
+}, pn = { class: "user-input-mirror" }, hn = {
   key: 0,
   class: "tiny-sender__tab-hint"
-}, ln = {
+}, vn = {
   key: 1,
   class: "tiny-sender__actions-slot"
-}, rn = {
+}, yn = {
   key: 0,
   class: "tiny-sender__footer-slot tiny-sender__bottom-row"
-}, cn = { class: "tiny-sender__footer-left" }, un = { class: "tiny-sender__footer-right" }, dn = { class: "real-word-length" }, fn = {
+}, gn = { class: "tiny-sender__footer-left" }, mn = { class: "tiny-sender__footer-right" }, wn = { class: "real-word-length" }, bn = {
   key: 1,
   class: "tiny-sender__toolbar"
-}, pn = { class: "tiny-sender__buttons-container" }, hn = {
+}, Sn = { class: "tiny-sender__buttons-container" }, xn = {
   key: 1,
   class: "tiny-sender__footer-slot"
-}, vn = /* @__PURE__ */ Ce({
+}, Cn = /* @__PURE__ */ Ce({
   __name: "index",
   props: {
     autofocus: { type: Boolean, default: !1 },
@@ -1116,379 +1119,420 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
     stopText: { default: "" }
   },
   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(n, { expose: a, emit: l }) {
-    const r = n, d = l, _ = K(null), p = K(null), h = K(null), v = K(null), y = K(null), C = E(() => r.templateData && r.templateData.length > 0), { inputValue: g, isComposing: O, clearInput: V } = Rt(r, d), A = E(() => !!g.value.trim()), F = E(() => {
-      var t, i;
-      return !(r.disabled || r.loading || !A.value || ie.value || (i = (t = r.buttonGroup) == null ? void 0 : t.submit) != null && i.disabled);
+  setup(t, { expose: i, emit: a }) {
+    const l = t, p = a, I = A(null), h = A(null), v = A(null), y = A(null), g = A(null), T = A(null), L = A(0);
+    let D = null;
+    const H = B(() => l.templateData && l.templateData.length > 0), { inputValue: _, isComposing: V, clearInput: j } = Kt(l, p), E = B(() => !!_.value.trim()), W = B(() => {
+      var s, u;
+      return !(l.disabled || l.loading || !E.value || ge.value || (u = (s = l.buttonGroup) == null ? void 0 : s.submit) != null && u.disabled);
     }), {
-      isPopupVisible: M,
-      activeSuggestion: R,
-      activeKeyboardIndex: W,
-      activeMouseIndex: b,
-      autoCompleteText: w,
-      showTabIndicator: f,
-      syncAutoComplete: S,
-      closePopup: U,
-      applySuggestion: Z,
-      confirmSelection: B,
-      navigateWithKeyboard: j,
-      handleMouseEnter: G,
-      handleMouseLeave: ke
-    } = Ot(
-      E(() => r.suggestions),
-      g,
-      O,
-      C,
-      (t) => d("update:modelValue", t),
-      (t) => d("suggestion-select", t)
-    ), L = K(r.mode), H = K(!1), ge = () => {
-      L.value === "single" && (L.value = "multiple", q(() => {
+      isPopupVisible: b,
+      activeSuggestion: x,
+      activeKeyboardIndex: f,
+      activeMouseIndex: S,
+      autoCompleteText: z,
+      showTabIndicator: Z,
+      syncAutoComplete: K,
+      closePopup: J,
+      applySuggestion: X,
+      confirmSelection: Ie,
+      navigateWithKeyboard: Q,
+      handleMouseEnter: N,
+      handleMouseLeave: be
+    } = Vt(
+      B(() => l.suggestions),
+      _,
+      V,
+      H,
+      (s) => p("update:modelValue", s),
+      (s) => p("suggestion-select", s)
+    ), F = A(l.mode), te = A(!1), ke = () => {
+      F.value === "single" && (F.value = "multiple", q(() => {
         setTimeout(() => {
-          const t = document.querySelector(".tiny-textarea__inner");
-          if (t) {
-            t.style.whiteSpace = "pre-wrap";
-            const i = g.value.length;
-            t.focus(), t.setSelectionRange(i, i);
+          const s = document.querySelector(".tiny-textarea__inner");
+          if (s) {
+            s.style.whiteSpace = "pre-wrap";
+            const u = _.value.length;
+            s.focus(), s.setSelectionRange(u, u);
           }
         }, 50);
       }));
-    }, fe = (t, i) => {
-      const u = document.createElement("span");
-      u.style.visibility = "hidden", u.style.position = "absolute", u.style.whiteSpace = "nowrap", u.style.font = i, u.textContent = t, document.body.appendChild(u);
-      const x = u.offsetWidth;
-      return document.body.removeChild(u), x;
-    }, le = () => {
-      var $e, je, Je;
-      if (r.mode !== "single" || !_.value || H.value || !p.value || !v.value) return;
-      const t = p.value.querySelector(".tiny-sender__content-area");
-      if (!t) return;
-      const i = ((je = ($e = _.value) == null ? void 0 : $e.querySelector) == null ? void 0 : je.call($e, ".tiny-input__inner")) || t.querySelector(".tiny-input__inner"), u = y.value || p.value.querySelector(".tiny-sender__buttons-container");
-      if (!i) {
+    }, ie = (s, u) => {
+      const C = document.createElement("span");
+      C.style.visibility = "hidden", C.style.position = "absolute", C.style.whiteSpace = "nowrap", C.style.font = u, C.textContent = s, document.body.appendChild(C);
+      const re = C.offsetWidth;
+      return document.body.removeChild(C), re;
+    }, pe = () => {
+      var Le, Ye, Ze;
+      if (l.mode !== "single" || !I.value || te.value || !h.value || !y.value) return;
+      const s = h.value.querySelector(".tiny-sender__content-area");
+      if (!s) return;
+      const u = ((Ye = (Le = I.value) == null ? void 0 : Le.querySelector) == null ? void 0 : Ye.call(Le, ".tiny-input__inner")) || s.querySelector(".tiny-input__inner"), C = T.value || h.value.querySelector(".tiny-sender__buttons-container");
+      if (!u) {
         console.warn("Cannot find input element for overflow check");
         return;
       }
-      const x = i.getBoundingClientRect(), N = u == null ? void 0 : u.getBoundingClientRect();
-      if (x.width === 0) {
-        setTimeout(() => le(), 50);
+      const re = u.getBoundingClientRect(), We = C == null ? void 0 : C.getBoundingClientRect();
+      if (re.width === 0) {
+        setTimeout(() => pe(), 50);
         return;
       }
-      const T = window.getComputedStyle(i).font, $ = fe(g.value, T), D = (Je = p.value) == null ? void 0 : Je.classList.contains("tr-sender-compact"), X = D ? 12 : 20, ue = x.width, ot = (N == null ? void 0 : N.width) || 0, qe = ue - ot - X, st = D ? 50 : 80;
-      $ > qe && qe > st && L.value === "single" && (H.value = !0, L.value = "multiple", q(() => {
-        _.value ? setTimeout(() => {
-          var Xe;
-          const Be = (Xe = p.value) == null ? void 0 : Xe.querySelector(".tiny-textarea__inner");
-          if (Be) {
-            Be.style.whiteSpace = "pre-wrap";
-            const Ye = g.value.length;
-            Be.focus(), Be.setSelectionRange(Ye, Ye);
+      const at = window.getComputedStyle(u).font, lt = ie(_.value, at), Je = (Ze = h.value) == null ? void 0 : Ze.classList.contains("tr-sender-compact"), rt = Je ? 12 : 20, ct = re.width, ut = (We == null ? void 0 : We.width) || 0, Xe = ct - ut - rt, dt = Je ? 50 : 80;
+      lt > Xe && Xe > dt && F.value === "single" && (te.value = !0, F.value = "multiple", q(() => {
+        I.value ? setTimeout(() => {
+          var Qe;
+          const De = (Qe = h.value) == null ? void 0 : Qe.querySelector(".tiny-textarea__inner");
+          if (De) {
+            De.style.whiteSpace = "pre-wrap";
+            const et = _.value.length;
+            De.focus(), De.setSelectionRange(et, et);
           }
-          H.value = !1;
-        }, 300) : H.value = !1;
+          te.value = !1;
+        }, 300) : te.value = !1;
       }));
-    }, me = () => {
-      if (C.value && h.value)
-        o();
-      else if (_.value)
-        _.value.focus();
+    }, ae = () => {
+      if (H.value && v.value)
+        U();
+      else if (I.value)
+        I.value.focus();
       else {
-        const t = document.querySelector(".tiny-input__inner");
-        t == null || t.focus();
+        const s = document.querySelector(".tiny-input__inner");
+        s == null || s.focus();
       }
-    }, te = () => {
-      if (_.value)
-        _.value.blur();
+    }, He = () => {
+      if (I.value)
+        I.value.blur();
       else {
-        const t = document.querySelector(".tiny-input__inner");
-        t == null || t.blur();
+        const s = document.querySelector(".tiny-input__inner");
+        s == null || s.blur();
       }
-    }, re = () => {
-      var t;
-      d("update:templateData", []), (t = h.value) == null || t.clearHistory(), q(() => {
-        g.value === "" && (L.value = r.mode || "single"), setTimeout(() => {
-          me();
+    }, Y = () => {
+      var s;
+      p("update:templateData", []), (s = v.value) == null || s.clearHistory(), q(() => {
+        _.value === "" && (F.value = l.mode || "single"), setTimeout(() => {
+          ae();
         }, 50);
       });
-    }, Q = () => {
-      var t;
-      V(), C.value ? re() : (t = p.value) == null || t.focus(), q(() => {
-        g.value === "" && (L.value = r.mode || "single");
+    }, he = () => {
+      var s;
+      j(), H.value ? Y() : (s = h.value) == null || s.focus(), q(() => {
+        _.value === "" && (F.value = l.mode || "single");
       });
-    }, Ke = (t) => {
-      const i = (x) => x.type === "text" && x.content === "​";
-      if (t.length === 0 || t.every(i)) {
-        re();
+    }, Re = (s) => {
+      const u = (re) => re.type === "text" && re.content === "​";
+      if (s.length === 0 || s.every(u)) {
+        Y();
         return;
       }
-      d("update:templateData", t);
+      p("update:templateData", s);
     };
     ne(
-      () => r.templateData,
+      () => l.templateData,
       () => {
-        g.value = r.templateData.map((t) => t.content).join("");
+        _.value = l.templateData.map((s) => s.content).join("");
       },
       { deep: !0 }
     );
-    const J = E(() => {
-      const t = typeof r.speech == "object" ? r.speech : {};
+    const Ve = B(() => {
+      const s = typeof l.speech == "object" ? l.speech : {};
       return {
-        ...t,
-        onStart: () => d("speech-start"),
-        onEnd: (i) => d("speech-end", i),
-        onInterim: (i) => d("speech-interim", i),
-        onFinal: (i) => {
-          if (t.autoReplace)
-            g.value = i;
+        ...s,
+        onStart: () => p("speech-start"),
+        onEnd: (u) => p("speech-end", u),
+        onInterim: (u) => p("speech-interim", u),
+        onFinal: (u) => {
+          if (s.autoReplace)
+            _.value = u;
           else {
-            const u = g.value;
-            u && i && !u.endsWith(" ") && !i.startsWith(" ") && u.length > 0 ? g.value = u + " " + i : g.value = u + i;
+            const C = _.value;
+            C && u && !C.endsWith(" ") && !u.startsWith(" ") && C.length > 0 ? _.value = C + " " + u : _.value = C + u;
           }
-          d("speech-end", i);
+          p("speech-end", u);
         },
-        onError: (i) => {
-          d("speech-error", i);
+        onError: (u) => {
+          p("speech-error", u);
         }
       };
-    }), { speechState: se, start: we, stop: Ie } = Et(J.value), Re = () => {
-      se.isRecording ? Ie() : we();
-    }, Te = async () => {
-      const t = typeof r.speech == "object" ? r.speech : {}, i = se.isRecording;
-      if (t.onVoiceButtonClick) {
-        let u = !1;
+    }), { speechState: ue, start: Te, stop: ve } = Ht(Ve.value), ye = () => {
+      ue.isRecording ? ve() : Te();
+    }, Ee = async () => {
+      const s = typeof l.speech == "object" ? l.speech : {}, u = ue.isRecording;
+      if (s.onVoiceButtonClick) {
+        let C = !1;
         try {
-          await t.onVoiceButtonClick(i, () => {
-            u = !0;
+          await s.onVoiceButtonClick(u, () => {
+            C = !0;
           });
-        } catch (x) {
-          console.error("语音按钮点击拦截器执行失败:", x);
+        } catch (re) {
+          console.error("语音按钮点击拦截器执行失败:", re);
         }
-        if (u)
+        if (C)
           return;
       }
-      Re();
-    }, ie = E(() => r.maxLength !== 1 / 0 && g.value.length > r.maxLength), { handleKeyPress: be, triggerSubmit: pe } = Tt(
-      r,
-      d,
-      g,
-      O,
-      se,
-      M,
-      R,
-      B,
-      U,
-      j,
-      Re,
+      ye();
+    }, ge = B(() => l.maxLength !== 1 / 0 && _.value.length > l.maxLength), { handleKeyPress: je, triggerSubmit: le } = At(
+      l,
+      p,
+      _,
+      V,
+      ue,
+      b,
+      x,
+      Ie,
+      J,
+      Q,
+      ye,
+      W,
       F,
-      L,
-      ge,
-      C,
-      re
-    ), He = (t) => {
-      d("focus", t), g.value && !C.value && (M.value = !0);
-    }, Ge = (t) => {
-      d("blur", t), U();
-    }, he = E(() => L.value === "multiple" ? "textarea" : "text"), Ae = vt(), Ee = E(() => !!Ae.decorativeContent), ce = E(() => r.disabled || Ee.value), Ve = E(() => r.loading), Fe = E(() => ({
-      "is-disabled": ce.value,
-      "is-loading": Ve.value,
-      "is-auto-switching": H.value
-    })), Oe = E(() => ({
-      width: It(r.suggestionPopupWidth),
+      ke,
+      H,
+      Y
+    ), Fe = (s) => {
+      p("focus", s), _.value && !H.value && (b.value = !0);
+    }, Oe = (s) => {
+      p("blur", s), J();
+    }, $e = B(() => F.value === "multiple" ? "textarea" : "text"), Be = xt(), Me = B(() => !!Be.decorativeContent), de = B(
+      () => F.value === "multiple" && !!Be["input-prefix"] && !H.value
+    );
+    kt(g, ([s]) => {
+      var u, C;
+      (C = (u = g.value) == null ? void 0 : u.parentElement) == null || C.style.setProperty(
+        "--tr-sender-input-prefix-width",
+        `${s.contentRect.width}px`
+      );
+    });
+    const e = (s) => {
+      L.value = s.target.scrollTop;
+    }, n = () => {
+      D == null || D.removeEventListener("scroll", e), D = null, L.value = 0;
+    }, o = async (s) => {
+      var C;
+      if (n(), !s || (await q(), !de.value)) return;
+      const u = (C = h.value) == null ? void 0 : C.querySelector(".tiny-textarea__inner");
+      u && (D = u, u.addEventListener("scroll", e), L.value = u.scrollTop);
+    };
+    ne(
+      [de, I],
+      ([s]) => {
+        o(s);
+      },
+      { immediate: !0, flush: "post" }
+    ), Ct(n);
+    const r = B(() => l.disabled || Me.value), c = B(() => l.loading), d = B(() => ({
+      "is-disabled": r.value,
+      "is-loading": c.value,
+      "is-auto-switching": te.value
+    })), w = B(() => ({
+      width: Pt(l.suggestionPopupWidth),
       maxWidth: "100%"
       // 确保不超出父容器宽度
-    })), e = () => {
-      O.value = !1;
+    })), O = () => {
+      V.value = !1;
     };
-    ne(g, () => {
-      q(le), g.value === "" && r.mode === "single" && (L.value = "single"), S();
+    ne(_, () => {
+      q(pe), _.value === "" && l.mode === "single" && (F.value = "single"), K();
     }), ne(
-      () => C.value,
-      (t) => {
-        t && (L.value = "multiple");
+      () => H.value,
+      (s) => {
+        s && (F.value = "multiple");
       }
     );
-    const o = () => {
-      h.value && h.value.activateFirstField();
-    }, { open: s, files: c } = mt({
-      accept: Me(() => {
-        var t, i;
-        return ((i = (t = r.buttonGroup) == null ? void 0 : t.file) == null ? void 0 : i.accept) ?? "*";
+    const U = () => {
+      v.value && v.value.activateFirstField();
+    }, { open: $, files: P } = Rt({
+      accept: ze(() => {
+        var s, u;
+        return ((u = (s = l.buttonGroup) == null ? void 0 : s.file) == null ? void 0 : u.accept) ?? "*";
       }),
-      multiple: Me(() => {
-        var t, i;
-        return ((i = (t = r.buttonGroup) == null ? void 0 : t.file) == null ? void 0 : i.multiple) ?? !0;
+      multiple: ze(() => {
+        var s, u;
+        return ((u = (s = l.buttonGroup) == null ? void 0 : s.file) == null ? void 0 : u.multiple) ?? !0;
       }),
-      reset: Me(() => {
-        var t, i;
-        return ((i = (t = r.buttonGroup) == null ? void 0 : t.file) == null ? void 0 : i.reset) ?? !0;
+      reset: ze(() => {
+        var s, u;
+        return ((u = (s = l.buttonGroup) == null ? void 0 : s.file) == null ? void 0 : u.reset) ?? !0;
       })
     });
-    return ne(c, (t) => {
-      t && t.length > 0 && d("files-selected", Array.from(t));
-    }), a({
-      focus: me,
-      blur: te,
-      clear: Q,
-      submit: pe,
-      startSpeech: we,
-      stopSpeech: Ie,
-      activateTemplateFirstField: o
-    }), (t, i) => (m(), I("div", {
+    return ne(P, (s) => {
+      s && s.length > 0 && p("files-selected", Array.from(s));
+    }), i({
+      focus: ae,
+      blur: He,
+      clear: he,
+      submit: le,
+      startSpeech: Te,
+      stopSpeech: ve,
+      activateTemplateFirstField: U
+    }), (s, u) => (m(), R("div", {
       ref_key: "senderRef",
-      ref: p,
-      class: oe(["tiny-sender", [Fe.value, `theme-${n.theme}`, `mode-${L.value}`]]),
-      "data-theme": n.theme
+      ref: h,
+      class: se(["tiny-sender", [d.value, `theme-${t.theme}`, `mode-${F.value}`]]),
+      "data-theme": t.theme
     }, [
-      z("div", Yt, [
-        z("div", {
+      G("div", ln, [
+        G("div", {
           class: "tiny-sender__input-wrapper",
           ref_key: "inputWrapperRef",
-          ref: v
+          ref: y
         }, [
-          Y(ze, { name: "tiny-sender-slide-down" }, {
-            default: ve(() => [
-              t.$slots.header ? (m(), I("div", Zt, [
-                ae(t.$slots, "header", {}, void 0, !0)
-              ])) : P("", !0)
+          ee(qe, { name: "tiny-sender-slide-down" }, {
+            default: me(() => [
+              s.$slots.header ? (m(), R("div", rn, [
+                ce(s.$slots, "header", {}, void 0, !0)
+              ])) : M("", !0)
             ]),
             _: 3
           }),
-          z("div", {
-            class: oe(["tiny-sender__input-row", { "has-prefix": t.$slots.prefix, "has-header": t.$slots.header }])
+          G("div", {
+            class: se(["tiny-sender__input-row", { "has-prefix": s.$slots.prefix, "has-header": s.$slots.header }])
           }, [
-            t.$slots.prefix ? (m(), I("div", Qt, [
-              ae(t.$slots, "prefix", {}, void 0, !0)
-            ])) : P("", !0),
-            z("div", en, [
-              ae(t.$slots, "content", {}, () => [
-                t.$slots.decorativeContent ? (m(), I("div", tn, [
-                  ae(t.$slots, "decorativeContent", {}, void 0, !0)
-                ])) : P("", !0),
-                C.value ? (m(), ee(Nt, {
+            s.$slots.prefix ? (m(), R("div", cn, [
+              ce(s.$slots, "prefix", {}, void 0, !0)
+            ])) : M("", !0),
+            G("div", un, [
+              ce(s.$slots, "content", {}, () => [
+                s.$slots.decorativeContent ? (m(), R("div", dn, [
+                  ce(s.$slots, "decorativeContent", {}, void 0, !0)
+                ])) : M("", !0),
+                H.value ? (m(), oe(Zt, {
                   key: 1,
                   ref_key: "templateEditorRef",
-                  ref: h,
-                  "model-value": r.templateData,
-                  "auto-size": n.autoSize,
-                  "onUpdate:modelValue": Ke,
-                  onSubmit: k(pe)
-                }, null, 8, ["model-value", "auto-size", "onSubmit"])) : (m(), I("div", nn, [
-                  Y(k(gt), {
+                  ref: v,
+                  "model-value": l.templateData,
+                  "auto-size": t.autoSize,
+                  "onUpdate:modelValue": Re,
+                  onSubmit: k(le)
+                }, null, 8, ["model-value", "auto-size", "onSubmit"])) : (m(), R("div", {
+                  key: 2,
+                  class: se(["tiny-sender__input-field-wrapper", { "has-input-prefix": de.value }])
+                }, [
+                  de.value ? (m(), R("div", {
+                    key: 0,
+                    ref_key: "inputPrefixRef",
+                    ref: g,
+                    class: "tiny-sender__input-prefix",
+                    style: Ae({ transform: `translateY(-${L.value}px)` })
+                  }, [
+                    ce(s.$slots, "input-prefix", {}, void 0, !0)
+                  ], 4)) : M("", !0),
+                  ee(k(It), {
                     ref_key: "inputRef",
-                    ref: _,
-                    autosize: n.autoSize,
-                    type: he.value,
+                    ref: I,
+                    autosize: t.autoSize,
+                    type: $e.value,
                     resize: "none",
-                    modelValue: k(g),
-                    "onUpdate:modelValue": i[0] || (i[0] = (u) => yt(g) ? g.value = u : null),
-                    disabled: ce.value,
-                    placeholder: n.placeholder,
-                    autofocus: n.autofocus,
-                    onKeydown: k(be),
-                    onCompositionstart: i[1] || (i[1] = (u) => O.value = !0),
-                    onCompositionend: e,
-                    onFocus: He,
-                    onBlur: Ge
+                    modelValue: k(_),
+                    "onUpdate:modelValue": u[0] || (u[0] = (C) => _t(_) ? _.value = C : null),
+                    disabled: r.value,
+                    placeholder: t.placeholder,
+                    autofocus: t.autofocus,
+                    onKeydown: k(je),
+                    onCompositionstart: u[1] || (u[1] = (C) => V.value = !0),
+                    onCompositionend: O,
+                    onFocus: Fe,
+                    onBlur: Oe
                   }, null, 8, ["autosize", "type", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
-                  k(w) && !k(O) ? (m(), I("div", on, [
-                    z("span", sn, de(k(g)), 1),
-                    Qe(" " + de(k(w)) + " ", 1),
-                    k(f) ? (m(), I("div", an, "TAB")) : P("", !0)
-                  ])) : P("", !0)
-                ]))
+                  k(z) && !k(V) ? (m(), R("div", fn, [
+                    G("span", pn, fe(k(_)), 1),
+                    nt(" " + fe(k(z)) + " ", 1),
+                    k(Z) ? (m(), R("div", hn, "TAB")) : M("", !0)
+                  ])) : M("", !0)
+                ], 2))
               ], !0)
             ]),
-            L.value === "single" ? (m(), I("div", ln, [
-              z("div", {
+            F.value === "single" ? (m(), R("div", vn, [
+              G("div", {
                 class: "tiny-sender__buttons-container",
                 ref_key: "buttonsContainerRef",
-                ref: y
+                ref: T
               }, [
-                ae(t.$slots, "actions", {}, void 0, !0),
-                Y(et, {
-                  "allow-speech": n.allowSpeech,
-                  "allow-files": n.allowFiles,
-                  loading: n.loading,
-                  disabled: ce.value,
-                  "show-clear": n.clearable,
-                  "has-content": A.value,
-                  "speech-status": k(se),
-                  "button-group": n.buttonGroup,
-                  "submit-type": n.submitType,
-                  "is-over-limit": ie.value,
-                  "stop-text": n.stopText,
-                  onClear: Q,
-                  onVoiceButtonClick: Te,
-                  onSubmit: k(pe),
-                  onCancel: i[2] || (i[2] = (u) => t.$emit("cancel")),
-                  onTriggerSelect: k(s)
+                ce(s.$slots, "actions", {}, void 0, !0),
+                ee(ot, {
+                  "allow-speech": t.allowSpeech,
+                  "allow-files": t.allowFiles,
+                  loading: t.loading,
+                  disabled: r.value,
+                  "show-clear": t.clearable,
+                  "has-content": E.value,
+                  "speech-status": k(ue),
+                  "button-group": t.buttonGroup,
+                  "submit-type": t.submitType,
+                  "is-over-limit": ge.value,
+                  "stop-text": t.stopText,
+                  onClear: he,
+                  onVoiceButtonClick: Ee,
+                  onSubmit: k(le),
+                  onCancel: u[2] || (u[2] = (C) => s.$emit("cancel")),
+                  onTriggerSelect: k($)
                 }, 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)
-            ])) : P("", !0)
+            ])) : M("", !0)
           ], 2),
-          Y(ze, { name: "tiny-sender-slide-up" }, {
-            default: ve(() => [
-              L.value === "multiple" ? (m(), I("div", rn, [
-                z("div", cn, [
-                  ae(t.$slots, "footer-left", {}, void 0, !0)
+          ee(qe, { name: "tiny-sender-slide-up" }, {
+            default: me(() => [
+              F.value === "multiple" ? (m(), R("div", yn, [
+                G("div", gn, [
+                  ce(s.$slots, "footer-left", {}, void 0, !0)
                 ]),
-                z("div", un, [
-                  ae(t.$slots, "footer-right", {}, void 0, !0),
-                  n.showWordLimit && n.maxLength !== 1 / 0 ? (m(), I("div", {
+                G("div", mn, [
+                  ce(s.$slots, "footer-right", {}, void 0, !0),
+                  t.showWordLimit && t.maxLength !== 1 / 0 ? (m(), R("div", {
                     key: 0,
-                    class: oe(["tiny-sender__word-limit", { "is-over-limit": ie.value }])
+                    class: se(["tiny-sender__word-limit", { "is-over-limit": ge.value }])
                   }, [
-                    z("span", dn, de(k(g).length), 1),
-                    Qe("/" + de(n.maxLength), 1)
-                  ], 2)) : P("", !0),
-                  L.value === "multiple" ? (m(), I("div", fn, [
-                    z("div", pn, [
-                      Y(et, {
-                        "allow-speech": n.allowSpeech,
-                        "allow-files": n.allowFiles,
-                        loading: n.loading,
-                        disabled: ce.value,
-                        "show-clear": n.clearable,
-                        "has-content": A.value,
-                        "speech-status": k(se),
-                        "button-group": n.buttonGroup,
-                        "submit-type": n.submitType,
-                        "is-over-limit": ie.value,
-                        "stop-text": n.stopText,
-                        onClear: Q,
-                        onVoiceButtonClick: Te,
-                        onSubmit: k(pe),
-                        onCancel: i[3] || (i[3] = (u) => t.$emit("cancel")),
-                        onTriggerSelect: k(s)
+                    G("span", wn, fe(k(_).length), 1),
+                    nt("/" + fe(t.maxLength), 1)
+                  ], 2)) : M("", !0),
+                  F.value === "multiple" ? (m(), R("div", bn, [
+                    G("div", Sn, [
+                      ee(ot, {
+                        "allow-speech": t.allowSpeech,
+                        "allow-files": t.allowFiles,
+                        loading: t.loading,
+                        disabled: r.value,
+                        "show-clear": t.clearable,
+                        "has-content": E.value,
+                        "speech-status": k(ue),
+                        "button-group": t.buttonGroup,
+                        "submit-type": t.submitType,
+                        "is-over-limit": ge.value,
+                        "stop-text": t.stopText,
+                        onClear: he,
+                        onVoiceButtonClick: Ee,
+                        onSubmit: k(le),
+                        onCancel: u[3] || (u[3] = (C) => s.$emit("cancel")),
+                        onTriggerSelect: k($)
                       }, 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"])
                     ])
-                  ])) : P("", !0)
+                  ])) : M("", !0)
                 ])
-              ])) : t.$slots.footer ? (m(), I("div", hn, [
-                ae(t.$slots, "footer", {}, void 0, !0)
-              ])) : P("", !0)
+              ])) : s.$slots.footer ? (m(), R("div", xn, [
+                ce(s.$slots, "footer", {}, void 0, !0)
+              ])) : M("", !0)
             ]),
             _: 3
           })
         ], 512)
       ]),
-      Y(Jt, {
-        show: k(M),
-        suggestions: n.suggestions,
-        "popup-style": Oe.value,
-        "active-keyboard-index": k(W),
-        "active-mouse-index": k(b),
-        "input-value": k(g),
-        onSelect: k(Z),
-        onMouseEnter: k(G),
-        onMouseLeave: k(ke)
+      ee(sn, {
+        show: k(b),
+        suggestions: t.suggestions,
+        "popup-style": w.value,
+        "active-keyboard-index": k(f),
+        "active-mouse-index": k(S),
+        "input-value": k(_),
+        onSelect: k(X),
+        onMouseEnter: k(N),
+        onMouseLeave: k(be)
       }, null, 8, ["show", "suggestions", "popup-style", "active-keyboard-index", "active-mouse-index", "input-value", "onSelect", "onMouseEnter", "onMouseLeave"])
-    ], 10, Xt));
+    ], 10, an));
   }
-}), De = /* @__PURE__ */ _e(vn, [["__scopeId", "data-v-dcefe1f1"]]);
-De.name = "TrSender";
-const yn = function(n) {
-  n.component(De.name, De);
+}), Ke = /* @__PURE__ */ _e(Cn, [["__scopeId", "data-v-be921b04"]]);
+Ke.name = "TrSender";
+const _n = function(t) {
+  t.component(Ke.name, Ke);
 };
-De.install = yn;
+Ke.install = _n;
 export {
-  De as default
+  Ke as default
 };