@opentiny/tiny-robot 0.3.0-alpha.13 → 0.3.0-alpha.15

package/dist/suggestion/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as U, ref as p, computed as P, watch as K, watchEffect as ne, onMounted as Y, onBeforeUnmount as Z, createElementBlock as v, openBlock as g, normalizeClass as j, createElementVNode as u, withDirectives as oe, Fragment as z, renderList as M, createVNode as E, unref as w, toDisplayString as T, vShow as le, nextTick as ie, renderSlot as $, createCommentVNode as N, createBlock as L, normalizeStyle as ae, resolveComponent as ce, withCtx as O } from "vue";
-import { w as Q, W as G, c as re, f as ue, d as ge } from "../tiny-robot-svgs.js";
+import { defineComponent as U, ref as p, computed as P, watch as K, watchEffect as ne, onMounted as Y, onBeforeUnmount as Z, createElementBlock as v, openBlock as g, normalizeClass as j, createElementVNode as u, withDirectives as oe, Fragment as z, renderList as M, createVNode as E, unref as w, toDisplayString as T, vShow as le, nextTick as ie, renderSlot as x, createCommentVNode as N, createBlock as L, normalizeStyle as ae, resolveComponent as ce, withCtx as O } from "vue";
+import { y as Q, d as G, x as re, g as ue, a as ge } from "../tiny-robot-svgs.js";
 function de(l, c = "") {
   const s = document.createElement("div");
   c && (s.className = c), s.style.visibility = "hidden", s.style.position = "absolute", s.style.whiteSpace = "nowrap", s.textContent = l, document.body.appendChild(s);
@@ -14,7 +14,7 @@ function X(l, c = "") {
   const o = de(l, c);
   return F.set(s, o), o;
 }
-const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-suggestions_expanded-wrapper" }, pe = { class: "tr-common-suggestions_expanded-area" }, fe = ["onClick"], he = { class: "tr-common-suggestions_item_icon" }, ye = { class: "tr-common-suggestions_item_text" }, _e = { class: "tr-common-suggestions_container" }, ke = ["onClick"], Ce = { class: "tr-common-suggestions_item_icon" }, $e = { class: "tr-common-suggestions_item_text" }, xe = /* @__PURE__ */ U({
+const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-suggestions_expanded-wrapper" }, pe = { class: "tr-common-suggestions_expanded-area" }, he = ["onClick"], fe = { class: "tr-common-suggestions_item_icon" }, ye = { class: "tr-common-suggestions_item_text" }, _e = { class: "tr-common-suggestions_container" }, ke = ["onClick"], Ce = { class: "tr-common-suggestions_item_icon" }, xe = { class: "tr-common-suggestions_item_text" }, $e = /* @__PURE__ */ U({
   __name: "SuggestionCapsule",
   props: {
     suggestions: {
@@ -28,15 +28,15 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
   },
   emits: ["suggestion-click", "show-expand-button"],
   setup(l, { emit: c }) {
-    const s = l, o = c, n = p(null), h = p(!1), t = p(!1), m = p([]), a = p([]), f = p(0), S = p(null), R = P(() => {
-      if (f.value <= 0 || a.value.length === 0) return [];
+    const s = l, o = c, n = p(null), f = p(!1), t = p(!1), m = p([]), a = p([]), h = p(0), S = p(null), R = P(() => {
+      if (h.value <= 0 || a.value.length === 0) return [];
       const i = [], d = [...a.value];
       for (; d.length > 0; )
-        i.push(d.splice(0, f.value));
+        i.push(d.splice(0, h.value));
       return i.reverse();
     }), b = async () => {
       if (await ie(), !n.value || s.suggestions.length === 0) {
-        h.value = !1, o("show-expand-button", !1);
+        f.value = !1, o("show-expand-button", !1);
         return;
       }
       const d = n.value.clientWidth;
@@ -50,12 +50,12 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
         k += I;
       }
       const q = k / B;
-      f.value = Math.max(1, Math.floor(d / q));
+      h.value = Math.max(1, Math.floor(d / q));
       for (let C = 0; C < s.suggestions.length; C++) {
-        const I = s.suggestions[C], W = X(I.text, "tr-common-suggestions_item") + _;
-        r + W <= d ? (r += W, m.value.push(I)) : a.value.push(I);
+        const I = s.suggestions[C], V = X(I.text, "tr-common-suggestions_item") + _;
+        r + V <= d ? (r += V, m.value.push(I)) : a.value.push(I);
       }
-      h.value = a.value.length > 0, o("show-expand-button", h.value);
+      f.value = a.value.length > 0, o("show-expand-button", f.value);
     }, y = (i) => {
       o("suggestion-click", i);
     };
@@ -89,11 +89,11 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
                 class: "tr-common-suggestions_item",
                 onClick: (q) => y(k)
               }, [
-                u("div", he, [
+                u("div", fe, [
                   E(w(Q))
                 ]),
                 u("div", ye, T(k.text), 1)
-              ], 8, fe))), 128))
+              ], 8, he))), 128))
             ]))), 128))
           ], 512), [
             [le, t.value && a.value.length > 0]
@@ -108,7 +108,7 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
             u("div", Ce, [
               E(w(Q))
             ]),
-            u("div", $e, T(r.text), 1)
+            u("div", xe, T(r.text), 1)
           ], 8, ke))), 128))
         ])
       ])
