@opentiny/tiny-robot 0.3.0-alpha.1 → 0.3.0-alpha.10

package/dist/close.js

@@ -1,4 +1,4 @@
-import { s as o } from "./index6.js";
+import { s as o } from "./index7.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 d, computed as _, createElementBlock as w, openBlock as g, createElementVNode as n, renderSlot as r, createVNode as c, unref as a } from "vue";
-import { l as h, w as $, s as C } from "../tiny-robot-svgs.js";
+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 { _ 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__ */ m({
+const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k = { class: "tr-container__header-operations" }, y = { class: "tr-container__footer" }, E = /* @__PURE__ */ v({
   __name: "index",
   props: {
     show: { type: Boolean, required: !0 },
@@ -12,7 +12,7 @@ const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k =
   },
   emits: ["update:show", "update:fullscreen"],
   setup(o) {
-    v((t) => ({
+    m((t) => ({
       "1daf37f2": s.value ? "0" : "unset",
       "0679141a": s.value ? "unset" : "var(--tr-container-width)",
       "234493b2": l.value ? "var(--tr-z-index-fixed)" : "-1",

package/dist/drag-overlay/index.js

@@ -0,0 +1,57 @@
+import { defineComponent as v, computed as y, createBlock as u, openBlock as t, Transition as F, withCtx as m, createElementBlock as o, createCommentVNode as h, normalizeStyle as _, normalizeClass as w, renderSlot as x, createElementVNode as l, toDisplayString as s, Fragment as D, renderList as B } from "vue";
+import { a as M } from "../index3.js";
+import { _ as Z } from "../_plugin-vue_export-helper.js";
+const k = "data:image/svg+xml,%3csvg%20width='80.000000'%20height='80.000000'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs/%3e%3crect%20width='80.000000'%20height='80.000000'%20fill='%23FFFFFF'%20fill-opacity='0'/%3e%3cpath%20d='M10%2014L70%2014C72.2%2014%2074%2015.79%2074%2018L74%2063C74%2065.2%2072.2%2067%2070%2067L10%2067C7.79%2067%206%2065.2%206%2063L6%2018C6%2015.79%207.79%2014%2010%2014Z'%20fill='%23FFFFFF'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3cpath%20d='M10%2014L70%2014C72.2%2014%2074%2015.79%2074%2018L74%2063C74%2065.2%2072.2%2067%2070%2067L10%2067C7.79%2067%206%2065.2%206%2063L6%2018C6%2015.79%207.79%2014%2010%2014ZM10%2015L70%2015C71%2015%2071.75%2015.25%2072.25%2015.75C72.75%2016.25%2073%2017%2073%2018L73%2063C73%2064%2072.75%2064.75%2072.25%2065.25C71.75%2065.75%2071%2066%2070%2066L10%2066C9%2066%208.25%2065.75%207.75%2065.25C7.25%2064.75%207%2064%207%2063L7%2018C7%2017%207.25%2016.25%207.75%2015.75C8.25%2015.25%209%2015%2010%2015Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3cpath%20d='M6%2047.27L24.56%2029.06C25.73%2027.91%2027.6%2027.91%2028.77%2029.06L44.52%2044.51C45.69%2045.66%2047.56%2045.66%2048.72%2044.51L56.64%2036.75C57.8%2035.6%2059.67%2035.6%2060.84%2036.75L74%2049.67L74%2062C74%2064.76%2071.76%2067%2069%2067L11%2067C8.23%2067%206%2064.76%206%2062L6%2047.27Z'%20fill='%23F0F0F0'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3cpath%20d=''%20fill='%23808080'%20fill-opacity='0'%20fill-rule='evenodd'/%3e%3cellipse%20cx='40.000000'%20cy='40.000000'%20rx='8.000001'%20ry='8.000002'%20fill='%231476FF'%20fill-opacity='1.000000'/%3e%3cpath%20d='M40%2035.5C40.27%2035.5%2040.5%2035.72%2040.5%2036L40.5%2039.49L44%2039.5C44.27%2039.5%2044.5%2039.72%2044.5%2040C44.5%2040.27%2044.27%2040.5%2044%2040.5L40.5%2040.5L40.5%2044C40.5%2044.27%2040.27%2044.5%2040%2044.5C39.72%2044.5%2039.5%2044.27%2039.5%2044L39.5%2040.5L36%2040.5C35.72%2040.5%2035.5%2040.27%2035.5%2040C35.5%2039.72%2035.72%2039.5%2036%2039.5L39.5%2039.5L39.5%2036C39.5%2035.72%2039.72%2035.5%2040%2035.5Z'%20fill='%23FFFFFF'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3cpath%20d='M10%2014L70%2014C72.2%2014%2074%2015.79%2074%2018L74%2063C74%2065.2%2072.2%2067%2070%2067L10%2067C7.79%2067%206%2065.2%206%2063L6%2018C6%2015.79%207.79%2014%2010%2014Z'%20fill='%23FFFFFF'%20fill-opacity='0'%20fill-rule='evenodd'/%3e%3cpath%20d='M10%2014L70%2014C72.2%2014%2074%2015.79%2074%2018L74%2063C74%2065.2%2072.2%2067%2070%2067L10%2067C7.79%2067%206%2065.2%206%2063L6%2018C6%2015.79%207.79%2014%2010%2014ZM10%2015L70%2015C71%2015%2071.75%2015.25%2072.25%2015.75C72.75%2016.25%2073%2017%2073%2018L73%2063C73%2064%2072.75%2064.75%2072.25%2065.25C71.75%2065.75%2071%2066%2070%2066L10%2066C9%2066%208.25%2065.75%207.75%2065.25C7.25%2064.75%207%2064%207%2063L7%2018C7%2017%207.25%2016.25%207.75%2015.75C8.25%2015.25%209%2015%2010%2015Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3ccircle%20cx='58.000000'%20cy='27.000000'%20r='5.000000'%20fill='%23DBDBDB'%20fill-opacity='1.000000'/%3e%3c/svg%3e", T = { class: "tr-drag-overlay__content" }, $ = { class: "tr-drag-overlay__text" }, S = { class: "tr-drag-overlay__title" }, E = { class: "tr-drag-overlay__description" }, z = /* @__PURE__ */ v({
+  __name: "index",
+  props: {
+    overlayTitle: {},
+    overlayDescription: {},
+    isDragging: { type: Boolean },
+    dragTarget: {},
+    fullscreen: { type: Boolean }
+  },
+  setup(r) {
+    const a = r, { top: d, left: c, width: p, height: C } = M(() => a.dragTarget), f = y(() => !a.isDragging || !a.dragTarget ? { display: "none" } : {
+      position: "fixed",
+      top: `${d.value}px`,
+      left: `${c.value}px`,
+      width: `${p.value}px`,
+      height: `${C.value}px`
+    });
+    return (e, n) => (t(), u(F, { name: "tr-fade" }, {
+      default: m(() => [
+        e.isDragging ? (t(), o("div", {
+          key: 0,
+          class: w(["tr-drag-overlay", { "tr-drag-overlay--fullscreen": e.fullscreen }]),
+          style: _(f.value)
+        }, [
+          x(e.$slots, "overlay", { isDragging: e.isDragging }, () => [
+            l("div", T, [
+              n[0] || (n[0] = l("div", { class: "tr-drag-overlay__icon" }, [
+                l("img", {
+                  src: k,
+                  alt: "上传文件"
+                })
+              ], -1)),
+              l("div", $, [
+                l("div", S, s(e.overlayTitle), 1),
+                l("div", E, [
+                  (t(!0), o(D, null, B(e.overlayDescription, (g, L) => (t(), o("span", { key: L }, s(g), 1))), 128))
+                ])
+              ])
+            ])
+          ], !0)
+        ], 6)) : h("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}), i = /* @__PURE__ */ Z(z, [["__scopeId", "data-v-92021e6b"]]);
+i.name = "TrDragOverlay";
+const N = function(r) {
+  r.component(i.name, i);
+};
+i.install = N;
+export {
+  i as default
+};

package/dist/dropdown-menu/index.js

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

package/dist/feedback/index.js

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

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

@@ -1,6 +1,6 @@
-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 A, createCommentVNode as _, normalizeClass as b, createBlock as x, resolveDynamicComponent as B, toDisplayString as S, nextTick as H } from "vue";
-import { A as X } from "../tiny-robot-svgs.js";
-import { b as j, o as J } from "../index2.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 W, nextTick as H } from "vue";
+import { W 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 = {
   key: 0,
@@ -43,8 +43,8 @@ const P = ["onClick"], Q = {
       });
     };
     g(() => n.items, L);
-    const { width: W } = j(y);
-    g(W, (t) => {
+    const { width: A } = j(y);
+    g(A, (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) => {
@@ -54,39 +54,42 @@ const P = ["onClick"], Q = {
     }, v = (t) => {
       n.showMoreTrigger === "hover" && (c.value = t);
     };
-    return J(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(I, null, A(n.items, (e, f) => (l(), a(I, {
+      (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: b(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
+          class: x(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
           ref_for: !0,
           ref: (r) => N(r, f),
           onClick: (r) => R(e.id)
         }, [
-          (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
-          e.label ? (l(), a("span", Q, S(e.label), 1)) : _("", !0)
+          (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
+          e.label ? (l(), a("span", Q, W(e.label), 1)) : _("", !0)
         ], 10, P)) : _("", !0)
       ], 64))), 128)),
       C("div", U, [
         m.value ? _("", !0) : (l(), a("button", {
           key: 0,
-          class: b(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
+          class: x(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
           ref_key: "moreButtonRef",
           ref: w,
           onClick: V,
           onMouseenter: o[0] || (o[0] = (e) => v(!0)),
           onMouseleave: o[1] || (o[1] = (e) => v(!1))
         }, [
-          (l(), x(B(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
+          (l(), B(b(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
         ], 34)),
         C("div", {
           class: "tr-flow-layout__dropdown-container",
@@ -99,20 +102,20 @@ const P = ["onClick"], Q = {
             ref_key: "dropDownRef",
             ref: k
           }, [
-            (l(!0), a(I, null, A(z.value, (e) => (l(), a("button", {
-              class: b(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
+            (l(!0), a(I, null, S(z.value, (e) => (l(), a("button", {
+              class: x(["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" })),
-              C("span", Z, S(e.label), 1)
+              (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
+              C("span", Z, W(e.label), 1)
             ], 10, Y))), 128))
           ], 512)) : _("", !0)
         ], 32)
       ])
     ], 512));
   }
-}), p = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-8d510691"]]);
+}), p = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-f82cf3dc"]]);
 p.name = "TrFlowLayout";
 const te = function(d) {
   d.component(p.name, p);