@opentiny/tiny-robot 0.2.1 → 0.3.0-alpha.0

package/dist/question/index.js

@@ -1,9 +1,9 @@
-import { ref as m, computed as H, watch as D, defineComponent as K, onMounted as Z, onBeforeUnmount as ne, createElementBlock as d, openBlock as i, normalizeClass as V, createElementVNode as t, withDirectives as le, Fragment as L, renderList as R, createVNode as T, unref as q, toDisplayString as O, vShow as ie, nextTick as ae, createCommentVNode as Y, withModifiers as ce, normalizeStyle as ue, renderSlot as B, createTextVNode as ee, createBlock as J, withCtx as N } from "vue";
-import { A as X, a as te, O as se, K as de, U as re } from "../tiny-robot-svgs.js";
+import { ref as m, computed as A, 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 L, renderList as R, createVNode as B, unref as q, toDisplayString as S, vShow as ie, nextTick as ae, createCommentVNode as U, withModifiers as ce, normalizeStyle as ue, renderSlot as T, createTextVNode as ee, createBlock as K, withCtx as N } from "vue";
+import { Q as X, o as te, s as se, H as de, B 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 = H(() => {
+  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);
@@ -46,7 +46,7 @@ function he(v = m([])) {
     toggleBodyScroll: b
   };
 }
-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" }, xe = /* @__PURE__ */ K({
+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" }, xe = /* @__PURE__ */ j({
   __name: "CommonQuestions",
   props: {
     questions: {
@@ -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 = H(() => c.value.length > 0), u = H(() => {
+    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(() => {
       if (b.value <= 0 || c.value.length === 0) return [];
       const e = [], h = [...c.value];
       for (; h.length > 0; )
@@ -70,31 +70,31 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
       if (h.length === 0) return 0;
       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 S = 0;
+      let O = 0;
       const z = Math.min(3, h.length);
-      for (let A = 0; A < z; A++) {
-        g.innerHTML = `<span class="icon-placeholder"></span>${h[A].text}`;
-        const j = g.offsetWidth + W + 24;
-        S += j;
+      for (let H = 0; H < z; H++) {
+        g.innerHTML = `<span class="icon-placeholder"></span>${h[H].text}`;
+        const G = g.offsetWidth + W + 24;
+        O += G;
       }
-      const M = S / z;
+      const M = O / z;
       return e.removeChild(g), {
         maxItemsCount: Math.max(1, Math.floor((E - $) / M))
       };
     }, l = (e, h, $, E = 40) => {
-      const g = [], S = [];
+      const g = [], O = [];
       let z = 0;
       if (h.length === 0)
-        return { visible: g, hidden: S };
+        return { visible: g, hidden: O };
       const M = document.createElement("div");
       M.className = "tr-common-questions_item", M.style.visibility = "hidden", M.style.position = "absolute", e.appendChild(M);
-      for (let A = 0; A < h.length; A++) {
-        const I = h[A];
+      for (let H = 0; H < h.length; H++) {
+        const I = h[H];
         M.innerHTML = `<span class="icon-placeholder"></span>${I.text}`;
-        const G = M.offsetWidth + 8 + 24, oe = $ - E;
-        z + G <= oe ? (z += G, g.push(I)) : S.push(I);
+        const J = M.offsetWidth + 8 + 24, oe = $ - E;
+        z + J <= oe ? (z += J, g.push(I)) : O.push(I);
       }
-      return e.removeChild(M), { visible: g, hidden: S };
+      return e.removeChild(M), { visible: g, hidden: O };
     };
     D(
       () => y.isExpanded,
@@ -116,7 +116,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
       }
     }, P = () => {
       f.value && (clearTimeout(f.value), f.value = null), k.value = !0, a("hover-change", !0);
-    }, U = () => {
+    }, Y = () => {
       f.value = setTimeout(() => {
         k.value = !1, a("hover-change", !1), f.value = null;
       }, 500);
@@ -142,7 +142,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
       ref_key: "commonQuestionsRef",
       ref: r,
       onMouseenter: P,
-      onMouseleave: U
+      onMouseleave: Y
     }, [
       t("div", pe, [
         t("div", fe, [
@@ -154,12 +154,12 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
               (i(!0), d(L, null, R($, (W, g) => (i(), d("div", {
                 key: `hidden-${W.id}-${g}`,
                 class: "tr-common-questions_item",
-                onClick: (S) => n(W)
+                onClick: (O) => n(W)
               }, [
                 t("div", ke, [
-                  T(q(X))
+                  B(q(X))
                 ]),
-                t("div", _e, O(W.text), 1)
+                t("div", _e, S(W.text), 1)
               ], 8, ye))), 128))
             ]))), 128))
           ], 512), [
@@ -173,9 +173,9 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
             onClick: (W) => n($)
           }, [
             t("div", $e, [
-              T(q(X))
+              B(q(X))
             ]),
-            t("div", we, O($.text), 1)
+            t("div", we, S($.text), 1)
           ], 10, qe))), 128))
         ])
       ])
