@opentiny/tiny-robot 0.5.2-alpha.8 → 0.5.2-beta.0

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/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, a 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
 };