@opentiny/tiny-robot 0.3.0-alpha.1 → 0.3.0-alpha.3

package/dist/sender/index.js

@@ -1,34 +1,34 @@
 import { ref as O, watch as te, reactive as $e, computed as P, nextTick as W, defineComponent as be, createElementBlock as A, openBlock as D, createCommentVNode as H, createBlock as Q, unref as E, withCtx as Y, createVNode as G, normalizeClass as ae, resolveDynamicComponent as it, createElementVNode as U, mergeModels as Fe, useModel as rt, onMounted as ut, useSlots as ct, Transition as ve, renderSlot as se, isRef as Le, createTextVNode as Oe, toDisplayString as le, normalizeStyle as Ie, Fragment as Ae, renderList as Me, withModifiers as dt } from "vue";
 import { I as ft } from "../index5.js";
-import { g as z, i as pt, t as ht } from "../utils.js";
+import { g as z, i as pt, t as mt } from "../utils.js";
 import { B as fe } from "../index3.js";
 import { T as Ve } from "../index4.js";
-import { i as mt } from "../close.js";
-import { d as gt, k as vt, P as yt, h as bt, H as Ct, i as St } from "../tiny-robot-svgs.js";
+import { i as ht } from "../close.js";
+import { o as gt, H as vt, g as yt, F as bt, X as Ct, s as St } from "../tiny-robot-svgs.js";
 function wt(t, y) {
-  const m = O(t.modelValue || t.defaultValue || ""), o = O(null);
+  const h = O(t.modelValue || t.defaultValue || ""), o = O(null);
   te(
     () => t.modelValue,
     (f) => {
-      f !== void 0 && f !== m.value && (m.value = f);
+      f !== void 0 && f !== h.value && (h.value = f);
     }
   ), te(
-    () => m.value,
+    () => h.value,
     (f) => {
       y("update:modelValue", f);
     }
   );
   const x = (f) => {
-    m.value = f, y("update:modelValue", f);
+    h.value = f, y("update:modelValue", f);
   }, u = (f) => {
     f == null || f.preventDefault();
-    const p = m.value;
+    const p = h.value;
     !t.disabled && !t.loading && p.trim() && y("submit", p);
   }, i = () => {
-    m.value = "", y("update:modelValue", ""), y("clear");
+    h.value = "", y("update:modelValue", ""), y("clear");
   }, r = O(!1);
   return {
-    inputValue: m,
+    inputValue: h,
     inputWrapper: o,
     isComposing: r,
     handleChange: x,
@@ -40,73 +40,73 @@ function wt(t, y) {
   };
 }
 const Pe = "​", ee = (t) => t.split("").every((y) => y === Pe), J = (t) => t.replace(/\u200B/g, ""), ye = () => document.createTextNode(Pe), Et = (t) => {
-  const y = t.textContent || "", m = J(y);
-  return !m || m.trim() === "";
+  const y = t.textContent || "", h = J(y);
+  return !h || h.trim() === "";
 }, Be = (t) => {
   const y = t.nextSibling;
   if (y && y.nodeType === Node.TEXT_NODE && ee(y.textContent || ""))
     return;
-  const m = ye();
-  t.parentNode && t.parentNode.insertBefore(m, t.nextSibling);
+  const h = ye();
+  t.parentNode && t.parentNode.insertBefore(h, t.nextSibling);
 }, _t = (t) => {
-  Array.from(t.childNodes).forEach((m) => {
-    if (m.nodeType === Node.TEXT_NODE && ee(m.textContent || "")) {
-      const o = m.previousSibling;
-      o && o.nodeType === Node.ELEMENT_NODE && o.classList.contains("template-field") || m.parentNode && m.parentNode.removeChild(m);
+  Array.from(t.childNodes).forEach((h) => {
+    if (h.nodeType === Node.TEXT_NODE && ee(h.textContent || "")) {
+      const o = h.previousSibling;
+      o && o.nodeType === Node.ELEMENT_NODE && o.classList.contains("template-field") || h.parentNode && h.parentNode.removeChild(h);
     }
   });
 };
-function Tt(t, y, m, o, x, u, i, r, c, f, p, a, b, L) {
-  const _ = (h) => !(t.disabled || t.loading || h.trim().length === 0 || a.value), v = () => {
-    _(m.value) && y("submit", m.value.trim());
-  }, R = (h, $) => {
-    if (!(h.key === "Enter")) return !1;
+function Tt(t, y, h, o, x, u, i, r, c, f, p, a, b, L) {
+  const _ = (m) => !(t.disabled || t.loading || m.trim().length === 0 || a.value), v = () => {
+    _(h.value) && y("submit", h.value.trim());
+  }, R = (m, $) => {
+    if (!(m.key === "Enter")) return !1;
     switch ($) {
       case "enter":
-        return !h.shiftKey && !h.ctrlKey && !h.metaKey;
+        return !m.shiftKey && !m.ctrlKey && !m.metaKey;
       case "ctrlEnter":
-        return (h.ctrlKey || h.metaKey) && !h.shiftKey;
+        return (m.ctrlKey || m.metaKey) && !m.shiftKey;
       case "shiftEnter":
-        return h.shiftKey && !h.ctrlKey && !h.metaKey;
+        return m.shiftKey && !m.ctrlKey && !m.metaKey;
       default:
         return !1;
     }
   };
   return {
-    handleKeyPress: (h) => {
+    handleKeyPress: (m) => {
       if (o.value) return;
-      if (h.key === "Enter" && h.shiftKey && (b == null ? void 0 : b.value) === "single" && L) {
-        h.preventDefault(), L();
-        const V = h.target, K = V.selectionStart, C = m.value;
-        m.value = C.substring(0, K) + `
+      if (m.key === "Enter" && m.shiftKey && (b == null ? void 0 : b.value) === "single" && L) {
+        m.preventDefault(), L();
+        const V = m.target, K = V.selectionStart, C = h.value;
+        h.value = C.substring(0, K) + `
 ` + C.substring(K), setTimeout(() => {
           V.selectionStart = V.selectionEnd = K + 1;
         }, 0);
         return;
       }
-      if (h.key === "Tab" && u.value && i.value) {
-        h.preventDefault(), r();
+      if (m.key === "Tab" && u.value && i.value) {
+        m.preventDefault(), r();
         return;
       }
       if (u.value) {
-        if (h.key === "ArrowDown") {
-          h.preventDefault(), f("down");
+        if (m.key === "ArrowDown") {
+          m.preventDefault(), f("down");
           return;
         }
-        if (h.key === "ArrowUp") {
-          h.preventDefault(), f("up");
+        if (m.key === "ArrowUp") {
+          m.preventDefault(), f("up");
           return;
         }
-        if (h.key === "Enter" && i.value) {
-          h.preventDefault(), r();
+        if (m.key === "Enter" && i.value) {
+          m.preventDefault(), r();
           return;
         }
       }
-      if (h.key === "Escape") {
-        u.value ? (c(), h.preventDefault()) : x.isRecording && (p(), h.preventDefault()), y("escape-press");
+      if (m.key === "Escape") {
+        u.value ? (c(), m.preventDefault()) : x.isRecording && (p(), m.preventDefault()), y("escape-press");
         return;
       }
-      R(h, t.submitType) && _(m.value) && (h.preventDefault(), v());
+      R(m, t.submitType) && _(h.value) && (m.preventDefault(), v());
     },
     triggerSubmit: v
   };
@@ -136,33 +136,33 @@ function Nt(t) {
         }
       if (v) {
         u.preventDefault();
-        const w = document.createRange(), h = z(r);
-        return h && (R === "before" ? w.setStartBefore(v) : R === "after" ? w.setStartAfter(v) : (w.selectNodeContents(v), w.collapse(u.key === "ArrowLeft")), h.removeAllRanges(), h.addRange(w)), !0;
+        const w = document.createRange(), m = z(r);
+        return m && (R === "before" ? w.setStartBefore(v) : R === "after" ? w.setStartAfter(v) : (w.selectNodeContents(v), w.collapse(u.key === "ArrowLeft")), m.removeAllRanges(), m.addRange(w)), !0;
       }
     }
     if (p.nodeType === Node.ELEMENT_NODE && p.classList.contains("template-field")) {
       const R = p.textContent || "", w = J(R);
       if (!w || w.trim() === "") {
         u.preventDefault();
-        const h = document.createRange(), $ = z(r);
+        const m = document.createRange(), $ = z(r);
         if (!$) return !0;
         if (u.key === "ArrowLeft")
-          h.setStartBefore(p);
+          m.setStartBefore(p);
         else {
           const V = p.nextSibling;
-          V && V.nodeType === Node.TEXT_NODE && ee(V.textContent || "") ? (h.setStart(V, 0), h.setEnd(V, 0)) : h.setStartAfter(p);
+          V && V.nodeType === Node.TEXT_NODE && ee(V.textContent || "") ? (m.setStart(V, 0), m.setEnd(V, 0)) : m.setStartAfter(p);
         }
-        return h.collapse(!0), $.removeAllRanges(), $.addRange(h), !0;
+        return m.collapse(!0), $.removeAllRanges(), $.addRange(m), !0;
       }
     }
     if (p.nodeType === Node.TEXT_NODE && ee(p.textContent || "")) {
       const v = p.previousSibling, R = p.nextSibling;
       u.preventDefault();
-      const w = document.createRange(), h = z(r);
-      return h && (u.key === "ArrowLeft" ? v && v.nodeType === Node.ELEMENT_NODE && v.classList.contains("template-field") ? (w.selectNodeContents(v), w.collapse(!1)) : w.setStartBefore(p) : R ? R.nodeType === Node.ELEMENT_NODE && R.classList.contains("template-field") ? (w.selectNodeContents(R), w.collapse(!0)) : pt(r) ? (w.setStart(R, 1), w.collapse(!0)) : w.setStartAfter(p) : w.setStartAfter(p), h.removeAllRanges(), h.addRange(w)), !0;
+      const w = document.createRange(), m = z(r);
+      return m && (u.key === "ArrowLeft" ? v && v.nodeType === Node.ELEMENT_NODE && v.classList.contains("template-field") ? (w.selectNodeContents(v), w.collapse(!1)) : w.setStartBefore(p) : R ? R.nodeType === Node.ELEMENT_NODE && R.classList.contains("template-field") ? (w.selectNodeContents(R), w.collapse(!0)) : pt(r) ? (w.setStart(R, 1), w.collapse(!0)) : w.setStartAfter(p) : w.setStartAfter(p), m.removeAllRanges(), m.addRange(w)), !0;
     }
     return !1;
-  }, m = (u, i, r) => {
+  }, h = (u, i, r) => {
     if (!i.collapsed) return !1;
     const { startContainer: c, startOffset: f } = i;
     if (c.nodeType === Node.TEXT_NODE && ee(c.textContent || "")) {
@@ -175,8 +175,8 @@ function Nt(t) {
           b.parentNode && b.parentNode.removeChild(b), c.parentNode && c.parentNode.removeChild(c);
           const w = z(r);
           if (w) {
-            const h = document.createRange();
-            v ? v.nodeType === Node.ELEMENT_NODE && v.classList.contains("template-field") ? (h.selectNodeContents(v), h.collapse(!1)) : v.nodeType === Node.TEXT_NODE && ee(v.textContent || "") ? (h.setStart(v, 0), h.setEnd(v, 0)) : h.setStartAfter(v) : R ? h.setStartBefore(R) : h.setStart(r, 0), h.collapse(!0), w.removeAllRanges(), w.addRange(h);
+            const m = document.createRange();
+            v ? v.nodeType === Node.ELEMENT_NODE && v.classList.contains("template-field") ? (m.selectNodeContents(v), m.collapse(!1)) : v.nodeType === Node.TEXT_NODE && ee(v.textContent || "") ? (m.setStart(v, 0), m.setEnd(v, 0)) : m.setStartAfter(v) : R ? m.setStartBefore(R) : m.setStart(r, 0), m.collapse(!0), w.removeAllRanges(), w.addRange(m);
           }
           return t.handleInput(), !0;
         } else {
@@ -240,7 +240,7 @@ function Nt(t) {
         u.preventDefault(), t.onSubmit(t.getValueFromDOM());
         return;
       }
-      (u.key === "ArrowLeft" || u.key === "ArrowRight") && !u.shiftKey && y(u, c, i) || u.key === "Backspace" && m(u, c, i) || u.key === "Delete" && o(u, c, i);
+      (u.key === "ArrowLeft" || u.key === "ArrowRight") && !u.shiftKey && y(u, c, i) || u.key === "Backspace" && h(u, c, i) || u.key === "Delete" && o(u, c, i);
     }
   };
 }
@@ -249,33 +249,33 @@ function xt(t) {
     isRecording: !1,
     isSupported: typeof window < "u" && "webkitSpeechRecognition" in window || "SpeechRecognition" in window,
     error: void 0
-  }), m = y.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
-  m !== void 0 && (m.continuous = t.continuous ?? !1, m.interimResults = t.interimResults ?? !0, m.lang = t.lang ?? navigator.language, m.onstart = () => {
+  }), h = y.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
+  h !== void 0 && (h.continuous = t.continuous ?? !1, h.interimResults = t.interimResults ?? !0, h.lang = t.lang ?? navigator.language, h.onstart = () => {
     var i;
     y.isRecording = !0, y.error = void 0, (i = t.onStart) == null || i.call(t);
-  }, m.onend = () => {
+  }, h.onend = () => {
     var i;
     y.isRecording = !1, (i = t.onEnd) == null || i.call(t);
-  }, m.onresult = (i) => {
+  }, h.onresult = (i) => {
     var c, f;
     const r = Array.from(i.results).map((p) => p[0].transcript).join("");
     i.results[0].isFinal ? (c = t.onFinal) == null || c.call(t, r) : (f = t.onInterim) == null || f.call(t, r);
-  }, m.onerror = (i) => {
+  }, h.onerror = (i) => {
     var r;
     y.error = new Error(i.error), y.isRecording = !1, (r = t.onError) == null || r.call(t, y.error);
   });
   const o = () => {
     var i;
-    if (!m) {
+    if (!h) {
       const r = new Error("浏览器不支持语音识别");
       y.error = r, (i = t.onError) == null || i.call(t, r);
       return;
     }
     if (y.isRecording) {
       try {
-        m.stop(), setTimeout(() => {
+        h.stop(), setTimeout(() => {
           try {
-            m.start();
+            h.start();
           } catch (r) {
             u(r);
           }
@@ -286,14 +286,14 @@ function xt(t) {
       return;
     }
     try {
-      m.start();
+      h.start();
     } catch (r) {
       u(r);
     }
   }, x = () => {
-    if (m && y.isRecording)
+    if (h && y.isRecording)
       try {
-        m.stop();
+        h.stop();
       } catch (i) {
         u(i);
       }
@@ -310,10 +310,10 @@ function xt(t) {
 const kt = (t, y) => {
   if (!y || !t)
     return [{ text: t, isMatch: !1 }];
-  const m = t.toLowerCase(), o = y.toLowerCase(), x = [];
+  const h = t.toLowerCase(), o = y.toLowerCase(), x = [];
   let u = 0;
-  for (; u < m.length; ) {
-    const f = m.indexOf(o, u);
+  for (; u < h.length; ) {
+    const f = h.indexOf(o, u);
     if (f === -1) break;
     x.push({
       start: f,
@@ -345,10 +345,10 @@ const kt = (t, y) => {
     isMatch: !1
   }), r;
 };
-function Rt(t, y, m, o) {
+function Rt(t, y, h, o) {
   const x = O(!1), u = O(-1), i = O(-1), r = O(""), c = O(!1), f = O(null), p = O(!1), a = O(null), b = P(() => {
-    if (!t.suggestions || !m.value || t.template) return [];
-    const e = m.value.toLowerCase();
+    if (!t.suggestions || !h.value || t.template) return [];
+    const e = h.value.toLowerCase();
     return t.suggestions.filter((l) => l.toLowerCase().includes(e));
   }), L = P(() => {
     let e = -1;
@@ -359,19 +359,19 @@ function Rt(t, y, m, o) {
       return;
     }
     const l = e || L.value;
-    l && m.value && l.toLowerCase().startsWith(m.value.toLowerCase()) ? (r.value = l.substring(m.value.length), c.value = !0) : (r.value = "", c.value = !1);
+    l && h.value && l.toLowerCase().startsWith(h.value.toLowerCase()) ? (r.value = l.substring(h.value.length), c.value = !0) : (r.value = "", c.value = !1);
   }, R = () => {
     x.value = !1, u.value = -1, i.value = -1, a.value = null, r.value = "", c.value = !1;
   }, w = () => {
     x.value = !0, u.value = -1, i.value = -1, a.value = null, v();
-  }, h = () => {
+  }, m = () => {
     o.value || p.value || W(() => {
-      m.value && t.suggestions && t.suggestions.length > 0 && !t.template && b.value.length > 0 ? w() : R();
+      h.value && t.suggestions && t.suggestions.length > 0 && !t.template && b.value.length > 0 ? w() : R();
     });
   };
-  te(m, h), te(() => t.suggestions, h);
+  te(h, m), te(() => t.suggestions, m);
   const $ = (e) => {
-    p.value = !0, m.value = e, y("update:modelValue", e), y("suggestion-select", e), K(), W(() => {
+    p.value = !0, h.value = e, y("update:modelValue", e), y("suggestion-select", e), K(), W(() => {
       p.value = !1;
     });
   }, V = () => {
@@ -388,7 +388,7 @@ function Rt(t, y, m, o) {
     activeSuggestion: L,
     isItemHighlighted: _,
     updateCompletionPlaceholder: v,
-    updateSuggestionsState: h,
+    updateSuggestionsState: m,
     selectSuggestion: $,
     acceptCurrentSuggestion: V,
     closeSuggestionsPopup: K,
@@ -445,7 +445,7 @@ const Dt = { class: "action-buttons" }, Ft = {
   },
   emits: ["clear", "toggle-speech", "submit", "cancel"],
   setup(t, { emit: y }) {
-    const m = mt(), o = t, x = y, u = P(() => o.allowSpeech), i = P(() => o.speechStatus.isRecording), r = P(() => o.disabled), c = P(() => r.value || o.isOverLimit), f = P(() => o.allowFiles || o.allowSpeech || o.showClear), p = () => {
+    const h = ht(), o = t, x = y, u = P(() => o.allowSpeech), i = P(() => o.speechStatus.isRecording), r = P(() => o.disabled), c = P(() => r.value || o.isOverLimit), f = P(() => o.allowFiles || o.allowSpeech || o.showClear), p = () => {
       r.value || x("clear");
     }, a = () => {
       if (!r.value) {
@@ -514,7 +514,7 @@ const Dt = { class: "action-buttons" }, Ft = {
               onClick: p
             }, {
               default: Y(() => [
-                (D(), Q(it(E(m)), { class: "action-buttons__icon action-buttons__icon--close" }))
+                (D(), Q(it(E(h)), { class: "action-buttons__icon action-buttons__icon--close" }))
               ]),
               _: 1
             }, 8, ["disabled"])
@@ -550,7 +550,7 @@ const Dt = { class: "action-buttons" }, Ft = {
   }
 });
 function It(t, y) {
-  const m = O(!1), o = $e({ ...y }), x = (e) => {
+  const h = O(!1), o = $e({ ...y }), x = (e) => {
     Object.assign(o, e);
   }, u = (e) => {
     const l = [];
@@ -608,11 +608,11 @@ function It(t, y) {
     document.body.removeChild(s);
     const M = n ? 1.5 : 2, j = T / I, B = Math.max(M, Math.ceil(j));
     e.style.setProperty("min-width", `${B}em`, "important");
-    const X = 20;
-    B > X ? (e.style.setProperty("max-width", `${X}em`, "important"), e.style.setProperty("white-space", "normal", "important"), e.style.setProperty("word-break", "break-word", "important")) : e.style.removeProperty("max-width");
+    const q = 20;
+    B > q ? (e.style.setProperty("max-width", `${q}em`, "important"), e.style.setProperty("white-space", "normal", "important"), e.style.setProperty("word-break", "break-word", "important")) : e.style.removeProperty("max-width");
   }, a = (e) => {
     const n = (e === void 0 ? i() : e).trim().length > 0;
-    m.value !== n && (m.value = n, o.onContentStatusChange(n));
+    h.value !== n && (h.value = n, o.onContentStatusChange(n));
   }, b = (e, l = "inside", n = !1) => {
     W(() => {
       const s = z(t.value);
@@ -681,10 +681,10 @@ function It(t, y) {
         }), s += I.content.length, g++) : T = !1;
       else {
         let M = "";
-        const j = e.find((B, X) => X > g && B.type === "text");
+        const j = e.find((B, q) => q > g && B.type === "text");
         if (j) {
-          const B = l.substring(s), X = B.indexOf(j.content);
-          X !== -1 ? (M = B.substring(0, X), s += M.length) : T = !1;
+          const B = l.substring(s), q = B.indexOf(j.content);
+          q !== -1 ? (M = B.substring(0, q), s += M.length) : T = !1;
         } else
           M = l.substring(s), s = l.length;
         if (T) {
@@ -720,10 +720,10 @@ function It(t, y) {
     });
   }, w = () => {
     if (o.isComposing) return;
-    $(), C(), h(), S();
+    $(), C(), m(), S();
     const e = i();
     e !== o.value && (o.onValueChange(e), o.onInput(e)), a(e), e === "" && t.value && Array.from(t.value.childNodes).every((n) => n.nodeType === Node.ELEMENT_NODE && n.classList.contains("template-field") ? Et(n) : !!(n.nodeType === Node.TEXT_NODE && ee(n.textContent || ""))) && $();
-  }, h = () => {
+  }, m = () => {
     if (!t.value) return;
     _t(t.value), t.value.querySelectorAll(".template-field").forEach((l) => {
       Be(l);
@@ -789,7 +789,7 @@ function It(t, y) {
   };
   return {
     // 状态
-    hasContent: m,
+    hasContent: h,
     // 解析和DOM操作
     parseTemplateToParts: u,
     getValueFromDOM: i,
@@ -845,8 +845,8 @@ const At = /* @__PURE__ */ be({
     valueModifiers: {}
   }),
   emits: /* @__PURE__ */ Fe(["input", "content-status", "submit", "focus", "blur", "empty-content"], ["update:value"]),
-  setup(t, { expose: y, emit: m }) {
-    const o = rt(t, "value"), x = t, u = m, i = O(null), r = O(""), c = O({}), f = O(!1), p = O(!1), a = It(i, {
+  setup(t, { expose: y, emit: h }) {
+    const o = rt(t, "value"), x = t, u = h, i = O(null), r = O(""), c = O({}), f = O(!1), p = O(!1), a = It(i, {
       template: r.value,
       value: o.value,
       initialValues: c.value,
@@ -873,8 +873,8 @@ const At = /* @__PURE__ */ be({
       onSubmit: (C) => u("submit", C)
     }), L = (C, S) => {
       let N = C;
-      return Object.entries(S).forEach(([q, e]) => {
-        const l = `[${q}]`;
+      return Object.entries(S).forEach(([X, e]) => {
+        const l = `[${X}]`;
         N = N.replace(new RegExp(l.replace(/[[\]]/g, "\\$&"), "g"), e);
       }), N;
     }, _ = (C) => {
@@ -893,21 +893,21 @@ const At = /* @__PURE__ */ be({
     }, R = () => {
       p.value = !1, a.handleInput();
     }, w = (C) => {
-      var q;
+      var X;
       if (!i.value) return;
       const S = C.target;
       let N = null;
-      if (S.classList.contains("template-field") ? N = S : (q = S.parentElement) != null && q.classList.contains("template-field") && (N = S.parentElement), N && (!N.textContent || N.textContent.trim() === "")) {
+      if (S.classList.contains("template-field") ? N = S : (X = S.parentElement) != null && X.classList.contains("template-field") && (N = S.parentElement), N && (!N.textContent || N.textContent.trim() === "")) {
         const e = z(i.value), l = document.createRange();
         e && (l.selectNodeContents(N), l.collapse(!0), e.removeAllRanges(), e.addRange(l), N.focus(), C.preventDefault(), C.stopPropagation());
       }
-    }, h = (C) => {
+    }, m = (C) => {
       if (typeof ShadowRoot.prototype.getSelection != "function")
         return;
       C.preventDefault();
       const S = C.clipboardData;
       if (!S) return;
-      const N = S.getData("text/html"), q = S.getData("text/plain");
+      const N = S.getData("text/html"), X = S.getData("text/plain");
       if (N) {
         const e = document.createElement("div");
         e.innerHTML = N;
@@ -920,8 +920,8 @@ const At = /* @__PURE__ */ be({
           T.backgroundColor.toLowerCase().includes("0.05") || T.backgroundColor.toLowerCase().includes("0.08")), B = T.borderRadius === "4px" || T.padding === "3px 8px" || T.margin === "0px 2px" || T.whiteSpace === "nowrap";
           if (I || M || j || B) {
             if (n = !0, g.className = "template-field", !g.getAttribute("data-placeholder")) {
-              const X = a.extractPlaceholderFromElement(g);
-              X && g.setAttribute("data-placeholder", X);
+              const q = a.extractPlaceholderFromElement(g);
+              q && g.setAttribute("data-placeholder", q);
             }
             g.removeAttribute("style");
           }
@@ -930,16 +930,16 @@ const At = /* @__PURE__ */ be({
           return;
         }
       }
-      q && V(q);
+      X && V(X);
     }, $ = (C) => {
       const S = z(i.value);
       if (S && S.rangeCount > 0) {
         const N = S.getRangeAt(0);
         N.deleteContents();
-        const q = document.createDocumentFragment();
+        const X = document.createDocumentFragment();
         for (; C.firstChild; )
-          q.appendChild(C.firstChild);
-        N.insertNode(q), N.collapse(!1), S.removeAllRanges(), S.addRange(N), K();
+          X.appendChild(C.firstChild);
+        N.insertNode(X), N.collapse(!1), S.removeAllRanges(), S.addRange(N), K();
       }
     }, V = (C) => {
       const S = z(i.value);
@@ -1018,7 +1018,7 @@ const At = /* @__PURE__ */ be({
       onCompositionend: R,
       onFocus: S[2] || (S[2] = (N) => C.$emit("focus", N)),
       onBlur: S[3] || (S[3] = (N) => C.$emit("blur", N)),
-      onPaste: h
+      onPaste: m
     }, null, 544));
   }
 }), Mt = ["data-theme"], Vt = { class: "tiny-sender__container" }, Bt = {
@@ -1036,7 +1036,7 @@ const At = /* @__PURE__ */ be({
 }, Kt = {
   key: 0,
   class: "tiny-sender__completion-placeholder"
-}, qt = { class: "user-input-mirror" }, Xt = {
+}, Xt = { class: "user-input-mirror" }, qt = {
   key: 0,
   class: "tiny-sender__tab-hint"
 }, zt = {
@@ -1077,20 +1077,20 @@ const At = /* @__PURE__ */ be({
     templateInitialValues: { default: () => ({}) }
   },
   emits: ["update:modelValue", "submit", "clear", "speech-start", "speech-end", "speech-interim", "speech-error", "suggestion-select", "focus", "blur", "escape-press", "cancel", "reset-template"],
-  setup(t, { expose: y, emit: m }) {
-    const o = t, x = m, u = O(null), i = O(null), r = O(null), c = O(null), f = O(null), p = O(!1), { inputValue: a, isComposing: b, clearInput: L } = wt(o, x), {
+  setup(t, { expose: y, emit: h }) {
+    const o = t, x = h, u = O(null), i = O(null), r = O(null), c = O(null), f = O(null), p = O(!1), { inputValue: a, isComposing: b, clearInput: L } = wt(o, x), {
       showSuggestionsPopup: _,
       completionPlaceholder: v,
       showTabHint: R,
       suggestionsListRef: w,
-      filteredSuggestions: h,
+      filteredSuggestions: m,
       activeSuggestion: $,
       isItemHighlighted: V,
       updateSuggestionsState: K,
       selectSuggestion: C,
       acceptCurrentSuggestion: S,
       closeSuggestionsPopup: N,
-      navigateSuggestions: q,
+      navigateSuggestions: X,
       handleSuggestionItemHover: e,
       handleSuggestionItemLeave: l,
       highlightSuggestionText: n
@@ -1153,7 +1153,7 @@ const At = /* @__PURE__ */ be({
           j();
         }, 50);
       });
-    }, X = () => {
+    }, q = () => {
       var d;
       L(), p.value ? B() : (d = i.value) == null || d.focus(), W(() => {
         a.value === "" && (s.value = o.mode || "single");
@@ -1166,7 +1166,7 @@ const At = /* @__PURE__ */ be({
       p.value = !0, W(() => {
         r.value && r.value.setTemplate({ template: d, initialValues: k });
       });
-    }, qe = P(() => {
+    }, Xe = P(() => {
       const d = typeof o.speech == "object" ? o.speech : {};
       return {
         ...d,
@@ -1186,9 +1186,9 @@ const At = /* @__PURE__ */ be({
           et(k.message), x("speech-error", k);
         }
       };
-    }), { speechState: ie, start: Se, stop: we } = xt(qe.value), he = () => {
+    }), { speechState: ie, start: Se, stop: we } = xt(Xe.value), me = () => {
       ie.isRecording ? we() : Se();
-    }, re = P(() => o.maxLength !== 1 / 0 && a.value.length > o.maxLength), { handleKeyPress: Xe, triggerSubmit: me } = Tt(
+    }, re = P(() => o.maxLength !== 1 / 0 && a.value.length > o.maxLength), { handleKeyPress: qe, triggerSubmit: he } = Tt(
       o,
       x,
       a,
@@ -1198,13 +1198,13 @@ const At = /* @__PURE__ */ be({
       $,
       S,
       N,
-      q,
-      he,
+      X,
+      me,
       re,
       s,
       T
     ), ze = (d) => {
-      x("focus", d), a.value && h.value.length > 0 && !o.template && (_.value = !0, R.value = !0);
+      x("focus", d), a.value && m.value.length > 0 && !o.template && (_.value = !0, R.value = !0);
     }, je = (d) => {
       x("blur", d), N();
     }, Ue = P(() => s.value === "multiple" ? "textarea" : "text"), Ze = P(
@@ -1219,7 +1219,7 @@ const At = /* @__PURE__ */ be({
       "has-error": !!oe.value,
       "is-auto-switching": g.value
     })), Ye = P(() => ({
-      width: ht(o.suggestionPopupWidth),
+      width: mt(o.suggestionPopupWidth),
       maxWidth: "100%"
       // 确保不超出父容器宽度
     })), oe = O(""), et = (d) => {
@@ -1246,8 +1246,8 @@ const At = /* @__PURE__ */ be({
           d == null || d.blur();
         }
       },
-      clear: X,
-      submit: me,
+      clear: q,
+      submit: he,
       startSpeech: Se,
       stopSpeech: we,
       activateTemplateFirstField: Ce,
@@ -1303,16 +1303,16 @@ const At = /* @__PURE__ */ be({
                   disabled: ue.value,
                   placeholder: d.placeholder,
                   autofocus: d.autofocus,
-                  onKeydown: E(Xe),
+                  onKeydown: E(qe),
                   onCompositionstart: k[2] || (k[2] = (F) => b.value = !0),
                   onCompositionend: tt,
                   onFocus: ze,
                   onBlur: je
                 }, null, 8, ["autosize", "type", "readonly", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
                 E(v) && !E(b) ? (D(), A("div", Kt, [
-                  U("span", qt, le(E(a)), 1),
+                  U("span", Xt, le(E(a)), 1),
                   Oe(le(E(v)) + " ", 1),
-                  E(R) ? (D(), A("div", Xt, "TAB")) : H("", !0)
+                  E(R) ? (D(), A("div", qt, "TAB")) : H("", !0)
                 ])) : H("", !0)
               ]))
             ]),
@@ -1333,9 +1333,9 @@ const At = /* @__PURE__ */ be({
                   "speech-status": E(ie),
                   "submit-type": d.submitType,
                   "is-over-limit": re.value,
-                  onClear: X,
-                  onToggleSpeech: he,
-                  onSubmit: E(me),
+                  onClear: q,
+                  onToggleSpeech: me,
+                  onSubmit: E(he),
                   onCancel: k[3] || (k[3] = (F) => d.$emit("cancel"))
                 }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "is-over-limit", "onSubmit"])
               ], 512)
@@ -1372,9 +1372,9 @@ const At = /* @__PURE__ */ be({
                         "speech-status": E(ie),
                         "submit-type": d.submitType,
                         "is-over-limit": re.value,
-                        onClear: X,
-                        onToggleSpeech: he,
-                        onSubmit: E(me),
+                        onClear: q,
+                        onToggleSpeech: me,
+                        onSubmit: E(he),
                         onCancel: k[4] || (k[4] = (F) => d.$emit("cancel"))
                       }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "is-over-limit", "onSubmit"])
                     ])
@@ -1390,14 +1390,14 @@ const At = /* @__PURE__ */ be({
       ]),
       G(ve, { name: "tiny-sender-slide-up" }, {
         default: Y(() => [
-          E(_) && E(h).length ? (D(), A("div", {
+          E(_) && E(m).length ? (D(), A("div", {
             key: 0,
             ref_key: "suggestionsListRef",
             ref: w,
             class: "tiny-sender__suggestions",
             style: Ie(Ye.value)
           }, [
-            (D(!0), A(Ae, null, Me(E(h), (F, ne) => (D(), A("div", {
+            (D(!0), A(Ae, null, Me(E(m), (F, ne) => (D(), A("div", {
               key: ne,
               class: ae(["suggestion-item", { highlighted: E(V)(ne) }]),
               onMouseenter: (Z) => E(e)(ne),