@opentiny/tiny-robot 0.3.0-alpha.36 → 0.3.0-alpha.38

package/dist/sender/index.js

@@ -1,11 +1,11 @@
-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 { ref as F, watch as ne, reactive as ot, computed as L, defineComponent as xe, createElementBlock as I, openBlock as m, createCommentVNode as N, normalizeStyle as Je, createBlock as Y, unref as x, withCtx as he, createElementVNode as U, createVNode as Z, 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 Me, 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 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);
+  const a = F(t.modelValue || t.defaultValue || ""), c = F(null);
   ne(
     () => t.modelValue,
     (h) => {
@@ -25,11 +25,11 @@ function _t(t, u) {
     !t.disabled && !t.loading && b.trim() && u("submit", b);
   }, l = () => {
     a.value = "", u("update:modelValue", ""), u("clear");
-  }, f = A(!1);
+  }, d = F(!1);
   return {
     inputValue: a,
     inputWrapper: c,
-    isComposing: f,
+    isComposing: d,
     handleChange: y,
     handleSubmit: S,
     handleClear: l,
@@ -38,53 +38,53 @@ function _t(t, u) {
     }
   };
 }
-function Ct(t, u, a, c, y, S, l, f, C, h, b, v, K, V, F, M) {
+function Ct(t, u, a, c, y, S, l, d, _, h, b, v, A, V, M, P) {
   const T = () => {
-    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) {
+    v.value && (M != null && M.value && (P == null || P()), u("submit", a.value.trim()));
+  }, k = (p, Q) => {
+    if (!(p.key === "Enter")) return !1;
+    switch (Q) {
       case "enter":
-        return !d.shiftKey && !d.ctrlKey && !d.metaKey;
+        return !p.shiftKey && !p.ctrlKey && !p.metaKey;
       case "ctrlEnter":
-        return (d.ctrlKey || d.metaKey) && !d.shiftKey;
+        return (p.ctrlKey || p.metaKey) && !p.shiftKey;
       case "shiftEnter":
-        return d.shiftKey && !d.ctrlKey && !d.metaKey;
+        return p.shiftKey && !p.ctrlKey && !p.metaKey;
       default:
         return !1;
     }
   };
   return {
-    handleKeyPress: (d) => {
+    handleKeyPress: (p) => {
       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 = a.value;
-        a.value = ee.substring(0, z) + `
-` + ee.substring(z), setTimeout(() => {
-          O.selectionStart = O.selectionEnd = z + 1;
+      if (p.key === "Enter" && p.shiftKey && (A == null ? void 0 : A.value) === "single" && V) {
+        p.preventDefault(), V();
+        const E = p.target, q = E.selectionStart, ee = a.value;
+        a.value = ee.substring(0, q) + `
+` + ee.substring(q), setTimeout(() => {
+          E.selectionStart = E.selectionEnd = q + 1;
         }, 0);
         return;
       }
       if (S.value) {
-        if (d.key === "ArrowDown") {
-          d.preventDefault(), h("down");
+        if (p.key === "ArrowDown") {
+          p.preventDefault(), h("down");
           return;
         }
-        if (d.key === "ArrowUp") {
-          d.preventDefault(), h("up");
+        if (p.key === "ArrowUp") {
+          p.preventDefault(), h("up");
           return;
         }
-        if (l.value && (t.activeSuggestionKeys || ["Enter", "Tab"]).includes(d.key)) {
-          d.preventDefault(), f();
+        if (l.value && (t.activeSuggestionKeys || ["Enter", "Tab"]).includes(p.key)) {
+          p.preventDefault(), d();
           return;
         }
       }
-      if (d.key === "Escape") {
-        S.value ? (C(), d.preventDefault()) : y.isRecording && (b(), d.preventDefault()), u("escape-press");
+      if (p.key === "Escape") {
+        S.value ? (_(), p.preventDefault()) : y.isRecording && (b(), p.preventDefault()), u("escape-press");
         return;
       }
-      H(d, t.submitType) && (d.preventDefault(), v.value && T());
+      k(p, t.submitType) && (p.preventDefault(), v.value && T());
     },
     triggerSubmit: T
   };
@@ -102,18 +102,18 @@ function kt(t) {
     var 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);
+    var _, h;
+    const d = Array.from(l.results).map((b) => b[0].transcript).join("");
+    l.results[0].isFinal ? (_ = t.onFinal) == null || _.call(t, d) : (h = t.onInterim) == null || h.call(t, d);
   }, a.onerror = (l) => {
-    var f;
-    u.error = new Error(l.error), u.isRecording = !1, (f = t.onError) == null || f.call(t, u.error);
+    var d;
+    u.error = new Error(l.error), u.isRecording = !1, (d = t.onError) == null || d.call(t, u.error);
   });
   const c = () => {
     var l;
     if (!a) {
-      const f = new Error("浏览器不支持语音识别");
-      u.error = f, (l = t.onError) == null || l.call(t, f);
+      const d = new Error("浏览器不支持语音识别");
+      u.error = d, (l = t.onError) == null || l.call(t, d);
       return;
     }
     if (u.isRecording) {
@@ -121,19 +121,19 @@ function kt(t) {
         a.stop(), setTimeout(() => {
           try {
             a.start();
-          } catch (f) {
-            S(f);
+          } catch (d) {
+            S(d);
           }
         }, 100);
-      } catch (f) {
-        S(f);
+      } catch (d) {
+        S(d);
       }
       return;
     }
     try {
       a.start();
-    } catch (f) {
-      S(f);
+    } catch (d) {
+      S(d);
     }
   }, y = () => {
     if (a && u.isRecording)
@@ -143,8 +143,8 @@ function kt(t) {
         S(l);
       }
   }, S = (l) => {
-    var f;
-    u.error = l instanceof Error ? l : new Error("语音识别操作失败"), u.isRecording = !1, (f = t.onError) == null || f.call(t, u.error);
+    var d;
+    u.error = l instanceof Error ? l : new Error("语音识别操作失败"), u.isRecording = !1, (d = t.onError) == null || d.call(t, u.error);
   };
   return {
     speechState: u,
@@ -153,65 +153,65 @@ function kt(t) {
   };
 }
 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 = 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) => {
-    b.value = k, v.value = !0;
-  }, F = () => {
+  const l = F(!1), d = F(-1), _ = F(-1), h = F(null), b = F(""), v = F(!1), A = L(() => {
+    var j, J;
+    if (!((j = t.value) != null && j.length)) return "";
+    const C = h.value === "mouse" ? _.value : d.value;
+    return ((J = t.value[C]) == null ? void 0 : J.content) || "";
+  }), V = (C) => {
+    b.value = C, v.value = !0;
+  }, M = () => {
     b.value = "", v.value = !1;
-  }, M = (k) => {
-    const J = k || K.value;
-    if (!J || !u.value) {
-      F();
+  }, P = (C) => {
+    const j = C || A.value;
+    if (!j || !u.value) {
+      M();
       return;
     }
-    const X = J.substring(u.value.length);
-    J.toLowerCase().startsWith(u.value.toLowerCase()) && X ? V(X) : F();
+    const J = j.substring(u.value.length);
+    j.toLowerCase().startsWith(u.value.toLowerCase()) && J ? V(J) : M();
   }, T = () => {
-    f.value = -1, C.value = -1, h.value = null;
+    d.value = -1, _.value = -1, h.value = null;
+  }, k = () => {
+    l.value = !0, P();
+  }, R = () => {
+    l.value = !1, T(), M();
+  }, p = L(() => {
+    var C;
+    return a.value ? !0 : !!(u.value && ((C = t.value) == null ? void 0 : C.length) > 0 && !c.value);
+  }), Q = (C) => {
+    R(), u.value = C, y(C), S(C);
+  }, E = () => {
+    A.value && Q(A.value);
+  }, q = (C) => {
+    !l.value || !t.value || (h.value = "keyboard", d.value === -1 ? d.value = C === "down" ? 0 : t.value.length - 1 : C === "down" ? d.value = (d.value + 1) % t.value.length : d.value = (d.value - 1 + t.value.length) % t.value.length, P());
+  }, ee = (C) => {
+    t.value && (h.value = "mouse", _.value = C, P());
   }, H = () => {
-    l.value = !0, M();
-  }, x = () => {
-    l.value = !1, T(), F();
-  }, d = B(() => {
-    var k;
-    return a.value ? !0 : !!(u.value && ((k = t.value) == null ? void 0 : k.length) > 0 && !c.value);
-  }), P = (k) => {
-    x(), u.value = k, y(k), S(k);
-  }, O = () => {
-    K.value && P(K.value);
-  }, z = (k) => {
-    !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) => {
-    t.value && (h.value = "mouse", C.value = k, M());
-  }, U = () => {
-    t.value && (C.value = -1, f.value !== -1 ? h.value = "keyboard" : h.value = null, M());
+    t.value && (_.value = -1, d.value !== -1 ? h.value = "keyboard" : h.value = null, P());
   };
-  return ne(d, (k) => {
-    k ? l.value || H() : l.value && x();
+  return ne(p, (C) => {
+    C ? l.value || k() : l.value && R();
   }), {
     // 弹窗控制
     isPopupVisible: l,
-    openPopup: H,
-    closePopup: x,
+    openPopup: k,
+    closePopup: R,
     // 自动完成占位符
     autoCompleteText: b,
     showTabIndicator: v,
-    syncAutoComplete: M,
+    syncAutoComplete: P,
     // 选中控制层
-    activeSuggestion: K,
-    activeKeyboardIndex: f,
-    activeMouseIndex: C,
+    activeSuggestion: A,
+    activeKeyboardIndex: d,
+    activeMouseIndex: _,
     // 交互处理
-    navigateWithKeyboard: z,
+    navigateWithKeyboard: q,
     handleMouseEnter: ee,
-    handleMouseLeave: U,
+    handleMouseLeave: H,
     // 业务操作
-    applySuggestion: P,
-    confirmSelection: O
+    applySuggestion: Q,
+    confirmSelection: E
   };
 }
 const Tt = { class: "action-buttons" }, Rt = { class: "action-buttons__submit-content" }, Ot = {
@@ -238,97 +238,94 @@ const Tt = { class: "action-buttons" }, Rt = { class: "action-buttons__submit-co
   },
   emits: ["clear", "toggle-speech", "submit", "cancel", "trigger-select"],
   setup(t, { emit: u }) {
-    const a = t, c = u, y = B(() => {
-      var d, P;
-      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 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 (!C.value) {
-        const x = !a.speechStatus.isRecording;
-        c("toggle-speech", x);
+    const a = t, c = u, y = L(() => {
+      var R, p;
+      const k = (p = (R = a.buttonGroup) == null ? void 0 : R.file) == null ? void 0 : p.tooltips;
+      if (typeof k == "string" && k)
+        return () => k;
+      if (typeof k == "function")
+        return k;
+    }), S = L(() => {
+      var R, p;
+      const k = (p = (R = a.buttonGroup) == null ? void 0 : R.submit) == null ? void 0 : p.tooltips;
+      if (typeof k == "string" && k)
+        return () => k;
+      if (typeof k == "function")
+        return k;
+    }), l = L(() => a.allowSpeech), d = L(() => a.speechStatus.isRecording), _ = L(() => a.disabled), h = L(() => {
+      var k, R;
+      return _.value || a.isOverLimit || ((R = (k = a.buttonGroup) == null ? void 0 : k.submit) == null ? void 0 : R.disabled);
+    }), b = L(() => a.allowFiles || a.allowSpeech || a.showClear), v = () => {
+      _.value || c("clear");
+    }, A = () => {
+      if (!_.value) {
+        const k = !a.speechStatus.isRecording;
+        c("toggle-speech", k);
       }
     }, V = () => {
       h.value || c("submit");
-    }, F = () => {
-      C.value || c("cancel");
-    }, M = B(() => {
-      var x, d;
-      return C.value || ((d = (x = a.buttonGroup) == null ? void 0 : x.file) == null ? void 0 : d.disabled);
+    }, M = () => {
+      _.value || c("cancel");
+    }, P = L(() => {
+      var k, R;
+      return _.value || ((R = (k = a.buttonGroup) == null ? void 0 : k.file) == null ? void 0 : R.disabled);
     }), T = () => {
-      M.value || c("trigger-select");
-    }, H = B(() => {
-      var x, d;
-      return ((d = (x = a.buttonGroup) == null ? void 0 : x.file) == null ? void 0 : d.tooltipPlacement) || "top";
-    });
-    return (x, d) => (m(), I("div", Tt, [
+      P.value || c("trigger-select");
+    };
+    return (k, R) => (m(), I("div", Tt, [
       b.value ? (m(), I("div", {
         key: 0,
         class: "action-buttons__utility",
         style: Je({ "padding-right": t.hasContent || t.loading ? "0" : "6px" })
       }, [
-        t.allowFiles && !t.loading ? (m(), Y(_(Fe), {
+        t.allowFiles && !t.loading ? (m(), Y(x(Me), {
           key: 0,
           effect: "light",
-          placement: H.value,
+          placement: "top",
           "render-content": y.value,
           "visible-arrow": !1,
           "popper-class": "tr-sender-actions-upload-button-popper"
         }, {
           default: he(() => [
-            q("div", {
+            U("div", {
               class: "action-buttons__button",
               onClick: T,
-              onFocusCapture: d[0] || (d[0] = (P) => P.stopPropagation())
+              onFocusCapture: R[0] || (R[0] = (p) => p.stopPropagation())
             }, [
-              Q(_(vt), {
-                class: oe(["action-buttons__icon", { "is-disabled": M.value }]),
+              Z(x(vt), {
+                class: oe(["action-buttons__icon", { "is-disabled": P.value }]),
                 alt: "上传文件"
               }, null, 8, ["class"])
             ], 32)
           ]),
           _: 1
-        }, 8, ["placement", "render-content"])) : N("", !0),
+        }, 8, ["render-content"])) : N("", !0),
         l.value && !t.loading ? (m(), I("div", {
           key: 1,
-          class: oe(["action-buttons__button", { "is-recording": f.value }]),
-          onClick: K
+          class: oe(["action-buttons__button", { "is-recording": d.value }]),
+          onClick: A
         }, [
-          f.value ? (m(), Y(_(gt), {
+          d.value ? (m(), Y(x(gt), {
             key: 1,
             class: "action-buttons__icon action-buttons__icon--recording",
             alt: "语音中"
-          })) : (m(), Y(_(yt), {
+          })) : (m(), Y(x(yt), {
             key: 0,
             class: "action-buttons__icon",
             alt: "录音"
           }))
         ], 2)) : N("", !0),
-        t.showClear && t.hasContent ? (m(), Y(_(Fe), {
+        t.showClear ? (m(), Y(x(Me), {
           key: 2,
           content: "清空内容",
           placement: "top"
         }, {
           default: he(() => [
-            q("div", {
+            U("div", {
               class: "action-buttons__button",
               onClick: v
             }, [
-              Q(_(mt), { class: "action-buttons__icon" })
+              Z(x(mt), { class: "action-buttons__icon" })
             ])
           ]),
           _: 1
@@ -337,19 +334,19 @@ const Tt = { class: "action-buttons" }, Rt = { class: "action-buttons__submit-co
       t.hasContent || t.loading ? (m(), I("div", {
         key: 1,
         class: "action-buttons__button action-buttons__submit",
-        onClick: d[1] || (d[1] = (P) => t.loading ? F() : V())
+        onClick: R[1] || (R[1] = (p) => t.loading ? M() : V())
       }, [
-        q("div", Rt, [
+        U("div", Rt, [
           t.loading ? (m(), I("div", {
             key: 1,
             class: oe(["action-buttons__cancel", { "action-buttons__cancel--icon-only": !t.stopText }])
           }, [
-            Q(_(wt), {
+            Z(x(wt), {
               class: "action-buttons__icon action-buttons__icon--cancel",
               alt: "停止"
             }),
             t.stopText ? (m(), I("span", Ot, ce(t.stopText), 1)) : N("", !0)
-          ], 2)) : (m(), Y(_(Fe), {
+          ], 2)) : (m(), Y(x(Me), {
             key: 0,
             effect: "light",
             placement: "top",
@@ -357,7 +354,7 @@ const Tt = { class: "action-buttons" }, Rt = { class: "action-buttons__submit-co
             "visible-arrow": !1
           }, {
             default: he(() => [
-              Q(_(bt), {
+              Z(x(bt), {
                 class: oe(["action-buttons__icon", "action-buttons__icon--send", { "is-disabled": h.value }]),
                 alt: "发送"
               }, null, 8, ["class"])
@@ -368,7 +365,7 @@ const Tt = { class: "action-buttons" }, Rt = { class: "action-buttons__submit-co
       ])) : N("", !0)
     ]));
   }
-}), je = /* @__PURE__ */ _e(Et, [["__scopeId", "data-v-90af0d07"]]);
+}), je = /* @__PURE__ */ _e(Et, [["__scopeId", "data-v-f44a6860"]]);
 function $t(t, u = {}) {
   let a = [], c = [], y = t;
   return { commit: (b) => {
@@ -397,14 +394,14 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
         key: 0,
         "data-id": u.id,
         "data-type": u.type
-      }, _(a)), ce(u.content), 17, Bt)) : (m(), I(ve, { key: 1 }, [
+      }, x(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)) : (m(), I("span", we({
           key: 1,
           "data-id": u.id,
           "data-type": u.type
-        }, _(a)), [
+        }, x(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))
@@ -412,7 +409,7 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
       ], 64));
     };
   }
-}), Kt = /* @__PURE__ */ _e(Dt, [["__scopeId", "data-v-13862606"]]), At = { class: "editor-container" }, Me = "​", Pt = /* @__PURE__ */ xe({
+}), Kt = /* @__PURE__ */ _e(Dt, [["__scopeId", "data-v-13862606"]]), At = { class: "editor-container" }, Pe = "​", Ft = /* @__PURE__ */ xe({
   __name: "TemplateEditor",
   props: {
     modelValue: { default: () => [] },
@@ -425,27 +422,27 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
       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), C = Me, h = Me, b = Me, v = it(t, "modelValue"), K = a, V = A(0), F = (e) => e.map((n) => ({
-      id: n.id || f(),
+    const l = S(), d = () => Math.random().toString(36).substring(2, 15), _ = Pe, h = Pe, b = Pe, v = it(t, "modelValue"), A = a, V = F(0), M = (e) => e.map((n) => ({
+      id: n.id || d(),
       ...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) => {
+    })), P = (e) => e.map((n) => ({ id: n.id, type: n.type, content: n.content })), T = F(M(v.value || [])), k = (e) => {
       T.value = e;
-    }, x = B(() => {
+    }, R = L(() => {
       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 });
+        const i = o[0], f = o[1];
+        i.type === "text" && i.content.length === 0 && f.type === "template" && e.push({ ...i, content: _ });
+        const w = o[o.length - 1], $ = o[o.length - 2];
+        w.type === "text" && w.content.length === 0 && $.type === "template" && n.push({ ...w, content: _ });
       }
-      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" ? [
+      o.length > 0 && o[0].type === "template" && e.push({ type: "text", content: _, id: d() }), o.length > 0 && o[o.length - 1].type === "template" && n.push({ type: "text", content: _, id: d() });
+      const r = new RegExp(_, "g");
+      return o.length > 0 && (o[0].content !== _ && (o[0].content = o[0].content.replace(r, "")), o[o.length - 1].content !== _ && (o[o.length - 1].content = o[o.length - 1].content.replace(r, ""))), e.concat(o).concat(n);
+    }), p = L(() => 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(() => x.value.map((e) => e.type === "text" ? e : l ? {
+    ] : [e]).flat()), Q = L(() => R.value.map((e) => e.type === "text" ? e : l ? {
       id: e.id,
       type: "block",
       asChild: !0,
@@ -475,7 +472,7 @@ 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) => {
+    })), E = F(null), q = (e) => {
       const n = Date.now(), o = JSON.stringify(e);
       return `${n}:${o}`;
     }, ee = (e) => {
@@ -484,27 +481,27 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
         timestamp: n,
         data: o
       };
-    }, U = /* @__PURE__ */ new Map(), k = $t(z(T.value), {
+    }, H = /* @__PURE__ */ new Map(), C = $t(q(T.value), {
       onRemoveHistory: (e) => {
         for (const n of e)
-          U.delete(n);
+          H.delete(n);
       }
     });
     ne(
       () => v.value,
       (e) => {
-        const n = F(e || []);
+        const n = M(e || []);
         if (JSON.stringify(n) !== JSON.stringify(T.value)) {
-          if (O.value) {
-            const r = le(O.value);
-            r && U.set(k.get(), Z(r));
+          if (E.value) {
+            const r = le(E.value);
+            r && H.set(C.get(), X(r));
           }
-          H(n), k.commit(z(T.value));
+          k(n), C.commit(q(T.value));
         }
       },
       { deep: !0 }
     );
-    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 j = (e, n = document.body) => n.contains(e) ? e instanceof HTMLElement && e.dataset.id ? e : e.parentElement ? j(e.parentElement, n) : null : null, J = (e) => e === E.value, le = (e) => {
       const n = window.getSelection();
       if (!n)
         return null;
@@ -526,44 +523,44 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
         return { node: e, offset: 0 };
       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) => {
+    }, z = (e, n, o, r) => {
       const i = window.getSelection();
       if (!i)
         return;
-      const { node: p, offset: w } = W(e, n);
+      const { node: f, offset: w } = W(e, n);
       if (!o) {
-        i.setBaseAndExtent(p, w, p, w);
+        i.setBaseAndExtent(f, w, f, w);
         return;
       }
-      const { node: E, offset: j } = W(o, r ?? 0);
-      i.setBaseAndExtent(p, w, E, j);
+      const { node: $, offset: G } = W(o, r ?? 0);
+      i.setBaseAndExtent(f, w, $, G);
     }, ye = (e, n) => {
-      const o = f(), r = { id: o, type: "text", content: e };
+      const o = d(), r = { id: o, type: "text", content: e };
       if (n) {
-        const i = T.value.findIndex((p) => p.id === n);
-        i !== -1 ? (H(
+        const i = T.value.findIndex((f) => f.id === n);
+        i !== -1 ? (k(
           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}`);
+        ), C.commit(q(T.value))) : console.warn(`can not find item with id: ${n}`);
       } else
-        H([r].concat(T.value)), k.commit(z(T.value));
+        k([r].concat(T.value)), C.commit(q(T.value));
       te(() => {
-        var p;
-        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({
+        var f;
+        const i = (f = E.value) == null ? void 0 : f.querySelector(`[data-id="${o}"][data-type="text"]`);
+        i && z(i, e.length);
+      }), v.value = P(T.value);
+    }, se = F({
       hasStarted: !1,
       range: null
     }), Ce = (e) => {
-      var E;
+      var $;
       const n = e;
       e.preventDefault();
-      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];
+      const { inputType: o } = n, r = (n.data || (($ = n.dataTransfer) == null ? void 0 : $.getData("text/plain")) || "").replace(h, "").replace(b, ""), i = n.getTargetRanges()[0];
       if (!i) {
         console.warn("range is null", i);
         return;
       }
-      const p = [
+      const f = [
         "insertText",
         "insertFromPaste",
         "insertReplacementText",
@@ -574,17 +571,17 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
         "deleteSoftLineBackward",
         "deleteSoftLineForward",
         "deleteByCut"
-      ], 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);
+      ], w = le(E.value);
+      if (f.includes(o)) {
+        if (r && J(i.startContainer) && J(i.endContainer)) {
+          w && H.set(C.get(), X(w)), ye(r);
           return;
         }
-        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 n = J(e.startContainer, O.value), o = J(e.endContainer, O.value);
+        const G = X(i);
+        G.startId && G.endId ? (w && H.set(C.get(), X(w)), ue(G, o, r)) : console.warn("range is not valid, range:", G);
+      } else o === "insertCompositionText" && se.value.hasStarted && (se.value = { hasStarted: !1, range: X(i) });
+    }, X = (e) => {
+      const n = j(e.startContainer, E.value), o = j(e.endContainer, E.value);
       return {
         collapsed: e.collapsed,
         endContainer: e.endContainer,
@@ -603,49 +600,49 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
       if (!Array.isArray(r) || r.length === 0)
         return;
       const i = De(r, e, n, o);
-      if (i.some((R) => R.tag === "new")) {
-        const { afterId: R, content: $ } = i[0];
-        ye($, R);
+      if (i.some((O) => O.tag === "new")) {
+        const { afterId: O, content: B } = i[0];
+        ye(B, O);
         return;
       }
-      const p = i, w = [];
-      for (const [R, $] of p.entries()) {
-        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", $);
+      const f = i, w = [];
+      for (const [O, B] of f.entries()) {
+        const D = T.value.find((g) => g.id === B.id), s = O === 0 ? o : "";
+        D ? D.type === "text" ? D.content = ke(D.content, s, B.startOffset, B.endOffset) : D.type === "template" ? B.type === "prefix" || B.type === "suffix" ? B.startOffset === 0 && B.endOffset === 1 && s.length === 0 ? D[B.type] = "" : console.warn(`${B.type} can not be inserted text. it only can be deleted`, B) : B.startOffset < 0 || B.endOffset > D.content.length ? w.push(D.id) : D.content = ke(D.content, s, B.startOffset, B.endOffset) : console.warn("dataItem.type is not text or template", D) : console.warn("can not find dataItem", B);
       }
-      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 s = L[0], g = L[1];
+      let $ = T.value.filter((O) => !w.includes(O.id));
+      $ = $.filter((O) => !(O.type === "template" && [O.prefix, O.suffix, O.content].join("").length === 0));
+      const G = /* @__PURE__ */ new Set();
+      $.forEach((O, B, D) => {
+        if (D.length >= 2) {
+          if (B === 0 || B === 1) {
+            const s = D[0], g = D[1];
             if (s.type === "text" && s.content.length === 0 && g.type === "template")
               return;
           }
-          if ($ === L.length - 2 || $ === L.length - 1) {
-            const s = L[L.length - 1], g = L[L.length - 2];
+          if (B === D.length - 2 || B === D.length - 1) {
+            const s = D[D.length - 1], g = D[D.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 = b);
-      H(E), k.commit(z(T.value)), p.length > 0 && ge(p, o), v.value = M(T.value);
+        O.type === "text" && O.content.length === 0 && G.add(O.id);
+      }), $ = $.filter((O) => !G.has(O.id));
+      for (const O of $.filter((B) => B.type === "template"))
+        O.prefix.length === 0 && (O.prefix = h), O.suffix.length === 0 && (O.suffix = b);
+      k($), C.commit(q(T.value)), f.length > 0 && ge(f, o), v.value = P(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}"]`);
+      const o = e[0], r = `[data-id="${o.id}"][data-type="${o.type}"]`, i = e.slice(1).map((f) => `[data-id="${f.id}"][data-type="${f.type}"]`);
       te(() => {
-        var w, E;
-        const p = (w = O.value) == null ? void 0 : w.querySelector(r);
-        if (p)
-          G(p, o.startOffset + n.length);
+        var w, $;
+        const f = (w = E.value) == null ? void 0 : w.querySelector(r);
+        if (f)
+          z(f, 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);
+          for (const G of i) {
+            const O = ($ = E.value) == null ? void 0 : $.querySelector(G);
+            if (O) {
+              z(O, 0);
               break;
             }
           }
@@ -653,10 +650,10 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
           console.warn(`can not find el with selector: ${r}`);
       });
     }, Le = (e) => {
-      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);
+      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 r = d.value[n], i = d.value[o];
+      const r = p.value[n], i = p.value[o];
       if (n === o)
         return [
           {
@@ -666,7 +663,7 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
             endOffset: e.endOffset
           }
         ];
-      const p = [
+      const f = [
         {
           id: r.id,
           type: r.type,
@@ -675,20 +672,20 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
         }
       ];
       for (let w = n + 1; w < o; w++) {
-        const E = d.value[w];
-        p.push({
-          id: E.id,
-          type: E.type,
+        const $ = p.value[w];
+        f.push({
+          id: $.id,
+          type: $.type,
           startOffset: 0,
-          endOffset: E.content.length
+          endOffset: $.content.length
         });
       }
-      return p.push({
+      return f.push({
         id: i.id,
         type: i.type,
         startOffset: 0,
         endOffset: e.endOffset
-      }), p;
+      }), f;
     }, De = (e, n, o, r) => {
       const i = e[0];
       if (i.type !== "prefix" && i.type !== "suffix")
@@ -696,55 +693,55 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
       if (e.length === 1) {
         if (n.collapsed)
           if (n.startOffset === 0) {
-            const p = ae(i, r);
-            return p ? [p] : [];
+            const f = ae(i, r);
+            return f ? [f] : [];
           } else {
-            const p = de(i, r);
-            return p ? [p] : [];
+            const f = de(i, r);
+            return f ? [f] : [];
           }
         if (o.startsWith("insert"))
           if (l) {
-            const p = ae(i, r);
-            return p ? [p] : [];
+            const f = ae(i, r);
+            return f ? [f] : [];
           } else {
-            const p = de(i, r);
-            return p ? [p] : [];
+            const f = de(i, r);
+            return f ? [f] : [];
           }
         if (o.startsWith("delete")) {
           if (o.includes("Backward")) {
-            const p = ae(i, r, 1);
-            return p ? [p] : [];
+            const f = ae(i, r, 1);
+            return f ? [f] : [];
           } else if (o.includes("Forward")) {
-            const p = de(i, r, 1);
-            return p ? [p] : [];
+            const f = de(i, r, 1);
+            return f ? [f] : [];
           }
         }
       }
       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);
+      const r = p.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;
+        const i = p.value[r - 1], { id: f, type: w, content: $ } = i;
         if (w === "text" || w === "template")
           return {
-            id: p,
+            id: f,
             type: w,
-            startOffset: E.length - o,
-            endOffset: E.length
+            startOffset: $.length - o,
+            endOffset: $.length
           };
         if (n.length > 0)
-          return { tag: "new", afterId: p, type: "text", content: n };
+          return { tag: "new", afterId: f, 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 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, 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;
+      const r = p.value.findIndex((i) => i.id === e.id && i.type === e.type);
+      if (r < p.value.length - 1) {
+        const i = p.value[r + 1], { id: f, type: w } = i;
         if (w === "text" || w === "template")
           return {
-            id: p,
+            id: f,
             type: w,
             startOffset: 0,
             endOffset: 0 + o
@@ -759,7 +756,7 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
       se.value = { hasStarted: !0, range: null };
     }, me = (e) => {
       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 };
+      n ? (e.data && J(n.startContainer) && J(n.endContainer) ? (H.set(C.get(), X(n)), ye(e.data)) : n.startId && n.endId ? (H.set(C.get(), X(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);
@@ -769,53 +766,53 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
       !fe && e.ctrlKey && (e.key.toLowerCase() === "y" || e.shiftKey && e.key.toLowerCase() === "z"), r = e.key.toLowerCase() === "enter";
       if (n) {
         e.preventDefault();
-        const i = le(O.value);
-        i && U.set(k.get(), Z(i));
-        const p = k.undo();
-        p && Te(p);
+        const i = le(E.value);
+        i && H.set(C.get(), X(i));
+        const f = C.undo();
+        f && Te(f);
       }
       if (o) {
         e.preventDefault();
-        const i = k.redo();
+        const i = C.redo();
         i && Te(i);
       }
-      r && (e.preventDefault(), K("submit"));
+      r && (e.preventDefault(), A("submit"));
     }, Te = (e) => {
       const { data: n } = ee(e);
-      if (H(n), U.has(e)) {
-        const o = U.get(e);
+      if (k(n), H.has(e)) {
+        const o = H.get(e);
         te(() => {
-          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);
+          const r = E.value.querySelector(`[data-id="${o.startId}"][data-type="${o.startType}"]`), i = E.value.querySelector(`[data-id="${o.endId}"][data-type="${o.endType}"]`);
+          r && z(r, o.startOffset, i, o.endOffset);
         });
       }
-      v.value = M(T.value);
+      v.value = P(T.value);
     }, Re = (e, n) => {
-      var i, p;
-      const o = (i = O.value) == null ? void 0 : i.querySelector(`[data-id="${e}"][data-type="${n}"]`);
+      var i, f;
+      const o = (i = E.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);
+      const r = ((f = o.textContent) == null ? void 0 : f.length) || 0;
+      z(o, r);
     }, Ke = () => {
-      O.value && te(() => {
+      E.value && te(() => {
         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();
+      C.clear(), H.clear();
     }, Oe = () => {
-      if (!O.value || se.value.range)
+      if (!E.value || se.value.range)
         return;
-      const e = le(O.value);
-      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);
+      const e = le(E.value);
+      if (e != null && e.collapsed && R.value.length > 0) {
+        const n = X(e), o = R.value[0];
+        if (n.startEl && n.startId === o.id && n.startOffset === 0 && o.content === _ && o.type === "text") {
+          z(n.startEl, 1);
           return;
         }
-        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);
+        const r = R.value[R.value.length - 1];
+        if (n.endEl && n.endId === r.id && n.endOffset === 1 && r.content === _ && r.type === "text") {
+          z(n.endEl, 0);
           return;
         }
       }
@@ -831,7 +828,7 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
       (m(), I("div", {
         contenteditable: "true",
         ref_key: "editorRef",
-        ref: O,
+        ref: E,
         key: V.value,
         class: "editor",
         onBeforeinput: Ce,
@@ -839,39 +836,39 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
         onCompositionend: me,
         onKeydown: pe
       }, [
-        (m(!0), I(ve, null, Se(P.value, (o) => (m(), Y(Kt, we({
+        (m(!0), I(ve, null, Se(Q.value, (o) => (m(), Y(Kt, we({
           key: `${o.id}-${o.type}`
         }, { ref_for: !0 }, o), null, 16))), 128))
       ], 32))
     ]));
   }
-}), Ft = /* @__PURE__ */ _e(Pt, [["__scopeId", "data-v-5fda773e"]]), Xe = (t, u) => {
+}), Mt = /* @__PURE__ */ _e(Ft, [["__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 C = t.toLowerCase(), h = l.toLowerCase();
+    let d = 0;
+    const _ = t.toLowerCase(), h = l.toLowerCase();
     for (; ; ) {
-      const b = C.indexOf(h, f);
+      const b = _.indexOf(h, d);
       if (b === -1) break;
       a.push({
         start: b,
         end: b + l.length
-      }), f = b + 1;
+      }), d = b + 1;
     }
   }
   if (a.length === 0)
     return [{ text: t, isMatch: !1 }];
-  a.sort((l, f) => l.start - f.start);
+  a.sort((l, d) => l.start - d.start);
   const c = [];
   for (const l of a)
     if (c.length === 0)
       c.push(l);
     else {
-      const f = c[c.length - 1];
-      l.start <= f.end ? f.end = Math.max(f.end, l.end) : c.push(l);
+      const d = c[c.length - 1];
+      l.start <= d.end ? d.end = Math.max(d.end, l.end) : c.push(l);
     }
   const y = [];
   let S = 0;
@@ -887,9 +884,9 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
     text: t.substring(S),
     isMatch: !1
   }), y;
-}, Mt = (t, u) => !u || !t ? [{ text: t, isMatch: !1 }] : Xe(t, [u]), Vt = (t, u) => {
+}, Pt = (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);
+  return typeof c == "function" ? c(a, u) : Array.isArray(c) ? Xe(a, c) : Pt(a, u);
 }, Wt = ["onMouseenter", "onMousedown"], Nt = { class: "suggestion-list__text" }, Ht = /* @__PURE__ */ xe({
   __name: "SuggestionList",
   props: {
@@ -902,11 +899,11 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
   },
   emits: ["select", "mouse-enter", "mouse-leave"],
   setup(t, { emit: u }) {
-    const a = t, c = u, y = A(null), S = (h) => h === a.activeKeyboardIndex || h === a.activeMouseIndex, l = (h) => {
+    const a = t, c = u, y = F(null), S = (h) => h === a.activeKeyboardIndex || h === a.activeMouseIndex, l = (h) => {
       c("mouse-enter", h);
-    }, f = () => {
+    }, d = () => {
       c("mouse-leave");
-    }, C = (h) => {
+    }, _ = (h) => {
       c("select", h);
     };
     return ne(
@@ -926,17 +923,17 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
           class: "suggestion-list",
           style: Je(a.popupStyle)
         }, [
-          (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: ut((V) => C(v.content), ["prevent"])
+          (m(!0), I(ve, null, Se(a.suggestions, (v, A) => (m(), I("div", {
+            key: A,
+            class: oe(["suggestion-list__item", { highlighted: S(A) }]),
+            onMouseenter: (V) => l(A),
+            onMouseleave: d,
+            onMousedown: ut((V) => _(v.content), ["prevent"])
           }, [
-            Q(_(St), { class: "suggestion-list__icon" }),
-            q("span", Nt, [
-              (m(!0), I(ve, null, Se(_(Vt)(v, a.inputValue), (V, F) => (m(), I("span", {
-                key: F,
+            Z(x(St), { class: "suggestion-list__icon" }),
+            U("span", Nt, [
+              (m(!0), I(ve, null, Se(x(Vt)(v, a.inputValue), (V, M) => (m(), I("span", {
+                key: M,
                 class: oe({
                   "suggestion-list__text--match": V.isMatch,
                   "suggestion-list__text--normal": !V.isMatch
@@ -1007,32 +1004,32 @@ const Bt = ["data-id", "data-type"], Lt = ["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(t, { expose: u, emit: a }) {
-    var L;
-    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 D;
+    const c = t, y = a, S = F(null), l = F(null), d = F(null), _ = F(null), h = F(null), b = L(() => c.templateData && c.templateData.length > 0), { inputValue: v, isComposing: A, clearInput: V } = _t(c, y), M = L(() => !!v.value.trim()), P = L(() => {
       var s, g;
-      return !(c.disabled || c.loading || !F.value || be.value || (g = (s = c.buttonGroup) == null ? void 0 : s.submit) != null && g.disabled);
+      return !(c.disabled || c.loading || !M.value || be.value || (g = (s = c.buttonGroup) == null ? void 0 : s.submit) != null && g.disabled);
     }), {
       isPopupVisible: T,
-      activeSuggestion: H,
-      activeKeyboardIndex: x,
-      activeMouseIndex: d,
-      autoCompleteText: P,
-      showTabIndicator: O,
-      syncAutoComplete: z,
+      activeSuggestion: k,
+      activeKeyboardIndex: R,
+      activeMouseIndex: p,
+      autoCompleteText: Q,
+      showTabIndicator: E,
+      syncAutoComplete: q,
       closePopup: ee,
-      applySuggestion: U,
-      confirmSelection: k,
-      navigateWithKeyboard: J,
-      handleMouseEnter: X,
+      applySuggestion: H,
+      confirmSelection: C,
+      navigateWithKeyboard: j,
+      handleMouseEnter: J,
       handleMouseLeave: le
     } = It(
-      B(() => c.suggestions),
+      L(() => c.suggestions),
       v,
-      K,
+      A,
       b,
       (s) => y("update:modelValue", s),
       (s) => y("suggestion-select", s)
-    ), W = A(c.mode), G = A(!1), ye = () => {
+    ), W = F(c.mode), z = F(!1), ye = () => {
       W.value === "single" && (W.value = "multiple", te(() => {
         setTimeout(() => {
           const s = document.querySelector(".tiny-textarea__inner");
@@ -1044,27 +1041,27 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
         }, 50);
       }));
     }, se = (s, g) => {
-      const D = document.createElement("span");
-      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;
+      const K = document.createElement("span");
+      K.style.visibility = "hidden", K.style.position = "absolute", K.style.whiteSpace = "nowrap", K.style.font = g, K.textContent = s, document.body.appendChild(K);
+      const ie = K.offsetWidth;
+      return document.body.removeChild(K), ie;
     }, Ce = () => {
       var Ee, He, Ue;
-      if (c.mode !== "single" || !S.value || G.value || !l.value || !C.value) return;
+      if (c.mode !== "single" || !S.value || z.value || !l.value || !_.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");
+      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"), K = h.value || l.value.querySelector(".tiny-sender__buttons-container");
       if (!g) {
         console.warn("Cannot find input element for overflow check");
         return;
       }
-      const ie = g.getBoundingClientRect(), Pe = D == null ? void 0 : D.getBoundingClientRect();
+      const ie = g.getBoundingClientRect(), Fe = K == null ? void 0 : K.getBoundingClientRect();
       if (ie.width === 0) {
         setTimeout(() => Ce(), 50);
         return;
       }
-      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(() => {
+      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 = (Fe == null ? void 0 : Fe.width) || 0, Ne = et - tt - Ye, nt = We ? 50 : 80;
+      Qe > Ne && Ne > nt && W.value === "single" && (z.value = !0, W.value = "multiple", te(() => {
         S.value ? setTimeout(() => {
           var qe;
           const $e = (qe = l.value) == null ? void 0 : qe.querySelector(".tiny-textarea__inner");
@@ -1073,12 +1070,12 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
             const ze = v.value.length;
             $e.focus(), $e.setSelectionRange(ze, ze);
           }
-          G.value = !1;
-        }, 300) : G.value = !1;
+          z.value = !1;
+        }, 300) : z.value = !1;
       }));
-    }, Z = () => {
-      if (b.value && f.value)
-        p();
+    }, X = () => {
+      if (b.value && d.value)
+        f();
       else if (S.value)
         S.value.focus();
       else {
@@ -1094,9 +1091,9 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
       }
     }, ue = () => {
       var s;
-      y("update:templateData", []), (s = f.value) == null || s.clearHistory(), te(() => {
+      y("update:templateData", []), (s = d.value) == null || s.clearHistory(), te(() => {
         v.value === "" && (W.value = c.mode || "single"), setTimeout(() => {
-          Z();
+          X();
         }, 50);
       });
     }, ge = () => {
@@ -1119,7 +1116,7 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
       },
       { deep: !0 }
     );
-    const De = B(() => {
+    const De = L(() => {
       const s = typeof c.speech == "object" ? c.speech : {};
       return {
         ...s,
@@ -1130,8 +1127,8 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
           if (s.autoReplace)
             v.value = g;
           else {
-            const D = v.value;
-            D && g && !D.endsWith(" ") && !g.startsWith(" ") && D.length > 0 ? v.value = D + " " + g : v.value = D + g;
+            const K = v.value;
+            K && g && !K.endsWith(" ") && !g.startsWith(" ") && K.length > 0 ? v.value = K + " " + g : v.value = K + g;
           }
           y("speech-end", g);
         },
@@ -1141,19 +1138,19 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
       };
     }), { speechState: ae, start: de, stop: Ie } = kt(De.value), me = () => {
       ae.isRecording ? Ie() : de();
-    }, be = B(() => c.maxLength !== 1 / 0 && v.value.length > c.maxLength), { handleKeyPress: fe, triggerSubmit: pe } = Ct(
+    }, be = L(() => c.maxLength !== 1 / 0 && v.value.length > c.maxLength), { handleKeyPress: fe, triggerSubmit: pe } = Ct(
       c,
       y,
       v,
-      K,
+      A,
       ae,
       T,
-      H,
       k,
+      C,
       ee,
-      J,
+      j,
       me,
-      M,
+      P,
       W,
       ye,
       b,
@@ -1162,51 +1159,51 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
       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(() => ({
+    }, Ke = L(() => W.value === "multiple" ? "textarea" : "text"), Ae = dt(), Oe = L(() => !!Ae.decorativeContent), e = L(() => c.disabled || Oe.value), n = L(() => c.loading), o = L(() => ({
       "is-disabled": e.value,
       "is-loading": n.value,
-      "is-auto-switching": G.value
-    })), r = B(() => ({
+      "is-auto-switching": z.value
+    })), r = L(() => ({
       width: xt(c.suggestionPopupWidth),
       maxWidth: "100%"
       // 确保不超出父容器宽度
     })), i = () => {
-      K.value = !1;
+      A.value = !1;
     };
     ne(v, () => {
-      te(Ce), v.value === "" && c.mode === "single" && (W.value = "single"), z();
+      te(Ce), v.value === "" && c.mode === "single" && (W.value = "single"), q();
     }), ne(
       () => b.value,
       (s) => {
         s && (W.value = "multiple");
       }
     );
-    const p = () => {
-      f.value && f.value.activateFirstField();
-    }, { 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) => {
+    const f = () => {
+      d.value && d.value.activateFirstField();
+    }, { accept: w = "*", multiple: $ = !0, reset: G = !0 } = ((D = c.buttonGroup) == null ? void 0 : D.file) || {}, { open: O, files: B } = ht({ accept: w, multiple: $, reset: G });
+    return ne(B, (s) => {
       s && s.length > 0 && y("files-selected", Array.from(s));
     }), u({
-      focus: Z,
+      focus: X,
       blur: ke,
       clear: ge,
       submit: pe,
       startSpeech: de,
       stopSpeech: Ie,
-      activateTemplateFirstField: p
+      activateTemplateFirstField: f
     }), (s, g) => (m(), I("div", {
       ref_key: "senderRef",
       ref: l,
       class: oe(["tiny-sender", [o.value, `theme-${t.theme}`, `mode-${W.value}`]]),
       "data-theme": t.theme
     }, [
-      q("div", zt, [
-        q("div", {
+      U("div", zt, [
+        U("div", {
           class: "tiny-sender__input-wrapper",
           ref_key: "inputWrapperRef",
-          ref: C
+          ref: _
         }, [
-          Q(Ve, { name: "tiny-sender-slide-down" }, {
+          Z(Ve, { name: "tiny-sender-slide-down" }, {
             default: he(() => [
               s.$slots.header ? (m(), I("div", Gt, [
                 re(s.$slots, "header", {}, void 0, !0)
@@ -1214,110 +1211,110 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
             ]),
             _: 3
           }),
-          q("div", {
+          U("div", {
             class: oe(["tiny-sender__input-row", { "has-prefix": s.$slots.prefix, "has-header": s.$slots.header }])
           }, [
             s.$slots.prefix ? (m(), I("div", jt, [
               re(s.$slots, "prefix", {}, void 0, !0)
             ])) : N("", !0),
-            q("div", Jt, [
+            U("div", Jt, [
               s.$slots.decorativeContent ? (m(), I("div", Xt, [
                 re(s.$slots, "decorativeContent", {}, void 0, !0)
               ])) : N("", !0),
-              b.value ? (m(), Y(Ft, {
+              b.value ? (m(), Y(Mt, {
                 key: 1,
                 ref_key: "templateEditorRef",
-                ref: f,
+                ref: d,
                 "model-value": c.templateData,
                 "onUpdate:modelValue": Le,
-                onSubmit: _(pe)
+                onSubmit: x(pe)
               }, null, 8, ["model-value", "onSubmit"])) : (m(), I("div", Zt, [
-                Q(_(pt), {
+                Z(x(pt), {
                   ref_key: "inputRef",
                   ref: S,
                   autosize: t.autoSize,
                   type: Ke.value,
                   resize: "none",
-                  modelValue: _(v),
-                  "onUpdate:modelValue": g[0] || (g[0] = (D) => ft(v) ? v.value = D : null),
+                  modelValue: x(v),
+                  "onUpdate:modelValue": g[0] || (g[0] = (K) => ft(v) ? v.value = K : null),
                   disabled: e.value,
                   placeholder: t.placeholder,
                   autofocus: t.autofocus,
-                  onKeydown: _(fe),
-                  onCompositionstart: g[1] || (g[1] = (D) => K.value = !0),
+                  onKeydown: x(fe),
+                  onCompositionstart: g[1] || (g[1] = (K) => A.value = !0),
                   onCompositionend: i,
                   onFocus: Te,
                   onBlur: Re
                 }, null, 8, ["autosize", "type", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
-                _(P) && !_(K) ? (m(), I("div", Qt, [
-                  q("span", Yt, ce(_(v)), 1),
-                  Ge(ce(_(P)) + " ", 1),
-                  _(O) ? (m(), I("div", en, "TAB")) : N("", !0)
+                x(Q) && !x(A) ? (m(), I("div", Qt, [
+                  U("span", Yt, ce(x(v)), 1),
+                  Ge(ce(x(Q)) + " ", 1),
+                  x(E) ? (m(), I("div", en, "TAB")) : N("", !0)
                 ])) : N("", !0)
               ]))
             ]),
             W.value === "single" ? (m(), I("div", tn, [
-              q("div", {
+              U("div", {
                 class: "tiny-sender__buttons-container",
                 ref_key: "buttonsContainerRef",
                 ref: h
               }, [
                 re(s.$slots, "actions", {}, void 0, !0),
-                Q(je, {
+                Z(je, {
                   "allow-speech": t.allowSpeech,
                   "allow-files": t.allowFiles,
                   loading: t.loading,
                   disabled: e.value,
                   "show-clear": t.clearable,
-                  "has-content": F.value,
-                  "speech-status": _(ae),
+                  "has-content": M.value,
+                  "speech-status": x(ae),
                   "button-group": t.buttonGroup,
                   "submit-type": t.submitType,
                   "is-over-limit": be.value,
                   "stop-text": t.stopText,
                   onClear: ge,
                   onToggleSpeech: me,
-                  onSubmit: _(pe),
-                  onCancel: g[2] || (g[2] = (D) => s.$emit("cancel")),
-                  onTriggerSelect: _(R)
+                  onSubmit: x(pe),
+                  onCancel: g[2] || (g[2] = (K) => s.$emit("cancel")),
+                  onTriggerSelect: x(O)
                 }, 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" }, {
+          Z(Ve, { name: "tiny-sender-slide-up" }, {
             default: he(() => [
               W.value === "multiple" ? (m(), I("div", nn, [
-                q("div", on, [
+                U("div", on, [
                   re(s.$slots, "footer-left", {}, void 0, !0)
                 ]),
-                q("div", sn, [
+                U("div", sn, [
                   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, ce(_(v).length), 1),
+                    U("span", an, ce(x(v).length), 1),
                     Ge("/" + ce(t.maxLength), 1)
                   ], 2)) : N("", !0),
                   W.value === "multiple" ? (m(), I("div", ln, [
-                    q("div", rn, [
-                      Q(je, {
+                    U("div", rn, [
+                      Z(je, {
                         "allow-speech": t.allowSpeech,
                         "allow-files": t.allowFiles,
                         loading: t.loading,
                         disabled: e.value,
                         "show-clear": t.clearable,
-                        "has-content": F.value,
-                        "speech-status": _(ae),
+                        "has-content": M.value,
+                        "speech-status": x(ae),
                         "button-group": t.buttonGroup,
                         "submit-type": t.submitType,
                         "is-over-limit": be.value,
                         "stop-text": t.stopText,
                         onClear: ge,
                         onToggleSpeech: me,
-                        onSubmit: _(pe),
-                        onCancel: g[3] || (g[3] = (D) => s.$emit("cancel")),
-                        onTriggerSelect: _(R)
+                        onSubmit: x(pe),
+                        onCancel: g[3] || (g[3] = (K) => s.$emit("cancel")),
+                        onTriggerSelect: x(O)
                       }, 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)
@@ -1330,16 +1327,16 @@ const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__P
           })
         ], 512)
       ]),
-      Q(Ut, {
-        show: _(T),
+      Z(Ut, {
+        show: x(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)
+        "active-keyboard-index": x(R),
+        "active-mouse-index": x(p),
+        "input-value": x(v),
+        onSelect: x(H),
+        onMouseEnter: x(J),
+        onMouseLeave: x(le)
       }, null, 8, ["show", "suggestions", "popup-style", "active-keyboard-index", "active-mouse-index", "input-value", "onSelect", "onMouseEnter", "onMouseLeave"])
     ], 10, qt));
   }