@opentiny/tiny-robot 0.2.10 → 0.2.12

package/dist/action-group/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, useSlots as H, computed as i, ref as f, watch as N, nextTick as W, createElementBlock as _, openBlock as n, createBlock as v, createCommentVNode as R, Fragment as G, renderList as I, unref as h, withCtx as S, createElementVNode as w, resolveDynamicComponent as x, renderSlot as L, createVNode as E, Transition as j, withDirectives as q, normalizeClass as J, withModifiers as K, toDisplayString as Q, vShow as U } from "vue";
+import { defineComponent as $, useSlots as H, computed as i, ref as f, watch as N, nextTick as W, createElementBlock as _, openBlock as o, createBlock as v, createCommentVNode as R, Fragment as G, renderList as I, unref as h, withCtx as S, createElementVNode as w, resolveDynamicComponent as x, renderSlot as L, createVNode as E, Transition as j, withDirectives as q, normalizeClass as J, withModifiers as K, toDisplayString as Q, vShow as U } from "vue";
 import { c as Y } from "../tiny-robot-svgs.js";
 import { T as M } from "../index4.js";
 import { o as Z, a as ee } from "../index2.js";
@@ -12,45 +12,48 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
     dropDownShowLabelOnly: { type: Boolean }
   },
   emits: ["item-click"],
