ant-design-x-vue 1.2.6 → 1.2.8

package/es/sender/Sender.mjs

@@ -1,243 +1,263 @@
-import { defineComponent as ee, toRef as te, useSlots as ne, computed as a, ref as d, watch as ae, createVNode as o, mergeProps as oe } from "vue";
-import { a as le, c } from "../attachments/Attachments2.mjs";
-import { Input as se, Flex as ie } from "ant-design-vue";
-import ue from "../_util/pick-attrs.mjs";
+import { defineComponent as ee, mergeDefaults as ne, toRef as te, useSlots as ae, computed as a, ref as d, watch as le, createVNode as l, mergeProps as oe } from "vue";
+import { a as se, c as r } from "../attachments/Attachments2.mjs";
+import { Input as ie, Flex as ue } from "ant-design-vue";
+import ce from "../_util/pick-attrs.mjs";
 import re from "../_util/hooks/use-x-component-config.mjs";
-import ce from "../x-provider/hooks/use-x-provider-context.mjs";
-import "../x-provider/context.mjs";
+import "../x-provider/index.mjs";
 import { SenderHeaderContextProvider as fe } from "./context.mjs";
 import { ActionButtonContextProvider as de } from "./components/ActionButton/context.mjs";
 import me from "./components/ClearButton.mjs";
-import D from "./components/LoadingButton.mjs";
-import K from "./components/SendButton.mjs";
-import R from "./components/SpeechButton/index.mjs";
+import $ from "./components/LoadingButton.mjs";
+import I from "./components/SendButton.mjs";
+import B from "./components/SpeechButton/index.mjs";
 import ve from "./style/index.mjs";
 import ye from "./useSpeech.mjs";
 import Ce from "../_util/getValue.mjs";
