@opentiny/tiny-robot 0.2.0-alpha.0 → 0.2.0-alpha.2

package/dist/packages/components/src/suggestion/components/SuggestionPanel.vue2.js

@@ -0,0 +1,4 @@
+import f from "./SuggestionPanel.vue.js";
+export {
+  f as default
+};

package/dist/packages/components/src/suggestion/composables/useKeyboardNavigation.js

@@ -0,0 +1,45 @@
+import { ref as v, watch as g } from "vue";
+function i(l, a = {}) {
+  const t = v(a.initialIndex || -1);
+  g(l, (e) => {
+    e.length > 0 && t.value === -1 ? t.value = 0 : e.length === 0 ? t.value = -1 : t.value >= e.length && (t.value = e.length - 1);
+  });
+  const o = (e) => {
+    var n, u;
+    if (l.value.length !== 0)
+      switch (e.key) {
+        case "ArrowUp":
+          e.preventDefault(), t.value = (t.value - 1 + l.value.length) % l.value.length, r();
+          break;
+        case "ArrowDown":
+          e.preventDefault(), t.value = (t.value + 1) % l.value.length, r();
+          break;
+        case "Enter":
+        case "Tab":
+          e.preventDefault(), t.value >= 0 && t.value < l.value.length && ((n = a.onSelect) == null || n.call(a, l.value[t.value]));
+          break;
+        case "Escape":
+          e.preventDefault(), (u = a.onClose) == null || u.call(a);
+          break;
+      }
+  }, r = () => {
+    setTimeout(() => {
+      const e = document.querySelector(`.tr-suggestion-list-item:nth-child(${t.value + 1})`), n = e == null ? void 0 : e.closest(".tr-suggestion-content");
+      if (e && n) {
+        const u = n.getBoundingClientRect(), c = e.getBoundingClientRect();
+        c.bottom > u.bottom ? n.scrollTop += c.bottom - u.bottom : c.top < u.top && (n.scrollTop -= u.top - c.top);
+      }
+    }, 0);
+  };
+  return {
+    activeIndex: t,
+    handleKeyDown: o,
+    scrollToActive: r,
+    setActiveIndex: (e) => {
+      e >= -1 && e < l.value.length && (t.value = e);
+    }
+  };
+}
+export {
+  i as useKeyboardNavigation
+};

package/dist/packages/components/src/suggestion/composables/useTriggerDetection.js

@@ -0,0 +1,17 @@
+const c = (i) => {
+  const n = (t) => i.triggerKeys.includes(t);
+  return {
+    isTriggerKey: n,
+    detectTrigger: (t, e) => {
+      const r = t.target.selectionStart || 0;
+      return r > 0 && n(e[r - 1]) && (r === 1 || e[r - 2] === " " || e[r - 2] === `
+`) ? {
+        text: e[r - 1],
+        position: r - 1
+      } : null;
+    }
+  };
+};
+export {
+  c as useTriggerDetection
+};

package/dist/packages/components/src/suggestion/index.js

@@ -0,0 +1,9 @@
+import n from "./index.vue.js";
+n.name = "TrSuggestion";
+const o = function(t) {
+  t.component(n.name, n);
+};
+n.install = o;
+export {
+  n as default
+};

package/dist/packages/components/src/suggestion/index.vue.js

