@opentiny/tiny-robot 0.2.13 → 0.2.15

package/dist/suggestion-pills/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as H, useSlots as Z, computed as w, createElementBlock as k, openBlock as a, normalizeClass as P, renderSlot as b, createBlock as h, resolveDynamicComponent as j, createCommentVNode as R, toDisplayString as x, unref as _, mergeProps as E, createSlots as ee, withCtx as A, createVNode as W, renderList as $, normalizeStyle as te, mergeModels as F, useModel as oe, ref as S, watch as G, nextTick as V, createElementVNode as z, Fragment as N, Transition as ne } from "vue";
+import { defineComponent as H, useSlots as Z, computed as w, createElementBlock as k, openBlock as u, normalizeClass as P, renderSlot as b, createBlock as h, resolveDynamicComponent as j, createCommentVNode as R, toDisplayString as x, unref as _, mergeProps as E, createSlots as ee, withCtx as A, createVNode as W, renderList as $, normalizeStyle as te, mergeModels as F, useModel as oe, ref as S, watch as G, nextTick as V, createElementVNode as z, Fragment as N, Transition as ne } from "vue";
 import { K as le } from "../tiny-robot-svgs.js";
 import { b as se, w as ie, o as re } from "../index2.js";
 import ae from "../dropdown-menu/index.js";
@@ -17,24 +17,24 @@ const ce = { key: 0 }, me = /* @__PURE__ */ H({
       var o;
       return !!(n.default || (o = y.item) != null && o.text);
     }), v = w(() => t.value && !l.value);
