@opentiny/tiny-robot 0.3.0-alpha.19 → 0.3.0-alpha.20

package/dist/sender/index.js

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