@opentiny/tiny-robot 0.2.14 → 0.2.15

package/dist/base-popper/index.js

@@ -1,18 +1,18 @@
-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 { 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(f, g) {
-  const t = u(() => {
-    const e = (f == null ? void 0 : f()) || [], a = e.find((d) => d.type === R);
+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;
-  }), 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) => {
+  }), 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);
-  }, A = (e, a) => {
+  }, b = (e, a) => {
     c.value[a] = s(e);
   };
-  return k(
-    p,
+  return $(
+    f,
     (e) => {
       c.value.length = e;
     },
@@ -21,18 +21,18 @@ function se(f, g) {
     vnodes: v,
     ref: u(() => c.value.at(0)),
     refs: c,
-    setRef: x,
-    setRefs: A
+    setRef: A,
+    setRefs: b
   };
 }
-function ae(f, g) {
+function ae(p, 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 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 le = /* @__PURE__ */ j({
+const le = /* @__PURE__ */ G({
   inheritAttrs: !1,
   __name: "index",
   props: {
@@ -45,77 +45,78 @@ const le = /* @__PURE__ */ j({
     transitionProps: {},
     triggerEvents: {}
   },
-  setup(f, { expose: g }) {
-    const t = f, p = G(), {
+  setup(p, { expose: g }) {
+    const o = p, f = I(), {
       vnodes: v,
       refs: c,
       ref: s,
-      setRefs: x
-    } = se(p.trigger, t.renderAllTriggers);
-    function A(o = {}, l) {
+      setRefs: A
+    } = se(f.trigger, o.renderAllTriggers);
+    function b(t = {}, l) {
       const n = {};
-      for (const [r, i] of Object.entries(o))
+      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 e = u(
-      () => v.value.map((o, l) => A(t.triggerEvents, l))
+      () => v.value.map((t, l) => b(o.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
+      var t, l;
+      return typeof o.offset == "number" ? { mainAxis: o.offset, crossAxis: 0 } : {
+        mainAxis: ((t = o.offset) == null ? void 0 : t.mainAxis) ?? 0,
+        crossAxis: ((l = o.offset) == null ? void 0 : l.crossAxis) ?? 0
       };
-    }), { 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) => {
+    }), { 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 V = i === "top" || i === "bottom", D = V ? "100dvh" : "100dvw", L = m(V ? w.value : _.value);
-        n[i] = `clamp(0px, ${h}, calc(${D} - ${L}))`;
+        const _ = i === "top" || i === "bottom", L = _ ? "100dvh" : "100dvw", j = m(_ ? w.value : V.value);
+        n[i] = `clamp(0px, ${h}, calc(${L} - ${j}))`;
       };
-      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;
+      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;
     });
-    k(
-      () => t.show,
-      (o) => {
-        o && H();
+    $(
+      () => o.show,
+      (t) => {
+        t && M();
       },
       { flush: "post" }
     );
-    const z = ae(s);
+    const D = 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,
+    }), (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: (i) => b(x)(i, r)
+        ref: (i) => x(A)(i, r)
       }, { ref_for: !0 }, e.value[r]), null, 16))), 128)),
-      I(Z, q(J(o.transitionProps)), {
-        default: K(() => [
-          o.show ? (y(), S(X, {
+      S(t.$slots, "backdrop", {}, void 0, !0),
+      F(q, J(K(t.transitionProps)), {
+        default: Q(() => [
+          t.show ? (y(), k(Y, {
             key: 0,
-            to: t.appendTo || b(z)
+            to: o.appendTo || x(D)
           }, [
-            Y("div", B({
+            ee("div", B({
               class: "tr-base-popper",
               ref_key: "popperRef",
               ref: a,
-              style: M.value
-            }, o.$attrs), [
-              ee(o.$slots, "content", {}, void 0, !0)
+              style: z.value
+            }, t.$attrs), [
+              S(t.$slots, "content", {}, void 0, !0)
             ], 16)
-          ], 8, ["to"])) : Q("", !0)
+          ], 8, ["to"])) : X("", !0)
         ]),
         _: 3
       }, 16)
     ], 64));
   }
-}), ie = /* @__PURE__ */ ne(le, [["__scopeId", "data-v-335d147d"]]);
+}), ie = /* @__PURE__ */ ne(le, [["__scopeId", "data-v-8baa02e5"]]);
 ie.name = "TrBasePopper";
 export {
   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
 };