@@ -184,13 +184,13 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
 }), be = { class: "tr-question-header" }, Ee = { style: { display: "flex", "align-items": "center", gap: "12px", "font-size": "36px" } }, Qe = {
   key: 0,
   class: "tr-question-categories"
-}, We = ["onClick"], Me = { class: "category-icon" }, Te = { class: "tr-question-content" }, Be = {
+}, We = ["onClick"], Me = { class: "category-icon" }, Be = { class: "tr-question-content" }, Te = {
   key: 0,
   class: "tr-question-loading"
-}, Oe = { key: 1 }, Se = ["onClick"], Ae = {
+}, Se = { key: 1 }, Oe = ["onClick"], He = {
   key: 2,
   class: "tr-question-empty"
-}, ze = /* @__PURE__ */ K({
+}, ze = /* @__PURE__ */ j({
   __name: "HotQuestions",
   props: {
     visible: {
@@ -216,7 +216,7 @@ 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 = H(() => {
+    const y = me(), a = v, r = w, k = m(""), x = A(() => {
       if (!k.value && a.categories.length > 0)
         return a.categories[0].questions || [];
       const o = a.categories.find((u) => u.id === k.value);
@@ -257,7 +257,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
         t("div", be, [
           t("div", Ee, [
             t("div", null, [
-              T(q(te), { style: { color: "#1476ff", "font-size": "24px" } })
+              B(q(te), { style: { color: "#1476ff", "font-size": "24px" } })
             ]),
             u[1] || (u[1] = t("div", { class: "tr-question-header-title" }, "热门问题", -1))
           ]),
@@ -265,7 +265,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
             class: "tr-question-close-btn",
             onClick: p
           }, [
-            T(q(ve), {
+            B(q(ve), {
               icon: q(y),
               type: "text"
             }, null, 8, ["icon"])
@@ -277,43 +277,43 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
             class: V(["tr-question-categories-item", { active: k.value === s.id }]),
             onClick: (l) => _(s.id)
           }, [
-            B(o.$slots, "category-label", { category: s }, () => [
+            T(o.$slots, "category-label", { category: s }, () => [
               t("div", Me, [
-                T(q(se))
+                B(q(se))
               ]),
-              t("span", null, O(s.label), 1)
+              t("span", null, S(s.label), 1)
             ])
           ], 10, We))), 128))
-        ])) : Y("", !0),
-        t("div", Te, [
-          v.loading ? (i(), d("div", Be, [
-            B(o.$slots, "loading-indicator", {}, () => [
+        ])) : U("", !0),
+        t("div", Be, [
+          v.loading ? (i(), d("div", Te, [
+            T(o.$slots, "loading-indicator", {}, () => [
               u[2] || (u[2] = t("div", { class: "tr-question-loading-spinner" }, null, -1))
             ])
-          ])) : x.value.length > 0 ? (i(), d("ul", Oe, [
+          ])) : x.value.length > 0 ? (i(), d("ul", Se, [
             (i(!0), d(L, null, R(x.value, (s, l) => (i(), d("li", {
               key: s.id,
               class: "tr-question-list-item",
               onClick: (Q) => c(s)
             }, [
-              B(o.$slots, "question-item", {
+              T(o.$slots, "question-item", {
                 question: s,
                 index: l
               }, () => [
-                t("span", null, O(l + 1) + ".", 1),
-                ee(" " + O(s.text), 1)
+                t("span", null, S(l + 1) + ".", 1),
+                ee(" " + S(s.text), 1)
               ])
-            ], 8, Se))), 128))
-          ])) : (i(), d("div", Ae, [
-            B(o.$slots, "empty-state", {}, () => [
+            ], 8, Oe))), 128))
+          ])) : (i(), d("div", He, [
+            T(o.$slots, "empty-state", {}, () => [
               u[3] || (u[3] = t("p", null, "暂无相关问题", -1))
             ])
           ]))
         ])
       ], 36)
-    ], 32)) : Y("", !0);
+    ], 32)) : U("", !0);
   }
