@opentiny/tiny-robot 0.2.13 → 0.2.15

package/dist/base-popper/index.js

@@ -1,15 +1,38 @@
-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 $, defineComponent as G, useSlots as I, createElementBlock as E, openBlock as y, renderSlot as S, createVNode as F, renderList as U, unref as x, createBlock as k, resolveDynamicComponent as W, mergeProps as B, isVNode as Z, Transition as q, normalizeProps as J, guardReactiveProps as K, withCtx as Q, createCommentVNode as X, Teleport as Y, createElementVNode 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(p, g) {
+  const o = u(() => {
+    const e = (p == null ? void 0 : p()) || [], a = e.find((d) => d.type === R);
+    return a && Array.isArray(a.children) ? a.children : e;
+  }), f = u(() => g ? o.value.length : 1), v = u(() => o.value.slice(0, f.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), A = (e) => {
+    c.value[0] = s(e);
+  }, b = (e, a) => {
+    c.value[a] = s(e);
+  };
+  return $(
+    f,
+    (e) => {
+      c.value.length = e;
+    },
+    { flush: "post" }
+  ), {
+    vnodes: v,
+    ref: u(() => c.value.at(0)),
+    refs: c,
+    setRef: A,
+    setRefs: b
+  };
+}
+function ae(p, g) {
+  return u(() => {
+    var s;
+    const o = te(p), f = (s = o == null ? void 0 : o.getRootNode) == null ? void 0 : s.call(o);
+    return f instanceof ShadowRoot ? f : document.body;
   });
 }
-const ce = /* @__PURE__ */ j({
+const le = /* @__PURE__ */ G({
   inheritAttrs: !1,
   __name: "index",
   props: {
@@ -22,87 +45,79 @@ 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(p, { expose: g }) {
+    const o = p, f = I(), {
+      vnodes: v,
+      refs: c,
+      ref: s,
+      setRefs: A
+    } = se(f.trigger, o.renderAllTriggers);
+    function b(t = {}, l) {
+      const n = {};
+      for (const [r, i] of Object.entries(t))
+        /^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;
+    const e = u(
+      () => v.value.map((t, l) => b(o.triggerEvents, l))
+    ), a = N(null), d = u(() => {
+      var t, l;
       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
+        mainAxis: ((t = o.offset) == null ? void 0 : t.mainAxis) ?? 0,
+        crossAxis: ((l = o.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: P, bottom: O, left: T, right: C, width: H, update: M } = oe(s), { width: V, height: w } = re(a, void 0, { box: "border-box" }), z = u(() => {
+      const { placement: t, preventOverflow: l } = o, 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 _ = i === "top" || i === "bottom", L = _ ? "100dvh" : "100dvw", j = m(_ ? w.value : V.value);
+        n[i] = `clamp(0px, ${h}, calc(${L} - ${j}))`;
       };
-      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 t.includes("top") && r("top", m(P.value - w.value - d.value.mainAxis)), t.includes("bottom") && r("bottom", `calc(100% - ${m(O.value + w.value + d.value.mainAxis)})`), t.includes("left") && r("left", m(T.value + d.value.crossAxis)), t.includes("right") && r("right", `calc(100% - ${m(C.value + d.value.crossAxis)})`), t.includes("center") && r("left", m(T.value + H.value / 2 - V.value / 2 + d.value.crossAxis)), n;
     });
-    E(
+    $(
       () => o.show,
-      (e) => {
-        e && U(() => {
-          M();
-        });
-      }
+      (t) => {
+        t && M();
+      },
+      { 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 D = ae(s);
+    return g({
+      triggerRef: s,
+      triggerRefs: c,
+      popperRef: a
+    }), (t, l) => (y(), E(R, null, [
+      (y(!0), E(R, null, U(x(v), (n, r) => (y(), k(W(n), B({
+        key: Z(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) => x(A)(i, r)
+      }, { ref_for: !0 }, e.value[r]), null, 16))), 128)),
+      S(t.$slots, "backdrop", {}, void 0, !0),
+      F(q, J(K(t.transitionProps)), {
+        default: Q(() => [
+          t.show ? (y(), k(Y, {
             key: 0,
-            to: o.appendTo || te(D)
+            to: o.appendTo || x(D)
           }, [
-            oe("div", k({
+            ee("div", B({
               class: "tr-base-popper",
               ref_key: "popperRef",
-              ref: y,
+              ref: a,
               style: z.value
-            }, e.$attrs), [
-              re(e.$slots, "content", {}, void 0, !0)
+            }, t.$attrs), [
+              S(t.$slots, "content", {}, void 0, !0)
             ], 16)
-          ], 8, ["to"])) : Y("", !0)
+          ], 8, ["to"])) : X("", !0)
         ]),
         _: 3
       }, 16)
     ], 64));
   }
-}), ue = /* @__PURE__ */ ie(ce, [["__scopeId", "data-v-9984ba18"]]);
-ue.name = "TrBasePopper";
+}), ie = /* @__PURE__ */ ne(le, [["__scopeId", "data-v-8baa02e5"]]);
+ie.name = "TrBasePopper";
 export {
-  ue as default
+  ie as default
 };

package/dist/flow-layout-buttons/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, mergeModels as E, useModel as q, watch as g, ref as i, computed as $, createElementBlock as a, openBlock as l, createElementVNode as b, Fragment as C, renderList as S, createCommentVNode as _, normalizeClass as I, createBlock as x, resolveDynamicComponent as B, toDisplayString as D, nextTick as G } from "vue";
+import { defineComponent as V, mergeModels as E, useModel as q, watch as g, ref as i, computed as $, createElementBlock as a, openBlock as l, createElementVNode as C, Fragment as I, renderList as S, createCommentVNode as _, normalizeClass as b, createBlock as x, resolveDynamicComponent as B, toDisplayString as D, nextTick as G } from "vue";
 import { U as H } from "../tiny-robot-svgs.js";
 import { b as X, o as j } from "../index2.js";
 import { _ as J } from "../_plugin-vue_export-helper.js";
@@ -65,12 +65,12 @@ const K = ["onClick"], P = {
       ref_key: "containerRef",
       ref: y
     }, [
-      (l(!0), a(C, null, S(n.items, (e, f) => (l(), a(C, {
+      (l(!0), a(I, null, S(n.items, (e, f) => (l(), a(I, {
         key: e.id
       }, [
         s.value === null || f < s.value ? (l(), a("button", {
           key: 0,
-          class: I(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
+          class: b(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
           ref_for: !0,
           ref: (r) => A(r, f),
           onClick: (r) => R(e.id)
@@ -79,10 +79,10 @@ const K = ["onClick"], P = {
           e.label ? (l(), a("span", P, D(e.label), 1)) : _("", !0)
         ], 10, K)) : _("", !0)
       ], 64))), 128)),
-      b("div", Q, [
+      C("div", Q, [
         m.value ? _("", !0) : (l(), a("button", {
           key: 0,
-          class: I(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
+          class: b(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
           ref_key: "moreButtonRef",
           ref: w,
           onClick: U,
@@ -91,7 +91,7 @@ const K = ["onClick"], P = {
         }, [
           (l(), x(B(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
         ], 34)),
-        b("div", {
+        C("div", {
           class: "tr-flow-layout__dropdown-container",
           onMouseenter: o[2] || (o[2] = (e) => v(!0)),
           onMouseleave: o[3] || (o[3] = (e) => v(!1))
@@ -102,20 +102,20 @@ const K = ["onClick"], P = {
             ref_key: "dropDownRef",
             ref: k
           }, [
-            (l(!0), a(C, null, S(z.value, (e) => (l(), a("button", {
-              class: I(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
+            (l(!0), a(I, null, S(z.value, (e) => (l(), a("button", {
+              class: b(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
               key: e.id,
               onClick: (f) => R(e.id)
             }, [
               (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
-              b("span", Z, D(e.label), 1)
+              C("span", Z, D(e.label), 1)
             ], 10, Y))), 128))
           ], 512)) : _("", !0)
         ], 32)
       ])
     ], 512));
   }
-}), p = /* @__PURE__ */ J(ee, [["__scopeId", "data-v-3b70ef9f"]]);
+}), p = /* @__PURE__ */ J(ee, [["__scopeId", "data-v-f82cf3dc"]]);
 p.name = "TrFlowLayout";
 const te = function(d) {
   d.component(p.name, p);

package/dist/icon-button/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as p, useCssVars as l, computed as n, createElementBlock as u, openBlock as s, normalizeClass as m, createBlock as d, resolveDynamicComponent as _ } from "vue";
-import { t as c } from "../utils.js";
+import { defineComponent as r, computed as a, createElementBlock as u, openBlock as l, normalizeStyle as c, normalizeClass as p, createBlock as m, resolveDynamicComponent as d } from "vue";
+import { t as i } from "../utils.js";
 import { _ as f } from "../_plugin-vue_export-helper.js";
-const v = /* @__PURE__ */ p({
+const _ = /* @__PURE__ */ r({
   __name: "index",
   props: {
     icon: {},
@@ -9,24 +9,23 @@ const v = /* @__PURE__ */ p({
     svgSize: { default: "16px" },
     rounded: { type: Boolean }
   },
-  setup(t) {
-    l((i) => ({
-      "72b46ad2": a.value,
-      66777814: r.value
-    }));
-    const o = t, a = n(() => c(o.size)), r = n(() => c(o.svgSize));
-    return (i, z) => (s(), u("button", {
-      class: m(["tr-icon-button", { rounded: o.rounded }])
+  setup(o) {
+    const e = o, s = a(() => i(e.size)), n = a(() => i(e.svgSize));
+    return (z, h) => (l(), u("button", {
+      class: p(["tr-icon-button", { rounded: e.rounded }]),
+      style: c({ width: s.value, height: s.value })
     }, [
-      (s(), d(_(o.icon)))
-    ], 2));
+      (l(), m(d(e.icon), {
+        style: c({ width: n.value, height: n.value, fontSize: n.value })
+      }, null, 8, ["style"]))
+    ], 6));
   }
-}), e = /* @__PURE__ */ f(v, [["__scopeId", "data-v-fe8553bc"]]);
-e.name = "TrIconButton";
-const x = function(t) {
-  t.component(e.name, e);
+}), t = /* @__PURE__ */ f(_, [["__scopeId", "data-v-159698f7"]]);
+t.name = "TrIconButton";
+const v = function(o) {
+  o.component(t.name, t);
 };
-e.install = x;
+t.install = v;
 export {
-  e as default
+  t as default
 };