@opentiny/tiny-robot 0.3.0-rc.5 → 0.3.0

package/dist/index2.js

@@ -1,53 +1,53 @@
-import { ref as y, onMounted as ee, onBeforeUnmount as te, defineComponent as N, createElementBlock as r, openBlock as s, createElementVNode as R, createVNode as b, unref as n, toDisplayString as B, mergeModels as K, useModel as W, computed as x, normalizeStyle as ne, Fragment as O, renderList as V, createBlock as Q, resolveDynamicComponent as oe, nextTick as ie, normalizeClass as S, withDirectives as j, createCommentVNode as U, withKeys as q, withModifiers as A, isRef as se, vModelText as le, vShow as re } from "vue";
-import { IconEmptySearch as ae, IconEditPen as ue, IconDelete as ce, IconCheck as de, IconClose as me, IconMenu2 as fe } from "@opentiny/tiny-robot-svgs";
-import { _ as P } from "./_plugin-vue_export-helper.js";
-import { o as X, a as pe, d as ve, c as _e } from "./index3.js";
-import { t as G } from "./utils.js";
-const D = y(!1);
-let T = 0, $;
-function ge() {
-  const i = window.matchMedia("(hover: none) and (pointer: coarse)"), m = () => {
-    D.value = i.matches;
+import { ref as _, onMounted as ne, onBeforeUnmount as oe, defineComponent as P, createElementBlock as a, openBlock as r, createElementVNode as w, createVNode as $, unref as n, toDisplayString as B, mergeModels as W, useModel as j, computed as I, normalizeStyle as ie, Fragment as S, renderList as V, createBlock as H, resolveDynamicComponent as Y, nextTick as se, normalizeClass as U, withDirectives as q, createCommentVNode as G, renderSlot as A, withKeys as F, withModifiers as J, isRef as le, vModelText as re, vShow as ae } from "vue";
+import { IconEmptySearch as ue, IconEditPen as ce, IconDelete as de, IconCheck as me, IconClose as fe, IconMenu2 as pe } from "@opentiny/tiny-robot-svgs";
+import { _ as z } from "./_plugin-vue_export-helper.js";
+import { o as Z, a as ve, d as ge, c as ye } from "./index3.js";
+import { t as O } from "./utils.js";
+const D = _(!1);
+let T = 0, b;
+function _e() {
+  const s = window.matchMedia("(hover: none) and (pointer: coarse)"), m = () => {
+    D.value = s.matches;
   };
-  m(), i.addEventListener("change", m);
+  m(), s.addEventListener("change", m);
   const t = (c) => {
     D.value = c.pointerType !== "mouse";
   };
   return window.addEventListener("pointerdown", t, !0), () => {
-    i.removeEventListener("change", m), window.removeEventListener("pointerdown", t, !0);
+    s.removeEventListener("change", m), window.removeEventListener("pointerdown", t, !0);
   };
 }
-function ye() {
-  $ == null || $(), $ = void 0;
-}
 function he() {
+  b == null || b(), b = void 0;
+}
+function Ce() {
   return typeof window > "u" ? {
     isTouchDevice: D
-  } : (ee(() => {
-    T++, T === 1 && ($ = ge());
-  }), te(() => {
-    T = Math.max(0, T - 1), T === 0 && ye();
+  } : (ne(() => {
+    T++, T === 1 && (b = _e());
+  }), oe(() => {
+    T = Math.max(0, T - 1), T === 0 && he();
   }), {
     isTouchDevice: D
   });
 }
-const Ce = { class: "tr-history__empty" }, ke = { class: "tr-history__empty-icon" }, Le = { class: "tr-history__empty-text" }, Ee = /* @__PURE__ */ N({
+const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon" }, Ee = { class: "tr-history__empty-text" }, we = /* @__PURE__ */ P({
   __name: "Empty",
   props: {
     text: { default: "暂无内容" }
   },
-  setup(i) {
-    const m = i;
-    return (t, c) => (s(), r("div", Ce, [
-      R("span", ke, [
-        b(n(ae))
+  setup(s) {
+    const m = s;
+    return (t, c) => (r(), a("div", ke, [
+      w("span", Le, [
+        $(n(ue))
       ]),
-      R("span", Le, B(m.text), 1)
+      w("span", Ee, B(m.text), 1)
     ]));
   }
-}), we = /* @__PURE__ */ P(Ee, [["__scopeId", "data-v-d0340c39"]]), Re = ["onClick"], F = 4, xe = /* @__PURE__ */ N({
+}), Re = /* @__PURE__ */ z(we, [["__scopeId", "data-v-d0340c39"]]), Ie = ["onClick"], Q = 4, xe = /* @__PURE__ */ P({
   __name: "MenuList",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ W({
     items: {},
     menuListGap: { default: 8 }
   }, {
@@ -56,10 +56,10 @@ const Ce = { class: "tr-history__empty" }, ke = { class: "tr-history__empty-icon
     data: { default: null },
     dataModifiers: {}
   }),
-  emits: /* @__PURE__ */ K(["item-click"], ["update:trigger", "update:data"]),
-  setup(i, { emit: m }) {
-    const t = W(i, "trigger"), c = W(i, "data"), h = i, C = m, E = y(null);
-    X(
+  emits: /* @__PURE__ */ W(["item-click"], ["update:trigger", "update:data"]),
+  setup(s, { emit: m }) {
+    const t = j(s, "trigger"), c = j(s, "data"), h = s, C = m, E = _(null);
+    Z(
       E,
       () => {
         t.value = null, c.value = null;
@@ -68,73 +68,73 @@ const Ce = { class: "tr-history__empty" }, ke = { class: "tr-history__empty-icon
         ignore: [t]
       }
     );
-    const { top: p, bottom: I, left: g } = pe(t), { width: M, height: k } = ve(E, void 0, { box: "border-box" }), { height: w } = _e(), o = x(() => {
+    const { top: p, bottom: x, left: y } = ve(t), { width: M, height: k } = ge(E, void 0, { box: "border-box" }), { height: R } = ye(), o = I(() => {
       const L = {
-        left: `min(${G(g.value)}, calc(100% - ${G(M.value + F)}))`
-      }, _ = I.value + h.menuListGap;
-      return _ + k.value + F > w.value ? L.bottom = `calc(100% - ${G(p.value - h.menuListGap)})` : L.top = G(_), L;
+        left: `min(${O(y.value)}, calc(100% - ${O(M.value + Q)}))`
+      }, g = x.value + h.menuListGap;
+      return g + k.value + Q > R.value ? L.bottom = `calc(100% - ${O(p.value - h.menuListGap)})` : L.top = O(g), L;
     }), v = (L) => {
       C("item-click", L), t.value = null, c.value = null;
     };
-    return (L, _) => (s(), r("ul", {
+    return (L, g) => (r(), a("ul", {
       class: "tr-history__menu-list",
       ref_key: "menuRef",
       ref: E,
-      style: ne(o.value)
+      style: ie(o.value)
     }, [
-      (s(!0), r(O, null, V(h.items, (a) => (s(), r("li", {
+      (r(!0), a(S, null, V(h.items, (u) => (r(), a("li", {
         class: "tr-history__menu-list__item",
-        key: a.id,
-        onClick: (z) => v(a)
+        key: u.id,
+        onClick: (K) => v(u)
       }, [
-        (s(), Q(oe(a.icon))),
-        R("span", null, B(a.text), 1)
-      ], 8, Re))), 128))
+        (r(), H(Y(u.icon))),
+        w("span", null, B(u.text), 1)
+      ], 8, Ie))), 128))
     ], 4));
   }
-}), Ie = /* @__PURE__ */ P(xe, [["__scopeId", "data-v-c8365732"]]), Me = ({
-  renameControlOnClickOutside: i,
+}), Me = /* @__PURE__ */ z(xe, [["__scopeId", "data-v-89fdb41c"]]), Te = ({
+  renameControlOnClickOutside: s,
   onItemTitleChange: m
 }) => {
-  const t = y(void 0), c = y(null), h = x(() => {
+  const t = _(void 0), c = _(null), h = I(() => {
     var o;
     return (o = c.value) == null ? void 0 : o.at(0);
-  }), C = y(null), E = x(() => {
+  }), C = _(null), E = I(() => {
     var o;
     return (o = C.value) == null ? void 0 : o.at(0);
-  }), p = y(null), I = x(() => {
+  }), p = _(null), x = I(() => {
     var o;
     return (o = p.value) == null ? void 0 : o.at(0);
-  }), g = y(""), M = (o) => {
-    t.value = o, g.value = o.title, ie(() => {
+  }), y = _(""), M = (o) => {
+    t.value = o, y.value = o.title, se(() => {
       const v = h.value;
       v && (v.focus(), v.select());
     });
   }, k = () => {
-    t.value = void 0, g.value = "";
-  }, w = () => {
-    t.value && m(g.value, t.value), t.value = void 0, g.value = "";
+    t.value = void 0, y.value = "";
+  }, R = () => {
+    t.value && m(y.value, t.value), t.value = void 0, y.value = "";
   };
-  return (i === "confirm" || i === "cancel") && X(
+  return (s === "confirm" || s === "cancel") && Z(
     h,
     () => {
-      i === "confirm" ? w() : k();
+      s === "confirm" ? R() : k();
     },
-    { ignore: [E, I] }
+    { ignore: [E, x] }
   ), {
     editingItem: t,
     editorRefList: c,
     editorConfirmRefList: C,
     editorCancelRefList: p,
-    editorValue: g,
+    editorValue: y,
     handleEdit: M,
     handleEditCancel: k,
-    handleEditConfirm: w
+    handleEditConfirm: R
   };
-}, J = Symbol("NO_GROUP"), Te = {
+}, X = Symbol("NO_GROUP"), $e = {
   key: 0,
   class: "tr-history__group-title"
-}, be = { class: "tr-history__group-items" }, $e = ["onClick"], Ge = ["title"], Oe = ["onClick"], Be = /* @__PURE__ */ N({
+}, be = { class: "tr-history__group-items" }, Ge = ["onClick"], Oe = ["title"], Se = ["onClick"], Be = /* @__PURE__ */ P({
   __name: "index",
   props: {
     data: {},
@@ -142,112 +142,118 @@ const Ce = { class: "tr-history__empty" }, ke = { class: "tr-history__empty-icon
     showRenameControls: { type: Boolean, default: !1 },
     renameControlOnClickOutside: { default: "confirm" },
     menuItems: { default: () => [
-      { id: "rename", text: "重命名", icon: ue },
-      { id: "delete", text: "删除", icon: ce }
+      { id: "rename", text: "重命名", icon: ce },
+      { id: "delete", text: "删除", icon: de }
     ] },
     menuListGap: { default: 8 }
   },
   emits: ["item-click", "item-title-change", "item-action"],
-  setup(i, { emit: m }) {
-    const t = i, c = m, h = (l) => {
+  setup(s, { emit: m }) {
+    const t = s, c = m, h = (i) => {
       var f;
-      const e = typeof ((f = l[0]) == null ? void 0 : f.group);
+      const e = typeof ((f = i[0]) == null ? void 0 : f.group);
       return e === "string" || e === "symbol";
-    }, C = x(() => {
-      const l = t.data;
-      return h(l) ? l : [{ group: J, items: l }];
-    }), E = x(() => C.value.length === 0 || C.value.every((l) => l.items.length === 0)), {
+    }, C = I(() => {
+      const i = t.data;
+      return h(i) ? i : [{ group: X, items: i }];
+    }), E = I(() => C.value.length === 0 || C.value.every((i) => i.items.length === 0)), {
       editingItem: p,
-      editorRefList: I,
-      editorConfirmRefList: g,
+      editorRefList: x,
+      editorConfirmRefList: y,
       editorCancelRefList: M,
       editorValue: k,
-      handleEdit: w,
+      handleEdit: R,
       handleEditCancel: o,
       handleEditConfirm: v
-    } = Me({
+    } = Te({
       renameControlOnClickOutside: t.renameControlOnClickOutside,
-      onItemTitleChange: (l, e) => {
-        c("item-title-change", l, e);
+      onItemTitleChange: (i, e) => {
+        c("item-title-change", i, e);
       }
-    }), { isTouchDevice: L } = he(), _ = y(null), a = y(null), z = (l, e) => {
-      if (l.currentTarget instanceof HTMLButtonElement) {
-        if (a.value === e) {
-          _.value = null, a.value = null;
+    }), { isTouchDevice: L } = Ce(), g = _(null), u = _(null), K = (i, e) => {
+      if (i.currentTarget instanceof HTMLButtonElement) {
+        if (u.value === e) {
+          g.value = null, u.value = null;
           return;
         }
-        _.value = l.currentTarget, a.value = e;
+        g.value = i.currentTarget, u.value = e;
       } else
-        _.value = null, a.value = null;
-    }, Y = (l) => {
-      const e = a.value;
-      e && (l.id === "rename" && w(e), c("item-action", l, e));
+        g.value = null, u.value = null;
+    }, ee = (i) => {
+      const e = u.value;
+      e && (i.id === "rename" && R(e), c("item-action", i, e));
     };
-    return (l, e) => (s(), r("div", {
-      class: S(["tr-history", { "touch-device": n(L) }])
+    return (i, e) => (r(), a("div", {
+      class: U(["tr-history", { "touch-device": n(L) }])
     }, [
-      E.value ? (s(), Q(we, { key: 1 })) : (s(), r(O, { key: 0 }, [
-        (s(!0), r(O, null, V(C.value, (f) => (s(), r("div", {
+      E.value ? (r(), H(Re, { key: 1 })) : (r(), a(S, { key: 0 }, [
+        (r(!0), a(S, null, V(C.value, (f) => (r(), a("div", {
           class: "tr-history__group",
           key: f.group
         }, [
-          f.group !== n(J) ? (s(), r("div", Te, B(f.group), 1)) : U("", !0),
-          R("div", be, [
-            (s(!0), r(O, null, V(f.items, (u, Z) => (s(), r("div", {
-              class: S(["tr-history__item", {
-                selected: u.id && u.id === t.selected,
-                editing: n(p) === u,
-                active: a.value === u
+          f.group !== n(X) ? (r(), a("div", $e, B(f.group), 1)) : G("", !0),
+          w("div", be, [
+            (r(!0), a(S, null, V(f.items, (l, te) => (r(), a("div", {
+              class: U(["tr-history__item", {
+                selected: l.id && l.id === t.selected,
+                editing: n(p) === l,
+                active: u.value === l
               }]),
-              key: u.id || Z,
-              onClick: (d) => c("item-click", u)
+              key: l.id || te,
+              onClick: (d) => c("item-click", l)
             }, [
-              n(p) === u ? j((s(), r("input", {
-                key: 0,
+              A(i.$slots, "item-prefix", { item: l }, void 0, !0),
+              l.icon ? (r(), H(Y(l.icon), { key: 0 })) : G("", !0),
+              n(p) === l ? q((r(), a("input", {
+                key: 1,
                 class: "tr-history__item-editor",
                 type: "text",
-                onClick: e[0] || (e[0] = A(() => {
+                onClick: e[0] || (e[0] = J(() => {
                 }, ["stop"])),
                 ref_for: !0,
                 ref_key: "editorRefList",
-                ref: I,
-                "onUpdate:modelValue": e[1] || (e[1] = (d) => se(k) ? k.value = d : null),
+                ref: x,
+                "onUpdate:modelValue": e[1] || (e[1] = (d) => le(k) ? k.value = d : null),
                 onKeydown: [
-                  e[2] || (e[2] = q(
+                  e[2] || (e[2] = F(
                     //@ts-ignore
                     (...d) => n(v) && n(v)(...d),
                     ["enter"]
                   )),
-                  e[3] || (e[3] = q(
+                  e[3] || (e[3] = F(
                     //@ts-ignore
                     (...d) => n(o) && n(o)(...d),
                     ["escape"]
                   ))
                 ]
               }, null, 544)), [
-                [le, n(k)]
-              ]) : (s(), r("span", {
-                key: 1,
-                class: "text",
-                title: u.title
-              }, B(u.title), 9, Ge)),
-              R("span", {
+                [re, n(k)]
+              ]) : A(i.$slots, "item-title", {
+                key: 2,
+                item: l
+              }, () => [
+                w("span", {
+                  class: "text",
+                  title: l.title
+                }, B(l.title), 9, Oe)
+              ], !0),
+              w("span", {
                 class: "tr-history__item-actions",
-                onClick: e[6] || (e[6] = A(() => {
+                onClick: e[6] || (e[6] = J(() => {
                 }, ["stop"]))
               }, [
-                t.showRenameControls && n(p) === u ? (s(), r("button", {
+                t.showRenameControls && n(p) === l ? (r(), a("button", {
                   key: 0,
                   class: "editor-confirm",
                   ref_for: !0,
                   ref_key: "editorConfirmRefList",
-                  ref: g,
+                  ref: y,
                   onClick: e[4] || (e[4] = //@ts-ignore
                   (...d) => n(v) && n(v)(...d))
                 }, [
-                  b(n(de))
-                ], 512)) : U("", !0),
-                t.showRenameControls && n(p) === u ? (s(), r("button", {
+                  $(n(me))
+                ], 512)) : G("", !0),
+                t.showRenameControls && n(p) === l ? (r(), a("button", {
                   key: 1,
                   class: "editor-cancel",
                   ref_for: !0,
@@ -256,40 +262,40 @@ const Ce = { class: "tr-history__empty" }, ke = { class: "tr-history__empty-icon
                   onClick: e[5] || (e[5] = //@ts-ignore
                   (...d) => n(o) && n(o)(...d))
                 }, [
-                  b(n(me))
-                ], 512)) : U("", !0),
-                R("button", {
-                  class: S(["menu", { hidden: n(p) === u }]),
-                  onClick: (d) => z(d, u)
+                  $(n(fe))
+                ], 512)) : G("", !0),
+                w("button", {
+                  class: U(["menu", { hidden: n(p) === l }]),
+                  onClick: (d) => K(d, l)
                 }, [
-                  b(n(fe))
-                ], 10, Oe)
+                  $(n(pe))
+                ], 10, Se)
               ])
-            ], 10, $e))), 128))
+            ], 10, Ge))), 128))
           ])
         ]))), 128)),
-        j(b(Ie, {
-          trigger: _.value,
-          "onUpdate:trigger": e[7] || (e[7] = (f) => _.value = f),
-          data: a.value,
-          "onUpdate:data": e[8] || (e[8] = (f) => a.value = f),
+        q($(Me, {
+          trigger: g.value,
+          "onUpdate:trigger": e[7] || (e[7] = (f) => g.value = f),
+          data: u.value,
+          "onUpdate:data": e[8] || (e[8] = (f) => u.value = f),
           items: t.menuItems,
           "menu-list-gap": t.menuListGap,
-          onItemClick: Y
+          onItemClick: ee
         }, null, 8, ["trigger", "data", "items", "menu-list-gap"]), [
-          [re, _.value]
+          [ae, g.value]
         ])
       ], 64))
     ], 2));
   }
-}), H = /* @__PURE__ */ P(Be, [["__scopeId", "data-v-18ccfabf"]]), De = function(i) {
-  i.component(H.name, H);
+}), N = /* @__PURE__ */ z(Be, [["__scopeId", "data-v-97a7e8a2"]]), De = function(s) {
+  s.component(N.name, N);
 };
-Object.assign(H, {
+Object.assign(N, {
   name: "TrHistory",
   install: De
 });
 export {
-  H,
-  he as u
+  N as H,
+  Ce as u
 };

package/dist/index4.js

@@ -1,9 +1,9 @@
-import { onMounted as U, nextTick as B, h as C, defineComponent as g, render as R, onBeforeUnmount as D, Teleport as W, computed as h, ref as E, createBlock as F, openBlock as _, Transition as j, normalizeProps as q, guardReactiveProps as L, withCtx as Z, createElementBlock as G, createCommentVNode as J, renderSlot as K, useSlots as Q, watch as X, useAttrs as Y, resolveDynamicComponent as ee, unref as S, mergeProps as k, createVNode as te } from "vue";
+import { onMounted as U, nextTick as B, h as C, defineComponent as b, render as R, onBeforeUnmount as D, Teleport as W, computed as h, ref as E, createBlock as F, openBlock as g, Transition as j, normalizeProps as q, guardReactiveProps as L, withCtx as Z, createElementBlock as G, createCommentVNode as J, renderSlot as K, useSlots as Q, watch as X, useAttrs as Y, resolveDynamicComponent as ee, unref as S, mergeProps as k, createVNode as te } from "vue";
 import { b as oe, a as re, d as ne } from "./index3.js";
 import { t as u } from "./utils.js";
 import { _ as N } from "./_plugin-vue_export-helper.js";
 import { u as se } from "./useSlotRefs.js";
-const pe = g({
+const pe = b({
   setup: (r) => () => C(W, r.propsFactory(), r.vnodeFactory()),
   props: ["propsFactory", "vnodeFactory"]
 });
@@ -34,7 +34,7 @@ function ce(r, n) {
     return d;
   });
 }
-const ie = /* @__PURE__ */ g({
+const ie = /* @__PURE__ */ b({
   __name: "Popper",
   props: {
     show: { type: Boolean },
@@ -44,9 +44,9 @@ const ie = /* @__PURE__ */ g({
     const e = E(null);
     return n({
       popperRef: e
-    }), (t, s) => (_(), F(j, q(L(t.transitionProps)), {
+    }), (t, s) => (g(), F(j, q(L(r.transitionProps)), {
       default: Z(() => [
-        t.show ? (_(), G("div", {
+        r.show ? (g(), G("div", {
           key: 0,
           class: "tr-base-popper",
           ref_key: "popperRef",
@@ -58,7 +58,7 @@ const ie = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), le = /* @__PURE__ */ N(ie, [["__scopeId", "data-v-25c13ab7"]]), ue = /* @__PURE__ */ g({
+}), le = /* @__PURE__ */ N(ie, [["__scopeId", "data-v-25c13ab7"]]), ue = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "index",
   props: {
@@ -88,7 +88,7 @@ const ie = /* @__PURE__ */ g({
       for (const [c, a] of Object.entries(o))
         /^on[A-Z]/.test(c) && typeof a == "function" && (p[c] = a);
       return p;
-    }, f = E(null), b = h(() => {
+    }, f = E(null), _ = h(() => {
       var o;
       return ((o = f.value) == null ? void 0 : o.popperRef) || null;
     }), m = h(() => {
@@ -108,23 +108,23 @@ const ie = /* @__PURE__ */ g({
       width: z,
       update: A
     } = re(i), {
-      width: y,
+      width: x,
       height: P
-    } = ne(b, void 0, {
+    } = ne(_, void 0, {
       box: "border-box"
     }), H = h(() => {
       const {
         placement: o,
         preventOverflow: p
-      } = e, c = {}, a = (l, x) => {
+      } = e, c = {}, a = (l, y) => {
         if (!p) {
-          c[l] = x;
+          c[l] = y;
           return;
         }
-        const T = u(l === "top" ? P.value : y.value);
-        l === "top" ? c[l] = `clamp(var(--tr-base-popper-min-top), ${x}, calc(var(--tr-base-popper-max-bottom) - ${T}))` : l === "left" && (c[l] = `clamp(var(--tr-base-popper-min-left), ${x}, calc(var(--tr-base-popper-max-right) - ${T}))`);
+        const T = u(l === "top" ? P.value : x.value);
+        l === "top" ? c[l] = `clamp(var(--tr-base-popper-min-top), ${y}, calc(var(--tr-base-popper-max-bottom) - ${T}))` : l === "left" && (c[l] = `clamp(var(--tr-base-popper-min-left), ${y}, calc(var(--tr-base-popper-max-right) - ${T}))`);
       };
-      return o.includes("top") && a("top", u($.value - P.value - m.value.mainAxis)), o.includes("bottom") && a("top", u(O.value + m.value.mainAxis)), o.includes("left") && a("left", u(w.value + m.value.crossAxis)), o.includes("right") && a("left", u(V.value - y.value + m.value.crossAxis)), o.includes("center") && a("left", u(w.value + z.value / 2 - y.value / 2 + m.value.crossAxis)), c;
+      return o.includes("top") && a("top", u($.value - P.value - m.value.mainAxis)), o.includes("bottom") && a("top", u(O.value + m.value.mainAxis)), o.includes("left") && a("left", u(w.value + m.value.crossAxis)), o.includes("right") && a("left", u(V.value - x.value + m.value.crossAxis)), o.includes("center") && a("left", u(w.value + z.value / 2 - x.value / 2 + m.value.crossAxis)), c;
     });
     X(() => e.show, (o) => {
       o && A();
@@ -146,9 +146,9 @@ const ie = /* @__PURE__ */ g({
       }
     })), n({
       triggerRef: i,
-      popperRef: b,
+      popperRef: _,
       update: A
-    }), (o, p) => (_(), F(ee(S(s)[0]), k({
+    }), (o, p) => (g(), F(ee(S(s)[0]), k({
       ref: S(d)
     }, v(e.triggerEvents)), null, 16));
   }