@vunk/plus 1.12.1 → 1.13.0

package/components/bubble-list/index.mjs

@@ -1,17 +1,14 @@
-import { openBlock, createElementBlock, createStaticVNode, defineComponent, ref, onMounted, watch, computed, resolveComponent, createVNode, withCtx, Fragment, renderList, createBlock, normalizeClass, createSlots, renderSlot, withDirectives, createElementVNode, normalizeStyle, createCommentVNode, vShow, mergeProps, normalizeProps, guardReactiveProps } from 'vue';
-import { VkBubbleRenderer, VkBubbleRenderTemplates, VkBubbleTemplates } from '@vunk/plus/components/bubble-templates';
-import { ElAutoResizer } from 'element-plus';
-import { a as arrow_down_bold_default } from '../index2.mjs';
-import { useResizeObserver } from '@vueuse/core';
-import { VkScrollbar } from '@vunk/plus/components/scrollbar';
-import { Bubble } from '@vunk/plus/element/bubble';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-import { noop } from '@vunk/shared/function';
-export { Role } from '@vunk/plus/components/agent-chat-provider';
-
-const _sfc_main$2 = {};
-
-const _hoisted_1$1 = {
+import { createElementBlock as B, openBlock as p, createStaticVNode as E, defineComponent as _, ref as S, onMounted as $, watch as N, computed as T, resolveComponent as G, createVNode as u, withDirectives as L, unref as d, withCtx as l, Fragment as H, renderList as I, createBlock as w, normalizeClass as C, createSlots as z, renderSlot as s, createElementVNode as M, normalizeStyle as R, createCommentVNode as j, vShow as D, mergeProps as O, normalizeProps as m, guardReactiveProps as v } from "vue";
+import { VkBubbleRenderTemplates as Z, VkBubbleRenderer as q, VkBubbleTemplates as U } from "@vunk/plus/components/bubble-templates";
+import { ElAutoResizer as W } from "element-plus";
+import { ArrowDownBold as J } from "@element-plus/icons-vue";
+import { useResizeObserver as K } from "@vueuse/core";
+import { VkScrollbar as Q } from "@vunk/plus/components/scrollbar";
+import { Bubble as X } from "@vunk/plus/element/bubble";
+import { _ as Y } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+import { noop as ee } from "@vunk/shared/function";
+import { Role as Be } from "@vunk/plus/components/agent-chat-provider";
+const te = {}, oe = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   version: "1.1",
@@ -19,15 +16,12 @@ const _hoisted_1$1 = {
   height: "704",
   viewBox: "0 0 704 704"
 };
-
-function _sfc_render$2(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
-    createStaticVNode("<defs><filter id=\"master_svg0_62_10054\" filterUnits=\"objectBoundingBox\" color-interpolation-filters=\"sRGB\" x=\"-0.030120481927710843\" y=\"-0.030120481927710843\" width=\"1.0602409638554218\" height=\"1.0602409638554218\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"5\" result=\"effect1_foregroundBlur\"></feGaussianBlur></filter><linearGradient id=\"master_svg1_62_10082\" x1=\"0.5\" y1=\"-0.13192443549633026\" x2=\"0.42319029569625854\" y2=\"1.368432641029358\"><stop offset=\"9.145302325487137%\" stop-color=\"currentColor\" stop-opacity=\"1\"></stop><stop offset=\"13.636428117752075%\" stop-color=\"currentColor\" stop-opacity=\"0.07539999485015869\"></stop><stop offset=\"16.968481242656708%\" stop-color=\"currentColor\" stop-opacity=\"0\"></stop></linearGradient></defs><g transform=\"matrix(0,1,-1,0,704,-664)\" filter=\"url(#master_svg0_62_10054)\"><path d=\"M1016,684C1199.359,684,1348,535.359,1348,352C1348,168.641,1199.359,20,1016,20C832.641,20,684,168.641,684,352C684,535.359,832.641,684,1016,684ZM1016,32C1192.731,32,1336,175.269,1336,352C1336,528.731,1192.731,672,1016,672C839.269,672,696,528.731,696,352C696,175.269,839.269,32,1016,32Z\" fill-rule=\"evenodd\" fill=\"url(#master_svg1_62_10082)\" fill-opacity=\"1\"></path></g>", 2)
-  ])))
+function le(i, o) {
+  return p(), B("svg", oe, o[0] || (o[0] = [
+    E('<defs><filter id="master_svg0_62_10054" filterUnits="objectBoundingBox" color-interpolation-filters="sRGB" x="-0.030120481927710843" y="-0.030120481927710843" width="1.0602409638554218" height="1.0602409638554218"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur"></feGaussianBlur></filter><linearGradient id="master_svg1_62_10082" x1="0.5" y1="-0.13192443549633026" x2="0.42319029569625854" y2="1.368432641029358"><stop offset="9.145302325487137%" stop-color="currentColor" stop-opacity="1"></stop><stop offset="13.636428117752075%" stop-color="currentColor" stop-opacity="0.07539999485015869"></stop><stop offset="16.968481242656708%" stop-color="currentColor" stop-opacity="0"></stop></linearGradient></defs><g transform="matrix(0,1,-1,0,704,-664)" filter="url(#master_svg0_62_10054)"><path d="M1016,684C1199.359,684,1348,535.359,1348,352C1348,168.641,1199.359,20,1016,20C832.641,20,684,168.641,684,352C684,535.359,832.641,684,1016,684ZM1016,32C1192.731,32,1336,175.269,1336,352C1336,528.731,1192.731,672,1016,672C839.269,672,696,528.731,696,352C696,175.269,839.269,32,1016,32Z" fill-rule="evenodd" fill="url(#master_svg1_62_10082)" fill-opacity="1"></path></g>', 2)
+  ]));
 }
