@opentiny/tiny-robot 0.5.2-alpha.16 → 0.5.2-alpha.18

package/dist/anchor/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, ref as _, computed as g, watch as F, openBlock as M, createElementBlock as R, normalizeClass as pe, createElementVNode as D, renderSlot as L, Fragment as W, renderList as ye, toDisplayString as te, createTextVNode as Te, createCommentVNode as re, createBlock as xe, createSlots as ne, withCtx as P, mergeProps as ae, useSlots as Ae, normalizeStyle as be, onBeforeUnmount as oe, nextTick as ke, useAttrs as Ce, toRefs as Me, unref as E, createVNode as se, normalizeProps as ue, guardReactiveProps as de } from "vue";
+import { defineComponent as G, ref as _, computed as g, watch as F, openBlock as M, createElementBlock as R, normalizeClass as pe, createElementVNode as D, renderSlot as L, Fragment as W, renderList as ye, toDisplayString as te, createTextVNode as Te, createCommentVNode as re, createBlock as xe, createSlots as ne, withCtx as P, mergeProps as ae, useSlots as Ae, normalizeStyle as ke, onBeforeUnmount as oe, nextTick as be, useAttrs as Ce, toRefs as Me, unref as E, createVNode as se, normalizeProps as ue, guardReactiveProps as de } from "vue";
 import { h as Ee, i as _e, g as V, j as he } from "../index4.js";
 import { _ as Y } from "../_plugin-vue_export-helper.js";
 const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"], we = { class: "tr-anchor__marker-slot" }, Re = { class: "tr-anchor__item-content" }, Le = {
@@ -38,24 +38,24 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
     function y(p) {
       return !!(p && p.scrollWidth > p.clientWidth);
     }
-    function b() {
+    function k() {
       var p;
       return ((p = h.value) == null ? void 0 : p.querySelector(".tr-anchor__item-label")) ?? null;
     }
     function S() {
-      n.value = l.expanded && r.value && y(b());
+      n.value = l.expanded && r.value && y(k());
     }
     function I() {
       s(), n.value = !1, !(!l.expanded || !r.value) && c();
     }
-    function k() {
+    function b() {
       s(), n.value = !1;
     }
     function $() {
       r.value = !0, I();
     }
     function H() {
-      r.value = !1, k();
+      r.value = !1, b();
     }
     function A(p) {
       p.propertyName === "max-width" && r.value && S();
@@ -64,7 +64,7 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
       () => l.expanded,
       (p) => {
         if (!p) {
-          k();
+          b();
           return;
         }
         r.value && I();
@@ -118,7 +118,7 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
       ], 40, He)
     ], 10, Oe));
   }
-}), Be = /* @__PURE__ */ Y($e, [["__scopeId", "data-v-f39ebac0"]]), Ne = {
+}), Be = /* @__PURE__ */ Y($e, [["__scopeId", "data-v-667ce12a"]]), Ne = {
   class: "tr-anchor__list",
   role: "list"
 }, De = {
@@ -173,7 +173,7 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
       ]), 1032, ["entry", "active-id", "expanded", "highlighted", "placement", "tooltip-delay"]))), 128))
     ]));
   }
-}), Qe = /* @__PURE__ */ Y(Fe, [["__scopeId", "data-v-ff2e0912"]]), Pe = {
+}), Qe = /* @__PURE__ */ Y(Fe, [["__scopeId", "data-v-bd4f2cd0"]]), Pe = {
   key: 0,
   class: "tr-anchor__search-cap"
 }, Ue = { class: "tr-anchor__surface" }, Ke = /* @__PURE__ */ G({
@@ -203,7 +203,7 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
       ref_key: "hostEl",
       ref: i,
       class: pe(c.value),
-      style: be(s.value)
+      style: ke(s.value)
     }, [
       D("div", {
         ref_key: "overlayEl",
@@ -227,7 +227,7 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
       ], 512)
     ], 6));
   }
