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

package/dist/suggestion/index.js

@@ -1,20 +1,20 @@
-import { defineComponent as H, 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 X, 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 { e as J, X as F, U as re, V as ue, W 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);
   const o = s.offsetWidth;
   return document.body.removeChild(s), o;
 }
-const j = /* @__PURE__ */ new Map();
-function Q(l, c = "") {
+const F = /* @__PURE__ */ new Map();
+function X(l, c = "") {
   const s = `${l}::${c}`;
-  if (j.has(s))
-    return j.get(s);
+  if (F.has(s))
+    return F.get(s);
   const o = de(l, c);
-  return j.set(s, o), o;
+  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" }, 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" }, $e = { class: "tr-common-suggestions_item_text" }, xe = /* @__PURE__ */ H({
+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: {
@@ -46,13 +46,13 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
       let k = 0;
       const B = Math.min(3, s.suggestions.length);
       for (let C = 0; C < B; C++) {
-        const I = Q(s.suggestions[C].text, "tr-common-suggestions_item") + _;
+        const I = X(s.suggestions[C].text, "tr-common-suggestions_item") + _;
         k += I;
       }
       const q = k / B;
       h.value = Math.max(1, Math.floor(d / q));
       for (let C = 0; C < s.suggestions.length; C++) {
-        const I = s.suggestions[C], V = Q(I.text, "tr-common-suggestions_item") + _;
+        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);
       }
       f.value = a.value.length > 0, o("show-expand-button", f.value);
@@ -73,7 +73,7 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
     }), Z(() => {
       S.value && S.value.disconnect();
     }), (i, d) => (g(), v("div", {
-      class: X(["tr-common-suggestions", { expanded: t.value }]),
+      class: j(["tr-common-suggestions", { expanded: t.value }]),
       ref_key: "capsuleRef",
       ref: n
     }, [
@@ -90,7 +90,7 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
                 onClick: (q) => y(k)
               }, [
                 u("div", fe, [
-                  E(w(J))
+                  E(w(Q))
                 ]),
                 u("div", ye, T(k.text), 1)
               ], 8, he))), 128))
@@ -106,9 +106,9 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
             onClick: (k) => y(r)
           }, [
             u("div", Ce, [
-              E(w(J))
+              E(w(Q))
             ]),
-            u("div", $e, T(r.text), 1)
+            u("div", xe, T(r.text), 1)
           ], 8, ke))), 128))
         ])
       ])
