@opentiny/tiny-robot 0.2.12 → 0.2.14

package/dist/sender/index.js

@@ -1,283 +1,283 @@
-import { ref as D, watch as oe, reactive as nt, computed as P, nextTick as J, defineComponent as Re, createElementBlock as O, openBlock as m, createCommentVNode as W, createBlock as q, unref as w, withCtx as Z, createVNode as X, normalizeClass as le, resolveDynamicComponent as st, createElementVNode as M, toDisplayString as se, useAttrs as ot, resolveComponent as at, mergeProps as ge, Fragment as ce, renderList as ye, mergeModels as lt, useModel as rt, useSlots as it, Transition as Ee, renderSlot as ae, isRef as ut, createTextVNode as Me, normalizeStyle as qe, withModifiers as ct } from "vue";
-import { I as dt } from "../index5.js";
-import { B as xe } from "../index3.js";
+import { ref as L, watch as se, reactive as st, computed as D, nextTick as X, defineComponent as ke, createElementBlock as O, openBlock as g, createCommentVNode as K, createBlock as U, unref as _, withCtx as Q, createVNode as j, normalizeClass as ue, resolveDynamicComponent as ot, createElementVNode as q, toDisplayString as ne, useAttrs as at, resolveComponent as lt, mergeProps as ge, Fragment as pe, renderList as ye, mergeModels as rt, useModel as it, useSlots as ut, Transition as Le, renderSlot as ie, isRef as ct, createTextVNode as Me, normalizeStyle as qe, withModifiers as dt } from "vue";
+import { I as ft } from "../index5.js";
+import { B as be } from "../index3.js";
 import { T as Ue } from "../index4.js";
-import { i as ft } from "../close.js";
-import { I as pt, L as ht, v as vt, w as gt, P as yt, _ as mt } from "../tiny-robot-svgs.js";
+import { i as pt } from "../close.js";
+import { I as ht, L as vt, v as gt, w as yt, P as mt, _ as wt } from "../tiny-robot-svgs.js";
 import { _ as je } from "../_plugin-vue_export-helper.js";
