@opentiny/tiny-robot 0.3.0-alpha.12 → 0.3.0-alpha.14

package/dist/container/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as v, useCssVars as m, useModel as d, computed as _, createElementBlock as w, openBlock as g, createElementVNode as n, renderSlot as r, createVNode as c, unref as a } from "vue";
-import { R as h, v as $, U as C } from "../tiny-robot-svgs.js";
-import u from "../icon-button/index.js";
+import { defineComponent as v, useCssVars as m, useModel as d, computed as _, createElementBlock as w, openBlock as g, createElementVNode as o, renderSlot as r, createVNode as u, unref as a } from "vue";
+import { m as h, G as $, x as C } from "../tiny-robot-svgs.js";
+import c from "../icon-button/index.js";
 import { _ as b } from "../_plugin-vue_export-helper.js";
-const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k = { class: "tr-container__header-operations" }, y = { class: "tr-container__footer" }, E = /* @__PURE__ */ v({
+const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k = { class: "tr-container__header-operations" }, x = { class: "tr-container__footer" }, y = /* @__PURE__ */ v({
   __name: "index",
   props: {
     show: { type: Boolean, required: !0 },
@@ -11,31 +11,31 @@ const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k =
     fullscreenModifiers: {}
   },
   emits: ["update:show", "update:fullscreen"],
-  setup(o) {
+  setup(n) {
     m((t) => ({
-      "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"
+      "12c6880d": s.value ? "0" : "unset",
+      dbe5f3c0: s.value ? "unset" : "var(--tr-container-width)",
+      "676af261": l.value ? "var(--tr-z-index-fixed)" : "-1",
+      "19e9bbe2": l.value ? "1" : "0"
     }));
-    const l = d(o, "show"), s = d(o, "fullscreen"), f = _(() => s.value ? h : $);
+    const l = d(n, "show"), s = d(n, "fullscreen"), f = _(() => s.value ? h : $);
     return (t, e) => (g(), w("div", z, [
-      e[3] || (e[3] = n("div", { class: "tr-container__dragging-bar-wrapper" }, [
-        n("div", { class: "tr-container__dragging-bar" })
+      e[3] || (e[3] = o("div", { class: "tr-container__dragging-bar-wrapper" }, [
+        o("div", { class: "tr-container__dragging-bar" })
       ], -1)),
-      n("div", B, [
+      o("div", B, [
         r(t.$slots, "title", {}, () => [
-          e[2] || (e[2] = n("h3", { class: "tr-container__title" }, "OpenTiny NEXT", -1))
-        ]),
-        n("div", k, [
-          r(t.$slots, "operations"),
-          c(a(u), {
+          e[2] || (e[2] = o("h3", { class: "tr-container__title" }, "OpenTiny NEXT", -1))
+        ], !0),
+        o("div", k, [
+          r(t.$slots, "operations", {}, void 0, !0),
+          u(a(c), {
             size: "28",
             "svg-size": "20",
             icon: f.value,
             onClick: e[0] || (e[0] = (p) => t.$emit("update:fullscreen", !s.value))
           }, null, 8, ["icon"]),
-          c(a(u), {
+          u(a(c), {
             size: "28",
             "svg-size": "20",
             icon: a(C),
@@ -43,18 +43,18 @@ const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k =
           }, null, 8, ["icon"])
         ])
       ]),
-      r(t.$slots, "default"),
-      n("div", y, [
-        r(t.$slots, "footer")
+      r(t.$slots, "default", {}, void 0, !0),
+      o("div", x, [
+        r(t.$slots, "footer", {}, void 0, !0)
       ])
     ]));
   }
-}), i = /* @__PURE__ */ b(E, [["__scopeId", "data-v-6a9b9126"]]);
+}), i = /* @__PURE__ */ b(y, [["__scopeId", "data-v-3fa99833"]]);
 i.name = "TrContainer";
-const I = function(o) {
-  o.component(i.name, i);
+const E = function(n) {
+  n.component(i.name, i);
 };
-i.install = I;
+i.install = E;
 export {
   i as default
 };

package/dist/dropdown-menu/index.js

@@ -1,10 +1,80 @@
-import { defineComponent as M, mergeModels as f, useModel as B, computed as a, ref as x, watch as R, createBlock as E, openBlock as i, unref as T, withCtx as v, createElementVNode as b, createElementBlock as w, Fragment as D, renderList as H, toDisplayString as L, renderSlot as P } from "vue";
-import { o as I, b as h } from "../index3.js";
-import { B as S } from "../index4.js";
-import { _ as $ } from "../_plugin-vue_export-helper.js";
-const F = { class: "tr-dropdown-menu__list" }, N = ["onClick"], O = /* @__PURE__ */ M({
+import { ref as k, onUnmounted as T, watch as C, defineComponent as E, mergeModels as y, useModel as H, computed as p, createBlock as I, openBlock as w, unref as X, withCtx as _, createElementVNode as j, createElementBlock as b, Fragment as D, renderList as L, toDisplayString as Y, renderSlot as O } from "vue";
+import { w as S, b as M, o as $ } from "../index3.js";
+import { B as A } from "../index4.js";
+import { u as F } from "../utils.js";
+import { _ as G } from "../_plugin-vue_export-helper.js";
+const P = (o, t) => o.x >= t.left && o.x <= t.right && o.y >= t.top && o.y <= t.bottom, N = (o, t, g = !1) => {
+  if (t.length < 3) return !1;
+  const l = o.x, d = o.y;
+  let f = !1;
+  const r = (s, c, a, n, i, e) => {
+    const m = (i - a) * (c - n) - (e - n) * (s - a);
+    if (Math.abs(m) > 1e-10) return !1;
+    const u = Math.min(a, i), h = Math.max(a, i), x = Math.min(n, e), B = Math.max(n, e);
+    return s >= u && s <= h && c >= x && c <= B;
+  };
+  for (let s = 0, c = t.length - 1; s < t.length; c = s++) {
+    const a = t[s].x, n = t[s].y, i = t[c].x, e = t[c].y;
+    if (g && r(l, d, a, n, i, e))
+      return !0;
+    if (n > d && e <= d || e > d && n <= d) {
+      const u = (i - a) * (d - n) / (e - n) + a;
+      l < u && (f = !f);
+    }
+  }
+  return f;
+}, U = (o, t) => t.bottom < o.top ? [
+  { x: o.left, y: o.top },
+  { x: o.right, y: o.top },
+  { x: t.right, y: t.bottom },
+  { x: t.left, y: t.bottom }
+] : t.top > o.bottom ? [
+  { x: o.left, y: o.bottom },
+  { x: o.right, y: o.bottom },
+  { x: t.right, y: t.top },
+  { x: t.left, y: t.top }
+] : [], { x: V, y: q } = F(), z = (o, t, g) => {
+  const { delayEnter: l = 0, delayLeave: d = 0 } = g || {}, f = k(!1), r = k("outside");
+  let s = null;
+  const c = () => {
+    s && (clearTimeout(s), s = null);
+  };
+  T(() => {
+    c();
+  });
+  const a = (n) => {
+    const i = n ? l : d;
+    c(), i ? s = setTimeout(() => f.value = n, i) : f.value = n;
+  };
+  return C(
+    r,
+    (n) => {
+      ["trigger", "popper", "polygon"].includes(n) ? a(!0) : a(!1);
+    },
+    { immediate: !0 }
+  ), S(
+    [V, q],
+    ([n, i]) => {
+      const e = M(o), m = M(t), u = e == null ? void 0 : e.getBoundingClientRect(), h = m == null ? void 0 : m.getBoundingClientRect();
+      if (u && P({ x: n, y: i }, u)) {
+        r.value = "trigger";
+        return;
+      }
+      if (h && P({ x: n, y: i }, h)) {
+        r.value = "popper";
+        return;
+      }
+      if (!u || !h || u.width === 0 || u.height === 0 || h.width === 0 || h.height === 0) {
+        r.value = "outside";
+        return;
+      }
+      N({ x: n, y: i }, U(u, h), !0) ? r.value = "polygon" : r.value = "outside";
+    },
+    { throttle: 10 }
+  ), f;
+}, J = { class: "tr-dropdown-menu__list" }, K = ["onClick"], Q = /* @__PURE__ */ E({
   __name: "index",
-  props: /* @__PURE__ */ f({
+  props: /* @__PURE__ */ y({
     appendTo: {},
     items: {},
     show: { type: Boolean },
@@ -13,80 +83,77 @@ const F = { class: "tr-dropdown-menu__list" }, N = ["onClick"], O = /* @__PURE__
     show: { type: Boolean, default: !1 },
     showModifiers: {}
   }),
-  emits: /* @__PURE__ */ f(["item-click", "click-outside"], ["update:show"]),
-  setup(n, { expose: k, emit: _ }) {
-    const t = n, c = _, d = B(n, "show"), o = a({
-      get: () => t.trigger === "manual" ? t.show : d.value,
+  emits: /* @__PURE__ */ y(["item-click", "click-outside"], ["update:show"]),
+  setup(o, { expose: t, emit: g }) {
+    const l = o, d = g, f = H(o, "show"), r = p({
+      get: () => l.trigger === "manual" ? l.show : f.value,
       set: (e) => {
-        t.trigger !== "manual" && (d.value = e);
+        l.trigger !== "manual" && (f.value = e);
       }
-    }), s = x(null), p = a(() => {
+    }), s = k(null), c = p(() => {
       var e;
       return (e = s.value) == null ? void 0 : e.triggerRef;
-    }), u = a(() => {
+    }), a = p(() => {
       var e;
       return (e = s.value) == null ? void 0 : e.popperRef;
     });
-    if (t.trigger === "click" || t.trigger === "manual")
-      I(
-        u,
+    if (l.trigger === "click" || l.trigger === "manual")
+      $(
+        a,
         (e) => {
-          c("click-outside", e), o.value = !1;
+          d("click-outside", e), r.value = !1;
         },
-        { ignore: [p] }
-      );
-    else if (t.trigger === "hover") {
-      const e = h(p, { delayEnter: 100, delayLeave: 300 }), m = h(u, { delayEnter: 100, delayLeave: 300 });
-      R(
-        () => [e.value, m.value],
-        ([r, g]) => {
-          o.value = r || g;
-        }
+        { ignore: [c] }
       );
+    else if (l.trigger === "hover") {
+      const e = z(c, a, { delayEnter: 100, delayLeave: 100 });
+      C(e, (m) => {
+        r.value = m;
+      });
     }
-    const y = () => {
-      t.trigger === "click" && (o.value = !o.value);
-    }, C = (e) => {
-      o.value = !1, c("item-click", e);
+    const n = () => {
+      l.trigger === "click" && (r.value = !r.value);
+    }, i = (e) => {
+      r.value = !1, d("item-click", e);
     };
-    return k({
+    return t({
       update: () => {
         var e;
         (e = s.value) == null || e.update();
       }
-    }), (e, m) => (i(), E(T(S), {
-      show: o.value,
+    }), (e, m) => (w(), I(X(A), {
+      show: r.value,
       class: "tr-dropdown-menu",
       ref_key: "basePopperRef",
       ref: s,
       placement: "top-left",
-      "append-to": t.appendTo,
+      "append-to": l.appendTo,
       offset: 8,
       "transition-props": { name: "tr-dropdown-menu" },
       "prevent-overflow": !0,
-      "trigger-events": { onClick: y }
+      "trigger-events": { onClick: n }
     }, {
-      trigger: v(() => [
-        P(e.$slots, "trigger", {}, void 0, !0)
+      trigger: _(() => [
+        O(e.$slots, "trigger", {}, void 0, !0)
       ]),
-      content: v(() => [
-        b("ul", F, [
-          (i(!0), w(D, null, H(t.items, (r) => (i(), w("li", {
+      content: _(() => [
+        j("ul", J, [
+          (w(!0), b(D, null, L(l.items, (u) => (w(), b("li", {
             class: "tr-dropdown-menu__list-item",
-            key: r.id,
-            onClick: (g) => C(r)
-          }, L(r.text), 9, N))), 128))
+            key: u.id,
+            onClick: (h) => i(u)
+          }, Y(u.text), 9, K))), 128))
         ])
       ]),
       _: 3
     }, 8, ["show", "append-to", "trigger-events"]));
   }
-}), l = /* @__PURE__ */ $(O, [["__scopeId", "data-v-dc0b5233"]]);
-l.name = "TrDropdownMenu";
-const V = function(n) {
-  n.component(l.name, l);
+}), v = /* @__PURE__ */ G(Q, [["__scopeId", "data-v-8d480727"]]);
+v.name = "TrDropdownMenu";
+const W = function(o) {
+  o.component(v.name, v);
 };
-l.install = V;
+v.install = W;
 export {
-  l as default
+  v as default
 };

package/dist/feedback/index.js

@@ -1,32 +1,32 @@
-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 w, toDisplayString as y, createVNode as h, unref as l, nextTick as O, createElementVNode as p, createBlock as d, withCtx as f, createTextVNode as W, resolveDynamicComponent as C } from "vue";
-import { V as S, W as N, $ as q, w as j, m as H, K as J } from "../tiny-robot-svgs.js";
-import { B as G } from "../index5.js";
-import R, { ActionGroupItem as V } from "../action-group/index.js";
-import Q from "../icon-button/index.js";
-import { _ as P } from "../_plugin-vue_export-helper.js";
-const U = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__ */ X({
+import { defineComponent as V, ref as E, computed as P, onMounted as z, watch as D, createElementBlock as a, openBlock as t, createCommentVNode as k, Fragment as I, renderList as S, toDisplayString as g, createVNode as h, unref as l, nextTick as J, createElementVNode as p, createBlock as d, withCtx as f, createTextVNode as q, resolveDynamicComponent as C } from "vue";
+import { g as T, a as N, b as j, J as H, t as K, O as Q } from "../tiny-robot-svgs.js";
+import { B as R } from "../index5.js";
+import $, { ActionGroupItem as O } from "../action-group/index.js";
+import U from "../icon-button/index.js";
+import { _ as X } from "../_plugin-vue_export-helper.js";
+const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__ */ V({
   __name: "SourceList",
   props: {
     sources: {},
     linesLimit: { default: Number.MAX_SAFE_INTEGER }
   },
   setup(b) {
-    const m = b, e = E(!1), g = E([]), c = E(null), L = () => {
-      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));
+    const m = b, e = E(!1), y = E([]), c = E(null), L = () => {
+      J(() => {
+        const u = y.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(() => m.sources.length - (c.value || 0));
-    D(L), K(() => m.sources, L);
+    }, A = P(() => m.sources.length - (c.value || 0));
+    z(L), D(() => m.sources, L);
     const _ = (u, n) => {
-      u && (g.value[n] = u);
+      u && (y.value[n] = u);
     };
-    return (u, n) => (t(), a("div", U, [
-      (t(!0), a(I, null, w(m.sources, (o, s) => (t(), a(I, { key: s }, [
+    return (u, n) => (t(), a("div", W, [
+      (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",
@@ -34,26 +34,26 @@ const U = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
           target: "_blank",
           ref_for: !0,
           ref: (r) => _(r, s)
-        }, y(o.label), 9, Y)) : k("", !0),
+        }, g(o.label), 9, Y)) : k("", !0),
         c.value && !e.value && s === c.value ? (t(), a("span", {
           key: 1,
           class: "pill",
           onClick: n[0] || (n[0] = (r) => e.value = !0)
-        }, y(A.value) + "+ ", 1)) : k("", !0)
+        }, g(A.value) + "+ ", 1)) : k("", !0)
       ], 64))), 128)),
       e.value ? (t(), a("span", {
         key: 0,
         class: "pill collapse-pill",
         onClick: n[1] || (n[1] = (o) => e.value = !1)
       }, [
-        h(l(S))
+        h(l(T))
       ])) : k("", !0)
     ]));
   }
-}), 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 = {
+}), ee = /* @__PURE__ */ X(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({
+}, re = { key: 0 }, ie = /* @__PURE__ */ V({
   __name: "index",
   props: {
     operations: {},
@@ -65,11 +65,11 @@ const U = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
   },
   emits: ["operation", "action"],
   setup(b, { emit: m }) {
-    const e = b, g = {
-      copy: J,
-      refresh: H,
-      like: j,
-      dislike: q
+    const e = b, y = {
+      copy: Q,
+      refresh: K,
+      like: H,
+      dislike: j
     }, 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);
@@ -80,11 +80,11 @@ const U = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
       _.value = !_.value;
     };
     return (n, o) => {
-      var s, r, v, T, B, F, M, $;
+      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(R), {
+            (s = e.operations) != null && s.length ? (t(), d(l($), {
               key: 0,
               "max-num": e.operationsLimit,
               "drop-down-show-label-only": !0,
@@ -92,7 +92,7 @@ const U = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
               class: "tr-feedback__operations-left-action-group"
             }, {
               moreBtn: f(() => [
-                h(l(G), {
+                h(l(R), {
                   round: "",
                   size: "mini",
                   "reset-time": 0,
@@ -107,19 +107,19 @@ const U = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
                 })
               ]),
               default: f(() => [
-                (t(!0), a(I, null, w(e.operations, (i) => (t(), d(l(V), {
+                (t(!0), a(I, null, S(e.operations, (i) => (t(), d(l(O), {
                   key: i.name,
                   name: i.name,
                   label: i.label
                 }, {
                   default: f(() => [
-                    h(l(G), {
+                    h(l(R), {
                       round: "",
                       "reset-time": 0,
                       size: "mini"
                     }, {
                       default: f(() => [
-                        W(y(i.label), 1)
+                        q(g(i.label), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -133,27 +133,27 @@ const U = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
                 class: "tr-feedback__source",
                 onClick: u
               }, [
-                p("span", null, y((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
-                (t(), d(C(_.value ? l(S) : l(N))))
+                p("span", null, g((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
+                (t(), d(C(_.value ? l(T) : l(N))))
               ])
             ])) : k("", !0)
           ]),
           p("div", le, [
-            h(l(R), {
+            h(l($), {
               "max-num": e.actionsLimit,
               "show-tooltip": !0,
               onItemClick: A
             }, {
               default: f(() => [
-                (t(!0), a(I, null, w(e.actions, (i) => (t(), d(l(V), {
+                (t(!0), a(I, null, S(e.actions, (i) => (t(), d(l(O), {
                   key: i.name,
                   name: i.name,
                   label: i.label
                 }, {
                   default: f(() => [
-                    typeof i.icon == "string" ? (t(), d(l(Q), {
+                    typeof i.icon == "string" ? (t(), d(l(U), {
                       key: 0,
-                      icon: g[i.icon]
+                      icon: y[i.icon]
                     }, null, 8, ["icon"])) : (t(), d(C(i.icon), { key: 1 }))
                   ]),
                   _: 2
@@ -163,14 +163,14 @@ const U = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
             }, 8, ["max-num"])
           ])
         ]),
-        (T = e.operations) != null && T.length && ((B = e.sources) != null && B.length) || _.value && e.sources ? (t(), a("div", ae, [
+        (w = e.operations) != null && w.length && ((B = e.sources) != null && B.length) || _.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", {
               class: "tr-feedback__source",
               onClick: u
             }, [
-              p("span", null, y(($ = e.sources) == null ? void 0 : $.length) + "条来源", 1),
-              (t(), d(C(_.value ? l(S) : l(N))))
+              p("span", null, g((G = e.sources) == null ? void 0 : G.length) + "条来源", 1),
+              (t(), d(C(_.value ? l(T) : l(N))))
             ])
           ])) : k("", !0),
           _.value && e.sources ? (t(), d(l(ee), {
@@ -182,7 +182,7 @@ const U = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
       ]);
     };
   }
-}), x = /* @__PURE__ */ P(ie, [["__scopeId", "data-v-cc6ef316"]]);
+}), x = /* @__PURE__ */ X(ie, [["__scopeId", "data-v-cc6ef316"]]);
 x.name = "TrFeedback";
 const ce = function(b) {
   b.component(x.name, x);

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

@@ -1,5 +1,5 @@
-import { defineComponent as q, mergeModels as E, useModel as G, 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 W, nextTick as H } from "vue";
-import { W as X } from "../tiny-robot-svgs.js";
+import { defineComponent as q, mergeModels as E, useModel as G, 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 H } from "vue";
+import { a as X } from "../tiny-robot-svgs.js";
 import { e as j, o as J } from "../index3.js";
 import { _ as K } from "../_plugin-vue_export-helper.js";
 const P = ["onClick"], Q = {
@@ -18,7 +18,7 @@ const P = ["onClick"], Q = {
     selectedModifiers: {}
   }),
   emits: /* @__PURE__ */ E(["item-click"], ["update:selected"]),
-  setup(d, { emit: D }) {
+  setup(d, { emit: F }) {
     const n = d, u = G(d, "selected");
     g(
       () => n.items,
@@ -27,7 +27,7 @@ const P = ["onClick"], Q = {
       },
       { immediate: !0 }
     );
-    const F = D, y = i(null), w = i(null), k = i(null), M = i([]), s = i(null), m = i(!1), c = i(!1), N = (t, o) => {
+    const N = F, y = i(null), w = i(null), k = i(null), M = i([]), s = i(null), m = i(!1), c = i(!1), A = (t, o) => {
       t && (M.value[o] = t);
     }, L = () => {
       s.value = null, m.value = !1, H(() => {
@@ -43,12 +43,12 @@ const P = ["onClick"], Q = {
       });
     };
     g(() => n.items, L);
-    const { width: A } = j(y);
-    g(A, (t) => {
+    const { width: W } = j(y);
+    g(W, (t) => {
       t > 0 && L();
     });
     const z = $(() => s.value !== null ? n.items.slice(s.value) : []), O = $(() => s.value === null ? !1 : n.items.findIndex((o) => o.id === u.value) >= s.value), R = (t) => {
-      u.value = t, c.value = !1, F("item-click", t);
+      u.value = t, c.value = !1, N("item-click", t);
     }, V = () => {
       n.showMoreTrigger === "click" && (c.value = !c.value);
     }, v = (t) => {
@@ -72,11 +72,11 @@ const P = ["onClick"], Q = {
           key: 0,
           class: x(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
           ref_for: !0,
-          ref: (r) => N(r, f),
+          ref: (r) => A(r, f),
           onClick: (r) => R(e.id)
         }, [
           (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
-          e.label ? (l(), a("span", Q, W(e.label), 1)) : _("", !0)
+          e.label ? (l(), a("span", Q, D(e.label), 1)) : _("", !0)
         ], 10, P)) : _("", !0)
       ], 64))), 128)),
       C("div", U, [
@@ -108,7 +108,7 @@ const P = ["onClick"], Q = {
               onClick: (f) => R(e.id)
             }, [
               (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
-              C("span", Z, W(e.label), 1)
+              C("span", Z, D(e.label), 1)
             ], 10, Y))), 128))
           ], 512)) : _("", !0)
         ], 32)