@@ -117,7 +117,7 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
 }), be = { class: "tr-suggestion-categories" }, we = ["onClick"], Se = {
   key: 0,
   class: "category-icon"
-}, Ie = /* @__PURE__ */ H({
+}, Ie = /* @__PURE__ */ U({
   __name: "CategoryNav",
   props: {
     categories: {
@@ -137,10 +137,10 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
     return (n, f) => (g(), v("div", be, [
       (g(!0), v(z, null, M(l.categories, (t) => (g(), v("div", {
         key: t.id,
-        class: X(["tr-suggestion-categories-item", { active: l.activeCategory === 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)
         ])
@@ -198,7 +198,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
 }, qe = {
   key: 2,
   class: "tr-suggestion-empty"
-}, Le = /* @__PURE__ */ H({
+}, Le = /* @__PURE__ */ U({
   __name: "SuggestionPanel",
   props: {
     items: {
@@ -250,8 +250,8 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
       u("div", Be, [
         u("div", De, [
           u("div", Oe, [
-            $(i.$slots, "title-icon", {}, () => [
-              E(w(F), { style: { color: "#1476ff", "font-size": "24px" } })
+            x(i.$slots, "title-icon", {}, () => [
+              E(w(G), { style: { color: "#1476ff", "font-size": "24px" } })
             ])
           ]),
           u("div", Re, T(l.title), 1)
@@ -276,17 +276,17 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
         style: ae({ "max-height": h.value.length > l.maxVisibleItems ? `${l.maxVisibleItems * 56}px` : "auto" })
       }, [
         l.loading ? (g(), v("div", We, [
-          $(i.$slots, "loading-indicator", {}, () => [
+          x(i.$slots, "loading-indicator", {}, () => [
             d[0] || (d[0] = u("div", { class: "tr-suggestion-loading-spinner" }, null, -1))
           ])
         ])) : h.value.length > 0 ? (g(), v("ul", Ae, [
           (g(!0), v(z, null, M(h.value, (r, _) => (g(), v("li", {
             key: r.id,
-            class: X(["tr-suggestion-list-item", { "tr-suggestion-item-active": _ === w(m) }]),
+            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))
           ])
         ]))
@@ -317,7 +317,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
       } : null;
     }
   };
-}, Ue = { class: "tr-suggestion__header" }, U = /* @__PURE__ */ H({
+}, He = { class: "tr-suggestion__header" }, H = /* @__PURE__ */ U({
   __name: "index",
   props: {
     triggerKeys: { default: () => ["/"] },
@@ -344,7 +344,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
     }, 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) => {
@@ -370,9 +370,9 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
         text: e.text || "",
         position: e.position || 0
       }), k(), f.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;
+    }, 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);
@@ -382,44 +382,44 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
       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), W();
-    }, G = (e) => {
+    }, 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) && W();
     }, se = () => {
       r.value ? W() : (k(), f.value = !0, n("update:open", !0));
     };
     return Y(() => {
-      o.closeOnOutsideClick && document.addEventListener("click", G);
+      o.closeOnOutsideClick && document.addEventListener("click", J);
     }), Z(() => {
-      o.closeOnOutsideClick && document.removeEventListener("click", G);
+      o.closeOnOutsideClick && document.removeEventListener("click", J);
     }), c({
       trigger: C,
       keyDown: V,
       input: I,
       toggleExpand: S
-    }), (e, x) => {
+    }), (e, $) => {
       const A = ce("IconEdit");
       return g(), v("div", {
         ref_key: "rootRef",
         ref: i,
-        class: X(["tr-suggestion", e.className, { "tr-suggestion--dark": e.theme === "dark" }])
+        class: j(["tr-suggestion", e.className, { "tr-suggestion--dark": e.theme === "dark" }])
       }, [
-        u("div", Ue, [
+        u("div", He, [
           u("div", {
             class: "tr-suggestion__trigger",
             onClick: se
           }, [
-            E(w(F), { style: { color: "#1476ff" } })
+            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)
@@ -435,7 +435,7 @@ 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: V,
           onInput: I
@@ -456,29 +456,29 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
           onCategorySelect: ee
         }, {
           "title-icon": O(() => [
-            $(e.$slots, "title-icon", {}, () => [
-              E(w(F), { style: { "font-size": "24px", color: "#1476ff" } })
+            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
@@ -487,11 +487,11 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
     };
   }
 });
-U.name = "TrSuggestion";
-const He = function(l) {
-  l.component(U.name, U);
+H.name = "TrSuggestion";
+const Ue = function(l) {
+  l.component(H.name, H);
 };
-U.install = He;
+H.install = Ue;
 export {
-  U as default
+  H as default
 };

package/dist/suggestion-pills/index.js

@@ -1,6 +1,6 @@
 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 { V as ie } from "../tiny-robot-svgs.js";
-import { e as ce, f as J, w as ue, o as fe, g as de } from "../index3.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";
 const pe = { key: 0 }, ge = /* @__PURE__ */ K({
@@ -46,10 +46,10 @@ const pe = { key: 0 }, ge = /* @__PURE__ */ K({
   }),
   emits: /* @__PURE__ */ N(["click-outside"], ["update:showAll"]),
   setup(i, { expose: v, emit: _ }) {
-    const p = i, I = Q(), x = _, { vnodes: o } = me(I.default, !0), u = le(i, "showAll"), c = d(null), f = d(null), A = d(null), { width: W } = ce(f), V = d(0), B = a(() => p.overflowMode === "expand" && W.value < V.value), g = d(-1), X = a(() => B.value && u.value ? o.value.slice(0, g.value) : o.value), C = a(() => B.value && u.value ? o.value.slice(g.value).map((e, t) => ({
+    const p = i, I = Q(), x = _, { vnodes: o } = me(I.default, !0), u = le(i, "showAll"), c = d(null), f = d(null), A = d(null), { width: W } = ce(f), C = d(0), B = a(() => p.overflowMode === "expand" && W.value < C.value), g = d(-1), X = a(() => B.value && u.value ? o.value.slice(0, g.value) : o.value), T = a(() => B.value && u.value ? o.value.slice(g.value).map((e, t) => ({
       vnode: e,
       index: t + g.value
-    })) : []), T = d([]), E = d([]), P = a(() => T.value.map((e) => J(e)).filter((e) => e instanceof Element)), Y = a(() => E.value.map((e) => J(e)).filter((e) => e instanceof Element)), L = () => {
+    })) : []), E = d([]), P = d([]), V = a(() => E.value.map((e) => J(e)).filter((e) => e instanceof Element)), Y = a(() => P.value.map((e) => J(e)).filter((e) => e instanceof Element)), L = () => {
       const e = f.value, t = A.value;
       return Array.from((e == null ? void 0 : e.children) || []).concat(Array.from((t == null ? void 0 : t.children) || []));
     }, O = () => {
@@ -74,7 +74,7 @@ const pe = { key: 0 }, ge = /* @__PURE__ */ K({
           if (!f.value)
             return;
           const e = L(), t = parseFloat(getComputedStyle(f.value).rowGap) || 0;
-          V.value = e.reduce((n, l, s) => n + l.offsetWidth + (s > 0 ? t : 0), 0);
+          C.value = e.reduce((n, l, s) => n + l.offsetWidth + (s > 0 ? t : 0), 0);
         });
       },
       { immediate: !0 }
@@ -102,7 +102,7 @@ const pe = { key: 0 }, ge = /* @__PURE__ */ K({
     return R(
       () => p.autoScrollOn,
       (e) => {
-        y && (y(), y = null), e && (y = de(P, e, (t) => {
+        y && (y(), y = null), e && (y = de(V, e, (t) => {
           t.currentTarget && ee(t.currentTarget);
         }));
       },
@@ -110,7 +110,7 @@ const pe = { key: 0 }, ge = /* @__PURE__ */ K({
         immediate: !0
       }
     ), v({
-      children: a(() => P.value.concat(Y.value))
+      children: a(() => V.value.concat(Y.value))
     }), (e, t) => (r(), m("div", {
       class: "tr-suggestion-pills__wrapper",
       ref_key: "containerWrapperRef",
@@ -125,23 +125,23 @@ const pe = { key: 0 }, ge = /* @__PURE__ */ K({
           key: j(n) ? n.key : l,
           ref_for: !0,
           ref_key: "staticMaybeItemRefs",
-          ref: T
+          ref: E
         }))), 128))
       ], 2),
       D("div", he, [
         q(se, { name: "tr-suggestion-pills__more" }, {
           default: re(() => [
-            C.value.length ? (r(), m("div", {
+            T.value.length ? (r(), m("div", {
               key: 0,
               class: "tr-suggestion-pills__more",
               ref_key: "floatingItemsRef",
               ref: A
             }, [
-              (r(!0), m(z, null, G(C.value, ({ vnode: n, index: l }) => (r(), S(b(n), {
+              (r(!0), m(z, null, G(T.value, ({ vnode: n, index: l }) => (r(), S(b(n), {
                 key: j(n) ? n.key : l,
                 ref_for: !0,
                 ref_key: "floatingMaybeItemRefs",
-                ref: E
+                ref: P
               }))), 128))
             ], 512)) : M("", !0)
           ]),