@opentiny/tiny-robot 0.3.0-alpha.6 → 0.3.0-alpha.8

package/dist/suggestion/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as H, ref as p, computed as P, watch as W, 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 { A as Q, a as G, t as re, K as ue, U as ge } from "../tiny-robot-svgs.js";
+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 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 { m as Q, U as G, a as re, v 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);
@@ -59,7 +59,7 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
     }, y = (i) => {
       o("suggestion-click", i);
     };
-    return W(
+    return K(
       () => s.isExpanded,
       (i) => {
         t.value = i;
@@ -150,7 +150,7 @@ const ve = { class: "tr-common-suggestions_content" }, me = { class: "tr-common-
 });
 function Ee(l, c = {}) {
   const s = p(c.initialIndex || -1);
-  W(l, (t) => {
+  K(l, (t) => {
     t.length > 0 && s.value === -1 ? s.value = 0 : t.length === 0 ? s.value = -1 : s.value >= t.length && (s.value = t.length - 1);
   });
   const o = (t) => {
@@ -189,10 +189,10 @@ 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" }, Ae = { class: "close-icon" }, Ke = {
+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" }, Ae = { class: "close-icon" }, Ve = {
   key: 0,
   class: "tr-suggestion-loading"
-}, Ve = { key: 1 }, We = ["onClick", "onMouseenter"], ze = { class: "item-content" }, Me = { class: "item-label" }, Ne = {
+}, We = { key: 1 }, Ke = ["onClick", "onMouseenter"], ze = { class: "item-content" }, Me = { class: "item-label" }, Ne = {
   key: 0,
   class: "item-description"
 }, qe = {
@@ -275,11 +275,11 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
         class: "tr-suggestion-content",
         style: ae({ "max-height": h.value.length > l.maxVisibleItems ? `${l.maxVisibleItems * 56}px` : "auto" })
       }, [
-        l.loading ? (g(), v("div", Ke, [
+        l.loading ? (g(), v("div", Ve, [
           $(i.$slots, "loading-indicator", {}, () => [
             d[0] || (d[0] = u("div", { class: "tr-suggestion-loading-spinner" }, null, -1))
           ])
-        ])) : h.value.length > 0 ? (g(), v("ul", Ve, [
+        ])) : h.value.length > 0 ? (g(), v("ul", We, [
           (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) }]),
@@ -295,7 +295,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
                 r.description ? (g(), v("div", Ne, T(r.description), 1)) : N("", !0)
               ])
             ])
-          ], 42, We))), 128))
+          ], 42, Ke))), 128))
         ])) : (g(), v("div", qe, [
           $(i.$slots, "empty", {}, () => [
             d[1] || (d[1] = u("p", null, "无匹配结果", -1))
@@ -347,11 +347,11 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
       const e = o.categories.find((x) => x.id === b.value);
       return e ? e.items : [];
     });
-    W(r, (e) => {
+    K(r, (e) => {
       e ? y.value = _.value.length > 0 ? 0 : -1 : y.value = -1;
-    }), W(_, (e) => {
+    }), K(_, (e) => {
       e.length > 0 && y.value === -1 ? y.value = 0 : e.length === 0 ? y.value = -1 : y.value >= e.length && (y.value = e.length - 1);
-    }), W(
+    }), K(
       () => o.categories,
       (e) => {
         e.length > 0 && !b.value && (b.value = e[0].id);
@@ -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 ? K() : (typeof e == "object" && e !== null && (m.value = {
+      e === !1 ? V() : (typeof e == "object" && e !== null && (m.value = {
         text: e.text || "",
         position: e.position || 0
       }), k(), f.value = !0, n("update:open", !0));
     }, I = (e, x) => {
-      const V = B(e, x);
-      return V ? (m.value = V, C(V), !0) : r.value && x === "" ? (C(!1), !0) : !1;
+      const W = B(e, x);
+      return W ? (m.value = W, C(W), !0) : r.value && x === "" ? (C(!1), !0) : !1;
     }, A = (e) => {
       if (r.value && d.value) {
         d.value.handleKeyDown(e);
         return;
       }
-    }, K = () => {
+    }, V = () => {
       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), K();
+      n("select", e.text, x), e.template && n("fill-template", e.template), V();
     }, J = (e) => {
-      o.closeOnOutsideClick && r.value && i.value && !i.value.contains(e.target) && K();
+      o.closeOnOutsideClick && r.value && i.value && !i.value.contains(e.target) && V();
     }, se = () => {
-      r.value ? K() : (k(), f.value = !0, n("update:open", !0));
+      r.value ? V() : (k(), f.value = !0, n("update:open", !0));
     };
     return Y(() => {
       o.closeOnOutsideClick && document.addEventListener("click", J);
@@ -399,7 +399,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
       input: I,
       toggleExpand: S
     }), (e, x) => {
-      const V = ce("IconEdit");
+      const W = ce("IconEdit");
       return g(), v("div", {
         ref_key: "rootRef",
         ref: i,
@@ -422,7 +422,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
               $(e.$slots, "capsule-icon", {
                 suggestion: D.suggestion
               }, () => [
-                E(V)
+                E(W)
               ])
             ]),
             _: 3
@@ -451,7 +451,7 @@ const Te = { class: "tr-suggestion-panel" }, Be = { class: "tr-suggestion-header
           title: e.title,
           maxVisibleItems: e.maxVisibleItems,
           triggerContext: m.value,
-          onClose: K,
+          onClose: V,
           onSelect: te,
           onCategorySelect: ee
         }, {

package/dist/suggestion-pills/index.js

@@ -1,20 +1,20 @@
-import { defineComponent as J, 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 K, createVNode as j, Transition as se, withCtx as re, unref as ae } from "vue";
-import { K as ie } from "../tiny-robot-svgs.js";
-import { c as ce, d as q, w as ue, o as fe, e as de } from "../index2.js";
+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 { u as me } from "../useSlotRefs.js";
 import { _ as U } from "../_plugin-vue_export-helper.js";
-const pe = { key: 0 }, ge = /* @__PURE__ */ J({
+const pe = { key: 0 }, ve = /* @__PURE__ */ K({
   __name: "PillButton",
   props: {
     item: {}
   },
   setup(i) {
-    const v = i, _ = Q(), p = a(() => {
+    const h = i, _ = Q(), p = a(() => {
       var o;
-      return !!(_.icon || (o = v.item) != null && o.icon);
+      return !!(_.icon || (o = h.item) != null && o.icon);
     }), I = a(() => {
       var o;
-      return !!(_.default || (o = v.item) != null && o.text);
+      return !!(_.default || (o = h.item) != null && o.text);
     }), x = a(() => p.value && !I.value);
     return (o, u) => (r(), m("button", {
       class: w(["tr-suggestion-pills__item", { "only-icon": x.value }])
@@ -33,7 +33,7 @@ const pe = { key: 0 }, ge = /* @__PURE__ */ J({
       }, !0)
     ], 2));
   }
-}), h = /* @__PURE__ */ U(ge, [["__scopeId", "data-v-5c433c31"]]), he = { class: "tr-suggestion-pills__more-wrapper" }, ve = /* @__PURE__ */ J({
+}), g = /* @__PURE__ */ U(ve, [["__scopeId", "data-v-5c433c31"]]), ge = { class: "tr-suggestion-pills__more-wrapper" }, he = /* @__PURE__ */ K({
   __name: "index",
   props: /* @__PURE__ */ N({
     showAll: { type: Boolean },
@@ -45,11 +45,11 @@ const pe = { key: 0 }, ge = /* @__PURE__ */ J({
     showAllModifiers: {}
   }),
   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), 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) => ({
+  setup(i, { expose: h, 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), C = d(0), B = a(() => p.overflowMode === "expand" && W.value < C.value), v = d(-1), X = a(() => B.value && u.value ? o.value.slice(0, v.value) : o.value), T = a(() => B.value && u.value ? o.value.slice(v.value).map((e, t) => ({
       vnode: e,
-      index: t + g.value
-    })) : []), E = d([]), P = d([]), V = a(() => E.value.map((e) => q(e)).filter((e) => e instanceof Element)), Y = a(() => P.value.map((e) => q(e)).filter((e) => e instanceof Element)), L = () => {
+      index: t + v.value
+    })) : []), 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 = () => {
@@ -58,11 +58,11 @@ const pe = { key: 0 }, ge = /* @__PURE__ */ J({
         if (!e)
           return;
         const t = L(), n = parseFloat(getComputedStyle(e).rowGap) || 0;
-        g.value = -1;
+        v.value = -1;
         let l = 0;
         for (let s = 0; s < t.length; s++)
           if (l += t[s].offsetWidth, s > 0 && (l += n), l > e.clientWidth) {
-            g.value = s;
+            v.value = s;
             break;
           }
       });
@@ -109,7 +109,7 @@ const pe = { key: 0 }, ge = /* @__PURE__ */ J({
       {
         immediate: !0
       }
-    ), v({
+    ), h({
       children: a(() => V.value.concat(Y.value))
     }), (e, t) => (r(), m("div", {
       class: "tr-suggestion-pills__wrapper",
@@ -122,14 +122,14 @@ const pe = { key: 0 }, ge = /* @__PURE__ */ J({
         ref: f
       }, [
         (r(!0), m(z, null, G(X.value, (n, l) => (r(), S(b(n), {
-          key: K(n) ? n.key : l,
+          key: j(n) ? n.key : l,
           ref_for: !0,
           ref_key: "staticMaybeItemRefs",
           ref: E
         }))), 128))
       ], 2),
-      D("div", he, [
-        j(se, { name: "tr-suggestion-pills__more" }, {
+      D("div", ge, [
+        q(se, { name: "tr-suggestion-pills__more" }, {
           default: re(() => [
             T.value.length ? (r(), m("div", {
               key: 0,
@@ -138,7 +138,7 @@ const pe = { key: 0 }, ge = /* @__PURE__ */ J({
               ref: A
             }, [
               (r(!0), m(z, null, G(T.value, ({ vnode: n, index: l }) => (r(), S(b(n), {
-                key: K(n) ? n.key : l,
+                key: j(n) ? n.key : l,
                 ref_for: !0,
                 ref_key: "floatingMaybeItemRefs",
                 ref: P
@@ -153,24 +153,24 @@ const pe = { key: 0 }, ge = /* @__PURE__ */ J({
         class: w(["tr-suggestion-pills__expand", { "show-on-hover": p.showAllButtonOn === "hover" }]),
         onClick: Z
       }, [
-        j(ae(ie), {
+        q(ae(ie), {
           class: w(["tr-suggestion-pills__expand-icon", { rotate: u.value }])
         }, null, 8, ["class"])
       ], 2)) : M("", !0)
     ], 512));
   }
-}), k = /* @__PURE__ */ U(ve, [["__scopeId", "data-v-ebbd7a00"]]);
+}), k = /* @__PURE__ */ U(he, [["__scopeId", "data-v-ebbd7a00"]]);
 k.name = "TrSuggestionPills";
 const _e = function(i) {
   i.component(k.name, k);
 };
 k.install = _e;
-h.name = "TrSuggestionPillButton";
+g.name = "TrSuggestionPillButton";
 const ye = function(i) {
-  i.component(h.name, h);
+  i.component(g.name, g);
 };
-h.install = ye;
-const Re = h;
+g.install = ye;
+const Re = g;
 export {
   Re as SuggestionPillButton,
   k as default