-  setup(l, { emit: k }) {
-    const a = l, F = H(), O = k, p = i(() => {
-      var o, t;
+  setup(r, { emit: k }) {
+    const l = r, F = H(), O = k, p = i(() => {
+      var a, t;
       const e = F.default();
-      return Array.isArray(e) ? e.length === 1 && ((o = e[0].type) == null ? void 0 : o.toString()) === "Symbol(v-fgt)" ? e[0].children : e : ((t = e.type) == null ? void 0 : t.toString()) === "Symbol(v-fgt)" ? e.children : [e];
+      return Array.isArray(e) ? e.length === 1 && ((a = e[0].type) == null ? void 0 : a.toString()) === "Symbol(v-fgt)" ? e[0].children : e : ((t = e.type) == null ? void 0 : t.toString()) === "Symbol(v-fgt)" ? e.children : [e];
     }), y = i(() => {
-      const e = a.maxNum ?? Number.MAX_SAFE_INTEGER;
+      const e = l.maxNum ?? Number.MAX_SAFE_INTEGER;
       return e > 0 ? e : Number.MAX_SAFE_INTEGER;
-    }), b = i(() => p.value.length > y.value), V = i(() => b.value ? p.value.slice(0, y.value) : p.value), z = i(() => b.value ? p.value.slice(y.value) : []), m = f(null), d = f(null), r = f(!1), P = () => {
-      r.value = !r.value;
+    }), b = i(() => p.value.length > y.value), V = i(() => b.value ? p.value.slice(0, y.value) : p.value), z = i(() => b.value ? p.value.slice(y.value) : []), m = f(null), d = f(null), n = f(!1), P = () => {
+      n.value = !n.value;
     };
-    Z(d, (e) => {
-      var o;
-      (o = m.value) != null && o.contains(e.target) || (r.value = !1);
-    });
+    Z(
+      d,
+      () => {
+        n.value = !1;
+      },
+      { ignore: [m] }
+    );
     const A = (e) => {
-      O("item-click", e), r.value = !1;
+      O("item-click", e), n.value = !1;
     }, B = f("placement-bottom"), { height: D } = ee(), T = () => {
       if (!d.value || !m.value)
         return "placement-bottom";
-      const e = d.value.getBoundingClientRect(), o = m.value.getBoundingClientRect();
-      B.value = o.bottom + e.height + 16 > D.value ? "placement-top" : "placement-bottom";
+      const e = d.value.getBoundingClientRect(), a = m.value.getBoundingClientRect();
+      B.value = a.bottom + e.height + 16 > D.value ? "placement-top" : "placement-bottom";
     };
-    return N(r, (e) => {
+    return N(n, (e) => {
       e && W(() => {
         T();
       });
     }), N(D, () => {
-      r.value && T();
-    }), (e, o) => (n(), _("div", ne, [
-      (n(!0), _(G, null, I(V.value, (t, C) => {
+      n.value && T();
+    }), (e, a) => (o(), _("div", ne, [
+      (o(!0), _(G, null, I(V.value, (t, C) => {
         var c;
-        return n(), v(h(M), {
+        return o(), v(h(M), {
           key: C,
           content: (c = t.props) == null ? void 0 : c.label,
           effect: "dark",
           placement: "top",
           "open-delay": 500,
-          disabled: !a.showTooltip
+          disabled: !l.showTooltip
         }, {
           default: S(() => [
             w("span", {
@@ -60,19 +63,19 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
                 return A((s = t.props) == null ? void 0 : s.name);
               }
             }, [
-              (n(), v(x(t)))
+              (o(), v(x(t)))
             ], 8, re)
           ]),
           _: 2
         }, 1032, ["content", "disabled"]);
       }), 128)),
-      b.value ? (n(), v(h(M), {
+      b.value ? (o(), v(h(M), {
         key: 0,
         content: "更多",
         effect: "dark",
         placement: "top",
         "open-delay": 500,
-        disabled: !a.showTooltip
+        disabled: !l.showTooltip
       }, {
         default: S(() => [
           w("span", {
@@ -91,9 +94,9 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
                   ref: d,
                   class: J(["tr-action-group__dropdown", B.value])
                 }, [
-                  (n(!0), _(G, null, I(z.value, (t, C) => {
+                  (o(!0), _(G, null, I(z.value, (t, C) => {
                     var c;
-                    return n(), _("li", {
+                    return o(), _("li", {
                       class: "tr-action-group__dropdown-item",
                       key: C,
                       onClick: K((X) => {
@@ -101,12 +104,12 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
                         return A((s = t.props) == null ? void 0 : s.name);
                       }, ["stop"])
                     }, [
-                      a.dropDownShowLabelOnly ? R("", !0) : (n(), v(x(t), { key: 0 })),
+                      l.dropDownShowLabelOnly ? R("", !0) : (o(), v(x(t), { key: 0 })),
                       w("span", ae, Q((c = t.props) == null ? void 0 : c.label), 1)
                     ], 8, le);
                   }), 128))
                 ], 2), [
-                  [U, r.value]
+                  [U, n.value]
                 ])
               ]),
               _: 1
@@ -117,24 +120,24 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
       }, 8, ["disabled"])) : R("", !0)
     ]));
   }
-}), g = /* @__PURE__ */ oe(ce, [["__scopeId", "data-v-f3138789"]]), u = /* @__PURE__ */ $({
+}), g = /* @__PURE__ */ oe(ce, [["__scopeId", "data-v-f8531261"]]), u = /* @__PURE__ */ $({
   __name: "ActionGroupItem",
   props: {
     name: {},
     label: {}
   },
-  setup(l) {
-    return (k, a) => L(k.$slots, "default");
+  setup(r) {
+    return (k, l) => L(k.$slots, "default");
   }
 });
 g.name = "TrActionGroup";
-const se = function(l) {
-  l.component(g.name, g);
+const se = function(r) {
+  r.component(g.name, g);
 };
 g.install = se;
 u.name = "TrActionGroupItem";
-const ie = function(l) {
-  l.component(u.name, u);
+const ie = function(r) {
+  r.component(u.name, u);
 };
 u.install = ie;
 const ve = u;

package/dist/base-popper/index.js

@@ -0,0 +1,107 @@
+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;
+  });
+}
+const ce = /* @__PURE__ */ j({
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    offset: {},
+    placement: { default: "top-center" },
+    preventOverflow: { type: Boolean },
+    renderAllTriggers: { type: Boolean },
+    show: { type: Boolean },
+    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;
+    }
+    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
+      };
+    }), { 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;
+          return;
+        }
+        const _ = s === "top" || s === "bottom", G = _ ? "100dvh" : "100dvw", I = l(_ ? A.value : T.value);
+        r[s] = `clamp(0px, ${f}, calc(${G} - ${I}))`;
+      };
+      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;
+    });
+    E(
+      () => o.show,
+      (e) => {
+        e && U(() => {
+          M();
+        });
+      }
+    );
+    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,
+        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, {
+            key: 0,
+            to: te(D)
+          }, [
+            oe("div", k({
+              class: "tr-base-popper",
+              ref_key: "popperRef",
+              ref: y,
+              style: z.value
+            }, e.$attrs), [
+              re(e.$slots, "content", {}, void 0, !0)
+            ], 16)
+          ], 8, ["to"])) : Y("", !0)
+        ]),
+        _: 3
+      }, 16)
+    ], 64));
+  }
+}), ue = /* @__PURE__ */ ie(ce, [["__scopeId", "data-v-21605fe2"]]);
+ue.name = "TrBasePopper";
+export {
+  ue as default
+};