-    return (o, C) => (a(), k("button", {
+    return (o, C) => (u(), k("button", {
       class: P(["tr-suggestion-pills__item", { "only-icon": v.value }])
     }, [
       b(o.$slots, "icon", {}, () => {
         var c;
         return [
-          (a(), h(j((c = o.item) == null ? void 0 : c.icon), { class: "tr-suggestion-pills__item_icon" }))
+          (u(), h(j((c = o.item) == null ? void 0 : c.icon), { class: "tr-suggestion-pills__item_icon" }))
         ];
       }, !0),
       b(o.$slots, "default", {}, () => {
         var c;
         return [
-          (c = o.item) != null && c.text ? (a(), k("span", ce, x(o.item.text), 1)) : R("", !0)
+          (c = o.item) != null && c.text ? (u(), k("span", ce, x(o.item.text), 1)) : R("", !0)
         ];
       }, !0)
     ], 2));
   }
-}), f = /* @__PURE__ */ q(me, [["__scopeId", "data-v-5c113fe1"]]), K = /* @__PURE__ */ H({
+}), f = /* @__PURE__ */ q(me, [["__scopeId", "data-v-5c433c31"]]), K = /* @__PURE__ */ H({
   __name: "PillButtonWrapper",
   props: {
     item: {},
@@ -45,7 +45,7 @@ const ce = { key: 0 }, me = /* @__PURE__ */ H({
     const n = y;
     return (t, l) => {
       var v, o, C, c, B, g, d, M, I;
-      return ((v = t.item.action) == null ? void 0 : v.type) === "popover" ? (a(), h(_(ue), E({
+      return ((v = t.item.action) == null ? void 0 : v.type) === "popover" ? (u(), h(_(ue), E({
         key: 0,
         style: t.style
       }, t.item.action.props, {
@@ -67,10 +67,10 @@ const ce = { key: 0 }, me = /* @__PURE__ */ H({
         $(t.item.action.slots, (r, O) => ({
           name: O,
           fn: A(() => [
-            (a(), h(j(r)))
+            (u(), h(j(r)))
           ])
         }))
-      ]), 1040, ["style", "onItemClick", "onGroupClick", "onOpen", "onClose", "onClickOutside"])) : ((d = t.item.action) == null ? void 0 : d.type) === "menu" ? (a(), h(_(ae), E({
+      ]), 1040, ["style", "onItemClick", "onGroupClick", "onOpen", "onClose", "onClickOutside"])) : ((d = t.item.action) == null ? void 0 : d.type) === "menu" ? (u(), h(_(ae), E({
         key: 1,
         style: t.style
       }, t.item.action.props, {
@@ -85,7 +85,7 @@ const ce = { key: 0 }, me = /* @__PURE__ */ H({
           }, null, 8, ["item"])
         ]),
         _: 1
-      }, 16, ["style", "onItemClick", "onClickOutside"])) : (a(), h(f, {
+      }, 16, ["style", "onItemClick", "onClickOutside"])) : (u(), h(f, {
         key: 2,
         item: t.item,
         style: te(t.style),
@@ -124,12 +124,12 @@ const ce = { key: 0 }, me = /* @__PURE__ */ H({
           return;
         const s = r(), i = parseFloat(getComputedStyle(e).rowGap) || 0;
         let m = 0;
-        for (let u = 0; u < s.length; u++) {
-          if (m += s[u].offsetWidth, u > 0 && (m += i), m > e.clientWidth) {
-            d.value = u;
+        for (let a = 0; a < s.length; a++) {
+          if (m += s[a].offsetWidth, a > 0 && (m += i), m > e.clientWidth) {
+            d.value = a;
             break;
           }
-          u === s.length - 1 && (d.value = -1);
+          a === s.length - 1 && (d.value = -1);
         }
       });
     };
@@ -143,7 +143,7 @@ const ce = { key: 0 }, me = /* @__PURE__ */ H({
           if (!o.value)
             return;
           const e = r(), s = parseFloat(getComputedStyle(o.value).rowGap) || 0;
-          B.value = e.map((i) => i.offsetWidth).reduce((i, m) => i + m + s);
+          B.value = e.reduce((i, m, a) => i + m.offsetWidth + (a > 0 ? s : 0), 0);
         });
       },
       { immediate: !0 }
@@ -173,7 +173,7 @@ const ce = { key: 0 }, me = /* @__PURE__ */ H({
       const s = o.value;
       if (!s)
         return;
-      const i = e.offsetLeft, m = i + e.offsetWidth, u = s.scrollLeft, D = s.clientWidth, X = i < u, Y = m > u + D;
+      const i = e.offsetLeft, m = i + e.offsetWidth, a = s.scrollLeft, D = s.clientWidth, X = i < a, Y = m > a + D;
       X ? s.scrollTo({
         left: i,
         behavior: "smooth"
@@ -184,7 +184,7 @@ const ce = { key: 0 }, me = /* @__PURE__ */ H({
     }, U = (e) => {
       n.autoScrollOnHover && e.currentTarget && Q(e.currentTarget);
     };
-    return (e, s) => (a(), k("div", {
+    return (e, s) => (u(), k("div", {
       class: "tr-suggestion-pills__wrapper",
       ref_key: "containerWrapperRef",
       ref: v
@@ -195,24 +195,24 @@ const ce = { key: 0 }, me = /* @__PURE__ */ H({
         ref: o
       }, [
         b(e.$slots, "default", {}, () => [
-          (a(!0), k(N, null, $(M.value, (i, m) => (a(), h(_(K), {
+          (u(!0), k(N, null, $(M.value, (i, m) => (u(), h(_(K), {
             key: i.id,
             item: i,
-            onClick: (u) => J(u, i, m),
-            onMouseenter: s[0] || (s[0] = (u) => U(u))
+            onClick: (a) => J(a, i, m),
+            onMouseenter: s[0] || (s[0] = (a) => U(a))
           }, null, 8, ["item", "onClick"]))), 128))
         ], !0)
       ], 2),
       z("div", pe, [
         W(ne, { name: "tr-suggestion-pills__more" }, {
           default: A(() => [
-            I.value.length ? (a(), k("div", {
+            I.value.length ? (u(), k("div", {
               key: 0,
               class: "tr-suggestion-pills__more",
               ref_key: "floatingItemsRef",
               ref: C
             }, [
-              (a(!0), k(N, null, $(I.value, (i) => (a(), h(_(K), {
+              (u(!0), k(N, null, $(I.value, (i) => (u(), h(_(K), {
                 key: i.id,
                 item: i,
                 onClick: (m) => t("item-click", i)
@@ -222,7 +222,7 @@ const ce = { key: 0 }, me = /* @__PURE__ */ H({
           _: 1
         })
       ]),
-      g.value ? (a(), k("button", {
+      g.value ? (u(), k("button", {
         key: 0,
         class: P(["tr-suggestion-pills__expand", { "show-on-hover": n.showAllButtonOn === "hover" }]),
         onClick: L
@@ -233,7 +233,7 @@ const ce = { key: 0 }, me = /* @__PURE__ */ H({
       ], 2)) : R("", !0)
     ], 512));
   }
-}), T = /* @__PURE__ */ q(de, [["__scopeId", "data-v-68ee26f5"]]);
+}), T = /* @__PURE__ */ q(de, [["__scopeId", "data-v-5137af87"]]);
 T.name = "TrSuggestionPills";
 const fe = function(p) {
   p.component(T.name, T);