ant-design-x-vue 1.2.0 → 1.2.2

package/es/attachments/PlaceholderUploader.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as y, mergeDefaults as D, computed as d, useTemplateRef as x, isVNode as c, createVNode as l, mergeProps as C } from "vue";
+import { defineComponent as D, mergeDefaults as x, computed as o, useTemplateRef as $, isVNode as c, createVNode as t, mergeProps as C } from "vue";
 import { c as T } from "./Attachments2.mjs";
-import { useAttachmentContextInject as $ } from "./context.mjs";
-import A from "../_util/hooks/use-state.mjs";
-import { Flex as b, Typography as o, Upload as N } from "ant-design-vue";
-const E = /* @__PURE__ */ y({
+import { useAttachmentContextInject as A } from "./context.mjs";
+import b from "../_util/hooks/use-state.mjs";
+import { Flex as N, Typography as s, Upload as U } from "ant-design-vue";
+const L = /* @__PURE__ */ D({
   name: "AXAttachmentsPlaceholderUploader",
   __name: "PlaceholderUploader",
-  props: D({
+  props: x({
     prefixCls: null,
     placeholder: null,
     upload: null,
@@ -18,49 +18,52 @@ const E = /* @__PURE__ */ y({
   setup(e, {
     expose: i
   }) {
-    const a = `${e.prefixCls}-placeholder`, r = d(() => e.placeholder || {}), u = x("upload-dragger"), s = $(), [p, n] = A(!1), f = () => {
+    const l = `${e.prefixCls}-placeholder`, r = o(() => e.placeholder || {}), u = $("upload-dragger"), d = A(), [p, n] = b(!1), f = () => {
       n(!0);
-    }, m = (t) => {
-      t.currentTarget.contains(t.relatedTarget) || n(!1);
+    }, m = (a) => {
+      a.currentTarget.contains(a.relatedTarget) || n(!1);
     }, g = () => {
       n(!1);
-    };
+    }, h = o(() => {
+      var a;
+      return (a = u.value) == null ? void 0 : a.$el;
+    });
     i({
-      nativeElement: u
+      nativeElement: h
     });
-    const h = (t) => Array.isArray(t) && t.every(c), v = d(() => c(e.placeholder) || h(e.placeholder) ? e.placeholder : l(b, {
+    const v = (a) => Array.isArray(a) && a.every(c), y = o(() => c(e.placeholder) || v(e.placeholder) ? e.placeholder : t(N, {
       align: "center",
       justify: "center",
       vertical: !0,
-      class: `${a}-inner`
+      class: `${l}-inner`
     }, {
-      default: () => [l(o.Text, {
-        class: `${a}-icon`
+      default: () => [t(s.Text, {
+        class: `${l}-icon`
       }, {
         default: () => [r.value.icon]
-      }), l(o.Title, {
-        class: `${a}-title`,
+      }), t(s.Title, {
+        class: `${l}-title`,
         level: 5
       }, {
         default: () => [r.value.title]
-      }), l(o.Text, {
-        class: `${a}-description`,
+      }), t(s.Text, {
+        class: `${l}-description`,
         type: "secondary"
       }, {
         default: () => [r.value.description]
       })]
     }));
-    return () => l("div", {
-      class: T(a, {
-        [`${a}-drag-in`]: p.value,
-        [`${a}-disabled`]: s.value.disabled
+    return () => t("div", {
+      class: T(l, {
+        [`${l}-drag-in`]: p.value,
+        [`${l}-disabled`]: d.value.disabled
       }, e.className),
       onDragenter: f,
       onDragleave: m,
       onDrop: g,
-      "aria-hidden": s.value.disabled,
+      "aria-hidden": d.value.disabled,
       style: e.style
-    }, [l(N.Dragger, C({
+    }, [t(U.Dragger, C({
       showUploadList: !1
     }, e.upload, {
       ref: "upload-dragger",
@@ -70,10 +73,10 @@ const E = /* @__PURE__ */ y({
         background: "transparent"
       }
     }), {
-      default: () => [v.value]
+      default: () => [y.value]
     })]);
   }
 });
 export {
-  E as default
+  L as default
 };

package/es/attachments/SilentUploader.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as a, useTemplateRef as t, createVNode as n, mergeProps as r } from "vue";
-import { Upload as p } from "ant-design-vue";
-const u = /* @__PURE__ */ a({
+import { defineComponent as n, useTemplateRef as p, computed as r, createVNode as d, mergeProps as u } from "vue";
+import { Upload as s } from "ant-design-vue";
+const i = /* @__PURE__ */ n({
   name: "AXAttachmentsSilentUploader",
   __name: "SilentUploader",
   props: {
@@ -9,12 +9,15 @@ const u = /* @__PURE__ */ a({
     rootClassName: null
   },
   setup(e, {
-    expose: l
+    expose: o
   }) {
-    const o = t("upload");
-    return l({
-      nativeElement: o
-    }), () => n(p, r(e.upload, {
+    const t = p("upload"), a = r(() => {
+      var l;
+      return (l = t.value) == null ? void 0 : l.$el;
+    });
+    return o({
+      nativeElement: a
+    }), () => d(s, u(e.upload, {
       showUploadList: !1,
       ref: "upload"
     }), {
@@ -23,5 +26,5 @@ const u = /* @__PURE__ */ a({
   }
 });
 export {
-  u as default
+  i as default
 };

package/es/bubble/Bubble.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as j, mergeDefaults as D, toRef as N, useSlots as H, ref as g, watch as x, unref as k, watchEffect as q, computed as o, createVNode as l, isVNode as z, Fragment as G, toValue as r, mergeProps as J } from "vue";
+import { defineComponent as j, mergeDefaults as D, toRef as h, useSlots as H, ref as d, watch as N, unref as k, watchEffect as q, computed as r, createVNode as l, isVNode as z, Fragment as G, toValue as i, mergeProps as J } from "vue";
 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";
@@ -46,36 +46,36 @@ const ce = /* @__PURE__ */ j({
     variant: "filled"
   }),
   setup(e, {
-    expose: $
+    expose: x
   }) {
-    const b = K(e, ["prefixCls", "rootClassName", "classNames", "styles", "avatar", "placement", "loading", "loadingRender", "typing", "content", "messageRender", "variant", "shape", "onTypingComplete", "header", "footer"]);
-    N(e, "content"), N(e, "prefixCls");
-    const a = H(), y = g(e.content);
-    x(() => e.content, () => {
-      y.value = e.content;
+    const $ = K(e, ["prefixCls", "rootClassName", "classNames", "styles", "avatar", "placement", "loading", "loadingRender", "typing", "content", "messageRender", "variant", "shape", "onTypingComplete", "header", "footer"]);
+    h(e, "content"), h(e, "prefixCls");
+    const a = H(), g = d(e.content);
+    N(() => e.content, () => {
+      g.value = e.content;
     });
     const {
       onUpdate: c
-    } = k(U()), C = g(null), {
-      direction: R,
-      getPrefixCls: T
-    } = O(), t = T("bubble", e.prefixCls), n = M("bubble"), [P, S, V, h] = W(() => e.typing), [i, u] = Q(y, P, S, V), m = g(!1);
-    x(i, () => {
+    } = k(U()), 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), m = d(!1);
+    N(s, () => {
       c == null || c();
     }), q(() => {
-      var s;
-      !u.value && !e.loading ? m.value || (m.value = !0, (s = e.onTypingComplete) == null || s.call(e)) : m.value = !1;
+      var o;
+      !u.value && !e.loading ? m.value || (m.value = !0, (o = e.onTypingComplete) == null || o.call(e)) : m.value = !1;
     });
-    const [w, B, E] = Z(() => t), F = o(() => [t, e.rootClassName, n.value.className, B.value, E, `${t}-${e.placement}`, {
-      [`${t}-rtl`]: R.value === "rtl"
+    const [V, w, B] = Z(() => 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 && !h.value
-    }]), I = o(() => a.avatar ? a.avatar() : z(e.avatar) ? e.avatar : l(L, e.avatar, null)), f = o(() => a.message ? a.message({
-      content: i.value
-    }) : e.messageRender ? e.messageRender(i.value) : i.value), X = o(() => e.loading ? a.loading ? a.loading() : e.loadingRender ? e.loadingRender() : l(Y, {
+      [`${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, {
       prefixCls: t
-    }, null) : l(G, null, [f.value, u.value && r(h)])), A = o(() => {
-      const s = l("div", {
+    }, null) : l(G, null, [I.value, u.value && i(C)])), A = r(() => {
+      const o = l("div", {
         style: {
           ...n.value.styles.content,
           ...e.styles.content
@@ -83,42 +83,42 @@ const ce = /* @__PURE__ */ j({
         class: [`${t}-content`, `${t}-content-${e.variant}`, {
           [`${t}-content-${e.shape}`]: e.shape
         }, n.value.classNames.content, e.classNames.content]
-      }, [r(X)]), v = a.header ? a.header() : e.header, d = a.footer ? a.footer({
-        content: f.value
-      }) : typeof e.footer == "function" ? e.footer(f.value) : e.footer;
-      return v || d ? l("div", {
+      }, [i(X)]), f = a.header ? a.header() : e.header, v = a.footer ? a.footer({
+        content: s.value
+      }) : typeof e.footer == "function" ? e.footer(s.value) : e.footer;
+      return f || v ? l("div", {
         class: `${t}-content-wrapper`
-      }, [v && l("div", {
+      }, [f && l("div", {
         class: [`${t}-header`, n.value.classNames.header, e.classNames.header],
         style: {
           ...n.value.styles.header,
           ...e.styles.header
         }
-      }, [v]), s, d && l("div", {
+      }, [f]), o, v && l("div", {
         class: [`${t}-footer`, n.value.classNames.footer, e.classNames.footer],
         style: {
           ...n.value.styles.footer,
           ...e.styles.footer
         }
-      }, [d])]) : s;
+      }, [v])]) : o;
     });
-    return $({
-      nativeElement: C
-    }), () => w(l("div", J({
+    return x({
+      nativeElement: y
+    }), () => V(l("div", J({
       style: {
         ...n.value.style
         // ...(style as object),
       },
-      class: r(F)
-    }, b, {
-      ref: C
+      class: i(E)
+    }, $, {
+      ref: y
     }), [(a.avatar || e.avatar) && l("div", {
       style: {
         ...n.value.styles.avatar,
         ...e.styles.avatar
       },
       class: [`${t}-avatar`, n.value.classNames.avatar, e.classNames.avatar]
-    }, [r(I)]), r(A)]));
+    }, [i(F)]), i(A)]));
   }
 });
 export {

package/es/sender/components/LoadingButton.mjs

@@ -1,8 +1,8 @@
 import { defineComponent as a, mergeDefaults as r, createVNode as l, mergeProps as s } from "vue";
 import { a as i, c as u } from "../../attachments/Attachments2.mjs";
 import c from "./ActionButton/index.mjs";
-import m from "../StopLoading.mjs";
-import { useActionButtonContextInject as d } from "./ActionButton/context.mjs";
+import d from "../StopLoading.mjs";
+import { useActionButtonContextInject as m } from "./ActionButton/context.mjs";
 import { theme as p } from "ant-design-vue";
 const x = /* @__PURE__ */ a({
   name: "AXSenderLoadingButton",
@@ -27,11 +27,11 @@ const x = /* @__PURE__ */ a({
   }, {
     type: "primary",
     shape: "circle",
-    icon: null,
+    icon: void 0,
     disabled: void 0
   }),
   setup(e) {
-    const o = i(e, ["type", "shape", "icon", "disabled"]), n = d(), {
+    const o = i(e, ["type", "shape", "icon", "disabled"]), n = m(), {
       token: t
     } = p.useToken();
     return () => l(c, s({
@@ -47,7 +47,7 @@ const x = /* @__PURE__ */ a({
       class: u(`${n.value.prefixCls}-loading-button`),
       action: "onCancel"
     }), {
-      default: () => [l(m, {
+      default: () => [l(d, {
         className: `${n.value.prefixCls}-loading-icon`
       }, null)]
     });