-const Ae = /* @__PURE__ */ ee({
+import he from "../x-provider/hooks/use-x-provider-context.mjs";
+const ze = /* @__PURE__ */ ee({
   name: "AXSender",
   __name: "Sender",
-  props: {
-    onKeyPress: {},
-    onFocus: {},
-    onBlur: {},
-    prefixCls: {},
-    defaultValue: {},
-    value: {},
+  props: ne({
+    onKeyPress: {
+      type: Function
+    },
+    onFocus: null,
+    onBlur: null,
+    prefixCls: null,
+    defaultValue: null,
+    value: null,
     loading: {
       type: Boolean
     },
-    placeholder: {},
+    placeholder: null,
     readOnly: {
       type: Boolean
     },
     submitType: {
-      type: [String, Boolean],
-      default: "enter"
+      type: [String, Boolean]
     },
     disabled: {
-      type: Boolean,
-      default: void 0
+      type: Boolean
+    },
+    onSubmit: {
+      type: Function
+    },
+    onChange: {
+      type: Function
     },
-    onSubmit: {},
-    onChange: {},
-    onCancel: {},
-    onKeyDown: {},
-    onPaste: {},
-    onPasteFile: {},
-    components: {},
-    styles: {
-      default: () => ({})
+    onCancel: null,
+    onKeyDown: {
+      type: Function
     },
-    rootClassName: {},
-    classNames: {
-      default: () => ({})
+    onPaste: {
+      type: Function
     },
-    style: {},
-    className: {},
+    onPasteFile: {
+      type: Function
+    },
+    components: null,
+    styles: null,
+    rootClassName: null,
+    classNames: null,
+    style: null,
+    className: null,
     actions: {
-      type: [Object, Function, Boolean],
-      default: void 0
+      type: [Function, Boolean]
     },
-    allowSpeech: {},
-    prefix: {},
-    footer: {},
-    header: {},
-    autoSize: {
-      default: () => ({
-        maxRows: 8
-      })
-    }
-  },
+    allowSpeech: null,
+    prefix: {
+      type: Function
+    },
+    footer: {
+      type: Function
+    },
+    header: {
+      type: Function
+    },
+    autoSize: null
+  }, {
+    styles: () => ({}),
+    classNames: () => ({}),
+    submitType: "enter",
+    actions: void 0,
+    disabled: void 0,
+    autoSize: () => ({
+      maxRows: 8
+    })
+  }),
   emits: ["update:value"],
   setup(e, {
-    expose: I,
-    emit: F
+    expose: K,
+    emit: R
   }) {
-    const V = le(e, ["prefixCls", "styles", "classNames", "className", "rootClassName", "style", "defaultValue", "value", "placeholder", "readOnly", "submitType", "onSubmit", "loading", "components", "onCancel", "onChange", "actions", "onKeyPress", "onKeyDown", "disabled", "allowSpeech", "prefix", "footer", "header", "onPaste", "onPasteFile", "autoSize"]);
+    const V = se(e, ["prefixCls", "styles", "classNames", "className", "rootClassName", "style", "defaultValue", "value", "placeholder", "readOnly", "submitType", "onSubmit", "loading", "components", "onCancel", "onChange", "actions", "onKeyPress", "onKeyDown", "disabled", "allowSpeech", "prefix", "footer", "header", "onPaste", "onPasteFile", "autoSize"]);
     te(e, "prefixCls");
-    function A(t, n, r) {
-      return Ce(t, n) || r;
+    function T(n, t, c) {
+      return Ce(n, t) || c;
     }
     const m = {
-      SendButton: K,
+      SendButton: I,
       ClearButton: me,
-      LoadingButton: D,
-      SpeechButton: R
-    }, E = F, i = ne(), {
-      direction: O,
-      getPrefixCls: T
-    } = ce(), l = a(() => T("sender", e.prefixCls)), v = d(null), f = d(null), s = re("sender"), g = a(() => `${l.value}-input`), [k, z, X] = ve(l.value), L = a(() => c(l.value, s.value.className, e.className, e.rootClassName, z.value, X, {
-      [`${l.value}-rtl`]: O.value === "rtl",
-      [`${l.value}-disabled`]: e.disabled
-    })), M = a(() => `${l.value}-actions-btn`), S = a(() => `${l.value}-actions-list`), u = d(e.value ?? e.defaultValue ?? ""), x = (t) => {
-      u.value = t;
+      LoadingButton: $,
+      SpeechButton: B
+    }, z = R, i = ae(), {
+      direction: A,
+      getPrefixCls: E
+    } = he(), o = a(() => E("sender", e.prefixCls)), v = d(null), f = d(null), s = re("sender"), g = a(() => `${o.value}-input`), [k, O, X] = ve(o.value), L = a(() => r(o.value, s.value.className, e.className, e.rootClassName, O.value, X, {
+      [`${o.value}-rtl`]: A.value === "rtl",
+      [`${o.value}-disabled`]: e.disabled
+    })), M = a(() => `${o.value}-actions-btn`), S = a(() => `${o.value}-actions-list`), u = d(e.value ?? e.defaultValue ?? ""), b = (n) => {
+      u.value = n;
     };
-    ae(() => e.value, () => {
-      x(e.value);
+    le(() => e.value, () => {
+      b(e.value);
     });
-    const y = (t, n) => {
-      x(t), E("update:value", t), e.onChange && e.onChange(t, n);
+    const y = (n, t) => {
+      b(n), z("update:value", n), e.onChange && e.onChange(n, t);
     }, {
       speechPermission: j,
-      triggerSpeech: b,
+      triggerSpeech: x,
       recording: q
-    } = ye((t) => {
-      y(`${u.value} ${t}`);
-    }, () => e.allowSpeech), H = A(e.components, ["input"], se.TextArea), G = a(() => ue(V, {
+    } = ye((n) => {
+      y(`${u.value} ${n}`);
+    }, () => e.allowSpeech), H = T(e.components, ["input"], ie.TextArea), p = a(() => ce(V, {
       attr: !0,
       aria: !0,
       data: !0
-    })), J = a(() => ({
-      ...G.value,
+    })), G = a(() => ({
+      ...p.value,
       ref: f
     })), C = () => {
       u.value && e.onSubmit && !e.loading && e.onSubmit(u.value);
-    }, Q = () => {
+    }, J = () => {
       y("");
-    }, h = d(!1), U = () => {
+    }, h = d(!1), Q = () => {
       h.value = !0;
-    }, W = () => {
+    }, U = () => {
       h.value = !1;
-    }, Y = (t) => {
-      const n = t.key === "Enter" && !h.value;
+    }, W = (n) => {
+      const t = n.key === "Enter" && !h.value;
       switch (e.submitType) {
         case "enter":
-          n && !t.shiftKey && (t.preventDefault(), C());
+          t && !n.shiftKey && (n.preventDefault(), C());
           break;
         case "shiftEnter":
-          n && t.shiftKey && (t.preventDefault(), C());
+          t && n.shiftKey && (n.preventDefault(), C());
           break;
       }
-      e.onKeyPress && e.onKeyPress(t);
-    }, Z = (t) => {
-      var r, B;
-      const n = (r = t.clipboardData) == null ? void 0 : r.files;
-      n != null && n.length && e.onPasteFile && (e.onPasteFile(n[0], n), t.preventDefault()), (B = e.onPaste) == null || B.call(e, t);
-    }, p = (t) => {
-      var n, r;
-      t.target !== ((n = v.value) == null ? void 0 : n.querySelector(`.${g.value}`)) && t.preventDefault(), (r = f.value) == null || r.focus();
+      e.onKeyPress && e.onKeyPress(n);
+    }, Y = (n) => {
+      var c, F;
+      const t = (c = n.clipboardData) == null ? void 0 : c.files;
+      t != null && t.length && e.onPasteFile && (e.onPasteFile(t[0], t), n.preventDefault()), (F = e.onPaste) == null || F.call(e, n);
+    }, Z = (n) => {
+      var t, c;
+      n.target !== ((t = v.value) == null ? void 0 : t.querySelector(`.${g.value}`)) && n.preventDefault(), (c = f.value) == null || c.focus();
     }, P = a(() => {
-      let t = o(ie, {
+      let n = l(ue, {
         class: `${S.value}-presets`
       }, {
-        default: () => [e.allowSpeech && o(R, null, null), e.loading ? o(D, null, null) : o(K, null, null)]
+        default: () => [e.allowSpeech && l(B, typeof e.allowSpeech == "object" ? {
+          audioIcon: e.allowSpeech.audioIcon,
+          audioDisabledIcon: e.allowSpeech.audioDisabledIcon,
+          audioRecordingIcon: e.allowSpeech.audioRecordingIcon
+        } : {}, null), e.loading ? l($, null, null) : l(I, null, null)]
       });
-      const n = {
+      const t = {
         components: m
       };
-      return i.actions ? t = i.actions({
-        ori: t,
-        info: n
-      }) : typeof e.actions == "function" ? t = e.actions(t, n) : (e.actions || e.actions === !1) && (t = e.actions), t;
+      return i.actions ? n = i.actions({
+        ori: n,
+        info: t
+      }) : typeof e.actions == "function" ? n = e.actions(n, t) : (e.actions || e.actions === !1) && (n = e.actions), n;
     }), _ = a(() => ({
       prefixCls: M.value,
       onSend: C,
       onSendDisabled: !u.value,
-      onClear: Q,
+      onClear: J,
       onClearDisabled: !u.value,
       onCancel: e.onCancel,
       onCancelDisabled: !e.loading,
-      onSpeech: () => b(!1),
+      onSpeech: () => x(!1),
       onSpeechDisabled: !j.value,
       speechRecording: q.value,
       disabled: e.disabled
     })), N = a(() => {
-      let t = null;
-      const n = {
+      let n = null;
+      const t = {
         components: m
       };
-      return i.footer ? t = i.footer({
-        info: n
-      }) : typeof e.footer == "function" ? t = e.footer({
+      return i.footer ? n = i.footer({
+        info: t
+      }) : typeof e.footer == "function" ? n = e.footer({
         components: m
-      }) : e.footer && (t = e.footer), t;
-    }), $ = a(() => i.header ? i.header() : typeof e.header == "function" ? e.header() : e.header), w = a(() => i.prefix ? i.prefix() : typeof e.prefix == "function" ? e.prefix() : e.prefix);
-    return I({
+      }) : e.footer && (n = e.footer), n;
+    }), w = a(() => i.header ? i.header() : typeof e.header == "function" ? e.header() : e.header), D = a(() => i.prefix ? i.prefix() : typeof e.prefix == "function" ? e.prefix() : e.prefix);
+    return K({
       nativeElement: v.value,
       // @ts-expect-error
-      focus: (t) => {
-        var n;
-        return (n = f.value) == null ? void 0 : n.focus(t);
+      focus: (n) => {
+        var t;
+        return (t = f.value) == null ? void 0 : t.focus(n);
       },
       // @ts-expect-error
       blur: () => {
-        var t;
-        return (t = f.value) == null ? void 0 : t.blur();
+        var n;
+        return (n = f.value) == null ? void 0 : n.blur();
       }
-    }), () => k(o("div", {
+    }), () => k(l("div", {
       ref: v,
       class: L.value,
       style: {
         ...s.value.style,
         ...e.style
       }
-    }, [$.value && o(fe, {
+    }, [w.value && l(fe, {
       value: {
-        prefixCls: l.value
+        prefixCls: o.value
       }
     }, {
-      default: () => [$.value]
-    }), o(de, {
+      default: () => [w.value]
+    }), l(de, {
       value: _.value
     }, {
-      default: () => [o("div", {
-        class: `${l.value}-content`,
-        onMousedown: p
-      }, [w.value && o("div", {
-        class: c(`${l.value}-prefix`, s.value.classNames.prefix, e.classNames.prefix),
+      default: () => [l("div", {
+        class: `${o.value}-content`,
+        onMousedown: Z
+      }, [D.value && l("div", {
+        class: r(`${o.value}-prefix`, s.value.classNames.prefix, e.classNames.prefix),
         style: {
           ...s.value.styles.prefix,
           ...e.styles.prefix
         }
-      }, [w.value]), o(H, oe(J.value, {
+      }, [D.value]), l(H, oe(G.value, {
         disabled: e.disabled,
         style: {
           ...s.value.styles.input,
           ...e.styles.input
         },
-        class: c(g.value, s.value.classNames.input, e.classNames.input),
+        class: r(g.value, s.value.classNames.input, e.classNames.input),
         autoSize: e.autoSize,
         value: u.value,
-        onChange: (t) => {
-          y(t.target.value, t), b(!0);
+        onChange: (n) => {
+          y(n.target.value, n), x(!0);
         },
-        onPressEnter: Y,
-        onCompositionstart: U,
-        onCompositionend: W,
+        onPressEnter: W,
+        onCompositionstart: Q,
+        onCompositionend: U,
         onKeydown: e.onKeyDown,
         placeholder: e.placeholder,
-        onPaste: Z,
+        onPaste: Y,
         bordered: !1,
         readOnly: e.readOnly
-      }), null), P.value && o("div", {
-        class: c(S.value, s.value.classNames.actions, e.classNames.actions),
+      }), null), P.value && l("div", {
+        class: r(S.value, s.value.classNames.actions, e.classNames.actions),
         style: {
           ...s.value.styles.actions,
           ...e.styles.actions
         }
-      }, [P.value])]), N.value && o("div", {
-        class: c(`${l.value}-footer`, s.value.classNames.footer, e.classNames.footer),
+      }, [P.value])]), N.value && l("div", {
+        class: r(`${o.value}-footer`, s.value.classNames.footer, e.classNames.footer),
         style: {
           ...s.value.styles.footer,
           ...e.styles.footer
@@ -247,5 +267,5 @@ const Ae = /* @__PURE__ */ ee({
   }
 });
 export {
-  Ae as default
+  ze as default
 };

package/es/sender/components/ActionButton/index.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as d, toRef as u, useSlots as f, computed as s, createVNode as m, mergeProps as y } from "vue";
-import { a as b, c as p } from "../../../attachments/Attachments2.mjs";
+import { defineComponent as r, toRef as u, useSlots as f, computed as s, createVNode as m, mergeProps as b } from "vue";
+import { a as y, c as p } from "../../../attachments/Attachments2.mjs";
 import { Button as C } from "ant-design-vue";
 import { useActionButtonContextInject as x } from "./context.mjs";
-const A = /* @__PURE__ */ d({
+const A = /* @__PURE__ */ r({
   name: "AXSenderActionButton",
   __name: "index",
   props: {
@@ -35,28 +35,31 @@ const A = /* @__PURE__ */ d({
     target: {},
     title: {},
     onClick: {},
-    onMousedown: {}
+    onMousedown: {},
+    audioIcon: {},
+    audioDisabledIcon: {},
+    audioRecordingIcon: {}
   },
   setup(e) {
-    const c = b(e, ["action", "type", "disabled", "onClick"]);
+    const c = y(e, ["action", "type", "disabled", "onClick"]);
     u(e, "disabled");
-    const r = f(), n = x(), l = s(() => {
+    const d = f(), n = x(), i = s(() => {
       var o;
       const a = n.value.disabled, t = (o = n.value) == null ? void 0 : o[`${e.action}Disabled`];
       return e.disabled ?? a ?? t;
-    }), i = s(() => n.value.prefixCls);
-    return () => m(C, y({
+    }), l = s(() => n.value.prefixCls);
+    return () => m(C, b({
       type: e.type
     }, c, {
       onClick: (a) => {
         var t, o;
-        l.value || ((o = (t = n.value) == null ? void 0 : t[e.action]) == null || o.call(t), e.onClick && !Array.isArray(e.onClick) && e.onClick(a));
+        i.value || ((o = (t = n.value) == null ? void 0 : t[e.action]) == null || o.call(t), e.onClick && !Array.isArray(e.onClick) && e.onClick(a));
       },
-      class: p(i.value, {
-        [`${i.value}-disabled`]: l.value
+      class: p(l.value, {
+        [`${l.value}-disabled`]: i.value
       })
     }), {
-      icon: () => r.default()
+      icon: () => d.default()
     });
   }
 });

package/es/sender/components/ClearButton.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as r, mergeDefaults as t, createVNode as e, mergeProps as o } from "vue";
-import { a as u } from "../../attachments/Attachments2.mjs";
-import a from "./ActionButton/index.mjs";
-import { i as s } from "../../attachments/FileList/FileList2.mjs";
-const f = /* @__PURE__ */ r({
+import { defineComponent as o, mergeDefaults as u, createVNode as n, mergeProps as r } from "vue";
+import { a } from "../../attachments/Attachments2.mjs";
+import t from "./ActionButton/index.mjs";
+import { i } from "../../attachments/FileList/FileList2.mjs";
+const p = /* @__PURE__ */ o({
   name: "AXSenderClearButton",
   __name: "ClearButton",
-  props: t({
+  props: u({
     prefixCls: null,
     type: null,
     htmlType: null,
@@ -21,21 +21,24 @@ const f = /* @__PURE__ */ r({
     target: null,
     title: null,
     onClick: null,
-    onMousedown: null
+    onMousedown: null,
+    audioIcon: null,
+    audioDisabledIcon: null,
+    audioRecordingIcon: null
   }, {
     disabled: void 0
   }),
   setup(l) {
-    const n = u(l, ["disabled"]);
-    return () => e(a, o({
+    const e = a(l, ["disabled"]);
+    return () => n(t, r({
       disabled: l.disabled
-    }, n, {
+    }, e, {
       action: "onClear"
     }), {
-      default: () => [e(s, null, null)]
+      default: () => [n(i, null, null)]
     });
   }
 });
 export {
-  f as default
+  p as default
 };

package/es/sender/components/LoadingButton.mjs

@@ -1,5 +1,5 @@
-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 { defineComponent as a, mergeDefaults as i, createVNode as l, mergeProps as r } from "vue";
+import { a as s, c as u } from "../../attachments/Attachments2.mjs";
 import c from "./ActionButton/index.mjs";
 import d from "../StopLoading.mjs";
 import { useActionButtonContextInject as m } from "./ActionButton/context.mjs";
@@ -7,7 +7,7 @@ import { theme as p } from "ant-design-vue";
 const x = /* @__PURE__ */ a({
   name: "AXSenderLoadingButton",
   __name: "LoadingButton",
-  props: r({
+  props: i({
     prefixCls: null,
     type: null,
     htmlType: null,
@@ -23,32 +23,35 @@ const x = /* @__PURE__ */ a({
     target: null,
     title: null,
     onClick: null,
-    onMousedown: null
+    onMousedown: null,
+    audioIcon: null,
+    audioDisabledIcon: null,
+    audioRecordingIcon: null
   }, {
     type: "primary",
     shape: "circle",
     icon: void 0,
     disabled: void 0
   }),
-  setup(e) {
-    const o = i(e, ["type", "shape", "icon", "disabled"]), n = m(), {
+  setup(n) {
+    const o = s(n, ["type", "shape", "icon", "disabled"]), e = m(), {
       token: t
     } = p.useToken();
-    return () => l(c, s({
-      type: e.type,
-      disabled: e.disabled,
-      shape: e.shape,
-      icon: e.icon
+    return () => l(c, r({
+      type: n.type,
+      disabled: n.disabled,
+      shape: n.shape,
+      icon: n.icon
     }, o, {
       style: {
         backgroundColor: "transparent",
         color: t.value.colorPrimary
       },
-      class: u(`${n.value.prefixCls}-loading-button`),
+      class: u(`${e.value.prefixCls}-loading-button`),
       action: "onCancel"
     }), {
       default: () => [l(d, {
-        className: `${n.value.prefixCls}-loading-icon`
+        className: `${e.value.prefixCls}-loading-icon`
       }, null)]
     });
   }

package/es/sender/components/SendButton.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as t, mergeDefaults as o, createVNode as l, mergeProps as r } from "vue";
+import { defineComponent as o, mergeDefaults as t, createVNode as e, mergeProps as u } from "vue";
 import { a } from "../../attachments/Attachments2.mjs";
-import u from "./ActionButton/index.mjs";
-import { A as s } from "../../attachments/FileList/FileList2.mjs";
-const f = /* @__PURE__ */ t({
+import r from "./ActionButton/index.mjs";
+import { A as d } from "../../attachments/FileList/FileList2.mjs";
+const c = /* @__PURE__ */ o({
   name: "AXSenderLoadingButton",
   __name: "SendButton",
-  props: o({
+  props: t({
     prefixCls: null,
     type: null,
     htmlType: null,
@@ -21,25 +21,28 @@ const f = /* @__PURE__ */ t({
     target: null,
     title: null,
     onClick: null,
-    onMousedown: null
+    onMousedown: null,
+    audioIcon: null,
+    audioDisabledIcon: null,
+    audioRecordingIcon: null
   }, {
     type: "primary",
     shape: "circle",
     disabled: void 0
   }),
-  setup(e) {
-    const n = a(e, ["type", "shape", "disabled"]);
-    return () => l(u, r({
-      type: e.type,
-      shape: e.shape,
-      disabled: e.disabled
+  setup(l) {
+    const n = a(l, ["type", "shape", "disabled"]);
+    return () => e(r, u({
+      type: l.type,
+      shape: l.shape,
+      disabled: l.disabled
     }, n, {
       action: "onSend"
     }), {
-      default: () => [l(s, null, null)]
+      default: () => [e(d, null, null)]
     });
   }
 });
 export {
-  f as default
+  c as default
 };