@@ -134,13 +134,13 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
     const s = c, o = (n) => {
       s("category-select", n);
     };
-    return (n, h) => (g(), v("div", be, [
+    return (n, f) => (g(), v("div", be, [
       (g(!0), v(z, null, M(l.categories, (t) => (g(), v("div", {
         key: t.id,
         class: j(["tr-suggestion-categories-item", { active: l.activeCategory === t.id }]),
         onClick: (m) => o(t.id)
       }, [
-        $(n.$slots, "category-label", { category: t }, () => [
+        x(n.$slots, "category-label", { category: t }, () => [
           t.icon ? (g(), v("div", Se, T(t.icon), 1)) : N("", !0),
           u("span", null, T(t.label), 1)
         ])
@@ -175,8 +175,8 @@ function Ee(l, c = {}) {
     setTimeout(() => {
       const t = document.querySelector(`.tr-suggestion-list-item:nth-child(${s.value + 1})`), m = t == null ? void 0 : t.closest(".tr-suggestion-content");
       if (t && m) {
-        const a = m.getBoundingClientRect(), f = t.getBoundingClientRect();
-        f.bottom > a.bottom ? m.scrollTop += f.bottom - a.bottom : f.top < a.top && (m.scrollTop -= a.top - f.top);
+        const a = m.getBoundingClientRect(), h = t.getBoundingClientRect();
+        h.bottom > a.bottom ? m.scrollTop += h.bottom - a.bottom : h.top < a.top && (m.scrollTop -= a.top - h.top);
       }
     }, 0);
   };
@@ -189,7 +189,7 @@ function Ee(l, c = {}) {
     }
   };
 }
-const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header" }, De = { class: "tr-suggestion-header-left" }, Oe = { class: "tr-suggestion-header-icon" }, Re = { class: "tr-suggestion-header-title" }, We = { class: "close-icon" }, Ve = {
+const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header" }, De = { class: "tr-suggestion-header-left" }, Oe = { class: "tr-suggestion-header-icon" }, Re = { class: "tr-suggestion-header-title" }, Ve = { class: "close-icon" }, We = {
   key: 0,
   class: "tr-suggestion-loading"
 }, Ae = { key: 1 }, Ke = ["onClick", "onMouseenter"], ze = { class: "item-content" }, Me = { class: "item-label" }, Ne = {
@@ -224,11 +224,11 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
   },
   emits: ["close", "select", "category-select", "item-hover"],
   setup(l, { expose: c, emit: s }) {
-    const o = l, n = s, h = p(o.items), { handleKeyDown: t, activeIndex: m } = Ee(h, {
+    const o = l, n = s, f = p(o.items), { handleKeyDown: t, activeIndex: m } = Ee(f, {
       initialIndex: 0,
       onClose: () => n("close"),
       onSelect: (i) => n("select", i)
-    }), a = p(o.categories.length > 0 ? o.categories[0].id : ""), f = P(() => {
+    }), a = p(o.categories.length > 0 ? o.categories[0].id : ""), h = P(() => {
       if (o.categories.length === 0 || !a.value)
         return o.items;
       const i = o.categories.find((d) => d.id === a.value);
@@ -250,7 +250,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
       u("div", Be, [
         u("div", De, [
           u("div", Oe, [
-            $(i.$slots, "title-icon", {}, () => [
+            x(i.$slots, "title-icon", {}, () => [
               E(w(G), { style: { color: "#1476ff", "font-size": "24px" } })
             ])
           ]),
@@ -260,7 +260,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
           class: "tr-suggestion-close-btn",
           onClick: b
         }, [
-          u("span", We, [
+          u("span", Ve, [
             E(w(re))
           ])
         ])
@@ -273,20 +273,20 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
       }, null, 8, ["categories", "active-category"])) : N("", !0),
       u("div", {
         class: "tr-suggestion-content",
-        style: ae({ "max-height": f.value.length > l.maxVisibleItems ? `${l.maxVisibleItems * 56}px` : "auto" })
+        style: ae({ "max-height": h.value.length > l.maxVisibleItems ? `${l.maxVisibleItems * 56}px` : "auto" })
       }, [
-        l.loading ? (g(), v("div", Ve, [
-          $(i.$slots, "loading-indicator", {}, () => [
+        l.loading ? (g(), v("div", We, [
+          x(i.$slots, "loading-indicator", {}, () => [
             d[0] || (d[0] = u("div", { class: "tr-suggestion-loading-spinner" }, null, -1))
           ])
-        ])) : f.value.length > 0 ? (g(), v("ul", Ae, [
-          (g(!0), v(z, null, M(f.value, (r, _) => (g(), v("li", {
+        ])) : h.value.length > 0 ? (g(), v("ul", Ae, [
+          (g(!0), v(z, null, M(h.value, (r, _) => (g(), v("li", {
             key: r.id,
             class: j(["tr-suggestion-list-item", { "tr-suggestion-item-active": _ === w(m) }]),
             onClick: (k) => R(r),
             onMouseenter: (k) => y(_)
           }, [
-            $(i.$slots, "item", {
+            x(i.$slots, "item", {
               item: r,
               active: _ === w(m)
             }, () => [
@@ -297,7 +297,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
             ])
           ], 42, Ke))), 128))
         ])) : (g(), v("div", qe, [
-          $(i.$slots, "empty", {}, () => [
+          x(i.$slots, "empty", {}, () => [
             d[1] || (d[1] = u("p", null, "无匹配结果", -1))
           ])
         ]))
@@ -334,17 +334,17 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
   },
   emits: ["update:open", "select", "close", "trigger", "category-select", "suggestion-select", "update:expanded", "fill-template"],
   setup(l, { expose: c, emit: s }) {
-    const o = l, n = s, h = p(!1), t = p([]), m = p({
+    const o = l, n = s, f = p(!1), t = p([]), m = p({
       text: "",
       position: 0
-    }), a = p(o.defaultExpanded), f = p(!1), S = () => {
+    }), a = p(o.defaultExpanded), h = p(!1), S = () => {
       a.value = !a.value, n("update:expanded", a.value);
     }, R = (e) => {
-      f.value = e;
-    }, b = p(""), y = p(-1), i = p(null), d = p(null), r = P(() => o.open !== void 0 ? o.open : h.value), _ = P(() => {
+      h.value = e;
+    }, b = p(""), y = p(-1), i = p(null), d = p(null), r = P(() => o.open !== void 0 ? o.open : f.value), _ = P(() => {
       if (o.categories.length === 0 || !b.value)
         return t.value;
-      const e = o.categories.find((x) => x.id === b.value);
+      const e = o.categories.find(($) => $.id === b.value);
       return e ? e.items : [];
     });
     K(r, (e) => {
@@ -366,28 +366,28 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
         position: 0
       }), e.template && n("fill-template", e.template);
     }, C = (e) => {
-      e === !1 ? V() : (typeof e == "object" && e !== null && (m.value = {
+      e === !1 ? W() : (typeof e == "object" && e !== null && (m.value = {
         text: e.text || "",
         position: e.position || 0
-      }), k(), h.value = !0, n("update:open", !0));
-    }, I = (e, x) => {
-      const A = B(e, x);
-      return A ? (m.value = A, C(A), !0) : r.value && x === "" ? (C(!1), !0) : !1;
-    }, W = (e) => {
+      }), k(), f.value = !0, n("update:open", !0));
+    }, I = (e, $) => {
+      const A = B(e, $);
+      return A ? (m.value = A, C(A), !0) : r.value && $ === "" ? (C(!1), !0) : !1;
+    }, V = (e) => {
       if (r.value && d.value) {
         d.value.handleKeyDown(e);
         return;
       }
-    }, V = () => {
-      o.open === void 0 && (h.value = !1), n("update:open", !1), n("close");
+    }, W = () => {
+      o.open === void 0 && (f.value = !1), n("update:open", !1), n("close");
     }, ee = (e) => {
       b.value = e.id, y.value = 0, n("category-select", e);
-    }, te = (e, x) => {
-      n("select", e.text, x), e.template && n("fill-template", e.template), V();
+    }, te = (e, $) => {
+      n("select", e.text, $), e.template && n("fill-template", e.template), W();
     }, J = (e) => {
-      o.closeOnOutsideClick && r.value && i.value && !i.value.contains(e.target) && V();
+      o.closeOnOutsideClick && r.value && i.value && !i.value.contains(e.target) && W();
     }, se = () => {
-      r.value ? V() : (k(), h.value = !0, n("update:open", !0));
+      r.value ? W() : (k(), f.value = !0, n("update:open", !0));
     };
     return Y(() => {
       o.closeOnOutsideClick && document.addEventListener("click", J);
@@ -395,10 +395,10 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
       o.closeOnOutsideClick && document.removeEventListener("click", J);
     }), c({
       trigger: C,
-      keyDown: W,
+      keyDown: V,
       input: I,
       toggleExpand: S
-    }), (e, x) => {
+    }), (e, $) => {
       const A = ce("IconEdit");
       return g(), v("div", {
         ref_key: "rootRef",
@@ -412,14 +412,14 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
           }, [
             E(w(G), { style: { color: "#1476ff" } })
           ]),
-          E(xe, {
+          E($e, {
             suggestions: e.items,
             isExpanded: a.value,
             onSuggestionClick: q,
             onShowExpandButton: R
           }, {
             "suggestion-icon": O((D) => [
-              $(e.$slots, "capsule-icon", {
+              x(e.$slots, "capsule-icon", {
                 suggestion: D.suggestion
               }, () => [
                 E(A)
@@ -427,7 +427,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
             ]),
             _: 3
           }, 8, ["suggestions", "isExpanded"]),
-          f.value ? (g(), v("div", {
+          h.value ? (g(), v("div", {
             key: 0,
             class: "tr-suggestion__expand-button",
             onClick: S
@@ -435,9 +435,9 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
             a.value ? (g(), L(w(ge), { key: 1 })) : (g(), L(w(ue), { key: 0 }))
           ])) : N("", !0)
         ]),
-        $(e.$slots, "trigger", {
+        x(e.$slots, "trigger", {
           onTrigger: C,
-          onKeyDown: W,
+          onKeyDown: V,
           onInput: I
         }),
         r.value ? (g(), L(Le, {
@@ -451,34 +451,34 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
           title: e.title,
           maxVisibleItems: e.maxVisibleItems,
           triggerContext: m.value,
-          onClose: V,
+          onClose: W,
           onSelect: te,
           onCategorySelect: ee
         }, {
           "title-icon": O(() => [
-            $(e.$slots, "title-icon", {}, () => [
+            x(e.$slots, "title-icon", {}, () => [
               E(w(G), { style: { "font-size": "24px", color: "#1476ff" } })
             ])
           ]),
           "category-label": O((D) => [
-            $(e.$slots, "category-label", {
+            x(e.$slots, "category-label", {
               category: D.category
             })
           ]),
           item: O((D) => [
-            $(e.$slots, "item", {
+            x(e.$slots, "item", {
               item: D.item,
               active: D.active
             })
           ]),
           "loading-indicator": O(() => [
-            $(e.$slots, "loading-indicator", {}, () => [
-              x[0] || (x[0] = u("div", { class: "tr-suggestion__loading-spinner" }, null, -1))
+            x(e.$slots, "loading-indicator", {}, () => [
+              $[0] || ($[0] = u("div", { class: "tr-suggestion__loading-spinner" }, null, -1))
             ])
           ]),
           empty: O(() => [
-            $(e.$slots, "empty", {}, () => [
-              x[1] || (x[1] = u("p", null, "无匹配结果", -1))
+            x(e.$slots, "empty", {}, () => [
+              $[1] || ($[1] = u("p", null, "无匹配结果", -1))
             ])
           ]),
           _: 3

package/dist/suggestion-pills/index.js

@@ -1,5 +1,5 @@
 import { defineComponent as K, useSlots as Q, computed as a, createElementBlock as m, openBlock as r, normalizeClass as w, renderSlot as H, createBlock as S, resolveDynamicComponent as b, createCommentVNode as M, toDisplayString as ne, mergeModels as N, useModel as le, ref as d, watch as R, nextTick as $, createElementVNode as D, Fragment as z, renderList as G, isVNode as j, createVNode as q, Transition as se, withCtx as re, unref as ae } from "vue";
-import { f as ie } from "../tiny-robot-svgs.js";
+import { g as ie } from "../tiny-robot-svgs.js";
 import { e as ce, b as J, f as ue, o as fe, g as de } from "../index3.js";
 import { u as me } from "../useSlotRefs.js";
 import { _ as U } from "../_plugin-vue_export-helper.js";