@opentiny/tiny-robot 0.3.0-alpha.7 → 0.3.0-alpha.8

package/dist/sender/index.js

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