@opentiny/tiny-robot 0.2.12 → 0.2.14

package/dist/base-popper/index.js

@@ -1,18 +1,42 @@
-import { computed as a, defineComponent as j, useSlots as F, Fragment as x, ref as R, watch as E, nextTick as U, createElementBlock as S, openBlock as d, createVNode as W, renderList as Z, createBlock as V, resolveDynamicComponent as q, mergeProps as k, Transition as J, normalizeProps as K, guardReactiveProps as Q, withCtx as X, createCommentVNode as Y, Teleport as ee, unref as te, createElementVNode as oe, renderSlot as re } from "vue";
-import { d as ne, e as se, b as ae } from "../index2.js";
-import { t as l } from "../utils.js";
-import { _ as ie } from "../_plugin-vue_export-helper.js";
-function le(m, w) {
-  return a(() => {
-    var c;
-    const o = ne(m), i = (c = o == null ? void 0 : o.getRootNode) == null ? void 0 : c.call(o);
-    return i instanceof ShadowRoot ? i : document.body;
+import { computed as u, Fragment as R, ref as N, watch as k, defineComponent as j, useSlots as G, createElementBlock as E, openBlock as y, createVNode as I, renderList as F, unref as b, createBlock as S, resolveDynamicComponent as U, mergeProps as B, isVNode as W, Transition as Z, normalizeProps as q, guardReactiveProps as J, withCtx as K, createCommentVNode as Q, Teleport as X, createElementVNode as Y, renderSlot as ee } from "vue";
+import { d as te, e as oe, b as re } from "../index2.js";
+import { t as m } from "../utils.js";
+import { _ as ne } from "../_plugin-vue_export-helper.js";
+function se(f, g) {
+  const t = u(() => {
+    const e = (f == null ? void 0 : f()) || [], a = e.find((d) => d.type === R);
+    return a && Array.isArray(a.children) ? a.children : e;
+  }), p = u(() => g ? t.value.length : 1), v = u(() => t.value.slice(0, p.value)), c = N([]), s = (e) => e && typeof e == "object" && "$el" in e || e instanceof HTMLElement || e instanceof SVGElement ? e : (console.warn("el must be an HTMLElement or SVGElement or Vue component instance. el:", e), null), x = (e) => {
+    c.value[0] = s(e);
+  }, A = (e, a) => {
+    c.value[a] = s(e);
+  };
+  return k(
+    p,
+    (e) => {
+      c.value.length = e;
+    },
+    { flush: "post" }
+  ), {
+    vnodes: v,
+    ref: u(() => c.value.at(0)),
+    refs: c,
+    setRef: x,
+    setRefs: A
+  };
+}
+function ae(f, g) {
+  return u(() => {
+    var s;
+    const t = te(f), p = (s = t == null ? void 0 : t.getRootNode) == null ? void 0 : s.call(t);
+    return p instanceof ShadowRoot ? p : document.body;
   });
 }
-const ce = /* @__PURE__ */ j({
+const le = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "index",
   props: {
+    appendTo: {},
     offset: {},
     placement: { default: "top-center" },
     preventOverflow: { type: Boolean },
@@ -21,87 +45,78 @@ const ce = /* @__PURE__ */ j({
     transitionProps: {},
     triggerEvents: {}
   },
-  setup(m, { expose: w }) {
-    const o = m, i = F(), v = a(() => {
-      var r;
-      const e = (r = i.trigger) == null ? void 0 : r.call(i), t = e ? Array.isArray(e) ? e : [e] : [];
-      return t[0].type === x && Array.isArray(t[0].children) ? t[0].children : t;
-    }), g = a(() => o.renderAllTriggers ? v.value.length : 1), c = a(() => v.value.slice(0, g.value)), p = R([]), h = a(() => p.value.at(0)), B = (e) => e != null && e.$el || e instanceof HTMLElement || e instanceof SVGElement ? e : (console.warn("trigger must be an HTMLElement or SVGElement or Vue component instance"), null), $ = (e, t) => {
-      p.value[t] = B(e);
-    };
-    E(
-      g,
-      (e) => {
-        p.value.length = e;
-      },
-      { flush: "post" }
-    );
-    function N(e = {}, t) {
-      const r = {};
-      for (const [n, s] of Object.entries(e))
-        /^on[A-Z]/.test(n) && typeof s == "function" && (r[n] = (...f) => s(...f, t));
-      return r;
+  setup(f, { expose: g }) {
+    const t = f, p = G(), {
+      vnodes: v,
+      refs: c,
+      ref: s,
+      setRefs: x
+    } = se(p.trigger, t.renderAllTriggers);
+    function A(o = {}, l) {
+      const n = {};
+      for (const [r, i] of Object.entries(o))
+        /^on[A-Z]/.test(r) && typeof i == "function" && (n[r] = (...h) => i(...h, l));
+      return n;
     }
-    const P = a(
-      () => c.value.map((e, t) => N(o.triggerEvents, t))
-    ), y = R(null), u = a(() => {
-      var e, t;
-      return typeof o.offset == "number" ? { mainAxis: o.offset, crossAxis: 0 } : {
-        mainAxis: ((e = o.offset) == null ? void 0 : e.mainAxis) ?? 0,
-        crossAxis: ((t = o.offset) == null ? void 0 : t.crossAxis) ?? 0
+    const e = u(
+      () => v.value.map((o, l) => A(t.triggerEvents, l))
+    ), a = N(null), d = u(() => {
+      var o, l;
+      return typeof t.offset == "number" ? { mainAxis: t.offset, crossAxis: 0 } : {
+        mainAxis: ((o = t.offset) == null ? void 0 : o.mainAxis) ?? 0,
+        crossAxis: ((l = t.offset) == null ? void 0 : l.crossAxis) ?? 0
       };
-    }), { top: O, bottom: C, left: b, right: H, width: L, update: M } = se(h), { width: T, height: A } = ae(y, void 0, { box: "border-box" }), z = a(() => {
-      const { placement: e, preventOverflow: t } = o, r = {}, n = (s, f) => {
-        if (!t) {
-          r[s] = f;
+    }), { top: $, bottom: P, left: T, right: O, width: C, update: H } = oe(s), { width: _, height: w } = re(a, void 0, { box: "border-box" }), M = u(() => {
+      const { placement: o, preventOverflow: l } = t, n = {}, r = (i, h) => {
+        if (!l) {
+          n[i] = h;
           return;
         }
-        const _ = s === "top" || s === "bottom", G = _ ? "100dvh" : "100dvw", I = l(_ ? A.value : T.value);
-        r[s] = `clamp(0px, ${f}, calc(${G} - ${I}))`;
+        const V = i === "top" || i === "bottom", D = V ? "100dvh" : "100dvw", L = m(V ? w.value : _.value);
+        n[i] = `clamp(0px, ${h}, calc(${D} - ${L}))`;
       };
-      return e.includes("top") && n("top", l(O.value - A.value - u.value.mainAxis)), e.includes("bottom") && n("bottom", `calc(100% - ${l(C.value + A.value + u.value.mainAxis)})`), e.includes("left") && n("left", l(b.value + u.value.crossAxis)), e.includes("right") && n("right", `calc(100% - ${l(H.value + u.value.crossAxis)})`), e.includes("center") && n("left", l(b.value + L.value / 2 - T.value / 2 + u.value.crossAxis)), r;
+      return o.includes("top") && r("top", m($.value - w.value - d.value.mainAxis)), o.includes("bottom") && r("bottom", `calc(100% - ${m(P.value + w.value + d.value.mainAxis)})`), o.includes("left") && r("left", m(T.value + d.value.crossAxis)), o.includes("right") && r("right", `calc(100% - ${m(O.value + d.value.crossAxis)})`), o.includes("center") && r("left", m(T.value + C.value / 2 - _.value / 2 + d.value.crossAxis)), n;
     });
-    E(
-      () => o.show,
-      (e) => {
-        e && U(() => {
-          M();
-        });
-      }
+    k(
+      () => t.show,
+      (o) => {
+        o && H();
+      },
+      { flush: "post" }
     );
-    const D = le(h);
-    return w({
-      triggerRef: h,
-      triggerRefs: p,
-      popperRef: y
-    }), (e, t) => (d(), S(x, null, [
-      (d(!0), S(x, null, Z(c.value, (r, n) => (d(), V(q(r), k({
-        key: r.key ?? n,
+    const z = ae(s);
+    return g({
+      triggerRef: s,
+      triggerRefs: c,
+      popperRef: a
+    }), (o, l) => (y(), E(R, null, [
+      (y(!0), E(R, null, F(b(v), (n, r) => (y(), S(U(n), B({
+        key: W(n) ? n.key : r,
         ref_for: !0,
-        ref: (s) => $(s, n)
-      }, { ref_for: !0 }, P.value[n]), null, 16))), 128)),
-      W(J, K(Q(e.transitionProps)), {
-        default: X(() => [
-          e.show ? (d(), V(ee, {
+        ref: (i) => b(x)(i, r)
+      }, { ref_for: !0 }, e.value[r]), null, 16))), 128)),
+      I(Z, q(J(o.transitionProps)), {
+        default: K(() => [
+          o.show ? (y(), S(X, {
             key: 0,
-            to: te(D)
+            to: t.appendTo || b(z)
           }, [
-            oe("div", k({
+            Y("div", B({
               class: "tr-base-popper",
               ref_key: "popperRef",
-              ref: y,
-              style: z.value
-            }, e.$attrs), [
-              re(e.$slots, "content", {}, void 0, !0)
+              ref: a,
+              style: M.value
+            }, o.$attrs), [
+              ee(o.$slots, "content", {}, void 0, !0)
             ], 16)
-          ], 8, ["to"])) : Y("", !0)
+          ], 8, ["to"])) : Q("", !0)
         ]),
         _: 3
       }, 16)
     ], 64));
   }
-}), ue = /* @__PURE__ */ ie(ce, [["__scopeId", "data-v-21605fe2"]]);
-ue.name = "TrBasePopper";
+}), ie = /* @__PURE__ */ ne(le, [["__scopeId", "data-v-335d147d"]]);
+ie.name = "TrBasePopper";
 export {
-  ue as default
+  ie as default
 };

package/dist/dropdown-menu/index.js

@@ -1,45 +1,46 @@
-import { defineComponent as C, ref as g, computed as n, watch as R, createBlock as E, openBlock as a, unref as x, withCtx as v, createElementVNode as B, createElementBlock as _, Fragment as D, renderList as M, toDisplayString as H, renderSlot as L } from "vue";
-import { o as P, c as k, d as T } from "../index2.js";
+import { defineComponent as C, ref as g, computed as n, watch as R, createBlock as E, openBlock as a, unref as x, withCtx as v, createElementVNode as B, createElementBlock as _, Fragment as T, renderList as D, toDisplayString as M, renderSlot as H } from "vue";
+import { o as L, c as k, d as P } from "../index2.js";
 import b from "../base-popper/index.js";
 import { _ as I } from "../_plugin-vue_export-helper.js";
 const S = { class: "tr-dropdown-menu__list" }, $ = ["onClick"], F = /* @__PURE__ */ C({
   __name: "index",
   props: {
+    appendTo: {},
     items: {},
     show: { type: Boolean },
     trigger: { default: "click" }
   },
   emits: ["item-click", "click-outside"],
   setup(l, { emit: w }) {
-    const t = l, c = w, u = g(!1), r = n({
-      get: () => t.trigger === "manual" ? t.show : u.value,
+    const t = l, c = w, p = g(!1), r = n({
+      get: () => t.trigger === "manual" ? t.show : p.value,
       set: (e) => {
-        t.trigger !== "manual" && (u.value = e);
+        t.trigger !== "manual" && (p.value = e);
       }
-    }), i = g(null), d = n(() => {
+    }), i = g(null), u = n(() => {
       var e;
       return (e = i.value) == null ? void 0 : e.triggerRef;
-    }), p = n(() => {
+    }), d = n(() => {
       var e;
       return (e = i.value) == null ? void 0 : e.popperRef;
     });
     if (t.trigger === "click" || t.trigger === "manual")
-      P(
-        p,
+      L(
+        d,
         (e) => {
           c("click-outside", e), r.value = !1;
         },
-        { ignore: [d] }
+        { ignore: [u] }
       );
     else if (t.trigger === "hover") {
       const e = k(
-        n(() => T(d.value)),
+        n(() => P(u.value)),
         { delayEnter: 100, delayLeave: 300 }
-      ), f = k(p, { delayEnter: 100, delayLeave: 300 });
+      ), m = k(d, { delayEnter: 100, delayLeave: 300 });
       R(
-        () => [e.value, f.value],
-        ([o, m]) => {
-          r.value = o || m;
+        () => [e.value, m.value],
+        ([o, f]) => {
+          r.value = o || f;
         }
       );
     }
@@ -48,33 +49,34 @@ const S = { class: "tr-dropdown-menu__list" }, $ = ["onClick"], F = /* @__PURE__
     }, y = (e) => {
       r.value = !1, c("item-click", e);
     };
-    return (e, f) => (a(), E(x(b), {
+    return (e, m) => (a(), E(x(b), {
       show: r.value,
       class: "tr-dropdown-menu",
       ref_key: "basePopperRef",
       ref: i,
       placement: "top-left",
+      "append-to": t.appendTo,
       offset: 8,
       "transition-props": { name: "tr-dropdown-menu" },
       "prevent-overflow": !0,
       "trigger-events": { onClick: h }
     }, {
       trigger: v(() => [
-        L(e.$slots, "trigger", {}, void 0, !0)
+        H(e.$slots, "trigger", {}, void 0, !0)
       ]),
       content: v(() => [
         B("ul", S, [
-          (a(!0), _(D, null, M(t.items, (o) => (a(), _("li", {
+          (a(!0), _(T, null, D(t.items, (o) => (a(), _("li", {
             class: "tr-dropdown-menu__list-item",
             key: o.id,
-            onClick: (m) => y(o)
-          }, H(o.text), 9, $))), 128))
+            onClick: (f) => y(o)
+          }, M(o.text), 9, $))), 128))
         ])
       ]),
       _: 3
-    }, 8, ["show", "trigger-events"]));
+    }, 8, ["show", "append-to", "trigger-events"]));
   }
-}), s = /* @__PURE__ */ I(F, [["__scopeId", "data-v-f8df9a66"]]);
+}), s = /* @__PURE__ */ I(F, [["__scopeId", "data-v-ea33ed82"]]);
 s.name = "TrDropdownMenu";
 const N = function(l) {
   l.component(s.name, s);