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

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

@@ -1,35 +1,36 @@
-import { defineComponent as G, ref as $, computed as d, watch as J, createElementBlock as o, openBlock as n, normalizeClass as z, createElementVNode as c, createVNode as p, createCommentVNode as r, Transition as k, withCtx as L, renderSlot as b, unref as l, isRef as Q, normalizeStyle as X, toDisplayString as w, Fragment as Y, renderList as Z } from "vue";
-import x from "../../../../node_modules/.pnpm/@opentiny_vue-input@3.21.0/node_modules/@opentiny/vue-input/lib/index.js";
-import { useInputHandler as ee } from "./composables/useInputHandler.js";
-import { useKeyboardHandler as se } from "./composables/useKeyboardHandler.js";
-import { useSpeechHandler as te } from "./composables/useSpeechHandler.js";
-import j from "./components/ActionButtons.vue.js";
+import { defineComponent as ee, ref as w, computed as a, watch as te, createElementBlock as n, openBlock as o, normalizeClass as K, createElementVNode as p, createVNode as f, createCommentVNode as u, Transition as B, withCtx as L, renderSlot as _, createBlock as W, unref as i, isRef as se, normalizeStyle as oe, toDisplayString as C, Fragment as le, renderList as ne } from "vue";
+import ae from "../../../../node_modules/.pnpm/@opentiny_vue-input@3.21.0/node_modules/@opentiny/vue-input/lib/index.js";
+import { useInputHandler as ie } from "./composables/useInputHandler.js";
+import { useKeyboardHandler as re } from "./composables/useKeyboardHandler.js";
+import { useSpeechHandler as ue } from "./composables/useSpeechHandler.js";
+import H from "./components/ActionButtons.vue.js";
+import de from "./components/TemplateEditor.vue.js";
 /* empty css           */