-var loadingBg = /*#__PURE__*/_export_sfc(_sfc_main$2, [['render',_sfc_render$2],['__file',"/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-list/src/core/loading.vue"]]);
-
-var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const ae = /* @__PURE__ */ Y(te, [["render", le]]), re = { class: "vk-bubble-list-wrapper" }, ne = /* @__PURE__ */ _({
   __name: "index",
   props: {
     list: {
@@ -36,7 +30,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
     },
     autoScroll: {
       type: Boolean,
-      default: true
+      default: !0
     },
     autoScrollThreshold: {
       type: Number,
@@ -48,7 +42,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
     },
     alwaysShowScrollbar: {
       type: Boolean,
-      default: false
+      default: !1
     },
     backButtonThreshold: {
       type: Number,
@@ -56,17 +50,15 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
     },
     showBackButton: {
       type: Boolean,
-      default: true
+      default: !0
     },
     backButtonPosition: {
       type: Object,
-      default: () => {
-        return { bottom: "20px", left: "calc(50% - 19px)" };
-      }
+      default: () => ({ bottom: "20px", left: "calc(50% - 19px)" })
     },
     btnLoading: {
       type: Boolean,
-      default: true
+      default: !0
     },
     btnColor: {
       type: String,
@@ -84,332 +76,258 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   emits: {
     complete: null
   },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const scrollbarRef = ref();
-    function initStyle() {
+  setup(i, { expose: o }) {
+    const r = i, c = S();
+    function a() {
       document.documentElement.style.setProperty(
         "--el-bubble-list-max-height",
-        props.maxHeight || "100%"
-      );
-      document.documentElement.style.setProperty(
+        r.maxHeight || "100%"
+      ), document.documentElement.style.setProperty(
         "--el-bubble-list-btn-size",
-        `${props.btnIconSize}px`
+        `${r.btnIconSize}px`
       );
     }
-    onMounted(() => {
-      initStyle();
-    });
-    watch(
-      () => [props.maxHeight, props.btnIconSize],
+    $(() => {
+      a();
+    }), N(
+      () => [r.maxHeight, r.btnIconSize],
       () => {
-        initStyle();
+        a();
       }
     );
-    const distanceToBottom = ref();
-    const scrollViewEl = computed(() => scrollbarRef.value?.wrapRef?.firstElementChild);
-    const btnShow = computed(() => {
-      return props.showBackButton && distanceToBottom.value !== void 0 && distanceToBottom.value > props.backButtonThreshold;
+    const f = S(), V = T(() => c.value?.wrapRef?.firstElementChild), A = T(() => r.showBackButton && f.value !== void 0 && f.value > r.backButtonThreshold);
+    $(() => {
+      setTimeout(h);
     });
-    onMounted(() => {
-      setTimeout(getDistanceToBottom);
-    });
-    function getDistanceToBottom() {
-      const el = scrollbarRef.value?.$el;
-      const wrap = scrollbarRef.value?.wrapRef;
-      if (!el || !wrap) {
-        return;
-      }
-      distanceToBottom.value = wrap.scrollHeight - wrap.scrollTop - wrap.clientHeight;
-      return distanceToBottom.value;
+    function h() {
+      const t = c.value?.$el, n = c.value?.wrapRef;
+      if (!(!t || !n))
+        return f.value = n.scrollHeight - n.scrollTop - n.clientHeight, f.value;
     }
-    function scrollToBottom(...args) {
-      scrollbarRef.value?.scrollToBottom(...args);
+    function g(...t) {
+      c.value?.scrollToBottom(...t);
     }
-    function scrollToTop(...args) {
-      scrollbarRef.value?.scrollToTop(...args);
+    function x(...t) {
+      c.value?.scrollToTop(...t);
     }
-    if (props.autoScroll) {
-      useResizeObserver(scrollViewEl, () => {
-        const distance = getDistanceToBottom();
-        if (distance !== void 0 && distance > props.autoScrollThreshold) {
-          return;
-        }
-        scrollToBottom();
-      });
-    }
-    function scrollToBubble(index) {
-      const container = scrollbarRef.value?.wrapRef;
-      if (!container)
+    r.autoScroll && K(V, () => {
+      const t = h();
+      t !== void 0 && t > r.autoScrollThreshold || g();
+    });
+    function F(t) {
+      const n = c.value?.wrapRef;
+      if (!n)
         return;
-      const bubbles = container.querySelectorAll(".el-bubble");
-      if (index >= bubbles.length)
+      const b = n.querySelectorAll(".el-bubble");
+      if (t >= b.length)
         return;
-      const targetBubble = bubbles[index];
-      const containerRect = container.getBoundingClientRect();
-      const bubbleRect = targetBubble.getBoundingClientRect();
-      const scrollPosition = bubbleRect.top - containerRect.top + container.scrollTop;
-      container.scrollTo({
-        top: scrollPosition,
+      const e = b[t], y = n.getBoundingClientRect(), P = e.getBoundingClientRect().top - y.top + n.scrollTop;
+      n.scrollTo({
+        top: P,
         behavior: "smooth"
       });
     }
-    __expose({
-      scrollToTop,
-      scrollToBottom,
-      scrollToBubble
-    });
-    const __returned__ = { props, scrollbarRef, initStyle, distanceToBottom, scrollViewEl, btnShow, getDistanceToBottom, scrollToBottom, scrollToTop, scrollToBubble, get ArrowDownBold() {
-      return arrow_down_bold_default;
-    }, get VkScrollbar() {
-      return VkScrollbar;
-    }, get Bubble() {
-      return Bubble;
-    }, loadingBg };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-const _hoisted_1 = { class: "vk-bubble-list-wrapper" };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createVNode($setup["VkScrollbar"], {
-      ref: "scrollbarRef",
-      class: "vk-bubble-list",
-      "append-to": $props.scrollbarAppendTo,
-      always: $props.alwaysShowScrollbar,
-      "hide-after": 800,
-      onScroll: $setup.getDistanceToBottom
-    }, {
-      default: withCtx(() => [
-        (openBlock(true), createElementBlock(
-          Fragment,
-          null,
-          renderList($props.list, (item, index) => {
-            return openBlock(), createBlock($setup["Bubble"], {
-              key: item.key || index,
-              content: item.content,
-              placement: item.placement,
-              loading: item.loading,
-              shape: item.shape,
-              variant: item.variant,
-              "is-markdown": item.isMarkdown,
-              "is-fog": item.isFog,
-              typing: item.typing,
-              "max-width": item.maxWidth,
-              avatar: item.avatar,
-              "avatar-size": item.avatarSize,
-              "avatar-gap": item.avatarGap,
-              "avatar-shape": item.avatarShape,
-              "avatar-src-set": item.avatarSrcSet,
-              "avatar-alt": item.avatarAlt,
-              "avatar-fit": item.avatarFit,
-              "no-style": item.noStyle,
-              class: normalizeClass({
-                [`is-${item.role}`]: true
+    return o({
+      scrollToTop: x,
+      scrollToBottom: g,
+      scrollToBubble: F
+    }), (t, n) => {
+      const b = G("el-icon");
+      return p(), B("div", re, [
+        u(d(Q), {
+          ref_key: "scrollbarRef",
+          ref: c,
+          class: "vk-bubble-list",
+          "append-to": i.scrollbarAppendTo,
+          always: i.alwaysShowScrollbar,
+          "hide-after": 800,
+          onScroll: h
+        }, {
+          default: l(() => [
+            (p(!0), B(H, null, I(i.list, (e, y) => (p(), w(d(X), {
+              key: e.key || y,
+              content: e.content,
+              placement: e.placement,
+              loading: e.loading,
+              shape: e.shape,
+              variant: e.variant,
+              "is-markdown": e.isMarkdown,
+              "is-fog": e.isFog,
+              typing: e.typing,
+              "max-width": e.maxWidth,
+              avatar: e.avatar,
+              "avatar-size": e.avatarSize,
+              "avatar-gap": e.avatarGap,
+              "avatar-shape": e.avatarShape,
+              "avatar-src-set": e.avatarSrcSet,
+              "avatar-alt": e.avatarAlt,
+              "avatar-fit": e.avatarFit,
+              "no-style": e.noStyle,
+              class: C({
+                [`is-${e.role}`]: !0
               })
-            }, createSlots({
-              _: 2
-              /* DYNAMIC */
-            }, [
-              _ctx.$slots.avatar ? {
+            }, z({ _: 2 }, [
+              t.$slots.avatar ? {
                 name: "avatar",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "avatar", { item })
+                fn: l(() => [
+                  s(t.$slots, "avatar", { item: e })
                 ]),
                 key: "0"
               } : void 0,
-              _ctx.$slots.header ? {
+              t.$slots.header ? {
                 name: "header",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "header", { item })
+                fn: l(() => [
+                  s(t.$slots, "header", { item: e })
                 ]),
                 key: "1"
               } : void 0,
-              _ctx.$slots.content ? {
+              t.$slots.content ? {
                 name: "content",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "content", { item })
+                fn: l(() => [
+                  s(t.$slots, "content", { item: e })
                 ]),
                 key: "2"
               } : void 0,
-              _ctx.$slots.footer ? {
+              t.$slots.footer ? {
                 name: "footer",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "footer", { item })
+                fn: l(() => [
+                  s(t.$slots, "footer", { item: e })
                 ]),
                 key: "3"
               } : void 0,
-              _ctx.$slots.loading ? {
+              t.$slots.loading ? {
                 name: "loading",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "loading", { item })
+                fn: l(() => [
+                  s(t.$slots, "loading", { item: e })
                 ]),
                 key: "4"
               } : void 0
-            ]), 1032, ["content", "placement", "loading", "shape", "variant", "is-markdown", "is-fog", "typing", "max-width", "avatar", "avatar-size", "avatar-gap", "avatar-shape", "avatar-src-set", "avatar-alt", "avatar-fit", "no-style", "class"]);
+            ]), 1032, ["content", "placement", "loading", "shape", "variant", "is-markdown", "is-fog", "typing", "max-width", "avatar", "avatar-size", "avatar-gap", "avatar-shape", "avatar-src-set", "avatar-alt", "avatar-fit", "no-style", "class"]))), 128))
+          ]),
+          _: 3
+        }, 8, ["append-to", "always"]),
+        L(M("div", {
+          class: C(["vk-bubble-list-default-back-button", {
+            "vk-bubble-list-back-to-bottom-solt": t.$slots.backToBottom
+          }]),
+          style: R({
+            bottom: i.backButtonPosition.bottom,
+            left: i.backButtonPosition.left
           }),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["append-to", "always"]),
-    withDirectives(createElementVNode(
-      "div",
-      {
-        class: normalizeClass(["vk-bubble-list-default-back-button", {
-          "vk-bubble-list-back-to-bottom-solt": _ctx.$slots.backToBottom
-        }]),
-        style: normalizeStyle({
-          bottom: $props.backButtonPosition.bottom,
-          left: $props.backButtonPosition.left
-        }),
-        onClick: $setup.scrollToBottom
-      },
-      [
-        renderSlot(_ctx.$slots, "backToBottom", {}, () => [
-          createVNode(_component_el_icon, {
-            class: "vk-bubble-list-back-to-bottom-icon",
-            style: normalizeStyle({ color: $setup.props.btnColor })
-          }, {
-            default: withCtx(() => [
-              createVNode($setup["ArrowDownBold"]),
-              $setup.props.btnLoading ? (openBlock(), createBlock($setup["loadingBg"], {
-                key: 0,
-                class: "back-to-bottom-loading-svg-bg"
-              })) : createCommentVNode("v-if", true)
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["style"])
+          onClick: g
+        }, [
+          s(t.$slots, "backToBottom", {}, () => [
+            u(b, {
+              class: "vk-bubble-list-back-to-bottom-icon",
+              style: R({ color: r.btnColor })
+            }, {
+              default: l(() => [
+                u(d(J)),
+                r.btnLoading ? (p(), w(ae, {
+                  key: 0,
+                  class: "back-to-bottom-loading-svg-bg"
+                })) : j("", !0)
+              ]),
+              _: 1
+            }, 8, ["style"])
+          ])
+        ], 6), [
+          [D, A.value]
         ])
-      ],
-      6
-      /* CLASS, STYLE */
-    ), [
-      [vShow, $setup.btnShow]
-    ])
-  ]);
-}
-var BubbleList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-list/src/core/index.vue"]]);
-
-const props = {
+      ]);
+    };
+  }
+}), se = {
   items: {
     type: Array,
     default: () => []
   },
   elRef: {
     type: Function,
-    default: noop
+    default: ee
   },
   scrollbarAppendTo: null,
   autoScrollThreshold: {
     type: Number,
     default: 200
   }
-};
-
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "VkBubbleList",
-    inheritAttrs: false
-  },
+}, k = /* @__PURE__ */ _({
+  name: "VkBubbleList",
+  inheritAttrs: !1,
   __name: "index",
-  props: props,
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const __returned__ = { get VkBubbleRenderer() {
-      return VkBubbleRenderer;
-    }, get VkBubbleRenderTemplates() {
-      return VkBubbleRenderTemplates;
-    }, get VkBubbleTemplates() {
-      return VkBubbleTemplates;
-    }, get ElAutoResizer() {
-      return ElAutoResizer;
-    }, BubbleList };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock($setup["VkBubbleRenderTemplates"], null, {
-    placeholder: withCtx(() => [
-      createVNode($setup["VkBubbleTemplates"])
-    ]),
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "renderer"),
-      createVNode($setup["ElAutoResizer"], null, {
-        default: withCtx(({ height }) => [
-          createVNode($setup["BubbleList"], mergeProps({
-            ref: _ctx.elRef,
-            "btn-icon-size": 18,
-            "max-height": `${height}px`,
-            "scrollbar-append-to": _ctx.scrollbarAppendTo,
-            "auto-scroll-threshold": _ctx.autoScrollThreshold,
-            style: {
-              "--el-bubble-list-max-height": `${height}px`
-            },
-            list: _ctx.items
-          }, _ctx.$attrs), createSlots({
-            content: withCtx(({ item }) => [
-              createVNode($setup["VkBubbleRenderer"], {
-                source: [item]
-              }, null, 8, ["source"])
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, [
-            _ctx.$slots.avatar ? {
-              name: "avatar",
-              fn: withCtx((e) => [
-                renderSlot(_ctx.$slots, "avatar", normalizeProps(guardReactiveProps(e)))
-              ]),
-              key: "0"
-            } : void 0,
-            _ctx.$slots.header ? {
-              name: "header",
-              fn: withCtx((e) => [
-                renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps(e)))
-              ]),
-              key: "1"
-            } : void 0,
-            _ctx.$slots.loading ? {
-              name: "loading",
-              fn: withCtx((e) => [
-                renderSlot(_ctx.$slots, "loading", normalizeProps(guardReactiveProps(e)))
-              ]),
-              key: "2"
-            } : void 0,
-            _ctx.$slots.footer ? {
-              name: "footer",
-              fn: withCtx((e) => [
-                renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps(e)))
+  props: se,
+  setup(i) {
+    return (o, r) => (p(), w(d(Z), null, {
+      placeholder: l(() => [
+        u(d(U))
+      ]),
+      default: l(() => [
+        s(o.$slots, "renderer"),
+        u(d(W), null, {
+          default: l(({ height: c }) => [
+            u(ne, O({
+              ref: o.elRef,
+              "btn-icon-size": 18,
+              "max-height": `${c}px`,
+              "scrollbar-append-to": o.scrollbarAppendTo,
+              "auto-scroll-threshold": o.autoScrollThreshold,
+              style: {
+                "--el-bubble-list-max-height": `${c}px`
+              },
+              list: o.items
+            }, o.$attrs), z({
+              content: l(({ item: a }) => [
+                u(d(q), {
+                  source: [a]
+                }, null, 8, ["source"])
               ]),
-              key: "3"
-            } : void 0
-          ]), 1040, ["max-height", "scrollbar-append-to", "auto-scroll-threshold", "style", "list"])
-        ]),
-        _: 3
-        /* FORWARDED */
-      })
-    ]),
-    _: 3
-    /* FORWARDED */
-  });
-}
-var VkBubbleList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-list/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+              _: 2
+            }, [
+              o.$slots.avatar ? {
+                name: "avatar",
+                fn: l((a) => [
+                  s(o.$slots, "avatar", m(v(a)))
+                ]),
+                key: "0"
+              } : void 0,
+              o.$slots.header ? {
+                name: "header",
+                fn: l((a) => [
+                  s(o.$slots, "header", m(v(a)))
+                ]),
+                key: "1"
+              } : void 0,
+              o.$slots.loading ? {
+                name: "loading",
+                fn: l((a) => [
+                  s(o.$slots, "loading", m(v(a)))
+                ]),
+                key: "2"
+              } : void 0,
+              o.$slots.footer ? {
+                name: "footer",
+                fn: l((a) => [
+                  s(o.$slots, "footer", m(v(a)))
+                ]),
+                key: "3"
+              } : void 0
+            ]), 1040, ["max-height", "scrollbar-append-to", "auto-scroll-threshold", "style", "list"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+}), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkBubbleList.install = (app) => {
-  app.component(VkBubbleList.name || "VkBubbleList", VkBubbleList);
+}, Symbol.toStringTag, { value: "Module" }));
+k.install = (i) => {
+  i.component(k.name || "VkBubbleList", k);
+};
+export {
+  Be as Role,
+  k as VkBubbleList,
+  ge as __VkBubbleList,
+  k as default
 };
-
-export { VkBubbleList, types as __VkBubbleList, VkBubbleList as default };