-}), Le = ["data-theme"], Re = { class: "tr-question__header" }, He = { class: "category-icon" }, F = /* @__PURE__ */ K({
+}), Le = ["data-theme"], Re = { class: "tr-question__header" }, Ae = { class: "category-icon" }, F = /* @__PURE__ */ j({
   __name: "index",
   props: {
     categories: { default: () => [] },
@@ -328,7 +328,7 @@ 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 = 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);
+    }, 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);
     D(
       () => a.theme,
       (n) => {
@@ -339,7 +339,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
       u(), k("question-click", n);
     }, P = (n) => {
       _.value = n;
-    }, U = (n) => {
+    }, Y = (n) => {
       n && (f(n.id), k("select-category", n));
     };
     return Z(() => {
@@ -360,9 +360,9 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
           onClick: C[0] || (C[0] = //@ts-ignore
           (...e) => q(o) && q(o)(...e))
         }, [
-          T(q(te), { style: { color: "#1476ff" } })
+          B(q(te), { style: { color: "#1476ff" } })
         ]),
-        T(xe, {
+        B(xe, {
           questions: n.commonQuestions,
           isExpanded: p.value,
           onQuestionClick: Q,
@@ -373,10 +373,10 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
           class: "tr-question__expand-button",
           onClick: r
         }, [
-          p.value ? (i(), J(q(re), { key: 1 })) : (i(), J(q(de), { key: 0 }))
-        ])) : Y("", !0)
+          p.value ? (i(), K(q(re), { key: 1 })) : (i(), K(q(de), { key: 0 }))
+        ])) : U("", !0)
       ]),
-      T(ze, {
+      B(ze, {
         visible: q(c),
         categories: x.value,
         "modal-width": n.modalWidth,
@@ -385,32 +385,32 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
         "onUpdate:visible": C[1] || (C[1] = (e) => c.value = e),
         onClose: C[2] || (C[2] = (e) => c.value = !1),
         onQuestionClick: Q,
-        onSelectCategory: U
+        onSelectCategory: Y
       }, {
         "category-label": N(({ category: e }) => [
-          B(n.$slots, "category-label", { category: e }, () => [
-            t("div", He, [
-              T(q(se))
+          T(n.$slots, "category-label", { category: e }, () => [
+            t("div", Ae, [
+              B(q(se))
             ]),
-            t("span", null, O(e.label), 1)
+            t("span", null, S(e.label), 1)
           ])
         ]),
         "question-item": N(({ question: e, index: h }) => [
-          B(n.$slots, "question-item", {
+          T(n.$slots, "question-item", {
             question: e,
             index: h
           }, () => [
-            t("span", null, O(h + 1) + ".", 1),
-            ee(" " + O(e.text), 1)
+            t("span", null, S(h + 1) + ".", 1),
+            ee(" " + S(e.text), 1)
           ])
         ]),
         "loading-indicator": N(() => [
-          B(n.$slots, "loading-indicator", {}, () => [
+          T(n.$slots, "loading-indicator", {}, () => [
             C[3] || (C[3] = t("div", { class: "tr-question-loading-spinner" }, null, -1))
           ])
         ]),
         "empty-state": N(() => [
-          B(n.$slots, "empty-state", {}, () => [
+          T(n.$slots, "empty-state", {}, () => [
             C[4] || (C[4] = t("p", null, "暂无相关问题", -1))
           ])
         ]),