@opentiny/tiny-robot 0.3.0-alpha.16 → 0.3.0-alpha.17

package/dist/question/index.js

@@ -1,7 +1,7 @@
-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 P, 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 { L as X, P as te, k as se, l as de, n 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 "../index3.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 = H(() => {
     if (!w.value && v.value.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 L = 0;
-      const z = Math.min(3, h.length);
-      for (let O = 0; O < z; O++) {
-        g.innerHTML = `<span class="icon-placeholder"></span>${h[O].text}`;
+      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 + W + 24;
-        L += G;
+        O += G;
       }
-      const M = L / z;
+      const M = O / L;
       return e.removeChild(g), {
         maxItemsCount: Math.max(1, Math.floor((E - $) / M))
       };
     }, l = (e, h, $, E = 40) => {
-      const g = [], L = [];
-      let z = 0;
+      const g = [], O = [];
+      let L = 0;
       if (h.length === 0)
-        return { visible: g, hidden: L };
+        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 O = 0; O < h.length; O++) {
-        const I = h[O];
+      for (let z = 0; z < h.length; z++) {
+        const I = h[z];
         M.innerHTML = `<span class="icon-placeholder"></span>${I.text}`;
         const J = M.offsetWidth + 8 + 24, oe = $ - E;
-        z + J <= oe ? (z += J, g.push(I)) : L.push(I);
+        L + J <= oe ? (L += J, g.push(I)) : O.push(I);
       }
-      return e.removeChild(M), { visible: g, hidden: L };
+      return e.removeChild(M), { visible: g, hidden: O };
     };
     D(
       () => y.isExpanded,
@@ -114,7 +114,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
         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);
       }
-    }, F = () => {
+    }, P = () => {
       f.value && (clearTimeout(f.value), f.value = null), k.value = !0, a("hover-change", !0);
     }, Y = () => {
       f.value = setTimeout(() => {
@@ -138,10 +138,10 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
     }), ne(() => {
       window.removeEventListener("resize", C), f.value && (window.clearTimeout(f.value), f.value = null);
     }), (e, h) => (i(), d("div", {
-      class: P(["tr-common-questions", { expanded: p.value }]),
+      class: V(["tr-common-questions", { expanded: p.value }]),
       ref_key: "commonQuestionsRef",
       ref: r,
-      onMouseenter: F,
+      onMouseenter: P,
       onMouseleave: Y
     }, [
       t("div", pe, [
@@ -154,7 +154,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
               (i(!0), d(R, null, A($, (W, g) => (i(), d("div", {
                 key: `hidden-${W.id}-${g}`,
                 class: "tr-common-questions_item",
-                onClick: (L) => n(W)
+                onClick: (O) => n(W)
               }, [
                 t("div", ke, [
                   T(q(X))
@@ -169,7 +169,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
         t("div", Ce, [
           (i(!0), d(R, null, A(_.value, ($, E) => (i(), d("div", {
             key: `visible-${$.id}-${E}`,
-            class: P(["tr-common-questions_item", { "last-item": !p.value && E === _.value.length - 1 && o.value }]),
+            class: V(["tr-common-questions_item", { "last-item": !p.value && E === _.value.length - 1 && o.value }]),
             onClick: (W) => n($)
           }, [
             t("div", $e, [
@@ -187,10 +187,10 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
 }, We = ["onClick"], Me = { class: "category-icon" }, Te = { class: "tr-question-content" }, Be = {
   key: 0,
   class: "tr-question-loading"
-}, Se = { key: 1 }, Le = ["onClick"], Oe = {
+}, Se = { key: 1 }, Oe = ["onClick"], ze = {
   key: 2,
   class: "tr-question-empty"
-}, ze = /* @__PURE__ */ j({
+}, Le = /* @__PURE__ */ j({
   __name: "HotQuestions",
   props: {
     visible: {
@@ -274,7 +274,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
         v.categories.length > 0 ? (i(), d("div", Qe, [
           (i(!0), d(R, null, A(v.categories, (s) => (i(), d("div", {
             key: s.id,
-            class: P(["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 }, () => [
@@ -303,8 +303,8 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
                 t("span", null, S(l + 1) + ".", 1),
                 ee(" " + S(s.text), 1)
               ])
-            ], 8, Le))), 128))
-          ])) : (i(), d("div", Oe, [
+            ], 8, Oe))), 128))
+          ])) : (i(), d("div", ze, [
             B(o.$slots, "empty-state", {}, () => [
               u[3] || (u[3] = t("p", null, "暂无相关问题", -1))
             ])
@@ -313,7 +313,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
       ], 36)
     ], 32)) : U("", !0);
   }
-}), Re = ["data-theme"], Ae = { class: "tr-question__header" }, He = { class: "category-icon" }, V = /* @__PURE__ */ j({
+}), Re = ["data-theme"], Ae = { class: "tr-question__header" }, He = { class: "category-icon" }, F = /* @__PURE__ */ j({
   __name: "index",
   props: {
     categories: { default: () => [] },
@@ -337,7 +337,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
     );
     const Q = (n) => {
       u(), k("question-click", n);
-    }, F = (n) => {
+    }, P = (n) => {
       _.value = n;
     }, Y = (n) => {
       n && (f(n.id), k("select-category", n));
@@ -351,7 +351,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
       setActiveCategory: f,
       refreshData: l
     }), (n, C) => (i(), d("div", {
-      class: P(["tr-question-container", [`theme-${n.theme}`]]),
+      class: V(["tr-question-container", [`theme-${n.theme}`]]),
       "data-theme": n.theme
     }, [
       t("div", Ae, [
@@ -366,7 +366,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
           questions: n.commonQuestions,
           isExpanded: p.value,
           onQuestionClick: Q,
-          onHoverChange: F
+          onHoverChange: P
         }, null, 8, ["questions", "isExpanded"]),
         _.value ? (i(), d("div", {
           key: 0,
@@ -376,7 +376,7 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
           p.value ? (i(), K(q(re), { key: 1 })) : (i(), K(q(de), { key: 0 }))
         ])) : U("", !0)
       ]),
-      T(ze, {
+      T(Le, {
         visible: q(c),
         categories: x.value,
         "modal-width": n.modalWidth,
@@ -419,11 +419,11 @@ const pe = { class: "tr-common-questions_content" }, fe = { class: "tr-common-qu
     ], 10, Re));
   }
 });
-V.name = "TrQuestion";
+F.name = "TrQuestion";
 const De = function(v) {
-  v.component(V.name, V);
+  v.component(F.name, F);
 };
-V.install = De;
+F.install = De;
 export {
-  V as default
+  F as default
 };