ant-design-x-vue 1.3.0 → 1.3.2

package/es/attachments/FileList/FileList.mjs

@@ -1,90 +1,88 @@
-import { defineComponent as $, computed as b, useTemplateRef as x, watchEffect as y, onWatcherCleanup as L, watch as R, nextTick as P, createVNode as t, Fragment as p } from "vue";
-import { b as v, P as E, L as N, R as T } from "../../chunks/module-chunk.mjs";
+import { defineComponent as $, computed as b, useTemplateRef as x, watchEffect as L, onWatcherCleanup as R, watch as y, nextTick as P, createVNode as t, Fragment as E } from "vue";
+import { b as v, P as N, L as p, R as T } from "../../chunks/module-chunk.mjs";
 import { Button as s } from "ant-design-vue";
-import i from "../../_util/hooks/use-state.mjs";
+import a from "../../_util/hooks/use-state.mjs";
 import { useAttachmentContextInject as k } from "../context.mjs";
-import F from "../SilentUploader.mjs";
-import O from "./FileListCard.mjs";
+import O from "../SilentUploader.mjs";
+import A from "./FileListCard.mjs";
 const d = 1, I = /* @__PURE__ */ $({
   name: "AXAttachmentsFileList",
   __name: "FileList",
   props: {
-    prefixCls: null,
-    items: null,
-    onRemove: {
-      type: Function
-    },
-    overflow: null,
-    upload: null,
-    imageProps: null,
-    listClassName: null,
-    listStyle: null,
-    itemClassName: null,
-    itemStyle: null
+    prefixCls: {},
+    items: {},
+    onRemove: {},
+    overflow: {},
+    upload: {},
+    imageProps: {},
+    listClassName: {},
+    listStyle: {},
+    itemClassName: {},
+    itemStyle: {}
   },
-  setup(l) {
-    const n = b(() => `${l.prefixCls}-list`), a = x("file-list-container"), [A, c] = i(!1), h = k();
-    y(() => {
-      c(!0), L(() => {
+  setup(e) {
+    const n = b(() => `${e.prefixCls}-list`), i = x("file-list-container"), [F, c] = a(!1), h = k();
+    L(() => {
+      c(!0), R(() => {
         c(!1);
       });
     });
-    const [g, r] = i(!1), [C, u] = i(!1), f = () => {
-      const e = a.value;
-      e && (l.overflow === "scrollX" ? (r(Math.abs(e.scrollLeft) >= d), u(e.scrollWidth - e.clientWidth - Math.abs(e.scrollLeft) >= d)) : l.overflow === "scrollY" && (r(e.scrollTop !== 0), u(e.scrollHeight - e.clientHeight !== e.scrollTop)));
+    const [g, r] = a(!1), [C, f] = a(!1), m = () => {
+      const l = i.value;
+      l && (e.overflow === "scrollX" ? (r(Math.abs(l.scrollLeft) >= d), f(l.scrollWidth - l.clientWidth - Math.abs(l.scrollLeft) >= d)) : e.overflow === "scrollY" && (r(l.scrollTop !== 0), f(l.scrollHeight - l.clientHeight !== l.scrollTop)));
     };
-    R([() => l.overflow, () => l.items.length], () => {
+    y([() => e.overflow, () => e.items.length], () => {
       P(() => {
-        f();
+        m();
       });
     }, {
       immediate: !0
     });
-    const m = (e) => {
-      const o = a.value;
+    const u = (l) => {
+      const o = i.value;
       o && o.scrollTo({
-        left: o.scrollLeft + e * o.clientWidth,
+        left: o.scrollLeft + l * o.clientWidth,
         behavior: "smooth"
       });
     }, w = () => {
-      m(-1);
+      u(-1);
     }, S = () => {
-      m(1);
+      u(1);
     };
     return () => t("div", {
       class: v(n.value, {
-        [`${n.value}-overflow-${l.overflow}`]: l.overflow,
+        [`${n.value}-overflow-${e.overflow}`]: e.overflow,
         [`${n.value}-overflow-ping-start`]: g.value,
         [`${n.value}-overflow-ping-end`]: C.value
-      }, l.listClassName),
+      }, e.listClassName),
       ref: "file-list-container",
-      onScroll: f,
-      style: l.listStyle
-    }, [l.items.map((e) => t(O, {
-      key: e.uid,
-      prefixCls: l.prefixCls,
-      item: e,
-      onRemove: l.onRemove,
-      className: v(l.itemClassName),
-      imageProps: l.imageProps,
+      onScroll: m,
+      style: e.listStyle
+    }, [e.items.map((l) => t(A, {
+      key: l.uid,
+      prefixCls: e.prefixCls,
+      item: l,
+      onRemove: e.onRemove,
+      className: v(e.itemClassName),
+      imageProps: e.imageProps,
       style: {
-        ...l.itemStyle
+        ...e.itemStyle
       }
-    }, null)), !h.value.disabled && t(F, {
-      upload: l.upload,
+    }, null)), !h.value.disabled && t(O, {
+      upload: e.upload,
       children: t(s, {
         class: `${n.value}-upload-btn`,
         type: "dashed"
       }, {
-        default: () => [t(E, {
+        default: () => [t(N, {
           class: `${n.value}-upload-btn-icon`
         }, null)]
       })
-    }, null), l.overflow === "scrollX" && t(p, null, [t(s, {
+    }, null), e.overflow === "scrollX" && t(E, null, [t(s, {
       size: "small",
       shape: "circle",
       class: `${n.value}-prev-btn`,
-      icon: t(N, null, null),
+      icon: t(p, null, null),
       onClick: w
     }, null), t(s, {
       size: "small",

package/es/bubble/BubbleList.mjs

@@ -1,21 +1,21 @@
-import { defineComponent as F, mergeDefaults as G, toRef as v, useAttrs as J, useSlots as Q, computed as L, mergeProps as x, ref as g, watch as C, watchPostEffect as Y, onWatcherCleanup as Z, unref as o, nextTick as k, createVNode as S, renderList as b, withMemo as _ } from "vue";
-import { c as tt } from "../chunks/helper-chunk.mjs";
-import { b as et } from "../chunks/module-chunk.mjs";
-import { useEventCallback as ot } from "../_util/hooks/use-event-callback.mjs";
-import st from "../_util/pick-attrs.mjs";
+import { defineComponent as q, mergeDefaults as F, toRef as p, useAttrs as G, useSlots as J, computed as A, mergeProps as v, ref as d, watch as g, watchPostEffect as Q, onWatcherCleanup as Y, unref as o, nextTick as Z, createVNode as x, renderList as k } from "vue";
+import { c as b } from "../chunks/helper-chunk.mjs";
+import { b as _ } from "../chunks/module-chunk.mjs";
+import { useEventCallback as tt } from "../_util/hooks/use-event-callback.mjs";
+import et from "../_util/pick-attrs.mjs";
 import "../x-provider/index.mjs";
-import rt from "./Bubble.mjs";
-import at from "./hooks/useDisplayData.mjs";
-import nt from "./hooks/useListData.mjs";
-import lt from "./style/index.mjs";
-import R from "../_util/hooks/use-state.mjs";
-import { BubbleContextProvider as it } from "./context.mjs";
-import ct from "../x-provider/hooks/use-x-provider-context.mjs";
-const mt = 1, At = /* @__PURE__ */ F({
+import ot from "./Bubble.mjs";
+import st from "./hooks/useDisplayData.mjs";
+import rt from "./hooks/useListData.mjs";
+import at from "./style/index.mjs";
+import S from "../_util/hooks/use-state.mjs";
+import { BubbleContextProvider as lt } from "./context.mjs";
+import nt from "../x-provider/hooks/use-x-provider-context.mjs";
+const it = 1, It = /* @__PURE__ */ q({
   name: "AXBubbleList",
   inheritAttrs: !1,
   __name: "BubbleList",
-  props: G({
+  props: F({
     prefixCls: null,
     rootClassName: null,
     items: null,
@@ -27,118 +27,116 @@ const mt = 1, At = /* @__PURE__ */ F({
     autoScroll: !0
   }),
   setup(s, {
-    expose: N
+    expose: L
   }) {
-    const B = tt(s, ["prefixCls", "rootClassName", "items", "autoScroll", "roles"]);
-    v(s, "roles"), v(s, "items"), v(s, "prefixCls");
-    const P = [];
-    P[0] = [];
-    const H = J(), r = Q(), M = L(() => st(x(B, H), {
+    const N = b(s, ["prefixCls", "rootClassName", "items", "autoScroll", "roles"]);
+    p(s, "roles"), p(s, "items"), p(s, "prefixCls");
+    const w = G(), r = J(), B = A(() => et(v(N, w), {
       attr: !0,
       aria: !0
-    })), I = g(s.items), E = g(s.roles);
-    C(() => s.items, () => {
-      I.value = s.items;
-    }), C(() => s.roles, () => {
-      E.value = s.roles;
+    })), R = d(s.items), P = d(s.roles);
+    g(() => s.items, () => {
+      R.value = s.items;
+    }), g(() => s.roles, () => {
+      P.value = s.roles;
     });
-    const n = g(null), d = g({}), {
-      getPrefixCls: U
-    } = ct(), A = U("bubble", s.prefixCls), D = `${A}-list`, [$, z, O] = lt(A), [X, T] = R(!1);
-    Y(() => {
-      T(!0), Z(() => {
-        T(!1);
+    const i = d(null), u = d({}), {
+      getPrefixCls: H
+    } = nt(), I = H("bubble", s.prefixCls), E = `${I}-list`, [U, $, z] = at(I), [X, D] = S(!1);
+    Q(() => {
+      D(!0), Y(() => {
+        D(!1);
       });
     });
-    const K = nt(I, E), [m, W] = at(K), [V, h] = R(!0), [p, w] = R(0), j = (t) => {
+    const y = rt(R, P), [m, K] = st(y), [T, C] = S(!0), [h, V] = S(0), M = (t) => {
       const a = t.target;
-      h(a.scrollHeight - Math.abs(a.scrollTop) - a.clientHeight <= mt);
+      C(a.scrollHeight - Math.abs(a.scrollTop) - a.clientHeight <= it);
     };
-    C(p, () => {
-      s.autoScroll && o(n) && o(V) && k(() => {
-        o(n).scrollTo({
-          top: o(n).scrollHeight
+    g(h, () => {
+      s.autoScroll && o(i) && o(T) && Z(() => {
+        o(i).scrollTo({
+          top: o(i).scrollHeight
         });
       });
-    }), C(() => o(m).length, () => {
+    }), g(() => o(m).length, () => {
       var t;
       if (s.autoScroll) {
-        const a = (t = o(m)[o(m).length - 2]) == null ? void 0 : t.key, e = o(d)[a];
+        const a = (t = o(m)[o(m).length - 2]) == null ? void 0 : t.key, e = o(u)[a];
         if (e) {
           const {
-            nativeElement: l
+            nativeElement: n
           } = e, {
-            top: i = 0,
+            top: c = 0,
             bottom: f = 0
-          } = (l == null ? void 0 : l.getBoundingClientRect()) ?? {}, {
-            top: u,
-            bottom: c
-          } = o(n).getBoundingClientRect();
-          i < c && f > u && (w(o(p) + 1), h(!0));
+          } = (n == null ? void 0 : n.getBoundingClientRect()) ?? {}, {
+            top: l,
+            bottom: j
+          } = o(i).getBoundingClientRect();
+          c < j && f > l && (V(o(h) + 1), C(!0));
         }
       }
     });
-    const q = ot(() => {
-      s.autoScroll && w(o(p) + 1);
-    }), y = L(() => ({
-      onUpdate: q
+    const O = tt(() => {
+      s.autoScroll && V(o(h) + 1);
+    }), W = A(() => ({
+      onUpdate: O
     }));
-    return N({
-      nativeElement: n,
+    return L({
+      nativeElement: i,
       scrollTo: ({
         key: t,
         offset: a,
         behavior: e = "smooth",
-        block: l
+        block: n
       }) => {
         if (typeof a == "number")
-          o(n).scrollTo({
+          o(i).scrollTo({
             top: a,
             behavior: e
           });
         else if (t !== void 0) {
-          const i = o(d)[t];
-          if (i) {
-            const f = o(m).findIndex((u) => u.key === t);
-            h(f === o(m).length - 1), i.nativeElement.scrollIntoView({
+          const c = o(u)[t];
+          if (c) {
+            const f = o(m).findIndex((l) => l.key === t);
+            C(f === o(m).length - 1), c.nativeElement.scrollIntoView({
               behavior: e,
-              block: l
+              block: n
             });
           }
         }
       }
-    }), () => $(S(it, {
-      value: y.value
+    }), () => U(x(lt, {
+      value: W.value
     }, {
-      default: () => [S("div", x(M.value, {
-        class: et(D, s.rootClassName, z.value, O, {
-          [`${D}-reach-end`]: V.value
+      default: () => [x("div", v(B.value, {
+        class: _(E, s.rootClassName, $.value, z, {
+          [`${E}-reach-end`]: T.value
         }),
-        ref: n,
-        onScroll: j
-      }), [b(o(m), ({
+        ref: i,
+        onScroll: M
+      }), [k(o(m), ({
         key: t,
         onTypingComplete: a,
         ...e
-      }, l) => _([t], () => {
-        var i, f, u;
-        return S(rt, x(e, {
+      }) => {
+        var n, c, f;
+        return x(ot, v(e, {
           avatar: r.avatar ? () => {
-            var c;
-            return (c = r.avatar) == null ? void 0 : c.call(r, {
+            var l;
+            return (l = r.avatar) == null ? void 0 : l.call(r, {
               item: {
                 key: t,
                 ...e
               }
             });
           } : e.avatar,
-          header: ((i = r.header) == null ? void 0 : i.call(r, {
+          header: ((n = r.header) == null ? void 0 : n.call(r, {
             item: {
               key: t,
               ...e
             }
           })) ?? e.header,
-          footer: ((f = r.footer) == null ? void 0 : f.call(r, {
+          footer: ((c = r.footer) == null ? void 0 : c.call(r, {
             item: {
               key: t,
               ...e
@@ -150,25 +148,25 @@ const mt = 1, At = /* @__PURE__ */ F({
               ...e
             }
           }) : e.loadingRender,
-          content: ((u = r.message) == null ? void 0 : u.call(r, {
+          content: ((f = r.message) == null ? void 0 : f.call(r, {
             item: {
               key: t,
               ...e
             }
           })) ?? e.content,
           key: t,
-          ref: (c) => {
-            c ? d.value[t] = c : delete d.value[t];
+          ref: (l) => {
+            l ? u.value[t] = l : delete u.value[t];
           },
           typing: X.value ? e.typing : !1,
           onTypingComplete: () => {
-            a == null || a(), W(t);
+            a == null || a(), K(t);
           }
         }), null);
-      }, P[0], 0 + l + 1))])]
+      })])]
     }));
   }
 });
 export {
-  At as default
+  It as default
 };

package/es/suggestion/Suggestion.mjs

@@ -1,16 +1,16 @@
-import { defineComponent as A, mergeDefaults as D, toRef as L, useSlots as X, computed as l, ref as B, createVNode as S } from "vue";
-import { q as I, b as N } from "../chunks/module-chunk.mjs";
+import { defineComponent as D, mergeDefaults as L, toRef as X, useSlots as p, computed as l, ref as B, watch as I, createVNode as N } from "vue";
+import { q as P, b as w } from "../chunks/module-chunk.mjs";
 import "../x-provider/index.mjs";
-import P from "../_util/hooks/use-x-component-config.mjs";
-import T from "./style/index.mjs";
-import w from "../_util/hooks/use-state.mjs";
-import { Cascader as q } from "ant-design-vue";
-import z from "./useActive.mjs";
-import E from "../x-provider/hooks/use-x-provider-context.mjs";
-const Y = /* @__PURE__ */ A({
+import T from "../_util/hooks/use-x-component-config.mjs";
+import q from "./style/index.mjs";
+import x from "../_util/hooks/use-state.mjs";
+import { Cascader as z } from "ant-design-vue";
+import E from "./useActive.mjs";
+import K from "../x-provider/hooks/use-x-provider-context.mjs";
+const Z = /* @__PURE__ */ D({
   name: "AXSuggestion",
   __name: "Suggestion",
-  props: D({
+  props: L({
     prefixCls: null,
     className: null,
     rootClassName: null,
@@ -39,63 +39,67 @@ const Y = /* @__PURE__ */ A({
     open: !1
   }),
   setup(e) {
-    L(e, "prefixCls");
-    const s = X(), {
-      direction: x,
-      getPrefixCls: b
-    } = E(), n = l(() => b("suggestion", e.prefixCls));
+    X(e, "prefixCls");
+    const a = p(), {
+      direction: b,
+      getPrefixCls: k
+    } = K(), n = l(() => k("suggestion", e.prefixCls));
     `${n.value}`;
-    const a = l(() => x.value === "rtl"), i = P("suggestion"), u = B(), [k, c, r] = T(n), {
+    const s = l(() => b.value === "rtl"), i = T("suggestion"), u = B(), [F, c, r] = q(n), {
       width: f
-    } = I(u), F = l(() => {
+    } = P(u), O = l(() => {
       if (e.block && f.value)
         return {
           width: `${f.value}px`
         };
-    }), [m, O] = w(e.open), [R, V] = w(), o = (t) => {
-      var h;
-      O(t), (h = e.onOpenChange) == null || h.call(e, t);
-    }, d = (t) => {
+    }), [m, d] = x(e.open);
+    I(() => e.open, (t) => {
+      d(t);
+    });
+    const [R, V] = x(), o = (t) => {
+      var S;
+      d(t), (S = e.onOpenChange) == null || S.call(e, t);
+    }, g = (t) => {
       t === !1 ? o(!1) : (V(t), o(!0));
-    }, g = () => {
+    }, v = () => {
       o(!1);
-    }, v = l(() => typeof e.items == "function" ? e.items(R.value) : e.items), C = (t) => {
+    }, C = l(() => typeof e.items == "function" ? e.items(R.value) : e.items), h = (t) => {
       e.onSelect && e.onSelect(t[t.length - 1]), o(!1);
-    }, [$, y] = z(v, m, a, C, g), p = l(() => {
+    }, [$, y] = E(C, m, s, h, v), A = l(() => {
       var t;
-      return s.default ? s.default({
-        onTrigger: d,
+      return a.default ? a.default({
+        onTrigger: g,
         onKeyDown: y
       }) : (t = e.children) == null ? void 0 : t.call(e, {
-        onTrigger: d,
+        onTrigger: g,
         onKeyDown: y
       });
     });
-    return () => k(S(q, {
-      options: v.value,
+    return () => F(N(z, {
+      options: C.value,
       open: m.value,
       value: $.value,
-      placement: a.value ? "topRight" : "topLeft",
+      placement: s.value ? "topRight" : "topLeft",
       onDropdownVisibleChange: (t) => {
-        t || g();
+        t || v();
       },
-      popupClassName: N(e.rootClassName, n.value, c.value, r, {
+      popupClassName: w(e.rootClassName, n.value, c.value, r, {
         [`${n.value}-block`]: e.block
       }),
-      onChange: C,
-      dropdownStyle: F.value
+      onChange: h,
+      dropdownStyle: O.value
     }, {
-      default: () => S("div", {
+      default: () => N("div", {
         ref: u,
-        class: N(n.value, i.value.className, e.rootClassName, e.className, `${n.value}-wrapper`, c.value, r),
+        class: w(n.value, i.value.className, e.rootClassName, e.className, `${n.value}-wrapper`, c.value, r),
         style: {
           ...i.value.style,
           ...e.style
         }
-      }, [p.value])
+      }, [A.value])
     }));
   }
 });
 export {
-  Y as default
+  Z as default
 };

package/lib/attachments/FileList/FileList.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../chunks/module-chunk.js"),o=require("ant-design-vue"),i=require("../../_util/hooks/use-state.js"),w=require("../context.js"),V=require("../SilentUploader.js"),b=require("./FileListCard.js"),v=1,y=e.defineComponent({name:"AXAttachmentsFileList",__name:"FileList",props:{prefixCls:null,items:null,onRemove:{type:Function},overflow:null,upload:null,imageProps:null,listClassName:null,listStyle:null,itemClassName:null,itemStyle:null},setup(l){const n=e.computed(()=>`${l.prefixCls}-list`),c=e.useTemplateRef("file-list-container"),[L,u]=i.default(!1),h=w.useAttachmentContextInject();e.watchEffect(()=>{u(!0),e.onWatcherCleanup(()=>{u(!1)})});const[g,r]=i.default(!1),[C,f]=i.default(!1),d=()=>{const t=c.value;t&&(l.overflow==="scrollX"?(r(Math.abs(t.scrollLeft)>=v),f(t.scrollWidth-t.clientWidth-Math.abs(t.scrollLeft)>=v)):l.overflow==="scrollY"&&(r(t.scrollTop!==0),f(t.scrollHeight-t.clientHeight!==t.scrollTop)))};e.watch([()=>l.overflow,()=>l.items.length],()=>{e.nextTick(()=>{d()})},{immediate:!0});const m=t=>{const a=c.value;a&&a.scrollTo({left:a.scrollLeft+t*a.clientWidth,behavior:"smooth"})},N=()=>{m(-1)},S=()=>{m(1)};return()=>e.createVNode("div",{class:s.classnames(n.value,{[`${n.value}-overflow-${l.overflow}`]:l.overflow,[`${n.value}-overflow-ping-start`]:g.value,[`${n.value}-overflow-ping-end`]:C.value},l.listClassName),ref:"file-list-container",onScroll:d,style:l.listStyle},[l.items.map(t=>e.createVNode(b.default,{key:t.uid,prefixCls:l.prefixCls,item:t,onRemove:l.onRemove,className:s.classnames(l.itemClassName),imageProps:l.imageProps,style:{...l.itemStyle}},null)),!h.value.disabled&&e.createVNode(V.default,{upload:l.upload,children:e.createVNode(o.Button,{class:`${n.value}-upload-btn`,type:"dashed"},{default:()=>[e.createVNode(s.PlusOutlined,{class:`${n.value}-upload-btn-icon`},null)]})},null),l.overflow==="scrollX"&&e.createVNode(e.Fragment,null,[e.createVNode(o.Button,{size:"small",shape:"circle",class:`${n.value}-prev-btn`,icon:e.createVNode(s.LeftOutlined,null,null),onClick:N},null),e.createVNode(o.Button,{size:"small",shape:"circle",class:`${n.value}-next-btn`,icon:e.createVNode(s.RightOutlined,null,null),onClick:S},null)])])}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../chunks/module-chunk.js"),o=require("ant-design-vue"),i=require("../../_util/hooks/use-state.js"),w=require("../context.js"),V=require("../SilentUploader.js"),b=require("./FileListCard.js"),v=1,L=e.defineComponent({name:"AXAttachmentsFileList",__name:"FileList",props:{prefixCls:{},items:{},onRemove:{},overflow:{},upload:{},imageProps:{},listClassName:{},listStyle:{},itemClassName:{},itemStyle:{}},setup(t){const n=e.computed(()=>`${t.prefixCls}-list`),c=e.useTemplateRef("file-list-container"),[x,r]=i.default(!1),h=w.useAttachmentContextInject();e.watchEffect(()=>{r(!0),e.onWatcherCleanup(()=>{r(!1)})});const[g,u]=i.default(!1),[C,f]=i.default(!1),d=()=>{const l=c.value;l&&(t.overflow==="scrollX"?(u(Math.abs(l.scrollLeft)>=v),f(l.scrollWidth-l.clientWidth-Math.abs(l.scrollLeft)>=v)):t.overflow==="scrollY"&&(u(l.scrollTop!==0),f(l.scrollHeight-l.clientHeight!==l.scrollTop)))};e.watch([()=>t.overflow,()=>t.items.length],()=>{e.nextTick(()=>{d()})},{immediate:!0});const m=l=>{const a=c.value;a&&a.scrollTo({left:a.scrollLeft+l*a.clientWidth,behavior:"smooth"})},N=()=>{m(-1)},S=()=>{m(1)};return()=>e.createVNode("div",{class:s.classnames(n.value,{[`${n.value}-overflow-${t.overflow}`]:t.overflow,[`${n.value}-overflow-ping-start`]:g.value,[`${n.value}-overflow-ping-end`]:C.value},t.listClassName),ref:"file-list-container",onScroll:d,style:t.listStyle},[t.items.map(l=>e.createVNode(b.default,{key:l.uid,prefixCls:t.prefixCls,item:l,onRemove:t.onRemove,className:s.classnames(t.itemClassName),imageProps:t.imageProps,style:{...t.itemStyle}},null)),!h.value.disabled&&e.createVNode(V.default,{upload:t.upload,children:e.createVNode(o.Button,{class:`${n.value}-upload-btn`,type:"dashed"},{default:()=>[e.createVNode(s.PlusOutlined,{class:`${n.value}-upload-btn-icon`},null)]})},null),t.overflow==="scrollX"&&e.createVNode(e.Fragment,null,[e.createVNode(o.Button,{size:"small",shape:"circle",class:`${n.value}-prev-btn`,icon:e.createVNode(s.LeftOutlined,null,null),onClick:N},null),e.createVNode(o.Button,{size:"small",shape:"circle",class:`${n.value}-next-btn`,icon:e.createVNode(s.RightOutlined,null,null),onClick:S},null)])])}});exports.default=L;

package/lib/bubble/BubbleList.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),O=require("../chunks/helper-chunk.js"),U=require("../chunks/module-chunk.js"),z=require("../_util/hooks/use-event-callback.js"),X=require("../_util/pick-attrs.js");require("../x-provider/index.js");const $=require("./Bubble.js"),j=require("./hooks/useDisplayData.js"),y=require("./hooks/useListData.js"),K=require("./style/index.js"),v=require("../_util/hooks/use-state.js"),W=require("./context.js"),F=require("../x-provider/hooks/use-x-provider-context.js"),G=1,J=e.defineComponent({name:"AXBubbleList",inheritAttrs:!1,__name:"BubbleList",props:e.mergeDefaults({prefixCls:null,rootClassName:null,items:null,autoScroll:{type:Boolean},roles:null},{autoScroll:!0}),setup(s,{expose:w}){const E=O.createPropsRestProxy(s,["prefixCls","rootClassName","items","autoScroll","roles"]);e.toRef(s,"roles"),e.toRef(s,"items"),e.toRef(s,"prefixCls");const C=[];C[0]=[];const I=e.useAttrs(),r=e.useSlots(),V=e.computed(()=>X.default(e.mergeProps(E,I),{attr:!0,aria:!0})),x=e.ref(s.items),S=e.ref(s.roles);e.watch(()=>s.items,()=>{x.value=s.items}),e.watch(()=>s.roles,()=>{S.value=s.roles});const l=e.ref(null),m=e.ref({}),{getPrefixCls:N}=F.default(),P=N("bubble",s.prefixCls),R=`${P}-list`,[T,A,D]=K.default(P),[b,q]=v.default(!1);e.watchPostEffect(()=>{q(!0),e.onWatcherCleanup(()=>{q(!1)})});const B=y.default(x,S),[c,L]=j.default(B),[p,h]=v.default(!0),[g,_]=v.default(0),M=t=>{const n=t.target;h(n.scrollHeight-Math.abs(n.scrollTop)-n.clientHeight<=G)};e.watch(g,()=>{s.autoScroll&&e.unref(l)&&e.unref(p)&&e.nextTick(()=>{e.unref(l).scrollTo({top:e.unref(l).scrollHeight})})}),e.watch(()=>e.unref(c).length,()=>{var t;if(s.autoScroll){const n=(t=e.unref(c)[e.unref(c).length-2])==null?void 0:t.key,o=e.unref(m)[n];if(o){const{nativeElement:a}=o,{top:i=0,bottom:f=0}=(a==null?void 0:a.getBoundingClientRect())??{},{top:d,bottom:u}=e.unref(l).getBoundingClientRect();i<u&&f>d&&(_(e.unref(g)+1),h(!0))}}});const k=z.useEventCallback(()=>{s.autoScroll&&_(e.unref(g)+1)}),H=e.computed(()=>({onUpdate:k}));return w({nativeElement:l,scrollTo:({key:t,offset:n,behavior:o="smooth",block:a})=>{if(typeof n=="number")e.unref(l).scrollTo({top:n,behavior:o});else if(t!==void 0){const i=e.unref(m)[t];if(i){const f=e.unref(c).findIndex(d=>d.key===t);h(f===e.unref(c).length-1),i.nativeElement.scrollIntoView({behavior:o,block:a})}}}}),()=>T(e.createVNode(W.BubbleContextProvider,{value:H.value},{default:()=>[e.createVNode("div",e.mergeProps(V.value,{class:U.classnames(R,s.rootClassName,A.value,D,{[`${R}-reach-end`]:p.value}),ref:l,onScroll:M}),[e.renderList(e.unref(c),({key:t,onTypingComplete:n,...o},a)=>e.withMemo([t],()=>{var i,f,d;return e.createVNode($.default,e.mergeProps(o,{avatar:r.avatar?()=>{var u;return(u=r.avatar)==null?void 0:u.call(r,{item:{key:t,...o}})}:o.avatar,header:((i=r.header)==null?void 0:i.call(r,{item:{key:t,...o}}))??o.header,footer:((f=r.footer)==null?void 0:f.call(r,{item:{key:t,...o}}))??o.footer,loadingRender:r.loading?()=>r.loading({item:{key:t,...o}}):o.loadingRender,content:((d=r.message)==null?void 0:d.call(r,{item:{key:t,...o}}))??o.content,key:t,ref:u=>{u?m.value[t]=u:delete m.value[t]},typing:b.value?o.typing:!1,onTypingComplete:()=>{n==null||n(),L(t)}}),null)},C[0],0+a+1))])]}))}});exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),M=require("../chunks/helper-chunk.js"),U=require("../chunks/module-chunk.js"),y=require("../_util/hooks/use-event-callback.js"),z=require("../_util/pick-attrs.js");require("../x-provider/index.js");const O=require("./Bubble.js"),X=require("./hooks/useDisplayData.js"),$=require("./hooks/useListData.js"),j=require("./style/index.js"),g=require("../_util/hooks/use-state.js"),K=require("./context.js"),W=require("../x-provider/hooks/use-x-provider-context.js"),F=1,G=e.defineComponent({name:"AXBubbleList",inheritAttrs:!1,__name:"BubbleList",props:e.mergeDefaults({prefixCls:null,rootClassName:null,items:null,autoScroll:{type:Boolean},roles:null},{autoScroll:!0}),setup(r,{expose:p}){const E=M.createPropsRestProxy(r,["prefixCls","rootClassName","items","autoScroll","roles"]);e.toRef(r,"roles"),e.toRef(r,"items"),e.toRef(r,"prefixCls");const I=e.useAttrs(),s=e.useSlots(),V=e.computed(()=>z.default(e.mergeProps(E,I),{attr:!0,aria:!0})),v=e.ref(r.items),C=e.ref(r.roles);e.watch(()=>r.items,()=>{v.value=r.items}),e.watch(()=>r.roles,()=>{C.value=r.roles});const u=e.ref(null),d=e.ref({}),{getPrefixCls:w}=W.default(),x=w("bubble",r.prefixCls),S=`${x}-list`,[N,T,D]=j.default(x),[_,P]=g.default(!1);e.watchPostEffect(()=>{P(!0),e.onWatcherCleanup(()=>{P(!1)})});const b=$.default(v,C),[c,A]=X.default(b),[q,m]=g.default(!0),[h,R]=g.default(0),B=t=>{const n=t.target;m(n.scrollHeight-Math.abs(n.scrollTop)-n.clientHeight<=F)};e.watch(h,()=>{r.autoScroll&&e.unref(u)&&e.unref(q)&&e.nextTick(()=>{e.unref(u).scrollTo({top:e.unref(u).scrollHeight})})}),e.watch(()=>e.unref(c).length,()=>{var t;if(r.autoScroll){const n=(t=e.unref(c)[e.unref(c).length-2])==null?void 0:t.key,o=e.unref(d)[n];if(o){const{nativeElement:a}=o,{top:i=0,bottom:f=0}=(a==null?void 0:a.getBoundingClientRect())??{},{top:l,bottom:H}=e.unref(u).getBoundingClientRect();i<H&&f>l&&(R(e.unref(h)+1),m(!0))}}});const L=y.useEventCallback(()=>{r.autoScroll&&R(e.unref(h)+1)}),k=e.computed(()=>({onUpdate:L}));return p({nativeElement:u,scrollTo:({key:t,offset:n,behavior:o="smooth",block:a})=>{if(typeof n=="number")e.unref(u).scrollTo({top:n,behavior:o});else if(t!==void 0){const i=e.unref(d)[t];if(i){const f=e.unref(c).findIndex(l=>l.key===t);m(f===e.unref(c).length-1),i.nativeElement.scrollIntoView({behavior:o,block:a})}}}}),()=>N(e.createVNode(K.BubbleContextProvider,{value:k.value},{default:()=>[e.createVNode("div",e.mergeProps(V.value,{class:U.classnames(S,r.rootClassName,T.value,D,{[`${S}-reach-end`]:q.value}),ref:u,onScroll:B}),[e.renderList(e.unref(c),({key:t,onTypingComplete:n,...o})=>{var a,i,f;return e.createVNode(O.default,e.mergeProps(o,{avatar:s.avatar?()=>{var l;return(l=s.avatar)==null?void 0:l.call(s,{item:{key:t,...o}})}:o.avatar,header:((a=s.header)==null?void 0:a.call(s,{item:{key:t,...o}}))??o.header,footer:((i=s.footer)==null?void 0:i.call(s,{item:{key:t,...o}}))??o.footer,loadingRender:s.loading?()=>s.loading({item:{key:t,...o}}):o.loadingRender,content:((f=s.message)==null?void 0:f.call(s,{item:{key:t,...o}}))??o.content,key:t,ref:l=>{l?d.value[t]=l:delete d.value[t]},typing:_.value?o.typing:!1,onTypingComplete:()=>{n==null||n(),A(t)}}),null)})])]}))}});exports.default=G;

package/lib/suggestion/Suggestion.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),o=require("../chunks/module-chunk.js");require("../x-provider/index.js");const P=require("../_util/hooks/use-x-component-config.js"),R=require("./style/index.js"),N=require("../_util/hooks/use-state.js"),$=require("ant-design-vue"),A=require("./useActive.js"),L=require("../x-provider/hooks/use-x-provider-context.js"),T=n.defineComponent({name:"AXSuggestion",__name:"Suggestion",props:n.mergeDefaults({prefixCls:null,className:null,rootClassName:null,style:null,children:{type:Function},open:{type:Boolean},onOpenChange:{type:Function},items:{type:Function},onSelect:{type:Function},block:{type:Boolean},styles:null,classNames:null},{open:!1}),setup(e){n.toRef(e,"prefixCls");const u=n.useSlots(),{direction:q,getPrefixCls:k}=L.default(),l=n.computed(()=>k("suggestion",e.prefixCls));`${l.value}`;const a=n.computed(()=>q.value==="rtl"),i=P.default("suggestion"),c=n.ref(),[w,r,d]=R.default(l),{width:f}=o.useElementSize(c),x=n.computed(()=>{if(e.block&&f.value)return{width:`${f.value}px`}}),[m,b]=N.default(e.open),[V,O]=N.default(),s=t=>{var S;b(t),(S=e.onOpenChange)==null||S.call(e,t)},g=t=>{t===!1?s(!1):(O(t),s(!0))},v=()=>{s(!1)},C=n.computed(()=>typeof e.items=="function"?e.items(V.value):e.items),h=t=>{e.onSelect&&e.onSelect(t[t.length-1]),s(!1)},[D,y]=A.default(C,m,a,h,v),F=n.computed(()=>{var t;return u.default?u.default({onTrigger:g,onKeyDown:y}):(t=e.children)==null?void 0:t.call(e,{onTrigger:g,onKeyDown:y})});return()=>w(n.createVNode($.Cascader,{options:C.value,open:m.value,value:D.value,placement:a.value?"topRight":"topLeft",onDropdownVisibleChange:t=>{t||v()},popupClassName:o.classnames(e.rootClassName,l.value,r.value,d,{[`${l.value}-block`]:e.block}),onChange:h,dropdownStyle:x.value},{default:()=>n.createVNode("div",{ref:c,class:o.classnames(l.value,i.value.className,e.rootClassName,e.className,`${l.value}-wrapper`,r.value,d),style:{...i.value.style,...e.style}},[F.value])}))}});exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),o=require("../chunks/module-chunk.js");require("../x-provider/index.js");const P=require("../_util/hooks/use-x-component-config.js"),R=require("./style/index.js"),q=require("../_util/hooks/use-state.js"),$=require("ant-design-vue"),A=require("./useActive.js"),L=require("../x-provider/hooks/use-x-provider-context.js"),T=n.defineComponent({name:"AXSuggestion",__name:"Suggestion",props:n.mergeDefaults({prefixCls:null,className:null,rootClassName:null,style:null,children:{type:Function},open:{type:Boolean},onOpenChange:{type:Function},items:{type:Function},onSelect:{type:Function},block:{type:Boolean},styles:null,classNames:null},{open:!1}),setup(e){n.toRef(e,"prefixCls");const u=n.useSlots(),{direction:w,getPrefixCls:k}=L.default(),l=n.computed(()=>k("suggestion",e.prefixCls));`${l.value}`;const a=n.computed(()=>w.value==="rtl"),i=P.default("suggestion"),c=n.ref(),[x,r,d]=R.default(l),{width:f}=o.useElementSize(c),b=n.computed(()=>{if(e.block&&f.value)return{width:`${f.value}px`}}),[m,g]=q.default(e.open);n.watch(()=>e.open,t=>{g(t)});const[V,O]=q.default(),s=t=>{var N;g(t),(N=e.onOpenChange)==null||N.call(e,t)},v=t=>{t===!1?s(!1):(O(t),s(!0))},C=()=>{s(!1)},h=n.computed(()=>typeof e.items=="function"?e.items(V.value):e.items),y=t=>{e.onSelect&&e.onSelect(t[t.length-1]),s(!1)},[D,S]=A.default(h,m,a,y,C),F=n.computed(()=>{var t;return u.default?u.default({onTrigger:v,onKeyDown:S}):(t=e.children)==null?void 0:t.call(e,{onTrigger:v,onKeyDown:S})});return()=>x(n.createVNode($.Cascader,{options:h.value,open:m.value,value:D.value,placement:a.value?"topRight":"topLeft",onDropdownVisibleChange:t=>{t||C()},popupClassName:o.classnames(e.rootClassName,l.value,r.value,d,{[`${l.value}-block`]:e.block}),onChange:y,dropdownStyle:b.value},{default:()=>n.createVNode("div",{ref:c,class:o.classnames(l.value,i.value.className,e.rootClassName,e.className,`${l.value}-wrapper`,r.value,d),style:{...i.value.style,...e.style}},[F.value])}))}});exports.default=T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ant-design-x-vue",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Craft AI-driven interfaces effortlessly",
   "keywords": [
     "AI",
@@ -112,6 +112,7 @@
     "@vue/test-utils": "^2.4.6",
     "ant-design-vue": "^4.2.6",
     "changelogen": "^0.5.7",
+    "dayjs": "^1.11.13",
     "eslint": "^8.57.1",
     "eslint-plugin-vue": "^9.17.0",
     "fast-glob": "^3.3.2",

package/typings/use-x-agent/use-x-agent.d.ts

@@ -30,5 +30,5 @@ export declare class XAgent<Message = string, Input = RequestFnInfo<Message>, Ou
     request: RequestFn<Message, Input, Output>;
     isRequesting(): boolean;
 }
-export default function useXAgent<Message = string, Input = RequestFnInfo<Message>, Output = SSEOutput>(config: MaybeRefOrGetter<XAgentConfig<Message, Input, Output>>): import("vue").ComputedRef<XAgent<Message, RequestFnInfo<Message_1>, Partial<Record<import("../x-stream").SSEFields, any>>>>[];
+export default function useXAgent<Message = string, Input = RequestFnInfo<Message>, Output = SSEOutput>(config: MaybeRefOrGetter<XAgentConfig<Message, Input, Output>>): import("vue").ComputedRef<XAgent<Message, Input, Output>>[];
 export {};