@opentiny/tiny-robot 0.2.0-alpha.6 → 0.2.0-alpha.8

package/dist/close.js

@@ -1,4 +1,4 @@
-import { s as o } from "./index2.js";
+import { s as o } from "./index6.js";
 import { createElementBlock as n, openBlock as r, createElementVNode as t } from "vue";
 var c = {
   viewBox: "0 0 16 16",

package/dist/container/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as m, useCssVars as v, useModel as c, computed as _, createElementBlock as $, openBlock as w, createElementVNode as n, renderSlot as r, createVNode as u, unref as a } from "vue";
+import { defineComponent as m, useCssVars as v, useModel as d, computed as _, createElementBlock as $, openBlock as w, createElementVNode as n, renderSlot as r, createVNode as c, unref as a } from "vue";
 import { $ as g, i as h, t as C } from "../tiny-robot-svgs.js";
-import d from "../icon-button/index.js";
+import u from "../icon-button/index.js";
 import { _ as b } from "../_plugin-vue_export-helper.js";
-const B = { class: "tr-container" }, k = { class: "tr-container__header" }, z = { class: "tr-container__header-operations" }, y = { class: "tr-container__footer" }, E = /* @__PURE__ */ m({
+const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k = { class: "tr-container__header-operations" }, y = { class: "tr-container__footer" }, E = /* @__PURE__ */ m({
   __name: "index",
   props: {
     show: { type: Boolean, required: !0 },
@@ -13,29 +13,29 @@ const B = { class: "tr-container" }, k = { class: "tr-container__header" }, z =
   emits: ["update:show", "update:fullscreen"],
   setup(o) {
     v((t) => ({
-      b67b7ee6: s.value ? "0" : "unset",
-      "72873ea0": s.value ? "unset" : "var(--tr-container-width)",
-      "224ae4c1": l.value ? "100" : "-1",
-      cb10cae2: l.value ? "1" : "0"
+      "1daf37f2": s.value ? "0" : "unset",
+      "0679141a": s.value ? "unset" : "var(--tr-container-width)",
+      "234493b2": l.value ? "var(--tr-z-index-fixed)" : "-1",
+      "0c2ba509": l.value ? "1" : "0"
     }));
-    const l = c(o, "show"), s = c(o, "fullscreen"), f = _(() => s.value ? g : h);
-    return (t, e) => (w(), $("div", B, [
+    const l = d(o, "show"), s = d(o, "fullscreen"), f = _(() => s.value ? g : h);
+    return (t, e) => (w(), $("div", z, [
       e[3] || (e[3] = n("div", { class: "tr-container__dragging-bar-wrapper" }, [
         n("div", { class: "tr-container__dragging-bar" })
       ], -1)),
-      n("div", k, [
+      n("div", B, [
         r(t.$slots, "title", {}, () => [
           e[2] || (e[2] = n("h3", { class: "tr-container__title" }, "OpenTiny NEXT", -1))
         ]),
-        n("div", z, [
+        n("div", k, [
           r(t.$slots, "operations"),
-          u(a(d), {
+          c(a(u), {
             size: "28",
             "svg-size": "20",
             icon: f.value,
             onClick: e[0] || (e[0] = (p) => t.$emit("update:fullscreen", !s.value))
           }, null, 8, ["icon"]),
-          u(a(d), {
+          c(a(u), {
             size: "28",
             "svg-size": "20",
             icon: a(C),
@@ -49,7 +49,7 @@ const B = { class: "tr-container" }, k = { class: "tr-container__header" }, z =
       ])
     ]));
   }
-}), i = /* @__PURE__ */ b(E, [["__scopeId", "data-v-81c9f59e"]]);
+}), i = /* @__PURE__ */ b(E, [["__scopeId", "data-v-6a9b9126"]]);
 i.name = "TrContainer";
 const I = function(o) {
   o.component(i.name, i);

package/dist/dropdown-menu/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as $, useCssVars as T, unref as D, ref as d, computed as S, watch as B, createElementBlock as u, openBlock as n, renderSlot as M, createVNode as R, Transition as V, withCtx as E, createBlock as N, createCommentVNode as O, Teleport as W, createElementVNode as m, normalizeStyle as I, Fragment as b, renderList as z, toDisplayString as F } from "vue";
-import { u as p, o as H } from "../index3.js";
-import { toCssUnit as o } from "../shared/index.js";
-import { _ as L } from "../_plugin-vue_export-helper.js";
-const P = { class: "tr-dropdown-menu__list" }, U = ["onClick"], j = /* @__PURE__ */ $({
+import { defineComponent as T, useCssVars as D, unref as S, ref as u, computed as B, watch as M, createElementBlock as m, openBlock as n, renderSlot as R, createVNode as V, Transition as b, withCtx as E, createBlock as N, createCommentVNode as O, Teleport as W, createElementVNode as p, normalizeStyle as I, Fragment as z, renderList as F, toDisplayString as H } from "vue";
+import { c as f, o as L } from "../index2.js";
+import { t as o } from "../utils.js";
+import { _ as P } from "../_plugin-vue_export-helper.js";
+const U = { class: "tr-dropdown-menu__list" }, j = ["onClick"], q = /* @__PURE__ */ T({
   __name: "index",
   props: {
     items: {},
@@ -10,49 +10,50 @@ const P = { class: "tr-dropdown-menu__list" }, U = ["onClick"], j = /* @__PURE__
     topOffset: { default: 0 }
   },
   emits: ["item-click"],
-  setup(s, { emit: f }) {
-    T((e) => ({
-      f8e23632: D(o)(l.minWidth)
+  setup(s, { emit: _ }) {
+    D((e) => ({
+      fb65405a: S(o)(l.minWidth)
     }));
-    const l = s, t = d(!1), _ = f, c = d(null), a = d(null), { x: w, y: h, update: v } = p(c), { width: k, height: g } = p(a), x = S(() => ({
-      left: `min(${o(w.value)}, 100% - ${o(k.value)})`,
-      top: `max(${o(h.value)} - ${o(g.value)} + ${o(l.topOffset)} - 8px, 0px)`
+    const l = s, t = u(!1), w = _, a = u(null), i = u(null), { x: h, y: v, update: k } = f(a), { width: g, height: x } = f(i), y = B(() => ({
+      left: `min(${o(h.value)}, 100% - ${o(g.value)})`,
+      top: `max(${o(v.value)} - ${o(x.value)} + ${o(l.topOffset)} - 8px, 0px)`
     }));
-    H(a, (e) => {
-      e.stopPropagation(), t.value = !1;
-    }), B(t, (e) => {
-      e && v();
+    L(i, (e) => {
+      var d;
+      (d = a.value) != null && d.contains(e.target) && e.stopPropagation(), t.value = !1;
+    }), M(t, (e) => {
+      e && k();
     });
-    const y = () => {
+    const C = () => {
       t.value = !t.value;
-    }, C = (e) => {
-      t.value = !1, _("item-click", e);
+    }, $ = (e) => {
+      t.value = !1, w("item-click", e);
     };
-    return (e, A) => (n(), u("div", {
+    return (e, d) => (n(), m("div", {
       class: "tr-dropdown-menu__wrapper",
       ref_key: "dropDownTriggerRef",
-      ref: c,
-      onClick: y
+      ref: a,
+      onClick: C
     }, [
-      M(e.$slots, "default", {}, void 0, !0),
-      R(V, { name: "tr-dropdown-menu" }, {
+      R(e.$slots, "default", {}, void 0, !0),
+      V(b, { name: "tr-dropdown-menu" }, {
         default: E(() => [
           t.value ? (n(), N(W, {
             key: 0,
             to: "body"
           }, [
-            m("div", {
+            p("div", {
               class: "tr-dropdown-menu",
-              style: I(x.value),
+              style: I(y.value),
               ref_key: "dropdownMenuRef",
-              ref: a
+              ref: i
             }, [
-              m("ul", P, [
-                (n(!0), u(b, null, z(l.items, (i) => (n(), u("li", {
+              p("ul", U, [
+                (n(!0), m(z, null, F(l.items, (c) => (n(), m("li", {
                   class: "tr-dropdown-menu__list-item",
-                  key: i.id,
-                  onClick: (G) => C(i)
-                }, F(i.text), 9, U))), 128))
+                  key: c.id,
+                  onClick: (G) => $(c)
+                }, H(c.text), 9, j))), 128))
               ])
             ], 4)
           ])) : O("", !0)
@@ -61,12 +62,12 @@ const P = { class: "tr-dropdown-menu__list" }, U = ["onClick"], j = /* @__PURE__
       })
     ], 512));
   }
-}), r = /* @__PURE__ */ L(j, [["__scopeId", "data-v-e4886a37"]]);
+}), r = /* @__PURE__ */ P(q, [["__scopeId", "data-v-740d1b6f"]]);
 r.name = "TrDropdownMenu";
-const q = function(s) {
+const A = function(s) {
   s.component(r.name, r);
 };
-r.install = q;
+r.install = A;
 export {
   r as default
 };

package/dist/feedback/index.js

@@ -1,6 +1,6 @@
-import { defineComponent as X, ref as E, computed as z, onMounted as D, watch as K, createElementBlock as a, openBlock as t, createCommentVNode as k, Fragment as I, renderList as S, toDisplayString as y, createVNode as b, unref as l, nextTick as O, createElementVNode as p, createBlock as d, withCtx as f, createTextVNode as U, resolveDynamicComponent as C } from "vue";
+import { defineComponent as X, ref as E, computed as z, onMounted as D, watch as K, createElementBlock as a, openBlock as t, createCommentVNode as k, Fragment as I, renderList as S, toDisplayString as y, createVNode as h, unref as l, nextTick as O, createElementVNode as d, createBlock as _, withCtx as f, createTextVNode as U, resolveDynamicComponent as C } from "vue";
 import { K as T, U as N, d as q, s as j, p as H, e as J } from "../tiny-robot-svgs.js";
-import { B as R } from "../index5.js";
+import { B as R } from "../index3.js";
 import $, { ActionGroupItem as V } from "../action-group/index.js";
 import Q from "../icon-button/index.js";
 import { _ as P } from "../_plugin-vue_export-helper.js";
@@ -10,30 +10,30 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
     sources: {},
     linesLimit: { default: Number.MAX_SAFE_INTEGER }
   },
-  setup(h) {
-    const _ = h, e = E(!1), L = E([]), c = E(null), g = () => {
+  setup(b) {
+    const m = b, e = E(!1), g = E([]), c = E(null), L = () => {
       O(() => {
-        const u = L.value.map((o) => (o == null ? void 0 : o.offsetTop) || 0), n = Array.from(new Set(u));
-        if (n.length > _.linesLimit) {
-          const o = n[_.linesLimit - 1], s = u.lastIndexOf(o);
+        const u = g.value.slice(0, m.sources.length).map((o) => (o == null ? void 0 : o.offsetTop) || 0), n = Array.from(new Set(u));
+        if (n.length > m.linesLimit) {
+          const o = n[m.linesLimit - 1], s = u.lastIndexOf(o);
           c.value = s;
         } else
           c.value = null;
       });
-    }, A = z(() => _.sources.length - (c.value || 0));
-    D(g), K(() => _.sources, g);
-    const m = (u, n) => {
-      u && (L.value[n] = u);
+    }, A = z(() => m.sources.length - (c.value || 0));
+    D(L), K(() => m.sources, L);
+    const p = (u, n) => {
+      u && (g.value[n] = u);
     };
     return (u, n) => (t(), a("div", W, [
-      (t(!0), a(I, null, S(_.sources, (o, s) => (t(), a(I, { key: s }, [
+      (t(!0), a(I, null, S(m.sources, (o, s) => (t(), a(I, { key: s }, [
         !c.value || e.value || s < c.value ? (t(), a("a", {
           key: 0,
           class: "pill",
           href: o.link,
           target: "_blank",
           ref_for: !0,
-          ref: (r) => m(r, s)
+          ref: (r) => p(r, s)
         }, y(o.label), 9, Y)) : k("", !0),
         c.value && !e.value && s === c.value ? (t(), a("span", {
           key: 1,
@@ -46,11 +46,11 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
         class: "pill collapse-pill",
         onClick: n[1] || (n[1] = (o) => e.value = !1)
       }, [
-        b(l(T))
+        h(l(T))
       ])) : k("", !0)
     ]));
   }
-}), ee = /* @__PURE__ */ P(Z, [["__scopeId", "data-v-5817f518"]]), te = { class: "tr-feedback" }, se = { class: "tr-feedback__operations" }, oe = { class: "tr-feedback__operations-left" }, ne = { key: 1 }, le = { class: "tr-feedback__operations-right" }, ae = {
+}), ee = /* @__PURE__ */ P(Z, [["__scopeId", "data-v-c5fbb560"]]), te = { class: "tr-feedback" }, se = { class: "tr-feedback__operations" }, oe = { class: "tr-feedback__operations-left" }, ne = { key: 1 }, le = { class: "tr-feedback__operations-right" }, ae = {
   key: 0,
   class: "tr-feedback__footer"
 }, re = { key: 0 }, ie = /* @__PURE__ */ X({
@@ -64,55 +64,55 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
     sourcesLinesLimit: { default: Number.MAX_SAFE_INTEGER }
   },
   emits: ["operation", "action"],
-  setup(h, { emit: _ }) {
-    const e = h, L = {
+  setup(b, { emit: m }) {
+    const e = b, g = {
       copy: J,
       refresh: H,
       like: j,
       dislike: q
-    }, c = _, g = (n) => {
+    }, c = m, L = (n) => {
       var o, s, r;
       (r = (s = (o = e.operations) == null ? void 0 : o.find((v) => v.name === n)) == null ? void 0 : s.onClick) == null || r.call(s), c("operation", n);
     }, A = (n) => {
       var o, s, r;
       (r = (s = (o = e.actions) == null ? void 0 : o.find((v) => v.name === n)) == null ? void 0 : s.onClick) == null || r.call(s), c("action", n);
-    }, m = E(!1), u = () => {
-      m.value = !m.value;
+    }, p = E(!1), u = () => {
+      p.value = !p.value;
     };
     return (n, o) => {
       var s, r, v, w, B, F, M, G;
       return t(), a("div", te, [
-        p("div", se, [
-          p("div", oe, [
-            (s = e.operations) != null && s.length ? (t(), d(l($), {
+        d("div", se, [
+          d("div", oe, [
+            (s = e.operations) != null && s.length ? (t(), _(l($), {
               key: 0,
               "max-num": e.operationsLimit,
               "drop-down-show-label-only": !0,
-              onItemClick: g,
+              onItemClick: L,
               class: "tr-feedback__operations-left-action-group"
             }, {
               moreBtn: f(() => [
-                b(l(R), {
+                h(l(R), {
                   round: "",
                   size: "mini",
                   "reset-time": 0,
                   class: "tr-feedback__operations-more-btn"
                 }, {
                   default: f(() => [
-                    o[0] || (o[0] = p("span", null, "更多", -1)),
-                    b(l(N))
+                    o[0] || (o[0] = d("span", null, "更多", -1)),
+                    h(l(N))
                   ]),
                   _: 1
                 })
               ]),
               default: f(() => [
-                (t(!0), a(I, null, S(e.operations, (i) => (t(), d(l(V), {
+                (t(!0), a(I, null, S(e.operations, (i) => (t(), _(l(V), {
                   key: i.name,
                   name: i.name,
                   label: i.label
                 }, {
                   default: f(() => [
-                    b(l(R), {
+                    h(l(R), {
                       round: "",
                       "reset-time": 0,
                       size: "mini"
@@ -128,32 +128,32 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
               ]),
               _: 1
             }, 8, ["max-num"])) : (r = e.sources) != null && r.length ? (t(), a("div", ne, [
-              p("span", {
+              d("span", {
                 class: "tr-feedback__source",
                 onClick: u
               }, [
-                p("span", null, y((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
-                (t(), d(C(m.value ? l(T) : l(N))))
+                d("span", null, y((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
+                (t(), _(C(p.value ? l(T) : l(N))))
               ])
             ])) : k("", !0)
           ]),
-          p("div", le, [
-            b(l($), {
+          d("div", le, [
+            h(l($), {
               "max-num": e.actionsLimit,
               "show-tooltip": !0,
               onItemClick: A
             }, {
               default: f(() => [
-                (t(!0), a(I, null, S(e.actions, (i) => (t(), d(l(V), {
+                (t(!0), a(I, null, S(e.actions, (i) => (t(), _(l(V), {
                   key: i.name,
                   name: i.name,
                   label: i.label
                 }, {
                   default: f(() => [
-                    typeof i.icon == "string" ? (t(), d(l(Q), {
+                    typeof i.icon == "string" ? (t(), _(l(Q), {
                       key: 0,
-                      icon: L[i.icon]
-                    }, null, 8, ["icon"])) : (t(), d(C(i.icon), { key: 1 }))
+                      icon: g[i.icon]
+                    }, null, 8, ["icon"])) : (t(), _(C(i.icon), { key: 1 }))
                   ]),
                   _: 2
                 }, 1032, ["name", "label"]))), 128))
@@ -162,17 +162,17 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
             }, 8, ["max-num"])
           ])
         ]),
-        (w = e.operations) != null && w.length && ((B = e.sources) != null && B.length) || m.value && e.sources ? (t(), a("div", ae, [
+        (w = e.operations) != null && w.length && ((B = e.sources) != null && B.length) || p.value && e.sources ? (t(), a("div", ae, [
           (F = e.operations) != null && F.length && ((M = e.sources) != null && M.length) ? (t(), a("div", re, [
-            p("span", {
+            d("span", {
               class: "tr-feedback__source",
               onClick: u
             }, [
-              p("span", null, y((G = e.sources) == null ? void 0 : G.length) + "条来源", 1),
-              (t(), d(C(m.value ? l(T) : l(N))))
+              d("span", null, y((G = e.sources) == null ? void 0 : G.length) + "条来源", 1),
+              (t(), _(C(p.value ? l(T) : l(N))))
             ])
           ])) : k("", !0),
-          m.value && e.sources ? (t(), d(l(ee), {
+          p.value && e.sources ? (t(), _(l(ee), {
             key: 1,
             sources: e.sources,
             "lines-limit": e.sourcesLinesLimit
@@ -183,8 +183,8 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
   }
 }), x = /* @__PURE__ */ P(ie, [["__scopeId", "data-v-cc6ef316"]]);
 x.name = "TrFeedback";
-const ce = function(h) {
-  h.component(x.name, x);
+const ce = function(b) {
+  b.component(x.name, x);
 };
 x.install = ce;
 export {

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

@@ -1,6 +1,6 @@
-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 x, createBlock as B, 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 { a as X, o as j } from "../index3.js";
+import { b as X, o as j } from "../index2.js";
 import { _ as J } from "../_plugin-vue_export-helper.js";
 const K = ["onClick"], P = {
   key: 0,
@@ -67,26 +67,26 @@ const K = ["onClick"], P = {
       }, [
         s.value === null || f < s.value ? (l(), a("button", {
           key: 0,
-          class: x(["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)
         }, [
-          (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
+          (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
           e.label ? (l(), a("span", P, D(e.label), 1)) : _("", !0)
         ], 10, K)) : _("", !0)
       ], 64))), 128)),
       C("div", Q, [
         m.value ? _("", !0) : (l(), a("button", {
           key: 0,
-          class: x(["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,
           onMouseenter: o[0] || (o[0] = (e) => v(!0)),
           onMouseleave: o[1] || (o[1] = (e) => v(!1))
         }, [
-          (l(), B(b(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
+          (l(), x(B(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
         ], 34)),
         C("div", {
           class: "tr-flow-layout__dropdown-container",
@@ -100,11 +100,11 @@ const K = ["onClick"], P = {
             ref: k
           }, [
             (l(!0), a(I, null, S(z.value, (e) => (l(), a("button", {
-              class: x(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
+              class: b(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
               key: e.id,
               onClick: (f) => R(e.id)
             }, [
-              (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
+              (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
               C("span", Z, D(e.label), 1)
             ], 10, Y))), 128))
           ], 512)) : _("", !0)
@@ -112,7 +112,7 @@ const K = ["onClick"], P = {
       ])
     ], 512));
   }
-}), p = /* @__PURE__ */ J(ee, [["__scopeId", "data-v-5a28ac75"]]);
+}), p = /* @__PURE__ */ J(ee, [["__scopeId", "data-v-5c283520"]]);
 p.name = "TrFlowLayout";
 const te = function(d) {
   d.component(p.name, p);

package/dist/history/index.js

@@ -1,9 +1,9 @@
 import { defineComponent as V, createElementBlock as u, openBlock as n, normalizeStyle as X, normalizeClass as D, createElementVNode as p, toDisplayString as k, createVNode as m, unref as e, ref as G, watchEffect as Y, nextTick as Z, mergeModels as N, useCssVars as q, computed as h, useModel as P, createCommentVNode as E, Fragment as T, renderList as $, createBlock as R, withDirectives as ee, mergeProps as te, withCtx as z, withModifiers as H, vModelText as re } from "vue";
 import { f as oe, z as se, r as ae, n as ne, t as ie } from "../tiny-robot-svgs.js";
-import { I as le } from "../index6.js";
+import { I as le } from "../index5.js";
 import { T as S } from "../index4.js";
 import B from "../icon-button/index.js";
-import { o as ce } from "../index3.js";
+import { o as ce } from "../index2.js";
 import { _ as M } from "../_plugin-vue_export-helper.js";
 const ue = /* @__PURE__ */ V({
   __name: "item-tag",

package/dist/icon-button/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as p, useCssVars as l, computed as t, createElementBlock as u, openBlock as s, normalizeClass as m, createBlock as d, resolveDynamicComponent as _ } from "vue";
-import { toCssUnit as c } from "../shared/index.js";
+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 { _ as f } from "../_plugin-vue_export-helper.js";
 const v = /* @__PURE__ */ p({
   __name: "index",
@@ -9,12 +9,12 @@ const v = /* @__PURE__ */ p({
     svgSize: { default: "16px" },
     rounded: { type: Boolean }
   },
-  setup(n) {
+  setup(t) {
     l((i) => ({
       "72b46ad2": a.value,
       66777814: r.value
     }));
-    const o = n, a = t(() => c(o.size)), r = t(() => c(o.svgSize));
+    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 }])
     }, [
@@ -23,8 +23,8 @@ const v = /* @__PURE__ */ p({
   }
 }), e = /* @__PURE__ */ f(v, [["__scopeId", "data-v-fe8553bc"]]);
 e.name = "TrIconButton";
-const x = function(n) {
-  n.component(e.name, e);
+const x = function(t) {
+  t.component(e.name, e);
 };
 e.install = x;
 export {