@opentiny/tiny-robot 0.2.0-alpha.3 → 0.2.0-alpha.4

package/dist/question/index.js

@@ -1,52 +1,52 @@
-import { ref as v, computed as D, watch as T, defineComponent as R, onMounted as F, onBeforeUnmount as U, createElementBlock as u, openBlock as l, normalizeClass as V, createCommentVNode as S, Fragment as M, renderList as W, createElementVNode as n, createTextVNode as A, createVNode as $, unref as h, toDisplayString as Q, nextTick as H, withModifiers as j, normalizeStyle as G, renderSlot as E, withCtx as O, createBlock as N } from "vue";
-import { Y, Q as I, I as P, D as J, x as K } from "../tiny-robot-svgs.js";
-import { i as X } from "../close.js";
-import { B as Z } from "../index3.js";
-function ee(c = v([])) {
-  const k = v(""), p = v(!1), i = v(!1), d = v("light"), r = D(() => {
-    if (!k.value && c.value.length > 0)
-      return c.value[0].questions;
-    const e = c.value.find((s) => s.id === k.value);
-    return e ? e.questions : [];
-  }), g = (e) => {
-    k.value = e;
-  }, f = () => {
-    i.value = !0;
-  }, y = () => {
-    i.value = !1;
-  }, w = () => {
-    p.value = !p.value;
-  }, C = (e) => {
-    const s = document.body;
-    if (e) {
-      const m = window.scrollY || document.documentElement.scrollTop;
-      s.style.position = "fixed", s.style.width = "100%", s.style.top = `-${m}px`, s.style.overflowY = "scroll", s.classList.add("tr-modal-open");
+import { ref as m, computed as A, watch as H, defineComponent as j, onMounted as Z, onBeforeUnmount as ne, createElementBlock as d, openBlock as i, normalizeClass as V, createElementVNode as t, withDirectives as le, Fragment as R, renderList as z, createVNode as M, unref as q, toDisplayString as S, vShow as ie, nextTick as ae, createCommentVNode as U, withModifiers as ce, normalizeStyle as ue, renderSlot as B, createTextVNode as ee, createBlock as K, withCtx as I } from "vue";
+import { Y as X, q as te, _ as se, T as de, N as re } from "../tiny-robot-svgs.js";
+import { i as me } from "../close.js";
+import { B as ve } from "../index3.js";
+function he(v = m([])) {
+  const w = m(""), y = m(!1), a = m(!1), r = m("light"), k = A(() => {
+    if (!w.value && v.value.length > 0)
+      return v.value[0].questions;
+    const s = v.value.find((l) => l.id === w.value);
+    return s ? s.questions : [];
+  }), b = (s) => {
+    w.value = s;
+  }, p = () => {
+    a.value = !0;
+  }, _ = () => {
+    a.value = !1;
+  }, c = () => {
+    y.value = !y.value;
+  }, x = (s) => {
+    const l = document.body;
+    if (s) {
+      const Q = window.scrollY || document.documentElement.scrollTop;
+      l.style.position = "fixed", l.style.width = "100%", l.style.top = `-${Q}px`, l.style.overflowY = "scroll", l.classList.add("tr-modal-open");
     } else
-      s.style.position = "", s.style.width = "", s.style.top = "", s.style.overflowY = "", s.classList.remove("tr-modal-open");
+      l.style.position = "", l.style.width = "", l.style.top = "", l.style.overflowY = "", l.classList.remove("tr-modal-open");
   };
-  return T(i, (e) => {
-    C(e);
+  return H(a, (s) => {
+    x(s);
   }), {
-    activeCategory: k,
-    isFloatingExpanded: p,
-    modalVisible: i,
-    currentTheme: d,
-    activeQuestions: r,
-    setActiveCategory: g,
-    openModal: f,
-    closeModal: y,
-    toggleFloating: w,
+    activeCategory: w,
+    isFloatingExpanded: y,
+    modalVisible: a,
+    currentTheme: r,
+    activeQuestions: k,
+    setActiveCategory: b,
+    openModal: p,
+    closeModal: _,
+    toggleFloating: c,
     toggleTheme: () => {
-      d.value = d.value === "light" ? "dark" : "light", document.documentElement.setAttribute("data-theme", d.value);
+      r.value = r.value === "light" ? "dark" : "light", document.documentElement.setAttribute("data-theme", r.value);
     },
-    setTheme: (e) => {
-      d.value = e, document.documentElement.setAttribute("data-theme", e);
+    setTheme: (s) => {
+      r.value = s, document.documentElement.setAttribute("data-theme", s);
     },
     refreshData: async () => Promise.resolve(),
-    toggleBodyScroll: C
+    toggleBodyScroll: x
   };
 }
-const te = ["onClick"], se = { style: { display: "flex", "align-items": "center" } }, oe = { key: 0 }, ne = ["onClick"], le = /* @__PURE__ */ R({
+const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-questions_expanded-wrapper" }, ge = { class: "tr-common-questions_expanded-area" }, ye = ["onClick"], ke = { class: "tr-common-questions_item_icon" }, _e = { class: "tr-common-questions_item_text" }, Ce = { class: "tr-common-questions_container" }, qe = ["onClick"], $e = { class: "tr-common-questions_item_icon" }, we = { class: "tr-common-questions_item_text" }, be = /* @__PURE__ */ j({
   __name: "CommonQuestions",
   props: {
     questions: {
@@ -58,87 +58,139 @@ const te = ["onClick"], se = { style: { display: "flex", "align-items": "center"
       default: !1
     }
   },
-  emits: ["question-click", "show-expand-button"],
-  setup(c, { emit: k }) {
-    const p = c, i = k, d = v(null), r = v(!1), g = v(!1), f = v([]), y = v([]);
-    T(
-      () => p.isExpanded,
-      (t) => {
-        g.value = t;
+  emits: ["question-click", "toggle-expand", "hover-change"],
+  setup(v, { emit: w }) {
+    const y = v, a = w, r = m(null), k = m(!1), b = m(!1), p = m(!1), _ = m([]), c = m([]), x = m(0), f = m(null), o = A(() => c.value.length > 0), u = A(() => {
+      if (x.value <= 0 || c.value.length === 0) return [];
+      const e = [], h = [...c.value];
+      for (; h.length > 0; )
+        e.push(h.splice(0, x.value));
+      return e.reverse();
+    }), s = (e, h, $ = 40) => {
+      if (h.length === 0) return 0;
+      const E = e.clientWidth, T = 8, g = document.createElement("div");
+      g.className = "tr-common-questions_item", g.style.visibility = "hidden", g.style.position = "absolute", e.appendChild(g);
+      let O = 0;
+      const N = Math.min(3, h.length);
+      for (let L = 0; L < N; L++) {
+        g.innerHTML = `<span class="icon-placeholder"></span>${h[L].text}`;
+        const G = g.offsetWidth + T + 24;
+        O += G;
+      }
+      const W = O / N;
+      return e.removeChild(g), {
+        maxItemsCount: Math.max(1, Math.floor((E - $) / W))
+      };
+    }, l = (e, h, $, E = 40) => {
+      const g = [], O = [];
+      let N = 0;
+      if (h.length === 0)
+        return { visible: g, hidden: O };
+      const W = document.createElement("div");
+      W.className = "tr-common-questions_item", W.style.visibility = "hidden", W.style.position = "absolute", e.appendChild(W);
+      for (let L = 0; L < h.length; L++) {
+        const D = h[L];
+        W.innerHTML = `<span class="icon-placeholder"></span>${D.text}`;
+        const J = W.offsetWidth + 8 + 24, oe = $ - E;
+        N + J <= oe ? (N += J, g.push(D)) : O.push(D);
+      }
+      return e.removeChild(W), { visible: g, hidden: O };
+    };
+    H(
+      () => y.isExpanded,
+      (e) => {
+        p.value = e, e ? _.value.pop() : _.value.push(c.value[0]);
       }
     );
-    const w = async () => {
-      if (await H(), d.value) {
-        const t = d.value, a = t.clientWidth;
-        if (f.value = [], y.value = [], p.questions.length === 0) {
-          r.value = !1;
+    const Q = async () => {
+      if (await ae(), r.value) {
+        const e = r.value, h = e.clientWidth, $ = 40;
+        if (_.value = [], c.value = [], y.questions.length === 0) {
+          b.value = !1;
           return;
         }
-        let e = 0;
-        const s = 8, m = document.createElement("div");
-        m.className = "tr-common-questions_item", m.style.visibility = "hidden", m.style.position = "absolute", t.appendChild(m);
-        for (let B = 0; B < p.questions.length; B++) {
-          const _ = p.questions[B];
-          m.textContent = _.text;
-          const o = m.offsetWidth + s;
-          e + o <= a ? (e += o, f.value.push(_)) : y.value.push(_);
-        }
-        t.removeChild(m), r.value = y.value.length > 0, g.value = !1, i("show-expand-button", r.value);
+        const { maxItemsCount: E } = s(e, y.questions, $);
+        x.value = E;
+        const { visible: T, hidden: g } = l(e, y.questions, h, $);
+        _.value = T, c.value = g, c.value.length > 0 && _.value.push(c.value[0]), b.value = c.value.length > 0, y.isExpanded || (p.value = !1);
       }
-    }, C = (t) => {
-      i("question-click", t);
+    }, F = () => {
+      f.value && (clearTimeout(f.value), f.value = null), k.value = !0, a("hover-change", !0);
+    }, P = () => {
+      f.value = setTimeout(() => {
+        k.value = !1, a("hover-change", !1), f.value = null;
+      }, 500);
+    }, n = (e) => {
+      a("question-click", e);
     };
-    T(
-      () => p.questions,
+    H(
+      () => y.questions,
       () => {
-        w();
+        Q();
       },
       { deep: !0 }
     );
-    const q = () => {
-      w();
+    const C = () => {
+      Q();
     };
-    return F(() => {
-      w(), window.addEventListener("resize", q);
-    }), U(() => {
-      window.removeEventListener("resize", q);
-    }), (t, a) => (l(), u("div", {
-      class: V(["tr-common-questions", { expanded: g.value }]),
+    return Z(() => {
+      Q(), window.addEventListener("resize", C);
+    }), ne(() => {
+      window.removeEventListener("resize", C), f.value && (window.clearTimeout(f.value), f.value = null);
+    }), (e, h) => (i(), d("div", {
+      class: V(["tr-common-questions", { expanded: p.value }]),
       ref_key: "commonQuestionsRef",
-      ref: d
+      ref: r,
+      onMouseenter: F,
+      onMouseleave: P
     }, [
-      (l(!0), u(M, null, W(f.value, (e, s) => (l(), u("div", {
-        key: `visible-${e.id}-${s}`,
-        class: "tr-common-questions_item",
-        onClick: (m) => C(e)
-      }, [
-        n("div", se, [
-          $(h(Y))
+      t("div", pe, [
+        t("div", fe, [
+          le(t("div", ge, [
+            (i(!0), d(R, null, z(u.value, ($, E) => (i(), d("div", {
+              key: `row-${E}`,
+              class: "tr-common-questions_row"
+            }, [
+              (i(!0), d(R, null, z($, (T, g) => (i(), d("div", {
+                key: `hidden-${T.id}-${g}`,
+                class: "tr-common-questions_item",
+                onClick: (O) => n(T)
+              }, [
+                t("div", ke, [
+                  M(q(X))
+                ]),
+                t("div", _e, S(T.text), 1)
+              ], 8, ye))), 128))
+            ]))), 128))
+          ], 512), [
+            [ie, p.value && c.value.length > 0]
+          ])
         ]),
-        A(" " + Q(e.text), 1)
-      ], 8, te))), 128)),
-      g.value ? (l(), u("div", oe, [
-        (l(!0), u(M, null, W(y.value, (e, s) => (l(), u("div", {
-          key: `hidden-${e.id}-${s}`,
-          class: "tr-common-questions_item",
-          onClick: (m) => C(e)
-        }, [
-          $(h(Y)),
-          A(" " + Q(e.text), 1)
-        ], 8, ne))), 128))
-      ])) : S("", !0)
-    ], 2));
+        t("div", Ce, [
+          (i(!0), d(R, null, z(_.value, ($, E) => (i(), d("div", {
+            key: `visible-${$.id}-${E}`,
+            class: V(["tr-common-questions_item", { "last-item": !p.value && E === _.value.length - 1 && o.value }]),
+            onClick: (T) => n($)
+          }, [
+            t("div", $e, [
+              M(q(X))
+            ]),
+            t("div", we, S($.text), 1)
+          ], 10, qe))), 128))
+        ])
+      ])
+    ], 34));
   }
-}), ie = { class: "tr-question-header" }, ae = { style: { display: "flex", "align-items": "center", gap: "12px", "font-size": "36px" } }, de = {
+}), xe = { class: "tr-question-header" }, Ee = { style: { display: "flex", "align-items": "center", gap: "12px", "font-size": "36px" } }, Qe = {
   key: 0,
   class: "tr-question-categories"
-}, ue = ["onClick"], ce = { class: "category-icon" }, re = { class: "tr-question-content" }, me = {
+}, Te = ["onClick"], We = { class: "category-icon" }, Me = { class: "tr-question-content" }, Be = {
   key: 0,
   class: "tr-question-loading"
-}, ve = { key: 1 }, pe = ["onClick"], fe = {
+}, Se = { key: 1 }, Oe = ["onClick"], Le = {
   key: 2,
   class: "tr-question-empty"
-}, he = /* @__PURE__ */ R({
+}, Ne = /* @__PURE__ */ j({
   __name: "HotQuestions",
   props: {
     visible: {
@@ -163,105 +215,105 @@ const te = ["onClick"], se = { style: { display: "flex", "align-items": "center"
     }
   },
   emits: ["update:visible", "close", "select-category", "question-click"],
-  setup(c, { emit: k }) {
-    const p = X(), i = c, d = k, r = v(""), g = D(() => {
-      if (!r.value && i.categories.length > 0)
-        return i.categories[0].questions || [];
-      const t = i.categories.find((a) => a.id === r.value);
-      return t ? t.questions : [];
+  setup(v, { emit: w }) {
+    const y = me(), a = v, r = w, k = m(""), b = A(() => {
+      if (!k.value && a.categories.length > 0)
+        return a.categories[0].questions || [];
+      const o = a.categories.find((u) => u.id === k.value);
+      return o ? o.questions : [];
     });
-    T(
-      () => i.categories,
-      (t) => {
-        t.length > 0 && !r.value && (r.value = t[0].id);
+    H(
+      () => a.categories,
+      (o) => {
+        o.length > 0 && !k.value && (k.value = o[0].id);
       },
       { immediate: !0 }
     );
-    const f = () => {
-      d("update:visible", !1), d("close");
-    }, y = (t) => {
-      r.value = t, d(
+    const p = () => {
+      r("update:visible", !1), r("close");
+    }, _ = (o) => {
+      k.value = o, r(
         "select-category",
-        i.categories.find((a) => a.id === t)
+        a.categories.find((u) => u.id === o)
       );
-    }, w = (t) => {
-      d("question-click", t);
-    }, C = (t) => {
-      i.closeOnClickOutside && !t.composedPath().includes(q.value) && f();
-    }, q = v(null);
-    return (t, a) => c.visible ? (l(), u("div", {
+    }, c = (o) => {
+      r("question-click", o);
+    }, x = (o) => {
+      a.closeOnClickOutside && !o.composedPath().includes(f.value) && p();
+    }, f = m(null);
+    return (o, u) => v.visible ? (i(), d("div", {
       key: 0,
       class: "tr-question-modal-backdrop",
-      onMousedown: C
+      onMousedown: x
     }, [
-      n("div", {
+      t("div", {
         ref_key: "modalRef",
-        ref: q,
+        ref: f,
         class: "tr-question-panel",
-        style: G({ width: c.modalWidth }),
-        onMousedown: a[0] || (a[0] = j(() => {
+        style: ue({ width: v.modalWidth }),
+        onMousedown: u[0] || (u[0] = ce(() => {
         }, ["stop"]))
       }, [
-        n("div", ie, [
-          n("div", ae, [
-            n("div", null, [
-              $(h(I))
+        t("div", xe, [
+          t("div", Ee, [
+            t("div", null, [
+              M(q(te))
             ]),
-            a[1] || (a[1] = n("div", { class: "tr-question-header-title" }, "热门问题", -1))
+            u[1] || (u[1] = t("div", { class: "tr-question-header-title" }, "热门问题", -1))
           ]),
-          n("span", {
+          t("span", {
             class: "tr-question-close-btn",
-            onClick: f
+            onClick: p
           }, [
-            $(h(Z), {
-              icon: h(p),
+            M(q(ve), {
+              icon: q(y),
               type: "text"
             }, null, 8, ["icon"])
           ])
         ]),
-        c.categories.length > 0 ? (l(), u("div", de, [
-          (l(!0), u(M, null, W(c.categories, (e) => (l(), u("div", {
-            key: e.id,
-            class: V(["tr-question-categories-item", { active: r.value === e.id }]),
-            onClick: (s) => y(e.id)
+        v.categories.length > 0 ? (i(), d("div", Qe, [
+          (i(!0), d(R, null, z(v.categories, (s) => (i(), d("div", {
+            key: s.id,
+            class: V(["tr-question-categories-item", { active: k.value === s.id }]),
+            onClick: (l) => _(s.id)
           }, [
-            E(t.$slots, "category-label", { category: e }, () => [
-              n("div", ce, [
-                $(h(P))
+            B(o.$slots, "category-label", { category: s }, () => [
+              t("div", We, [
+                M(q(se))
               ]),
-              n("span", null, Q(e.label), 1)
+              t("span", null, S(s.label), 1)
             ])
-          ], 10, ue))), 128))
-        ])) : S("", !0),
-        n("div", re, [
-          c.loading ? (l(), u("div", me, [
-            E(t.$slots, "loading-indicator", {}, () => [
-              a[2] || (a[2] = n("div", { class: "tr-question-loading-spinner" }, null, -1))
+          ], 10, Te))), 128))
+        ])) : U("", !0),
+        t("div", Me, [
+          v.loading ? (i(), d("div", Be, [
+            B(o.$slots, "loading-indicator", {}, () => [
+              u[2] || (u[2] = t("div", { class: "tr-question-loading-spinner" }, null, -1))
             ])
-          ])) : g.value.length > 0 ? (l(), u("ul", ve, [
-            (l(!0), u(M, null, W(g.value, (e, s) => (l(), u("li", {
-              key: e.id,
+          ])) : b.value.length > 0 ? (i(), d("ul", Se, [
+            (i(!0), d(R, null, z(b.value, (s, l) => (i(), d("li", {
+              key: s.id,
               class: "tr-question-list-item",
-              onClick: (m) => w(e)
+              onClick: (Q) => c(s)
             }, [
-              E(t.$slots, "question-item", {
-                question: e,
-                index: s
+              B(o.$slots, "question-item", {
+                question: s,
+                index: l
               }, () => [
-                n("span", null, Q(s + 1) + ".", 1),
-                A(" " + Q(e.text), 1)
+                t("span", null, S(l + 1) + ".", 1),
+                ee(" " + S(s.text), 1)
               ])
-            ], 8, pe))), 128))
-          ])) : (l(), u("div", fe, [
-            E(t.$slots, "empty-state", {}, () => [
-              a[3] || (a[3] = n("p", null, "暂无相关问题", -1))
+            ], 8, Oe))), 128))
+          ])) : (i(), d("div", Le, [
+            B(o.$slots, "empty-state", {}, () => [
+              u[3] || (u[3] = t("p", null, "暂无相关问题", -1))
             ])
           ]))
         ])
       ], 36)
-    ], 32)) : S("", !0);
+    ], 32)) : U("", !0);
   }
-}), ge = ["data-theme"], ye = { class: "category-icon" }, z = /* @__PURE__ */ R({
+}), Re = ["data-theme"], ze = { class: "tr-question__header" }, Ae = { class: "category-icon" }, Y = /* @__PURE__ */ j({
   __name: "index",
   props: {
     categories: { default: () => [] },
@@ -273,103 +325,105 @@ const te = ["onClick"], se = { style: { display: "flex", "align-items": "center"
     loading: { type: Boolean, default: !1 }
   },
   emits: ["question-click", "select-category"],
-  setup(c, { expose: k, emit: p }) {
-    const i = c, d = () => {
-      f.value = !f.value;
-    }, r = p, g = D(() => i.categories), f = v(i.initialExpanded), { modalVisible: y, currentTheme: w, setActiveCategory: C, openModal: q, closeModal: t, setTheme: a, refreshData: e } = ee(g);
-    T(
-      () => i.theme,
-      (o) => {
-        a(o);
+  setup(v, { expose: w, emit: y }) {
+    const a = v, r = () => {
+      p.value = !p.value;
+    }, k = y, b = A(() => a.categories), p = m(a.initialExpanded), _ = m(!1), { modalVisible: c, currentTheme: x, setActiveCategory: f, openModal: o, closeModal: u, setTheme: s, refreshData: l } = he(b);
+    H(
+      () => a.theme,
+      (n) => {
+        s(n);
       }
     );
-    const s = (o) => {
-      t(), r("question-click", o);
-    }, m = (o) => {
-      o && (C(o.id), r("select-category", o));
-    }, B = v(!1), _ = (o) => {
-      B.value = o;
+    const Q = (n) => {
+      u(), k("question-click", n);
+    }, F = (n) => {
+      _.value = n;
+    }, P = (n) => {
+      n && (f(n.id), k("select-category", n));
     };
-    return F(() => {
-      document.documentElement.setAttribute("data-theme", w.value);
-    }), k({
-      openModal: q,
-      closeModal: t,
-      toggleFloating: d,
-      setActiveCategory: C,
-      refreshData: e
-    }), (o, x) => (l(), u("div", {
-      class: V(["tr-question-container", [`theme-${o.theme}`]]),
-      "data-theme": o.theme
+    return Z(() => {
+      document.documentElement.setAttribute("data-theme", x.value);
+    }), w({
+      openModal: o,
+      closeModal: u,
+      toggleFloating: r,
+      setActiveCategory: f,
+      refreshData: l
+    }), (n, C) => (i(), d("div", {
+      class: V(["tr-question-container", [`theme-${n.theme}`]]),
+      "data-theme": n.theme
     }, [
-      n("div", {
-        class: "tr-question-trigger",
-        onClick: x[0] || (x[0] = //@ts-ignore
-        (...b) => h(q) && h(q)(...b))
-      }, [
-        $(h(I))
+      t("div", ze, [
+        t("div", {
+          class: "tr-question__trigger",
+          onClick: C[0] || (C[0] = //@ts-ignore
+          (...e) => q(o) && q(o)(...e))
+        }, [
+          M(q(te))
+        ]),
+        M(be, {
+          questions: n.commonQuestions,
+          isExpanded: p.value,
+          onQuestionClick: Q,
+          onHoverChange: F
+        }, null, 8, ["questions", "isExpanded"]),
+        _.value ? (i(), d("div", {
+          key: 0,
+          class: "tr-question__expand-button",
+          onClick: r
+        }, [
+          p.value ? (i(), K(q(re), { key: 1 })) : (i(), K(q(de), { key: 0 }))
+        ])) : U("", !0)
       ]),
-      $(he, {
-        visible: h(y),
-        categories: g.value,
-        "modal-width": o.modalWidth,
-        loading: o.loading,
-        "close-on-click-outside": o.closeOnClickOutside,
-        "onUpdate:visible": x[1] || (x[1] = (b) => y.value = b),
-        onClose: x[2] || (x[2] = (b) => y.value = !1),
-        onQuestionClick: s,
-        onSelectCategory: m
+      M(Ne, {
+        visible: q(c),
+        categories: b.value,
+        "modal-width": n.modalWidth,
+        loading: n.loading,
+        "close-on-click-outside": n.closeOnClickOutside,
+        "onUpdate:visible": C[1] || (C[1] = (e) => c.value = e),
+        onClose: C[2] || (C[2] = (e) => c.value = !1),
+        onQuestionClick: Q,
+        onSelectCategory: P
       }, {
-        "category-label": O(({ category: b }) => [
-          E(o.$slots, "category-label", { category: b }, () => [
-            n("div", ye, [
-              $(h(P))
+        "category-label": I(({ category: e }) => [
+          B(n.$slots, "category-label", { category: e }, () => [
+            t("div", Ae, [
+              M(q(se))
             ]),
-            n("span", null, Q(b.label), 1)
+            t("span", null, S(e.label), 1)
           ])
         ]),
-        "question-item": O(({ question: b, index: L }) => [
-          E(o.$slots, "question-item", {
-            question: b,
-            index: L
+        "question-item": I(({ question: e, index: h }) => [
+          B(n.$slots, "question-item", {
+            question: e,
+            index: h
           }, () => [
-            n("span", null, Q(L + 1) + ".", 1),
-            A(" " + Q(b.text), 1)
+            t("span", null, S(h + 1) + ".", 1),
+            ee(" " + S(e.text), 1)
           ])
         ]),
-        "loading-indicator": O(() => [
-          E(o.$slots, "loading-indicator", {}, () => [
-            x[3] || (x[3] = n("div", { class: "tr-question-loading-spinner" }, null, -1))
+        "loading-indicator": I(() => [
+          B(n.$slots, "loading-indicator", {}, () => [
+            C[3] || (C[3] = t("div", { class: "tr-question-loading-spinner" }, null, -1))
           ])
         ]),
-        "empty-state": O(() => [
-          E(o.$slots, "empty-state", {}, () => [
-            x[4] || (x[4] = n("p", null, "暂无相关问题", -1))
+        "empty-state": I(() => [
+          B(n.$slots, "empty-state", {}, () => [
+            C[4] || (C[4] = t("p", null, "暂无相关问题", -1))
           ])
         ]),
         _: 3
-      }, 8, ["visible", "categories", "modal-width", "loading", "close-on-click-outside"]),
-      $(le, {
-        isExpanded: f.value,
-        questions: o.commonQuestions,
-        onShowExpandButton: _,
-        onQuestionClick: s
-      }, null, 8, ["isExpanded", "questions"]),
-      B.value ? (l(), u("div", {
-        key: 0,
-        class: "tr-question-wrap-trigger",
-        onClick: d
-      }, [
-        f.value ? (l(), N(h(K), { key: 1 })) : (l(), N(h(J), { key: 0 }))
-      ])) : S("", !0)
-    ], 10, ge));
+      }, 8, ["visible", "categories", "modal-width", "loading", "close-on-click-outside"])
+    ], 10, Re));
   }
 });
-z.name = "TrQuestion";
-const ke = function(c) {
-  c.component(z.name, z);
+Y.name = "TrQuestion";
+const He = function(v) {
+  v.component(Y.name, Y);
 };
-z.install = ke;
+Y.install = He;
 export {
-  z as default
+  Y as default
 };