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

package/dist/suggestion-popover/index.js

@@ -1,68 +1,66 @@
-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 = {
+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 = {
   key: 1,
   class: "tr-question__header-icon"
-}, S0 = { class: "tr-question__header-title" }, b0 = /* @__PURE__ */ z({
+}, T0 = { class: "tr-question__header-title" }, q0 = /* @__PURE__ */ V({
   __name: "Header",
   props: {
     icon: {},
     title: {}
   },
-  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" } })
+  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" } })
       ])),
-      v("h3", S0, S(t.title), 1)
+      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"])
     ]));
   }
-}), 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", {
+}), 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", {
         class: "tr-question__loading",
-        src: $0
+        src: x0
       }, null, -1)),
-      t[1] || (t[1] = v("span", { class: "tr-question__loading-text" }, "正在加载", -1))
+      o[1] || (o[1] = g("span", { class: "tr-question__loading-text" }, "正在加载", -1))
     ], !0)
   ]);
 }
-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", {
+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", {
         class: "tr-question__no-data",
-        src: E0
+        src: Z0
       }, null, -1)),
-      t[1] || (t[1] = v("span", { class: "tr-question__no-data-text" }, "暂时没有内容", -1))
+      o[1] || (o[1] = g("span", { class: "tr-question__no-data-text" }, "暂时没有内容", -1))
     ], !0)
   ]);
 }
-const D0 = /* @__PURE__ */ w(N0, [["render", W0], ["__scopeId", "data-v-a33638dd"]]), U0 = { class: "tr-tooltip-content" }, H0 = /* @__PURE__ */ z({
+const P0 = /* @__PURE__ */ q(B0, [["render", O0], ["__scopeId", "data-v-b7a7a181"]]), W0 = { class: "tr-tooltip-content" }, H0 = /* @__PURE__ */ V({
   __name: "Tooltip",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ W({
     show: { type: Boolean },
     content: {},
     trigger: {},
@@ -75,248 +73,219 @@ const D0 = /* @__PURE__ */ w(N0, [["render", W0], ["__scopeId", "data-v-a33638dd
     showModifiers: {}
   }),
   emits: ["update:show"],
-  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)
+  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)
     } : {});
-    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;
+    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;
       }
-    ), N(
-      () => t.disabled,
-      (r) => {
-        r && (f && clearTimeout(f), o.value = !1);
+    ), B(
+      () => o.disabled,
+      (i) => {
+        i && (h && clearTimeout(h), f.value = !1);
       }
     );
-    const y = (r) => {
-      var c;
-      (c = k.value) != null && c.contains(r.relatedTarget) || (C.value = !1);
+    const b = (i) => {
+      var u;
+      (u = L.value) != null && u.contains(i.relatedTarget) || (t.value = !1);
     };
-    return (r, c) => (n(), L(c0, { name: "tr-tooltip" }, {
-      default: x(() => [
-        o.value ? (n(), m("div", {
+    return (i, u) => (s(), F(j, { name: "tr-tooltip" }, {
+      default: R(() => [
+        f.value ? (s(), p("div", {
           key: 0,
-          class: V(["tr-tooltip", `placement-${t.placement}`]),
+          class: N(["tr-tooltip", `placement-${o.placement}`]),
           role: "tooltip",
-          style: A(Z.value),
-          onMouseleave: y
+          style: H(k.value),
+          onMouseleave: b
         }, [
-          c[0] || (c[0] = v("div", { class: "tr-tooltip-arrow" }, null, -1)),
-          v("span", U0, S(t.content), 1)
-        ], 38)) : W("", !0)
+          u[0] || (u[0] = g("div", { class: "tr-tooltip-arrow" }, null, -1)),
+          g("span", W0, Z(o.content), 1)
+        ], 38)) : z("", !0)
       ]),
       _: 1
     }));
   }
-}), Q0 = /* @__PURE__ */ w(H0, [["__scopeId", "data-v-72e44084"]]), j0 = ["onClick", "onMouseenter", "onMouseleave"], A0 = /* @__PURE__ */ z({
+}), N0 = /* @__PURE__ */ q(H0, [["__scopeId", "data-v-2d58fbb9"]]), V0 = {
+  key: 0,
+  class: "tr-question-popover__backdrop"
+}, E0 = ["onClick", "onMouseenter", "onMouseleave"], D0 = /* @__PURE__ */ V({
   __name: "index",
-  props: /* @__PURE__ */ E({
-    appendTo: {},
+  props: /* @__PURE__ */ W({
     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
-    },
-    topOffset: {
-      default: 8
-    }
+    groupShowMoreTrigger: { default: "hover" },
+    loading: { type: Boolean },
+    popoverWidth: { default: 540 },
+    popoverHeight: { default: 464 },
+    topOffset: { default: 0 }
   }, {
     selectedGroup: {},
     selectedGroupModifiers: {}
   }),
-  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,
+  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,
       set: (e) => {
-        o.trigger !== "manual" && (k.value = e);
+        t.trigger !== "manual" && (w.value = e);
       }
-    }), d = C, _ = j(s, "selectedGroup"), M = p(() => {
+    }), _ = o, C = Q(n, "selectedGroup"), k = m(() => {
       var e;
-      return typeof ((e = o.data.at(0)) == null ? void 0 : e.group) == "string";
+      return typeof ((e = t.data.at(0)) == null ? void 0 : e.group) == "string";
     });
-    !_.value && M.value && o.data.length && (_.value = o.data[0].group);
-    const Z = p(() => {
+    !C.value && k.value && t.data.length && (C.value = t.data[0].group);
+    const h = m(() => {
       var 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) => ({
+      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) => ({
       ...e,
       id: e.group
-    })) : []), 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();
+    })) : []), 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();
     });
-    const t0 = p(() => q.value ? {
+    const a0 = m(() => y.value ? {
       left: 0,
       right: 0,
-      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]
+      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();
     });
-    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;
+    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) || (I.value = !1);
+      ((l = U.value) == null ? void 0 : l.$el).contains(e.relatedTarget) || (S.value = !1);
     };
-    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)]),
+    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)
+        ]),
         _: 3
-      })) : 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"]));
+      })
+    ], 64));
   }
-}), b = /* @__PURE__ */ w(A0, [["__scopeId", "data-v-8cc35579"]]);
-b.name = "TrSuggestionPopover";
-const J0 = function(s) {
-  s.component(b.name, b);
+}), G = /* @__PURE__ */ q(D0, [["__scopeId", "data-v-9f06d657"]]);
+G.name = "TrSuggestionPopover";
+const U0 = function(n) {
+  n.component(G.name, G);
 };
-b.install = J0;
+G.install = U0;
 export {
-  b as default
+  G as default
 };