@opentiny/tiny-robot 0.3.5 → 0.3.6-beta.0

package/dist/sender/index.js

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