@@ -0,0 +1,179 @@
+import { defineComponent as q, ref as l, computed as N, watch as w, onMounted as F, onBeforeUnmount as G, resolveComponent as J, createElementBlock as T, openBlock as f, normalizeClass as W, createElementVNode as y, renderSlot as a, createBlock as O, createCommentVNode as K, createVNode as h, unref as k, withCtx as u } from "vue";
+import X from "./components/SuggestionCapsule.vue.js";
+import Y from "./components/SuggestionPanel.vue.js";
+import { useTriggerDetection as Z } from "./composables/useTriggerDetection.js";
+import { IconHotQuestion as R, IconArrowUp as ee, IconArrowDown as te } from "../../../svgs/dist/tiny-robot-svgs.js";
+/* empty css           */
+const ne = { class: "tr-suggestion__header" }, ue = /* @__PURE__ */ q({
+  __name: "index",
+  props: {
+    triggerKeys: { default: () => ["/"] },
+    items: { default: () => [] },
+    categories: { default: () => [] },
+    open: { type: Boolean, default: void 0 },
+    className: {},
+    theme: { default: "light" },
+    loading: { type: Boolean, default: !1 },
+    closeOnOutsideClick: { type: Boolean, default: !0 },
+    title: { default: "快捷指令" },
+    maxVisibleItems: { default: 5 },
+    defaultExpanded: { type: Boolean, default: !1 }
+  },
+  emits: ["update:open", "select", "close", "trigger", "category-select", "suggestion-select", "update:expanded", "fill-template"],
+  setup(z, { expose: A, emit: L }) {
+    const t = z, n = L, m = l(!1), C = l([]), I = l({
+      text: "",
+      position: 0
+    }), c = l(t.defaultExpanded), B = l(!1), S = () => {
+      c.value = !c.value, n("update:expanded", c.value);
+    }, Q = (e) => {
+      B.value = e;
+    }, d = l(""), s = l(-1), x = l(null), E = l(null), i = N(() => t.open !== void 0 ? t.open : m.value), $ = N(() => {
+      if (t.categories.length === 0 || !d.value)
+        return C.value;
+      const e = t.categories.find((o) => o.id === d.value);
+      return e ? e.items : [];
+    });
+    w(i, (e) => {
+      e ? s.value = $.value.length > 0 ? 0 : -1 : s.value = -1;
+    }), w($, (e) => {
+      e.length > 0 && s.value === -1 ? s.value = 0 : e.length === 0 ? s.value = -1 : s.value >= e.length && (s.value = e.length - 1);
+    }), w(
+      () => t.categories,
+      (e) => {
+        e.length > 0 && !d.value && (d.value = e[0].id);
+      },
+      { immediate: !0 }
+    );
+    const b = () => {
+      C.value = [...t.items];
+    }, { detectTrigger: U } = Z(t), j = (e) => {
+      n("suggestion-select", e), n("select", e.value, {
+        text: "",
+        position: 0
+      }), e.template && n("fill-template", e.template);
+    }, v = (e) => {
+      e === !1 ? g() : (typeof e == "object" && e !== null && (I.value = {
+        text: e.text || "",
+        position: e.position || 0
+      }), b(), m.value = !0, n("update:open", !0));
+    }, _ = (e, o) => {
+      const p = U(e, o);
+      return p ? (I.value = p, v(p), !0) : i.value && o === "" ? (v(!1), !0) : !1;
+    }, D = (e) => {
+      if (i.value && E.value) {
+        E.value.handleKeyDown(e);
+        return;
+      }
+    }, g = () => {
+      t.open === void 0 && (m.value = !1), n("update:open", !1), n("close");
+    }, H = (e) => {
+      d.value = e.id, s.value = 0, n("category-select", e);
+    }, M = (e, o) => {
+      n("select", e.text, o), e.template && n("fill-template", e.template), g();
+    }, V = (e) => {
+      t.closeOnOutsideClick && i.value && x.value && !x.value.contains(e.target) && g();
+    }, P = () => {
+      i.value ? g() : (b(), m.value = !0, n("update:open", !0));
+    };
+    return F(() => {
+      t.closeOnOutsideClick && document.addEventListener("click", V);
+    }), G(() => {
+      t.closeOnOutsideClick && document.removeEventListener("click", V);
+    }), A({
+      trigger: v,
+      keyDown: D,
+      input: _,
+      toggleExpand: S
+    }), (e, o) => {
+      const p = J("IconEdit");
+      return f(), T("div", {
+        ref_key: "rootRef",
+        ref: x,
+        class: W(["tr-suggestion", e.className, { "tr-suggestion--dark": e.theme === "dark" }])
+      }, [
+        y("div", ne, [
+          y("div", {
+            class: "tr-suggestion__trigger",
+            onClick: P
+          }, [
+            h(k(R))
+          ]),
+          h(X, {
+            suggestions: e.items,
+            isExpanded: c.value,
+            onSuggestionClick: j,
+            onShowExpandButton: Q
+          }, {
+            "suggestion-icon": u((r) => [
+              a(e.$slots, "capsule-icon", {
+                suggestion: r.suggestion
+              }, () => [
+                h(p)
+              ])
+            ]),
+            _: 3
+          }, 8, ["suggestions", "isExpanded"]),
+          B.value ? (f(), T("div", {
+            key: 0,
+            class: "tr-suggestion__expand-button",
+            onClick: S
+          }, [
+            c.value ? (f(), O(k(te), { key: 1 })) : (f(), O(k(ee), { key: 0 }))
+          ])) : K("", !0)
+        ]),
+        a(e.$slots, "trigger", {
+          onTrigger: v,
+          onKeyDown: D,
+          onInput: _
+        }),
+        i.value ? (f(), O(Y, {
+          key: 0,
+          ref_key: "panelRef",
+          ref: E,
+          class: "tr-suggestion-panel placement-top",
+          items: C.value,
+          categories: e.categories,
+          loading: e.loading,
+          title: e.title,
+          maxVisibleItems: e.maxVisibleItems,
+          triggerContext: I.value,
+          onClose: g,
+          onSelect: M,
+          onCategorySelect: H
+        }, {
+          "title-icon": u(() => [
+            a(e.$slots, "title-icon", {}, () => [
+              h(k(R), { style: { "font-size": "36px" } })
+            ])
+          ]),
+          "category-label": u((r) => [
+            a(e.$slots, "category-label", {
+              category: r.category
+            })
+          ]),
+          item: u((r) => [
+            a(e.$slots, "item", {
+              item: r.item,
+              active: r.active
+            })
+          ]),
+          "loading-indicator": u(() => [
+            a(e.$slots, "loading-indicator", {}, () => [
+              o[0] || (o[0] = y("div", { class: "tr-suggestion__loading-spinner" }, null, -1))
+            ])
+          ]),
+          empty: u(() => [
+            a(e.$slots, "empty", {}, () => [
+              o[1] || (o[1] = y("p", null, "无匹配结果", -1))
+            ])
+          ]),
+          _: 3
+        }, 8, ["items", "categories", "loading", "title", "maxVisibleItems", "triggerContext"])) : K("", !0)
+      ], 2);
+    };
+  }
+});
+export {
+  ue as default
+};

package/dist/packages/components/src/suggestion/index.vue2.js

@@ -0,0 +1,4 @@
+import f from "./index.vue.js";
+export {
+  f as default
+};

package/dist/packages/components/src/suggestion/utils/dom.js

@@ -0,0 +1,18 @@
+function d(n, e = "") {
+  const t = document.createElement("div");
+  e && (t.className = e), t.style.visibility = "hidden", t.style.position = "absolute", t.style.whiteSpace = "nowrap", t.textContent = n, document.body.appendChild(t);
+  const i = t.offsetWidth;
+  return document.body.removeChild(t), i;
+}
+const o = /* @__PURE__ */ new Map();
+function c(n, e = "") {
+  const t = `${n}::${e}`;
+  if (o.has(t))
+    return o.get(t);
+  const i = d(n, e);
+  return o.set(t, i), i;
+}
+export {
+  c as getCachedTextWidth,
+  d as measureTextWidth
+};