@opentiny/tiny-robot 0.3.1-alpha.5 → 0.3.1-alpha.7

package/dist/sender/index.js

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