package/dist/dropdown-menu/index.js

@@ -1,79 +1,85 @@
-import { defineComponent as E, useCssVars as N, unref as w, useAttrs as O, computed as m, ref as p, watch as W, createElementBlock as r, openBlock as s, Fragment as h, createElementVNode as v, createVNode as z, normalizeStyle as k, normalizeClass as I, renderSlot as P, Transition as A, withCtx as F, createCommentVNode as H, renderList as L, toDisplayString as U } from "vue";
-import { c as y, o as b } from "../index2.js";
-import { t as n } from "../utils.js";
-import { _ as j } from "../_plugin-vue_export-helper.js";
-const q = { class: "tr-dropdown-menu__list" }, G = ["onClick"], J = /* @__PURE__ */ E({
+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 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: {
     items: {},
     show: { type: Boolean },
-    trigger: { default: "click" },
-    minWidth: { default: 160 },
-    topOffset: { default: 0 }
+    trigger: { default: "click" }
   },
   emits: ["item-click", "click-outside"],
-  setup(a, { emit: x }) {
-    N((e) => ({
-      "1cd1e3f9": w(n)(t.minWidth)
-    }));
-    const t = a, f = O(), C = m(() => f.style), _ = p(!1), o = m({
-      get: () => t.trigger === "manual" ? t.show : _.value,
+  setup(l, { emit: w }) {
+    const t = l, c = w, u = g(!1), r = n({
+      get: () => t.trigger === "manual" ? t.show : u.value,
       set: (e) => {
-        t.trigger !== "manual" && (_.value = e);
+        t.trigger !== "manual" && (u.value = e);
       }
-    }), g = x, i = p(null), u = p(null), { x: $, y: S, update: D } = y(i), { width: R, height: T } = y(u), B = m(() => ({
-      left: `min(${n($.value)}, 100% - ${n(R.value)})`,
-      top: `max(${n(S.value)} - ${n(T.value)} + ${n(t.topOffset)} - 8px, 0px)`
-    }));
-    b(u, (e) => {
-      var c;
-      g("click-outside", e), t.trigger === "click" && ((c = i.value) != null && c.contains(e.target) && e.stopPropagation(), o.value = !1);
-    }), W(o, (e) => {
-      e && D();
+    }), i = g(null), d = n(() => {
+      var e;
+      return (e = i.value) == null ? void 0 : e.triggerRef;
+    }), p = n(() => {
+      var e;
+      return (e = i.value) == null ? void 0 : e.popperRef;
     });
-    const M = () => {
-      o.value = !o.value;
-    }, V = (e) => {
-      o.value = !1, g("item-click", e);
+    if (t.trigger === "click" || t.trigger === "manual")
+      P(
+        p,
+        (e) => {
+          c("click-outside", e), r.value = !1;
+        },
+        { ignore: [d] }
+      );
+    else if (t.trigger === "hover") {
+      const e = k(
+        n(() => T(d.value)),
+        { delayEnter: 100, delayLeave: 300 }
+      ), f = k(p, { delayEnter: 100, delayLeave: 300 });
+      R(
+        () => [e.value, f.value],
+        ([o, m]) => {
+          r.value = o || m;
+        }
+      );
+    }
+    const h = () => {
+      t.trigger === "click" && (r.value = !r.value);
+    }, y = (e) => {
+      r.value = !1, c("item-click", e);
     };
-    return (e, c) => (s(), r(h, null, [
-      v("div", {
-        class: I(["tr-dropdown-menu__wrapper", w(f).class]),
-        style: k(C.value),
-        ref_key: "dropDownTriggerRef",
-        ref: i,
-        onPointerup: M
-      }, [
-        P(e.$slots, "default", {}, void 0, !0)
-      ], 38),
-      z(A, { name: "tr-dropdown-menu" }, {
-        default: F(() => [
-          o.value ? (s(), r("div", {
-            key: 0,
-            class: "tr-dropdown-menu",
-            style: k(B.value),
-            ref_key: "dropdownMenuRef",
-            ref: u
-          }, [
-            v("ul", q, [
-              (s(!0), r(h, null, L(t.items, (d) => (s(), r("li", {
-                class: "tr-dropdown-menu__list-item",
-                key: d.id,
-                onClick: (Q) => V(d)
-              }, U(d.text), 9, G))), 128))
-            ])
-          ], 4)) : H("", !0)
-        ]),
-        _: 1
-      })
-    ], 64));
+    return (e, f) => (a(), E(x(b), {
+      show: r.value,
+      class: "tr-dropdown-menu",
+      ref_key: "basePopperRef",
+      ref: i,
+      placement: "top-left",
+      offset: 8,
+      "transition-props": { name: "tr-dropdown-menu" },
+      "prevent-overflow": !0,
+      "trigger-events": { onClick: h }
+    }, {
+      trigger: v(() => [
+        L(e.$slots, "trigger", {}, void 0, !0)
+      ]),
+      content: v(() => [
+        B("ul", S, [
+          (a(!0), _(D, null, M(t.items, (o) => (a(), _("li", {
+            class: "tr-dropdown-menu__list-item",
+            key: o.id,
+            onClick: (m) => y(o)
+          }, H(o.text), 9, $))), 128))
+        ])
+      ]),
+      _: 3
+    }, 8, ["show", "trigger-events"]));
   }
-}), l = /* @__PURE__ */ j(J, [["__scopeId", "data-v-8add3dc5"]]);
-l.name = "TrDropdownMenu";
-const K = function(a) {
-  a.component(l.name, l);
+}), s = /* @__PURE__ */ I(F, [["__scopeId", "data-v-f8df9a66"]]);
+s.name = "TrDropdownMenu";
+const N = function(l) {
+  l.component(s.name, s);
 };
-l.install = K;
+s.install = N;
 export {
-  l as default
+  s as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as V, mergeModels as E, useModel as j, watch as g, ref as i, computed as $, createElementBlock as a, openBlock as l, createElementVNode as b, Fragment as C, renderList as F, createCommentVNode as _, normalizeClass as I, createBlock as x, resolveDynamicComponent as B, toDisplayString as S, nextTick as q } from "vue";
-import { U as G } from "../tiny-robot-svgs.js";
-import { b as H, o as X } from "../index2.js";
+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 { 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";
 const K = ["onClick"], P = {
   key: 0,
@@ -11,15 +11,15 @@ const K = ["onClick"], P = {
     items: {},
     selected: {},
     linesLimit: { default: Number.MAX_SAFE_INTEGER },
-    moreIcon: { type: [Object, Function], default: G },
+    moreIcon: { default: H },
     showMoreTrigger: { default: "click" }
   }, {
     selected: {},
     selectedModifiers: {}
   }),
   emits: /* @__PURE__ */ E(["item-click"], ["update:selected"]),
-  setup(d, { emit: D }) {
-    const n = d, u = j(d, "selected");
+  setup(d, { emit: F }) {
+    const n = d, u = q(d, "selected");
     g(
       () => n.items,
       (t) => {
@@ -27,10 +27,10 @@ const K = ["onClick"], P = {
       },
       { immediate: !0 }
     );
-    const N = D, y = i(null), w = i(null), k = i(null), M = i([]), s = i(null), m = i(!1), c = i(!1), A = (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, q(() => {
+      s.value = null, m.value = !1, G(() => {
         const t = y.value, o = w.value;
         if (!t || !o)
           return;
@@ -43,26 +43,29 @@ const K = ["onClick"], P = {
       });
     };
     g(() => n.items, L);
-    const { width: O } = H(y);
-    g(O, (t) => {
+    const { width: W } = X(y);
+    g(W, (t) => {
       t > 0 && L();
     });
-    const W = $(() => s.value !== null ? n.items.slice(s.value) : []), z = $(() => s.value === null ? !1 : n.items.findIndex((o) => o.id === u.value) >= s.value), R = (t) => {
+    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, N("item-click", t);
     }, U = () => {
       n.showMoreTrigger === "click" && (c.value = !c.value);
     }, v = (t) => {
       n.showMoreTrigger === "hover" && (c.value = t);
     };
-    return X(k, (t) => {
-      var o, e;
-      (o = k.value) != null && o.contains(t.target) || (e = w.value) != null && e.contains(t.target) || (c.value = !1);
-    }), (t, o) => (l(), a("div", {
+    return j(
+      k,
+      () => {
+        c.value = !1;
+      },
+      { ignore: [k, w] }
+    ), (t, o) => (l(), a("div", {
       class: "tr-flow-layout",
       ref_key: "containerRef",
       ref: y
     }, [
-      (l(!0), a(C, null, F(n.items, (e, f) => (l(), a(C, {
+      (l(!0), a(C, null, S(n.items, (e, f) => (l(), a(C, {
         key: e.id
       }, [
         s.value === null || f < s.value ? (l(), a("button", {
@@ -73,13 +76,13 @@ const K = ["onClick"], P = {
           onClick: (r) => R(e.id)
         }, [
           (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
-          e.label ? (l(), a("span", P, S(e.label), 1)) : _("", !0)
+          e.label ? (l(), a("span", P, D(e.label), 1)) : _("", !0)
         ], 10, K)) : _("", !0)
       ], 64))), 128)),
       b("div", Q, [
         m.value ? _("", !0) : (l(), a("button", {
           key: 0,
-          class: I(["tr-flow-layout__item", "icon-only", { selected: z.value }]),
+          class: I(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
           ref_key: "moreButtonRef",
           ref: w,
           onClick: U,
@@ -99,20 +102,20 @@ const K = ["onClick"], P = {
             ref_key: "dropDownRef",
             ref: k
           }, [
-            (l(!0), a(C, null, F(W.value, (e) => (l(), a("button", {
+            (l(!0), a(C, null, S(z.value, (e) => (l(), a("button", {
               class: I(["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, S(e.label), 1)
+              b("span", Z, D(e.label), 1)
             ], 10, Y))), 128))
           ], 512)) : _("", !0)
         ], 32)
       ])
     ], 512));
   }
-}), p = /* @__PURE__ */ J(ee, [["__scopeId", "data-v-8d510691"]]);
+}), p = /* @__PURE__ */ J(ee, [["__scopeId", "data-v-3b70ef9f"]]);
 p.name = "TrFlowLayout";
 const te = function(d) {
   d.component(p.name, p);