@opentiny/tiny-robot 0.3.0-alpha.13 → 0.3.0-alpha.15

package/dist/question/index.js

@@ -1,9 +1,9 @@
-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 N, createElementVNode as t, withDirectives as le, Fragment as R, renderList as V, createVNode as T, 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 { w as X, W as te, V as se, f as de, d as re } from "../tiny-robot-svgs.js";
+import { ref as m, computed as H, watch as D, 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 A, createVNode as T, 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 N } from "vue";
+import { y as X, d as te, s as se, g as de, a as re } from "../tiny-robot-svgs.js";
 import { i as me } from "../close.js";
 import { B as ve } from "../index5.js";
 function he(v = m([])) {
-  const w = m(""), y = m(!1), a = m(!1), r = m("light"), k = A(() => {
+  const w = m(""), y = m(!1), a = m(!1), r = m("light"), k = H(() => {
     if (!w.value && v.value.length > 0)
       return v.value[0].questions;
     const s = v.value.find((l) => l.id === w.value);
@@ -19,12 +19,12 @@ function he(v = m([])) {
   }, b = (s) => {
     const l = document.body;
     if (s) {
-      const W = window.scrollY || document.documentElement.scrollTop;
-      l.style.position = "fixed", l.style.width = "100%", l.style.top = `-${W}px`, l.style.overflowY = "scroll", l.classList.add("tr-modal-open");
+      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
       l.style.position = "", l.style.width = "", l.style.top = "", l.style.overflowY = "", l.classList.remove("tr-modal-open");
   };
-  return H(a, (s) => {
+  return D(a, (s) => {
     b(s);
   }), {
     activeCategory: w,
@@ -60,7 +60,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
   },
   emits: ["question-click", "toggle-expand", "hover-change"],
   setup(v, { emit: w }) {
-    const y = v, a = w, r = m(null), k = m(!1), x = m(!1), p = m(!1), _ = m([]), c = m([]), b = m(0), f = m(null), o = A(() => c.value.length > 0), u = A(() => {
+    const y = v, a = w, r = m(null), k = m(!1), x = m(!1), p = m(!1), _ = m([]), c = m([]), b = m(0), f = m(null), o = H(() => c.value.length > 0), u = H(() => {
       if (b.value <= 0 || c.value.length === 0) return [];
       const e = [], h = [...c.value];
       for (; h.length > 0; )
@@ -68,13 +68,13 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
       return e.reverse();
     }), s = (e, h, $ = 40) => {
       if (h.length === 0) return 0;
-      const E = e.clientWidth, Q = 8, g = document.createElement("div");
+      const E = e.clientWidth, W = 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 L = Math.min(3, h.length);
       for (let z = 0; z < L; z++) {
         g.innerHTML = `<span class="icon-placeholder"></span>${h[z].text}`;
-        const G = g.offsetWidth + Q + 24;
+        const G = g.offsetWidth + W + 24;
         O += G;
       }
       const M = O / L;
@@ -89,20 +89,20 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
       const M = document.createElement("div");
       M.className = "tr-common-questions_item", M.style.visibility = "hidden", M.style.position = "absolute", e.appendChild(M);
       for (let z = 0; z < h.length; z++) {
-        const D = h[z];
-        M.innerHTML = `<span class="icon-placeholder"></span>${D.text}`;
+        const I = h[z];
+        M.innerHTML = `<span class="icon-placeholder"></span>${I.text}`;
         const J = M.offsetWidth + 8 + 24, oe = $ - E;
-        L + J <= oe ? (L += J, g.push(D)) : O.push(D);
+        L + J <= oe ? (L += J, g.push(I)) : O.push(I);
       }
       return e.removeChild(M), { visible: g, hidden: O };
     };
-    H(
+    D(
       () => y.isExpanded,
       (e) => {
         p.value = e, e ? _.value.pop() : _.value.push(c.value[0]);
       }
     );
-    const W = async () => {
+    const Q = async () => {
       if (await ae(), r.value) {
         const e = r.value, h = e.clientWidth, $ = 40;
         if (_.value = [], c.value = [], y.questions.length === 0) {
@@ -111,8 +111,8 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
         }
         const { maxItemsCount: E } = s(e, y.questions, $);
         b.value = E;
-        const { visible: Q, hidden: g } = l(e, y.questions, h, $);
-        _.value = Q, c.value = g, c.value.length > 0 && _.value.push(c.value[0]), x.value = c.value.length > 0, y.isExpanded || (p.value = !1);
+        const { visible: W, hidden: g } = l(e, y.questions, h, $);
+        _.value = W, c.value = g, c.value.length > 0 && _.value.push(c.value[0]), x.value = c.value.length > 0, y.isExpanded || (p.value = !1);
       }
     }, P = () => {
       f.value && (clearTimeout(f.value), f.value = null), k.value = !0, a("hover-change", !0);
@@ -123,22 +123,22 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
     }, n = (e) => {
       a("question-click", e);
     };
-    H(
+    D(
       () => y.questions,
       () => {
-        W();
+        Q();
       },
       { deep: !0 }
     );
     const C = () => {
-      W();
+      Q();
     };
     return Z(() => {
-      W(), window.addEventListener("resize", C);
+      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: N(["tr-common-questions", { expanded: p.value }]),
+      class: V(["tr-common-questions", { expanded: p.value }]),
       ref_key: "commonQuestionsRef",
       ref: r,
       onMouseenter: P,
@@ -147,19 +147,19 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
       t("div", pe, [
         t("div", fe, [
           le(t("div", ge, [
-            (i(!0), d(R, null, V(u.value, ($, E) => (i(), d("div", {
+            (i(!0), d(R, null, A(u.value, ($, E) => (i(), d("div", {
               key: `row-${E}`,
               class: "tr-common-questions_row"
             }, [
-              (i(!0), d(R, null, V($, (Q, g) => (i(), d("div", {
-                key: `hidden-${Q.id}-${g}`,
+              (i(!0), d(R, null, A($, (W, g) => (i(), d("div", {
+                key: `hidden-${W.id}-${g}`,
                 class: "tr-common-questions_item",
-                onClick: (O) => n(Q)
+                onClick: (O) => n(W)
               }, [
                 t("div", ke, [
                   T(q(X))
                 ]),
-                t("div", _e, S(Q.text), 1)
+                t("div", _e, S(W.text), 1)
               ], 8, ye))), 128))
             ]))), 128))
           ], 512), [
@@ -167,10 +167,10 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
           ])
         ]),
         t("div", Ce, [
-          (i(!0), d(R, null, V(_.value, ($, E) => (i(), d("div", {
+          (i(!0), d(R, null, A(_.value, ($, E) => (i(), d("div", {
             key: `visible-${$.id}-${E}`,
-            class: N(["tr-common-questions_item", { "last-item": !p.value && E === _.value.length - 1 && o.value }]),
-            onClick: (Q) => n($)
+            class: V(["tr-common-questions_item", { "last-item": !p.value && E === _.value.length - 1 && o.value }]),
+            onClick: (W) => n($)
           }, [
             t("div", $e, [
               T(q(X))
@@ -181,10 +181,10 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
       ])
     ], 34));
   }
-}), be = { class: "tr-question-header" }, Ee = { style: { display: "flex", "align-items": "center", gap: "12px", "font-size": "36px" } }, We = {
+}), be = { class: "tr-question-header" }, Ee = { style: { display: "flex", "align-items": "center", gap: "12px", "font-size": "36px" } }, Qe = {
   key: 0,
   class: "tr-question-categories"
-}, Qe = ["onClick"], Me = { class: "category-icon" }, Te = { class: "tr-question-content" }, Be = {
+}, We = ["onClick"], Me = { class: "category-icon" }, Te = { class: "tr-question-content" }, Be = {
   key: 0,
   class: "tr-question-loading"
 }, Se = { key: 1 }, Oe = ["onClick"], ze = {
@@ -216,13 +216,13 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
   },
   emits: ["update:visible", "close", "select-category", "question-click"],
   setup(v, { emit: w }) {
-    const y = me(), a = v, r = w, k = m(""), x = A(() => {
+    const y = me(), a = v, r = w, k = m(""), x = H(() => {
       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 : [];
     });
-    H(
+    D(
       () => a.categories,
       (o) => {
         o.length > 0 && !k.value && (k.value = o[0].id);
@@ -271,10 +271,10 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
             }, null, 8, ["icon"])
           ])
         ]),
-        v.categories.length > 0 ? (i(), d("div", We, [
-          (i(!0), d(R, null, V(v.categories, (s) => (i(), d("div", {
+        v.categories.length > 0 ? (i(), d("div", Qe, [
+          (i(!0), d(R, null, A(v.categories, (s) => (i(), d("div", {
             key: s.id,
-            class: N(["tr-question-categories-item", { active: k.value === s.id }]),
+            class: V(["tr-question-categories-item", { active: k.value === s.id }]),
             onClick: (l) => _(s.id)
           }, [
             B(o.$slots, "category-label", { category: s }, () => [
@@ -283,7 +283,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
               ]),
               t("span", null, S(s.label), 1)
             ])
-          ], 10, Qe))), 128))
+          ], 10, We))), 128))
         ])) : U("", !0),
         t("div", Te, [
           v.loading ? (i(), d("div", Be, [
@@ -291,10 +291,10 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
               u[2] || (u[2] = t("div", { class: "tr-question-loading-spinner" }, null, -1))
             ])
           ])) : x.value.length > 0 ? (i(), d("ul", Se, [
-            (i(!0), d(R, null, V(x.value, (s, l) => (i(), d("li", {
+            (i(!0), d(R, null, A(x.value, (s, l) => (i(), d("li", {
               key: s.id,
               class: "tr-question-list-item",
-              onClick: (W) => c(s)
+              onClick: (Q) => c(s)
             }, [
               B(o.$slots, "question-item", {
                 question: s,
@@ -313,7 +313,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
       ], 36)
     ], 32)) : U("", !0);
   }
-}), Re = ["data-theme"], Ve = { class: "tr-question__header" }, Ae = { class: "category-icon" }, F = /* @__PURE__ */ j({
+}), Re = ["data-theme"], Ae = { class: "tr-question__header" }, He = { class: "category-icon" }, F = /* @__PURE__ */ j({
   __name: "index",
   props: {
     categories: { default: () => [] },
@@ -328,14 +328,14 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
   setup(v, { expose: w, emit: y }) {
     const a = v, r = () => {
       p.value = !p.value;
-    }, k = y, x = A(() => a.categories), p = m(a.initialExpanded), _ = m(!1), { modalVisible: c, currentTheme: b, setActiveCategory: f, openModal: o, closeModal: u, setTheme: s, refreshData: l } = he(x);
-    H(
+    }, k = y, x = H(() => a.categories), p = m(a.initialExpanded), _ = m(!1), { modalVisible: c, currentTheme: b, setActiveCategory: f, openModal: o, closeModal: u, setTheme: s, refreshData: l } = he(x);
+    D(
       () => a.theme,
       (n) => {
         s(n);
       }
     );
-    const W = (n) => {
+    const Q = (n) => {
       u(), k("question-click", n);
     }, P = (n) => {
       _.value = n;
@@ -351,10 +351,10 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
       setActiveCategory: f,
       refreshData: l
     }), (n, C) => (i(), d("div", {
-      class: N(["tr-question-container", [`theme-${n.theme}`]]),
+      class: V(["tr-question-container", [`theme-${n.theme}`]]),
       "data-theme": n.theme
     }, [
-      t("div", Ve, [
+      t("div", Ae, [
         t("div", {
           class: "tr-question__trigger",
           onClick: C[0] || (C[0] = //@ts-ignore
@@ -365,7 +365,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
         T(xe, {
           questions: n.commonQuestions,
           isExpanded: p.value,
-          onQuestionClick: W,
+          onQuestionClick: Q,
           onHoverChange: P
         }, null, 8, ["questions", "isExpanded"]),
         _.value ? (i(), d("div", {
@@ -384,18 +384,18 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
         "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: W,
+        onQuestionClick: Q,
         onSelectCategory: Y
       }, {
-        "category-label": I(({ category: e }) => [
+        "category-label": N(({ category: e }) => [
           B(n.$slots, "category-label", { category: e }, () => [
-            t("div", Ae, [
+            t("div", He, [
               T(q(se))
             ]),
             t("span", null, S(e.label), 1)
           ])
         ]),
-        "question-item": I(({ question: e, index: h }) => [
+        "question-item": N(({ question: e, index: h }) => [
           B(n.$slots, "question-item", {
             question: e,
             index: h
@@ -404,12 +404,12 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
             ee(" " + S(e.text), 1)
           ])
         ]),
-        "loading-indicator": I(() => [
+        "loading-indicator": N(() => [
           B(n.$slots, "loading-indicator", {}, () => [
             C[3] || (C[3] = t("div", { class: "tr-question-loading-spinner" }, null, -1))
           ])
         ]),
-        "empty-state": I(() => [
+        "empty-state": N(() => [
           B(n.$slots, "empty-state", {}, () => [
             C[4] || (C[4] = t("p", null, "暂无相关问题", -1))
           ])
@@ -420,10 +420,10 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
   }
 });
 F.name = "TrQuestion";
-const He = function(v) {
+const De = function(v) {
   v.component(F.name, F);
 };
-F.install = He;
+F.install = De;
 export {
   F as default
 };