@opentiny/tiny-robot 0.3.0-alpha.31 → 0.3.0-alpha.32

package/dist/sender/index.js

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