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

package/dist/suggestion-popover/index.js

@@ -1,66 +1,68 @@
-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 m, createCommentVNode as W, openBlock as n, createBlock as L, createElementVNode as v, resolveDynamicComponent as u0, createVNode as $, unref as h, toDisplayString as S, renderSlot as g, mergeModels as E, useModel as j, ref as i, computed as p, watch as N, Transition as c0, withCtx as x, normalizeStyle as A, normalizeClass as V, Fragment as p0, renderList as d0, createTextVNode as f0 } from "vue";
+import { d as v0, x as g0 } from "../tiny-robot-svgs.js";
+import { a as m0, h as _0, u as h0, w as C0, e as y0, o as L0 } from "../index3.js";
+import { u as w0, c as k0, B as M0 } from "../index4.js";
+import F0 from "../flow-layout-buttons/index.js";
+import T0 from "../icon-button/index.js";
+import { _ as w } from "../_plugin-vue_export-helper.js";
+import { _ as $0 } from "../loading.js";
+import { t as R } from "../utils.js";
+const x0 = {
+  key: 0,
+  class: "tr-question-popover__backdrop"
+}, q0 = /* @__PURE__ */ z({
+  __name: "Backdrop",
+  props: {
+    show: { type: Boolean }
+  },
+  setup(s) {
+    return (t, C) => t.show ? (n(), m("div", x0)) : W("", !0);
+  }
+}), B0 = /* @__PURE__ */ w(q0, [["__scopeId", "data-v-50205eaf"]]), I0 = { class: "tr-question__header" }, R0 = {
   key: 1,
   class: "tr-question__header-icon"
-}, T0 = { class: "tr-question__header-title" }, q0 = /* @__PURE__ */ V({
+}, S0 = { class: "tr-question__header-title" }, b0 = /* @__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(s) {
+    const t = s;
+    return (C, o) => (n(), m("div", I0, [
+      t.icon ? (n(), L(u0(t.icon), { key: 0 })) : (n(), m("span", R0, [
+        $(h(v0), { 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", S0, S(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", {
+}), z0 = /* @__PURE__ */ w(b0, [["__scopeId", "data-v-76bef623"]]), Z0 = {}, G0 = { class: "tr-question__loading-wrapper" };
+function O0(s, t) {
+  return n(), m("div", G0, [
+    g(s.$slots, "default", {}, () => [
+      t[0] || (t[0] = v("img", {
         class: "tr-question__loading",
-        src: x0
+        src: $0
       }, 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 P0 = /* @__PURE__ */ w(Z0, [["render", O0], ["__scopeId", "data-v-5cdf0688"]]), E0 = "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", N0 = {}, V0 = { class: "tr-question__no-data-wrapper" };
+function W0(s, t) {
+  return n(), m("div", V0, [
+    g(s.$slots, "default", {}, () => [
+      t[0] || (t[0] = v("img", {
         class: "tr-question__no-data",
-        src: Z0
+        src: E0
       }, 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 D0 = /* @__PURE__ */ w(N0, [["render", W0], ["__scopeId", "data-v-a33638dd"]]), U0 = { class: "tr-tooltip-content" }, H0 = /* @__PURE__ */ z({
   __name: "Tooltip",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ E({
     show: { type: Boolean },
     content: {},
     trigger: {},
@@ -73,219 +75,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(s) {
+    const t = s, C = j(s, "show"), o = i(t.show), k = p(() => t.trigger), { x: u, y: d, width: _, height: M } = m0(k), Z = p(() => t.trigger ? {
+      left: R(u.value),
+      top: t.placement === "top" ? R(d.value) : R(d.value + M.value),
+      width: R(_.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;
+    N(
+      () => C.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);
+    ), N(
+      () => 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 y = (r) => {
+      var c;
+      (c = k.value) != null && c.contains(r.relatedTarget) || (C.value = !1);
     };
-    return (i, u) => (s(), F(j, { name: "tr-tooltip" }, {
-      default: R(() => [
-        f.value ? (s(), p("div", {
+    return (r, c) => (n(), L(c0, { name: "tr-tooltip" }, {
+      default: x(() => [
+        o.value ? (n(), m("div", {
           key: 0,
-          class: N(["tr-tooltip", `placement-${o.placement}`]),
+          class: V(["tr-tooltip", `placement-${t.placement}`]),
           role: "tooltip",
-          style: H(k.value),
-          onMouseleave: b
+          style: A(Z.value),
+          onMouseleave: y
         }, [
-          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", U0, S(t.content), 1)
+        ], 38)) : W("", !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({
+}), Q0 = /* @__PURE__ */ w(H0, [["__scopeId", "data-v-72e44084"]]), j0 = ["onClick", "onMouseenter", "onMouseleave"], A0 = /* @__PURE__ */ z({
   __name: "index",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ E({
+    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__ */ E(["item-click", "group-click", "open", "close", "click-outside"], ["update:selectedGroup"]),
+  setup(s, {
+    expose: t,
+    emit: C
+  }) {
+    const o = s, k = i(!1), u = p({
+      get: () => o.trigger === "manual" ? o.show : k.value,
       set: (e) => {
-        t.trigger !== "manual" && (w.value = e);
+        o.trigger !== "manual" && (k.value = e);
       }
-    }), _ = o, C = Q(n, "selectedGroup"), k = m(() => {
+    }), d = C, _ = j(s, "selectedGroup"), M = 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 && M.value && o.data.length && (_.value = o.data[0].group);
+    const Z = 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 M.value ? ((e = o.data.find((l) => l.group === _.value)) == null ? void 0 : e.items) || [] : o.data;
+    }), f = p(() => M.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();
+    })) : []), y = i(null), r = p(() => {
+      var e;
+      return (e = y.value) == null ? void 0 : e.triggerRef;
+    }), c = p(() => {
+      var e;
+      return (e = y.value) == null ? void 0 : e.popperRef;
+    }), q = _0("(max-width: 767px)"), D = i(null), G = i(!1), {
+      isScrolling: J
+    } = h0(D);
+    C0(J, (e) => {
+      G.value = e;
+    }, {
+      throttle: 100,
+      leading: !0,
+      trailing: !0
+    });
+    const B = i([]), K = p(() => B.value.at(0)), X = (e, l) => {
+      B.value[l] = e;
+    }, O = i([]), Y = () => {
+      O.value = B.value.map((e) => e ? e.scrollWidth > e.clientWidth : !1);
+    }, U = i(null), H = i(null), I = i(!1), Q = i(""), {
+      width: e0
+    } = y0(K);
+    N(e0, () => {
+      Y();
     });
-    const a0 = m(() => y.value ? {
+    const t0 = p(() => q.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%"
+    } : {}), o0 = w0(r, o.appendTo);
+    k0(() => ({
+      to: o0.value
+    }), () => $(B0, {
+      show: u.value && q.value
+    }, null));
+    const P = () => {
+      o.trigger === "click" && (u.value ? d("open") : d("close"));
+    };
+    L0(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");
+    const l0 = () => {
+      u.value = !u.value, P();
+    }, s0 = () => {
+      u.value = !1, d("close");
+    }, n0 = (e) => {
+      d("item-click", e), u.value = !1, P();
+    }, r0 = (e) => {
+      const l = o.data.find((a) => a.group === e);
+      l && d("group-click", l);
+    }, a0 = (e, l) => {
+      H.value = B.value[l], I.value = !0, Q.value = e.text;
     }, 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);
+      ((l = U.value) == null ? void 0 : l.$el).contains(e.relatedTarget) || (I.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 = y.value) == null || e.update();
+      }
+    }), (e, l) => (n(), L(h(M0), {
+      show: u.value,
+      class: V(["tr-question-popover", {
+        mobile: h(q)
+      }]),
+      style: A(t0.value),
+      ref_key: "basePopperRef",
+      ref: y,
+      placement: "top-left",
+      "append-to": o.appendTo,
+      offset: o.topOffset,
+      "transition-props": {
+        name: h(q) ? "tr-question-popover-mobile" : "tr-question-popover"
+      },
+      "prevent-overflow": !0,
+      "trigger-events": {
+        onClick: l0
+      }
+    }, {
+      trigger: x(() => [g(e.$slots, "trigger", {}, void 0, !0)]),
+      content: x(() => [g(e.$slots, "header", {}, () => [$(z0, {
+        icon: o.icon,
+        title: o.title
+      }, null, 8, ["icon", "title"])], !0), o.loading ? (n(), L(P0, {
+        key: 0
+      }, {
+        default: x(() => [g(e.$slots, "loading", {}, void 0, !0)]),
+        _: 3
+      })) : o.data.length === 0 ? (n(), L(D0, {
+        key: 1
+      }, {
+        default: x(() => [g(e.$slots, "empty", {}, void 0, !0)]),
         _: 3
-      })
-    ], 64));
+      })) : g(e.$slots, "body", {
+        key: 2
+      }, () => [f.value.length > 0 ? (n(), L(h(F0), {
+        key: 0,
+        class: "tr-question__group",
+        items: f.value,
+        selected: _.value,
+        "onUpdate:selected": l[0] || (l[0] = (a) => _.value = a),
+        "lines-limit": 2,
+        "show-more-trigger": o.groupShowMoreTrigger,
+        onItemClick: r0
+      }, null, 8, ["items", "selected", "show-more-trigger"])) : W("", !0), v("ul", {
+        class: V(["tr-question__list", {
+          scrolling: G.value
+        }]),
+        ref_key: "listRef",
+        ref: D
+      }, [(n(!0), m(p0, null, d0(Z.value, (a, F) => (n(), m("li", {
+        class: "tr-question__list-item",
+        key: a.id,
+        ref_for: !0,
+        ref: (T) => X(T, F),
+        onClick: (T) => n0(a),
+        onMouseenter: (T) => O.value[F] && a0(a, F),
+        onMouseleave: (T) => O.value[F] && i0(T)
+      }, [g(e.$slots, "item", {
+        item: a
+      }, () => [v("span", null, S(F + 1) + ". ", 1), f0(S(a.text), 1)], !0)], 40, j0))), 128))], 2)], !0), $(Q0, {
+        ref_key: "tooltipRef",
+        ref: U,
+        show: I.value,
+        "onUpdate:show": l[1] || (l[1] = (a) => I.value = a),
+        content: Q.value,
+        trigger: H.value,
+        disabled: G.value,
+        placement: "top",
+        "delay-open": 300,
+        "delay-close": 300
+      }, null, 8, ["show", "content", "trigger", "disabled"]), $(h(T0), {
+        class: "tr-question-popover__close",
+        icon: h(g0),
+        size: "32",
+        "svg-size": "20",
+        onClick: s0
+      }, 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);
+}), b = /* @__PURE__ */ w(A0, [["__scopeId", "data-v-8cc35579"]]);
+b.name = "TrSuggestionPopover";
+const J0 = function(s) {
+  s.component(b.name, b);
 };
-G.install = U0;
+b.install = J0;
 export {
-  G as default
+  b as default
 };