@opentiny/tiny-robot 0.3.0-alpha.3 → 0.3.0-alpha.31

package/dist/suggestion-popover/index.js

@@ -1,66 +1,69 @@
-import { defineComponent as V, createElementBlock as p, openBlock as s, createBlock as F, createElementVNode as g, createVNode as $, resolveDynamicComponent as p0, unref as a, toDisplayString as Z, renderSlot as T, mergeModels as W, useModel as Q, ref as c, computed as m, watch as B, Transition as j, withCtx as R, createCommentVNode as z, normalizeStyle as H, normalizeClass as N, useCssVars as f0, useAttrs as v0, Fragment as P, renderList as g0, createTextVNode as m0 } from "vue";
-import { c as J, d as _0, u as h0, b as C0, o as y0 } from "../index2.js";
-import L0 from "../flow-layout-buttons/index.js";
-import { t as d } from "../utils.js";
-import { P as w0, f as k0 } from "../tiny-robot-svgs.js";
-import M0 from "../icon-button/index.js";
-import { _ as q } from "../_plugin-vue_export-helper.js";
-import { _ as x0 } from "../loading.js";
-const F0 = { class: "tr-question__header" }, $0 = {
+import { defineComponent as z, createElementBlock as g, createCommentVNode as U, openBlock as n, createBlock as k, createElementVNode as v, resolveDynamicComponent as ue, createVNode as M, unref as h, toDisplayString as O, renderSlot as m, mergeModels as V, useModel as A, ref as i, computed as p, watch as W, Transition as ce, withCtx as S, normalizeStyle as J, normalizeClass as D, Fragment as pe, renderList as de, createTextVNode as fe } from "vue";
+import { IconSparkles as ve, IconClose as me } from "@opentiny/tiny-robot-svgs";
+import { a as ge, h as _e, u as he, w as ye, d as we, o as ke } from "../index3.js";
+import { u as Te, c as $e, B as Ce } from "../index4.js";
+import Ie from "../flow-layout-buttons/index.js";
+import qe from "../icon-button/index.js";
+import { _ as T } from "../_plugin-vue_export-helper.js";
+import { _ as Me } from "../loading.js";
+import { _ as Se } from "../no-data.js";
+import { t as G } from "../utils.js";
+const Be = {
+  key: 0,
+  class: "tr-question-popover__backdrop"
+}, Re = /* @__PURE__ */ z({
+  __name: "Backdrop",
+  props: {
+    show: { type: Boolean }
+  },
+  setup(l) {
+    return (t, y) => t.show ? (n(), g("div", Be)) : U("", !0);
+  }
+}), be = /* @__PURE__ */ T(Re, [["__scopeId", "data-v-50205eaf"]]), Ge = { class: "tr-question__header" }, Oe = {
   key: 1,
   class: "tr-question__header-icon"
-}, T0 = { class: "tr-question__header-title" }, q0 = /* @__PURE__ */ V({
+}, xe = { class: "tr-question__header-title" }, ze = /* @__PURE__ */ z({
   __name: "Header",
   props: {
     icon: {},
     title: {}
   },
-  emits: ["close"],
-  setup(n, { emit: o }) {
-    const t = n, f = o, L = () => {
-      f("close");
-    };
-    return (w, r) => (s(), p("div", F0, [
-      t.icon ? (s(), F(p0(t.icon), { key: 0 })) : (s(), p("span", $0, [
-        $(a(w0), { style: { color: "#1476ff" } })
+  setup(l) {
+    const t = l;
+    return (y, o) => (n(), g("div", Ge, [
+      t.icon ? (n(), k(ue(t.icon), { key: 0 })) : (n(), g("span", Oe, [
+        M(h(ve), { style: { color: "#1476ff" } })
       ])),
-      g("h3", T0, Z(t.title), 1),
-      $(a(M0), {
-        class: "tr-question-popover__close",
-        icon: a(k0),
-        size: "24",
-        "svg-size": "20",
-        onClick: L
-      }, null, 8, ["icon"])
+      v("h3", xe, O(t.title), 1)
     ]));
   }
-}), b0 = /* @__PURE__ */ q(q0, [["__scopeId", "data-v-bc7ae445"]]), I0 = {}, S0 = { class: "tr-question__loading-wrapper" };
-function R0(n, o) {
-  return s(), p("div", S0, [
-    T(n.$slots, "default", {}, () => [
-      o[0] || (o[0] = g("img", {
+}), Ee = /* @__PURE__ */ T(ze, [["__scopeId", "data-v-76bef623"]]), Le = {}, Ne = { class: "tr-question__loading-wrapper" };
+function Pe(l, t) {
+  return n(), g("div", Ne, [
+    m(l.$slots, "default", {}, () => [
+      t[0] || (t[0] = v("img", {
         class: "tr-question__loading",
-        src: x0
+        src: Me
       }, null, -1)),
-      o[1] || (o[1] = g("span", { class: "tr-question__loading-text" }, "正在加载", -1))
+      t[1] || (t[1] = v("span", { class: "tr-question__loading-text" }, "正在加载", -1))
     ], !0)
   ]);
 }
-const z0 = /* @__PURE__ */ q(I0, [["render", R0], ["__scopeId", "data-v-4847dfc6"]]), Z0 = "data:image/svg+xml,%3csvg%20width='120.000000'%20height='120.000000'%20viewBox='0%200%20120%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdesc%3e%20Created%20with%20Pixso.%20%3c/desc%3e%3cdefs%20/%3e%3crect%20width='120.000000'%20height='120.000000'%20fill='%23FFFFFF'%20fill-opacity='0'%20/%3e%3cpath%20d='M18.75%2037.31L104.52%2037.31C107.68%2037.31%20110.25%2039.87%20110.25%2043.04L110.25%20105.15C110.25%20108.28%20107.71%20110.81%20104.59%20110.81L24.4%20110.81C21.28%20110.81%2018.75%20108.28%2018.75%20105.15L18.75%2037.31Z'%20fill='%23F0F0F0'%20fill-opacity='1.000000'%20fill-rule='evenodd'%20/%3e%3cpath%20d='M13.22%2038.06L84.75%2038.06L84.75%20105.15C84.75%20108.28%2082.21%20110.81%2079.09%20110.81L16.9%20110.81C13.78%20110.81%2011.25%20108.12%2011.25%20105L11.25%2059.25L0.75%2059.25C0.75%2058.15%2012.13%2038.06%2013.22%2038.06Z'%20fill='%23FFFFFF'%20fill-opacity='1.000000'%20fill-rule='evenodd'%20/%3e%3cpath%20d='M84.44%2038.06L105.13%2038.06C106.16%2038.06%20107.41%2037.86%20107.91%2038.76L118.07%2056.96C118.45%2057.64%20119.18%2058.68%20118.5%2059.06C118.28%2059.17%20117.08%2059.06%20116.84%2059.06L99.33%2059.06C97.21%2059.06%2095.27%2057.87%2094.3%2055.98L84.44%2038.06Z'%20fill='%23FFFFFF'%20fill-opacity='1.000000'%20fill-rule='evenodd'%20/%3e%3cpath%20d='M110.42%2059.08L110.42%20105.09C110.42%20108.35%20107.78%20111%20104.51%20111L78.89%20111L78.89%20109.68L104.51%20109.68C107.05%20109.68%20109.11%20107.63%20109.11%20105.09L109.11%2059.08L110.42%2059.08Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='nonzero'%20/%3e%3cpath%20d='M85.38%2037.5L85.38%20105.09C85.38%20108.35%2082.73%20111%2079.46%20111L16.42%20111C13.15%20111%2010.51%20108.35%2010.51%20105.09L10.51%2059.08L11.82%2059.08L11.82%20105.09C11.82%20107.63%2013.88%20109.68%2016.42%20109.68L79.46%20109.68C82%20109.68%2084.06%20107.63%2084.06%20105.09L84.06%2038.81L16%2038.81L16%2037.5L85.38%2037.5Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='nonzero'%20/%3e%3cpath%20d='M14.14%2037.5C13.25%2037.5%2012.42%2037.96%2011.95%2038.74L0.19%2057.97C-0.19%2058.59%200%2059.41%200.6%2059.79C0.81%2059.92%201.05%2060%201.29%2060L68.53%2060C70.28%2060%2071.92%2059.08%2072.87%2057.58L85.56%2037.5L14.14%2037.5ZM14.47%2039L82.76%2039L71.48%2056.71C70.78%2057.82%2069.56%2058.5%2068.26%2058.5L1.76%2058.5L13.39%2039.61C13.62%2039.23%2014.03%2039%2014.47%2039Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='nonzero'%20/%3e%3cpath%20d='M106.12%2037.5C106.97%2037.5%20107.75%2037.95%20108.21%2038.7L119.8%2057.79C120.17%2058.4%20120%2059.21%20119.43%2059.6C119.22%2059.74%20118.99%2059.81%20118.75%2059.81L99.22%2059.81C97.46%2059.81%2095.83%2058.82%2094.94%2057.22L83.97%2037.5L106.12%2037.5ZM106.09%2039L86.69%2039L96.27%2056.57C96.92%2057.76%2098.11%2058.5%2099.39%2058.5L118.35%2058.5L107.1%2039.59C106.88%2039.22%20106.5%2039%20106.09%2039Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='nonzero'%20/%3e%3crect%20x='20.250000'%20y='84.000000'%20rx='1.886225'%20width='20.999998'%20height='6.000000'%20fill='%231476FF'%20fill-opacity='1.000000'%20/%3e%3cpath%20d='M35.34%2094.5C35.7%2094.5%2036%2094.83%2036%2095.25C36%2095.66%2035.7%2096%2035.34%2096L20.9%2096C20.54%2096%2020.25%2095.66%2020.25%2095.25C20.25%2094.83%2020.54%2094.5%2020.9%2094.5L35.34%2094.5Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='nonzero'%20/%3e%3crect%20x='20.250000'%20y='99.000000'%20rx='0.750000'%20width='7.500000'%20height='1.500000'%20fill='%23808080'%20fill-opacity='1.000000'%20/%3e%3cpath%20d='M60%209C60.41%209%2060.75%209.29%2060.75%209.66L60.75%2018.91C60.75%2019.27%2060.41%2019.57%2060%2019.57C59.58%2019.57%2059.24%2019.27%2059.24%2018.91L59.24%209.66C59.24%209.29%2059.58%209%2060%209Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='nonzero'%20/%3e%3cpath%20d='M84.83%2012.96C85.19%2013.17%2085.33%2013.59%2085.15%2013.91L80.52%2021.92C80.34%2022.24%2079.9%2022.33%2079.54%2022.12C79.18%2021.91%2079.03%2021.48%2079.21%2021.17L83.84%2013.16C84.02%2012.84%2084.46%2012.75%2084.83%2012.96Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='nonzero'%20/%3e%3cpath%20d='M35.17%2012.96C35.53%2012.75%2035.97%2012.84%2036.15%2013.16L40.78%2021.17C40.96%2021.48%2040.81%2021.91%2040.45%2022.12C40.09%2022.33%2039.65%2022.24%2039.47%2021.92L34.84%2013.91C34.66%2013.59%2034.81%2013.17%2035.17%2012.96Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='nonzero'%20/%3e%3c/svg%3e", B0 = {}, G0 = { class: "tr-question__no-data-wrapper" };
-function O0(n, o) {
-  return s(), p("div", G0, [
-    T(n.$slots, "default", {}, () => [
-      o[0] || (o[0] = g("img", {
+const Ve = /* @__PURE__ */ T(Le, [["render", Pe], ["__scopeId", "data-v-5cdf0688"]]), We = {}, De = { class: "tr-question__no-data-wrapper" };
+function Ue(l, t) {
+  return n(), g("div", De, [
+    m(l.$slots, "default", {}, () => [
+      t[0] || (t[0] = v("img", {
         class: "tr-question__no-data",
-        src: Z0
+        src: Se
       }, null, -1)),
-      o[1] || (o[1] = g("span", { class: "tr-question__no-data-text" }, "暂时没有内容", -1))
+      t[1] || (t[1] = v("span", { class: "tr-question__no-data-text" }, "暂时没有内容", -1))
     ], !0)
   ]);
 }
-const P0 = /* @__PURE__ */ q(B0, [["render", O0], ["__scopeId", "data-v-b7a7a181"]]), W0 = { class: "tr-tooltip-content" }, H0 = /* @__PURE__ */ V({
+const Fe = /* @__PURE__ */ T(We, [["render", Ue], ["__scopeId", "data-v-a33638dd"]]), He = { class: "tr-tooltip-content" }, Qe = /* @__PURE__ */ z({
   __name: "Tooltip",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ V({
     show: { type: Boolean },
     content: {},
     trigger: {},
@@ -73,219 +76,248 @@ const P0 = /* @__PURE__ */ q(B0, [["render", O0], ["__scopeId", "data-v-b7a7a181
     showModifiers: {}
   }),
   emits: ["update:show"],
-  setup(n) {
-    const o = n, t = Q(n, "show"), f = c(o.show), L = m(() => o.trigger), { x: w, y: r, width: _, height: C } = J(L), k = m(() => o.trigger ? {
-      left: d(w.value),
-      top: o.placement === "top" ? d(r.value) : d(r.value + C.value),
-      width: d(_.value)
+  setup(l) {
+    const t = l, y = A(l, "show"), o = i(t.show), $ = p(() => t.trigger), { x: u, y: d, width: _, height: C } = ge($), E = p(() => t.trigger ? {
+      left: G(u.value),
+      top: t.placement === "top" ? G(d.value) : G(d.value + C.value),
+      width: G(_.value)
     } : {});
-    let h;
-    B(
-      () => t.value,
-      (i) => {
-        const u = i ? o.delayOpen : o.delayClose;
-        h && (clearTimeout(h), h = void 0, i || (f.value = !1)), u ? h = setTimeout(() => f.value = i || !1, u) : f.value = i || !1;
+    let f;
+    W(
+      () => y.value,
+      (r) => {
+        const c = r ? t.delayOpen : t.delayClose;
+        f && (clearTimeout(f), f = void 0, r || (o.value = !1)), c ? f = setTimeout(() => o.value = r || !1, c) : o.value = r || !1;
       }
-    ), B(
-      () => o.disabled,
-      (i) => {
-        i && (h && clearTimeout(h), f.value = !1);
+    ), W(
+      () => t.disabled,
+      (r) => {
+        r && (f && clearTimeout(f), o.value = !1);
       }
     );
-    const b = (i) => {
-      var u;
-      (u = L.value) != null && u.contains(i.relatedTarget) || (t.value = !1);
+    const w = (r) => {
+      var c;
+      (c = $.value) != null && c.contains(r.relatedTarget) || (y.value = !1);
     };
-    return (i, u) => (s(), F(j, { name: "tr-tooltip" }, {
-      default: R(() => [
-        f.value ? (s(), p("div", {
+    return (r, c) => (n(), k(ce, { name: "tr-tooltip" }, {
+      default: S(() => [
+        o.value ? (n(), g("div", {
           key: 0,
-          class: N(["tr-tooltip", `placement-${o.placement}`]),
+          class: D(["tr-tooltip", `placement-${t.placement}`]),
           role: "tooltip",
-          style: H(k.value),
-          onMouseleave: b
+          style: J(E.value),
+          onMouseleave: w
         }, [
-          u[0] || (u[0] = g("div", { class: "tr-tooltip-arrow" }, null, -1)),
-          g("span", W0, Z(o.content), 1)
-        ], 38)) : z("", !0)
+          c[0] || (c[0] = v("div", { class: "tr-tooltip-arrow" }, null, -1)),
+          v("span", He, O(t.content), 1)
+        ], 38)) : U("", !0)
       ]),
       _: 1
     }));
   }
-}), N0 = /* @__PURE__ */ q(H0, [["__scopeId", "data-v-2d58fbb9"]]), V0 = {
-  key: 0,
-  class: "tr-question-popover__backdrop"
-}, E0 = ["onClick", "onMouseenter", "onMouseleave"], D0 = /* @__PURE__ */ V({
+}), je = /* @__PURE__ */ T(Qe, [["__scopeId", "data-v-72e44084"]]), Ae = ["onClick", "onMouseenter", "onMouseleave"], Je = /* @__PURE__ */ z({
   __name: "index",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ V({
+    appendTo: {},
     data: {},
-    title: { default: "热门问题" },
+    title: {
+      default: "热门问题"
+    },
     icon: {},
-    show: { type: Boolean },
-    trigger: { default: "click" },
+    show: {
+      type: Boolean
+    },
+    trigger: {
+      default: "click"
+    },
     selectedGroup: {},
-    groupShowMoreTrigger: { default: "hover" },
-    loading: { type: Boolean },
-    popoverWidth: { default: 540 },
-    popoverHeight: { default: 464 },
-    topOffset: { default: 0 }
+    groupShowMoreTrigger: {
+      default: "hover"
+    },
+    loading: {
+      type: Boolean
+    },
+    topOffset: {
+      default: 8
+    }
   }, {
     selectedGroup: {},
     selectedGroupModifiers: {}
   }),
-  emits: /* @__PURE__ */ W(["item-click", "group-click", "open", "close"], ["update:selectedGroup"]),
-  setup(n, { emit: o }) {
-    f0((e) => ({
-      "193dab18": a(d)(t.popoverHeight),
-      67584702: a(y) ? "0" : "24px",
-      "3f4a7a6b": a(y) ? "unset" : "0",
-      "9f472bc2": a(y) ? "translateY(100%)" : "unset",
-      "3f4a7a8a": a(y) ? "unset" : "1",
-      "1f51979f": a(y) ? "translateY(0)" : "unset"
-    }));
-    const t = n, f = v0(), L = m(() => f.style), w = c(!1), r = m({
-      get: () => t.trigger === "manual" ? t.show : w.value,
+  emits: /* @__PURE__ */ V(["item-click", "group-click", "open", "close", "click-outside"], ["update:selectedGroup"]),
+  setup(l, {
+    expose: t,
+    emit: y
+  }) {
+    const o = l, $ = i(!1), u = p({
+      get: () => o.trigger === "manual" ? o.show : $.value,
       set: (e) => {
-        t.trigger !== "manual" && (w.value = e);
+        o.trigger !== "manual" && ($.value = e);
       }
-    }), _ = o, C = Q(n, "selectedGroup"), k = m(() => {
+    }), d = y, _ = A(l, "selectedGroup"), C = p(() => {
       var e;
-      return typeof ((e = t.data.at(0)) == null ? void 0 : e.group) == "string";
+      return typeof ((e = o.data.at(0)) == null ? void 0 : e.group) == "string";
     });
-    !C.value && k.value && t.data.length && (C.value = t.data[0].group);
-    const h = m(() => {
+    !_.value && C.value && o.data.length && (_.value = o.data[0].group);
+    const E = p(() => {
       var e;
-      return k.value ? ((e = t.data.find((l) => l.group === C.value)) == null ? void 0 : e.items) || [] : t.data;
-    }), b = m(() => k.value ? t.data.map((e) => ({
+      return C.value ? ((e = o.data.find((s) => s.group === _.value)) == null ? void 0 : e.items) || [] : o.data;
+    }), f = p(() => C.value ? o.data.map((e) => ({
       ...e,
       id: e.group
-    })) : []), i = c(null), u = c(null), { x: K, y: X, update: e0 } = J(i), y = _0("(max-width: 767px)"), E = c(null), { isScrolling: D } = h0(E, { throttle: 100 }), I = c([]), t0 = m(() => I.value.at(0)), o0 = (e, l) => {
-      I.value[l] = e;
-    }, O = c([]), l0 = () => {
-      O.value = I.value.map((e) => e ? e.scrollWidth > e.clientWidth : !1);
-    }, U = c(null), Y = c(null), S = c(!1), A = c(""), { width: s0 } = C0(t0);
-    B(s0, () => {
-      l0();
+    })) : []), w = i(null), r = p(() => {
+      var e;
+      return (e = w.value) == null ? void 0 : e.triggerRef;
+    }), c = p(() => {
+      var e;
+      return (e = w.value) == null ? void 0 : e.popperRef;
+    }), B = _e("(max-width: 767px)"), F = i(null), L = i(!1), {
+      isScrolling: K
+    } = he(F);
+    ye(K, (e) => {
+      L.value = e;
+    }, {
+      throttle: 100,
+      leading: !0,
+      trailing: !0
     });
-    const a0 = m(() => y.value ? {
+    const R = i([]), X = p(() => R.value.at(0)), Y = (e, s) => {
+      R.value[s] = e;
+    }, N = i([]), Z = () => {
+      N.value = R.value.map((e) => e ? e.scrollWidth > e.clientWidth : !1);
+    }, H = i(null), Q = i(null), b = i(!1), j = i(""), {
+      width: ee
+    } = we(X);
+    W(ee, () => {
+      Z();
+    });
+    const te = p(() => B.value ? {
       left: 0,
       right: 0,
-      bottom: 0
-    } : {
-      left: `min(${d(K.value)}, 100% - ${d(t.popoverWidth)})`,
-      top: `max(${d(X.value)} - ${d(t.popoverHeight)} + ${d(t.topOffset)} - 8px, 0px)`,
-      width: d(t.popoverWidth)
-    });
-    t.trigger === "click" && y0(u, (e) => {
-      var l;
-      (l = i.value) != null && l.contains(e.target) && e.stopPropagation(), r.value = !1, _("close");
-    }), B(r, (e) => {
-      e && e0();
+      bottom: 0,
+      top: "unset",
+      minWidth: "100%"
+    } : {}), oe = Te(r, o.appendTo);
+    $e(() => ({
+      to: oe.value
+    }), () => M(be, {
+      show: u.value && B.value
+    }, null));
+    const P = () => {
+      o.trigger === "click" && (u.value ? d("open") : d("close"));
+    };
+    ke(c, (e) => {
+      d("click-outside", e), u.value = !1, P();
+    }, {
+      ignore: [r]
     });
-    const n0 = () => {
-      r.value = !r.value, r.value && _("open");
-    }, r0 = () => {
-      r.value = !1, _("close");
-    }, i0 = (e) => {
-      _("item-click", e), r.value = !1, t.trigger === "click" && _("close");
-    }, u0 = (e) => {
-      const l = t.data.find((v) => v.group === e);
-      l && _("group-click", l);
-    }, c0 = (e, l) => {
-      Y.value = I.value[l], S.value = !0, A.value = e.text;
-    }, d0 = (e) => {
-      var l;
-      ((l = U.value) == null ? void 0 : l.$el).contains(e.relatedTarget) || (S.value = !1);
+    const se = () => {
+      u.value = !u.value, P();
+    }, le = () => {
+      u.value = !1, d("close");
+    }, ne = (e) => {
+      d("item-click", e), u.value = !1, P();
+    }, re = (e) => {
+      const s = o.data.find((a) => a.group === e);
+      s && d("group-click", s);
+    }, ae = (e, s) => {
+      Q.value = R.value[s], b.value = !0, j.value = e.text;
+    }, ie = (e) => {
+      var s;
+      ((s = H.value) == null ? void 0 : s.$el).contains(e.relatedTarget) || (b.value = !1);
     };
-    return (e, l) => (s(), p(P, null, [
-      g("div", {
-        class: N(["tr-question-popover__wrapper", a(f).class]),
-        style: H(L.value),
-        ref_key: "popoverTriggerRef",
-        ref: i,
-        onClick: n0
-      }, [
-        T(e.$slots, "default", {}, void 0, !0)
-      ], 6),
-      r.value && a(y) ? (s(), p("div", V0)) : z("", !0),
-      $(j, { name: "tr-question-popover" }, {
-        default: R(() => [
-          r.value ? (s(), p("div", {
-            key: 0,
-            class: "tr-question-popover",
-            style: H(a0.value),
-            ref_key: "popoverRef",
-            ref: u
-          }, [
-            $(b0, {
-              icon: t.icon,
-              title: t.title,
-              onClose: r0
-            }, null, 8, ["icon", "title"]),
-            t.loading ? (s(), F(z0, { key: 0 }, {
-              default: R(() => [
-                T(e.$slots, "loading", {}, void 0, !0)
-              ]),
-              _: 3
-            })) : t.data.length === 0 ? (s(), F(P0, { key: 1 }, {
-              default: R(() => [
-                T(e.$slots, "empty", {}, void 0, !0)
-              ]),
-              _: 3
-            })) : (s(), p(P, { key: 2 }, [
-              b.value.length > 0 ? (s(), F(a(L0), {
-                key: 0,
-                class: "tr-question__group",
-                items: b.value,
-                selected: C.value,
-                "onUpdate:selected": l[0] || (l[0] = (v) => C.value = v),
-                "lines-limit": 2,
-                "show-more-trigger": t.groupShowMoreTrigger,
-                onItemClick: u0
-              }, null, 8, ["items", "selected", "show-more-trigger"])) : z("", !0),
-              g("ul", {
-                class: N(["tr-question__list", { scrolling: a(D) }]),
-                ref_key: "listRef",
-                ref: E
-              }, [
-                (s(!0), p(P, null, g0(h.value, (v, M) => (s(), p("li", {
-                  class: "tr-question__list-item",
-                  key: v.id,
-                  ref_for: !0,
-                  ref: (x) => o0(x, M),
-                  onClick: (x) => i0(v),
-                  onMouseenter: (x) => O.value[M] && c0(v, M),
-                  onMouseleave: (x) => O.value[M] && d0(x)
-                }, [
-                  g("span", null, Z(M + 1) + ". ", 1),
-                  m0(Z(v.text), 1)
-                ], 40, E0))), 128))
-              ], 2)
-            ], 64)),
-            $(N0, {
-              ref_key: "tooltipRef",
-              ref: U,
-              show: S.value,
-              "onUpdate:show": l[1] || (l[1] = (v) => S.value = v),
-              content: A.value,
-              trigger: Y.value,
-              disabled: a(D),
-              placement: "top",
-              "delay-open": 300,
-              "delay-close": 300
-            }, null, 8, ["show", "content", "trigger", "disabled"])
-          ], 4)) : z("", !0)
-        ]),
+    return t({
+      update: () => {
+        var e;
+        (e = w.value) == null || e.update();
+      }
+    }), (e, s) => (n(), k(h(Ce), {
+      show: u.value,
+      class: D(["tr-question-popover", {
+        mobile: h(B)
+      }]),
+      style: J(te.value),
+      ref_key: "basePopperRef",
+      ref: w,
+      placement: "top-left",
+      "append-to": o.appendTo,
+      offset: o.topOffset,
+      "transition-props": {
+        name: h(B) ? "tr-question-popover-mobile" : "tr-question-popover"
+      },
+      "prevent-overflow": !0,
+      "trigger-events": {
+        onClick: se
+      }
+    }, {
+      trigger: S(() => [m(e.$slots, "trigger", {}, void 0, !0)]),
+      content: S(() => [m(e.$slots, "header", {}, () => [M(Ee, {
+        icon: o.icon,
+        title: o.title
+      }, null, 8, ["icon", "title"])], !0), o.loading ? (n(), k(Ve, {
+        key: 0
+      }, {
+        default: S(() => [m(e.$slots, "loading", {}, void 0, !0)]),
+        _: 3
+      })) : o.data.length === 0 ? (n(), k(Fe, {
+        key: 1
+      }, {
+        default: S(() => [m(e.$slots, "empty", {}, void 0, !0)]),
         _: 3
-      })
-    ], 64));
+      })) : m(e.$slots, "body", {
+        key: 2
+      }, () => [f.value.length > 0 ? (n(), k(h(Ie), {
+        key: 0,
+        class: "tr-question__group",
+        items: f.value,
+        selected: _.value,
+        "onUpdate:selected": s[0] || (s[0] = (a) => _.value = a),
+        "lines-limit": 2,
+        "show-more-trigger": o.groupShowMoreTrigger,
+        onItemClick: re
+      }, null, 8, ["items", "selected", "show-more-trigger"])) : U("", !0), v("ul", {
+        class: D(["tr-question__list", {
+          scrolling: L.value
+        }]),
+        ref_key: "listRef",
+        ref: F
+      }, [(n(!0), g(pe, null, de(E.value, (a, I) => (n(), g("li", {
+        class: "tr-question__list-item",
+        key: a.id,
+        ref_for: !0,
+        ref: (q) => Y(q, I),
+        onClick: (q) => ne(a),
+        onMouseenter: (q) => N.value[I] && ae(a, I),
+        onMouseleave: (q) => N.value[I] && ie(q)
+      }, [m(e.$slots, "item", {
+        item: a
+      }, () => [v("span", null, O(I + 1) + ". ", 1), fe(O(a.text), 1)], !0)], 40, Ae))), 128))], 2)], !0), M(je, {
+        ref_key: "tooltipRef",
+        ref: H,
+        show: b.value,
+        "onUpdate:show": s[1] || (s[1] = (a) => b.value = a),
+        content: j.value,
+        trigger: Q.value,
+        disabled: L.value,
+        placement: "top",
+        "delay-open": 300,
+        "delay-close": 300
+      }, null, 8, ["show", "content", "trigger", "disabled"]), M(h(qe), {
+        class: "tr-question-popover__close",
+        icon: h(me),
+        size: "32",
+        "svg-size": "20",
+        onClick: le
+      }, null, 8, ["icon"])]),
+      _: 3
+    }, 8, ["show", "class", "style", "append-to", "offset", "transition-props", "trigger-events"]));
   }
-}), G = /* @__PURE__ */ q(D0, [["__scopeId", "data-v-9f06d657"]]);
-G.name = "TrSuggestionPopover";
-const U0 = function(n) {
-  n.component(G.name, G);
+}), x = /* @__PURE__ */ T(Je, [["__scopeId", "data-v-8cc35579"]]);
+x.name = "TrSuggestionPopover";
+const Ke = function(l) {
+  l.component(x.name, x);
 };
-G.install = U0;
+x.install = Ke;
 export {
-  G as default
+  x as default
 };

package/dist/theme-provider/index.js

@@ -0,0 +1,83 @@
+import { defineComponent as C, mergeModels as O, useModel as f, ref as S, onUnmounted as D, computed as _, provide as m, watchEffect as w, watch as g, renderSlot as b, inject as u, readonly as v } from "vue";
+const k = "data-tr-theme", A = "data-tr-color-mode", y = Symbol("theme"), E = Symbol("colorMode"), T = Symbol("resolvedColorMode"), p = Symbol("systemColorMode"), i = /* @__PURE__ */ C({
+  __name: "index",
+  props: /* @__PURE__ */ O({
+    colorMode: {},
+    targetElement: { default: "html" },
+    theme: {},
+    storage: {},
+    storageKey: { default: "tiny-robot-theme-data" }
+  }, {
+    theme: { default: "" },
+    themeModifiers: {},
+    colorMode: {
+      default: "auto",
+      validator: (o) => ["light", "dark", "auto"].includes(o)
+    },
+    colorModeModifiers: {}
+  }),
+  emits: ["update:theme", "update:colorMode"],
+  setup(o) {
+    const t = o, r = () => {
+      if (!t.storage) return {};
+      let e = {};
+      try {
+        e = JSON.parse(t.storage.getItem(t.storageKey) || "{}");
+      } catch {
+      }
+      return e;
+    }, d = (e) => {
+      if (!t.storage) return;
+      const h = { ...r(), ...e };
+      t.storage.setItem(t.storageKey, JSON.stringify(h));
+    }, n = f(o, "theme"), a = f(o, "colorMode");
+    if (t.storage) {
+      const e = r();
+      typeof e.theme == "string" && (n.value = e.theme), (e.colorMode === "auto" || e.colorMode === "light" || e.colorMode === "dark") && (a.value = e.colorMode);
+    }
+    const s = S("light");
+    if (typeof window < "u") {
+      const e = window.matchMedia("(prefers-color-scheme: dark)");
+      s.value = e.matches ? "dark" : "light";
+      const c = (h) => {
+        s.value = h.matches ? "dark" : "light";
+      };
+      e.addEventListener("change", c), D(() => {
+        e.removeEventListener("change", c);
+      });
+    }
+    const l = _(() => a.value === "auto" ? s.value : a.value);
+    return m(y, n), m(E, a), m(T, l), m(p, s), w(
+      () => {
+        if (typeof document > "u") return;
+        const e = document.querySelector(t.targetElement);
+        e && (e.setAttribute(k, n.value), e.setAttribute(A, l.value));
+      },
+      { flush: "post" }
+    ), g(n, (e) => {
+      d({ theme: e });
+    }), g(a, (e) => {
+      d({ colorMode: e });
+    }), (e, c) => b(e.$slots, "default");
+  }
+}), M = "Theme context not available, cannot set theme data. Consider using ThemeProvider to wrap your app.", N = () => {
+  const o = u(y), t = u(E), r = u(T), d = u(p), n = (l) => o ? (o.value = l, !0) : (console.warn(M), !1), a = () => !t || !r ? (console.warn(M), !1) : (t.value = r.value === "light" ? "dark" : "light", !0), s = (l) => t ? (t.value = l, !0) : (console.warn(M), !1);
+  return {
+    theme: o,
+    colorMode: t,
+    resolvedColorMode: r ? v(r) : void 0,
+    systemColorMode: d ? v(d) : void 0,
+    setTheme: n,
+    toggleColorMode: a,
+    setColorMode: s
+  };
+};
+i.name = "TrThemeProvider";
+const R = function(o) {
+  o.component(i.name, i);
+};
+i.install = R;
+export {
+  i as default,
+  N as useTheme
+};