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

package/dist/sender/index.js

@@ -1,1482 +1,8 @@
-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;
+import e from "../chat-input/index.js";
+import { u as a } from "../index2.js";
+const r = e;
+r.name = "TrSender";
 export {
-  De as default
+  r as default,
+  a as useSenderContext
 };