ant-design-x-vue 1.2.6 → 1.2.8

package/es/_util/cssinjs/StyleContext.mjs

@@ -1,7 +1,8 @@
-import { inject as A, shallowRef as C, getCurrentInstance as T, defineComponent as g, watch as x, unref as d, provide as b } from "vue";
-import P from "./Cache.mjs";
-import { withInstall as v, arrayType as u, booleanType as l, someType as I, stringType as f, objectType as E } from "../type.mjs";
-const J = "data-token-hash", h = "data-css-hash", V = "data-cache-path", i = "__cssinjs_instance__";
+import { inject as A, shallowRef as C, getCurrentInstance as T, defineComponent as g, h as P, watch as v, unref as d, provide as x } from "vue";
+import b from "./Cache.mjs";
+import { withInstall as I, arrayType as u, booleanType as l, someType as E, stringType as f, objectType as N } from "../type.mjs";
+import { StyleProvider as j } from "ant-design-vue";
+const q = "data-token-hash", h = "data-css-hash", D = "data-cache-path", i = "__cssinjs_instance__";
 function s() {
   const e = Math.random().toString(12).slice(2);
   if (typeof document < "u" && document.head && document.body) {
@@ -11,22 +12,22 @@ function s() {
     Array.from(o).forEach((t) => {
       t[i] = t[i] || e, t[i] === e && document.head.insertBefore(t, n);
     });
-    const c = {};
+    const r = {};
     Array.from(document.querySelectorAll(`style[${h}]`)).forEach((t) => {
-      var r;
-      const a = t.getAttribute(h);
-      c[a] ? t[i] === e && ((r = t.parentNode) == null || r.removeChild(t)) : c[a] = !0;
+      var a;
+      const c = t.getAttribute(h);
+      r[c] ? t[i] === e && ((a = t.parentNode) == null || a.removeChild(t)) : r[c] = !0;
     });
   }
-  return new P(e);
+  return new b(e);
 }
-const p = Symbol("StyleContextKey"), N = () => {
-  var n, c, t;
+const p = Symbol("StyleContextKey"), w = () => {
+  var n, r, t;
   const e = T();
   let o;
   if (e && e.appContext) {
-    const a = (t = (c = (n = e.appContext) == null ? void 0 : n.config) == null ? void 0 : c.globalProperties) == null ? void 0 : t.__ANTDV_CSSINJS_CACHE__;
-    a ? o = a : (o = s(), e.appContext.config.globalProperties && (e.appContext.config.globalProperties.__ANTDV_CSSINJS_CACHE__ = o));
+    const c = (t = (r = (n = e.appContext) == null ? void 0 : n.config) == null ? void 0 : r.globalProperties) == null ? void 0 : t.__ANTDV_CSSINJS_CACHE__;
+    c ? o = c : (o = s(), e.appContext.config.globalProperties && (e.appContext.config.globalProperties.__ANTDV_CSSINJS_CACHE__ = o));
   } else
     o = s();
   return o;
@@ -35,32 +36,32 @@ const p = Symbol("StyleContextKey"), N = () => {
   defaultCache: !0,
   hashPriority: "low"
 }, y = () => {
-  const e = N();
+  const e = w();
   return A(p, C({
     ...m,
     cache: e
   }));
-}, _ = (e) => {
+}, S = (e) => {
   const o = y(), n = C({
     ...m,
     cache: s()
   });
-  return x([() => d(e), o], () => {
-    const c = {
+  return v([() => d(e), o], () => {
+    const r = {
       ...o.value
     }, t = d(e);
-    Object.keys(t).forEach((r) => {
-      const S = t[r];
-      t[r] !== void 0 && (c[r] = S);
+    Object.keys(t).forEach((a) => {
+      const _ = t[a];
+      t[a] !== void 0 && (r[a] = _);
     });
     const {
-      cache: a
+      cache: c
     } = t;
-    c.cache = c.cache || s(), c.defaultCache = !a && o.value.defaultCache, n.value = c;
+    r.cache = r.cache || s(), r.defaultCache = !c && o.value.defaultCache, n.value = r;
   }, {
     immediate: !0
-  }), b(p, n), n;
-}, j = () => ({
+  }), x(p, n), n;
+}, H = () => ({
   autoClear: l(),
   /** @private Test only. Not work in production. */
   mock: f(),
@@ -68,13 +69,13 @@ const p = Symbol("StyleContextKey"), N = () => {
    * Only set when you need ssr to extract style on you own.
    * If not provided, it will auto create <style /> on the end of Provider in server side.
    */
-  cache: E(),
+  cache: N(),
   /** Tell children that this context is default generated context */
   defaultCache: l(),
   /** Use `:where` selector to reduce hashId css selector priority */
   hashPriority: f(),
   /** Tell cssinjs where to inject style in */
-  container: I(),
+  container: E(),
   /** Component wil render inline  `<style />` for fallback in SSR. Not recommend. */
   ssrInline: l(),
   /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
@@ -85,32 +86,37 @@ const p = Symbol("StyleContextKey"), N = () => {
    * Please note that `linters` do not support dynamic update.
    */
   linters: u()
-}), w = v(/* @__PURE__ */ g({
-  name: "AStyleProvider",
+}), R = I(/* @__PURE__ */ g({
+  name: "AXStyleProvider",
   inheritAttrs: !1,
-  props: j(),
+  props: H(),
   setup(e, {
     slots: o
   }) {
-    return _(e), () => {
-      var n;
-      return (n = o.default) == null ? void 0 : n.call(o);
-    };
+    return S(e), () => P(
+      j,
+      // @ts-ignore
+      e,
+      () => {
+        var n;
+        return (n = o.default) == null ? void 0 : n.call(o);
+      }
+    );
   }
-})), q = {
+})), M = {
   useStyleInject: y,
-  useStyleProvider: _,
-  StyleProvider: w
+  useStyleProvider: S,
+  StyleProvider: R
 };
 export {
-  V as ATTR_CACHE_PATH,
+  D as ATTR_CACHE_PATH,
   h as ATTR_MARK,
-  J as ATTR_TOKEN,
+  q as ATTR_TOKEN,
   i as CSS_IN_JS_INSTANCE,
-  w as StyleProvider,
+  R as StyleProvider,
   s as createCache,
-  q as default,
-  j as styleProviderProps,
+  M as default,
+  H as styleProviderProps,
   y as useStyleInject,
-  _ as useStyleProvider
+  S as useStyleProvider
 };

package/es/_util/motion.mjs

@@ -1,23 +1,21 @@
-import { defaultPrefixCls as r } from "../x-provider/hooks/use-x-provider-context.mjs";
-import "vue";
-import "../x-provider/context.mjs";
-import "ant-design-vue";
-const e = () => ({ height: 0, opacity: 0 }), n = (t) => {
-  const { scrollHeight: o } = t;
-  return { height: o, opacity: 1 };
-}, a = (t) => ({ height: t ? t.offsetHeight : 0 }), i = (t, o) => (o == null ? void 0 : o.deadline) === !0 || o.propertyName === "height", h = (t = r) => ({
+import "../x-provider/index.mjs";
+import { defaultPrefixCls as a } from "../x-provider/hooks/use-x-provider-context.mjs";
+const o = () => ({ height: 0, opacity: 0 }), n = (t) => {
+  const { scrollHeight: e } = t;
+  return { height: e, opacity: 1 };
+}, r = (t) => ({ height: t ? t.offsetHeight : 0 }), i = (t, e) => (e == null ? void 0 : e.deadline) === !0 || e.propertyName === "height", c = (t = a) => ({
   motionName: `${t}-motion-collapse`,
-  onAppearStart: e,
-  onEnterStart: e,
+  onAppearStart: o,
+  onEnterStart: o,
   onAppearActive: n,
   onEnterActive: n,
-  onLeaveStart: a,
-  onLeaveActive: e,
+  onLeaveStart: r,
+  onLeaveActive: o,
   onAppearEnd: i,
   onEnterEnd: i,
   onLeaveEnd: i,
   motionDeadline: 500
 });
 export {
-  h as default
+  c as default
 };

package/es/attachments/Attachments2.mjs

@@ -1,15 +1,15 @@
 import { defineComponent as $, mergeDefaults as q, toRef as T, useSlots as V, computed as f, useTemplateRef as F, watch as X, createVNode as i, Fragment as B } from "vue";
 import M from "../_util/hooks/use-x-component-config.mjs";
-import k from "../x-provider/hooks/use-x-provider-context.mjs";
-import "../x-provider/context.mjs";
-import "ant-design-vue";
-import z from "./PlaceholderUploader.mjs";
+import "../x-provider/index.mjs";
+import k from "./PlaceholderUploader.mjs";
 import L from "./DropArea.mjs";
-import G from "./SilentUploader.mjs";
-import { _ as H } from "./FileList/FileList2.mjs";
-import { AttachmentContextProvider as J } from "./context.mjs";
-import K from "./style/index.mjs";
-import Q from "../_util/hooks/use-state.mjs";
+import z from "./SilentUploader.mjs";
+import { _ as G } from "./FileList/FileList2.mjs";
+import { AttachmentContextProvider as H } from "./context.mjs";
+import J from "./style/index.mjs";
+import K from "../_util/hooks/use-state.mjs";
+import "ant-design-vue";
+import Q from "../x-provider/hooks/use-x-provider-context.mjs";
 function W(e, m) {
   const s = /* @__PURE__ */ Object.create(null);
   for (const r in e)
@@ -137,7 +137,7 @@ const c = /* @__PURE__ */ Y(_), fe = /* @__PURE__ */ $({
     const r = V(), {
       getPrefixCls: d,
       direction: l
-    } = k(), t = d("attachment", e.prefixCls), o = M("attachments"), C = f(() => o.value.classNames), y = f(() => o.value.styles), w = F("attachments-container"), O = F("placeholder-uploader"), [I, A, E] = K(t), p = f(() => c(A.value, E)), [v, R] = Q(e.items);
+    } = Q(), t = d("attachment", e.prefixCls), o = M("attachments"), C = f(() => o.value.classNames), y = f(() => o.value.styles), w = F("attachments-container"), O = F("placeholder-uploader"), [I, A, E] = J(t), p = f(() => c(A.value, E)), [v, R] = K(e.items);
     X(() => e.items, () => {
       R(e.items);
     });
@@ -163,7 +163,7 @@ const c = /* @__PURE__ */ Y(_), fe = /* @__PURE__ */ $({
       const u = r.placeholder ? r.placeholder({
         type: n
       }) : typeof e.placeholder == "function" ? e.placeholder(n) : e.placeholder;
-      return i(z, {
+      return i(k, {
         placeholder: u,
         upload: g.value,
         prefixCls: t,
@@ -188,12 +188,12 @@ const c = /* @__PURE__ */ Y(_), fe = /* @__PURE__ */ $({
           }));
         }
       }
-    }), () => I(i(J, {
+    }), () => I(i(H, {
       value: {
         disabled: e.disabled
       }
     }, {
-      default: () => [e.children ? i(B, null, [i(G, {
+      default: () => [e.children ? i(B, null, [i(z, {
         upload: g.value,
         rootClassName: e.rootClassName,
         ref: "attachments-upload",
@@ -213,7 +213,7 @@ const c = /* @__PURE__ */ Y(_), fe = /* @__PURE__ */ $({
         },
         dir: l.value || "ltr",
         ref: "attachments-container"
-      }, [i(H, {
+      }, [i(G, {
         prefixCls: t,
         items: v.value,
         onRemove: U,

package/es/attachments/FileList/FileListCard.mjs

@@ -3,13 +3,13 @@ import { c as W } from "../Attachments2.mjs";
 import { A as D } from "./AudioIcon2.mjs";
 import K from "./VideoIcon.mjs";
 import { useAttachmentContextInject as Y } from "../context.mjs";
-import Z from "../../x-provider/hooks/use-x-provider-context.mjs";
-import "../../x-provider/context.mjs";
-import { Image as q, Progress as H } from "ant-design-vue";
-import { previewImage as J } from "../util.mjs";
-import Q from "../style/index.mjs";
-import _ from "../../_util/hooks/use-state.mjs";
-import { F as ee, a as le, b as te, c as ie, d as ne, e as oe, f as ae, g as se, C as ce } from "./FileList2.mjs";
+import "../../x-provider/index.mjs";
+import { previewImage as Z } from "../util.mjs";
+import q from "../style/index.mjs";
+import H from "../../_util/hooks/use-state.mjs";
+import { Image as J, Progress as Q } from "ant-design-vue";
+import { F as _, a as ee, b as le, c as te, d as ie, e as ne, f as oe, g as ae, C as se } from "./FileList2.mjs";
+import ce from "../../x-provider/hooks/use-x-provider-context.mjs";
 const v = " ", d = "#8c8c8c", Ie = /* @__PURE__ */ N({
   name: "AXAttachmentsFileListCard",
   __name: "FileListCard",
@@ -28,31 +28,31 @@ const v = " ", d = "#8c8c8c", Ie = /* @__PURE__ */ N({
   }) {
     M(l, "prefixCls");
     const x = ["png", "jpg", "jpeg", "gif", "bmp", "webp", "svg"], P = [{
-      icon: e(ee, null, null),
+      icon: e(_, null, null),
       color: "#22b35e",
       ext: ["xlsx", "xls"]
     }, {
-      icon: e(le, null, null),
+      icon: e(ee, null, null),
       color: d,
       ext: x
     }, {
-      icon: e(te, null, null),
+      icon: e(le, null, null),
       color: d,
       ext: ["md", "mdx"]
     }, {
-      icon: e(ie, null, null),
+      icon: e(te, null, null),
       color: "#ff4d4f",
       ext: ["pdf"]
     }, {
-      icon: e(ne, null, null),
+      icon: e(ie, null, null),
       color: "#ff6e31",
       ext: ["ppt", "pptx"]
     }, {
-      icon: e(oe, null, null),
+      icon: e(ne, null, null),
       color: "#1677ff",
       ext: ["doc", "docx"]
     }, {
-      icon: e(ae, null, null),
+      icon: e(oe, null, null),
       color: "#fab714",
       ext: ["zip", "rar", "7z", "tar", "gz"]
     }, {
@@ -77,7 +77,7 @@ const v = " ", d = "#8c8c8c", Ie = /* @__PURE__ */ N({
     }
     const y = Y(), E = n(() => y.value.disabled), O = n(() => l.item.name), p = n(() => l.item.size), r = n(() => l.item.percent), a = n(() => l.item.status || "done"), F = n(() => l.item.description), {
       getPrefixCls: R
-    } = Z(), C = n(() => R("attachment", l.prefixCls)), t = `${C.value}-list-card`, [j, z, A] = Q(C), B = V("file-list-card-container"), c = n(() => {
+    } = ce(), C = n(() => R("attachment", l.prefixCls)), t = `${C.value}-list-card`, [j, z, A] = q(C), B = V("file-list-card-container"), c = n(() => {
       const o = O.value || "", i = o.match(/^(.*)\.[^.]+$/);
       return {
         namePrefix: i ? i[1] : o,
@@ -95,16 +95,16 @@ const v = " ", d = "#8c8c8c", Ie = /* @__PURE__ */ N({
             iconColor: s
           };
       return {
-        icon: e(se, {
+        icon: e(ae, {
           key: "defaultIcon"
         }, null),
         iconColor: d
       };
-    }), [L, w] = _();
+    }), [L, w] = H();
     U(() => l.item.originFileObj, () => {
       if (l.item.originFileObj) {
         let o = !0;
-        J(l.item.originFileObj).then((i) => {
+        Z(l.item.originFileObj).then((i) => {
           o && w(i);
         }), X(() => {
           o = !1;
@@ -114,12 +114,12 @@ const v = " ", d = "#8c8c8c", Ie = /* @__PURE__ */ N({
     }, {
       immediate: !0
     });
-    const u = n(() => l.item.thumbUrl || l.item.url || L.value), m = n(() => T.value && (l.item.originFileObj || u.value)), k = n(() => m.value ? e(S, null, [u.value && e(q, G(l.imageProps, {
+    const u = n(() => l.item.thumbUrl || l.item.url || L.value), m = n(() => T.value && (l.item.originFileObj || u.value)), k = n(() => m.value ? e(S, null, [u.value && e(J, G(l.imageProps, {
       alt: "preview",
       src: u.value
     }), null), a.value !== "done" && e("div", {
       class: `${t}-img-mask`
-    }, [a.value === "uploading" && r.value !== void 0 && e(H, {
+    }, [a.value === "uploading" && r.value !== void 0 && e(Q, {
       percent: r.value,
       prefixCls: t
     }, null), a.value === "error" && e("div", {
@@ -160,7 +160,7 @@ const v = " ", d = "#8c8c8c", Ie = /* @__PURE__ */ N({
       onClick: () => {
         l.onRemove(l.item);
       }
-    }, [e(ce, null, null)])]));
+    }, [e(se, null, null)])]));
   }
 });
 export {

package/es/attachments/index.mjs

@@ -1,12 +1,15 @@
-import { _ as t } from "./Attachments2.mjs";
+import { _ as o } from "./Attachments2.mjs";
 import "vue";
 import "ant-design-vue";
 import "./context.mjs";
 import m from "./FileList/FileListCard.mjs";
-const p = Object.assign(t, {
+const n = Object.assign(o, {
   FileCard: m
 });
+n.install = function(t) {
+  return t.component(n.name, n), t.component(m.name, m), t;
+};
 export {
-  p as Attachments,
-  p as default
+  n as Attachments,
+  n as default
 };

package/es/bubble/Bubble.mjs

@@ -2,13 +2,13 @@ import { defineComponent as j, mergeDefaults as D, toRef as h, useSlots as H, re
 import { a as K } from "../attachments/Attachments2.mjs";
 import { Avatar as L } from "ant-design-vue";
 import M from "../_util/hooks/use-x-component-config.mjs";
-import O from "../x-provider/hooks/use-x-provider-context.mjs";
-import "../x-provider/context.mjs";
-import Q from "./hooks/useTypedEffect.mjs";
-import W from "./hooks/useTypingConfig.mjs";
-import Y from "./loading.mjs";
-import Z from "./style/index.mjs";
-import { useBubbleContextInject as U } from "./context.mjs";
+import "../x-provider/index.mjs";
+import O from "./hooks/useTypedEffect.mjs";
+import Q from "./hooks/useTypingConfig.mjs";
+import W from "./loading.mjs";
+import Y from "./style/index.mjs";
+import { useBubbleContextInject as Z } from "./context.mjs";
+import U from "../x-provider/hooks/use-x-provider-context.mjs";
 const ie = /* @__PURE__ */ j({
   name: "AXBubble",
   __name: "Bubble",
@@ -54,23 +54,23 @@ const ie = /* @__PURE__ */ j({
     });
     const {
       onUpdate: i
-    } = k(U()), y = d(null), {
+    } = k(Z()), y = d(null), {
       direction: b,
       getPrefixCls: R
-    } = O(), t = R("bubble", e.prefixCls), n = M("bubble"), [T, P, S, C] = W(() => e.typing), [s, u] = Q(g, T, P, S), f = d(!1);
+    } = U(), t = R("bubble", e.prefixCls), n = M("bubble"), [T, P, S, C] = Q(() => e.typing), [s, u] = O(g, T, P, S), f = d(!1);
     N(s, () => {
       i == null || i();
     }), q(() => {
       var o;
       !u.value && !e.loading ? f.value || (f.value = !0, (o = e.onTypingComplete) == null || o.call(e)) : f.value = !1;
     });
-    const [V, w, B] = Z(() => t), E = r(() => [t, e.rootClassName, n.value.className, w.value, B, `${t}-${e.placement}`, {
+    const [V, w, B] = Y(() => t), E = r(() => [t, e.rootClassName, n.value.className, w.value, B, `${t}-${e.placement}`, {
       [`${t}-rtl`]: b.value === "rtl"
     }, {
       [`${t}-typing`]: u.value && !e.loading && !e.messageRender && !a.message && !C.value
     }]), F = r(() => a.avatar ? a.avatar() : z(e.avatar) ? e.avatar : l(L, e.avatar, null)), I = r(() => a.message ? a.message({
       content: s.value
-    }) : e.messageRender ? e.messageRender(s.value) : s.value), X = r(() => e.loading ? a.loading ? a.loading() : e.loadingRender ? e.loadingRender() : l(Y, {
+    }) : e.messageRender ? e.messageRender(s.value) : s.value), X = r(() => e.loading ? a.loading ? a.loading() : e.loadingRender ? e.loadingRender() : l(W, {
       prefixCls: t
     }, null) : l(G, null, [I.value, u.value && c(C)])), A = r(() => {
       const o = l("div", {

package/es/bubble/BubbleList.mjs

@@ -2,16 +2,15 @@ import { defineComponent as M, mergeDefaults as O, toRef as g, useAttrs as W, me
 import { a as J, c as Q } from "../attachments/Attachments2.mjs";
 import { useEventCallback as Y } from "../_util/hooks/use-event-callback.mjs";
 import Z from "../_util/pick-attrs.mjs";
-import _ from "../x-provider/hooks/use-x-provider-context.mjs";
-import "../x-provider/context.mjs";
-import "ant-design-vue";
-import tt from "./Bubble.mjs";
-import et from "./hooks/useDisplayData.mjs";
-import ot from "./hooks/useListData.mjs";
-import st from "./style/index.mjs";
+import "../x-provider/index.mjs";
+import _ from "./Bubble.mjs";
+import tt from "./hooks/useDisplayData.mjs";
+import et from "./hooks/useListData.mjs";
+import ot from "./style/index.mjs";
 import b from "../_util/hooks/use-state.mjs";
-import { BubbleContextProvider as lt } from "./context.mjs";
-const rt = 1, vt = /* @__PURE__ */ M({
+import { BubbleContextProvider as st } from "./context.mjs";
+import lt from "../x-provider/hooks/use-x-provider-context.mjs";
+const nt = 1, bt = /* @__PURE__ */ M({
   name: "AXBubbleList",
   inheritAttrs: !1,
   __name: "BubbleList",
@@ -40,22 +39,22 @@ const rt = 1, vt = /* @__PURE__ */ M({
     }), m(() => e.roles, () => {
       S.value = e.roles;
     });
-    const n = u(null), i = u({}), {
+    const r = u(null), i = u({}), {
       getPrefixCls: N
-    } = _(), P = N("bubble", e.prefixCls), R = `${P}-list`, [w, B, L] = st(P), [H, I] = b(!1);
+    } = lt(), P = N("bubble", e.prefixCls), R = `${P}-list`, [w, B, L] = ot(P), [H, I] = b(!1);
     j(() => {
       I(!0), q(() => {
         I(!1);
       });
     });
-    const U = ot(v, S), [a, $] = et(U), [E, f] = b(!0), [d, y] = b(0), z = (o) => {
+    const U = et(v, S), [a, $] = tt(U), [E, f] = b(!0), [d, y] = b(0), z = (o) => {
       const s = o.target;
-      f(s.scrollHeight - Math.abs(s.scrollTop) - s.clientHeight <= rt);
+      f(s.scrollHeight - Math.abs(s.scrollTop) - s.clientHeight <= nt);
     };
     m(d, () => {
-      e.autoScroll && t(n) && t(E) && F(() => {
-        t(n).scrollTo({
-          top: t(n).scrollHeight
+      e.autoScroll && t(r) && t(E) && F(() => {
+        t(r).scrollTo({
+          top: t(r).scrollHeight
         });
       });
     }), m(() => t(a).length, () => {
@@ -64,14 +63,14 @@ const rt = 1, vt = /* @__PURE__ */ M({
         const s = (o = t(a)[t(a).length - 2]) == null ? void 0 : o.key, l = t(i)[s];
         if (l) {
           const {
-            nativeElement: r
+            nativeElement: n
           } = l, {
             top: c = 0,
             bottom: C = 0
-          } = (r == null ? void 0 : r.getBoundingClientRect()) ?? {}, {
+          } = (n == null ? void 0 : n.getBoundingClientRect()) ?? {}, {
             top: p,
             bottom: K
-          } = t(n).getBoundingClientRect();
+          } = t(r).getBoundingClientRect();
           c < K && C > p && (y(t(d) + 1), f(!0));
         }
       }
@@ -82,15 +81,15 @@ const rt = 1, vt = /* @__PURE__ */ M({
       onUpdate: X
     }));
     return D({
-      nativeElement: n,
+      nativeElement: r,
       scrollTo: ({
         key: o,
         offset: s,
         behavior: l = "smooth",
-        block: r
+        block: n
       }) => {
         if (typeof s == "number")
-          t(n).scrollTo({
+          t(r).scrollTo({
             top: s,
             behavior: l
           });
@@ -100,28 +99,28 @@ const rt = 1, vt = /* @__PURE__ */ M({
             const C = t(a).findIndex((p) => p.key === o);
             f(C === t(a).length - 1), c.nativeElement.scrollIntoView({
               behavior: l,
-              block: r
+              block: n
             });
           }
         }
       }
-    }), () => w(x(lt, {
+    }), () => w(x(st, {
       value: k.value
     }, {
       default: () => [x("div", h(A, {
         class: Q(R, e.rootClassName, B.value, L, {
           [`${R}-reach-end`]: E.value
         }),
-        ref: n,
+        ref: r,
         onScroll: z
       }), [t(a).map(({
         key: o,
         onTypingComplete: s,
         ...l
-      }) => x(tt, h(l, {
+      }) => x(_, h(l, {
         key: o,
-        ref: (r) => {
-          r ? i.value[o] = r : delete i.value[o];
+        ref: (n) => {
+          n ? i.value[o] = n : delete i.value[o];
         },
         typing: H.value ? l.typing : !1,
         onTypingComplete: () => {
@@ -132,5 +131,5 @@ const rt = 1, vt = /* @__PURE__ */ M({
   }
 });
 export {
-  vt as default
+  bt as default
 };

package/es/bubble/index.mjs

@@ -1,10 +1,13 @@
-import s from "./Bubble.mjs";
-import t from "./BubbleList.mjs";
-const m = Object.assign(s, {
-  List: t
+import e from "./Bubble.mjs";
+import o from "./BubbleList.mjs";
+const t = Object.assign(e, {
+  List: o
 });
+t.install = function(n) {
+  return n.component(t.name, t), n.component(o.name, o), n;
+};
 export {
-  m as Bubble,
-  t as BubbleList,
-  m as default
+  t as Bubble,
+  o as BubbleList,
+  t as default
 };

package/es/components.mjs

@@ -0,0 +1,31 @@
+import "./x-provider/index.mjs";
+import { default as p } from "./bubble/index.mjs";
+import "./conversations/index.mjs";
+import "./welcome/index.mjs";
+import "./prompts/index.mjs";
+import "./suggestion/index.mjs";
+import { default as l } from "./sender/index.mjs";
+import { default as i } from "./attachments/index.mjs";
+import "./thought-chain/index.mjs";
+import { _ as n } from "./x-provider/index2.mjs";
+import { defaultPrefixCls as h, default as C } from "./x-provider/hooks/use-x-provider-context.mjs";
+import { default as g } from "./bubble/BubbleList.mjs";
+import { default as c } from "./conversations/Conversations.mjs";
+import { default as S } from "./welcome/Welcome.mjs";
+import { default as A } from "./prompts/Prompts.mjs";
+import { default as T } from "./suggestion/Suggestion.mjs";
+import { default as _ } from "./thought-chain/ThoughtChain.mjs";
+export {
+  i as Attachments,
+  p as Bubble,
+  g as BubbleList,
+  c as Conversations,
+  A as Prompts,
+  l as Sender,
+  T as Suggestion,
+  _ as ThoughtChain,
+  S as Welcome,
+  n as XProvider,
+  h as defaultPrefixCls,
+  C as useXProviderContext
+};