-}), qe = /* @__PURE__ */ Y(Ke, [["__scopeId", "data-v-276fbba1"]]), ze = ["value", "placeholder", "aria-label"], Ve = /* @__PURE__ */ G({
+}), qe = /* @__PURE__ */ Y(Ke, [["__scopeId", "data-v-ed3e7e50"]]), ze = ["value", "placeholder", "aria-label"], Ve = /* @__PURE__ */ G({
   name: "AnchorSearch",
   __name: "AnchorSearch",
   props: {
@@ -307,16 +307,16 @@ function Ze(e) {
       var t;
       return (t = f.value.find((u) => u.item.id === e.activeId.value)) == null ? void 0 : t.item.id;
     }
-  ), b = g(() => {
+  ), k = g(() => {
     var t;
     return h.value && i.value && f.value.some((u) => u.item.id === i.value) ? i.value : y.value ?? ((t = f.value[0]) == null ? void 0 : t.item.id);
   }), S = g(() => {
     if (!f.value.length)
       return 0;
-    const t = f.value.findIndex((u) => u.item.id === b.value);
+    const t = f.value.findIndex((u) => u.item.id === k.value);
     return t === -1 ? 0 : t;
-  }), I = g(() => b.value);
-  function k() {
+  }), I = g(() => k.value);
+  function b() {
     h.value = !1, i.value = void 0;
   }
   function $(t) {
@@ -330,7 +330,7 @@ function Ze(e) {
   function A(t) {
     var v;
     if (!f.value.length) {
-      k();
+      b();
       return;
     }
     const u = Math.max(0, Math.min(t, f.value.length - 1));
@@ -347,20 +347,20 @@ function Ze(e) {
     f,
     (t) => {
       if (!t.length) {
-        k();
+        b();
         return;
       }
       if (y.value) {
-        k();
+        b();
         return;
       }
-      h.value && i.value && t.some((u) => u.item.id === i.value) || k();
+      h.value && i.value && t.some((u) => u.item.id === i.value) || b();
     },
     { immediate: !0, flush: "sync" }
   ), F(
     () => e.activeId.value,
     (t) => {
-      t && k();
+      t && b();
     },
     { immediate: !0, flush: "sync" }
   ), {
@@ -433,7 +433,7 @@ function Xe(e) {
   function y() {
     d(), f();
   }
-  function b(o) {
+  function k(o) {
     return o instanceof HTMLElement ? o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement || o.isContentEditable : !1;
   }
   function S(o) {
@@ -448,7 +448,7 @@ function Xe(e) {
     const t = Number.parseFloat(window.getComputedStyle(o).scrollMarginTop || "0");
     return Number.isFinite(t) ? t : 0;
   }
-  function k() {
+  function b() {
     var Q, K;
     const o = le(e.container.value);
     if (!o)
@@ -506,7 +506,7 @@ function Xe(e) {
     if (o.defaultPrevented || o.altKey || o.ctrlKey || o.metaKey)
       return;
     const t = (u = e.host) == null ? void 0 : u.value;
-    t && o.target instanceof Node && t.contains(o.target) || b(o.target) || ["ArrowDown", "ArrowUp", "PageDown", "PageUp", "Home", "End", " "].includes(o.key) && y();
+    t && o.target instanceof Node && t.contains(o.target) || k(o.target) || ["ArrowDown", "ArrowUp", "PageDown", "PageUp", "Home", "End", " "].includes(o.key) && y();
   }
   return F(
     () => {
@@ -521,7 +521,7 @@ function Xe(e) {
   }), {
     activeId: n,
     scrollTo: $,
-    sync: k,
+    sync: b,
     clearPendingScroll: d,
     releaseSelectionLock: y,
     handleUserScrollIntent: H,
@@ -555,12 +555,12 @@ function et(e) {
       a.value = 0;
       return;
     }
-    const f = d.getBoundingClientRect(), y = s.getBoundingClientRect(), b = c.getBoundingClientRect().height || 0;
-    if (!y.height || !b) {
+    const f = d.getBoundingClientRect(), y = s.getBoundingClientRect(), k = c.getBoundingClientRect().height || 0;
+    if (!y.height || !k) {
       a.value = 0;
       return;
     }
-    const S = y.top - f.top, I = y.bottom - f.top, $ = S + y.height / 2 - b / 2, H = S + 24, A = Math.max(H, I - b - 24);
+    const S = y.top - f.top, I = y.bottom - f.top, $ = S + y.height / 2 - k / 2, H = S + 24, A = Math.max(H, I - k - 24);
     a.value = Math.max(H, Math.min($, A));
   }
   return {
@@ -584,7 +584,7 @@ function ot(e) {
     return n instanceof HTMLElement ? n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement || n.isContentEditable : !1;
   }
   function l() {
-    ke(() => {
+    be(() => {
       var s, d;
       const n = e.highlightedId.value, c = (s = e.overlay.value) == null ? void 0 : s.navEl;
       !n || !c || (d = rt(c, n)) == null || d.focus();
@@ -689,16 +689,16 @@ const j = /* @__PURE__ */ G({
       expanded: d,
       items: f,
       placement: y,
-      searchOptions: b,
+      searchOptions: k,
       searchQuery: S,
       scrollContainer: I,
-      targetFeedbackClass: k,
+      targetFeedbackClass: b,
       targetFeedbackDuration: $,
       tooltipDelay: H
     } = Me(l), A = _(null), p = g(() => {
       var m;
       return ((m = A.value) == null ? void 0 : m.hostEl) ?? null;
-    }), o = g(() => b.value), t = g(() => o.value ?? {});
+    }), o = g(() => k.value), t = g(() => o.value ?? {});
     function u(m) {
       const O = I.value;
       return O ? ge(O, m) ?? null : ge(document, m) ?? null;
@@ -717,7 +717,7 @@ const j = /* @__PURE__ */ G({
       expanded: d,
       expandTrigger: s,
       searchQuery: S,
-      searchOptions: b,
+      searchOptions: k,
       onUpdateExpanded: (m) => i("update:expanded", m),
       onUpdateSearchQuery: (m) => i("update:searchQuery", m)
     }), U = g(() => v.value.length > 0), Q = g(() => !!o.value && x.expanded.value), K = g(() => s.value === "hover"), C = g(() => le(I.value)), w = et({
@@ -725,7 +725,7 @@ const j = /* @__PURE__ */ G({
       host: p
     }), J = ct({
       resolveTarget: u,
-      feedbackClass: k,
+      feedbackClass: b,
       feedbackDuration: $
     });
     function z(m) {

package/dist/bubble/index.js

@@ -1,15 +1,16 @@
-import { B as a, a as b, b as u, c as r, d as l, e as n, f as t, g as B, h as o, i as d, j as i, k as g } from "../index6.js";
+import { B as b, a, b as r, c as u, d as l, e as n, f as t, g as B, h as o, i as d, j as i, k as R, l as g } from "../index6.js";
 export {
-  a as Bubble,
-  b as BubbleList,
-  u as BubbleProvider,
-  r as BubbleRendererMatchPriority,
+  b as Bubble,
+  a as BubbleList,
+  r as BubbleProvider,
+  u as BubbleRendererMatchPriority,
   l as BubbleRenderers,
   n as useBubbleBoxRenderer,
   t as useBubbleContentRenderer,
-  B as useBubbleEventFn,
-  o as useBubbleStateChangeFn,
-  d as useMessageContent,
-  i as useOmitMessageFields,
+  B as useBubbleErrorRenderer,
+  o as useBubbleEventFn,
+  d as useBubbleStateChangeFn,
+  i as useMessageContent,
+  R as useOmitMessageFields,
   g as useToolCall
 };

package/dist/container/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as g, useModel as c, computed as w, withDirectives as C, openBlock as B, createElementBlock as y, normalizeClass as I, createElementVNode as e, renderSlot as l, toDisplayString as z, createVNode as u, unref as i, vShow as E, mergeModels as d } from "vue";
+import { defineComponent as g, useModel as c, computed as C, withDirectives as w, openBlock as B, createElementBlock as y, normalizeClass as I, createElementVNode as e, renderSlot as r, toDisplayString as z, createVNode as u, unref as i, vShow as E, mergeModels as d } from "vue";
 import { IconExitFullScreen as S, IconEnterFullScreen as $, IconClose as k } from "@opentiny/tiny-robot-svgs";
 import f from "../icon-button/index.js";
 import { _ as M } from "../_plugin-vue_export-helper.js";
@@ -16,26 +16,26 @@ const T = { class: "tr-container__header" }, b = { class: "tr-container__title"
   }),
   emits: /* @__PURE__ */ d(["close"], ["update:show", "update:fullscreen"]),
   setup(o, { emit: p }) {
-    const m = o, a = c(o, "show"), t = c(o, "fullscreen"), v = w(() => t.value ? S : $), _ = p, h = () => {
+    const m = o, a = c(o, "show"), n = c(o, "fullscreen"), v = C(() => n.value ? S : $), _ = p, h = () => {
       a.value = !1, _("close");
     };
-    return (n, s) => C((B(), y("div", {
-      class: I(["tr-container", { fullscreen: t.value }])
+    return (s, l) => w((B(), y("div", {
+      class: I(["tr-container", { fullscreen: n.value }])
     }, [
-      s[1] || (s[1] = e("div", { class: "tr-container__dragging-bar-wrapper" }, [
+      l[1] || (l[1] = e("div", { class: "tr-container__dragging-bar-wrapper" }, [
         e("div", { class: "tr-container__dragging-bar" })
       ], -1)),
       e("div", T, [
-        l(n.$slots, "title", {}, () => [
+        r(s.$slots, "title", {}, () => [
           e("h3", b, z(m.title), 1)
         ], !0),
         e("div", N, [
-          l(n.$slots, "operations", {}, void 0, !0),
+          r(s.$slots, "operations", {}, void 0, !0),
           u(i(f), {
             size: "28",
             "svg-size": "20",
             icon: v.value,
-            onClick: s[0] || (s[0] = (q) => t.value = !t.value)
+            onClick: l[0] || (l[0] = (q) => n.value = !n.value)
           }, null, 8, ["icon"]),
           u(i(f), {
             size: "28",
@@ -45,20 +45,21 @@ const T = { class: "tr-container__header" }, b = { class: "tr-container__title"
           }, null, 8, ["icon"])
         ])
       ]),
-      l(n.$slots, "default", {}, void 0, !0),
+      r(s.$slots, "default", {}, void 0, !0),
       e("div", D, [
-        l(n.$slots, "footer", {}, void 0, !0)
+        r(s.$slots, "footer", {}, void 0, !0)
       ])
     ], 2)), [
       [E, a.value]
     ]);
   }
-}), r = /* @__PURE__ */ M(F, [["__scopeId", "data-v-8bd84c90"]]);
-r.name = "TrContainer";
+}), t = /* @__PURE__ */ M(F, [["__scopeId", "data-v-8bd84c90"]]);
+t.name = "TrContainer";
 const V = function(o) {
-  o.component(r.name, r);
+  o.component(t.name, t);
 };
-r.install = V;
+t.install = V;
+const A = t;
 export {
-  r as default
+  A as default
 };

package/dist/dropdown-menu/index.js

@@ -1,80 +1,80 @@
-import { ref as k, onUnmounted as T, watch as C, defineComponent as E, useModel as H, computed as p, openBlock as w, createBlock as I, unref as X, withCtx as y, createElementVNode as j, createElementBlock as _, Fragment as D, renderList as L, toDisplayString as Y, renderSlot as O, mergeModels as M } from "vue";
-import { w as S, u as b, o as $ } from "../index4.js";
-import { B as A } from "../index8.js";
-import { u as F } from "../utils.js";
-import { _ as G } from "../_plugin-vue_export-helper.js";
-const P = (o, t) => o.x >= t.left && o.x <= t.right && o.y >= t.top && o.y <= t.bottom, N = (o, t, g = !1) => {
+import { ref as M, onUnmounted as K, watch as H, defineComponent as S, useModel as U, computed as _, watchEffect as X, openBlock as b, createBlock as j, unref as L, withCtx as A, createElementVNode as O, createElementBlock as T, Fragment as Y, renderList as $, toDisplayString as q, renderSlot as F, mergeModels as P, nextTick as B } from "vue";
+import { w as G, u as C, o as N } from "../index4.js";
+import { B as V } from "../index8.js";
+import { u as z } from "../utils.js";
+import { _ as J } from "../_plugin-vue_export-helper.js";
+const I = (n, t) => n.x >= t.left && n.x <= t.right && n.y >= t.top && n.y <= t.bottom, Q = (n, t, k = !1) => {
   if (t.length < 3) return !1;
-  const l = o.x, f = o.y;
-  let d = !1;
-  const r = (s, c, a, n, i, e) => {
-    const m = (i - a) * (c - n) - (e - n) * (s - a);
-    if (Math.abs(m) > 1e-10) return !1;
-    const u = Math.min(a, i), h = Math.max(a, i), x = Math.min(n, e), B = Math.max(n, e);
-    return s >= u && s <= h && c >= x && c <= B;
+  const s = n.x, g = n.y;
+  let h = !1;
+  const o = (i, a, u, r, l, c) => {
+    const w = (l - u) * (a - r) - (c - r) * (i - u);
+    if (Math.abs(w) > 1e-10) return !1;
+    const d = Math.min(u, l), p = Math.max(u, l), v = Math.min(r, c), e = Math.max(r, c);
+    return i >= d && i <= p && a >= v && a <= e;
   };
-  for (let s = 0, c = t.length - 1; s < t.length; c = s++) {
-    const a = t[s].x, n = t[s].y, i = t[c].x, e = t[c].y;
-    if (g && r(l, f, a, n, i, e))
+  for (let i = 0, a = t.length - 1; i < t.length; a = i++) {
+    const u = t[i].x, r = t[i].y, l = t[a].x, c = t[a].y;
+    if (k && o(s, g, u, r, l, c))
       return !0;
-    if (n > f && e <= f || e > f && n <= f) {
-      const u = (i - a) * (f - n) / (e - n) + a;
-      l < u && (d = !d);
+    if (r > g && c <= g || c > g && r <= g) {
+      const d = (l - u) * (g - r) / (c - r) + u;
+      s < d && (h = !h);
     }
   }
-  return d;
-}, U = (o, t) => t.bottom < o.top ? [
-  { x: o.left, y: o.top },
-  { x: o.right, y: o.top },
+  return h;
+}, W = (n, t) => t.bottom < n.top ? [
+  { x: n.left, y: n.top },
+  { x: n.right, y: n.top },
   { x: t.right, y: t.bottom },
   { x: t.left, y: t.bottom }
-] : t.top > o.bottom ? [
-  { x: o.left, y: o.bottom },
-  { x: o.right, y: o.bottom },
+] : t.top > n.bottom ? [
+  { x: n.left, y: n.bottom },
+  { x: n.right, y: n.bottom },
   { x: t.right, y: t.top },
   { x: t.left, y: t.top }
-] : [], { x: V, y: q } = F(), z = (o, t, g) => {
-  const { delayEnter: l = 0, delayLeave: f = 0 } = g || {}, d = k(!1), r = k("outside");
-  let s = null;
-  const c = () => {
-    s && (clearTimeout(s), s = null);
+] : [], { x: Z, y: R } = z(), ee = (n, t, k) => {
+  const { delayEnter: s = 0, delayLeave: g = 0 } = k || {}, h = M(!1), o = M("outside");
+  let i = null;
+  const a = () => {
+    i && (clearTimeout(i), i = null);
   };
-  T(() => {
-    c();
+  K(() => {
+    a();
   });
-  const a = (n) => {
-    const i = n ? l : f;
-    c(), i ? s = setTimeout(() => d.value = n, i) : d.value = n;
+  const u = (r) => {
+    const l = r ? s : g;
+    a(), l ? i = setTimeout(() => h.value = r, l) : h.value = r;
   };
-  return C(
-    r,
-    (n) => {
-      ["trigger", "popper", "polygon"].includes(n) ? a(!0) : a(!1);
+  return H(
+    o,
+    (r) => {
+      ["trigger", "popper", "polygon"].includes(r) ? u(!0) : u(!1);
     },
     { immediate: !0 }
-  ), S(
-    [V, q],
-    ([n, i]) => {
-      const e = b(o), m = b(t), u = e == null ? void 0 : e.getBoundingClientRect(), h = m == null ? void 0 : m.getBoundingClientRect();
-      if (u && P({ x: n, y: i }, u)) {
-        r.value = "trigger";
+  ), G(
+    [Z, R],
+    ([r, l]) => {
+      const c = C(n), w = C(t), d = c == null ? void 0 : c.getBoundingClientRect(), p = w == null ? void 0 : w.getBoundingClientRect();
+      if (d && I({ x: r, y: l }, d)) {
+        o.value = "trigger";
         return;
       }
-      if (h && P({ x: n, y: i }, h)) {
-        r.value = "popper";
+      if (p && I({ x: r, y: l }, p)) {
+        o.value = "popper";
         return;
       }
-      if (!u || !h || u.width === 0 || u.height === 0 || h.width === 0 || h.height === 0) {
-        r.value = "outside";
+      if (!d || !p || d.width === 0 || d.height === 0 || p.width === 0 || p.height === 0) {
+        o.value = "outside";
         return;
       }
-      N({ x: n, y: i }, U(u, h), !0) ? r.value = "polygon" : r.value = "outside";
+      Q({ x: r, y: l }, W(d, p), !0) ? o.value = "polygon" : o.value = "outside";
     },
     { throttle: 10 }
-  ), d;
-}, J = { class: "tr-dropdown-menu__list" }, K = ["onClick"], Q = /* @__PURE__ */ E({
+  ), h;
+}, te = ["onClick"], ne = /* @__PURE__ */ S({
   __name: "index",
-  props: /* @__PURE__ */ M({
+  props: /* @__PURE__ */ P({
     appendTo: {},
     items: {},
     show: { type: Boolean },
@@ -83,77 +83,121 @@ const P = (o, t) => o.x >= t.left && o.x <= t.right && o.y >= t.top && o.y <= t.
     show: { type: Boolean, default: !1 },
     showModifiers: {}
   }),
-  emits: /* @__PURE__ */ M(["item-click", "click-outside"], ["update:show"]),
-  setup(o, { expose: t, emit: g }) {
-    const l = o, f = g, d = H(o, "show"), r = p({
-      get: () => l.trigger === "manual" ? l.show : d.value,
+  emits: /* @__PURE__ */ P(["item-click", "click-outside"], ["update:show"]),
+  setup(n, { expose: t, emit: k }) {
+    const s = n, g = k, h = U(n, "show"), o = _({
+      get: () => s.trigger === "manual" ? s.show : h.value,
       set: (e) => {
-        l.trigger !== "manual" && (d.value = e);
+        s.trigger !== "manual" && (h.value = e);
       }
-    }), s = k(null), c = p(() => {
+    }), i = M(null), a = _(() => {
       var e;
-      return (e = s.value) == null ? void 0 : e.triggerRef;
-    }), a = p(() => {
+      return (e = i.value) == null ? void 0 : e.triggerRef;
+    }), u = _(() => {
       var e;
-      return (e = s.value) == null ? void 0 : e.popperRef;
+      return (e = i.value) == null ? void 0 : e.popperRef;
     });
-    if (l.trigger === "click" || l.trigger === "manual")
-      $(
-        a,
+    if (X(() => {
+      const e = a.value;
+      e && (e.setAttribute("aria-haspopup", "menu"), e.setAttribute("aria-expanded", String(!!o.value)));
+    }), s.trigger === "click" || s.trigger === "manual")
+      N(
+        u,
         (e) => {
-          f("click-outside", e), r.value = !1;
+          g("click-outside", e), o.value = !1;
         },
-        { ignore: [c] }
+        { ignore: [a] }
       );
-    else if (l.trigger === "hover") {
-      const e = z(c, a, { delayEnter: 100, delayLeave: 100 });
-      C(e, (m) => {
-        r.value = m;
+    else if (s.trigger === "hover") {
+      const e = ee(a, u, { delayEnter: 100, delayLeave: 100 });
+      H(e, (f) => {
+        o.value = f;
       });
     }
-    const n = () => {
-      l.trigger === "click" && (r.value = !r.value);
-    }, i = (e) => {
-      r.value = !1, f("item-click", e);
+    const r = () => {
+      s.trigger === "click" && (o.value = !o.value);
+    }, l = async () => {
+      var e;
+      await B(), o.value || (e = a.value) == null || e.focus();
+    }, c = () => {
+      var e;
+      return Array.from(((e = u.value) == null ? void 0 : e.querySelectorAll('[role="menuitem"]')) || []);
+    }, w = async (e) => {
+      var m;
+      await B();
+      const f = c();
+      (m = f[e === "first" ? 0 : f.length - 1]) == null || m.focus();
+    }, d = (e) => {
+      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+        if (s.trigger === "manual" && !o.value) return;
+        e.preventDefault(), s.trigger !== "manual" && (o.value = !0), w(e.key === "ArrowDown" ? "first" : "last");
+      } else (e.key === "Enter" || e.key === " ") && s.trigger !== "manual" ? (e.preventDefault(), o.value = !0, w("first")) : e.key === "Escape" && o.value && (e.preventDefault(), o.value = !1);
+    }, p = (e) => {
+      var E, D;
+      const f = c(), m = f.indexOf(document.activeElement);
+      if (e.key === "Tab") {
+        s.trigger !== "manual" && (o.value = !1);
+        return;
+      }
+      if (e.key === "Escape") {
+        e.preventDefault(), o.value = !1, l();
+        return;
+      }
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault(), (E = f[m]) == null || E.click();
+        return;
+      }
+      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) || f.length === 0) return;
+      e.preventDefault();
+      let y = m;
+      e.key === "Home" && (y = 0), e.key === "End" && (y = f.length - 1), e.key === "ArrowDown" && (y = m < f.length - 1 ? m + 1 : 0), e.key === "ArrowUp" && (y = m > 0 ? m - 1 : f.length - 1), (D = f[y]) == null || D.focus();
+    }, v = (e) => {
+      o.value = !1, g("item-click", e), l();
     };
     return t({
       update: () => {
         var e;
-        (e = s.value) == null || e.update();
+        (e = i.value) == null || e.update();
       }
-    }), (e, m) => (w(), I(X(A), {
-      show: r.value,
+    }), (e, f) => (b(), j(L(V), {
+      show: o.value,
       class: "tr-dropdown-menu",
       ref_key: "basePopperRef",
-      ref: s,
+      ref: i,
       placement: "top-left",
-      "append-to": l.appendTo,
+      "append-to": s.appendTo,
       offset: 8,
       "transition-props": { name: "tr-dropdown-menu" },
       "prevent-overflow": !0,
-      "trigger-events": { onClick: n }
+      "trigger-events": { onClick: r, onKeydown: d }
     }, {
-      trigger: y(() => [
-        O(e.$slots, "trigger", {}, void 0, !0)
+      trigger: A(() => [
+        F(e.$slots, "trigger", {}, void 0, !0)
       ]),
-      content: y(() => [
-        j("ul", J, [
-          (w(!0), _(D, null, L(l.items, (u) => (w(), _("li", {
+      content: A(() => [
+        O("ul", {
+          class: "tr-dropdown-menu__list",
+          role: "menu",
+          onKeydown: p
+        }, [
+          (b(!0), T(Y, null, $(s.items, (m) => (b(), T("li", {
             class: "tr-dropdown-menu__list-item",
-            key: u.id,
-            onClick: (h) => i(u)
-          }, Y(u.text), 9, K))), 128))
-        ])
+            key: m.id,
+            role: "menuitem",
+            tabindex: "-1",
+            onClick: (y) => v(m)
+          }, q(m.text), 9, te))), 128))
+        ], 32)
       ]),
       _: 3
     }, 8, ["show", "append-to", "trigger-events"]));
   }
-}), v = /* @__PURE__ */ G(Q, [["__scopeId", "data-v-6fc07009"]]);
-v.name = "TrDropdownMenu";
-const W = function(o) {
-  o.component(v.name, v);
+}), x = /* @__PURE__ */ J(ne, [["__scopeId", "data-v-0d296a61"]]);
+x.name = "TrDropdownMenu";
+const oe = function(n) {
+  n.component(x.name, x);
 };
-v.install = W;
+x.install = oe;
 export {
-  v as default
+  x as default
 };