-import { t as wt } from "../utils.js";
-function _t(a, u) {
-  const r = D(a.modelValue || a.defaultValue || ""), i = D(null);
-  oe(
-    () => a.modelValue,
-    (g) => {
-      g !== void 0 && g !== r.value && (r.value = g);
+import { t as _t } from "../utils.js";
+function St(l, i) {
+  const c = L(l.modelValue || l.defaultValue || ""), u = L(null);
+  se(
+    () => l.modelValue,
+    (p) => {
+      p !== void 0 && p !== c.value && (c.value = p);
     }
-  ), oe(
-    () => r.value,
-    (g) => {
-      u("update:modelValue", g);
+  ), se(
+    () => c.value,
+    (p) => {
+      i("update:modelValue", p);
     }
   );
-  const v = (g) => {
-    r.value = g, u("update:modelValue", g);
-  }, p = (g) => {
-    g == null || g.preventDefault();
-    const I = r.value;
-    !a.disabled && !a.loading && I.trim() && u("submit", I);
-  }, l = () => {
-    r.value = "", u("update:modelValue", ""), u("clear");
-  }, f = D(!1);
+  const v = (p) => {
+    c.value = p, i("update:modelValue", p);
+  }, S = (p) => {
+    p == null || p.preventDefault();
+    const I = c.value;
+    !l.disabled && !l.loading && I.trim() && i("submit", I);
+  }, o = () => {
+    c.value = "", i("update:modelValue", ""), i("clear");
+  }, d = L(!1);
   return {
-    inputValue: r,
-    inputWrapper: i,
-    isComposing: f,
+    inputValue: c,
+    inputWrapper: u,
+    isComposing: d,
     handleChange: v,
-    handleSubmit: p,
-    handleClear: l,
+    handleSubmit: S,
+    handleClear: o,
     clearInput: () => {
-      l();
+      o();
     }
   };
 }
-function St(a, u, r, i, v, p, l, f, T, g, I, h, $, x, _, F) {
-  const L = (y) => !(a.disabled || a.loading || y.trim().length === 0 || h.value), G = () => {
-    L(r.value) && (_ != null && _.value && (F == null || F()), u("submit", r.value.trim()));
-  }, U = (y, N) => {
-    if (!(y.key === "Enter")) return !1;
-    switch (N) {
+function bt(l, i, c, u, v, S, o, d, T, p, I, y, E, m, w, N) {
+  const $ = () => {
+    y.value && (w != null && w.value && (N == null || N()), i("submit", c.value.trim()));
+  }, J = (h, P) => {
+    if (!(h.key === "Enter")) return !1;
+    switch (P) {
       case "enter":
-        return !y.shiftKey && !y.ctrlKey && !y.metaKey;
+        return !h.shiftKey && !h.ctrlKey && !h.metaKey;
       case "ctrlEnter":
-        return (y.ctrlKey || y.metaKey) && !y.shiftKey;
+        return (h.ctrlKey || h.metaKey) && !h.shiftKey;
       case "shiftEnter":
-        return y.shiftKey && !y.ctrlKey && !y.metaKey;
+        return h.shiftKey && !h.ctrlKey && !h.metaKey;
       default:
         return !1;
     }
   };
   return {
-    handleKeyPress: (y) => {
-      if (i.value) return;
-      if (y.key === "Enter" && y.shiftKey && ($ == null ? void 0 : $.value) === "single" && x) {
-        y.preventDefault(), x();
-        const V = y.target, Q = V.selectionStart, z = r.value;
-        r.value = z.substring(0, Q) + `
-` + z.substring(Q), setTimeout(() => {
-          V.selectionStart = V.selectionEnd = Q + 1;
+    handleKeyPress: (h) => {
+      if (u.value) return;
+      if (h.key === "Enter" && h.shiftKey && (E == null ? void 0 : E.value) === "single" && m) {
+        h.preventDefault(), m();
+        const V = h.target, A = V.selectionStart, Y = c.value;
+        c.value = Y.substring(0, A) + `
+` + Y.substring(A), setTimeout(() => {
+          V.selectionStart = V.selectionEnd = A + 1;
         }, 0);
         return;
       }
-      if (y.key === "Tab" && p.value && l.value) {
-        y.preventDefault(), f();
+      if (h.key === "Tab" && S.value && o.value) {
+        h.preventDefault(), d();
         return;
       }
-      if (p.value) {
-        if (y.key === "ArrowDown") {
-          y.preventDefault(), g("down");
+      if (S.value) {
+        if (h.key === "ArrowDown") {
+          h.preventDefault(), p("down");
           return;
         }
-        if (y.key === "ArrowUp") {
-          y.preventDefault(), g("up");
+        if (h.key === "ArrowUp") {
+          h.preventDefault(), p("up");
           return;
         }
-        if (y.key === "Enter" && l.value) {
-          y.preventDefault(), f();
+        if (h.key === "Enter" && o.value) {
+          h.preventDefault(), d();
           return;
         }
       }
-      if (y.key === "Escape") {
-        p.value ? (T(), y.preventDefault()) : v.isRecording && (I(), y.preventDefault()), u("escape-press");
+      if (h.key === "Escape") {
+        S.value ? (T(), h.preventDefault()) : v.isRecording && (I(), h.preventDefault()), i("escape-press");
         return;
       }
-      U(y, a.submitType) && L(r.value) && (y.preventDefault(), G());
+      J(h, l.submitType) && (h.preventDefault(), y.value && $());
     },
-    triggerSubmit: G
+    triggerSubmit: $
   };
 }
-function bt(a) {
-  const u = nt({
+function Ct(l) {
+  const i = st({
     isRecording: !1,
     isSupported: typeof window < "u" && "webkitSpeechRecognition" in window || "SpeechRecognition" in window,
     error: void 0
-  }), r = u.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
-  r !== void 0 && (r.continuous = a.continuous ?? !1, r.interimResults = a.interimResults ?? !0, r.lang = a.lang ?? navigator.language, r.onstart = () => {
-    var l;
-    u.isRecording = !0, u.error = void 0, (l = a.onStart) == null || l.call(a);
-  }, r.onend = () => {
-    var l;
-    u.isRecording = !1, (l = a.onEnd) == null || l.call(a);
-  }, r.onresult = (l) => {
-    var T, g;
-    const f = Array.from(l.results).map((I) => I[0].transcript).join("");
-    l.results[0].isFinal ? (T = a.onFinal) == null || T.call(a, f) : (g = a.onInterim) == null || g.call(a, f);
-  }, r.onerror = (l) => {
-    var f;
-    u.error = new Error(l.error), u.isRecording = !1, (f = a.onError) == null || f.call(a, u.error);
+  }), c = i.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
+  c !== void 0 && (c.continuous = l.continuous ?? !1, c.interimResults = l.interimResults ?? !0, c.lang = l.lang ?? navigator.language, c.onstart = () => {
+    var o;
+    i.isRecording = !0, i.error = void 0, (o = l.onStart) == null || o.call(l);
+  }, c.onend = () => {
+    var o;
+    i.isRecording = !1, (o = l.onEnd) == null || o.call(l);
+  }, c.onresult = (o) => {
+    var T, p;
+    const d = Array.from(o.results).map((I) => I[0].transcript).join("");
+    o.results[0].isFinal ? (T = l.onFinal) == null || T.call(l, d) : (p = l.onInterim) == null || p.call(l, d);
+  }, c.onerror = (o) => {
+    var d;
+    i.error = new Error(o.error), i.isRecording = !1, (d = l.onError) == null || d.call(l, i.error);
   });
-  const i = () => {
-    var l;
-    if (!r) {
-      const f = new Error("浏览器不支持语音识别");
-      u.error = f, (l = a.onError) == null || l.call(a, f);
+  const u = () => {
+    var o;
+    if (!c) {
+      const d = new Error("浏览器不支持语音识别");
+      i.error = d, (o = l.onError) == null || o.call(l, d);
       return;
     }
-    if (u.isRecording) {
+    if (i.isRecording) {
       try {
-        r.stop(), setTimeout(() => {
+        c.stop(), setTimeout(() => {
           try {
-            r.start();
-          } catch (f) {
-            p(f);
+            c.start();
+          } catch (d) {
+            S(d);
           }
         }, 100);
-      } catch (f) {
-        p(f);
+      } catch (d) {
+        S(d);
       }
       return;
     }
     try {
-      r.start();
-    } catch (f) {
-      p(f);
+      c.start();
+    } catch (d) {
+      S(d);
     }
   }, v = () => {
-    if (r && u.isRecording)
+    if (c && i.isRecording)
       try {
-        r.stop();
-      } catch (l) {
-        p(l);
+        c.stop();
+      } catch (o) {
+        S(o);
       }
-  }, p = (l) => {
-    var f;
-    u.error = l instanceof Error ? l : new Error("语音识别操作失败"), u.isRecording = !1, (f = a.onError) == null || f.call(a, u.error);
+  }, S = (o) => {
+    var d;
+    i.error = o instanceof Error ? o : new Error("语音识别操作失败"), i.isRecording = !1, (d = l.onError) == null || d.call(l, i.error);
   };
   return {
-    speechState: u,
-    start: i,
+    speechState: i,
+    start: u,
     stop: v
   };
 }
-const Ct = (a, u) => {
-  if (!u || !a)
-    return [{ text: a, isMatch: !1 }];
-  const r = a.toLowerCase(), i = u.toLowerCase(), v = [];
-  let p = 0;
-  for (; p < r.length; ) {
-    const g = r.indexOf(i, p);
-    if (g === -1) break;
+const kt = (l, i) => {
+  if (!i || !l)
+    return [{ text: l, isMatch: !1 }];
+  const c = l.toLowerCase(), u = i.toLowerCase(), v = [];
+  let S = 0;
+  for (; S < c.length; ) {
+    const p = c.indexOf(u, S);
+    if (p === -1) break;
     v.push({
-      start: g,
-      end: g + u.length
-    }), p = g + 1;
+      start: p,
+      end: p + i.length
+    }), S = p + 1;
   }
   if (v.length === 0)
-    return [{ text: a, isMatch: !1 }];
-  const l = [];
-  for (const g of v)
-    if (l.length === 0)
-      l.push(g);
+    return [{ text: l, isMatch: !1 }];
+  const o = [];
+  for (const p of v)
+    if (o.length === 0)
+      o.push(p);
     else {
-      const I = l[l.length - 1];
-      g.start <= I.end ? I.end = Math.max(I.end, g.end) : l.push(g);
+      const I = o[o.length - 1];
+      p.start <= I.end ? I.end = Math.max(I.end, p.end) : o.push(p);
     }
-  const f = [];
+  const d = [];
   let T = 0;
-  for (const g of l)
-    T < g.start && f.push({
-      text: a.substring(T, g.start),
+  for (const p of o)
+    T < p.start && d.push({
+      text: l.substring(T, p.start),
       isMatch: !1
-    }), f.push({
-      text: a.substring(g.start, g.end),
+    }), d.push({
+      text: l.substring(p.start, p.end),
       isMatch: !0
-    }), T = g.end;
-  return T < a.length && f.push({
-    text: a.substring(T),
+    }), T = p.end;
+  return T < l.length && d.push({
+    text: l.substring(T),
     isMatch: !1
-  }), f;
+  }), d;
 };
-function kt(a, u, r, i) {
-  const v = D(!1), p = D(-1), l = D(-1), f = D(""), T = D(!1), g = D(null), I = D(!1), h = D(null), $ = P(() => {
-    if (!a.suggestions || !r.value || a.template) return [];
-    const R = r.value.toLowerCase();
-    return a.suggestions.filter((K) => K.toLowerCase().includes(R));
-  }), x = P(() => {
-    let R = -1;
-    return h.value === "mouse" && l.value !== -1 ? R = l.value : h.value === "keyboard" && p.value !== -1 && (R = p.value), $.value[R] || null;
-  }), _ = (R) => R === p.value || R === l.value, F = (R) => {
-    if (h.value === null) {
-      f.value = "", T.value = !1;
+function xt(l, i, c, u, v) {
+  const S = L(!1), o = L(-1), d = L(-1), T = L(""), p = L(!1), I = L(null), y = L(!1), E = L(null), m = D(() => {
+    if (!l.suggestions || !c.value || v.value) return [];
+    const x = c.value.toLowerCase();
+    return l.suggestions.filter((M) => M.toLowerCase().includes(x));
+  }), w = D(() => {
+    let x = -1;
+    return E.value === "mouse" && d.value !== -1 ? x = d.value : E.value === "keyboard" && o.value !== -1 && (x = o.value), m.value[x] || null;
+  }), N = (x) => x === o.value || x === d.value, $ = (x) => {
+    if (E.value === null) {
+      T.value = "", p.value = !1;
       return;
     }
-    const K = R || x.value;
-    K && r.value && K.toLowerCase().startsWith(r.value.toLowerCase()) ? (f.value = K.substring(r.value.length), T.value = !0) : (f.value = "", T.value = !1);
-  }, L = () => {
-    v.value = !1, p.value = -1, l.value = -1, h.value = null, f.value = "", T.value = !1;
-  }, G = () => {
-    v.value = !0, p.value = -1, l.value = -1, h.value = null, F();
-  }, U = () => {
-    i.value || I.value || J(() => {
-      r.value && a.suggestions && a.suggestions.length > 0 && !a.template && $.value.length > 0 ? G() : L();
+    const M = x || w.value;
+    M && c.value && M.toLowerCase().startsWith(c.value.toLowerCase()) ? (T.value = M.substring(c.value.length), p.value = !0) : (T.value = "", p.value = !1);
+  }, J = () => {
+    S.value = !1, o.value = -1, d.value = -1, E.value = null, T.value = "", p.value = !1;
+  }, oe = () => {
+    S.value = !0, o.value = -1, d.value = -1, E.value = null, $();
+  }, h = () => {
+    u.value || y.value || X(() => {
+      c.value && l.suggestions && l.suggestions.length > 0 && !v.value && m.value.length > 0 ? oe() : J();
     });
   };
-  oe(r, U), oe(() => a.suggestions, U);
-  const H = (R) => {
-    I.value = !0, r.value = R, u("update:modelValue", R), u("suggestion-select", R), N(), J(() => {
-      I.value = !1;
+  se(c, h), se(() => l.suggestions, h);
+  const P = (x) => {
+    y.value = !0, c.value = x, i("update:modelValue", x), i("suggestion-select", x), A(), X(() => {
+      y.value = !1;
     });
-  }, y = () => {
-    x.value && H(x.value);
-  }, N = () => {
-    L();
+  }, V = () => {
+    w.value && P(w.value);
+  }, A = () => {
+    J();
   };
   return {
-    showSuggestionsPopup: v,
-    completionPlaceholder: f,
-    showTabHint: T,
-    suggestionsListRef: g,
-    filteredSuggestions: $,
-    activeSuggestion: x,
-    isItemHighlighted: _,
-    updateCompletionPlaceholder: F,
-    updateSuggestionsState: U,
-    selectSuggestion: H,
-    acceptCurrentSuggestion: y,
-    closeSuggestionsPopup: N,
-    navigateSuggestions: (R) => {
-      if (!v.value || $.value.length === 0) return;
-      h.value = "keyboard", p.value === -1 ? p.value = R === "down" ? 0 : $.value.length - 1 : R === "down" ? p.value = (p.value + 1) % $.value.length : p.value = (p.value - 1 + $.value.length) % $.value.length;
-      const K = $.value[p.value];
-      K && F(K);
-      const re = g.value;
-      if (re) {
-        const E = re.children[p.value];
-        E && E.scrollIntoView({ block: "nearest" });
+    showSuggestionsPopup: S,
+    completionPlaceholder: T,
+    showTabHint: p,
+    suggestionsListRef: I,
+    filteredSuggestions: m,
+    activeSuggestion: w,
+    isItemHighlighted: N,
+    updateCompletionPlaceholder: $,
+    updateSuggestionsState: h,
+    selectSuggestion: P,
+    acceptCurrentSuggestion: V,
+    closeSuggestionsPopup: A,
+    navigateSuggestions: (x) => {
+      if (!S.value || m.value.length === 0) return;
+      E.value = "keyboard", o.value === -1 ? o.value = x === "down" ? 0 : m.value.length - 1 : x === "down" ? o.value = (o.value + 1) % m.value.length : o.value = (o.value - 1 + m.value.length) % m.value.length;
+      const M = m.value[o.value];
+      M && $(M);
+      const H = I.value;
+      if (H) {
+        const ae = H.children[o.value];
+        ae && ae.scrollIntoView({ block: "nearest" });
       }
     },
-    handleSuggestionItemHover: (R) => {
-      h.value = "mouse", l.value = R, F($.value[R]);
+    handleSuggestionItemHover: (x) => {
+      E.value = "mouse", d.value = x, $(m.value[x]);
     },
     handleSuggestionItemLeave: () => {
-      if (l.value = -1, p.value !== -1) {
-        h.value = "keyboard";
-        const R = $.value[p.value];
-        R && F(R);
+      if (d.value = -1, o.value !== -1) {
+        E.value = "keyboard";
+        const x = m.value[o.value];
+        x && $(x);
       } else
-        h.value = null, F();
+        E.value = null, $();
     },
     handleClickOutside: () => {
-      N();
+      A();
     },
-    highlightSuggestionText: Ct
+    highlightSuggestionText: kt
   };
 }
-const xt = { class: "action-buttons" }, It = {
+const It = { class: "action-buttons" }, Rt = {
   key: 0,
   class: "action-buttons__utility"
-}, Rt = { class: "action-buttons__submit-content" }, Ot = {
+}, Ot = { class: "action-buttons__submit-content" }, Tt = {
   key: 0,
   class: "action-buttons__cancel-text"
-}, ze = /* @__PURE__ */ Re({
+}, ze = /* @__PURE__ */ ke({
   __name: "ActionButtons",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -296,34 +296,34 @@ const xt = { class: "action-buttons" }, It = {
     stopText: { default: void 0 }
   },
   emits: ["clear", "toggle-speech", "submit", "cancel"],
-  setup(a, { emit: u }) {
-    const r = ft(), i = a, v = u, p = P(() => i.allowSpeech), l = P(() => i.speechStatus.isRecording), f = P(() => i.disabled), T = P(() => f.value || i.isOverLimit), g = P(() => i.allowFiles || i.allowSpeech || i.showClear), I = () => {
-      f.value || v("clear");
-    }, h = () => {
-      if (!f.value) {
-        const _ = !i.speechStatus.isRecording;
-        v("toggle-speech", _);
+  setup(l, { emit: i }) {
+    const c = pt(), u = l, v = i, S = D(() => u.allowSpeech), o = D(() => u.speechStatus.isRecording), d = D(() => u.disabled), T = D(() => d.value || u.isOverLimit), p = D(() => u.allowFiles || u.allowSpeech || u.showClear), I = () => {
+      d.value || v("clear");
+    }, y = () => {
+      if (!d.value) {
+        const w = !u.speechStatus.isRecording;
+        v("toggle-speech", w);
       }
-    }, $ = () => {
+    }, E = () => {
       T.value || v("submit");
-    }, x = () => {
-      f.value || v("cancel");
+    }, m = () => {
+      d.value || v("cancel");
     };
-    return (_, F) => (m(), O("div", xt, [
-      g.value ? (m(), O("div", It, [
-        _.allowFiles && !_.loading ? (m(), q(w(Ue), {
+    return (w, N) => (g(), O("div", It, [
+      p.value ? (g(), O("div", Rt, [
+        w.allowFiles && !w.loading ? (g(), U(_(Ue), {
           key: 0,
           content: "上传文件",
           placement: "top"
         }, {
-          default: Z(() => [
-            X(w(xe), {
+          default: Q(() => [
+            j(_(be), {
               class: "action-buttons__button action-buttons__file-button",
               type: "text",
-              disabled: f.value
+              disabled: d.value
             }, {
-              default: Z(() => [
-                X(w(pt), {
+              default: Q(() => [
+                j(_(ht), {
                   class: "action-buttons__icon",
                   alt: "上传文件"
                 })
@@ -332,67 +332,67 @@ const xt = { class: "action-buttons" }, It = {
             }, 8, ["disabled"])
           ]),
           _: 1
-        })) : W("", !0),
-        p.value && !_.loading ? (m(), q(w(xe), {
+        })) : K("", !0),
+        S.value && !w.loading ? (g(), U(_(be), {
           key: 1,
-          class: le(["action-buttons__button action-buttons__speech-button", { "is-recording": l.value }]),
+          class: ue(["action-buttons__button action-buttons__speech-button", { "is-recording": o.value }]),
           type: "text",
-          disabled: f.value,
-          onClick: h
+          disabled: d.value,
+          onClick: y
         }, {
-          default: Z(() => [
-            l.value ? (m(), q(w(vt), {
+          default: Q(() => [
+            o.value ? (g(), U(_(gt), {
               key: 1,
               class: "action-buttons__icon action-buttons__icon--recording",
               alt: "语音中"
-            })) : (m(), q(w(ht), {
+            })) : (g(), U(_(vt), {
               key: 0,
               class: "action-buttons__icon",
               alt: "录音"
             }))
           ]),
           _: 1
-        }, 8, ["disabled", "class"])) : W("", !0),
-        _.showClear ? (m(), q(w(Ue), {
+        }, 8, ["disabled", "class"])) : K("", !0),
+        w.showClear ? (g(), U(_(Ue), {
           key: 2,
           content: "清空内容",
           placement: "top"
         }, {
-          default: Z(() => [
-            X(w(xe), {
+          default: Q(() => [
+            j(_(be), {
               class: "action-buttons__button action-buttons__clear-button",
               type: "text",
-              disabled: f.value || !_.hasContent,
+              disabled: d.value || !w.hasContent,
               onClick: I
             }, {
-              default: Z(() => [
-                (m(), q(st(w(r)), { class: "action-buttons__icon action-buttons__icon--close" }))
+              default: Q(() => [
+                (g(), U(ot(_(c)), { class: "action-buttons__icon action-buttons__icon--close" }))
               ]),
               _: 1
             }, 8, ["disabled"])
           ]),
           _: 1
-        })) : W("", !0)
-      ])) : W("", !0),
-      _.hasContent || _.loading ? (m(), q(w(xe), {
+        })) : K("", !0)
+      ])) : K("", !0),
+      w.hasContent || w.loading ? (g(), U(_(be), {
         key: 1,
         type: "text",
         class: "action-buttons__button action-buttons__submit",
-        disabled: _.loading ? f.value : T.value,
-        onClick: F[0] || (F[0] = (L) => _.loading ? x() : $())
+        disabled: w.loading ? d.value : T.value,
+        onClick: N[0] || (N[0] = ($) => w.loading ? m() : E())
       }, {
-        default: Z(() => [
-          M("div", Rt, [
-            _.loading ? (m(), O("div", {
+        default: Q(() => [
+          q("div", Ot, [
+            w.loading ? (g(), O("div", {
               key: 1,
-              class: le(["action-buttons__cancel", { "action-buttons__cancel--icon-only": !_.stopText }])
+              class: ue(["action-buttons__cancel", { "action-buttons__cancel--icon-only": !w.stopText }])
             }, [
-              X(w(yt), {
+              j(_(mt), {
                 class: "action-buttons__icon action-buttons__icon--stop",
                 alt: "停止"
               }),
-              _.stopText ? (m(), O("span", Ot, se(_.stopText), 1)) : W("", !0)
-            ], 2)) : (m(), q(w(gt), {
+              w.stopText ? (g(), O("span", Tt, ne(w.stopText), 1)) : K("", !0)
+            ], 2)) : (g(), U(_(yt), {
               key: 0,
               class: "action-buttons__icon action-buttons__icon--send",
               alt: "发送"
@@ -400,10 +400,10 @@ const xt = { class: "action-buttons" }, It = {
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : W("", !0)
+      }, 8, ["disabled"])) : K("", !0)
     ]));
   }
-}), Tt = ["data-id", "data-type"], $t = ["data-id", "data-type"], Bt = /* @__PURE__ */ Re({
+}), $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Et = /* @__PURE__ */ ke({
   inheritAttrs: !1,
   __name: "Block",
   props: {
@@ -413,61 +413,61 @@ const xt = { class: "action-buttons" }, It = {
     readonly: { type: Boolean },
     asChild: { type: Boolean }
   },
-  setup(a) {
-    const u = a, r = ot();
-    return (i, v) => {
-      const p = at("Block", !0);
-      return u.type !== "block" ? (m(), O("span", ge({
+  setup(l) {
+    const i = l, c = at();
+    return (u, v) => {
+      const S = lt("Block", !0);
+      return i.type !== "block" ? (g(), O("span", ge({
         key: 0,
-        "data-id": u.id,
-        "data-type": u.type
-      }, w(r)), se(u.content), 17, Tt)) : (m(), O(ce, { key: 1 }, [
-        u.asChild ? (m(!0), O(ce, { key: 0 }, ye(u.content, (l) => (m(), q(p, ge({
-          key: `${l.id}-${l.type}`
-        }, { ref_for: !0 }, l), null, 16))), 128)) : (m(), O("span", ge({
+        "data-id": i.id,
+        "data-type": i.type
+      }, _(c)), ne(i.content), 17, $t)) : (g(), O(pe, { key: 1 }, [
+        i.asChild ? (g(!0), O(pe, { key: 0 }, ye(i.content, (o) => (g(), U(S, ge({
+          key: `${o.id}-${o.type}`
+        }, { ref_for: !0 }, o), null, 16))), 128)) : (g(), O("span", ge({
           key: 1,
-          "data-id": u.id,
-          "data-type": u.type
-        }, w(r)), [
-          (m(!0), O(ce, null, ye(u.content, (l) => (m(), q(p, ge({
-            key: `${l.id}-${l.type}`
-          }, { ref_for: !0 }, l), null, 16))), 128))
-        ], 16, $t))
+          "data-id": i.id,
+          "data-type": i.type
+        }, _(c)), [
+          (g(!0), O(pe, null, ye(i.content, (o) => (g(), U(S, ge({
+            key: `${o.id}-${o.type}`
+          }, { ref_for: !0 }, o), null, 16))), 128))
+        ], 16, Bt))
       ], 64));
     };
   }
-}), Et = /* @__PURE__ */ je(Bt, [["__scopeId", "data-v-35531fd7"]]);
-function Lt(a, u = {}) {
-  let r = [], i = [], v = a;
+}), Lt = /* @__PURE__ */ je(Et, [["__scopeId", "data-v-35531fd7"]]);
+function Dt(l, i = {}) {
+  let c = [], u = [], v = l;
   return { commit: (I) => {
-    var h;
-    r.push(v), v = I, i.length && ((h = u.onRemoveHistory) == null || h.call(u, i)), i = [];
-  }, undo: () => r.length ? (i.push(v), v = r.pop(), v) : null, redo: () => i.length ? (r.push(v), v = i.pop(), v) : null, clear: () => {
-    var I, h;
-    r.length && ((I = u.onRemoveHistory) == null || I.call(u, r)), i.length && ((h = u.onRemoveHistory) == null || h.call(u, i)), r = [], i = [];
+    var y;
+    c.push(v), v = I, u.length && ((y = i.onRemoveHistory) == null || y.call(i, u)), u = [];
+  }, undo: () => c.length ? (u.push(v), v = c.pop(), v) : null, redo: () => u.length ? (c.push(v), v = u.pop(), v) : null, clear: () => {
+    var I, y;
+    c.length && ((I = i.onRemoveHistory) == null || I.call(i, c)), u.length && ((y = i.onRemoveHistory) == null || y.call(i, u)), c = [], u = [];
   }, get: () => v };
 }
-const Dt = { class: "editor-container" }, Le = "​", De = "​", Pt = /* @__PURE__ */ Re({
+const Pt = { class: "editor-container" }, De = "​", Pe = "​", Ft = /* @__PURE__ */ ke({
   __name: "TemplateEditor",
   props: {
     modelValue: { default: () => [] },
     modelModifiers: {}
   },
-  emits: /* @__PURE__ */ lt(["submit"], ["update:modelValue"]),
-  setup(a, { expose: u, emit: r }) {
-    const i = typeof window.ShadowRoot.prototype.getSelection == "function", v = typeof window.Selection.prototype.getComposedRanges == "function";
-    function p() {
+  emits: /* @__PURE__ */ rt(["submit"], ["update:modelValue"]),
+  setup(l, { expose: i, emit: c }) {
+    const u = typeof window.ShadowRoot.prototype.getSelection == "function", v = typeof window.Selection.prototype.getComposedRanges == "function";
+    function S() {
       const e = navigator.userAgent;
       return e.includes("Safari") && !e.includes("Chrome") && !e.includes("Chromium") && !e.includes("CriOS");
     }
-    const l = p(), f = () => Math.random().toString(36).substring(2, 15), T = rt(a, "modelValue"), g = r, I = D(0), h = (e) => e.map((t, s) => ({
+    const o = S(), d = () => Math.random().toString(36).substring(2, 15), T = it(l, "modelValue"), p = c, I = L(0), y = (e) => e.map((t, s) => ({
       id: `id-${s}`,
-      ...t.type === "template" ? { ...t, prefix: Le, suffix: De } : t
-    })), $ = (e) => e.map((t) => ({ type: t.type, content: t.content })), x = D(h(T.value || [])), _ = P(() => x.value.map((e) => e.type === "template" ? [
+      ...t.type === "template" ? { ...t, prefix: De, suffix: Pe } : t
+    })), E = (e) => e.map((t) => ({ type: t.type, content: t.content })), m = L(y(T.value || [])), w = D(() => m.value.map((e) => e.type === "template" ? [
       { id: e.id, type: "prefix", content: e.prefix },
       { id: e.id, type: "template", content: e.content },
       { id: e.id, type: "suffix", content: e.suffix }
-    ] : [e]).flat()), F = P(() => x.value.map((e) => e.type === "text" ? e : l ? {
+    ] : [e]).flat()), N = D(() => m.value.map((e) => e.type === "text" ? e : o ? {
       id: e.id,
       type: "block",
       asChild: !0,
@@ -497,86 +497,86 @@ const Dt = { class: "editor-container" }, Le = "​", De = "​", Pt = /* @__PUR
         },
         { id: e.id, type: "suffix", content: e.suffix }
       ]
-    })), L = D(null), G = (e) => {
+    })), $ = L(null), J = (e) => {
       const t = Date.now(), s = JSON.stringify(e);
       return `${t}:${s}`;
-    }, U = (e) => {
+    }, oe = (e) => {
       const t = parseInt(e.slice(0, 13)), s = JSON.parse(e.slice(14));
       return {
         timestamp: t,
         data: s
       };
-    }, H = /* @__PURE__ */ new Map(), y = Lt(G(x.value), {
+    }, h = /* @__PURE__ */ new Map(), P = Dt(J(m.value), {
       onRemoveHistory: (e) => {
         for (const t of e)
-          H.delete(t);
+          h.delete(t);
       }
     });
-    oe(
+    se(
       () => T.value,
       (e) => {
-        x.value = h(e || []), y.commit(G(x.value));
+        m.value = y(e || []), P.commit(J(m.value));
       },
       { deep: !0 }
     );
-    const N = (e, t = document.body) => t.contains(e) ? e instanceof HTMLElement && e.dataset.id ? e : e.parentElement ? N(e.parentElement, t) : null : null, V = (e) => e === L.value, Q = (e) => {
+    const V = (e, t = document.body) => t.contains(e) ? e instanceof HTMLElement && e.dataset.id ? e : e.parentElement ? V(e.parentElement, t) : null : null, A = (e) => e === $.value, Y = (e) => {
       const t = window.getSelection();
       if (!t)
         return null;
-      const s = t.rangeCount > 0 ? t.getRangeAt(0) : null, c = e.getRootNode();
-      if (!(c instanceof ShadowRoot))
+      const s = t.rangeCount > 0 ? t.getRangeAt(0) : null, r = e.getRootNode();
+      if (!(r instanceof ShadowRoot))
         return s;
       if (v) {
-        const o = t.getComposedRanges(l ? c : { shadowRoots: [c] });
-        return (o == null ? void 0 : o[0]) ?? null;
+        const a = t.getComposedRanges(o ? r : { shadowRoots: [r] });
+        return (a == null ? void 0 : a[0]) ?? null;
       }
-      if (i) {
-        const o = c.getSelection();
-        return o.rangeCount > 0 ? o.getRangeAt(0) : null;
+      if (u) {
+        const a = r.getSelection();
+        return a.rangeCount > 0 ? a.getRangeAt(0) : null;
       }
       return s;
-    }, z = (e, t) => {
-      var c;
+    }, he = (e, t) => {
+      var r;
       if (!e.firstChild || e.firstChild.nodeType !== Node.TEXT_NODE)
         return console.warn("el.firstChild is not a text node. set anchor and focus to the element with offset 0", e), { node: e, offset: 0 };
-      const s = ((c = e.firstChild.textContent) == null ? void 0 : c.length) ?? 0;
+      const s = ((r = e.firstChild.textContent) == null ? void 0 : r.length) ?? 0;
       return t > s && console.warn("offset is too large", { offset: t, el: e }), { node: e.firstChild, offset: Math.min(t, s) };
-    }, ee = (e, t, s, c) => {
-      const o = window.getSelection();
-      if (!o)
+    }, Z = (e, t, s, r) => {
+      const a = window.getSelection();
+      if (!a)
         return;
-      const { node: d, offset: b } = z(e, t);
+      const { node: f, offset: C } = he(e, t);
       if (!s) {
-        o.setBaseAndExtent(d, b, d, b);
+        a.setBaseAndExtent(f, C, f, C);
         return;
       }
-      const { node: S, offset: C } = z(s, c ?? 0);
-      o.setBaseAndExtent(d, b, S, C);
-    }, R = (e, t) => {
-      const s = f(), c = { id: s, type: "text", content: e };
+      const { node: b, offset: R } = he(s, r ?? 0);
+      a.setBaseAndExtent(f, C, b, R);
+    }, G = (e, t) => {
+      const s = d(), r = { id: s, type: "text", content: e };
       if (t) {
-        const o = x.value.findIndex((d) => d.id === t);
-        o !== -1 ? x.value = x.value.slice(0, o + 1).concat(c).concat(x.value.slice(o + 1)) : console.warn(`can not find item with id: ${t}`);
+        const a = m.value.findIndex((f) => f.id === t);
+        a !== -1 ? m.value = m.value.slice(0, a + 1).concat(r).concat(m.value.slice(a + 1)) : console.warn(`can not find item with id: ${t}`);
       } else
-        x.value.unshift(c);
-      J(() => {
-        var d;
-        const o = (d = L.value) == null ? void 0 : d.querySelector(`[data-id="${s}"][data-type="text"]`);
-        o && ee(o, e.length);
-      }), T.value = $(x.value);
-    }, K = D({
+        m.value.unshift(r);
+      X(() => {
+        var f;
+        const a = (f = $.value) == null ? void 0 : f.querySelector(`[data-id="${s}"][data-type="text"]`);
+        a && Z(a, e.length);
+      }), T.value = E(m.value);
+    }, x = L({
       hasStarted: !1,
       range: null
-    }), re = (e) => {
-      var S;
+    }), M = (e) => {
+      var b;
       const t = e;
       e.preventDefault();
-      const { inputType: s } = t, c = (t.data || ((S = t.dataTransfer) == null ? void 0 : S.getData("text/plain")) || "").replace(Le, "").replace(De, ""), o = t.getTargetRanges()[0];
-      if (!o) {
-        console.warn("range is null", o);
+      const { inputType: s } = t, r = (t.data || ((b = t.dataTransfer) == null ? void 0 : b.getData("text/plain")) || "").replace(De, "").replace(Pe, ""), a = t.getTargetRanges()[0];
+      if (!a) {
+        console.warn("range is null", a);
         return;
       }
-      const d = [
+      const f = [
         "insertText",
         "insertFromPaste",
         "insertReplacementText",
@@ -587,17 +587,17 @@ const Dt = { class: "editor-container" }, Le = "​", De = "​", Pt = /* @__PUR
         "deleteSoftLineBackward",
         "deleteSoftLineForward",
         "deleteByCut"
-      ], b = Q(L.value);
-      if (d.includes(s)) {
-        if (c && V(o.startContainer) && V(o.endContainer)) {
-          R(c), b && H.set(y.get(), E(b));
+      ], C = Y($.value);
+      if (f.includes(s)) {
+        if (r && A(a.startContainer) && A(a.endContainer)) {
+          G(r), C && h.set(P.get(), H(C));
           return;
         }
-        const C = E(o);
-        C.startId && C.endId ? (me(C, s, c), b && H.set(y.get(), E(b))) : console.warn("range is not valid, range:", C);
-      } else s === "insertCompositionText" && K.value.hasStarted && (K.value = { hasStarted: !1, range: E(o) });
-    }, E = (e) => {
-      const t = N(e.startContainer, L.value), s = N(e.endContainer, L.value);
+        const R = H(a);
+        R.startId && R.endId ? (F(R, s, r), C && h.set(P.get(), H(C))) : console.warn("range is not valid, range:", R);
+      } else s === "insertCompositionText" && x.value.hasStarted && (x.value = { hasStarted: !1, range: H(a) });
+    }, H = (e) => {
+      const t = V(e.startContainer, $.value), s = V(e.endContainer, $.value);
       return {
         collapsed: e.collapsed,
         endContainer: e.endContainer,
@@ -609,247 +609,247 @@ const Dt = { class: "editor-container" }, Le = "​", De = "​", Pt = /* @__PUR
         startOffset: e.startOffset,
         startType: t == null ? void 0 : t.dataset.type
       };
-    }, te = (e, t, s, c) => e.slice(0, s) + t + e.slice(c), me = (e, t, s) => {
-      const c = we(e);
-      if (!Array.isArray(c) || c.length === 0)
+    }, ae = (e, t, s, r) => e.slice(0, s) + t + e.slice(r), F = (e, t, s) => {
+      const r = xe(e);
+      if (!Array.isArray(r) || r.length === 0)
         return;
-      const o = _e(c, e, t, s);
-      if (o.some((S) => S.tag === "new")) {
-        const { afterId: S, content: C } = o[0];
-        R(C, S);
+      const a = Ie(r, e, t, s);
+      if (a.some((b) => b.tag === "new")) {
+        const { afterId: b, content: R } = a[0];
+        G(R, b);
         return;
       }
-      const d = o, b = [];
-      for (const [S, C] of d.entries()) {
-        const A = x.value.find(($e) => $e.id === C.id), ue = S === 0 ? s : "";
-        A ? A.type === "text" ? A.content = te(A.content, ue, C.startOffset, C.endOffset) : A.type === "template" ? C.type === "prefix" || C.type === "suffix" ? C.startOffset === 0 && C.endOffset === 1 && ue.length === 0 ? A[C.type] = "" : console.warn(`${C.type} can not be inserted text. it only can be deleted`, C) : C.startOffset < 0 || C.endOffset > A.content.length ? b.push(A.id) : A.content = te(A.content, ue, C.startOffset, C.endOffset) : console.warn("dataItem.type is not text or template", A) : console.warn("can not find dataItem", C);
+      const f = a, C = [];
+      for (const [b, R] of f.entries()) {
+        const W = m.value.find((Be) => Be.id === R.id), ee = b === 0 ? s : "";
+        W ? W.type === "text" ? W.content = ae(W.content, ee, R.startOffset, R.endOffset) : W.type === "template" ? R.type === "prefix" || R.type === "suffix" ? R.startOffset === 0 && R.endOffset === 1 && ee.length === 0 ? W[R.type] = "" : console.warn(`${R.type} can not be inserted text. it only can be deleted`, R) : R.startOffset < 0 || R.endOffset > W.content.length ? C.push(W.id) : W.content = ae(W.content, ee, R.startOffset, R.endOffset) : console.warn("dataItem.type is not text or template", W) : console.warn("can not find dataItem", R);
       }
-      x.value = x.value.filter((S) => !b.includes(S.id)), x.value = x.value.filter((S) => S.type === "text" ? S.content.length > 0 : [S.prefix, S.suffix, S.content].join("").length > 0);
-      for (const S of x.value.filter((C) => C.type === "template"))
-        S.prefix.length === 0 && (S.prefix = Le), S.suffix.length === 0 && (S.suffix = De);
-      d.length > 0 && Oe(d, s), T.value = $(x.value);
-    }, Oe = (e, t) => {
-      const s = e[0], c = `[data-id="${s.id}"][data-type="${s.type}"]`, o = e.slice(1).map((d) => `[data-id="${d.id}"][data-type="${d.type}"]`);
-      J(() => {
-        var b, S;
-        const d = (b = L.value) == null ? void 0 : b.querySelector(c);
-        if (d)
-          ee(d, s.startOffset + t.length);
+      m.value = m.value.filter((b) => !C.includes(b.id)), m.value = m.value.filter((b) => b.type === "text" ? b.content.length > 0 : [b.prefix, b.suffix, b.content].join("").length > 0);
+      for (const b of m.value.filter((R) => R.type === "template"))
+        b.prefix.length === 0 && (b.prefix = De), b.suffix.length === 0 && (b.suffix = Pe);
+      f.length > 0 && le(f, s), T.value = E(m.value);
+    }, le = (e, t) => {
+      const s = e[0], r = `[data-id="${s.id}"][data-type="${s.type}"]`, a = e.slice(1).map((f) => `[data-id="${f.id}"][data-type="${f.type}"]`);
+      X(() => {
+        var C, b;
+        const f = (C = $.value) == null ? void 0 : C.querySelector(r);
+        if (f)
+          Z(f, s.startOffset + t.length);
         else if (t.length === 0)
-          for (const C of o) {
-            const A = (S = L.value) == null ? void 0 : S.querySelector(C);
-            if (A) {
-              ee(A, 0);
+          for (const R of a) {
+            const W = (b = $.value) == null ? void 0 : b.querySelector(R);
+            if (W) {
+              Z(W, 0);
               break;
             }
           }
         else
-          console.warn(`can not find el with selector: ${c}`);
+          console.warn(`can not find el with selector: ${r}`);
       });
-    }, we = (e) => {
-      const t = _.value.findIndex((b) => b.id === e.startId && b.type === e.startType), s = _.value.findIndex((b) => b.id === e.endId && b.type === e.endType);
+    }, xe = (e) => {
+      const t = w.value.findIndex((C) => C.id === e.startId && C.type === e.startType), s = w.value.findIndex((C) => C.id === e.endId && C.type === e.endType);
       if (t === -1 || s === -1 || t > s)
         return console.warn("startIndex or endIndex is -1, or startIndex > endIndex. ", { range: e }), null;
-      const c = _.value[t], o = _.value[s];
+      const r = w.value[t], a = w.value[s];
       if (t === s)
         return [
           {
-            id: c.id,
-            type: c.type,
+            id: r.id,
+            type: r.type,
             startOffset: e.startOffset,
             endOffset: e.endOffset
           }
         ];
-      const d = [
+      const f = [
         {
-          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 b = t + 1; b < s; b++) {
-        const S = _.value[b];
-        d.push({
-          id: S.id,
-          type: S.type,
+      for (let C = t + 1; C < s; C++) {
+        const b = w.value[C];
+        f.push({
+          id: b.id,
+          type: b.type,
           startOffset: 0,
-          endOffset: S.content.length
+          endOffset: b.content.length
         });
       }
-      return d.push({
-        id: o.id,
-        type: o.type,
+      return f.push({
+        id: a.id,
+        type: a.type,
         startOffset: 0,
         endOffset: e.endOffset
-      }), d;
-    }, _e = (e, t, s, c) => {
-      const o = e[0];
-      if (o.type !== "prefix" && o.type !== "suffix")
+      }), f;
+    }, Ie = (e, t, s, r) => {
+      const a = e[0];
+      if (a.type !== "prefix" && a.type !== "suffix")
         return e;
       if (e.length === 1) {
         if (t.collapsed)
           if (t.startOffset === 0) {
-            const d = de(o, c);
-            return d ? [d] : [];
+            const f = ce(a, r);
+            return f ? [f] : [];
           } else {
-            const d = ie(o, c);
-            return d ? [d] : [];
+            const f = de(a, r);
+            return f ? [f] : [];
           }
         if (s.startsWith("insert"))
-          if (l) {
-            const d = de(o, c);
-            return d ? [d] : [];
+          if (o) {
+            const f = ce(a, r);
+            return f ? [f] : [];
           } else {
-            const d = ie(o, c);
-            return d ? [d] : [];
+            const f = de(a, r);
+            return f ? [f] : [];
           }
         if (s.startsWith("delete")) {
           if (s.includes("Backward")) {
-            const d = de(o, c, 1);
-            return d ? [d] : [];
+            const f = ce(a, r, 1);
+            return f ? [f] : [];
           } else if (s.includes("Forward")) {
-            const d = ie(o, c, 1);
-            return d ? [d] : [];
+            const f = de(a, r, 1);
+            return f ? [f] : [];
           }
         }
       }
-      return c.length > 0 ? e.slice(1) : e;
-    }, de = (e, t, s = 0) => {
-      const c = _.value.findIndex((o) => o.id === e.id && o.type === e.type);
-      if (c > 0) {
-        const o = _.value[c - 1], { id: d, type: b, content: S } = o;
-        if (b === "text" || b === "template")
+      return r.length > 0 ? e.slice(1) : e;
+    }, ce = (e, t, s = 0) => {
+      const r = w.value.findIndex((a) => a.id === e.id && a.type === e.type);
+      if (r > 0) {
+        const a = w.value[r - 1], { id: f, type: C, content: b } = a;
+        if (C === "text" || C === "template")
           return {
-            id: d,
-            type: b,
-            startOffset: S.length - s,
-            endOffset: S.length
+            id: f,
+            type: C,
+            startOffset: b.length - s,
+            endOffset: b.length
           };
         if (t.length > 0)
-          return { tag: "new", afterId: d, type: "text", content: t };
-        if (console.warn("the previous item is not text or template", { current: e, previous: o }), s === 1)
+          return { tag: "new", afterId: f, type: "text", content: t };
+        if (console.warn("the previous item is not text or template", { current: e, previous: a }), s === 1)
           return { ...e, endOffset: e.startOffset };
       } else return t.length > 0 ? { tag: "new", type: "text", content: t } : (console.warn("the previous item of current is not found", { current: e }), null);
       return e;
-    }, ie = (e, t, s = 0) => {
-      const c = _.value.findIndex((o) => o.id === e.id && o.type === e.type);
-      if (c < _.value.length - 1) {
-        const o = _.value[c + 1], { id: d, type: b } = o;
-        if (b === "text" || b === "template")
+    }, de = (e, t, s = 0) => {
+      const r = w.value.findIndex((a) => a.id === e.id && a.type === e.type);
+      if (r < w.value.length - 1) {
+        const a = w.value[r + 1], { id: f, type: C } = a;
+        if (C === "text" || C === "template")
           return {
-            id: d,
-            type: b,
+            id: f,
+            type: C,
             startOffset: 0,
             endOffset: 0 + s
           };
         if (t.length > 0)
           return { tag: "new", afterId: e.id, type: "text", content: t };
-        if (console.warn("the next item is not text or template", { current: e, next: o }), s === 1)
+        if (console.warn("the next item is not text or template", { current: e, next: a }), s === 1)
           return { ...e, startOffset: e.endOffset };
       } else return t.length > 0 ? { tag: "new", afterId: e.id, type: "text", content: t } : (console.warn("the next item of current is not found", { current: e }), null);
       return e;
-    }, fe = () => {
-      K.value = { hasStarted: !0, range: null };
-    }, Te = (e) => {
-      const t = K.value.range;
-      t ? (e.data && V(t.startContainer) && V(t.endContainer) ? (R(e.data), H.set(y.get(), E(t))) : t.startId && t.endId ? (me(t, "insertCompositionText", e.data), H.set(y.get(), E(t))) : console.warn("range is not valid, range:", t), I.value++) : console.warn("range is null, compositionEnd:", e), K.value = { hasStarted: !1, range: null };
-    }, Y = (() => {
+    }, Re = () => {
+      x.value = { hasStarted: !0, range: null };
+    }, me = (e) => {
+      const t = x.value.range;
+      t ? (e.data && A(t.startContainer) && A(t.endContainer) ? (G(e.data), h.set(P.get(), H(t))) : t.startId && t.endId ? (F(t, "insertCompositionText", e.data), h.set(P.get(), H(t))) : console.warn("range is not valid, range:", t), I.value++) : console.warn("range is null, compositionEnd:", e), x.value = { hasStarted: !1, range: null };
+    }, fe = (() => {
       const e = navigator.userAgent.toLowerCase();
       return /macintosh|mac os x|iphone|ipad|ipod/.test(e);
-    })(), Se = (e) => {
-      const t = Y && e.metaKey && !e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Z
-      !Y && e.ctrlKey && !e.shiftKey && e.key.toLowerCase() === "z", s = Y && e.metaKey && e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Shift+z
-      !Y && e.ctrlKey && (e.key.toLowerCase() === "y" || e.shiftKey && e.key.toLowerCase() === "z"), c = e.key.toLowerCase() === "enter";
+    })(), Oe = (e) => {
+      const t = fe && e.metaKey && !e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Z
+      !fe && e.ctrlKey && !e.shiftKey && e.key.toLowerCase() === "z", s = fe && e.metaKey && e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Shift+z
+      !fe && e.ctrlKey && (e.key.toLowerCase() === "y" || e.shiftKey && e.key.toLowerCase() === "z"), r = e.key.toLowerCase() === "enter";
       if (t) {
         e.preventDefault();
-        const o = Q(L.value);
-        o && H.set(y.get(), E(o));
-        const d = y.undo();
-        d && pe(d);
+        const a = Y($.value);
+        a && h.set(P.get(), H(a));
+        const f = P.undo();
+        f && re(f);
       }
       if (s) {
         e.preventDefault();
-        const o = y.redo();
-        o && pe(o);
+        const a = P.redo();
+        a && re(a);
       }
-      c && (e.preventDefault(), g("submit"));
-    }, pe = (e) => {
-      const { data: t } = U(e);
-      if (x.value = t, H.has(e)) {
-        const s = H.get(e);
-        J(() => {
-          const c = L.value.querySelector(`[data-id="${s.startId}"][data-type="${s.startType}"]`), o = L.value.querySelector(`[data-id="${s.endId}"][data-type="${s.endType}"]`);
-          c && ee(c, s.startOffset, o, s.endOffset);
+      r && (e.preventDefault(), p("submit"));
+    }, re = (e) => {
+      const { data: t } = oe(e);
+      if (m.value = t, h.has(e)) {
+        const s = h.get(e);
+        X(() => {
+          const r = $.value.querySelector(`[data-id="${s.startId}"][data-type="${s.startType}"]`), a = $.value.querySelector(`[data-id="${s.endId}"][data-type="${s.endType}"]`);
+          r && Z(r, s.startOffset, a, s.endOffset);
         });
       }
     };
-    return u({
+    return i({
       clearHistory: () => {
-        y.clear(), H.clear();
+        P.clear(), h.clear();
       },
       activateFirstField: () => {
-        if (!L.value)
+        if (!$.value)
           return;
-        const e = x.value.find((t) => t.type === "template");
-        e && J(() => {
-          var s, c;
-          const t = (s = L.value) == null ? void 0 : s.querySelector(`[data-id="${e.id}"][data-type="template"]`);
+        const e = m.value.find((t) => t.type === "template");
+        e && X(() => {
+          var s, r;
+          const t = (s = $.value) == null ? void 0 : s.querySelector(`[data-id="${e.id}"][data-type="template"]`);
           if (t) {
-            const o = ((c = t.textContent) == null ? void 0 : c.length) || 0;
-            ee(t, o);
+            const a = ((r = t.textContent) == null ? void 0 : r.length) || 0;
+            Z(t, a);
           }
         });
       }
-    }), (e, t) => (m(), O("div", Dt, [
-      (m(), O("div", {
+    }), (e, t) => (g(), O("div", Pt, [
+      (g(), O("div", {
         contenteditable: "true",
         ref_key: "editorRef",
-        ref: L,
+        ref: $,
         key: I.value,
         class: "editor",
-        onBeforeinput: re,
-        onCompositionstart: fe,
-        onCompositionend: Te,
-        onKeydown: Se
+        onBeforeinput: M,
+        onCompositionstart: Re,
+        onCompositionend: me,
+        onKeydown: Oe
       }, [
-        (m(!0), O(ce, null, ye(F.value, (s) => (m(), q(Et, ge({
+        (g(!0), O(pe, null, ye(N.value, (s) => (g(), U(Lt, ge({
           key: `${s.id}-${s.type}`
         }, { ref_for: !0 }, s), null, 16))), 128))
       ], 32))
     ]));
   }
-}), Ft = /* @__PURE__ */ je(Pt, [["__scopeId", "data-v-7353287c"]]), Kt = ["data-theme"], Wt = { class: "tiny-sender__container" }, At = {
+}), Kt = /* @__PURE__ */ je(Ft, [["__scopeId", "data-v-7353287c"]]), Wt = ["data-theme"], At = { class: "tiny-sender__container" }, Ht = {
   key: 0,
   class: "tiny-sender__header-slot"
-}, Ht = {
+}, Nt = {
   key: 0,
   class: "tiny-sender__prefix-slot"
-}, Nt = { class: "tiny-sender__content-area" }, Vt = {
+}, Vt = { class: "tiny-sender__content-area" }, Mt = {
   key: 0,
   class: "tiny-sender__decorative-content"
-}, Mt = {
+}, qt = {
   key: 2,
   class: "tiny-sender__input-field-wrapper"
-}, qt = {
+}, Ut = {
   key: 0,
   class: "tiny-sender__completion-placeholder"
-}, Ut = { class: "user-input-mirror" }, zt = {
+}, zt = { class: "user-input-mirror" }, jt = {
   key: 0,
   class: "tiny-sender__tab-hint"
-}, jt = {
+}, Xt = {
   key: 1,
   class: "tiny-sender__actions-slot"
-}, Xt = { class: "tiny-sender__footer-left" }, Jt = { class: "tiny-sender__footer-right" }, Gt = { class: "real-word-length" }, Qt = {
+}, Jt = { class: "tiny-sender__footer-left" }, Gt = { class: "tiny-sender__footer-right" }, Qt = { class: "real-word-length" }, Yt = {
   key: 1,
   class: "tiny-sender__toolbar"
-}, Yt = { class: "tiny-sender__buttons-container" }, Zt = {
+}, Zt = { class: "tiny-sender__buttons-container" }, en = {
   key: 1,
   class: "tiny-sender__footer-slot"
-}, en = ["onMouseenter", "onMousedown"], tn = { class: "suggestion-item__text" }, nn = {
+}, tn = ["onMouseenter", "onMousedown"], nn = { class: "suggestion-item__text" }, sn = {
   key: 0,
   class: "tiny-sender__error"
-}, Ie = /* @__PURE__ */ Re({
+}, Ce = /* @__PURE__ */ ke({
   __name: "index",
   props: {
     autofocus: { type: Boolean, default: !1 },
@@ -870,113 +870,111 @@ const Dt = { class: "editor-container" }, Le = "​", De = "​", Pt = /* @__PUR
     suggestions: { default: () => [] },
     suggestionPopupWidth: { default: 400 },
     theme: { default: "light" },
-    template: { default: "" },
-    hasContent: { type: Boolean, default: void 0 },
     templateData: { default: () => [] },
     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"],
-  setup(a, { expose: u, emit: r }) {
-    const i = a, v = r, p = D(null), l = D(null), f = D(null), T = D(null), g = D(null), I = P(() => i.templateData && i.templateData.length > 0), { inputValue: h, isComposing: $, clearInput: x } = _t(i, v), {
-      showSuggestionsPopup: _,
-      completionPlaceholder: F,
-      showTabHint: L,
-      suggestionsListRef: G,
-      filteredSuggestions: U,
-      activeSuggestion: H,
-      isItemHighlighted: y,
-      updateSuggestionsState: N,
-      selectSuggestion: V,
-      acceptCurrentSuggestion: Q,
-      closeSuggestionsPopup: z,
-      navigateSuggestions: ee,
-      handleSuggestionItemHover: R,
-      handleSuggestionItemLeave: K,
-      highlightSuggestionText: re
-    } = kt(i, v, h, $), E = D(i.mode), te = D(!1), me = () => {
-      E.value === "single" && (E.value = "multiple", J(() => {
+  setup(l, { expose: i, emit: c }) {
+    const u = l, v = c, S = L(null), o = L(null), d = L(null), T = L(null), p = L(null), I = D(() => u.templateData && u.templateData.length > 0), { inputValue: y, isComposing: E, clearInput: m } = St(u, v), w = D(() => !!y.value.trim()), N = D(() => !(u.disabled || u.loading || !w.value || t.value)), {
+      showSuggestionsPopup: $,
+      completionPlaceholder: J,
+      showTabHint: oe,
+      suggestionsListRef: h,
+      filteredSuggestions: P,
+      activeSuggestion: V,
+      isItemHighlighted: A,
+      updateSuggestionsState: Y,
+      selectSuggestion: he,
+      acceptCurrentSuggestion: Z,
+      closeSuggestionsPopup: G,
+      navigateSuggestions: x,
+      handleSuggestionItemHover: M,
+      handleSuggestionItemLeave: H,
+      highlightSuggestionText: ae
+    } = xt(u, v, y, E, I), F = L(u.mode), le = L(!1), xe = () => {
+      F.value === "single" && (F.value = "multiple", X(() => {
         setTimeout(() => {
           const n = document.querySelector(".tiny-textarea__inner");
           if (n) {
             n.style.whiteSpace = "pre-wrap";
-            const k = h.value.length;
+            const k = y.value.length;
             n.focus(), n.setSelectionRange(k, k);
           }
         }, 50);
       }));
-    }, Oe = (n, k) => {
+    }, Ie = (n, k) => {
       const B = document.createElement("span");
       B.style.visibility = "hidden", B.style.position = "absolute", B.style.whiteSpace = "nowrap", B.style.font = k, B.textContent = n, document.body.appendChild(B);
-      const ne = B.offsetWidth;
-      return document.body.removeChild(B), ne;
-    }, we = () => {
-      var Ce, Ae, He;
-      if (i.mode !== "single" || !p.value || te.value || !l.value || !T.value) return;
-      const n = l.value.querySelector(".tiny-sender__content-area");
+      const te = B.offsetWidth;
+      return document.body.removeChild(B), te;
+    }, ce = () => {
+      var _e, Ae, He;
+      if (u.mode !== "single" || !S.value || le.value || !o.value || !T.value) return;
+      const n = o.value.querySelector(".tiny-sender__content-area");
       if (!n) return;
-      const k = ((Ae = (Ce = p.value) == null ? void 0 : Ce.querySelector) == null ? void 0 : Ae.call(Ce, ".tiny-input__inner")) || n.querySelector(".tiny-input__inner"), B = g.value || l.value.querySelector(".tiny-sender__buttons-container");
+      const k = ((Ae = (_e = S.value) == null ? void 0 : _e.querySelector) == null ? void 0 : Ae.call(_e, ".tiny-input__inner")) || n.querySelector(".tiny-input__inner"), B = p.value || o.value.querySelector(".tiny-sender__buttons-container");
       if (!k) {
         console.warn("Cannot find input element for overflow check");
         return;
       }
-      const ne = k.getBoundingClientRect(), j = B == null ? void 0 : B.getBoundingClientRect();
-      if (ne.width === 0) {
-        setTimeout(() => we(), 50);
+      const te = k.getBoundingClientRect(), z = B == null ? void 0 : B.getBoundingClientRect();
+      if (te.width === 0) {
+        setTimeout(() => ce(), 50);
         return;
       }
-      const Be = window.getComputedStyle(k).font, Qe = Oe(h.value, Be), Ke = (He = l.value) == null ? void 0 : He.classList.contains("tr-sender-compact"), Ye = Ke ? 12 : 20, Ze = ne.width, et = (j == null ? void 0 : j.width) || 0, We = Ze - et - Ye, tt = Ke ? 50 : 80;
-      Qe > We && We > tt && E.value === "single" && (te.value = !0, E.value = "multiple", J(() => {
-        p.value ? setTimeout(() => {
+      const Ee = window.getComputedStyle(k).font, Ye = Ie(y.value, Ee), Ke = (He = o.value) == null ? void 0 : He.classList.contains("tr-sender-compact"), Ze = Ke ? 12 : 20, et = te.width, tt = (z == null ? void 0 : z.width) || 0, We = et - tt - Ze, nt = Ke ? 50 : 80;
+      Ye > We && We > nt && F.value === "single" && (le.value = !0, F.value = "multiple", X(() => {
+        S.value ? setTimeout(() => {
           var Ne;
-          const ke = (Ne = l.value) == null ? void 0 : Ne.querySelector(".tiny-textarea__inner");
-          if (ke) {
-            ke.style.whiteSpace = "pre-wrap";
-            const Ve = h.value.length;
-            ke.focus(), ke.setSelectionRange(Ve, Ve);
+          const Se = (Ne = o.value) == null ? void 0 : Ne.querySelector(".tiny-textarea__inner");
+          if (Se) {
+            Se.style.whiteSpace = "pre-wrap";
+            const Ve = y.value.length;
+            Se.focus(), Se.setSelectionRange(Ve, Ve);
           }
-          te.value = !1;
-        }, 300) : te.value = !1;
+          le.value = !1;
+        }, 300) : le.value = !1;
       }));
-    }, _e = () => {
-      if (I.value && f.value)
+    }, de = () => {
+      if (I.value && d.value)
         Fe();
-      else if (p.value)
-        p.value.focus();
+      else if (S.value)
+        S.value.focus();
       else {
         const n = document.querySelector(".tiny-input__inner");
         n == null || n.focus();
       }
-    }, de = () => {
-      if (p.value)
-        p.value.blur();
+    }, Re = () => {
+      if (S.value)
+        S.value.blur();
       else {
         const n = document.querySelector(".tiny-input__inner");
         n == null || n.blur();
       }
-    }, ie = () => {
+    }, me = () => {
       var n;
-      v("update:templateData", []), (n = f.value) == null || n.clearHistory(), J(() => {
-        h.value === "" && (E.value = i.mode || "single"), setTimeout(() => {
-          _e();
+      v("update:templateData", []), (n = d.value) == null || n.clearHistory(), X(() => {
+        y.value === "" && (F.value = u.mode || "single"), setTimeout(() => {
+          de();
         }, 50);
-      }), z();
-    }, fe = () => {
+      }), G();
+    }, we = () => {
       var n;
-      x(), I.value ? ie() : (n = l.value) == null || n.focus(), J(() => {
-        h.value === "" && (E.value = i.mode || "single");
-      }), z();
-    }, Te = (n) => {
+      m(), I.value ? me() : (n = o.value) == null || n.focus(), X(() => {
+        y.value === "" && (F.value = u.mode || "single");
+      }), G();
+    }, fe = (n) => {
       v("update:templateData", n);
     };
-    oe(
-      () => i.templateData,
+    se(
+      () => u.templateData,
       () => {
-        h.value = i.templateData.map((n) => n.content).join("");
+        y.value = u.templateData.map((n) => n.content).join("");
       },
       { deep: !0 }
     );
-    const Pe = P(() => {
-      const n = typeof i.speech == "object" ? i.speech : {};
+    const Oe = D(() => {
+      const n = typeof u.speech == "object" ? u.speech : {};
       return {
         ...n,
         onStart: () => v("speech-start"),
@@ -984,255 +982,255 @@ const Dt = { class: "editor-container" }, Le = "​", De = "​", Pt = /* @__PUR
         onInterim: (k) => v("speech-interim", k),
         onFinal: (k) => {
           if (n.autoReplace)
-            h.value = k;
+            y.value = k;
           else {
-            const B = h.value;
-            B && k && !B.endsWith(" ") && !k.startsWith(" ") && B.length > 0 ? h.value = B + " " + k : h.value = B + k;
+            const B = y.value;
+            B && k && !B.endsWith(" ") && !k.startsWith(" ") && B.length > 0 ? y.value = B + " " + k : y.value = B + k;
           }
           v("speech-end", k);
         },
         onError: (k) => {
-          Je(k.message), v("speech-error", k);
+          Ge(k.message), v("speech-error", k);
         }
       };
-    }), { speechState: Y, start: Se, stop: pe } = bt(Pe.value), be = () => {
-      Y.isRecording ? pe() : Se();
-    }, he = P(() => i.maxLength !== 1 / 0 && h.value.length > i.maxLength), { handleKeyPress: e, triggerSubmit: t } = St(
-      i,
+    }), { speechState: re, start: Te, stop: $e } = Ct(Oe.value), e = () => {
+      re.isRecording ? $e() : Te();
+    }, t = D(() => u.maxLength !== 1 / 0 && y.value.length > u.maxLength), { handleKeyPress: s, triggerSubmit: r } = bt(
+      u,
       v,
-      h,
-      $,
-      Y,
-      _,
-      H,
-      Q,
-      z,
-      ee,
-      be,
-      he,
+      y,
       E,
-      me,
+      re,
+      $,
+      V,
+      Z,
+      G,
+      x,
+      e,
+      N,
+      F,
+      xe,
       I,
-      ie
-    ), s = (n) => {
-      v("focus", n), h.value && U.value.length > 0 && !i.template && (_.value = !0, L.value = !0);
-    }, c = (n) => {
-      v("blur", n), z();
-    }, o = P(() => E.value === "multiple" ? "textarea" : "text"), d = P(
+      me
+    ), a = (n) => {
+      v("focus", n), y.value && P.value.length > 0 && !I.value && ($.value = !0, oe.value = !0);
+    }, f = (n) => {
+      v("blur", n), G();
+    }, C = D(() => F.value === "multiple" ? "textarea" : "text"), b = D(
       () => ({
         display: "flex",
-        justifyContent: i.showWordLimit && i.maxLength !== 1 / 0 ? "space-between" : "flex-end",
+        justifyContent: u.showWordLimit && u.maxLength !== 1 / 0 ? "space-between" : "flex-end",
         alignItems: "center"
       })
-    ), b = it(), S = P(() => !!b.decorativeContent), C = P(() => i.disabled || S.value), A = P(() => i.loading), ue = P(() => i.hasContent !== void 0 ? i.hasContent : !!h.value), $e = P(() => ({
-      "is-disabled": C.value,
-      "is-loading": A.value,
+    ), R = ut(), W = D(() => !!R.decorativeContent), ee = D(() => u.disabled || W.value), Be = D(() => u.loading), Xe = D(() => ({
+      "is-disabled": ee.value,
+      "is-loading": Be.value,
       "has-error": !!ve.value,
-      "is-auto-switching": te.value
-    })), Xe = P(() => ({
-      width: wt(i.suggestionPopupWidth),
+      "is-auto-switching": le.value
+    })), Je = D(() => ({
+      width: _t(u.suggestionPopupWidth),
       maxWidth: "100%"
       // 确保不超出父容器宽度
-    })), ve = D(""), Je = (n) => {
+    })), ve = L(""), Ge = (n) => {
       ve.value = n, setTimeout(() => ve.value = "", 5e3);
-    }, Ge = () => {
-      $.value = !1, setTimeout(() => {
-        $.value = !1, N();
+    }, Qe = () => {
+      E.value = !1, setTimeout(() => {
+        E.value = !1, Y();
       }, 50);
     };
-    oe(h, () => {
-      J(we), h.value === "" && i.mode === "single" && (E.value = "single");
-    }), oe(
+    se(y, () => {
+      X(ce), y.value === "" && u.mode === "single" && (F.value = "single");
+    }), se(
       () => I.value,
       (n) => {
-        n && (E.value = "multiple");
+        n && (F.value = "multiple");
       }
     );
     const Fe = () => {
-      f.value && f.value.activateFirstField();
+      d.value && d.value.activateFirstField();
     };
-    return u({
-      focus: _e,
-      blur: de,
-      clear: fe,
-      submit: t,
-      startSpeech: Se,
-      stopSpeech: pe,
+    return i({
+      focus: de,
+      blur: Re,
+      clear: we,
+      submit: r,
+      startSpeech: Te,
+      stopSpeech: $e,
       activateTemplateFirstField: Fe
-    }), (n, k) => (m(), O("div", {
+    }), (n, k) => (g(), O("div", {
       ref_key: "senderRef",
-      ref: l,
-      class: le(["tiny-sender", [$e.value, `theme-${n.theme}`, `mode-${E.value}`]]),
+      ref: o,
+      class: ue(["tiny-sender", [Xe.value, `theme-${n.theme}`, `mode-${F.value}`]]),
       "data-theme": n.theme
     }, [
-      M("div", Wt, [
-        M("div", {
+      q("div", At, [
+        q("div", {
           class: "tiny-sender__input-wrapper",
           ref_key: "inputWrapperRef",
           ref: T
         }, [
-          X(Ee, { name: "tiny-sender-slide-down" }, {
-            default: Z(() => [
-              n.$slots.header ? (m(), O("div", At, [
-                ae(n.$slots, "header")
-              ])) : W("", !0)
+          j(Le, { name: "tiny-sender-slide-down" }, {
+            default: Q(() => [
+              n.$slots.header ? (g(), O("div", Ht, [
+                ie(n.$slots, "header")
+              ])) : K("", !0)
             ]),
             _: 3
           }),
-          M("div", {
-            class: le(["tiny-sender__input-row", { "has-prefix": n.$slots.prefix, "has-header": n.$slots.header }])
+          q("div", {
+            class: ue(["tiny-sender__input-row", { "has-prefix": n.$slots.prefix, "has-header": n.$slots.header }])
           }, [
-            n.$slots.prefix ? (m(), O("div", Ht, [
-              ae(n.$slots, "prefix")
-            ])) : W("", !0),
-            M("div", Nt, [
-              n.$slots.decorativeContent ? (m(), O("div", Vt, [
-                ae(n.$slots, "decorativeContent")
-              ])) : W("", !0),
-              I.value ? (m(), q(Ft, {
+            n.$slots.prefix ? (g(), O("div", Nt, [
+              ie(n.$slots, "prefix")
+            ])) : K("", !0),
+            q("div", Vt, [
+              n.$slots.decorativeContent ? (g(), O("div", Mt, [
+                ie(n.$slots, "decorativeContent")
+              ])) : K("", !0),
+              I.value ? (g(), U(Kt, {
                 key: 1,
                 ref_key: "templateEditorRef",
-                ref: f,
-                "model-value": i.templateData,
-                "onUpdate:modelValue": Te,
-                onSubmit: w(t)
-              }, null, 8, ["model-value", "onSubmit"])) : (m(), O("div", Mt, [
-                X(w(dt), {
+                ref: d,
+                "model-value": u.templateData,
+                "onUpdate:modelValue": fe,
+                onSubmit: _(r)
+              }, null, 8, ["model-value", "onSubmit"])) : (g(), O("div", qt, [
+                j(_(ft), {
                   ref_key: "inputRef",
-                  ref: p,
+                  ref: S,
                   autosize: n.autoSize,
-                  type: o.value,
+                  type: C.value,
                   resize: "none",
-                  modelValue: w(h),
-                  "onUpdate:modelValue": k[0] || (k[0] = (B) => ut(h) ? h.value = B : null),
-                  disabled: C.value,
+                  modelValue: _(y),
+                  "onUpdate:modelValue": k[0] || (k[0] = (B) => ct(y) ? y.value = B : null),
+                  disabled: ee.value,
                   placeholder: n.placeholder,
                   autofocus: n.autofocus,
-                  onKeydown: w(e),
-                  onCompositionstart: k[1] || (k[1] = (B) => $.value = !0),
-                  onCompositionend: Ge,
-                  onFocus: s,
-                  onBlur: c
+                  onKeydown: _(s),
+                  onCompositionstart: k[1] || (k[1] = (B) => E.value = !0),
+                  onCompositionend: Qe,
+                  onFocus: a,
+                  onBlur: f
                 }, null, 8, ["autosize", "type", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
-                w(F) && !w($) ? (m(), O("div", qt, [
-                  M("span", Ut, se(w(h)), 1),
-                  Me(se(w(F)) + " ", 1),
-                  w(L) ? (m(), O("div", zt, "TAB")) : W("", !0)
-                ])) : W("", !0)
+                _(J) && !_(E) ? (g(), O("div", Ut, [
+                  q("span", zt, ne(_(y)), 1),
+                  Me(ne(_(J)) + " ", 1),
+                  _(oe) ? (g(), O("div", jt, "TAB")) : K("", !0)
+                ])) : K("", !0)
               ]))
             ]),
-            E.value === "single" ? (m(), O("div", jt, [
-              M("div", {
+            F.value === "single" ? (g(), O("div", Xt, [
+              q("div", {
                 class: "tiny-sender__buttons-container",
                 ref_key: "buttonsContainerRef",
-                ref: g
+                ref: p
               }, [
-                ae(n.$slots, "actions"),
-                X(ze, {
+                ie(n.$slots, "actions"),
+                j(ze, {
                   "allow-speech": n.allowSpeech,
                   "allow-files": n.allowFiles,
                   loading: n.loading,
-                  disabled: C.value,
+                  disabled: ee.value,
                   "show-clear": n.clearable,
-                  "has-content": ue.value,
-                  "speech-status": w(Y),
+                  "has-content": w.value,
+                  "speech-status": _(re),
                   "submit-type": n.submitType,
-                  "is-over-limit": he.value,
+                  "is-over-limit": t.value,
                   "stop-text": n.stopText,
-                  onClear: fe,
-                  onToggleSpeech: be,
-                  onSubmit: w(t),
+                  onClear: we,
+                  onToggleSpeech: e,
+                  onSubmit: _(r),
                   onCancel: k[2] || (k[2] = (B) => n.$emit("cancel"))
                 }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "is-over-limit", "stop-text", "onSubmit"])
               ], 512)
-            ])) : W("", !0)
+            ])) : K("", !0)
           ], 2),
-          X(Ee, { name: "tiny-sender-slide-up" }, {
-            default: Z(() => [
-              E.value === "multiple" ? (m(), O("div", {
+          j(Le, { name: "tiny-sender-slide-up" }, {
+            default: Q(() => [
+              F.value === "multiple" ? (g(), O("div", {
                 key: 0,
-                style: qe(d.value),
+                style: qe(b.value),
                 class: "tiny-sender__footer-slot tiny-sender__bottom-row"
               }, [
-                M("div", Xt, [
-                  ae(n.$slots, "footer-left")
+                q("div", Jt, [
+                  ie(n.$slots, "footer-left")
                 ]),
-                M("div", Jt, [
-                  ae(n.$slots, "footer-right"),
-                  n.showWordLimit && n.maxLength !== 1 / 0 ? (m(), O("div", {
+                q("div", Gt, [
+                  ie(n.$slots, "footer-right"),
+                  n.showWordLimit && n.maxLength !== 1 / 0 ? (g(), O("div", {
                     key: 0,
-                    class: le(["tiny-sender__word-limit", { "is-over-limit": he.value }])
+                    class: ue(["tiny-sender__word-limit", { "is-over-limit": t.value }])
                   }, [
-                    M("span", Gt, se(w(h).length), 1),
-                    Me("/" + se(n.maxLength), 1)
-                  ], 2)) : W("", !0),
-                  E.value === "multiple" ? (m(), O("div", Qt, [
-                    M("div", Yt, [
-                      X(ze, {
+                    q("span", Qt, ne(_(y).length), 1),
+                    Me("/" + ne(n.maxLength), 1)
+                  ], 2)) : K("", !0),
+                  F.value === "multiple" ? (g(), O("div", Yt, [
+                    q("div", Zt, [
+                      j(ze, {
                         "allow-speech": n.allowSpeech,
                         "allow-files": n.allowFiles,
                         loading: n.loading,
-                        disabled: C.value,
+                        disabled: ee.value,
                         "show-clear": n.clearable,
-                        "has-content": ue.value,
-                        "speech-status": w(Y),
+                        "has-content": w.value,
+                        "speech-status": _(re),
                         "submit-type": n.submitType,
-                        "is-over-limit": he.value,
+                        "is-over-limit": t.value,
                         "stop-text": n.stopText,
-                        onClear: fe,
-                        onToggleSpeech: be,
-                        onSubmit: w(t),
+                        onClear: we,
+                        onToggleSpeech: e,
+                        onSubmit: _(r),
                         onCancel: k[3] || (k[3] = (B) => n.$emit("cancel"))
                       }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "is-over-limit", "stop-text", "onSubmit"])
                     ])
-                  ])) : W("", !0)
+                  ])) : K("", !0)
                 ])
-              ], 4)) : n.$slots.footer ? (m(), O("div", Zt, [
-                ae(n.$slots, "footer")
-              ])) : W("", !0)
+              ], 4)) : n.$slots.footer ? (g(), O("div", en, [
+                ie(n.$slots, "footer")
+              ])) : K("", !0)
             ]),
             _: 3
           })
         ], 512)
       ]),
-      X(Ee, { name: "tiny-sender-slide-up" }, {
-        default: Z(() => [
-          w(_) && w(U).length ? (m(), O("div", {
+      j(Le, { name: "tiny-sender-slide-up" }, {
+        default: Q(() => [
+          _($) && _(P).length ? (g(), O("div", {
             key: 0,
             ref_key: "suggestionsListRef",
-            ref: G,
+            ref: h,
             class: "tiny-sender__suggestions",
-            style: qe(Xe.value)
+            style: qe(Je.value)
           }, [
-            (m(!0), O(ce, null, ye(w(U), (B, ne) => (m(), O("div", {
-              key: ne,
-              class: le(["suggestion-item", { highlighted: w(y)(ne) }]),
-              onMouseenter: (j) => w(R)(ne),
+            (g(!0), O(pe, null, ye(_(P), (B, te) => (g(), O("div", {
+              key: te,
+              class: ue(["suggestion-item", { highlighted: _(A)(te) }]),
+              onMouseenter: (z) => _(M)(te),
               onMouseleave: k[4] || (k[4] = //@ts-ignore
-              (...j) => w(K) && w(K)(...j)),
-              onMousedown: ct((j) => w(V)(B), ["prevent"])
+              (...z) => _(H) && _(H)(...z)),
+              onMousedown: dt((z) => _(he)(B), ["prevent"])
             }, [
-              X(w(mt), { class: "suggestion-item__icon" }),
-              M("span", tn, [
-                (m(!0), O(ce, null, ye(w(re)(B, w(h)), (j, Be) => (m(), O("span", {
-                  key: Be,
-                  class: le({ "suggestion-item__text--match": j.isMatch, "suggestion-item__text--normal": !j.isMatch })
-                }, se(j.text), 3))), 128))
+              j(_(wt), { class: "suggestion-item__icon" }),
+              q("span", nn, [
+                (g(!0), O(pe, null, ye(_(ae)(B, _(y)), (z, Ee) => (g(), O("span", {
+                  key: Ee,
+                  class: ue({ "suggestion-item__text--match": z.isMatch, "suggestion-item__text--normal": !z.isMatch })
+                }, ne(z.text), 3))), 128))
               ])
-            ], 42, en))), 128))
-          ], 4)) : W("", !0)
+            ], 42, tn))), 128))
+          ], 4)) : K("", !0)
         ]),
         _: 1
       }),
-      ve.value ? (m(), O("div", nn, se(ve.value), 1)) : W("", !0)
-    ], 10, Kt));
+      ve.value ? (g(), O("div", sn, ne(ve.value), 1)) : K("", !0)
+    ], 10, Wt));
   }
 });
-Ie.name = "TrSender";
-const sn = function(a) {
-  a.component(Ie.name, Ie);
+Ce.name = "TrSender";
+const on = function(l) {
+  l.component(Ce.name, Ce);
 };
-Ie.install = sn;
+Ce.install = on;
 export {
-  Ie as default
+  Ce as default
 };