-const oe = ["data-theme"], ne = { class: "tiny-sender__container" }, le = { class: "tiny-sender__input-wrapper" }, ae = {
+const pe = ["data-theme"], ce = { class: "tiny-sender__container" }, me = { class: "tiny-sender__input-wrapper" }, fe = {
   key: 0,
   class: "tiny-sender__header-slot"
-}, ie = {
+}, he = {
   key: 0,
   class: "tiny-sender__prefix-slot"
-}, re = { class: "tiny-sender__content-area" }, ue = {
+}, ye = { class: "tiny-sender__content-area" }, ve = {
   key: 1,
   class: "tiny-sender__actions-slot"
-}, de = { class: "tiny-sender__buttons-container" }, ce = {
+}, ge = { class: "tiny-sender__buttons-container" }, be = {
   key: 0,
   class: "tiny-sender__footer-slot"
-}, pe = {
+}, we = {
   key: 0,
   class: "tiny-sender__word-limit"
-}, me = {
+}, _e = {
   key: 1,
   class: "tiny-sender__toolbar"
-}, he = { class: "tiny-sender__buttons-container" }, fe = {
+}, Ce = { class: "tiny-sender__buttons-container" }, Se = {
   key: 0,
   class: "tiny-sender__suggestions"
-}, ye = ["onClick"], ge = {
+}, ke = ["onClick"], $e = {
   key: 0,
   class: "tiny-sender__error"
-}, Le = /* @__PURE__ */ G({
+}, ze = /* @__PURE__ */ ee({
   __name: "index",
   props: {
     autofocus: { type: Boolean, default: !1 },
@@ -48,187 +49,207 @@ const oe = ["data-theme"], ne = { class: "tiny-sender__container" }, le = { clas
     placeholder: { default: "请输入内容..." },
     showWordLimit: { type: Boolean, default: !1 },
     suggestions: {},
-    theme: { default: "light" }
+    theme: { default: "light" },
+    template: { default: "" },
+    hasContent: { type: Boolean, default: void 0 }
   },
-  emits: ["update:modelValue", "submit", "clear", "speech-start", "speech-end", "speech-interim", "speech-error", "suggestion-select", "focus", "blur", "escape-press", "cancel"],
-  setup(F, { expose: E, emit: K }) {
-    const t = F, a = K, m = $(null), { inputValue: s, isComposing: f, clearInput: _ } = ee(t, a), y = $(!1), B = d(() => !t.suggestions || !s.value ? [] : t.suggestions.filter((e) => e.toLowerCase().includes(s.value.toLowerCase()))), R = (e) => {
-      s.value = e, y.value = !1, a("suggestion-select", e);
-    }, W = d(() => ({
+  emits: ["update:modelValue", "submit", "clear", "speech-start", "speech-end", "speech-interim", "speech-error", "suggestion-select", "focus", "blur", "escape-press", "cancel", "reset-template"],
+  setup(N, { expose: O, emit: q }) {
+    const t = N, l = q, c = w(null), h = w(null), I = a(() => !!t.template), { inputValue: s, isComposing: y, clearInput: D } = ie(t, l), S = () => {
+      D(), t.template && l("reset-template");
+    }, v = w(!1), T = a(() => !t.suggestions || !s.value ? [] : t.suggestions.filter((e) => e.toLowerCase().includes(s.value.toLowerCase()))), U = (e) => {
+      s.value = e, v.value = !1, l("suggestion-select", e);
+    }, F = (e) => {
+      s.value = e, l("update:modelValue", e);
+    }, V = () => {
+      h.value && h.value.activateFirstField();
+    }, M = a(() => ({
       ...typeof t.speech == "object" ? t.speech : {},
-      onStart: () => a("speech-start"),
-      onEnd: (e) => a("speech-end", e),
-      onInterim: (e) => a("speech-interim", e),
+      onStart: () => l("speech-start"),
+      onEnd: (e) => l("speech-end", e),
+      onInterim: (e) => l("speech-interim", e),
       onFinal: (e) => {
-        s.value = e, a("speech-end", e);
+        s.value = e, l("speech-end", e);
       },
       onError: (e) => {
-        P(e.message), a("speech-error", e);
+        Y(e.message), l("speech-error", e);
       }
-    })), { speechState: g, start: V, stop: I } = te(W.value), S = () => {
-      g.isRecording ? I() : V();
-    }, { handleKeyPress: H, triggerSubmit: C } = se(
+    })), { speechState: g, start: E, stop: R } = ue(M.value), k = () => {
+      g.isRecording ? R() : E();
+    }, { handleKeyPress: P, triggerSubmit: $ } = re(
       t,
-      a,
+      l,
       s,
-      f,
-      g,
       y,
-      S
-    ), N = (e) => {
-      a("focus", e);
-    }, O = (e) => {
-      a("blur", e);
-    }, q = d(() => t.mode === "multiple" ? "textarea" : "text"), D = d(
+      g,
+      v,
+      k
+    ), A = (e) => {
+      l("focus", e);
+    }, G = (e) => {
+      l("blur", e);
+    }, J = a(() => t.mode === "multiple" ? { minRows: 2, maxRows: 5 } : { maxRows: 1 }), Q = a(
       () => ({
         display: "flex",
         justifyContent: t.showWordLimit && t.maxLength !== 1 / 0 ? "space-between" : "flex-end",
         alignItems: "center"
       })
-    ), v = d(() => t.disabled), T = d(() => t.loading), M = d(() => ({
-      "is-disabled": v.value,
-      "is-loading": T.value,
-      "has-error": !!h.value
-    })), h = $(""), P = (e) => {
-      h.value = e, setTimeout(() => h.value = "", 5e3);
-    }, U = () => {
-      f.value = !1, setTimeout(() => f.value = !1, 50);
+    ), b = a(() => t.disabled), j = a(() => t.loading), z = a(() => t.hasContent !== void 0 ? t.hasContent : !!s.value), X = a(() => ({
+      "is-disabled": b.value,
+      "is-loading": j.value,
+      "has-error": !!m.value
+    })), m = w(""), Y = (e) => {
+      m.value = e, setTimeout(() => m.value = "", 5e3);
+    }, Z = () => {
+      y.value = !1, setTimeout(() => y.value = !1, 50);
     };
-    return J(s, () => {
-      y.value = !!t.suggestions && !!s.value;
-    }), E({
+    return te(s, () => {
+      v.value = !!t.suggestions && !!s.value;
+    }), O({
       focus: () => {
-        if (m.value)
-          m.value.focus();
+        if (I.value && h.value)
+          V();
+        else if (c.value)
+          c.value.focus();
         else {
           const e = document.querySelector(".tiny-input__inner");
           e == null || e.focus();
         }
       },
       blur: () => {
-        if (m.value)
-          m.value.blur();
+        if (c.value)
+          c.value.blur();
         else {
           const e = document.querySelector(".tiny-input__inner");
           e == null || e.blur();
         }
       },
-      clear: _,
-      submit: C,
-      startSpeech: V,
-      stopSpeech: I
-    }), (e, i) => (n(), o("div", {
-      class: z(["tiny-sender", [M.value, `theme-${e.theme}`, `mode-${e.mode}`]]),
+      clear: S,
+      submit: $,
+      startSpeech: E,
+      stopSpeech: R,
+      activateTemplateFirstField: V
+    }), (e, r) => (o(), n("div", {
+      class: K(["tiny-sender", [X.value, `theme-${e.theme}`, `mode-${e.mode}`]]),
       "data-theme": e.theme
     }, [
-      c("div", ne, [
-        c("div", le, [
-          p(k, { name: "tiny-sender-slide-down" }, {
+      p("div", ce, [
+        p("div", me, [
+          f(B, { name: "tiny-sender-slide-down" }, {
             default: L(() => [
-              e.$slots.header ? (n(), o("div", ae, [
-                b(e.$slots, "header")
-              ])) : r("", !0)
+              e.$slots.header ? (o(), n("div", fe, [
+                _(e.$slots, "header")
+              ])) : u("", !0)
             ]),
             _: 3
           }),
-          c("div", {
-            class: z(["tiny-sender__input-row", { "has-prefix": e.$slots.prefix, "has-header": e.$slots.header }])
+          p("div", {
+            class: K(["tiny-sender__input-row", { "has-prefix": e.$slots.prefix, "has-header": e.$slots.header }])
           }, [
-            e.$slots.prefix ? (n(), o("div", ie, [
-              b(e.$slots, "prefix")
-            ])) : r("", !0),
-            c("div", re, [
-              p(l(x), {
+            e.$slots.prefix ? (o(), n("div", he, [
+              _(e.$slots, "prefix")
+            ])) : u("", !0),
+            p("div", ye, [
+              I.value ? (o(), W(de, {
+                key: 0,
+                ref_key: "templateEditorRef",
+                ref: h,
+                template: e.template,
+                value: i(s),
+                "onUpdate:value": F,
+                onInput: F
+              }, null, 8, ["template", "value"])) : (o(), W(i(ae), {
+                key: 1,
                 ref_key: "inputRef",
-                ref: m,
-                autosize: e.autoSize,
-                type: q.value,
-                readonly: T.value,
-                resize: e.mode === "multiple" ? "none" : void 0,
-                modelValue: l(s),
-                "onUpdate:modelValue": i[0] || (i[0] = (u) => Q(s) ? s.value = u : null),
-                disabled: v.value,
+                ref: c,
+                autosize: J.value,
+                type: "textarea",
+                readonly: j.value,
+                resize: "none",
+                modelValue: i(s),
+                "onUpdate:modelValue": r[0] || (r[0] = (d) => se(s) ? s.value = d : null),
+                disabled: b.value,
                 placeholder: e.placeholder,
                 maxlength: e.maxLength,
                 autofocus: e.autofocus,
-                onKeydown: l(H),
-                onCompositionstart: i[1] || (i[1] = (u) => f.value = !0),
-                onCompositionend: U,
-                onFocus: N,
-                onBlur: O
-              }, null, 8, ["autosize", "type", "readonly", "resize", "modelValue", "disabled", "placeholder", "maxlength", "autofocus", "onKeydown"])
+                onKeydown: i(P),
+                onCompositionstart: r[1] || (r[1] = (d) => y.value = !0),
+                onCompositionend: Z,
+                onFocus: A,
+                onBlur: G
+              }, null, 8, ["autosize", "readonly", "modelValue", "disabled", "placeholder", "maxlength", "autofocus", "onKeydown"]))
             ]),
-            e.mode === "single" ? (n(), o("div", ue, [
-              c("div", de, [
-                b(e.$slots, "actions"),
-                p(j, {
+            e.mode === "single" ? (o(), n("div", ve, [
+              p("div", ge, [
+                _(e.$slots, "actions"),
+                f(H, {
                   class: "inline-buttons",
                   "allow-speech": e.allowSpeech,
                   "allow-files": e.allowFiles,
                   loading: e.loading,
-                  disabled: v.value,
+                  disabled: b.value,
                   "show-clear": e.clearable,
-                  "has-content": !!l(s),
-                  "speech-status": l(g),
+                  "has-content": z.value,
+                  "speech-status": i(g),
                   "submit-type": e.submitType,
-                  onClear: l(_),
-                  onToggleSpeech: S,
-                  onSubmit: l(C),
-                  onCancel: i[2] || (i[2] = (u) => e.$emit("cancel"))
-                }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "onClear", "onSubmit"])
+                  onClear: S,
+                  onToggleSpeech: k,
+                  onSubmit: i($),
+                  onCancel: r[2] || (r[2] = (d) => e.$emit("cancel"))
+                }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "onSubmit"])
               ])
-            ])) : r("", !0)
+            ])) : u("", !0)
           ], 2),
-          p(k, { name: "tiny-sender-slide-up" }, {
+          f(B, { name: "tiny-sender-slide-up" }, {
             default: L(() => [
-              e.$slots.footer ? (n(), o("div", ce, [
-                b(e.$slots, "footer")
-              ])) : e.mode !== "single" || e.showWordLimit && e.maxLength !== 1 / 0 ? (n(), o("div", {
+              e.$slots.footer ? (o(), n("div", be, [
+                _(e.$slots, "footer")
+              ])) : e.mode !== "single" || e.showWordLimit && e.maxLength !== 1 / 0 ? (o(), n("div", {
                 key: 1,
-                style: X(D.value),
+                style: oe(Q.value),
                 class: "tiny-sender__footer-slot tiny-sender__bottom-row"
               }, [
-                e.showWordLimit && e.maxLength !== 1 / 0 ? (n(), o("div", pe, w(l(s).length) + "/" + w(e.maxLength), 1)) : r("", !0),
-                e.mode === "multiple" ? (n(), o("div", me, [
-                  c("div", he, [
-                    p(j, {
+                e.showWordLimit && e.maxLength !== 1 / 0 ? (o(), n("div", we, C(i(s).length) + "/" + C(e.maxLength), 1)) : u("", !0),
+                e.mode === "multiple" ? (o(), n("div", _e, [
+                  p("div", Ce, [
+                    f(H, {
                       "allow-speech": e.allowSpeech,
                       "allow-files": e.allowFiles,
                       loading: e.loading,
-                      disabled: v.value,
+                      disabled: b.value,
                       "show-clear": e.clearable,
-                      "has-content": !!l(s),
-                      "speech-status": l(g),
+                      "has-content": z.value,
+                      "speech-status": i(g),
                       "submit-type": e.submitType,
-                      onClear: l(_),
-                      onToggleSpeech: S,
-                      onSubmit: l(C),
-                      onCancel: i[3] || (i[3] = (u) => e.$emit("cancel"))
-                    }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "onClear", "onSubmit"])
+                      onClear: S,
+                      onToggleSpeech: k,
+                      onSubmit: i($),
+                      onCancel: r[3] || (r[3] = (d) => e.$emit("cancel"))
+                    }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "submit-type", "onSubmit"])
                   ])
-                ])) : r("", !0)
-              ], 4)) : r("", !0)
+                ])) : u("", !0)
+              ], 4)) : u("", !0)
             ]),
             _: 3
           })
         ])
       ]),
-      p(k, { name: "tiny-sender-slide-up" }, {
+      f(B, { name: "tiny-sender-slide-up" }, {
         default: L(() => [
-          y.value && B.value.length ? (n(), o("div", fe, [
-            (n(!0), o(Y, null, Z(B.value, (u, A) => (n(), o("div", {
-              key: A,
+          v.value && T.value.length ? (o(), n("div", Se, [
+            (o(!0), n(le, null, ne(T.value, (d, x) => (o(), n("div", {
+              key: x,
               class: "suggestion-item",
-              onClick: (ve) => R(u)
-            }, w(u), 9, ye))), 128))
-          ])) : r("", !0)
+              onClick: (Be) => U(d)
+            }, C(d), 9, ke))), 128))
+          ])) : u("", !0)
         ]),
         _: 1
       }),
-      h.value ? (n(), o("div", ge, w(h.value), 1)) : r("", !0)
-    ], 10, oe));
+      m.value ? (o(), n("div", $e, C(m.value), 1)) : u("", !0)
+    ], 10, pe));
   }
 });
 export {
-  Le as default
+  ze as default
 };

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

@@ -0,0 +1,38 @@
+import { defineComponent as l, createElementBlock as t, openBlock as o, Fragment as d, renderList as m, normalizeClass as u, renderSlot as g, createCommentVNode as p, createElementVNode as C, toDisplayString as s } from "vue";
+const _ = { class: "tr-suggestion-categories" }, v = ["onClick"], y = {
+  key: 0,
+  class: "category-icon"
+}, S = /* @__PURE__ */ l({
+  __name: "CategoryNav",
+  props: {
+    categories: {
+      type: Array,
+      required: !0
+    },
+    activeCategory: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["category-select"],
+  setup(n, { emit: r }) {
+    const a = r, c = (i) => {
+      a("category-select", i);
+    };
+    return (i, k) => (o(), t("div", _, [
+      (o(!0), t(d, null, m(n.categories, (e) => (o(), t("div", {
+        key: e.id,
+        class: u(["tr-suggestion-categories-item", { active: n.activeCategory === e.id }]),
+        onClick: (f) => c(e.id)
+      }, [
+        g(i.$slots, "category-label", { category: e }, () => [
+          e.icon ? (o(), t("div", y, s(e.icon), 1)) : p("", !0),
+          C("span", null, s(e.label), 1)
+        ])
+      ], 10, v))), 128))
+    ]));
+  }
+});
+export {
+  S as default
+};

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

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

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

@@ -0,0 +1,107 @@
+import { defineComponent as L, ref as a, computed as N, watch as O, watchEffect as T, onMounted as V, onBeforeUnmount as q, createElementBlock as c, openBlock as l, normalizeClass as A, createElementVNode as s, withDirectives as F, Fragment as k, renderList as y, createVNode as W, unref as $, toDisplayString as B, vShow as H, nextTick as P } from "vue";
+import { IconEdit as R } from "../../../../svgs/dist/tiny-robot-svgs.js";
+import { getCachedTextWidth as z } from "../utils/dom.js";
+const U = { class: "tr-common-suggestions_content" }, Y = { class: "tr-common-suggestions_expanded-wrapper" }, j = { class: "tr-common-suggestions_expanded-area" }, G = ["onClick"], J = { class: "tr-common-suggestions_item_icon" }, K = { class: "tr-common-suggestions_item_text" }, Q = { class: "tr-common-suggestions_container" }, X = ["onClick"], Z = { class: "tr-common-suggestions_item_icon" }, ee = { class: "tr-common-suggestions_item_text" }, oe = /* @__PURE__ */ L({
+  __name: "SuggestionCapsule",
+  props: {
+    suggestions: {
+      type: Array,
+      required: !0
+    },
+    isExpanded: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["suggestion-click", "show-expand-button"],
+  setup(M, { emit: I }) {
+    const n = M, _ = I, u = a(null), p = a(!1), f = a(!1), x = a([]), r = a([]), w = a(0), v = a(null), D = N(() => {
+      if (w.value <= 0 || r.value.length === 0) return [];
+      const e = [], d = [...r.value];
+      for (; d.length > 0; )
+        e.push(d.splice(0, w.value));
+      return e.reverse();
+    }), C = async () => {
+      if (await P(), !u.value || n.suggestions.length === 0) {
+        p.value = !1, _("show-expand-button", !1);
+        return;
+      }
+      const d = u.value.clientWidth;
+      x.value = [], r.value = [];
+      let t = 0;
+      const g = 8;
+      let o = 0;
+      const h = Math.min(3, n.suggestions.length);
+      for (let i = 0; i < h; i++) {
+        const m = z(n.suggestions[i].text, "tr-common-suggestions_item") + g;
+        o += m;
+      }
+      const b = o / h;
+      w.value = Math.max(1, Math.floor(d / b));
+      for (let i = 0; i < n.suggestions.length; i++) {
+        const m = n.suggestions[i], E = z(m.text, "tr-common-suggestions_item") + g;
+        t + E <= d ? (t += E, x.value.push(m)) : r.value.push(m);
+      }
+      p.value = r.value.length > 0, _("show-expand-button", p.value);
+    }, S = (e) => {
+      _("suggestion-click", e);
+    };
+    return O(
+      () => n.isExpanded,
+      (e) => {
+        f.value = e;
+      }
+    ), T(() => {
+      u.value && n.suggestions.length && C();
+    }), V(() => {
+      u.value && (v.value = new ResizeObserver(() => {
+        C();
+      }), v.value.observe(u.value));
+    }), q(() => {
+      v.value && v.value.disconnect();
+    }), (e, d) => (l(), c("div", {
+      class: A(["tr-common-suggestions", { expanded: f.value }]),
+      ref_key: "capsuleRef",
+      ref: u
+    }, [
+      s("div", U, [
+        s("div", Y, [
+          F(s("div", j, [
+            (l(!0), c(k, null, y(D.value, (t, g) => (l(), c("div", {
+              key: `row-${g}`,
+              class: "tr-common-suggestions_row"
+            }, [
+              (l(!0), c(k, null, y(t, (o, h) => (l(), c("div", {
+                key: `hidden-${o.id}-${h}`,
+                class: "tr-common-suggestions_item",
+                onClick: (b) => S(o)
+              }, [
+                s("div", J, [
+                  W($(R))
+                ]),
+                s("div", K, B(o.text), 1)
+              ], 8, G))), 128))
+            ]))), 128))
+          ], 512), [
+            [H, f.value && r.value.length > 0]
+          ])
+        ]),
+        s("div", Q, [
+          (l(!0), c(k, null, y(x.value, (t, g) => (l(), c("div", {
+            key: `visible-${t.id}-${g}`,
+            class: "tr-common-suggestions_item",
+            onClick: (o) => S(t)
+          }, [
+            s("div", Z, [
+              W($(R))
+            ]),
+            s("div", ee, B(t.text), 1)
+          ], 8, X))), 128))
+        ])
+      ])
+    ], 2));
+  }
+});
+export {
+  oe as default
+};

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

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

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

@@ -0,0 +1,123 @@
+import { defineComponent as N, ref as y, computed as B, createElementBlock as a, openBlock as i, createElementVNode as t, createBlock as z, createCommentVNode as f, renderSlot as d, createVNode as p, unref as g, toDisplayString as v, normalizeStyle as A, Fragment as D, renderList as E, normalizeClass as H } from "vue";
+import K from "./CategoryNav.vue.js";
+import { useKeyboardNavigation as M } from "../composables/useKeyboardNavigation.js";
+import { IconHotQuestion as Q, IconClose as q } from "../../../../svgs/dist/tiny-robot-svgs.js";
+const w = { class: "tr-suggestion-panel" }, F = { class: "tr-suggestion-header" }, L = { class: "tr-suggestion-header-left" }, P = { class: "tr-suggestion-header-icon" }, T = { class: "tr-suggestion-header-title" }, j = { class: "close-icon" }, G = {
+  key: 0,
+  class: "tr-suggestion-loading"
+}, J = { key: 1 }, O = ["onClick", "onMouseenter"], R = { class: "item-content" }, U = { class: "item-label" }, W = {
+  key: 0,
+  class: "item-description"
+}, X = {
+  key: 2,
+  class: "tr-suggestion-empty"
+}, se = /* @__PURE__ */ N({
+  __name: "SuggestionPanel",
+  props: {
+    items: {
+      type: Array,
+      required: !0
+    },
+    categories: {
+      type: Array,
+      default: () => []
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: "指令"
+    },
+    maxVisibleItems: {
+      type: Number,
+      default: 5
+    }
+  },
+  emits: ["close", "select", "category-select", "item-hover"],
+  setup(n, { expose: _, emit: k }) {
+    const l = n, c = k, C = y(l.items), { handleKeyDown: S, activeIndex: h } = M(C, {
+      initialIndex: 0,
+      onClose: () => c("close"),
+      onSelect: (e) => c("select", e)
+    }), r = y(l.categories.length > 0 ? l.categories[0].id : ""), u = B(() => {
+      if (l.categories.length === 0 || !r.value)
+        return l.items;
+      const e = l.categories.find((s) => s.id === r.value);
+      return e ? e.items : [];
+    }), I = (e) => {
+      r.value = e;
+      const s = l.categories.find((o) => o.id === e);
+      s && c("category-select", s);
+    }, $ = (e) => {
+      c("select", e);
+    }, b = () => {
+      c("close");
+    }, V = (e) => {
+      c("item-hover", e);
+    };
+    return _({
+      handleKeyDown: S
+    }), (e, s) => (i(), a("div", w, [
+      t("div", F, [
+        t("div", L, [
+          t("div", P, [
+            d(e.$slots, "title-icon", {}, () => [
+              p(g(Q))
+            ])
+          ]),
+          t("div", T, v(n.title), 1)
+        ]),
+        t("span", {
+          class: "tr-suggestion-close-btn",
+          onClick: b
+        }, [
+          t("span", j, [
+            p(g(q))
+          ])
+        ])
+      ]),
+      n.categories.length > 0 ? (i(), z(K, {
+        key: 0,
+        categories: n.categories,
+        "active-category": r.value,
+        onCategorySelect: I
+      }, null, 8, ["categories", "active-category"])) : f("", !0),
+      t("div", {
+        class: "tr-suggestion-content",
+        style: A({ "max-height": u.value.length > n.maxVisibleItems ? `${n.maxVisibleItems * 56}px` : "auto" })
+      }, [
+        n.loading ? (i(), a("div", G, [
+          d(e.$slots, "loading-indicator", {}, () => [
+            s[0] || (s[0] = t("div", { class: "tr-suggestion-loading-spinner" }, null, -1))
+          ])
+        ])) : u.value.length > 0 ? (i(), a("ul", J, [
+          (i(!0), a(D, null, E(u.value, (o, m) => (i(), a("li", {
+            key: o.id,
+            class: H(["tr-suggestion-list-item", { "tr-suggestion-item-active": m === g(h) }]),
+            onClick: (x) => $(o),
+            onMouseenter: (x) => V(m)
+          }, [
+            d(e.$slots, "item", {
+              item: o,
+              active: m === g(h)
+            }, () => [
+              t("div", R, [
+                t("div", U, v(o.text), 1),
+                o.description ? (i(), a("div", W, v(o.description), 1)) : f("", !0)
+              ])
+            ])
+          ], 42, O))), 128))
+        ])) : (i(), a("div", X, [
+          d(e.$slots, "empty", {}, () => [
+            s[1] || (s[1] = t("p", null, "无匹配结果", -1))
+          ])
+        ]))
+      ], 4)
+    ]));
+  }
+});
+export {
+  se as default
+};